* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}   
        canvas {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }
		.mc_progress_chart{
	background-color: #202b33;
	padding: 24px;
	border-radius: 6px;
	border: solid #252525 1px;
	width: 100%;
	min-height: 326px;
	}
.am_m_comments .resp-tabs-container{background-color:#fafafa}
.mc_my_progress {border: solid #fdfdfd 2px;background-color: #ffffff;}

.mc_my_chart {width: 100%;border: solid #12181d 1px;padding: 12px;background-color: #202b33;border-radius: 6px;position: relative;float: left;}

.mc_my_ch_title {text-transform: uppercase;font-weight: 800;font-size: 16pt;margin-bottom: 12px;color: white;}
.mc_flex_two{/* display:flex; */width: 100%;}
.chart1{
    /* margin-right: 12px; */
    /* float: left; */
    /* flex: 1; */
    margin-right: 6px;
}
.chart2{
    /* margin-left: 12px; */
    /* float: right; */
    /* flex: 1; */
    margin-left: 6px;
}
.mc_my_ch_likes {margin-bottom: 12px;border-bottom: solid #416f90 1px;border-top: solid #416f90 1px;padding-bottom: 0px;display: inline-block;width: 100%;padding-top: 6px;height: 43px;}
.ProgressChart .LikeCounterPosted{
    font-size: 11pt;
    font-weight: 700;
    color: black;
    padding-left: 6px;
    padding-right: 6px;
    transition: ease-in-out .2s;
    border-radius: 6px;
    line-height: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
}.ProgressChart .LikeContainer{
    display: inline-block;
}
.ProgressChart .LikeCounterPosted:hover{background-color: #000000;}

.ProgressChart .LikeContainer{
    margin-right: 4px;
}
.ProgressChart .LikeContainer a, .ProgressChart .LikeImageCounter a{color: #0094ff;text-decoration: none;display: inline-block;}
.ProgressChart .LikeImageCounter{
    display: flex;
    align-items: center;
}.ProgressChart .LikeImageCounter img{
    /* float: none; */
    /* display: inline-block; */
    margin-right: 4px;
    /* margin-top: 6px; */
}.ProgressChart .postlikesnumber{
    /* float: right; */
    /* background-color: palevioletred; */
    /* line-height: inherit!Important; */
    margin: 0;
}.ProgressChart .LikeImageCounter a{
}
.mc_progress_chart {

}

 .mc_p_c_f .mc_progress_chart {
min-height:400px;
}

.mc_p_c_h {margin-bottom: 12px;/* flex: 1; */}
.amp_smbtn{
    position: absolute;
    right: 12px;
    top: 12px;
    height: 32px;
    width: 32px;
    text-align: center;
    border: solid #0d1419 1px;
    line-height: 32px;
    background-color: #0d1419;
    border-radius: 6px;
    transition: ease-in-out .2s;
}
.mc_share_cont{
    background-color: #202b33;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 12px;
    text-align: right;
    float: left;
    width: 100%;
    padding-top: 12px;
    padding: 12px;
    border-radius: 6px;
}
.mc_share_title{
    line-height: 32px;
    display: inline-block;
    color: #8c8c8c;
    font-weight: 500;
    margin-right: 12px;
}.mc_share_right{float:right;display: flex;}

.mc_share_cont .at-share-tbx-element .at-share-btn:last-child{margin-right:0px}
.mc_share_cont .at-share-tbx-element .at-share-btn{margin-bottom:0px;background-color: #003052!important;border: solid #00538e 1px;}
.mc_share_cont .at-share-tbx-element .at-share-btn .at-icon{
    fill: #005d9c;
}
.mc_share_cont .at_flat_counter{
    background-color: #000000!important;
    color: white;
}

.mc_share_cont .at_flat_counter:after{
    border-color: transparent #000000 transparent transparent!important;
}
.mc_share_cont  .at-style-responsive .at-share-btn{
    padding: 0px;
    background-color: black!Important;
}

.mc_share_cont .at-icon{
    fill: #8c8c8c!important;
}

.mc_my_chart:hover .amp_smbtn{background-color: #36a2eb;border: solid #125c8e 1px;}
.amp_smbtn a{
    color: white;
    display: block;
}.amp_smbtn i{
    line-height: 32px;
}
.mc_p_c_f {width: 100%;}

@media only screen and (max-width: 950px) {

.mc_flex_two{
    display: block;
}
.mc_my_chart{width:100%;margin-right: 0px;margin-left: 0px;}
	
}


@media only screen and (max-width: 766px) {

.mc_flex_two{}

	}


@media only screen and (max-width: 639px) {

.mc_flex_two{}

	}


@media only screen and (max-width: 599px) {

.mc_flex_two{}

	}


@media only screen and (max-width: 479px) {

.mc_flex_two{}

	}