/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/


/* caht boxxx
 */

.chat-room.small-chat .profile-photo .state-container {
    position: relative;
    top: 0px;
    left: 10px;
    width: max-content;
}

.chat-room.small-chat .profile-photo .state-container .state-online {
    position: relative;
    display: block;
    background-color: #01eb5f;
    height: .75rem;
    width: .75rem;
    z-index: 2;
    margin-left: 1.35rem;
    left: auto;
    top: -.5rem;
    border-radius: 50%;
    border: .1rem solid #fff;
}

.chat-room.small-chat .profile-photo .state-container .state-offline {
    position: relative;
    display: block;
    background-color: #807676;
    height: .75rem;
    width: .75rem;
    z-index: 2;
    margin-left: 1.35rem;
    left: auto;
    top: -.5rem;
    border-radius: 50%;
    border: .1rem solid #fff;
}

.btn-chat-public {
    position: fixed;
    bottom: 0px;
    right: 60px;
    cursor: pointer;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card_chat_bg:after {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
}


/* caht boxxx
 */

.fa-brands.fa-500px {
    color: #0099e5;
}

.fa-brands.fa-adn {
    color: #4A484C;
}

.fa-brands.fa-amazon {
    color: #ff9900;
}

.fa-brands.fa-android {
    color: #a4c639;
}

.fa-brands.fa-angellist {
    color: #000;
}

.fa-brands.fa-apple {
    color: #979797;
}

.fa-brands.fa-behance {
    color: #1769ff;
}

.fa-brands.fa-behance-square {
    color: #1769ff;
}

.fa-brands.fa-bitbucket {
    color: #205081;
}

.fa-brands.fa-bitbucket-square {
    color: #205081;
}

.fa-brands.fa-bitcoin {
    color: #ee9209;
}

.fa-brands.fa-black-tie {
    color: #222;
}

.fa-brands.fa-btc {
    color: #ee9209;
}

.fa-brands.fa-buysellads {
    color: #c90100;
}

.fa-brands.fa-cc-amex {
    color: #007bc1;
}

.fa-brands.fa-cc-diners-club {
    color: #004A97;
}

.fa-brands.fa-cc-discover {
    color: #f68121;
}

.fa-brands.fa-cc-jcb {
    color: #003A8F;
}

.fa-brands.fa-cc-mastercard {
    color: #0a3a82;
}

.fa-brands.fa-cc-paypal {
    color: #253b80;
}

.fa-brands.fa-cc-stripe {
    color: #00afe1;
}

.fa-brands.fa-cc-visa {
    color: #0157a2;
}

.fa-brands.fa-chrome {
    color: #4587F3;
}

.fa-brands.fa-codepen {
    color: #000;
}

.fa-brands.fa-connectdevelop {
    color: #391448;
}

.fa-brands.fa-contao {
    color: #eb8623;
}

.fa-brands.fa-creative-commons {
    color: #231f20;
}

.fa-brands.fa-css3 {
    color: #1680C0;
}

.fa-brands.fa-dashcube {
    color: #7f7f7f;
}

.fa-brands.fa-delicious {
    color: #3399ff;
}

.fa-brands.fa-deviantart {
    color: #4e6252;
}

.fa-brands.fa-digg {
    color: #000;
}

.fa-brands.fa-dribbble {
    color: #444444;
}

.fa-brands.fa-dropbox {
    color: #007ee5;
}

.fa-brands.fa-drupal {
    color: #0077c0;
}

.fa-brands.fa-empire {
    color: #000;
}

.fa-brands.fa-expeditedssl {
    color: #343433;
}

.fa-brands.fa-facebook {
    color: #3b5998;
}

.fa-brands.fa-facebook-official {
    color: #3b5998;
}

.fa-brands.fa-facebook-square {
    color: #3b5998;
}

.fa-brands.fa-firefox {
    color: #e66000;
}

.fa-brands.fa-firefox-browser {
    color: #e66000;
}

.fa-brands.fa-flickr {
    color: #ff0084;
}

.fa-brands.fa-fonticons {
    color: #1C1E29;
}

.fa-brands.fa-forumbee {
    color: #83ad13;
}

.fa-brands.fa-foursquare {
    color: #0072b1;
}

.fa-brands.fa-ge {
    color: #000;
}

.fa-brands.fa-get-pocket {
    color: #d3505a;
}

.fa-brands.fa-gg {
    color: #000;
}

.fa-brands.fa-gg-circle {
    color: #000;
}

.fa-brands.fa-git {
    color: #333;
}

.fa-brands.fa-git-square {
    color: #333;
}

.fa-brands.fa-github {
    color: #333;
}

.fa-brands.fa-github-alt {
    color: #333;
}

.fa-brands.fa-github-square {
    color: #333;
}

.fa-brands.fa-gittip {
    color: #663300;
}

.fa-brands.fa-google {
    color: #4285f4;
}

.fa-brands.fa-google-plus {
    color: #dd4b39;
}

.fa-brands.fa-google-plus-square {
    color: #dd4b39;
}

.fa-brands.fa-google-wallet {
    color: #4285f4;
}

.fa-brands.fa-hacker-news {
    color: #ff6600;
}

.fa-brands.fa-houzz {
    color: #7ac142;
}

.fa-brands.fa-html5 {
    color: #e34f26;
}

.fa-brands.fa-instagram {
    color: #3f729b;
}

.fa-brands.fa-internet-explorer {
    color: #1EBBEE;
}

.fa-brands.fa-ioxhost {
    color: #faa729;
}

.fa-brands.fa-joomla {
    color: #142849;
}

.fa-brands.fa-jsfiddle {
    color: #4679BD;
}

.fa-brands.fa-lastfm {
    color: #c3000d;
}

.fa-brands.fa-lastfm-square {
    color: #c3000d;
}

.fa-brands.fa-leanpub {
    color: #0c0c0c;
}

.fa-brands.fa-linkedin {
    color: #0976b4;
}

.fa-brands.fa-linkedin-square {
    color: #0976b4;
}

.fa-brands.fa-linux {
    color: #333333;
}

.fa-brands.fa-maxcdn {
    color: #FF6600;
}

.fa-brands.fa-meanpath {
    color: #538ed7;
}

.fa-brands.fa-medium {
    color: #000;
}

.fa-brands.fa-odnoklassniki {
    color: #ed812b;
}

.fa-brands.fa-odnoklassniki-square {
    color: #ed812b;
}

.fa-brands.fa-opencart {
    color: #2AC2EF;
}

.fa-brands.fa-openid {
    color: #F78C40;
}

.fa-brands.fa-opera {
    color: #cc0f16;
}

.fa-brands.fa-optin-monster {
    color: #83c11f;
}

.fa-brands.fa-pagelines {
    color: #000;
}

.fa-brands.fa-paypal {
    color: #253b80;
}

.fa-brands.fa-pied-piper {
    color: #2f9f46;
}

.fa-brands.fa-pied-piper-alt {
    color: #2f9f46;
}

.fa-brands.fa-pied-piper-square {
    color: #2f9f46;
}

.fa-brands.fa-pinterest {
    color: #cc2127;
}

.fa-brands.fa-pinterest-p {
    color: #cc2127;
}

.fa-brands.fa-pinterest-square {
    color: #cc2127;
}

.fa-brands.fa-qq {
    color: #000;
}

.fa-brands.fa-ra {
    color: #000;
}

.fa-brands.fa-rebel {
    color: #000;
}

.fa-brands.fa-reddit {
    color: #ff4500;
}

.fa-brands.fa-reddit-square {
    color: #ff4500;
}

.fa-brands.fa-renren {
    color: #005EAC;
}

.fa-brands.fa-safari {
    color: #1B88CA;
}

.fa-brands.fa-sellsy {
    color: #1f78b9;
}

.fa-brands.fa-share-alt {
    color: #01bf01;
}

.fa-brands.fa-share-alt-square {
    color: #01bf01;
}

.fa-brands.fa-shirtsinbulk {
    color: #dd3a26;
}

.fa-brands.fa-simplybuilt {
    color: #000;
}

.fa-brands.fa-skyatlas {
    color: #00adbb;
}

.fa-brands.fa-skype {
    color: #00aff0;
}

.fa-brands.fa-slack {
    color: #0f7965;
}

.fa-brands.fa-slideshare {
    color: #e98325;
}

.fa-brands.fa-soundcloud {
    color: #f80;
}

.fa-brands.fa-spotify {
    color: #7ab800;
}

.fa-brands.fa-stack-exchange {
    color: #000;
}

.fa-brands.fa-stack-overflow {
    color: #fe7a15;
}

.fa-brands.fa-steam {
    color: #0B0B0B;
}

.fa-brands.fa-steam-square {
    color: #0B0B0B;
}

.fa-brands.fa-stumbleupon {
    color: #eb4924;
}

.fa-brands.fa-stumbleupon-circle {
    color: #eb4924;
}

.fa-brands.fa-tencent-weibo {
    color: #74AF2C;
}

.fa-brands.fa-trello {
    color: #256a92;
}

.fa-brands.fa-tripadvisor {
    color: #589442;
}

.fa-brands.fa-tumblr {
    color: #35465c;
}

.fa-brands.fa-tumblr-square {
    color: #35465c;
}

.fa-brands.fa-twitch {
    color: #6441a5;
}

.fa-brands.fa-twitter {
    color: #55acee;
}

.fa-brands.fa-twitter-square {
    color: #55acee;
}

.fa-brands.fa-viacoin {
    color: #333;
}

.fa-brands.fa-vimeo {
    color: #1ab7ea;
}

.fa-brands.fa-vimeo-square {
    color: #1ab7ea;
}

.fa-brands.fa-vine {
    color: #00b488;
}

.fa-brands.fa-vk {
    color: #45668e;
}

.fa-brands.fa-wechat {
    color: #93d034;
}

.fa-brands.fa-weibo {
    color: #E71D34;
}

.fa-brands.fa-weixin {
    color: #93d034;
}

.fa-brands.fa-wikipedia-w {
    color: #000;
}

.fa-brands.fa-windows {
    color: #00bcf2;
}

.fa-brands.fa-wordpress {
    color: #21759b;
}

.fa-brands.fa-xing {
    color: #026466;
}

.fa-brands.fa-xing-square {
    color: #026466;
}

.fa-brands.fa-y-combinator {
    color: #F0652F;
}

.fa-brands.fa-yc {
    color: #F0652F;
}

.fa-brands.fa-yahoo {
    color: #400191;
}

.fa-brands.fa-yelp {
    color: #af0606;
}

.fa-brands.fa-youtube {
    color: #e52d27;
}

.fa-brands.fa-youtube-play {
    color: #e52d27;
}

.fa-brands.fa-youtube-square {
    color: #e52d27;
}

@media (min-width: 1281px) {
    #header .header-nav-top .nav>li>.mee_ui_header_emails {
        font-size: 8pt;
        color: white;
        font-weight: 800;
        height: calc(100% + 17px);
        padding-top: 20px;
        margin-top: -5px;
    }
    #header .header-nav-top .nav>li>.mee_ui_header_phone {
        font-size: 8pt;
        color: white;
        font-weight: 800;
        height: calc(100% + 17px);
        padding-top: 20px;
        margin-top: -5px;
    }
    .togles_master_header_down {
        position: relative;
        display: block;
        left: calc(0% - 10%);
        scale: 75%;
    }
    .togles_master_header_up {
        display: none;
    }
    .open .en-lang {
        left: 35px;
        top: 0px;
        opacity: 0.8;
    }
    .open .id-lang {
        left: 0px;
        top: 0px;
        opacity: 0.8;
    }
}


/*
===================================================================================================================
===================================================================================================================
*/


/*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {}


/*
===================================================================================================================
===================================================================================================================
*/


/*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {
    /* CSS */
}


/*
===================================================================================================================
===================================================================================================================
*/


/*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /* CSS */
}


/*
===================================================================================================================
===================================================================================================================
*/


/*
    ##Device = Low Resolution Tablets, Mobiles (Landscape) 🔄️📱🔄️
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {
    /* CSS */
}


/*
===================================================================================================================
===================================================================================================================
*/


/*
    ##Device = Most of the Smartphones Mobiles (Portrait) ⬆️📱⬆️
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
    /* CSS */
    #header .header-nav-top .nav>li>.mee_ui_header_emails {
        font-size: 8pt;
        color: white;
        font-weight: 800;
        height: calc(100% + 10px);
        padding-top: 10px;
        margin-top: -5px;
    }
    #header .header-nav-top .nav>li>.mee_ui_header_phone {
        font-size: 8pt;
        color: white;
        font-weight: 800;
        height: calc(100% + 10px);
        padding-top: 10px;
        margin-top: -5px;
    }
    .togles_master_header_up {
        position: relative;
        display: block;
        left: calc(0% - 10%);
        scale: 75%;
    }
    .togles_master_header_down,
    .togles_master_header_up>p {
        display: none;
    }
    /* LANG */
    .open .en-lang {
        left: -35px;
        top: 0px;
        opacity: 0.8;
    }
    .open .id-lang {
        left: 0px;
        top: 0px;
        opacity: 0.8;
    }
}


/*
===================================================================================================================
===================================================================================================================
*/


/* Standar / Preload / STATIK unchange, bg, svg, color etc
===================================================================================================================
===================================================================================================================
*/


/* LANGUAGE */

.chooseLang {
    z-index: 2;
    position: relative;
    left: 0px;
    top: 0px;
    height: 25px;
    width: 25px;
}

.lang {
    cursor: pointer;
    display: block;
    height: 25px;
    position: absolute;
    opacity: 0;
    top: 0;
    -webkit-transition: 0.76s;
    -o-transition: 0.76s;
    transition: 0.76s;
    width: 25px;
}

.chooseLang .chosen {
    opacity: 1;
    z-index: 1;
}

.en-lang {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDczLjY4IDQ3My42OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDczLjY4IDQ3My42ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzI5MzM3QTsiIGQ9Ik00MS43MTIsMTAyLjY0MWMtMTUuMjczLDIyLjE2OC0yNi44OCw0Ny4wNTktMzMuOTE4LDczLjgxMmgxMDcuNzM0TDQxLjcxMiwxMDIuNjQxeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMyOTMzN0E7IiBkPSJNMTcwLjUxMSw5LjQ4Yy0yNy4yODgsNy45NDctNTIuNTYsMjAuNjI4LTc0LjgxNCwzNy4xNjhsNzQuODE0LDc0LjgxNFY5LjQ4eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMyOTMzN0E7IiBkPSJNMTAxLjI2MSw0MzAuOTgyYzIwLjg3NCwxNC42MDcsNDQuMTk1LDI1LjkxNSw2OS4yNSwzMy4yMTF2LTEwMi40NUwxMDEuMjYxLDQzMC45ODJ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzI5MzM3QTsiIGQ9Ik0xMC41MTIsMzA2Ljc3MWM3LjgzMSwyNS4zNjYsMTkuODMxLDQ4Ljg5OSwzNS4xNjcsNjkuODMzbDY5LjgzMy02OS44MzNIMTAuNTEyeiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik00NS42MTksOTcuMTQ0Yy0xLjMyNCwxLjgxLTIuNjI5LDMuNjQ2LTMuOTA4LDUuNTAxbDczLjgxNiw3My44MTJINy43OTMNCgkJYy0xLjc0Niw2LjY0NS0zLjE3MSwxMy40MTgtNC4zNDUsMjAuMjg0aDE0MS43NzZMNDUuNjE5LDk3LjE0NHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTk1Ljc2Nyw0MjcuMDc0YzEuODAyLDEuMzQzLDMuNjU0LDIuNjIxLDUuNDkzLDMuOTA4bDY5LjI1LTY5LjI0MnYxMDIuNDUNCgkJYzYuNjUzLDEuOTQ1LDEzLjQxLDMuNjI0LDIwLjI4NCw0Ljk3NFYzMzIuMDVMOTUuNzY3LDQyNy4wNzR6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik01LjI1LDI4Ni40ODdjMS40Nyw2Ljg3MywzLjIwNSwxMy42NDIsNS4yNTgsMjAuMjg0aDEwNS4wMDFsLTY5LjgzMyw2OS44MzMNCgkJYzcuNTk1LDEwLjM3NywxNi4wMTcsMjAuMTE1LDI1LjE2OCwyOS4xMkwxOTAuMDgsMjg2LjQ4N0g1LjI1TDUuMjUsMjg2LjQ4N3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE3MC41MTEsOS40OHYxMTEuOTgybC03NC44MTUtNzQuODFjLTEwLjMxNCw3LjY3LTE5Ljk1NSwxNi4xODUtMjguODg4LDI1LjQwM2wxMjMuOTgzLDEyMy45ODMNCgkJVjQuNTA2QzE4My45MjEsNS44NjQsMTc3LjE2NCw3LjU0NywxNzAuNTExLDkuNDh6Ii8+DQo8L2c+DQo8Zz4NCgk8cG9seWdvbiBzdHlsZT0iZmlsbDojRDMyMDMwOyIgcG9pbnRzPSIxNzAuNTExLDMwNi4wNTYgMTY5LjgsMzA2Ljc3MSAxNzAuNTExLDMwNi43NzEgCSIvPg0KCTxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEMzIwMzA7IiBwb2ludHM9IjE5MC4wODQsMjg2LjQ4NyAxOTAuNzk0LDI4Ni40ODcgMTkwLjc5NCwyODUuNzczIAkiLz4NCgk8cG9seWdvbiBzdHlsZT0iZmlsbDojRDMyMDMwOyIgcG9pbnRzPSIyODEuMjI5LDE5Ni43MzcgMjgwLjU0NSwxOTYuNzM3IDI4MC41NDUsMTk3LjQyNSAJIi8+DQoJPHBvbHlnb24gc3R5bGU9ImZpbGw6I0QzMjAzMDsiIHBvaW50cz0iMTcxLjIxLDE3Ni40NTcgMTcwLjUxMSwxNzUuNzU0IDE3MC41MTEsMTc2LjQ1NyAJIi8+DQoJPHBvbHlnb24gc3R5bGU9ImZpbGw6I0QzMjAzMDsiIHBvaW50cz0iMTkwLjc5NCwxOTYuMDM3IDE5MC43OTQsMTk2LjczNyAxOTEuNDk0LDE5Ni43MzcgCSIvPg0KPC9nPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzI1MkY2QzsiIGQ9Ik0zMDAuODI1LDQxMS43NjR2NTMuMDkxYzI1LjM4MS03LjEwNSw0OS4wNDUtMTguMzA1LDcwLjIxMS0zMi44OTdsLTU3LjUyNi01Ny41MjYNCgkJQzMwOC45MTMsMzkwLjU4MywzMDcuMjMxLDM5OC45MzMsMzAwLjgyNSw0MTEuNzY0eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMyNTJGNkM7IiBkPSJNMzEzLjgxMiwxMDguNDcxbDYyLjc5OS02Mi43OTlDMzU0LjA1LDI5LjE1LDMyOC40NTYsMTYuNTU5LDMwMC44MjQsOC44MTh2NTQuNTM4DQoJCUMzMDguMjEsNzguMTQ2LDMwOC44MzEsODkuMzg0LDMxMy44MTIsMTA4LjQ3MXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMjUyRjZDOyIgZD0iTTQyNy4wMjksMzc3Ljk4NGMxNS44MTUtMjEuMjc1LDI4LjE0MS00NS4yOSwzNi4xNDctNzEuMjEzaC0xMDcuMzZMNDI3LjAyOSwzNzcuOTg0eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMyNTJGNkM7IiBkPSJNNDY1Ljg4NywxNzYuNDU3Yy03LjE4OC0yNy4zMTgtMTkuMTQzLTUyLjY3Ni0zNC44OTgtNzUuMTkybC03NS4yLDc1LjE5Mkg0NjUuODg3eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0U3RTdFNzsiIGQ9Ik0zMjcuNjM4LDI5MC41bDE2LjI3NSwxNi4yNzVsNzcuOTAzLDc3LjkwM2MxLjc2OS0yLjIxNCwzLjUyNi00LjQyLDUuMjE3LTYuNjlsLTcxLjIxMy03MS4yMTMNCgkJaDEwNy4zNmMyLjA0Ni02LjYzOCwzLjc4NC0xMy40MSw1LjI1LTIwLjI4NEgzMjkuMTZDMzI4LjkzMiwyODkuMzY3LDMyNy45MTEsMjg3LjY0MywzMjcuNjM4LDI5MC41eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNFN0U3RTc7IiBkPSJNMzExLjM1MiwxMjAuMzQ4bDcwLjYwNy03MC42MTVjLTEuNzY5LTEuMzcyLTMuNTQxLTIuNzM3LTUuMzQ4LTQuMDYxbC02Mi43OTksNjIuNzk5DQoJCUMzMTQuNDYzLDExMC45NTQsMzEwLjc0NiwxMTcuODA1LDMxMS4zNTIsMTIwLjM0OHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRTdFN0U3OyIgZD0iTTMwMC44MjUsNTguOTkyVjguODE0Yy02LjY0NS0xLjg2Mi0xMy40MS0zLjQ0LTIwLjI4NC00LjcyN3YyNC40NzYNCgkJQzI4OC4wODgsMzYuNzQ1LDI5NC44NTMsNDcuMDIyLDMwMC44MjUsNTguOTkyeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNFN0U3RTc7IiBkPSJNMzI2LjA0MSwxOTYuNzM3aDE0NC4xOTVjLTEuMTcxLTYuODY2LTIuNTk5LTEzLjYzNS00LjM0NS0yMC4yODRIMzU1Ljc5M2w3NS4yLTc1LjE5Mg0KCQlDNDIzLjYsOTAuNyw0MTUuMzg0LDgwLjc2OCw0MDYuNDA5LDcxLjU2NWwtODQuNzAyLDg0LjY5NEMzMjMuOTg4LDE3MS42MjIsMzI1LjAwOSwxODAuNTQ0LDMyNi4wNDEsMTk2LjczN3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRTdFN0U3OyIgZD0iTTMxMC4wODgsMzcxLjAwMmw2MC45NTIsNjAuOTU5YzEwLjEzOC02Ljk4MiwxOS42ODUtMTQuNzUzLDI4LjU5My0yMy4xODlsLTgwLjE3My04MC4xNzcNCgkJQzMxNi45MDEsMzQzLjQyMywzMTMuODY1LDM1Ny43NDUsMzEwLjA4OCwzNzEuMDAyeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNFN0U3RTc7IiBkPSJNMjgwLjU0NSw0NDIuMzAxdjI3LjI4YzYuODczLTEuMjc5LDEzLjYzNS0yLjg2NSwyMC4yODQtNC43Mjd2LTUzLjA5MQ0KCQlDMjk0Ljg1Myw0MjMuNzM4LDI4OC4wODgsNDM0LjEzLDI4MC41NDUsNDQyLjMwMXoiLz4NCjwvZz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNENzFGMjg7IiBkPSJNMzIxLjcwNywxNTYuMjU5bDg0LjY5NC04NC42OTRjLTcuNjI1LTcuODMxLTE1LjgtMTUuMTE5LTI0LjQ0Ni0yMS44MzJsLTY2LjU1LDY2LjU2MQ0KCUMzMTguMzYzLDEyOC42NTcsMzE5LjcwNiwxNDIuODA4LDMyMS43MDcsMTU2LjI1OXoiLz4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNEMzIwMzA7IiBkPSJNMjI1LjAxOSwwLjI5MkMyMjguOTY1LDAuMTAxLDIzMi44OTksMCwyMzYuODM2LDBDMjMyLjg3NiwwLDIyOC45MzUsMC4xMDEsMjI1LjAxOSwwLjI5MnoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRDMyMDMwOyIgZD0iTTIzNi44MzYsNDczLjY4Yy0zLjkzOCwwLTcuODcyLTAuMTA4LTExLjgxLTAuMjk5QzIyOC45NDIsNDczLjU3OSwyMzIuODc2LDQ3My42OCwyMzYuODM2LDQ3My42OHoiDQoJCS8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0QzMjAzMDsiIGQ9Ik0yMzYuODM2LDQ3My42OGMxNC45NDMsMCwyOS41MzUtMS40NDcsNDMuNzA4LTQuMDk5di0yNy4yOA0KCQlDMjY4LjEwMyw0NTUuNzg2LDI1My41NDksNDczLjY4LDIzNi44MzYsNDczLjY4eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0Q3MUYyODsiIGQ9Ik00NzAuMjMyLDE5Ni43MzdIMzI3LjkxMWMxLjg4NSwyOS43MDQsMS42NTcsNjAuMjQ5LTAuNjgxLDg5Ljc1aDE0MS4yDQoJCWMzLjQxOC0xNi4wMTcsNS4yNS0zMi42MTMsNS4yNS00OS42NDNDNDczLjY4LDIyMy4xNjQsNDcyLjQ2MSwyMDkuNzg0LDQ3MC4yMzIsMTk2LjczN3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRDcxRjI4OyIgZD0iTTMyNy42MzgsMjkwLjVjLTEuMzE2LDEzLjk5NC01LjkwMSwyNC44OTgtOC4xODIsMzguMDk5bDgwLjE3Myw4MC4xNzMNCgkJYzcuOTMyLTcuNTE3LDE1LjM0Ny0xNS41NTcsMjIuMTgzLTI0LjA5NGwtNzcuOS03Ny45MDdMMzI3LjYzOCwyOTAuNXoiLz4NCjwvZz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNEMzIwMzA7IiBkPSJNMjgwLjU0NSwzMC4zMjRWNC4wOTFDMjY2LjM3NiwxLjQ0NywyNTEuNzg0LDAsMjM2LjgzNiwwQzI1My41NDksMCwyNjguMTAzLDE2Ljg0MywyODAuNTQ1LDMwLjMyNHoiDQoJLz4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMyOTMzN0E7IiBkPSJNMzAwLjgyNSw0MjIuMDA3YzYuNDA2LTEyLjgzNCwxMS44OTktMjcuNjA5LDE2LjQ5OS00My43NTdsLTE2LjQ5OS0xNi40OTlWNDIyLjAwN3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMjkzMzdBOyIgZD0iTTMxOS4zNzcsMTAyLjkwNmMtNC45ODktMTkuMDg3LTExLjE2Ni0zNi40MzktMTguNTUyLTUxLjIyOXY2OS43NzNMMzE5LjM3NywxMDIuOTA2eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0zMzIuMjM0LDI5NS4wOTJjMC4yNjktMi44NTcsMC41MTItNS43MjUsMC43NDQtOC42MDVoLTkuMzQ5TDMzMi4yMzQsMjk1LjA5MnoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTMwMC44MjUsMTIxLjQ1MVY1MS42NzRjLTUuOTc2LTExLjk3LTEyLjczNy0yMi4yNTQtMjAuMjg0LTMwLjQyOXYxMjkuOTA2bDQwLjczNS00MC43MzUNCgkJYy0wLjYxMy0yLjU0My0xLjI1Ny01LjAzNC0xLjktNy41MTdMMzAwLjgyNSwxMjEuNDUxeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjgxLjIyOSwxOTYuNzM3aDUyLjQyOWMtMS4wMjgtMTYuMTkyLTIuNjY2LTMyLjEyMy00Ljk0NC00Ny40ODJMMjgxLjIyOSwxOTYuNzM3eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjgwLjU0NSw0NTIuNDMyYzcuNTQ3LTguMTgyLDE0LjMwOC0xOC40NTksMjAuMjg0LTMwLjQyOXYtNjAuMjU2bDE2LjQ5OSwxNi40OTkNCgkJYzMuNzg0LTEzLjI2NCw2Ljk1OS0yNy40MzQsOS41MjUtNDIuMjYxbC00Ni4zMDctNDYuMzA0TDI4MC41NDUsNDUyLjQzMkwyODAuNTQ1LDQ1Mi40MzJ6Ii8+DQo8L2c+DQo8cGF0aCBzdHlsZT0iZmlsbDojRTUxRDM1OyIgZD0iTTI4MC41NDUsNDUyLjQzMlYyODkuNjgxbDQ2LjMwNCw0Ni4zMDdjMi4yNzctMTMuMjA1LDQuMDY5LTI2Ljg5OSw1LjM4MS00MC44OTZsLTguNjA1LTguNjA1aDkuMzQ5DQoJYzIuMzM3LTI5LjUwMiwyLjU2NS02MC4wNDcsMC42ODEtODkuNzVoLTUyLjQyOWw0Ny40ODItNDcuNDgyYy0yLjAwMS0xMy40NTUtNC40NzYtMjYuNDY5LTcuNDM0LTM4LjgzNmwtNDAuNzI4LDQwLjczNVYyMS4yNDgNCglDMjY4LjEwMyw3Ljc2MywyNTMuNTQ5LDAsMjM2LjgzNiwwYy0zLjkzOCwwLTcuODcyLDAuMTAxLTExLjgxNywwLjI5MmMtMTEuNjQ5LDAuNTgzLTIzLjA3MywyLjAxNi0zNC4yMjUsNC4yMTV2MTkxLjUzMQ0KCUw2Ni44MDgsNzIuMDU1Yy03LjYxOCw3Ljg2MS0xNC43MDQsMTYuMjM3LTIxLjE4OSwyNS4wODlsNzkuMzEzLDc5LjMxM2wyMC4yOTEsMjAuMjg0SDMuNDQ4QzEuMjI3LDIwOS43ODQsMCwyMjMuMTY0LDAsMjM2Ljg0NA0KCWMwLDE3LjAzNCwxLjg0LDMzLjYyNiw1LjI1LDQ5LjY0M2gxODQuODM0TDcwLjg0Nyw0MDUuNzI0YzcuODA4LDcuNjcsMTYuMTIxLDE0LjgxMywyNC45MjEsMjEuMzQ5bDk1LjAyMy05NS4wMjN2MTM3LjExNg0KCWMxMS4xNTEsMi4xOTksMjIuNTgzLDMuNjMxLDM0LjIzMiw0LjIxNWMzLjkzOCwwLjE5MSw3Ljg3MiwwLjI5OSwxMS44MSwwLjI5OUMyNTMuNTQ5LDQ3My42OCwyNjguMTAzLDQ2NS45MTcsMjgwLjU0NSw0NTIuNDMyeiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
}

.id-lang {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDczLjY3NyA0NzMuNjc3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzMuNjc3IDQ3My42Nzc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiNCQjIwMjk7IiBkPSJNMzI0Ljc1NiwyMzYuODQyaDE0OC45MjFDNDczLjY3NywxMDYuMDMyLDM2Ny42NDEsMCwyMzYuODM1LDANCglDMzAyLjIzNiwwLDMyNC43NiwxMTguNDE3LDMyNC43NTYsMjM2Ljg0MnoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNDRDIwMjk7IiBkPSJNMCwyMzYuODQyaDMzNC45MzVDMzM0LjkzOSwxMTguNDE3LDMwMi4yMzYsMCwyMzYuODM1LDBDMTA2LjAzNiwwLDAsMTA2LjAzMiwwLDIzNi44NDJ6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRTRFNEU0OyIgZD0iTTMxOS43NzEsMjM2Ljg0MmMwLDExOC40MTctMTcuNTMxLDIzNi44MzUtODIuOTM2LDIzNi44MzUNCgljMTMwLjgwNywwLDIzNi44NDItMTA2LjAzNiwyMzYuODQyLTIzNi44MzVIMzE5Ljc3MUwzMTkuNzcxLDIzNi44NDJ6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRjNGNEY1OyIgZD0iTTMzNC45MzUsMjM2Ljg0MkgwYzAsMTMwLjc5OSwxMDYuMDM2LDIzNi44MzUsMjM2LjgzNSwyMzYuODM1DQoJQzMwMi4yMzYsNDczLjY3NywzMzQuOTM1LDM1NS4yNTksMzM0LjkzNSwyMzYuODQyeiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
}

.chooseTheme {
    z-index: 2;
    position: relative;
    left: 0px;
    bottom: 0px;
}

#themes_Toggler_button {
    height: 27px;
    width: 27px;
    margin: 0px;
}

#themes_Toggler_button i {
    font-size: 1rem;
    line-height: 25px;
}

#themes_Toggler_button.btn-dark i {
    color: #eed64f;
}

#themes_Toggler_button.btn-light i {
    color: #494949;
}

body {
    /* color: rgb(75, 75, 75); */
    font-family: "Poppins", Arial, sans-serif;
    /* font-size: 16px; */
    /* line-height: 25px; */
}

p {
    color: rgb(75, 75, 75);
    line-height: 25px;
    margin: 0 0 15px;
}

h3 {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}

.mee_breadcumbHome {
    background-color: #b5b5b559;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #106eea;
    border-top-color: #e2eefd;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite
}

#nav-petir-tab,
#nav-gempas-tab {
    margin-bottom: -3px;
    border: 1px solid #cecece;
    border-bottom: 0px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-color: #cecece;
    color: #c1c1c1;
    font-size: 1.4em;
    font-weight: 800;
}

#nav-gempas-tab.active,
#nav-petir-tab.active {
    color: #777777;
    background-color: #fff;
    border: 1px solid #cecece;
    border-bottom: 0px;
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-decoration-thickness: auto;
    text-decoration-color: aqua;
    text-decoration-thickness: 2px;
}


/* LD Sidebar Petir */

.LD_lingkaran:before {
    margin-left: -0.75em;
    content: "🟠";
}

.CG_negative:before {
    margin-left: -0.75em;
    content: url('/img/set0/cgn001_0.png');
}

.CG_positive:before {
    margin-left: -0.75em;
    content: url('/img/set0/cgp002_0.png');
}

.IC_nan:before {
    margin-left: -0.75em;
    content: url('/img/set0/icf003_0.png');
}

.LD_lingkaran,
.CG_negative,
.CG_positive,
.IC_nan {
    margin-bottom: 0.1em;
    margin-left: 0.5em;
    line-height: 17px;
    font-weight: normal;
    display: block;
}


/* Weather Balooonn ☁️☁️☁️☁️*/


/* Weather Balooonn ☁️☁️☁️☁️*/

.container_baloon_weather {
    /* width: 100%; */
    display: block;
    position: absolute;
}

#toggle_baloon_weather {
    -webkit-appearance: none;
}

.weather_circle_Loader {
    z-index: 998;
    display: block;
    position: absolute;
    height: 51px;
    width: 51px;
    border-radius: 100%;
    box-shadow: 0 4px 0 0 #e183c2ea, 0 -4px 0 0 #a5b5de40, 4px 0 0 0 #e183c240, -4px 0 0 0 #a5b5de40, 4px -4px 0 0 #c39cd080, -4px 4px 0 0 #c39cd080, 4px 4px 0 0 #ff69b4bf, -4px -4px 0 0 #87ceebbf;
    top: 11px;
    animation: rotateThis_weatherAnim 1s linear infinite;
    left: 1%;
}

.button_weather {
    position: absolute;
    z-index: 999;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0px;
    left: 2%;
    top: 15px;
    background: #6cccf8;
    box-shadow: 0px 0px 0px 4px #65e1f7, 0px 0px 0px 2px #63dcf1 inset;
}

.button_weather.ada_warning {
    background: #f9ce8e;
    box-shadow: 0px 0px 0px 4px #f4ca8b, 0px 0px 0px 2px #eed3ab inset;
}

.button_weather:hover {
    transition: all 0.4s;
    background: #61bfeb;
    box-shadow: 0px 0px 0px 4px #65e1f7, 0px 0px 0px 2px #67e3ec inset;
}

.button_weather.ada_warning:hover {
    background: #e9c185;
    box-shadow: 0px 0px 0px 4px #e7bf84, 0px 0px 0px 2px #dbc29d inset;
}

.button_weather:before {
    transition: all 0.2s;
    position: absolute;
    content: "\f2f7";
    font: var(--fa-font-regular);
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #fff;
    font-size: 25px;
}

.button_weather.ada_warning:before {
    transition: all 0.2s;
    position: absolute;
    content: "\f071";
    font: var(--fa-font-regular);
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #fff;
    font-size: 25px;
    animation: Blinkin_weatherAnim 1s linear infinite;
}

.nav_baloon_weather {
    z-index: 900;
    display: none;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    background: #c5eafc;
    width: 100%;
    border-radius: 15px;
    transform: translateY(0%);
    box-shadow: 2px 3px 10px 0 rgba(81, 81, 81, 0.54);
    border: 1px solid #e4e4e4;
}

.nav_baloon_weather.ada_warning {
    background: #fbeab8;
    box-shadow: 2px 3px 10px 0 rgba(81, 81, 81, 0.54);
}

.nav_baloon_weather .weather_balooon {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

#toggle_baloon_weather:checked~.nav_baloon_weather {
    display: block;
    opacity: 1;
    transition: all 0.4s ease-in-out;
    transform: translateY(15%);
}

#js-legend span {
    display: inline-flex;
    align-items: center;
    width: 95px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    position: relative;
    border: 1px solid white;
    line-height: 15px;
    padding-left: 10px;
}

#toggle_baloon_weather:checked~.button_weather:before {
    color: #e2e2e2;
    font-size: 21px;
}

#toggle_baloon_weather:checked~.button_weather.ada_warning:before {
    color: #e2e2e2;
    font-size: 21px;
}

#toggle_baloon_weather:checked~.button_weather {
    transition: all 0.4s;
    background: #65c4f0;
    box-shadow: 0px 0px 0px 4px #ffffff, 0px 0px 2px 3px #65e1f7 inset;
}

#toggle_baloon_weather:checked~.button_weather.ada_warning {
    transition: all 0.4s;
    background: #f3c682;
    box-shadow: 0px 0px 0px 4px #ffffff, 0px 0px 0px 2px #ddc39c inset;
}

@keyframes rotateThis_weatherAnim {
    from {
        transform: rotate(0deg) scale(1);
    }
    to {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes Blinkin_weatherAnim {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Weather Balooonn ☁️☁️☁️☁️*/


/* Weather Balooonn ☁️☁️☁️☁️*/


/* Canceled Orders */

.rma_canceled:before {
    margin-left: -2em;
    content: "🟢";
}

.rma_canceled {
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    font-weight: normal;
}

.mee_radioboxx {
    display: none;
}

.mee_radioboxx:not(:disabled)~label {
    cursor: pointer;
}

.mee_radioboxx:disabled~label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed;
}

.mee_radioboxx:hover+label {
    /* border: 2px solid #20df80; */
    box-shadow: 0px 0px 8px rgba(18, 135, 162, 0.65);
    /* transform: translateY(-4%); */
}

.mee_radioboxx:checked+label {
    /* background: #20df80; */
    /* transform: translateY(-2%); */
    color: #11a8d7;
    box-shadow: 0px 0px 10px rgba(16, 188, 227, 0.8);
}

.mee_radioboxx:checked+label::after {
    color: #fff;
    font-family: Font Awesome\ 6 Pro;
    content: "\f058";
    font-size: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    background: #7ad1e6;
    box-shadow: 0px 0px 8px rgba(16, 188, 227, 0.8);
}


/* .Open_Close_SIGN {
    background-image: url('../../../svg/ui/Wooden_sign_board.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 200px;
    height: calc(100% + 20px);
    text-align: center;
    right: -70px;
    margin-right: -200px;
    position: absolute;
    margin-top: 15px;
} */

.Open_Close_SIGN {
    background-image: url('../../../svg/ui/Wooden_sign_board.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 200px;
    height: 70px;
    text-align: center;
    position: absolute;
    margin-top: -5px;
    left: calc(100% - 250px);
    /* margin-left: 115px; */
    right: auto;
}

.Open_Close_SIGN span {
    position: relative;
    display: block;
    top: 30%;
    color: black;
    font-size: 10pt;
    font-weight: 900;
    line-height: 12pt;
}

.Open_Close_SIGN_2 {
    background-image: url('../../../svg/ui/Wooden_sign_board.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 200px;
    height: 70px;
    text-align: center;
    position: absolute;
    margin-top: 5px;
    left: calc(100% - 250px);
    /* margin-left: 115px; */
    right: auto;
}


/* .Open_Close_SIGN_2 {
    background-image: url('../../../svg/ui/Wooden_sign_board.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 200px;
    height: calc(100% - 4px);
    text-align: center;
    right: -70px;
    margin-right: -200px;
    position: absolute;
    margin-top: 27px;
    display: none;
} */

.Open_Close_SIGN_2 span {
    position: relative;
    display: block;
    top: 30%;
    color: black;
    font-size: 10pt;
    font-weight: 900;
    line-height: 12pt;
}


/* TIME  */

.NTP_row_Container,
.NTP_row_Container2 {
    text-align: center;
    /* right: -100px;
    margin-right: -200px;
    position: relative; */
}

.NTP_row_Container2 {
    display: none;
}

.NTP-Date_row,
.NTP-Date_row2 {
    font-weight: bold;
}

.NTP-row,
.NTP-row2 {
    color: lime;
    font-size: x-large;
    font-weight: bolder;
    font-family: 'seven_segmentregular';
}

.switch.primary-switch label input[type=checkbox]:checked+.lever {
    background-color: #689DF6;
}

.switch.primary-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #4285F4;
}

.switch.default-switch label input[type=checkbox]:checked+.lever {
    background-color: #4DCCBF;
}

.switch.default-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #2BBBAD;
}

.switch.secondary-switch label input[type=checkbox]:checked+.lever {
    background-color: #C791E2;
}

.switch.secondary-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #a6c;
}

.switch.success-switch label input[type=checkbox]:checked+.lever {
    background-color: #2ACC6C;
}

.switch.success-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #00C851;
}

.switch.info-switch label input[type=checkbox]:checked+.lever {
    background-color: #59C3EB;
}

.switch.info-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #33b5e5;
}

.switch.warning-switch label input[type=checkbox]:checked+.lever {
    background-color: #FFA339;
}

.switch.warning-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #F80;
}

.switch.danger-switch label input[type=checkbox]:checked+.lever {
    background-color: #FF606F;
}

.switch.danger-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #ff3547;
}

.switch.teal-switch label input[type=checkbox]:checked+.lever {
    background-color: #b2dfdb;
}

.switch.teal-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #80cbc4;
}

.switch.pink-switch label input[type=checkbox]:checked+.lever {
    background-color: #f8bbd0;
}

.switch.pink-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #f48fb1;
}

.switch.blue-switch label input[type=checkbox]:checked+.lever {
    background-color: #b3e5fc;
}

.switch.blue-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #81d4fa;
}

.switch.amber-switch label input[type=checkbox]:checked+.lever {
    background-color: #ffe082;
}

.switch.amber-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #ffd54f;
}

.switch.mdb-color-switch label input[type=checkbox]:checked+.lever {
    background-color: #618FB5;
}

.switch.mdb-color-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #3F729B;
}

.switch.indigo-switch label input[type=checkbox]:checked+.lever {
    background-color: #9fa8da;
}

.switch.indigo-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #7986cb;
}

.switch.blue-white-switch label input[type=checkbox]:checked+.lever {
    background-color: #2196f3;
}

.switch.blue-white-switch label input[type=checkbox]:checked+.lever:after {
    background-color: #fff;
}

.switch.blue-white-switch label .lever {
    background-color: #ccc;
}

.switch.blue-white-switch label .lever:after {
    background-color: #fff;
}

.switch.round label .lever {
    width: 54px;
    height: 34px;
    border-radius: 10em;
}

.switch.round label .lever:after {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    left: 4px;
    top: 4px;
}

.switch.square label .lever {
    width: 54px;
    height: 34px;
    border-radius: 0px;
}

.switch.square label .lever:after {
    width: 26px;
    height: 26px;
    border-radius: 0px;
    left: 4px;
    top: 4px;
}

.font-small {
    font-size: .9rem;
}


/* BOOTSTRAP KARJE FILE INPUUUUUUUUTTTTTTTTT */

.krajee-default.file-preview-frame {
    margin: 2px !important;
    border: 1px solid rgba(0, 0, 0, .2)!important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)!important;
    padding: 0px!important;
    float: left!important;
    text-align: center!important;
    max-width: 170px!important;
}

.krajee-default.file-preview-frame .kv-file-content {
    width: 165px!important;
    height: 115px!important;
}

.krajee-default .file-footer-caption {
    display: block!important;
    text-align: center!important;
    padding-top: 5px!important;
    font-size: 11px!important;
    color: #000!important;
    margin-bottom: 10px!important;
}


/* JUMBOTRON ARROW */

.tparrows.arrows-primary::before {
    color: #fb7962;
    font-size: 25pt;
    font-weight: 900;
}

.tparrows::before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    background: #151515a1;
    border-radius: 10px;
}


/* TOP Navigation Pane */

#header .header-top {
    background: #61bafad2;
}

#header .logo {
    font-size: 22px;
    padding: 0px 20px 0px 0px;
    margin: 0;
    margin-right: 0px;
    line-height: 1;
    font-weight: 650;
    letter-spacing: .1px;
    font-family: "Poppins", sans-serif;
}

#header .logo a {
    color: rgb(53, 53, 53)
}

html.sidebar-light:not(.dark) #header .logo a {
    color: rgb(245, 114, 114)
}

#header .logo a span {
    color: #3783e6;
    margin-left: -6px;
    font-size: smaller;
}

#header .header-row {
    display: flex;
    flex-grow: 1;
    align-items: center;
    align-self: stretch;
    max-height: 100%;
    max-width: 100%;
}

.tab-content.Content_Ptsp {
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    background-color: #FFF;
    border: 1px solid #DDD;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0px 15px 0px 15px;
    border-top: 0px;
}

.Flot_Tooltips {
    padding: 15px;
    font-size: small;
    font-weight: 500;
    z-index: 1000;
    position: relative;
    border: 1px solid;
    background-color: rgba(228, 228, 228, 0.651);
    padding: 10px;
    padding: 0px;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
    border-radius: 10px;
}

.grecaptcha-badge {
    width: 70px !important;
    /* transform: scale(0.7); */
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: -2px !important;
    bottom: 20px !important;
}

.grecaptcha-badge:hover {
    width: 256px !important;
}

.user-avatar-nav {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}

.card-body {
    padding: 10px;
    position: relative;
    z-index: 1;
}

.card.card-cascade.wider .card-body.card-body-cascade {
    margin-right: 2%;
    margin-left: 2%;
}

.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}

.btn-arrow-right {
    padding-left: 36px;
}

.btn-arrow-left {
    padding-right: 36px;
}

.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after {
    /* make two squares (before and after), looking similar to the button */
    content: "";
    position: absolute;
    top: 3px;
    width: 15px;
    height: 15px;
    /* button_outer_height / sqrt(2) */
    background: inherit;
    /* use parent background */
    border: inherit;
    /* use parent border */
    border-left-color: transparent;
    /* hide left border */
    border-bottom-color: transparent;
    /* hide bottom border */
    border-radius: 0px 4px 0px 0px;
    /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg);
    /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.btn-arrow-left:before,
.btn-arrow-left:after {
    transform: rotate(225deg);
    /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before {
    /* align the "before" square to the left */
    left: 0.2em;
}

.btn-arrow-right:after,
.btn-arrow-left:after {
    /* align the "after" square to the right */
    right: 0em;
    left: 0em;
}

.btn-arrow-right:after,
.btn-arrow-left:before {
    /* bring arrow pointers to front */
    z-index: 1;
}

.btn-arrow-right:before,
.btn-arrow-left:after {
    /* hide arrow tails background */
    background-color: white;
}

.picker {
    position: absolute;
    z-index: 99999999999999 !important;
    font-size: 1rem;
    line-height: 1.2;
    color: #000;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js; */
}

.picker__frame {
    z-index: 99999999999999 !important;
}

.mee_card-header {
    font-size: 1.4em;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: aqua;
    text-decoration-thickness: 2px;
}

.mee_button_add_BeritaTerbaru {
    position: absolute;
    right: -30px;
    top: -5px;
    display: flex;
}

.mee_button_edit_master_everypages {
    position: absolute;
    right: 35px;
    top: -15px;
    display: block;
}

.mee_button_add_CuexTerbaru {
    position: absolute;
    right: -110px;
    top: -15px;
    display: flex;
}

.col-3.mee_button_add_jumbotrons {
    position: absolute;
    left: 95%;
    top: 80%;
    display: flex;
}

.bc-icons-2 .breadcrumb-item+.breadcrumb-item::before {
    content: none;
}

.bc-icons-2 .breadcrumb-item.active {
    color: #455a64;
}


/* SCROLL BAR CUEX */

.scrollbar-deep-purple::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F55E;
    border-radius: 10px;
}

.scrollbar-deep-purple::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F55E;
}

.scrollbar-deep-purple::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ea8821;
}

.scrollbar-deep-purple {
    scrollbar-color: #ea8821 #F5F5F55E;
}

.square::-webkit-scrollbar-track {
    border-radius: 2px !important;
}

.square::-webkit-scrollbar-thumb {
    border-radius: 2px !important;
}

.thin::-webkit-scrollbar {
    width: 4px;
}

.card_cuex {
    position: relative;
    overflow-y: scroll;
    height: 140px;
    background-color: rgba(255, 255, 255, 0) !important;
}


/* Tiny mce Select */

.tox .tox-menu.tox-collection.tox-collection--list.tox-selected-menu {
    z-index: 100000 !important;
}


/* Header */

#header .header-btn-collapse-nav {
    background: #4046b3;
}

@media (min-width: 992px) {
    #header .header-nav-main nav>ul>li>a.active {
        background-color: transparent;
        color: #2180fd;
        text-decoration: underline overline;
    }
    #header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active {
        color: #2180fd;
        text-decoration: underline overline;
    }
    #header .header-nav.header-nav-links nav>ul li:hover>a {
        color: #64a7ff;
        text-decoration: underline;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        border-top-color: #4046b3;
    }
    /*Drop DOWN MENU*/
    #header .header-nav-main nav>ul>li.dropdown.open>.dropdown-menu,
    #header .header-nav-main nav>ul>li.dropdown.accessibility-open>.dropdown-menu,
    #header .header-nav-main nav>ul>li.dropdown:hover>.dropdown-menu {
        top: 4.5em;
        display: block;
        opacity: 1;
        left: 0em;
        right: 0em;
    }
    html.sticky-header-active #header .header-nav-main nav>ul>li.dropdown.open>.dropdown-menu,
    html.sticky-header-active #header .header-nav-main nav>ul>li.dropdown.accessibility-open>.dropdown-menu,
    html.sticky-header-active #header .header-nav-main nav>ul>li.dropdown:hover>.dropdown-menu {
        top: 3.9em;
        display: block;
        opacity: 1;
        left: 0em;
        right: 0em;
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content {
        padding: 1.5rem;
        padding-top: 0.75rem;
    }
    .dropdown-mega-sub-title {
        height: 26px;
        width: 75%;
        border-bottom: 2px solid #aeaeae;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        top: -10000px;
        display: block;
        opacity: 0;
        left: auto;
        border-radius: 0 4px 4px;
        border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
        border-top: 3px solid #CCC;
        box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
        margin: 0;
        min-width: 200px;
        padding: 5px 0;
        text-align: left;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
        border-bottom: 1px solid #f7f7f7;
        color: #454546;
        font-size: 0.9em;
        font-weight: 475;
        padding: 6px 18px 6px 18px;
        text-transform: none;
        text-decoration: none;
        letter-spacing: -0.5px;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:hover,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:focus,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a.active,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:active {
        background-color: transparent;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:hover>a,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:focus>a,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.active>a,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:active>a,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.open>a,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.accessibility-open>a {
        background-color: #559dfa;
        color: #d8d8d8;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu {
        position: relative;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a .fa-chevron-down {
        display: none;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
        font-family: 'Font Awesome 6 Pro';
        content: "\f054";
        font-weight: 900;
        position: absolute;
        top: 50%;
        font-size: 0.5rem;
        opacity: 0.7;
        right: 20px;
        transform: translateY(-50%);
        transition: all .2s ease-out;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu {
        left: 100%;
        display: block;
        margin-top: -8px;
        margin-left: -1px;
        border-radius: 4px;
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.open>a:after,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open>a:after,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>a:after {
        opacity: 1;
        right: 15px;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.open>.dropdown-menu,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open>.dropdown-menu,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu {
        top: 0;
        opacity: 1;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover>a:after {
        right: 30px;
        transform: translateY(-50%) rotateY(180deg);
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse>.dropdown-menu {
        left: auto;
        right: 100%;
        transform: translate3d(0, 0, 0);
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child a {
        border-bottom: 0;
    }
}

@media (min-width: 992px) {
    #header .header-nav-main nav>ul>li>a {
        color: #2e2e2e;
    }
    #header .header-nav-main nav>ul>li.open>a,
    #header .header-nav-main nav>ul>li:hover>a {
        background: #e23c8e;
    }
    #header .header-nav-main nav>ul>li.dropdown.open>a:before,
    #header .header-nav-main nav>ul>li.dropdown:hover>a:before {
        border-bottom-color: #e23c8e;
    }
    #header .header-nav-main nav>ul>li.dropdown-mega-signin .dropdown-menu {
        border-top-color: #e23c8e;
    }
    #header .header-nav-main nav>ul>li.dropdown-mega-signin .dropdown-menu li a {
        color: #e23c8e;
    }
    #header .header-nav-main nav>ul:not(:hover)>li>a.active {
        background-color: #e23c8e;
        color: #FFF;
    }
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a,
    #header .header-nav.header-nav-stripe nav>ul>li.open>a {
        background-color: #e23c8e;
    }
    #header .header-nav.header-nav-stripe nav>ul:not(:hover)>li>a.active {
        background-color: #e23c8e;
    }
    #header .header-nav.header-nav-stripe nav>ul:hover>li>a.active {
        color: #e23c8e;
    }
    #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
        background: #e23c8e !important;
    }
    #header .header-nav.header-nav-line nav>ul li:hover>a {
        color: #e23c8e;
    }
    #header .header-nav.header-nav-line nav>ul li:hover>a:before {
        background: #e23c8e;
    }
    #header .header-nav.header-nav-line nav>ul:not(:hover) li>a.active {
        color: #e23c8e;
    }
    #header .header-nav.header-nav-line nav>ul:not(:hover) li>a.active:before {
        background: #e23c8e;
    }
    #header .header-nav-main.header-nav-main-slide nav>ul>li.open>span>a,
    #header .header-nav-main.header-nav-main-slide nav>ul>li:hover>span>a {
        color: #e23c8e;
    }
    #header .header-nav-main.header-nav-main-slide nav>ul:not(:hover)>li>span>a.active {
        color: #e23c8e;
    }
    html.side-header #header.side-header .header-nav-main nav>ul li.dropdown.open>.dropdown-menu,
    html.side-header #header.side-header .header-nav-main nav>ul li.dropdown:hover>.dropdown-menu {
        border-left-color: #e23c8e;
    }
    html.side-header-right #header.side-header .header-nav-main nav>ul li.dropdown.open>.dropdown-menu,
    html.side-header-right #header.side-header .header-nav-main nav>ul li.dropdown:hover>.dropdown-menu {
        border-right-color: #e23c8e;
    }
}


/*
* Header
*/

#header.header-transparent .header-body:not(.header-border-bottom) {
    border-bottom: 1px solid #e1e3e5;
}

#header .header-nav-features .header-nav-features-dropdown.show {
    border-radius: 7px;
}

#header .header-nav-features .header-nav-features-dropdown {
    opacity: 0;
    top: -10000px;
    position: absolute;
    box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, 0.85);
    padding: 15px 5px 15px 5px;
    min-width: 400px;
    z-index: 10000;
    right: 100%;
    margin-right: -40px;
    margin-top: 35px;
    transition: opacity .2s ease-out;
    pointer-events: none;
}


/* Menus PTSP */

.treeview-animated {
    font-size: 16px;
    font-weight: 400;
    background: rgba(244, 244, 244, 0.91);
    border-bottom: 1px solid gray;
}

.treeview-animated hr {
    border-color: #949494;
}

.treeview-animated.w-20 {
    width: 20rem;
}

.treeview-animated h6 {
    font-size: 1.4em;
    font-weight: 500;
    color: #a2127a;
}

.treeview-animated ul {
    position: relative;
    list-style: none;
    padding-left: 2em;
}

.treeview-animated ul>li>a>i {
    margin-left: -3em;
}

.treeview-animated-list ul {
    padding-left: 1.2em;
    margin-top: 0.1em;
    background: rgba(234, 158, 90, 0.23);
}

.treeview-animated-element {
    padding: 0.2em 0.2em 0.2em 1em;
    cursor: pointer;
    transition: all .1s linear;
    border: 2px solid transparent;
    border-right: 0px solid transparent;
}

.treeview-animated-element:hover {
    background-color: #32a0ff;
}

.treeview-animated-element.opened {
    color: #ffac47;
    border: 2px solid #ffac47;
    border-right: 0px solid transparent;
    background-color: #a2127a;
}

.treeview-animated-element.opened:hover {
    color: #ffac47;
    background-color: #32a0ff;
}

.treeview-animated-items-header {
    display: block;
    padding: 0.4em;
    margin-right: 0;
    border-bottom: 2px solid transparent;
}

.treeview-animated-items-header:hover {
    background-color: #32a0ff
}

.treeview-animated-items-header.open {
    transition: all .1s linear;
    background-color: #a2127a;
    border-bottom: 2px solid #ffac47;
}

.treeview-animated-items-header.open span {
    color: #ffac47;
}

.treeview-animated-items-header.open:hover {
    color: #ffac47;
    background-color: #a2127a;
}

.treeview-animated-items-header.open div:hover {
    background-color: #a2127a;
}

.treeview-animated-items-header .fa-angle-right {
    transition: all .1s linear;
    font-size: .8rem;
}

.treeview-animated-items-header .fas {
    position: relative;
    transition: all .2s linear;
    transform: rotate(90deg);
    color: #ffac47;
}

.treeview-animated-items-header .fa-minus-circle {
    position: relative;
    color: #ffac47;
    transform: rotate(180deg);
}

.treeview-animated .treeview-animated-list .treeview-animated-items .nested::before {
    position: absolute;
    left: 5px;
    display: block;
    width: 5px;
    height: 100%;
    content: "";
    background-color: #756f6f00;
}

@media (min-width: 992px) {
    #header .header-top {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }
    #header .header-nav.header-nav-links nav>ul>li.dropdown.open>.dropdown-menu,
    #header .header-nav.header-nav-links nav>ul>li.dropdown:hover>.dropdown-menu {
        border-top: 0;
        border-radius: 7px !important;
        padding: 5px;
    }
    #header .header-nav-main nav>ul>li {
        margin-left: 5px;
    }
    #header .header-nav-main nav>ul>li>a {
        font-size: 15px;
        font-weight: 520;
        text-transform: capitalize;
    }
    #header .header-nav-main nav>ul>li:first-child {
        margin-left: 0;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
        padding: 6px 10px 6px 10px;
    }
}

@media (max-width: 991px) {
    #header .header-nav-main nav>ul>li.dropdown a {
        color: #707070;
    }
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active {
        background: transparent !important;
    }
    #header .header-nav-main {
        background: #fff;
        border-radius: 15px;
        -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    }
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active {
        color: #4046b3 !important;
    }
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a {
        color: #acacac !important
    }
}

html body.dark-theme #header.header-transparent .header-nav-main nav {
    background: #333940;
    color: white;
}

html body.dark-theme #header .header-nav-main {
    background: #333940;
    color: white;
}

html body.dark-theme #header .header-nav-main nav>ul li {
    border-bottom: 1px solid #333940;
    color: white;
}


/* Themes */

html.sticky-header-active #header.header-transparent .header-body:not(.header-border-bottom) .chooseTheme {
    bottom: 0px;
}


/* Lang */

html.sticky-header-active #header.header-transparent .header-body:not(.header-border-bottom) .chooseLang {
    top: 0px;
}

html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body {
    background-color: #ececec91;
}

html.sticky-header-active #header.header-transparent .header-body:not(.header-border-bottom) {
    /* border-bottom-color: rgba(234, 234, 234, 0.5) ; */
    /* backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); */
    background: linear-gradient(white 0%, rgba(255, 255, 255, 0.5) 100%);
}

html.sticky-header-active #header.header-transparent div.header-body div.header-body div.header-container {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


/* html.sticky-header-active #header.header-transparent .header-body:not(.header-border-bottom) #Notification_counter_topnav {
    position: relative;
    top: 0px;
    left: 15px;
    margin-left: -50px !important;
    height: 35% !important;
} */

#Notification_counter_topnav {
    position: absolute;
    top: 5px;
    left: 20px;
    height: 25px;
    width: max-content;
}


/* #Notification_counter_topnav {
    position: relative;
    top: 12px;
    left: 15px;
    margin-left: -50px !important;
    height: 35% !important;
} */


/* #Notification_counter_topnav a {
    height: 30px !important;
    position: relative !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 30px !important;
    width: 65px;
} */

.counterss.counterss-lg {
    top: 0px;
}

.counterss {
    position: relative;
    z-index: 1;
    padding: 2px 17px;
    font-size: 12px;
    color: #fff;
    background-color: #9ddcf0;
    border-radius: 1em;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid white;
    left: 10px;
    font-weight: 650;
}

.circle_bgs {
    z-index: 2;
    position: relative;
    left: -5px;
    bottom: 30px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #fff;
    font-size: 13pt;
    font-weight: 900;
}


/* Testimonial blockquote */

.testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote:before {
    color: #a33188;
}


/* Pricing Table */

.pricing-table.custom-pricing-table-style-1 .plan.plan-featured .plan-popular-tag {
    background: #a33188;
    z-index: 1;
}


/* Carousel */

.custom-carousel-dots-style-1 .owl-dots .owl-dot {
    box-shadow: 0px 0px 0px 2px #171940;
}

.custom-carousel-dots-style-1 .owl-dots .owl-dot.active {
    background: #171940;
}


/*
* Pagination
*/

.custom-pagination-style-1 .page-item.active .page-link,
.custom-pagination-style-1 .page-item:hover .page-link {
    border-color: #a33188;
    background-color: #a33188 !important;
}


/* =====================================================================================================================*/


/* =====================================================================================================================*/


/*                                              UI BASE THEME                                                */


/* =====================================================================================================================*/


/* =====================================================================================================================*/

@font-face {
    font-family: 'seven_segmentregular';
    src: url('../fonts/seven_segment-webfont.woff2') format('woff2'), url('../fonts/seven_segment-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@media (min-width: 768px) {
    .custom-negative-margin-1 {
        margin-top: -155px;
    }
}

.rev_slider li.slide-overlay.slide-overlay-level-8 .slotholder::after {
    opacity: 0;
}

.me_alert {
    height: 200px;
    text-align: center;
    padding: 15% 10% 0px;
    margin: 0px 5% 0px 5%;
}

.mee_timeline {
    /* background: azure; */
    border-radius: 10px;
    padding: 0px 0% 0px 5%;
}

.mee_timelines {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.mee_timelines:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 3px;
    background-color: #cacaca;
    margin-left: -1.5px;
    left: 20px;
}

.mee_timelines.active::before {
    top: -25px;
    bottom: -20px;
    background-color: #adff90;
}

@media (min-width: 576px) {
    .mee_timelines:before {
        left: 50%;
    }
}

.mee_timelines>li {
    /* margin-bottom: 20px; */
    margin-bottom: 0px;
    position: relative;
    padding-left: 55px;
}

.mee_timelines>li:after,
.mee_timelines>li:after {
    content: "";
    display: table;
    clear: both;
}

.mee_timelines>li .panel {
    width: 100%;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    /* background: white; */
    box-shadow: 2px 21px 80px 0 rgba(0, 0, 0, 0.3);
}

.mee_timelines>li .panel.mee_small_panels {
    /* background: white; */
    border: 3px dashed #fff;
    width: 55%;
    height: 30px;
    min-width: max-content;
    border-radius: 30px;
}

.mee_timelines>li .panel summary {
    display: block;
    user-select: none;
    outline: none;
    padding: 20px;
    margin-bottom: 0px;
    transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition-property: margin, background;
    font-weight: 600;
}

.mee_timelines>li .panel summary::-webkit-details-marker {
    display: none;
}

.mee_timelines>li .panel summary:hover {
    background: rgba(0, 0, 0, 0.1);
}

.mee_timelines>li .panel p {
    padding: 0 20px 10px;
}

.mee_timelines>li .panel[open] summary {
    /* margin-bottom: 20px; */
    margin-bottom: 0px;
    /* padding-bottom: 20px; */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 576px) {
    .mee_timelines>li {
        padding-left: 0px;
    }
    .mee_timelines>li .panel {
        width: 50%;
    }
    .mee_timelines>li:not(:nth-child(even)) {
        padding-right: 90px;
    }
    .mee_timelines>li:nth-child(even) {
        padding-left: 90px;
    }
    .mee_timelines>li:nth-child(even)> :nth-child(even) {
        float: right;
    }
}

.mee_timelines>li>.icon {
    color: #d9d9d9;
    width: 50px;
    height: 50px;
    line-height: 42px;
    font-size: 2em;
    text-align: center;
    position: absolute;
    left: 20px;
    margin-left: -25px;
    background-color: #fafafa;
    z-index: 999;
    border-radius: 50%;
    font-family: Font Awesome\ 6 Pro;
}

.mee_timelines>li>.icon:before {
    content: "\f141";
    /* . . .  */
}

@media (min-width: 576px) {
    .mee_timelines>li>.icon {
        left: 50%;
    }
}

.mee_timelines>li>.icon.done {
    color: #fff;
    border: solid 5px #1bf0aa;
    background-color: #7fe677;
}

.mee_timelines>li>.icon.done:before {
    content: "\f00c";
    /* ✓  done */
}

.mee_timelines>li>.icon.working {
    color: #fff;
    border: solid 5px #bee5fb;
    background-color: #a3c6fd;
    font-size: 1.5em;
}


/* Mobile */

.steps_mee_act {
    position: fixed !important;
    bottom: 10% !important;
    z-index: 9999999 !important;
    right: 20% !important;
    left: 35% !important;
}

@media only screen and (min-width: 993px) {
    ul.stepper.horizontal .step-actions {
        width: 12% !important;
    }
    .steps_mee_act {
        position: fixed !important;
        bottom: 45% !important;
        z-index: 9999999 !important;
        right: 20% !important;
        left: 75% !important;
        height: 100px !important;
    }
}

.icon.working:after {
    position: absolute;
    content: '';
    height: calc(100% + 15px);
    width: calc(100% + 15px);
    border: 5px dotted white;
    top: -8px;
    left: -8px;
    border-radius: inherit;
    animation: spin 6s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}

.mee_timelines>li>.icon.working:before {
    content: "\e41b";
    /* TImes / Current */
}

.mee_timelines>li>.icon.done.mee_small_icons {
    width: 30px;
    height: 30px;
    font-family: Font Awesome 6 Pro;
    border: dotted 4px #fff;
    background-color: #4cf266;
    margin-left: -15px;
    font-size: 1.5em;
    line-height: 24px;
    font-weight: 800;
}


/* MODIFIED SEO-2 */

.custom-bg-color-skyBLue-1 {
    background-color: #3074f1 !important;
}

.custom-bg-color-skyWhite-1 {
    background-color: #dde9ff !important;
}

.custom-bg-color-lightGreen-1 {
    background-color: #76f8ac !important;
}


/* =====================================================================================================================*/


/*                                                WEATHER CARD Component                                            */


/* =====================================================================================================================*/

.Mee_CardHeader_09\:00\:00.WIT,
.Mee_CardHeader_15\:00\:00.WIT {
    color: #4625bb9e !important;
}

.Mee_CardHeader_03\:00\:00.WIT,
.Mee_CardHeader_21\:00\:00.WIT {
    color: #90dbf9 !important;
}

.Mee_cardText_03\:00\:00.WIT,
.Mee_cardText_21\:00\:00.WIT {
    color: #c6c8c9 !important;
}

.Mee_cardText_09\:00\:00.WIT,
.Mee_cardText_15\:00\:00.WIT {
    color: #595959 !important;
}


/* =====================================================================================================================*/


/* =====================================================================================================================*/


/*                                              BACKGROUND  PANEL PARAMETER  CARD                                                */


/* =====================================================================================================================*/


/* =====================================================================================================================*/

.card.weather_param_wrapper_15\:00\:00.WIT {
    background-color: #ffffff6b !important;
}

.card.weather_param_wrapper_21\:00\:00.WIT {
    background-color: #00000052 !important;
}

.card.weather_param_wrapper_03\:00\:00.WIT {
    background-color: #00000054;
}

.card.weather_param_wrapper_09\:00\:00.WIT {
    background-color: #fbfbfb2b;
}


/* =====================================================================================================================*/


/* =====================================================================================================================*/


/*                                              BACKGROUND  WEATHER CARD                                                */


/* =====================================================================================================================*/


/* =====================================================================================================================*/

.Mee_BG_03\:00\:00.WIT {
    border-radius: 10px;
    padding: 10px;
    padding-bottom: 0px;
    background: radial-gradient(200% 100% at bottom center, #B3B372, #A45A6F, #75517D, #1B2947);
    background: radial-gradient(220% 105% at top center, #1B2947 10%, #75517D 40%, #A45A6F 65%, #B3B372);
}

.Mee_BG_09\:00\:00.WIT {
    color: #d10d0d;
    border-radius: 10px;
    padding: 10px;
    padding-bottom: 0px;
    background-color: #88c7ee;
    background-image: radial-gradient(#00ff28, #e6cf5d78 2px, #0000 40px), radial-gradient(#bd1b1b, #f7ff0700 1px, transparent 30px), radial-gradient(#fdffbbd4, #e6da206b 12px, transparent 50px), radial-gradient(#fdfdfd, #ffffffa3 1px, #fff0 70px), radial-gradient(220% 105% at top center, #65A7FBDB 10%, #A0BBFB 40%, #EEE7B05E 65%, #F4DD60);
    background-size: 550px 550px, 450px 450px, 350px 350px, 200px 200px;
    background-position: 0 0, 100px 60px, 175px 275px, 106px 84px;
}

.Mee_BG_15\:00\:00.WIT {
    color: #603737;
    border-radius: 10px;
    padding: 10px;
    padding-bottom: 0px;
    background-color: #88c7ee;
    background-image: radial-gradient(#00ff28, #e6cf5d78 2px, #0000 40px), radial-gradient(#bd1b1b, #f7ff0700 1px, transparent 30px), radial-gradient(#fdffbbd4, #e6da206b 12px, transparent 50px), radial-gradient(#fbefd3, #e8deb652 1px, #fff0 70px), radial-gradient(220% 105% at top center, #81AFEA52 10%, #EAE88BBF 40%, #EEE7B05E 65%, #F4DD60);
    background-size: 550px 550px, 450px 450px, 320px 320px, 200px 200px;
    background-position: 0 0, 100px 60px, 367px 290px, 106px 84px;
}

.Mee_BG_21\:00\:00.WIT {
    color: #96b7c1;
    border-radius: 10px;
    padding: 10px;
    padding-bottom: 0px;
    background-color: rgb(11, 32, 43);
    background-image: radial-gradient(#ffffff, #ffffff33 2px, transparent 10px), radial-gradient(#ffffffa6, #ffffff67 5px, transparent 12px), radial-gradient(#f7ffc7d5, #ffffff1a 2px, transparent 20px), radial-gradient(#f9ffa8bd, #ffffff1a 1px, transparent 15px);
    background-size: 200px 200px, 190px 190px, 150px 150px, 195px 195px;
    background-position: 170px 195px, 37px 36px, 90px 140px, 5px 110px;
}


/* =====================================================================================================================*/


/* =====================================================================================================================*/


/*                                              ANIMATED WEATHER CONDITION                                              */


/* =====================================================================================================================*/


/* =====================================================================================================================*/


/* SIANG  */

.Mee_WeatherSVG_09\:00\:00.WIT_Cerah,
.Mee_WeatherSVG_15\:00\:00.WIT_Cerah {
    background: url(../../BasmiliusSVG/production/fill/all/clear-day.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Cerah.Berawan,
.Mee_WeatherSVG_15\:00\:00.WIT_Cerah.Berawan {
    background: url(../../BasmiliusSVG/production/fill/all/partly-cloudy-day.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Berawan,
.Mee_WeatherSVG_15\:00\:00.WIT_Berawan {
    background: url(../../BasmiliusSVG/production/fill/all/overcast-day.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Berawan.Tebal,
.Mee_WeatherSVG_15\:00\:00.WIT_Berawan.Tebal {
    background: url(../../BasmiliusSVG/production/fill/all/overcast.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Udara.Kabur,
.Mee_WeatherSVG_15\:00\:00.WIT_Udara.Kabur {
    background: url(../../BasmiliusSVG/production/fill/all/haze-day.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Asap,
.Mee_WeatherSVG_15\:00\:00.WIT_Asap {
    background: url(../../BasmiliusSVG/production/fill/all/partly-cloudy-day-smoke.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Kabut,
.Mee_WeatherSVG_15\:00\:00.WIT_Kabut {
    background: url(../../BasmiliusSVG/production/fill/all/fog-day.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Hujan.Ringan,
.Mee_WeatherSVG_15\:00\:00.WIT_Hujan.Ringan {
    background: url(../../BasmiliusSVG/production/fill/all/partly-cloudy-day-drizzle.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Hujan.Sedang,
.Mee_WeatherSVG_15\:00\:00.WIT_Hujan.Sedang {
    background: url(../../BasmiliusSVG/production/fill/all/hail.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Hujan.Lebat,
.Mee_WeatherSVG_15\:00\:00.WIT_Hujan.Lebat {
    background: url(../../BasmiliusSVG/production/fill/all/rain.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Hujan.Lokal,
.Mee_WeatherSVG_15\:00\:00.WIT_Hujan.Lokal {
    background: url(../../BasmiliusSVG/production/fill/all/partly-cloudy-day-hail.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_09\:00\:00.WIT_Hujan.Petir,
.Mee_WeatherSVG_15\:00\:00.WIT_Hujan.Petir {
    background: url(../../BasmiliusSVG/production/fill/all/thunderstorms-rain.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}


/* MALAM  */

.Mee_WeatherSVG_03\:00\:00.WIT_Cerah,
.Mee_WeatherSVG_21\:00\:00.WIT_Cerah {
    background: url(../../BasmiliusSVG/production/line/all/clear-night.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Cerah.Berawan,
.Mee_WeatherSVG_21\:00\:00.WIT_Cerah.Berawan {
    background: url(../../BasmiliusSVG/production/line/all/partly-cloudy-night.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Berawan,
.Mee_WeatherSVG_21\:00\:00.WIT_Berawan {
    background: url(../../BasmiliusSVG/production/line/all/overcast-night.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Berawan.Tebal,
.Mee_WeatherSVG_21\:00\:00.WIT_Berawan.Tebal {
    background: url(../../BasmiliusSVG/production/line/all/overcast.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Udara.Kabur,
.Mee_WeatherSVG_21\:00\:00.WIT_Udara.Kabur {
    background: url(../../BasmiliusSVG/production/line/all/haze-night.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Asap,
.Mee_WeatherSVG_21\:00\:00.WIT_Asap {
    background: url(../../BasmiliusSVG/production/line/all/partly-cloudy-night-smoke.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Kabut,
.Mee_WeatherSVG_21\:00\:00.WIT_Kabut {
    background: url(../../BasmiliusSVG/production/line/all/fog-night.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Hujan.Ringan,
.Mee_WeatherSVG_21\:00\:00.WIT_Hujan.Ringan {
    background: url(../../BasmiliusSVG/production/line/all/partly-cloudy-night-drizzle.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Hujan.Sedang,
.Mee_WeatherSVG_21\:00\:00.WIT_Hujan.Sedang {
    background: url(../../BasmiliusSVG/production/line/all/hail.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Hujan.Lebat,
.Mee_WeatherSVG_21\:00\:00.WIT_Hujan.Lebat {
    background: url(../../BasmiliusSVG/production/line/all/rain.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Hujan.Lokal,
.Mee_WeatherSVG_21\:00\:00.WIT_Hujan.Lokal {
    background: url(../../BasmiliusSVG/production/line/all/partly-cloudy-night-hail.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}

.Mee_WeatherSVG_03\:00\:00.WIT_Hujan.Petir,
.Mee_WeatherSVG_21\:00\:00.WIT_Hujan.Petir {
    background: url(../../BasmiliusSVG/production/line/all/thunderstorms-rain.svg) no-repeat center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 80px;
    margin-bottom: -20px;
}


/* =====================================================================================================================*/


/* =====================================================================================================================*/


/*                                              WIND VANE                                                               */


/* =====================================================================================================================*/


/* =====================================================================================================================*/


/*                                              NORTH                                                       */

.Mee_N:before,
.Mee_NNW:before,
.Mee_NNE:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\f0aa" !important;
}

.Mee_NE:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\e0fc" !important;
}

.Mee_NW:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\e0fb" !important;
}


/*                                              EAST                                                       */

.Mee_E:before,
.Mee_ESE:before,
.Mee_ENE:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\f0a9" !important;
}


/*                                              WEST                                                       */

.Mee_W:before,
.Mee_WNW:before,
.Mee_WSW:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\f0a8" !important;
}

.Mee_NW:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\e0fb" !important;
}

.Mee_SW:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\e0f9" !important;
}


/*                                              SOUTH                                                       */

.Mee_S:before,
.Mee_SSW:before,
.Mee_SSE:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\f0ab" !important;
}

.Mee_SE:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\e0fa" !important;
}

.Mee_SW:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\e0f9" !important;
}


/*                                              Unconsistant                                                       */

.lazyload,
.lazyloading {
    opacity: 0;
}

.loading,
.lazyload,
.lazyloaded,
.image {
    opacity: 1;
    transition: 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.Mee_VARIABLE:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    display: inline-block;
    content: "\f5e9" !important;
}

.mee_alamat_perusahaan_aktip {
    background-color: #fff !important;
    box-shadow: 0 2px 10px 0 rgba(19, 222, 232, 0.65);
    transition: all .55s ease-in-out;
    border: 2px solid aqua;
}

.btn.btn-outline.text-capitalize.btn-rounded.tipe_pesan.waves-effect.waves-light {
    z-index: 1;
    background: linear-gradient(75deg, #caeaec, #bacfd2) !important;
}

.btn.btn-outline.text-capitalize.btn-rounded.tipe_pesan.waves-effect.waves-light.active {
    z-index: 1;
    background: linear-gradient(40deg, #26c2d7, #c5faff) !important;
    border: 2px solid rgb(32, 163, 163);
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1;
    background: linear-gradient(40deg, #4dd0e1, #05ffa3) !important;
}

.infoext .param {
    padding-left: 20px;
}

.infoext span::before {
    content: '◉';
    position: absolute;
    color: #ec971f;
    left: -20px;
}

.infoext span {
    font-weight: 200;
    font-size: 14px;
    display: block;
    position: relative;
}

.param {
    margin-bottom: 0px;
    margin-top: 10px;
}

.hr_param {
    background: rgba(0, 0, 0, 0.138);
    border: 0;
    height: 1px;
    margin: 1px 0px 10px 0px;
    opacity: 1;
    box-sizing: content-box;
    overflow: visible;
}

.tab-content {
    border-radius: 10px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    background-color: #FFF;
    /* border: 1px solid #DDD; */
    border: 1px solid #FFF;
    /* border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px; */
    padding: 0px 15px 0px 15px;
    /* border-top: 0px; */
}


/* Ripple BUttton */

.pinkBg {
    background-color: #ed184f!important;
    background-image: linear-gradient(90deg, #fd5581, #fd8b55);
}

.intro-banner-vdo-play-btn {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 20%;
    left: 20%;
    text-align: center;
    border-radius: 75px;
    z-index: 1;
}

.intro-banner-vdo-play-btn i {
    line-height: 33px;
    font-size: 1.6em;
}

.intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -40px 0 0 -40px;
    border-radius: 75px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}


/* Ripple BUttton */


/* SVG Backgrounds */

#svg_2 {
    fill: #f8f7fa;
    stroke-width: 0;
    stroke: #000;
}

#svg_3 {
    fill: #eff1f3;
    stroke-width: 0;
    stroke: #000;
}

#svg_4 {
    fill: #eff1f3;
    stroke-width: 0;
    stroke: #000;
}

#svg_5 {
    fill: #e4e7ea;
    stroke-width: 0;
    stroke: #000;
    stroke-opacity: unset;
}

#svg_6 {
    fill: #f9f9f9;
    stroke-width: 0;
    stroke: #000;
    stroke-opacity: unset;
}

#svg_7 {
    fill: #eff1f3;
    stroke-width: 0;
    stroke: #000;
    stroke-opacity: unset;
}

#svg_8 {
    fill: #eff1f3;
    stroke-width: 0;
    stroke: #000;
    stroke-opacity: unset;
}

#svg_9 {
    fill: #e6e8ea;
    stroke-width: 0;
    stroke: #000;
    stroke-opacity: unset;
}

#svg_10 {
    fill: #ececec;
    stroke-width: 0;
    stroke: #000;
    stroke-opacity: unset;
}

#svg_11 {
    fill: #f8f7fa;
    stroke-width: 0;
    stroke: #000;
    stroke-opacity: unset;
}