.col_title_header {
    margin-bottom: 10px;
    color: white;
    font-size: 2rem;
    font-weight: 600;
}

.collection_selection .section-head span:after {border-bottom: .0625rem solid #211c35;}
.collection_selection .section-head {margin:0px; padding-top:0px;}
.collection_selection .section-head span {max-width: fit-content;}
/*
.collection_selection h1 {color:white;}
.collection_selection p {color:white;}
.collection_selection h2 {color:white;}
.collection_selection h4 {color:white;}
*/

.cl_tile h4 {color:#211c35;}

.cl_tile {
    width: 400px;
    margin: 0px;
    text-align: center;
    position: relative;
    display: inline-block;
    background-color:transparent;
    margin-top: 15px;
    padding-top: 15px;
    cursor:pointer;
    color:#211c35;
}

/*.cl_tile:hover {background-color: #696969;}*/
.coll_carousel {width:400px; overflow:hidden;}

.cl_tile .cl_image {width:50%;margin-left:auto;margin-right:auto;}
.cl_tile p {display:none;}

.collection_selection {min-height:100vh;}

.collection_area {display:inline-flex;}

.collection_area_wrapper {
   overflow:hidden; 
   margin-left:auto;
   margin-right:auto;
   width:400px;
   position: relative;
   margin-bottom: 1rem;
}

.collection_area_wrapper .arrow .icon-container {
    width: 2.1875rem;
    height: 2.1875rem;
    padding: .5rem;
    color: #fff;
    background: #726d7f;
    border-radius: 50%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 57%;
}

.collection_area_wrapper .arrow {
    position: absolute;
    height: 100%;
    width: 2.1875rem;
    top: 0;
    z-index: 1;
    cursor: pointer;
}
.collection_area_wrapper .arrow.inActive {opacity:0.4;}

.collection_area_wrapper .arrow .icon-container .icon {
    width: 100%;
    height: 100%;
}

.collection_area_wrapper .arrow-next {right:0px;}
.collection_area_wrapper .arrow-prev {left:0px;}
/*==================================================*/

#content {
        max-width: 100vw;
        overflow-x: hidden; 
overflow-y:hidden;

}

#content .block.textAreaBlock.col-xs-12 {padding-left:0px;padding-right:0px;}
#content .container {padding-left:0px;padding-right:0px;}

.admin_wrapper .nav-tabs .nav-item {
                         display:inline-block;
                          flex-grow:unset;
                          min-width:200px;
}
.admin_wrapper .nav-tabs {border-bottom:none;}

.admin_wrapper .tab-content {background-color:#f4f1eb;}
.admin_wrapper {  background-color: #EDEAE5; }

    .hideThis {display:none!important;}

    .coin_selector_dot.goldenCoin {background:#b99c5d;}
    .coin_selector_dot.goldenCoin.dot_active{background:gold;}

     .launchPage .newUser {display:block;}
     .launchPage .newUser_registered {display:none;}
     
     .hasCount {font-weight:900;}
     .small_text {font-size:14px;}
     /* .share_area {color:white;}*/
     
     .shared_area {display:none;background-color:#4E4974}
     .shared_area .sign_in {display:none;}
     .shared_area .signed_in {display:none;}
     
     #share_url {
         background-color:white;
         border:none;
         width:30%;
         padding:10px;
     }
 
     #share_url:focus {
         border:none;
         background-color:#696969;
     }
     .section-head {
         margin: 0 0 1.5rem;
         line-height: 1.1;
         padding-top: 1.5rem;
     }
 
     .mod-section.mod-section-copy {display:none;}
     .live-prices-bar {display:none;}
     .trust-bar {display:none!important;}
      .my_wrapper .btn {width:75%;max-width:400px;margin: 0 auto 1.1rem;}
     .formModal .stage2 {display:none;}
     .add_button_modal.stage_2 {display:none;}
     .add_button_modal.stage_1{display:none;}
     .add_button_modal.stage_0{display:none;}
 
     .introModalFromLeft .social-icons svg {fill:#000;}
     .modal_image {cursor: pointer;}
     
     .small_add_button {
         background-color: #716D7E;
         color:white;
         border-radius: 50%;
         width: 22px;
         height: 22px;
         line-height: 1;
         display: inline-block;
     }
     
     .search-container {display:none!important;}
     #global-navigation {display:none!important;}
 
     body {
        /* background:url('/globalassets/__rebrand/_structure/competitions/games/decimal-day-collection/background.png');
        background-repeat:repeat;*/
        min-height:75vh;
        background-color:#f4f1eb;
     }
     
     #content {background-color:transparent;max-width:unset;}
 
     .desktopOnly {display:block;}

     /*----------------------------------------------*/
     #dashboard .sliderwrapper {width:100%;margin:0px;padding:0px;display:inline-block;}

     #dashboard .coinWrapper {float:left;display:inline;height:180px;text-align:center;margin:10px;}
     #dashboard .coinWrapper img {height:120px;}

    #dashboard .summary_table_area { display:inline-block;width:100%;position:relative;}
    #dashboard .display_table {
        /*width: 80%;*/
        display: inline-block;
        height: auto;
        position: relative;
        /* align-items: stretch; */
        flex: auto;
       /* min-width: 200px;*/
        min-height: 200px;
        /*margin-right: 20px;*/
        margin-bottom:10px;
    }

    #dashboard .coinTableRow {float:left;margin:1%;min-height:140px;
    /*color:white;*/
    }

    #dashboard {
        overflow: unset!important;
        background-color: white;
        min-height: 100vh;
        }
   
    #dashboard h4 {    margin: 0px;
                        padding: 10px;
                        font-size: 1.5rem;
                        }

    #dashboard h5 {    margin: 0px;
                        padding: 5px;
                        font-size: 1.2rem;
                       }
    
    /*#dashboard .table_image {max-width:100px;}*/

    #dashboard .summary_table_a {padding:20px;}
    #dashboard .summary_table_b {padding:20px;}
    #dashboard .summary_table_c {padding:20px;}

    #dashboard .table3 {  
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        }

    /*#dashboard .t3_block {float:left;margin:10px;height:150px;}*/


    #dashboard .table2 {
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        width:100%;
        }

    /*#dashboard .t2_block {float:left;margin:10px;}*/

    
    #dashboard .table1 {
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        width:80%;
        }

    #dashboard .totalCoins {padding-top:20px;font-size:3rem;color:black;}
    #dashboard .missingCoins {padding-top:20px;font-size:3rem;color:black;}
    #dashboard .rareSummary  {padding-top:20px;font-size:3rem;color:black;}
    #dashboard .rareCoins  {padding-top:20px;font-size:3rem;color:black;}

    #dashboard .my_collection_summary {
          width: 85%;
          padding: 20px;
          margin: 20px;
          display: inline-block;
          min-width: 500px;
          left: 50%;
          transform: translateX(-50%);
          position: relative;
         /*background-color: #696969;*/
    }

    /*
    #dashboard .t2_block,  #dashboard .t3_block,  #dashboard .t4_block,  #dashboard .coinTableRow 
    {
        width: 17%;
    }
    */

    #dashboard .innerHeader  {
        background-color: #fff;
        padding: 10px;
        padding-top: 15px;
        min-height: 200px;
        color:black;
        font-size:1.5rem;
        }

    #dashboard .innerHeader  img {margin-right:20px;}

    #dashboard .rareSummary {background-color:#373347;color:white;}

    #dashboard .coinTableRow.denom_slider {
        width: 80%;
        left: 10%;
        }

    #dashboard .denom_slider .sliderWrapper
        {
            position: relative;
            /* top: 19%; */
            display: inline-block;
            width: 75%;
            margin-top: 2%;
        }
    
    #dashboard .denom_slider .sliderImg {
        display: inline-block;
        float: left;
        width:25%;
    }

    #dashboard .coinTableRow.denom_slider img {
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        max-width:99%!important;
        display:inline-block;
    }

    #dashboard .coinTableRow.denom_slider .sliderOuter {
        width: 75%;
        height: 10px;
        float: left;
        position: relative;
        left: 1%;
        top: 10%;
        background-color: #aaaaaa;
        border-radius: 45px;
        overflow:hidden;
    }

    #dashboard .coinTableRow.denom_slider .sliderInner { 
        background-color: #444444;
        float: left;
        margin: 0px;
        padding: 0px;
        position: relative;
        height: 100%;
    }

    #dashboard .denom_slider .sliderfront{
        display: inline-block;
        /* float: left; */
        width: 50%;
        position: relative;
        left: 1%;
    }

    #dashboard .denom_slider .sliderback{
        display: inline-block;
        /* float: right; */
        width: 25%;
        text-align: right;
    }

/*
    #dashboard .coinTableRow {
        float:left;
        margin:10px;
        min-height:140px;
        color:white;}
*/

     /*----------------------------------------------*/

     /*.t2_block,.t3_block,.t4_block {color:white;}*/

     .t2_block,.t3_block,.t4_block,.coinTableRow {
            display:inline-block;
            position:relative;
            width:20%;
            min-height:165px;
            vertical-align: baseline;
        }

    #nbcc .coinWrapper {float:left;display:inline;height:180px;text-align:center;margin:10px;}
    #nbcc .coinWrapper img {height:120px;}
    #nbcc .newUser {padding-left:20px;}

    
    #nbcc .nation_collection_summary {
          width: 85%;
          padding: 20px;
          margin: 20px;
          display: inline-block;
          min-width: 500px;
          left: 50%;
          transform: translateX(-50%);
          position: relative;
         /*background-color: #696969;*/
    }
    
    #nbcc .innerHeader  img {margin-right:20px;}
    
    #nbcc .innerHeader  {
        background-color: #fff;
        padding: 10px;
        padding-top: 15px;
        min-height: 200px;
        color:black;
        font-size:1.5rem;
        }

    #nbcc .innerHeader  img {margin-right:20px;}

    #nbcc .rareSummary {background-color:#373347;color:white;}


    #nbcc .newUser .sign_in_button {width:unset;}
    #nbcc .newUser .register_button {width:unset;}

    #nbcc .summary_table_area { display:inline-block;width:100%;position:relative;}
    #nbcc .display_table {
        /*width: 80%;*/
        display: inline-block;
        height: auto;
        position: relative;
        /* align-items: stretch; */
        flex: auto;
       /* min-width: 200px;*/
        min-height: 200px;
        /*margin-right: 20px;*/
        margin-bottom:10px;
    }

    #nbcc .summary_table_c  {width:80%;}
    #nbcc .summary_table_c .table1 {width:100%;}

    #nbcc .coinTableRow.denom_slider {
        width: 80%;
        left: 10%;
        }

    #nbcc .denom_slider .sliderWrapper
        {
            position: relative;
            /* top: 19%; */
            display: inline-block;
            width: 75%;
            margin-top: 2%;
        }
    
    #nbcc .denom_slider .sliderImg {
        display: inline-block;
        float: left;
        width:25%;
    }

    #nbcc .coinTableRow.denom_slider img {
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        max-width:99%!important;
        display:inline-block;
    }

    #nbcc .coinTableRow.denom_slider .sliderOuter {
        width: 75%;
        height: 10px;
        float: left;
        position: relative;
        left: 1%;
        top: 10%;
        background-color: #aaaaaa;
        border-radius: 45px;
        overflow:hidden;
    }

    #nbcc .coinTableRow.denom_slider .sliderInner { 
        background-color: #444444;
        float: left;
        margin: 0px;
        padding: 0px;
        position: relative;
        height: 100%;
    }

    #nbcc .denom_slider .sliderfront{
        display: inline-block;
        /* float: left; */
        width: 50%;
        position: relative;
        left: 1%;
    }

    #nbcc .denom_slider .sliderback{
        display: inline-block;
        /* float: right; */
        width: 25%;
        text-align: right;
    }

  /*
    #nbcc .coinTableRow {
        float:left;
        margin:10px;
        min-height:140px;
        color:white;}
    */

    #nbcc {
        overflow: unset!important;
        background-color: white;
        min-height: 100vh;
        }
   
    #nbcc h4 {    margin: 0px;
                        padding: 10px;
                        font-size: 1.5rem;
                        }

    #nbcc h5 {    margin: 0px;
                        padding: 5px;
                        font-size: 1.2rem;
                       }
    
    /*#nbcc .table_image {max-width:100px;}*/

    #nbcc .summary_table_a {padding:20px;}
    #nbcc .summary_table_b {padding:20px;}
    #nbcc .summary_table_c {padding:20px;}
    #nbcc .summary_table_d {padding:20px;}

    #nbcc .table3 {  
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        width:100%;
        }

    /*#nbcc .t3_block {float:left;margin:10px;height:150px;}*/


    #nbcc .table2 {
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        width:100%
        }

    /*.t2_block {float:left;margin:10px;}*/

    #nbcc .table4 {
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        width:100%;
        }

    /*.t4_block {float:left;margin:10px;}*/
    
   
    #nbcc .table1 {
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        }

    #nbcc .totalCoins {padding-top:20px;color:black;font-size:3rem;}
    #nbcc .missingCoins {padding-top:20px;color:black;font-size:3rem;}
    #nbcc .rareSummary  {padding-top:20px;color:black;font-size:3rem;}
    #nbcc .rareCoinsValue  {padding-top:20px;color:black;font-size:3rem;}
    /*
    #nbcc .my_collection_summary {
          width: 50%;
          padding: 20px;
          margin: 20px;
          display: inline-block;
          min-width: 500px;
          left: 50%;
          transform: translateX(-50%);
          position: relative;
          background-color: #696969;
    }*/

      /*----------------------------------------------*/

     #myTabContent .nav-tabs .nav-link.active {
        background-color: #211c35!important;
        border:none;
        color:#373347;
    }


    #myTab {    
        visibility: hidden;
        background-color: #F5F1EB;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        border:none!important;
        color:#A9A7B1;
    }

    #myTab .nav-item .nav-link {background-color:#E1DED9;  color:#A9A7B1;border:none;}
    #myTab .nav-item .nav-link :hover {background-color:#707070;}
    #myTab .nav-item .nav-link.active {background-color:#F5F1EB;  color:#373347;border:none;font-weight:300;}

    #myTabContent .tab-pane {    
        overflow: auto;
        width: 100%;
        margin: 0px;
        padding: 0px;
        background-color:#f4f1eb;
        }


    .nav-tabs>li.active {
        display: inline-flex;
        margin-right: 0;
        border:none;
        height:41px;
        background-color:#F5F1EB;
        color:#373347;
    }
    
    /*.nav-tabs{ border-bottom: 2px solid#211c35;}*/
    
    .nav-tabs>li.active a {
        color: #ee2737;
        pointer-events: none;
        border-bottom:none;
    }
    
    .nav-tabs>li a:hover {border:none; color:yellow;font-weight:300!important;}
    .nav-tabs>li.active a:focus {border:none;}
    .admin_wrapper .nav-tabs .nav-link.active, .admin_wrapper .nav-tabs .nav-link:hover {font-weight:300;}

    /*----------------------------------------------*/
     
     .outterWrapper {
         margin:0px;
         padding:0px;
       min-height:600px
     }
     
     /*----------------------------------------------*/
 
     .logging {
         font-weight: 900;
         font-family: 'brandon-grotesque';
         width:100%;
         text-align:center;
         }
     
     .blueBar {    
         background-color: #211c35;
         color: white;
         position: relative;
         left: 0px;
         bottom: 0pc;
         padding: 7px;
         }
     .nextStageButton {display:none;}
     .thumbNail_visible {background-repeat:no-repeat;background-position:center;}
     /*----------------------------------------------*/
 
     .formModal .section-head span {max-width:fit-content;}
 
     .formModal .spinner-button {
             position: absolute;
             width: 20%;
             left: 40%;
             top: 40%;
             z-index: 100;
             opacity: 1;
             border: 1px solid white;
         }
     
     .formModal .spinner-border {margin-right:10px;width: 2rem!important;height: 2rem!important;}
     
     /* MODAL */
             
         
     .mod-modal-dialog{
                 max-width: 900px!important;
                 min-width: 500px;
                 width: 90%;
             }
                     
     .modal-content{
                 border: none;
                 border-radius: 0px;
                 background-color:white!important;
                 background:white!important;
             }
     
     .modalThumbnail{
                 background-color:    #fff;
                 display:             flex;
                 flex:                1 1 100%;
                 height:              100%;
                 overflow:            hidden;
                 padding:             0;
                 position:            relative;
             }
     
     button.close{
                 border-radius: 50%;
                 background: #fff;
                 display: flex;
                 height: 30px;
                 width:30px;
                 align-content: center;
                 justify-content: center;
             }
             
     .modalThumbnail img {
                 filter:              grayscale(100%) contrast(1) blur(1);
                 flex:                1 0 100%;
                 height:              100%;
                 max-width:           100%;
                 mix-blend-mode:      multiply;
                 object-fit:          cover;
                 opacity:             1;
                 position:            relative;
                 width:               100%;
             }	
     
     
     /*----------------------------------------------*/
     
     .yourCollection{
        /*border:1px solid gold;*/
        display:none;
        width:80%;
        padding:30px;
     }
     
     /*----------------------------------------------*/
     .dotWrapper {
         display:none;
         width:100%;
     }
 
     .coin_selector_dot {
         margin: 0 .3125rem;
         list-style: none;
         background: #696969;
         border: .0625rem solid #696969;
         border-radius: 50%;
         height: .9375rem;
         width: .9375rem;
         display:inline-block;
     }
 
     .coin_selector_dot.dot_active {
         margin: 0 .3125rem;
         list-style: none;
         background: #000;
         border: .0625rem solid #696969;
         border-radius: 50%;
         height: .9375rem;
         width: .9375rem;
         display:inline-block;
     }
     /*----------------------------------------------*/
 
     .coin_title {
         margin-top: 20px;
         margin-bottom: 20px;}
     
     .coin_button.coin_add{
         cursor:pointer;
         color:white;
         background-color:#726d7f;    
         border-radius: 50%;
         margin-left: auto;
         margin-right: auto;
         font-size: 2rem;
         display: inline-block;
         line-height: 1;
         width: 40px;
         height: 40px;
         /*padding-top:4px;*/
         }

     
     .coin_button.coin_tick{
         color:white;
         background-color:#211c35;    
         border-radius: 50%;
         margin-left: auto;
         margin-right: auto;
         font-size: 2rem;
         display: inline-block;
         line-height: 1;
         width: 40px;
         height: 40px;
         padding-top: 4px;
     }
     .coin_button.coin_tick span:after {content:'✓';font-size: 0.7em;
     position: relative;
     top: -4px;
     }
 
     /*
     .coin_button.coin_tick:hover{background-color:red;}
     .coin_button.coin_tick:hover span:after{content:"✕";font-size: 0.7em;
     position: relative;
     top: -4px;}
     */
 
 
     .coin_button {margin-bottom: 15px;}
     
     .buildPage p.coin_name {margin: 0 0 0.5rem;}
     
     .buildPage .coin_element {
         width:20%; 
         display:inline-block;
         position:relative;
         margin-bottom:20px;
         min-height:165px;
     }
     
     .buildPage {
         display:none;
         /*border: 1px solid gold;*/
         position: relative;
         /*left: 50%;
         transform: translateX(-50%);*/
         padding: 30px;
         text-align: center;
         /*width: 100%;*/
         margin-bottom:40px;
         top:0px
     }
     
     .buildPage .section-head span:after {border-bottom: .0625rem solid #211c35;}
     .buildPage .section-head {margin:0px; padding-top:0px;color:#211c35;}
     .buildPage .section-head span {max-width: fit-content;}
     /*
     .buildPage h1 {color:white;}
     .buildPage p {color:white;}
     .buildPage h2 {color:white;}
     .buildPage h4 {color:white;}
     */

     /*----------------------------------------------*/
     
     /*
     .nbcc  h2 {color:white!important;}
     .dashboard h2 {color:white!important;}
      */

      .nbcc .section-head span:after {border-bottom :0.0625rem solid #211c35;}
      .dashboard .section-head span:after {border-bottom :0.0625rem solid #211c35;}

      /*
      .nbcc  a{color:white!important;}
     .dashboard a{color:white!important;}
      
     .buildPage h2 {color:white;}
     .buildPage h2 {color:white;}
      */

     .introModalFromLeft {
         width:30%;
         height:100%;
         background-color:white;
         left:0px;
         transition: 2s;
         
         margin:0px;
         position:absolute;
         top:0px;
         z-index:100;
     }
 
     .introModalFromLeft .intro_content {padding:40px;}
 
     .introModalFromLeft p {color:black;}
     .introModalFromLeft h2 {color:black;}
     .introModalFromLeft a {color:black;}
 
     .sideModalInvisible {left:-35%;}
     .launchPageLogo {max-width:75%;}
     /*----------------------------------------------*/
 
     .launchPage
     {
         position: relative;
         top: 10%;
         left: 50%;
         transform: translateX(-50%);
         padding: 30px;
         text-align: center;
         display: inline-block;
         width: 80%;
         display:none;
     }
     
     /*
     .launchPage h1 {color:white;}
     .launchPage h2 {color:white;}
     .launchPage p {color:white;}
     */

     /*----------------------------------------------*/
     img.darken {
         /*filter: brightness(0.2);*/
         opacity:0.4;
         }
     
      .coinModal.rare_content{display:none;}

     .coinModal{
         /*border:1px solid gold;*/
         background-color:white;
         display:none;
         position: fixed;
         top: 5%;
         left: 50%;
         transform: translateX(-50%);
         padding: 30px;
         text-align: center;
         width: 80%;
         max-width:600px;
         z-index:12;
         max-height: 90vh;
         overflow-y: auto;
     }
     
     .coinModal .close_btn { 
         color: black;
         border-radius: 50%;
         font-size: 2rem;
         display: inline-block;
         line-height: 1;
         width: 50px;
         height: 50px;
         position: absolute;
         top: 10px;
         right: 10px;
         cursor: pointer;
         }
     
     .coinModal .trash_coin {
         color: black;
         border-radius: 50%;
         font-size: 2rem;
         display: inline-block;
         line-height: 1;
         width: 50px;
         height: 50px;
         position: absolute;
         top: 10px;
         left: 10px;
        font-weight:900;
     }
 
     .coin_fact {
         position: absolute;
         top: 20px;
         left: 0px;
         background-color: rgba(0,0,0,0.7);
         color: white;
         margin: 20px;
         display:none;
         }
 
         /*=============================*/
     
     .messageModal{
         /*border:1px solid gold;*/
         background-color:white;
         display:none;
         position: fixed;
         top: 20%;
         left: 50%;
         transform: translateX(-50%);
         padding: 30px;
         text-align: center;
         width: 80%;
         max-width:600px;
         z-index:12;
     }
     
     .messageModal .close_btn { 
         color: black;
         border-radius: 50%;
         font-size: 2rem;
         display: inline-block;
         line-height: 1;
         width: 50px;
         height: 50px;
         position: absolute;
         top: 10px;
         right: 10px;
         cursor: pointer;
         }
 
     .messageModal .coin_image {width:80%;max-width:200px;}
     .coinModal .coin_image {width:80%;max-width:200px;}
     .star {
         position: relative;
         display: inline-block;
         width: 0;
         height: 0;
         margin-left: 1.2em;
         margin-right: 1.2em;
         margin-bottom: 1.2em;
         border-right: .3em solid transparent;
         border-bottom: .7em solid #FC0;
         border-left: .3em solid transparent;
         font-size: 15px;
         top: 6px;
         }
         
     .star:before, .star:after {
         content: '';
         display: block;
         width: 0;
         height: 0;
         position: absolute;
         top: .6em;
         left: -1em;
         border-right: 1em solid transparent;
         border-bottom: .7em  solid #FC0;
         border-left: 1em solid transparent;
         -webkit-transform: rotate(-35deg);
                 transform: rotate(-35deg);
         }
 
     .star:after {
         -webkit-transform: rotate(35deg);
                 transform: rotate(35deg);
         }
 
     .starHolder {
         top: 0px;
         text-align: center;
         display: inline-block;
         width: 100%;
         position: relative;
     }
 
     .new_image_button {
         position: relative;
         left: 50%;
         transform: translateX(-50%);
         display:block;
      }
 
      .mobileDisplayArea { 
            display:inline-block; 
            background-color:#aaaaaa;
            width:100%;
            margin-top:10px;
            max-height:0px;
            opacity:0;
            transition: opacity 1s;
            }

      .mobileDisplayArea.active {display:inline-block; max-height:unset;opacity:1;}

     /*=============================*/
     /*=============================*/
     /*=============================*/
     
     @media screen and (max-width:600px)
     {

         .admin_wrapper .nav-tabs>li {padding-left:0px!important;}

        .cl_tile {width:250px;}
        .collection_area_wrapper {width:100%;}
        .coll_carousel {
                width: 70%;
                overflow: hidden;
                position: relative;
                left: 15%;
            }

        .sliderfront {font-size:1rem;}

        #myTab .nav-item .nav-link{
            font-size: 1rem;
            padding: 0.7rem;
        }

        .mobileDisplayArea.active {display:inline-block; max-height:unset;opacity:1;}

        .mobileDisplayArea {
            display:inline-block; 
            background-color:#4E4974;
            width:100%;
            max-height:0px;
            transition: opacity 1s;
            margin-top:10px;
            opacity:0;
        }

        .utilities {display:none!important;}

        #dashboard .my_collection_summary {min-width:unset;}
        #dashboard .rareCoinsValue {font-size:2.1rem;}

        #dashboard .coinWrapper {
            float: left;
            display: inline;
            height: 180px;
            text-align: center;
            margin: 1%;
            width:30%;
            /* width: 28%; */
            /* float: left; */
        }
        #dashboard .coinWrapper img {height:unset;}

        #dashboard .table1 .coinTableRow {width:100%;padding:5px;max-width:unset!important;text-align:center;border-bottom:1px solid gray;margin:0px;}
        /*#dashboard .table1 .coinTableRow .table_image {width:60%;position:relative;max-width:unset!important;}*/

        #dashboard .denom_slider .sliderImg {
            display: inline-block;
            float: left;
            width: 25%;
        }
        #dashboard .table1 {width:100%!important;}
        #dashboard .coinTableRow.denom_slider {min-height:100px;}
        #dashboard .coinTableRow.denom_slider {
                width: 100%;
                left: 0px;
                min-height: 99px;
            }

        .my_collection_summary {
            padding: 10px!important;
            margin: 0px!important;
            display: inline-block;
            width:100%!important;
            position: relative;
        }


        .table1 {width:100%;margin-top:20px; display: inline-block;left:0px;transform:none;}
        .table2 {width:100%;margin-top:20px; display: inline-block;left:0px;transform:none;}
        .table3 {width:100%;margin-top:20px; display: inline-block;left:0px;transform:none;}
        .table4 {width:100%;margin-top:20px; display: inline-block;left:0px;transform:none;}

        .t2_block,.t3_block,.t4_block,.coinTableRow {display:inline-block;}

        .table3 thead th:nth-child(2) {width:50%;}
        .summary_table {    
            padding: 0px;
            margin: 0px!important;
            /* float: left; */
            margin-left: 5px!important;
            padding-top:40px;
            }

        .launchPage {
             position: relative;
             top: 10%;
             left: 0px;
             transform: none;
             padding: 10px;
             text-align: center;
             display: inline-block;
             width: 100%;
             display: none;
         }
 
         .desktopOnly {display:none;}
         .section-head { padding-top: 0px; } 
 
         #share_url {width:90%;}
         .toolbar-container {display:none!important;}
    
        .outterWrapper {
         width:100%;
         margin: 0px;
         padding: 0px;
         display: inline-block;
         }
     
         .introModalFromLeft {
             width: 100vw;
             height: 100%;
             background-color: white;
             left: 0px;
             transition: 2s;
             margin: 0px;
             position: absolute;
             top: 0px;
             overflow-y: auto;
         }
 
         .introModalFromLeft img {width:100%;}
 
         .sideModalInvisible {left:-100vw;}
 
         .buildPage {
             display: none;
             /*border: 1px solid gold;*/
             position: relative;
             top: 0px;
             /*left: 50%;
             transform: translateX(-50%);*/
             padding: 30px;
             text-align: center;
             width: 95%;
             /* overflow-y: visible; */
             /* height: 100%; */
             margin: 0px;
             border:none;
         }
         
         .buildPage .coin_element {
             width: 50%;
             display: inline-block;
             min-height:unset;
         }
     
         .launchPage {top:5%;}
     
         .coinModal {
              /* border: 1px solid gold; */
             background-color: white;
             display: none;
             position: fixed;
             top: 0px;
             left:0px;
             transform:none;
             padding: 30px;
             text-align: center;
             width: 100vw;
             max-width: unset;
             z-index: 12;
             max-height: 100vh;
             overflow-y: auto;
             height: 100vh;
             max-height: unset;
         }
 
         .coinModal .close_btn {
                 color: black;
                 border-radius: 50%;
                 font-size: 2rem;
                 display: inline-block;
                 line-height: 1;
                 width: 50px;
                 height: 50px;
                 position: absolute;
                 top: 10px;
                 right: 10px;
                 cursor: pointer;
                 background-color: rgba(255,255,255,0.6);
                 /* border: 1px solid black; */
                 padding: 0px;
                 padding-top: 6px;
             }
 
         .coinModal .coin_image {max-width:100%;width:100%}
         #coin_date {width:80%;}
 
         .messageModal {
             /*border: 1px solid gold;*/
             background-color: white;
             display: none;
             position: fixed;
             top: 13px;
             left: 50%;
             transform: translateX(-50%);
             padding: 30px;
             text-align: center;
             width: 90%;
             max-width: 600px;
             z-index: 12;
         }
     
         .messageModal .coin_image {max-width:85%;}
     
         .col-xs-12 {padding-left:0px;padding-right:0px;}
         .row{margin-right:0px;margin-left:0px;}
         .container, .container-fluid, .container-xl {padding-left:0px;padding-right:0px;}
     
         .outterWrapper  {padding-left:0px;padding-right:0px;}
         .live-prices-bar {display:none!important;}
         .trust-bar {display:none!important;}
         .footer {display:none!important;}
     
         .mod-modal-dialog {min-width:unset;
                             left:2.5%;}
     
         #submissionModal {  width: 80%;
                             left: 10%;
                             top: 10%;
                             height: fit-content;
                             }
     
         .modalThumbnail {    
             margin-left: 10px;
             margin-right: 10px;
             min-height: 50vh;
         }
     
         .formModal .spinner-button {
         position: fixed;
         width: 50%;
         left: 25%;
         top: 40%;
         z-index: 100;
         opacity: 1;
         border: 1px solid white; }
     
      .confirmModal {overflow-y:auto;}
     
     .coin_title {
         margin-top: 10px;
         margin-bottom: 10px;}
 
     .alertModal .close{
         border-radius: 50%;
         background: #fff;
         display: flex;
         height: 30px;
         width: 30px;
         align-content: center;
         justify-content: center;
         position: absolute;
         top: 20px;
         right: 10px;
         }
     .alertModal .close span {color:black;}
 
     .admin_wrapper .nav-tabs .nav-item {max-width:unset;min-width:unset;}
     .admin_wrapper .nav-tabs .nav-link.active {display:inline-block!important;}

     #nbcc .coinTableRow.denom_slider {min-height:100px;}
     #nbcc .coinTableRow.denom_slider {
            width: 100%;
            left: 0px;
            min-height: 99px;
        }

     #nbcc .summary_table_c {
            width: 90%;
        }
    
     #nbcc .my_collection_summary {
         min-width: unset!important;
         max-width: 90%;
        margin-top: 10px!important;
        }

     .t2_block, .t3_block, .t4_block, .coinTableRow {
            display: inline-block;
            position: relative;
            width: 30%;
            min-height: 99px;
            margin: 1%;
            font-size:1rem;
        }
    
      .buildPage p.coin_name {font-size:1rem;}
      
      #nbcc .summary_table_d {padding:0px;}
      #nbcc .summary_table_b {padding:0px;}
      #nbcc .summary_table_a {padding:0px;}

     } /* end of mobile css */
     /*------------------------------------------------------------------*/


     .icon-twitter.black {background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2026%2021%22%3E%3Cpath%20d%3D%22M25.836%202.946c-.678%201.003-1.559%201.899-2.549%202.617v.651c0%201.003-.108%202.021-.339%203.051-1.288%205.763-6.237%2011.309-14.25%2011.309-2.888%200-5.587-.841-7.864-2.264.42.04.813.068%201.234.068%202.4%200%204.597-.8%206.36-2.156-2.238-.054-4.122-1.519-4.787-3.526.312.068.638.108.963.108.474%200%20.908-.067%201.356-.189-1.722-.339-3.146-1.532-3.77-3.119-.23-.57-.352-1.166-.352-1.817v-.068c.691.38%201.478.61%202.318.624-1.356-.895-2.278-2.441-2.278-4.204%200-.922.271-1.776.705-2.536%202.523%203.064%206.306%205.071%2010.577%205.275-.081-.366-.15-.746-.15-1.153%200-2.779%202.305-5.044%205.126-5.044%201.492%200%202.833.61%203.756%201.599%201.166-.23%202.278-.651%203.268-1.234-.381%201.193-1.194%202.17-2.265%202.807%201.044-.135%202.033-.406%202.942-.8%22%20%2F%3E%3C%2Fsvg%3E);
     background-repeat:no-repeat;
     background-size: contain;
     padding: 4px;
     margin: 5px;}
 
     .icon-facebook.black {
     background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2010%2021%22%3E%3Cpath%20d%3D%22M9.671%206.45l-.238%202.431-.131%201.574h-2.962v10.005h-4.005v-10.005h-2.018v-4.004h1.997v-1.801c0-1.649.77-4.189%204.21-4.189h3.093v3.429h-2.246c-.369%200-.879.185-.879.955v1.606h3.179z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
     background-repeat:no-repeat;
     background-size: contain;
     padding: 4px;
     margin: 5px;
     }
 
     .icon-pintrest.black {
     background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2017%2021%22%3E%3Cpath%20d%3D%22M8.786.487c4.545%200%207.528%203.159%207.528%206.579%200%20.825-.087%201.628-.26%202.367-.749%203.268-3.049%205.515-6.14%205.515-1.29%200-2.494-.673-2.896-1.444%200%200-.705%202.649-.835%203.17-.521%201.813-2.028%203.604-2.148%203.756-.087.098-.271.065-.282-.065-.033-.228-.423-2.497.032-4.364.217-.934%201.519-6.264%201.519-6.264s-.185-.369-.304-.977c-.044-.228-.076-.532-.076-.847%200-1.693%201.019-2.974%202.289-2.974%201.095%200%201.616.771%201.616%201.726%200%20.543-.195%201.248-.423%201.976-.217.695-.466%201.412-.64%202.095-.304%201.227.64%202.215%201.876%202.215%201.747%200%203.049-1.672%203.547-3.984.141-.673.217-1.379.217-2.128%200-2.519-1.757-4.397-4.935-4.397-3.602%200-5.847%202.606-5.847%205.504%200%20.402.054.749.141%201.064.13.478.369.858.651%201.194.217.25.25.347.163.64l-.25.923c-.065.282-.315.402-.586.282-1.15-.456-1.877-1.444-2.213-2.671-.152-.532-.217-1.118-.217-1.726%200-3.268%202.853-7.165%208.472-7.165%22%20%2F%3E%3C%2Fsvg%3E);
     background-repeat:no-repeat;
     background-size: contain;
     padding: 4px;
     margin: 5px;
     }
 
     .icon-instagram.black {
     background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20d%3D%22M16.97%2010.442c0-3.556-2.882-6.449-6.45-6.449-3.556%200-6.449%202.893-6.449%206.449%200%203.568%202.893%206.45%206.449%206.45%203.568%200%206.45-2.882%206.45-6.45m-.121-7.322c-.574%200-1.038.464-1.038%201.038%200%20.575.464%201.038%201.038%201.038.574%200%201.038-.464%201.038-1.038%200-.574-.464-1.038-1.038-1.038m-11.596-1.491h10.547c1.955%200%203.545%201.59%203.545%203.545v10.547c0%201.954-1.59%203.545-3.545%203.545h-10.547c-1.955%200-3.545-1.59-3.545-3.545v-10.547c0-1.955%201.59-3.545%203.545-3.545m10.547-1.182h-10.547c-2.595%200-4.727%202.12-4.727%204.727v10.547c0%202.595%202.131%204.726%204.727%204.726h10.547c2.606%200%204.726-2.131%204.726-4.726v-10.547c0-2.607-2.12-4.727-4.726-4.727m-10.382%209.994c0-2.816%202.286-5.113%205.102-5.113%202.828%200%205.113%202.297%205.113%205.113%200%202.827-2.286%205.113-5.113%205.113-2.816%200-5.102-2.286-5.102-5.113%22%20%2F%3E%3C%2Fsvg%3E);
     background-repeat:no-repeat;
     background-size: contain;
     padding: 4px;
     margin: 5px;
     }
 
     .icon-youtube.black {
     background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2028%2021%22%3E%3Cpath%20d%3D%22M18.981%2010.189l-7.303%203.975v-7.981999999999999l3.308%201.818%203.995%202.188zm8.722-5.381s-.277-1.966-1.083-2.823c-1.024-1.123-2.18-1.138-2.692-1.212-3.776-.281-9.439-.281-9.439-.281h-.03s-5.648%200-9.425.281c-.54.074-1.682.089-2.706%201.212-.805.858-1.082%202.823-1.082%202.823s-.279%202.306-.279%204.582v2.173c0%202.306.279%204.582.279%204.582s.277%201.966%201.082%202.838c1.024%201.138%202.371%201.094%202.986%201.212%202.151.222%209.175.296%209.175.296s5.663-.03%209.439-.296c.512-.074%201.668-.074%202.692-1.212.806-.872%201.083-2.838%201.083-2.838s.263-2.277.263-4.582v-2.173c0-2.276-.263-4.582-.263-4.582z%22%20%2F%3E%3C%2Fsvg%3E);
     background-repeat:no-repeat;
     background-size: contain;
     padding: 4px;
     margin: 5px;
     }
 
     /* file upload */
 
     #drop_file_zone {
         background-color: #EEE;
         border: #999 5px dashed;
         width: 80%;
         height: 300px;
         padding: 8px;
         font-size: 18px;
     }
     #drag_upload_file {
     width:50%;
     margin:0 auto;
     }
     #drag_upload_file p {
     text-align: center;
     }
     #drag_upload_file #image_link {
     display: none;
     }