a.morelink {

	color: #00b5f2

}

a.morelink:visited {

	color: #00b5f2

}

.morelink:hover {

    color: #1f3f88 !important;

}

a.morelink {

	text-decoration:none;

	outline: none;

}

.morecontent span {

	display: none;

}

.comment {

	width: 400px;

	/* background-color: #f0f0f0; */

	margin: 10px;

}

.more {

    text-align: left !important;

    margin: 0 !important;

    float: left !important;

    width: 100%;

}

.mutual-header {

    font-size: 12px;

    color: #000;

    padding-top: 10px;
	
	padding-bottom: 10px;

}



[type="radio"]:checked,

[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

[type="radio"]:checked + label,

[type="radio"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #000;

    font-weight: normal;

}

[type="radio"]:checked + label:before,

[type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 2px;

    width: 15px;

    height: 15px;

    border: 1px solid #00b5f2;

    border-radius: 100%;

    background: #fff;

}

[type="radio"]:checked + label:after,

[type="radio"]:not(:checked) + label:after {

    content: '';

    width: 7px;

    height: 7px;

    background: #00b5f2;

    position: absolute;

    top: 6px;

    left: 4px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.plan-panel {

    clear: both;

    padding-left: 0px;

    list-style: none;

    padding-top: 10px;

    border-top: 1px solid #b7b7b7;

}

.plan-panel li {

    float: left;

    width: 14%;

    font-size: 12px;

}

.mf-form {

    margin-bottom: 15px;

    margin-top: 15px;

    position: relative;

}

.mf-form label {

    font-size: 14px;

    font-weight: 500;

}

.company-name {

    font-weight: 600;

    font-size: 14px;    

}

.mf-form .form-control {

    display: inline-block;

    width: 75%;

    height: 34px;

    margin-left: 15px;

    border: 1px solid #00b5f2;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

}

.mf-form:after {

    content: '\f0d7';

    font-family: FontAwesome;

    position: absolute;

    right: 19px;

    top: 0px;

    pointer-events: none;

    font-size: 23px;

}

.custom-radio-two {

    clear: both;

    padding-left: 0px;

    list-style: none;

    padding-top: 10px;

}

.custom-radio-two li {

    float: left;

    width: 40%;

    font-size: 13px;

}

.mf-company-table {

    clear: both;

}

.mf-company-table tbody td span {

    float: none;

}

.mf-company-table tbody td {

    font-size: 13px;

}

.mf-company-table thead th {

   border-right: 1px solid #fff;

}

.mf-day-pnl.day-pnl li a, .mf-day-pnl.day-pnl li a:hover {

    padding: 3px 12px;

}

.mf-day-img,

.mf-day-img img {

    width: 100%;

}

.mf-day-pnl.day-pnl {

    margin: 15px 0;

}

.abt-mf-chart {

    padding: 6px 0;

    margin-bottom: 0;

}

.first-span {

    position: relative;

    font-size: 13px;

    margin-left: 25px;

}

.first-span:before {

    content: '';

    width: 13px;

    height: 13px;

    display: inline-block;

    background-color: #d2e473;

    border-radius: 50%;

    position: absolute;

    left: -20px;

    top: 3px;

}

.second-span {

    margin-left: 35px;

    position: relative;

}

.second-span:before {

    content: '';

    width: 13px;

    height: 13px;

    display: inline-block;

    background-color: #cfe7f1;

    border-radius: 50%;

    position: absolute;

    left: -20px;

    top: 3px;

}

.mf-tabs .nav-tabs.new-tab1 {

    width: 95%;

    margin: 0 auto;

    text-align: center;

    padding: 0 0 10px;

}

.rmv-active,

.rmv-active-2 {

    padding: 0px 0px;

}

.rmv-active a, .rmv-active a:focus, .rmv-active a:hover,

.rmv-active-2 a, .rmv-active-2 a:focus, .rmv-active-2 a:hover {

    color: #000;

    border: none;

    background-color: transparent;

    border-radius: 0;

    padding: 7px 12px;

    display: block;

    text-decoration: none;

}

.rmv-active a:hover,

.rmv-active-2 a:hover {

    color: #00b5f2;

}

.rmv-active.active a, .rmv-active.active a:focus, .rmv-active.active a:hover,

.rmv-active-2.active a, .rmv-active-2.active a:focus, .rmv-active-2.active a:hover  {

    color: #fff;

    border: none;

    background-color: #bed731;

    border-radius: 0;

    padding: 7px 12px;

    display: block;

    text-decoration: none;

    box-shadow: none;

    outline: none;

}

.margin-20 {

    margin-top: 20px;

}

.mf-tabs .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    color: #000;

}

.mf-tabs .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    color: #000;

}

.mf-tabs .slick-prev {

    left: -20px;

} 

.mf-tabs .slick-prev, .slick-next {

    top: 40% !important;

}

.mf-tabs .slick-next {

    right: -20px;

}

.more-new {

    text-align: right;

    float: right;

    margin-top: -20px;

    margin-bottom: 5px;

    color: #2db7e8;

}

.mf-tabs tbody tr td {

    font-size: 13px;

}

.ht-385 {

    min-height: 385px;

}

.table-responsive {

    border: none;

}

@media(min-width:992px) and (max-width:1199.90px) {

    .mf-form .form-control {width: 68%;}
    .mf-form1 .form-control {width: 68%;}

    .custom-radio-two li {width: 50%;}

    .mf-day-pnl.day-pnl {width: auto;}

    .second-span {margin-left: 25px; display: block;}

    .mf-tabs tbody tr td {white-space: nowrap;}

    .rmv-active a, .rmv-active a:focus, 

    .rmv-active a:hover, .rmv-active-2 a, 

    .rmv-active-2 a:focus, .rmv-active-2 a:hover,

    .rmv-active.active a, .rmv-active.active a:focus, 

    .rmv-active.active a:hover, .rmv-active-2.active a, 

    .rmv-active-2.active a:focus, .rmv-active-2.active a:hover {padding: 7px 5px;}

    .gainer-table tbody td {padding: 5px 12px !important;}

    .ht-385 {min-height: auto;}

}

@media(min-width:768px) and (max-width:991.90px) {

    .mf-company-table thead th, .mf-tabs tbody tr td {

        white-space: nowrap;

    }

    .mf-form .form-control {width: 62%; margin-left: 0;}
    .mf-form1 .form-control {width: 62%; margin-left: 0;}

    .mf-form:after {font-size: 15px; right: 23px; top: 7px;}
    .mf-form1:after {font-size: 15px; right: 23px; top: 7px;}

    .custom-radio-two li {width: 50%;}

    .second-span {margin-left: 25px; display: block; font-size: 12px;}

    .first-span {font-size: 12px;}

    .ht-385 {min-height: auto;}

    .rmv-active a, .rmv-active a:focus, 

    .rmv-active a:hover, .rmv-active-2 a, 

    .rmv-active-2 a:focus, .rmv-active-2 a:hover,

    .rmv-active.active a, .rmv-active.active a:focus, 

    .rmv-active.active a:hover, .rmv-active-2.active a, 

    .rmv-active-2.active a:focus, .rmv-active-2.active a:hover {padding: 5px 3px; font-size: 13px;}

    .gainer-table tbody td {padding: 5px 12px !important;}

    .mf-form .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px;font-size: 13px;}
     
    .mf-form1 .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px;font-size: 13px;}
    
    .plan-panel li {width: 16%;}

    .invst-pln {float: none !important; width: 20% !important;}

}

@media(min-width:576px) and (max-width:767.90px) {
    .mf-tabs .slick-prev {
        left: -5px;
        z-index: 2;
    }

    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {

        line-height: 16px;

    }

    .ht-385 {min-height: auto;}

    .gainer-table tbody td {padding: 5px 12px !important;}

    .mg-top {margin-top: 10px;}

    .more-new {margin-top: -10px;}

    .mf-form label {width: 47%;}
    .mf-form1 label {width: 47%;}

    .mf-form .form-control {width: 49%; padding-left: 0;}
    .mf-form1 .form-control {width: 49%; padding-left: 0;}

    .mf-form .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px;}
    .mf-form1 .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px;}
    

    .mf-form::after {font-size: 16px; top: 5px;right: 12px;}
    .mf-form1::after {font-size: 16px; top: 5px;right: 12px;}

    .plan-panel li {width: 25%;}
    .plan-panel li:first-child {width: 100% !important;}

    .invst-pln {float: none !important; width: 25% !important;}

}

@media(min-width:481px) and (max-width:575px) {
    .mf-tabs .slick-prev {
        left: -5px;
        z-index: 2;
    }

    .plan-panel li {font-size: 10px;width: 20%;}

    .mf-form .form-control {width: 58%;}
    .mf-form1 .form-control {width: 58%;}

    .custom-radio-two li {width: 50%;}

    .top-gainer-pnl h2 {margin-top: 14px;}

    .second-span {margin-left: 25px;}

    .ht-385 {min-height: auto;}

    .mg-top {margin-top: 10px;}

    .gainer-table tbody td {padding: 5px 12px !important;}

    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {line-height: 16px;}

    .mf-form .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px;font-size: 13px;}
    .mf-form1 .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px;font-size: 13px;}

    .mf-form label {font-size: 12px; width: 36%;}
    .mf-form1 label {font-size: 12px; width: 36%;}

    .mf-form:after {right: 16px; font-size: 16px; top: 6px;}
    .mf-form1:after {right: 16px; font-size: 16px; top: 6px;}

    .plan-panel li {width: 25%;}
    .plan-panel li:first-child {width: 100% !important;}

    .invst-pln {float: none !important; width: 25% !important;}

}

@media(min-width:320px) and (max-width:480px) {

    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {padding-left: 20px;}

    .plan-panel li {width: 33% !important; font-size: 11px;}

    .plan-panel li:first-child {width: 100% !important;}

    .mf-form .form-control {width: 56%; font-size: 12px;}
    .mf-form1 .form-control {width: 56%; font-size: 12px;}

    .company-name {font-size: 13px;}

    .custom-radio-two li {width: 48%; margin-right: 5px;}

    [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {

        top: 5px;

        width: 12px;

        height: 12px;

    }

    [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {

        top: 8px;

        left: 3px;

        width: 6px;

        height: 6px;

    }

    .rank-pnl {font-size: 13px;}

    .mg-top {margin-top: 10px;}

    .second-span {margin-left: 25px; display: block; font-size: 12px;}

    .first-span {display: block; font-size: 12px;}

    .first-span:before {left: -20px;}

    .top-gainer-pnl h2 {font-size: 14px;}

    .ht-385 {min-height: auto;}

    .mf-form .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px;}
    .mf-form1 .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px;}

    .mf-form label {font-size: 12px; width: 36%;}
    .mf-form1 label {font-size: 12px; width: 36%;}

    .mf-form:after {right: 16px; font-size: 16px; top: 6px;}
    .mf-form1:after {right: 16px; font-size: 16px; top: 6px;}

    .gainer-table tbody td { padding: 5px 15px !important;}

    .mutual-header {font-size: 11px;}

}

@media(min-width:360px) and (max-width:479.90px) {

    .mf-form .form-control {padding-right: 27px;}
    .mf-form1 .form-control {padding-right: 27px;}
    .mf-tabs .slick-prev {
        left: -5px;
        z-index: 2;
    }

}

@media(min-width:320px) and (max-width:359.90px) {
    .top-gainer-tabs .date-time1 {
        width: 44% !important;
    }
    .mf-tabs .slick-prev {
        left: -5px;
        z-index: 2;
    }

    .mf-day-pnl.day-pnl li a, .mf-day-pnl.day-pnl li a:hover {padding: 3px 10px;}

    .mf-form .form-control {width: 50%;}
    .mf-form1 .form-control {width: 50%;}

    .mf-form:after {right: 26px; top: 7px; font-size: 15px;}
    .mf-form1:after {right: 26px; top: 7px; font-size: 15px;}

    .rmv-active.active a, .rmv-active.active a:focus, 

    .rmv-active.active a:hover, .rmv-active-2.active a, 

    .rmv-active-2.active a:focus, .rmv-active-2.active a:hover,

    .rmv-active a, .rmv-active a:focus, .rmv-active a:hover, 

    .rmv-active-2 a, .rmv-active-2 a:focus, .rmv-active-2 a:hover {font-size: 12px;}

    .top-gainer-pnl h2 {font-size: 12px;}

    .mf-form .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px; padding-right: 20px;}
    .mf-form1 .form-control {text-overflow: ellipsis; white-space: nowrap; padding-left: 2px; padding-right: 20px;}
    
    .mf-form label {font-size: 12px; width: 36%;}
    .mf-form1 label {font-size: 12px; width: 36%;}
    
    

}



@media(min-width:320px) and (max-width:575px) {

    .hide-360 {display: block !important;}

    .more-new {margin-top: -10px;}

}