/* line 1, main.scss */
* {
    margin: 0;
    padding: 0;
}

* {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: woff;
    font-weight: 400;
}

body #body_bg {
    /*background-color:tomato;*/
    height:100%;
    width:100%;
}

/*ITALIAN CSS*/
/*ITALIAN CSS THAT NEEDS to be here as in top or used by more than 1 file/*/

/****************************************************************************/
body #holdContainer .switch_show {
    width: 100px;
    height: 28px;
    position: absolute;
    right: 5px;
    top: 6px;
}

body #holdContainer #usaShow {
    background-image: url(/images/mafia_fueds/page_layout/mf_move_button_american.jpg);
}
 /*divs used as buttons so return doesnt work to repeat the click*/
#holdContainer #italian_mob_wrap .im_a_button {
    display: inline-block;
    padding: 3px 4px;
    font-size: 18px;
    background-color: rgb(178, 34, 34);
    font-weight: 500;
    color: white;
    border-radius: 5px;
    border: none;
    margin: 5px 2px 0;
    position: relative;
}

#holdContainer #italian_mob_wrap {
    min-height: 1000px;
    width: 820px;
    border: 2px solid rgb(128, 128, 128);
    margin: 5px 0 30px;
    display: none;
    position: relative;
    top: 25px;
}

#holdContainer #italian_mob_wrap #italian_auto_wrap {
    position:absolute;
    top:-28px;
    width:100%;
    height:24px;
}
#holdContainer #italian_mob_wrap #italian_auto_wrap .italian_auto_inline {
    display:inline-block;
}
#holdContainer #italian_mob_wrap #italian_auto_wrap #italian_vol_box {
    border: 1px solid white;
    height:20px;
    width:20px;
    background: url("/images/mafia_fueds/page_layout/volume.jpg");
    background-size: cover;
}
#holdContainer #italian_mob_wrap #italian_auto_wrap .italian_vol_ctrl {
    position:relative;
    top:-6px;
}
#holdContainer #italian_mob_wrap #italian_auto_wrap .italian_vol_ctrl:first-of-type {
    background:lightgreen;
}
#holdContainer #italian_mob_wrap #italian_auto_wrap #im_auto_left {
    position: absolute;
    top: -1px;
    right:0;
}
/*temporary italy bypass display*/
#holdContainer #italian_mob_wrap #im_temp_bypass_wrap {
    position:absolute;
    left:45%;
    top:-22px;
}
#holdContainer #italian_mob_wrap #im_temp_bypass_wrap h3 {
    font-size:15px;
    color:white;
}
#holdContainer #italian_mob_wrap #im_temp_bypass_wrap h3:first-of-type {
    margin-right:10px;
}
/*end temp*/
#holdContainer #ita_full_top {
    background-image: url("/images/mafia_fueds/page_layout/mf_background_italy_resources.jpg");
    position: relative;
}
/*backgrounds*/
#holdContainer #italian_mob_wrap .im_small_wrap {
    background-image: url(/images/mafia_fueds/page_layout/background_main_content.png);
    background-repeat: repeat-y;
}

/*///////////*/
#holdContainer #italian_mob_wrap #im_top_wrap {
    height: 100px;
    position: relative;
    /*background-image: url("/images/mafia_fueds/page_layout/mf_page_banner_background.jpg");*/
}

#holdContainer #italian_mob_wrap #im_top_wrap .im_stats_wrap {
    margin-left: 5px;
    /*padding-top: 6px;*/
    display: inline-block;
    vertical-align: top;
    min-width: 23%;
    position:relative;
}

#holdContainer #italian_mob_wrap #im_top_wrap .im_stats_wrap h3 {
    font-size: 15px;
    color: white;
    margin-bottom: 6px;
}
#holdContainer #italian_mob_wrap #im_top_wrap .im_stats_wrap h3 .im_top_num {
   font-size: 14px;     
}
/*health numbers*/
#holdContainer #italian_mob_wrap #im_top_wrap .im_stats_wrap #cu_he {
    min-width: 57px;
    display: inline-block;
}
#holdContainer #italian_mob_wrap #im_top_boost_wrap {
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 25px;
    vertical-align: top;
}
#holdContainer #italian_mob_wrap  #im_top_boost_wrap .im_upper_boost_wrap {
    height: 25px;
    width: 25px;
    display:inline-block;
    background-color:gray;
    border:1px solid gray;
}
#holdContainer #italian_mob_wrap #im_top_boost_wrap #im_top_en_boost {
    background-image: url("https://mafiaworldwide.app/images/mafia_fueds/page_layout/mf_energy_icon.jpg");
}
#holdContainer #italian_mob_wrap #im_top_boost_wrap #im_top_st_boost {
    background-image: url("https://mafiaworldwide.app/images/mafia_fueds/page_layout/mf_stamina_icon.jpg");
}
#holdContainer #italian_mob_wrap #im_top_boost_wrap #im_top_cr_boost {
    background-image: url("https://mafiaworldwide.app/images/mafia_fueds/page_layout/mf_crypto_icon.jpg");
}

#holdContainer #italian_mob_wrap #im_top_boost_wrap .im_upper_boost_count {
    color: white;
    font-size: 13px;
    margin:0 8px 0 0;
    min-width:20px;
    display: inline-block;
    position:relative;
    bottom:3px;
}

#holdContainer #italian_mob_wrap #im_top_wrap .im_stats_wrap #im_res_cl {
    color: darkorange;
    font-size: 14px;
    text-align: center;
    margin: 0;
}

#holdContainer #italian_mob_wrap #im_top_wrap #im_my_avatar {
    display: inline-block;
    border: 1px solid gray;
    position: relative;
    top: -22px;
}

#holdContainer #italian_mob_wrap .im_stats_wrap .im_prog_inline {
    display: inline-block;
}

#holdContainer #italian_mob_wrap .im_stats_wrap .im_prog_outer {
    margin-left: 8px;
    width: 90px;
    height: 12px;
    border: 1px solid gray;
    border-radius: 3%;
    position: relative;
    top: 2px;
}

#holdContainer #italian_mob_wrap .im_stats_wrap .im_prog_outer #im_sneak_level {
    height: 32px;
    width: 70px;
    background-image: url("/images/mafia_fueds/page_layout/mf_arrow_sneak.png");
    position: absolute;
    top: -35px;
    right: 0px;
    display: none;
}

#holdContainer #italian_mob_wrap .im_stats_wrap .im_prog_inner {
    height: 100%;
    border-radius: 3%;
    width: 0%;
}

#holdContainer #italian_mob_wrap .im_stats_wrap .im_prog_outer #im_xp_prog {
    background: linear-gradient(to bottom, #008000 30%, #90ee90);
}

#holdContainer #italian_mob_wrap .im_stats_wrap .im_prog_outer #im_health_prog {        
    background: linear-gradient(to bottom, #ffcc00 0%, #ff6600 100%);
}

#holdContainer #italian_mob_wrap #im_main_nav_wrap {
    width: 100%;
    margin-bottom: 10px;
    /*border-top:1px solid gray;*/
}

#holdContainer #italian_mob_wrap #im_main_nav_wrap #im_main_nav {
    width: 100%;
    float: left;
    height: 30px;
    /* background-image: linear-gradient(rgb(89, 89, 89) 0%, rgb(60, 60, 60) 50%, rgb(34, 34, 34) 51%, rgb(2, 2, 2) 100%);*/
    display: flex;
}

/*#holdContainer #italian_mob_wrap #im_main_nav_wrap #im_side_nav {
    width: 12%;
    float: right;
    height: 30px;*/
    /* background-image: linear-gradient(rgb(89, 89, 89) 0%, rgb(60, 60, 60) 50%, rgb(34, 34, 34) 51%, rgb(2, 2, 2) 100%);*/
    /*display: flex;
}*/

#holdContainer #italian_mob_wrap #im_main_nav_wrap .im_nav {
    background-image: linear-gradient(rgb(89, 89, 89) 0%, rgb(60, 60, 60) 50%, rgb(34, 34, 34) 51%, rgb(2, 2, 2) 100%);
    padding: 3px 0;
    height: 100%;
    color: white;
    font-size: 17px;
    flex-grow: 1;
    border: none;
}
/*main inner wrap under nav*/
#holdContainer #italian_mob_wrap #im_main_wrap {
    clear: both;
    min-height: 830px;
    position: relative;
    background-image: url("/images/mafia_fueds/italian_backgrounds/background_italian_default.jpg");
}



/*GENERIC FOR ALL INLINE */
#holdContainer #italian_mob_wrap .im_inline {
    display: inline-block;
}
/*GENERIC BUTTONS THROUGHOUT IM*/
#holdContainer .im_genButton {
    background-image: linear-gradient(rgb(89, 89, 89) 0%, rgb(60, 60, 60) 50%, rgb(34, 34, 34) 51%, rgb(2, 2, 2) 100%);
    padding: 3px 5px;
    color: white;
    font-size: 18px;
    border: none;
}

/*INFO/FAILS*/

#holdContainer #italian_mob_wrap .im_info_wrap {
    width: 100%;
/*    background: white;*/
    margin-top: 10px;
    padding: 2px;
    position: relative;
    visibility: hidden;
    min-height:38px;
}
#holdContainer #italian_mob_wrap .im_info_wrap .im_italian_info {
    background:white;
    padding:1px;
    font-size:16px;
    width:95%;
}
#holdContainer #italian_mob_wrap .im_info_wrap .im_fail_close {
    padding: 1px;
    font-size: 14px;
    background: red;
    color: white;
    border-radius: 5px;
    border: none;
    position:absolute;
    top:2px;
    right:18px;
}
/*visibility class*/
#holdContainer #italian_mob_wrap .im_italian_hidden {
    visibility: hidden;
}

/*END ITALIAN*/
#holdContainer #usa_full_top {
    background-image: url("/images/mafia_fueds/page_layout/mf_background_america_resources.jpg");
}
/*css header changes for both*/
#holdContainer .which_mafia_banner {
    width: 100%;
    height: 40px;
    position: relative;
    text-align: center;
}
/*TO ITALIAN*/
body #holdContainer #italyShow {
    background-image: url(/images/mafia_fueds/page_layout/mf_move_button_italian.jpg);
}
/*END*/

/*GENERIC BUTTONS*/
/*GENERIC BUTTON*/
body .generic_button, body .generic_button_nh {
    padding: 2px 4px;
    border: 1px solid white;
    color: white;
    font-size: 16px;
    background: linear-gradient(rgb(0, 0, 0) 60%, rgb(169, 169, 169));
}

body .generic_button:hover {
    color: black;
    background: gold;
}

body input {
    font-size: 17px;
}

body #navRow .generic_button, body .subNav .generic_button {
    font-size: 16px;
    font-weight: 400;
    border: none;
    border-left: 1px solid lightgrey;
    padding: 2px 0;
    text-align: center;
    flex-grow: 1;
}

/* line 9, main.scss */
body {
    background: rgb(35, 35, 35); 
    min-height: 900px;
}
    /* line 13, main.scss */
    body .rad {
        background: rgb(35, 35, 35);
    }
    /* line 17, main.scss */
body .ten {
    height: 10px;
    width: 10px;
}
/* line 21, main.scss */
body .fifteen {
    height: 15px;
    width: 15px;
}
/* line 25, main.scss */
body .twenty {
    height: 20px;
    width: 20px;
}
/* line 30, main.scss */
body .thirty {
    height: 30px;
    width: 30px;
}
/* line 34, main.scss */
body .fourty {
    height: 40px;
    width: 40px;
}
/* line 38, main.scss */
body .fifty {
    height: 50px;
    width: 50px;
}
/* line 43, main.scss */
body .sixty {
    height: 60px;
    width: 60px;
}
/* line 48, main.scss */
body .seventy {
    height: 70px;
    width: 70px;
}
/* line 52, main.scss */
body .eighty {
    height: 80px;
    width: 80px;
}
/* line 56, main.scss */
body .ninety {
    height: 90px;
    width: 90px;
}
/* line 60, main.scss */
body .hundred {
    height: 100px;
    width: 100px;
}

body .hundred_twenty {
    height: 120px;
    width: 120px;
}
/* line 64, main.scss */
body .hundred_fifty {
    height: 150px;
    width: 150px;
}
/* line 69, main.scss */
body .two_hundred {
    height: 200px;
    width: 200px;
}
/* line 73, main.scss */
body #holdContainer {
    width: 800px;
}

/*LUCKY DROPS*/
#lucky_drop_wrapper {
    width: 90%;
    margin: 25px auto;
    padding: 15px;
    border: 1px solid white;
    position: relative;
}

#lucky_drop_wrapper .drop_choice_wrap {
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
}

#lucky_drop_wrapper .drop_choice {
    border: 1px solid white;
    background-size: 120px 120px;
}

#lucky_drop_wrapper #fav_drop_wrap, #lucky_drop_wrapper #drop_claim_wrap {
    margin-top: 20px;
}

#lucky_drop_wrapper #fav_drop_wrap div {
    display: inline-block;
}

#lucky_drop_wrapper h3 {
    color: white;
    font-weight: 200;
    font-size: 18px;
}

#lucky_drop_wrapper #drop_claim_wrap {
    display: flex;
}

#lucky_drop_wrapper #drop_claim_wrap div {
    flex-grow: 1;
    height: 100px;
    text-align: center;
}

#lucky_drop_wrapper #drop_claim_wrap button {
    font-size: 14px;
    margin-top: 10px;
}

#lucky_drop_wrapper #lucky_drop_res {
    margin-top: 15px;
}

/*LUCKY DROPS FINISH*/

#mainBanner {
    position: relative;
    height: 70px;
    width: 504px;
    margin: auto;
    border: 1px solid white;
}

#bannerImage {
    height: 100%;
    width: 504px;
    background: black;
    opacity: 1;
}

#alertBox {
    position: absolute;
    top: 5px;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
}
/*family links*/
.famLink {
    color: yellow;
    font-size: 17px;
    font-weight: 300;
}
/* line 75, main.scss */
body #holdContainer #mainContainer {
    background: black;
    margin: 5px auto;
    min-height: 900px;
    width: 820px;
    border: 2px grey solid;
    position: relative;
    visibility: hidden;
    transition: margin-top 0.5s;
    margin-bottom: 20px;
}

    /* line 86, main.scss */
    body #holdContainer #mainContainer #urlSpan, body #holdContainer #mainContainer #paramSpan {
        z-index: -10;
        position: absolute;
    }
    /* line 91, main.scss */
    body #holdContainer #mainContainer #autoNav {
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: -1;
        transition: top 0.5s;
    }

    body #holdContainer #mainContainer #fullTop {
        position: relative;
    }

    body #holdContainer #mainContainer #fullTop .top_inline {
        display: inline-block;
    }

    body #holdContainer #mainContainer #fullTop .top_thirty {
        width: 22%;
        height: 100px;
        vertical-align: top;
    }

    body #holdContainer #mainContainer #fullTop .top_thirty:first-of-type {
        margin-left: 2px;
    }

    body #holdContainer #mainContainer #fullTop #xp_wrap {
        height: 100px;
        vertical-align: top;
    }

    body #holdContainer #mainContainer #fullTop #xp_wrap .down_three, body #holdContainer #mainContainer #fullTop #xp_wrap #xp_progress {
        margin-top: 3px;
    }

    body #holdContainer #mainContainer #fullTop #my_av_wrapper {
        border-left: 1px solid grey;
        border-right: 1px solid grey;
        position:relative;
    }

    /* line 144, main.scss myMob */
    body #holdContainer #mainContainer #fullTop h3 {
        color: white;
        font-weight: 400;
        font-size: 15px;
    }

    body #holdContainer #mainContainer #fullTop h3 .res_forever {
        font-size:14px;
    }
    /* line 159, main.scss */
    body #holdContainer #mainContainer #fullTop .resDisp {
        margin-top: 6px;
    }

    body #holdContainer #mainContainer #fullTop .resDisp h3 {
        position: relative;
        top: -5px;
    }

    body #holdContainer #mainContainer #fullTop .resDisp .twenty {
        border: 1px solid grey;
    }
    /* line 200, main.scss */
    body #holdContainer #mainContainer #fullTop #xpProgress {
        width: 150px;
        background: white;
        height: 18px;
    }
    /* line 205, main.scss */
    body #holdContainer #mainContainer #fullTop #xpProgress h6 {
        background: linear-gradient(to bottom, #008000 30%, #90ee90);
        color: black;
        height: 100%;
        width: 0%;
    }
    /* line 212, main.scss */
    body #holdContainer #mainContainer #fullTop .resTimer {
        font-size: 12px;
        color: #ffd800;
        margin-left: 10px;
        position: absolute;
        bottom: 14px;
        right: -20px;
    }

    body #holdContainer #mainContainer #autoShow {
        background: linear-gradient(#000000 50%, #a9a9a9);
        padding: 2px 7px;
        border: 1px solid white;
        color: white;
        font-size: 17px;
        margin: 5px 4px 0 30px;
        position: absolute;
        top: 3px;
        left: 39%;
    }

    /* line 243, main.scss */
    body #holdContainer #mainContainer #cashRow {
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px grey solid;
        height: 40px;
        display: table;
    }
    /* line 250, main.scss */
    body #holdContainer #mainContainer #cashRow div {
        display: table-cell;
        background: linear-gradient(to bottom, #000000 80%, #a9a9a9);
        border: 1px grey solid;
        text-align: center;
    }
    /* line 256, main.scss */
    body #holdContainer #mainContainer #cashRow div span {
        color: white;
        font-size: 12px;
    }
    /* line 261, main.scss */
    body #holdContainer #mainContainer #cashRow div .resTimer {
        /*not needed??*/
        font-size: 12px;
        color: #ffd800;
        margin-left: 10px;
    }
    /* line 269, main.scss */
    body #holdContainer #mainContainer #cashRow .reslabel {
        color: white;
    }
    /* line 272, main.scss */
    body #holdContainer #mainContainer #cashRow .genBoost {
        color: #ffd800;
    }
    /* line 276, main.scss */
    body #holdContainer #mainContainer #cashRow .boost1 {
        margin-left: 5px;
    }
    /* line 279, main.scss */
    body #holdContainer #mainContainer #cashRow .enBoost, body #holdContainer #mainContainer #cashRow .stBoost, body #holdContainer #mainContainer #cashRow .upBoost, body #holdContainer #mainContainer #cashRow #autoH {
        background: linear-gradient(to bottom, #000000 70%, #a9a9a9);
        padding: 1px 5px;
        border: 1px white solid;
        color: white;
    }
    /* line 286, main.scss */
    body #holdContainer #mainContainer #cashRow #healBoost {
        padding: 0 10px;
        background: black;
        border: white solid 1px;
        color: white;
    }
    /* line 297, main.scss */
    body #holdContainer #mainContainer #cashRow .boostTime {
        color: #ffd800;
        font-size: 12px;
        margin-left: 5px;
    }
    /* line 304, main.scss */
    body #holdContainer #mainContainer #navRow, body #holdContainer #mainContainer .subNav {
        border-bottom: 1px grey solid;
        height: 25px;
        width: 100%;
        display: flex;
    }

    body #navRow button:first-of-type, body #holdContainer #mainContainer .subNav button:first-of-type {
        border-left: none;
    }

    /* line 330, main.scss */
    body #holdContainer #mainContainer .subNav {
        display: none;
    }
    /* line 334, main.scss */
    body #holdContainer #mainContainer #subPageContainer {
        padding: 20px;
        min-height: 820px;
        background-size: cover;
        background-repeat: repeat-y;
    }