/**
 * @file
 * Bartik layout styling.
 */
 
.site-branding__logo img {
  /*  width: 200px;*/
}
.site-branding__name a{
    display:none;
}
/**
 * Container
 */
.layout-container {
  box-sizing: border-box;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 851px) {
  .layout-container {
/*    max-width: 1290px; */
    max-width: 100%;
  }
}

/**
 * Main
 */
.layout-main-wrapper {
  min-height: 300px;
  position: relative;
  z-index: 2;
  padding-top: 1px;
}
.layout-main {
  margin-top: 20px;
  margin-bottom: 40px;
}

.path-frontpage #page {
  /* background-image: url('/sites/all/files/Coins-all.JPG'); */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  /* background-size: 100% 100%; */
  /* background-attachment: fixed; */
  /* -webkit-background-attachment: fixed; */
  /* -moz-background-attachment: fixed; */
  /* -o-background-attachment: fixed; */
}

.path-frontpage #main-wrapper{
    /* background:none; */
    position: relative;
    z-index: 2;
}

#block-bartik-content {
    background: #f5f5f5;
    border-radius: 16px;
    padding-bottom: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.canvasjs-chart-credit {
  display: none;
}

.feed-icons {
  display: none;
}

.path-frontpage #block-bartik-content {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  margin-top: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
.path-frontpage #block-bartik-content h2{
  display : none;
}
.path-frontpage #block-views-block-today-top-analysts-today-top-analysts {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom : 50px;
}

[lang=fa] h1,[lang=fa] h2,[lang=fa] h3,[lang=fa] h4,[lang=fa] h5,[lang=fa] a,[lang=fa] p {direction: rtl}

h1.title.page-title {
    background: #f5f5f5;
    border-radius: 16px;
    padding-bottom: 10px;
    line-height: 60px;
    text-align: center;
}
/**********************************User Dashboard********************/

#block-userdashboard ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#block-userdashboard li a {
    /* min-width: 150px; */
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
}

#block-userdashboard li {
    width: 150px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #5dd0cf80;
    margin: 5px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #5dd0cf;
    backdrop-filter: blur(5px);
}

#block-userdashboard .menu-item a {
    min-width: 100%;
    display: block;
    border-bottom: none;
}

#block-userdashboard li:active {
    background: #5dd0cf;
}

#block-userdashboard li:hover {
    background: #5dd0cf;
}
/********************************************************************************************/
/*************************Analysis List Grid Card*******************************************/

.analysis-card-grid {width: 240px;border: 1px solid #e7e8eb;border-radius: 12px;box-shadow: 0px 0px 4px #c4c4c4;padding: 16px;}

.analysis-card-grid-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 12px;
    min-height: 58.52px;
}

.analysis-card-grid-top-left img {
    margin-bottom: 0px !important;
    width: 32px;
    background: #dfdddd;
    padding: 10px;
    border-radius: 8px;
}

.analysis-card-grid-top-left .field--name-field-ticker {
    margin-bottom: 0px;
}

.analysis-card-grid-top-left {
    margin-right: 10px;
}

.analysis-card-grid-top-right .field--name-field-analyzer-name {
    margin-bottom: 0;
    font-size: 13px;
    color: #555;
}

.analysis-card-grid-top-right {
    text-align: left;
}

.analysis-card-grid-top-right .field--name-display-field-copynode-ticker-symbol {
    font-weight: bold;
    font-size: 14px;
    color: #000;
}

.analysis-card-grid-bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.analysis-card-grid-bottom-left {
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    text-shadow: none;
}

.analysis-card-grid-bottom-left .fail,.analysis-card-grid-bottom-left .pending,.analysis-card-grid-bottom-left .correct{
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    text-shadow: none;
}

.analysis-card-grid-bottom-right .score {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.analysis-card-grid-center {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 12px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 5px 0px;
    min-height: 66px;
}

.analysis-card-grid-center-right img {
    height: 60px;
}

.analysis-card-grid-bottom-right .field--name-node-post-date {
    font-size: 12px;
    color: #999;
    margin-top: 6px;
}

.view-analysis-list .views-infinite-scroll-content-wrapper {
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 0px;
    justify-items: center;
}

.view-analysis-list .analysis-card-grid {
    margin: 15px;
    text-align: center;
}

.analysis-card-grid-footer a {
    border-bottom: none;
    background: #4b61da;
    width: 100%;
    display: inline-block;
    color: #fff;
    text-shadow: none;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    margin-top: 10px;
}

.analysis-card-grid-footer a:hover {
    color: #dfdddd;
    background: #2749d7;
}

/********************************top 4 analysis front page****************/
#block-trackwhatmattersmost {
    width: 100%;
    color: #57585c;
    font-weight: 100;
}

#block-trackwhatmattersmost h2 {
    color: #061c46;
    font-weight: 500;
    font-size: 26px;
}

#block-viewallanalysis {
    width: 100%;
}

#block-viewallanalysis a {
    border-bottom: none;
    background: #4b61da;
    width: 240px;
    display: inline-block;
    color: #fff;
    text-shadow: none;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    margin-top: 10px;
}

#block-viewallanalysis a:hover {
    color: #dfdddd;
    background: #2749d7;
}

.region.region-featured-top .analysis-card-grid-footer {
    display: none;
}

/********************************Today Top Analysts**********/

#block-views-block-today-top-analysts-today-top-analysts {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 20px;
  margin-top: 10px;
}

.view-today-top-analysts {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.view-today-top-analysts .view-header {
    text-align: justify;
    color: #000;
    font-size: 16px;
    /* font-weight: 100; */
    padding-right: 10px;
    line-height: 30px;
}
.view-today-top-analysts .view-content {
  width: 281px;
  background: #6161613d;
  padding: 10px;
  border-radius: 30px;
  box-shadow: 0px 0px 5px 0px inset;
  min-width:281px;
}


#views_slideshow_cycle_teaser_section_today_top_analysts-today_top_analysts {
  width: 100% !important;
}
#views_slideshow_cycle_div_today_top_analysts-today_top_analysts_0 {
  width: 100% !important;
}
.view-today-top-analysts img{
  border-radius:10px;
  border: 5px solid #9a9a9a57;
}
.view-today-top-analysts .field--name-field-analyzer-name {
  background: #00000059;
  width: 300px;
  margin-left: -9px;
  line-height: 30px;
  color : #f0f0f0;
}
.view-today-top-analysts a{
  color : #f0f0f0;
}
#views_slideshow_cycle_teaser_section_today_top_analysts-today_top_analysts{
    text-align:center;
}

#views_slideshow_cycle_teaser_section_today_top_analysts-today_top_analysts .success-progress{
    text-align: center;
}

#views_slideshow_cycle_teaser_section_today_top_analysts-today_top_analysts .progress-gradient{
    height: 20px;
    width: 200px;
    border-radius: 50px;
    background: rgb(255,49,49);
    background: linear-gradient(90deg, rgba(255,49,49,1) 0%, rgba(255,240,31,1) 50%, rgba(57,255,20,1) 100%);
    margin: auto;
}

#views_slideshow_cycle_teaser_section_today_top_analysts-today_top_analysts .success-amount{
    line-height: 20px;
    color: #555555;
}

#views_slideshow_cycle_teaser_section_today_top_analysts-today_top_analysts .progress-bar{
    height: 20px;
    margin-top: -20px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background: #dcdcdc;
    margin-left: 59.57%;
    box-shadow: -2px 0px 4px 0px #a4a4a4 inset;
}

#views_slideshow_cycle_teaser_section_today_top_analysts-today_top_analysts .field--name-field-average-quality-analysis {display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
margin-top: 20px;
text-align: center;}

#views_slideshow_cycle_teaser_section_today_top_analysts-today_top_analysts .field--name-field-average-quality-analysis div[role="circle-progress"] {
    --size: 100px;
    --fg: #4f00b9;
    --bg: #d4b9f7;
    --pgPercentage: var(--value);
    animation: growcircle-progress 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side,whitesmoke 80%,transparent 0 99.9%,white 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0);
    font-family: Helvetica,Arial,sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
    margin: auto;
}
/******************************Front Pie*******************/
.total-all-details{display : none;}

.total-all-show-all a {
    color: #fff;
    border-bottom: none;
    background: #009ad8;
    padding: 10px;
    border-radius: 5px;
}

.total-all-show-all a:hover {
    background: #009ad8b5;
    color:#fff;
}

.total-all-show-all {
    margin-top: 10px;
}

.total-all {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.total-all .total-all-about {
  flex: 2;
  text-align: center;
}
.total-all .total-all-pie {
  flex: 2;
}

.total-all-pc {
    text-align: justify;
    font-weight: 100;
    /* font-size: 14px; */
    color: #ffffffed;
    margin-top: 30px;
}
/*****************************OTP**********************/

#block-loginblock {
  display: none;
}


#NumberPost {
  width: 230px;
}

#send_otp {
  width: 100px;
  height: 29px;
  color: #FFF;
  background-color: #428BCA;
  border: 1px solid #357EBD;
  border-radius: 5px;
  cursor: pointer;
}
#send_otp_again {
  width: 100px;
  height: 29px;
  color: #FFF;
  background-color: #428BCA;
  border: 1px solid #357EBD;
  border-radius: 5px;
  cursor: pointer;
}
#code {
  width: 230px;
}
#verify_otp {
  width: 100px;
  height: 29px;
  color: #FFF;
  background-color: #42CA51;
  border: 1px solid #35BD84;
  border-radius: 5px;
  cursor: pointer;
}

.otp-code {
  margin-top: 20px;
}

#u {
  width: 400px;
  margin: auto;
  padding: 10px;
}

.spb-popup-main-wrapper.spb_center {
    background: rgb(255 255 255 / 50%);
    border-radius: 10px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    color: #000;
    text-shadow: 0px 0px 4px #fff;
}

span.block-loginblock-modal-close.spb_close {
    background: none;
    border: none;
}

.block-loginblock-modal.spb_overlay {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
/*
.spb-popup-main-wrapper.spb_center {background: #e3e3e3;border: none;border-radius: 10px;box-shadow: 0px 0px 5px 3px #fff;}

.mobile {display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;align-content: center;}

.mobile label {line-height: 40px;width: 210px;text-align: center;}

.mobile input {border: navajowhite;height: 40px;border-radius: 20px;box-shadow: 0px 0px 5px 0px #535353 inset;text-align: center;}

.otp-code {display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;align-content: center;margin-top: 10px;}

.otp-code label {line-height: 40px;width: 210px;text-align: center;}

.otp-code input {border: navajowhite;height: 40px;border-radius: 20px;box-shadow: 0px 0px 5px 0px #535353 inset;text-align: center;}

#mob {margin-top: 20px;border-top: 1px dashed;}
/******************Contact us*********************/

.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name {
    /* width: 400px; */
}

#contact-message-contact-us-form input {
    width: 100% !important;
    line-height: 25px;
    border-radius: 10px !important;
    border: none;
    box-shadow: 0px 0px 7px -3px inset;
}

#contact-message-contact-us-form {
    width: 400px;
    margin: auto;
    padding: 20px;
    box-shadow: 0px 0px 14px 1px;
    margin-bottom: 50px;
    border-radius: 15px;
    border: 6px dashed #0000001f;
}

#contact-message-contact-us-form textarea {
    width: 100% !important;
    line-height: 25px;
    border-radius: 10px !important;
    border: none;
    box-shadow: 0px 0px 7px -3px inset;
}

#contact-message-contact-us-form #edit-submit {
    width: 69% !important;
    margin: 0;
    display: inline-block;
    background: #00aec6;
    color: #fff;
}

#contact-message-contact-us-form #edit-preview {
    width: 26% !important;
    margin: 0;
    display: inline-block;
}

#contact-message-contact-us-form #edit-submit:hover {
    background: #0dcae4;
}
/****************************Footer**********************/


.site-footer__top .block-block-content {
    border: none !important;
}

.site-footer__top .block-block-content a {
    border-bottom: none;
}

#block-copyright {
    text-align: center;
    font-size: 16px;
}

#block-ourpartners .systems-row {
    display: flex;
    min-width: 100%;
}

#block-ourpartners .systems-row div {
    width: 33%;
}

/***************Analysis View*****************/

.view-analysis-list .view-header,.view-analyzer-list .view-header {text-align: center;/* padding-top: 20px; */width: 300px;margin: auto;/* border: 2px solid; */border-bottom-right-radius: 16px;border-bottom-left-radius: 16px;background: #dddddd;line-height: 40px;box-shadow: 0px -2px 5px -4px #000 inset;}

/* پنهان کردن radio های پیش‌فرض */
#block-views-block-analysis-of-analyzer-analysis-block .form-item-predict {
  display: none;
}
#block-views-block-analysis-of-analyzer-analysis-block .form-item-status {
  display: none;
}
#block-views-block-analysis-of-analyzer-analysis-block input[type="radio"].form-radio {
  display: none;
}

#block-views-block-analysis-of-analyzer-analysis-block .fieldset-legend{display:none}
/* استایل عمومی برای لیبل‌ها */
#block-views-block-analysis-of-analyzer-analysis-block .form-item-sort-by label {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  background-color: white;
  color: #333;
  transition: all 0.2s ease-in-out;
  text-align: center;
}

#block-views-block-analysis-of-analyzer-analysis-block .form-item-sort-order label{
    display: block;
    padding: 0.5rem 1rem;
    /* margin-right: 0.5rem; */
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    background-color: white;
    color: #333;
    transition: all 0.2s ease-in-out;
    text-align: center;
    width: 32px;
}

/* هاور زیبا */
#block-views-block-analysis-of-analyzer-analysis-block .form-item-sort-by label:hover,
#block-views-block-analysis-of-analyzer-analysis-block .form-item-sort-order label:hover {
  background-color: #f0f0f0;
}

/* زمانی که radio انتخاب شده باشه، لیبل استایل فعال بگیره */
#block-views-block-analysis-of-analyzer-analysis-block input[type="radio"]:checked + label {
  background-color: #2563eb; /* blue-600 */
  color: white;
  border-color: #2563eb;
}
#block-views-block-analysis-of-analyzer-analysis-block #edit-sort-by input[type="radio"]:checked + label {
  min-width: 100px;
}

/* دکمه اعمال */
#block-views-block-analysis-of-analyzer-analysis-block input[type="submit"].form-submit {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 0.5rem 1.2rem;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  display: none;
}

#block-views-block-analysis-of-analyzer-analysis-block input[type="submit"].form-submit:hover {
  background-color: #1d4ed8; /* blue-700 */
}


#block-views-block-analysis-of-analyzer-analysis-block {
    margin: auto;
    background: #f0f0f0;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #0000004f inset;
    padding: 20px;
    margin-top: 10px;
}

.view-analysis-list .dynamic-layouts-container.custom-12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-analysis-list .dynamic-layout-row.box.box-1 {
    align-items: center;
}

.view-analysis-list .field.field--name-field-ticker.field--type-entity-reference.field--label-hidden.field__item {
    margin: 0;
}

.view-analysis-list .box-1 img {
    margin: 0;
}

.view-analysis-list .dynamic-layout-row.box.box-2 {
    margin-left: 5px;
    flex: 1;
    align-content: space-around;
    height:100%;
    align-items: center;
}

.view-analysis-list .dynamic-layout-row.box.box-2 .field--name-node-title a {
    color: #434343;
    border-bottom: none;
    font-weight: 400;
    font-size: 14px;
}

.view-analysis-list .dynamic-layout-row.box.box-2 h2 {
    margin: 0;
}

.view-analysis-list .dynamic-layout-row.box.box-2 .field--name-field-analyzer-name a {
font-size: 14px;
    font-weight: 400;
    color: #434343;
    border-bottom: 1px dotted #adadad;
}

.view-analysis-list .dynamic-layout-row.box.box-2 .field--name-field-analyzer-name svg {
    font-size: 8px;
    color: #434343;
}

.view-analysis-list .dynamic-layout-row.box.box-2 .field--name-field-analyzer-name {
    margin: 0;
}

.view-analysis-list .dynamic-layout-row.box.box-2 .field--name-node-post-date {
    font-size: 13px;
    font-weight: 300;
    color: #737373;
}

.view-analysis-list .dynamic-layout-row.box.box-3 {
    text-align: center;
    align-content: space-around;
    width: 50px;
    display:none;
}

.view-analysis-list .dynamic-layout-row.box.box-4 {
    /* width: 95px; */
    text-align: center;
    align-content: space-around;
    font-size: 11px;
    font-weight: bold;
    /* margin: 0px 10px; */
    flex: 1;
    height:100%;
}

.view-analysis-list .dynamic-layout-row.box.box-4 .col-12 {display: flex;flex-direction: row-reverse;justify-content: space-around;align-items:center;}

.view-analysis-list .dynamic-layout-row.box.box-4 .field--name-field-analysis-status {width: 95px;height:19px;}

.view-analysis-list .field.field--name-field-ticker-logo {
height: 60px;
}

.view-analysis-list .dynamic-layout-row.box.box-4 .field--name-field-analysis-score {white-space: nowrap;
    font-weight: 500;
    font-size: 12px;
    width: 95px;
    background: #00917c;
    border-radius: 5px;
    text-align: center;
    color: #f6f6f6;
    height: 19px;
    line-height: 19px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;}

.view-analysis-list .dynamic-layout-row.box.box-4 .field--name-field-analysis-score .field__label {font-weight: 500;font-size: 13px;}

.view-analysis-list .dynamic-layout-row.box.box-5 {
    display:none;
    width: 40px;
    text-align: center;
}

.view-analysis-list .dynamic-layout-row.box.box-6 {
    margin-top: -32px;
    width: 30px;
    font-size: 28px;
}

.view-analysis-list .fa-bookmark {
    color: #00aec6;
}

.view-analysis-list .flag-bookmark a:after {
    content: " ";
    display: block;
    background: #9c9c9c;
    height: 0px;
    width: 22px;
    position: relative;
    bottom: 36px;
    left: 0px;
    border-right-color: #e8e8e8;
    border-top-width: 2px;
    border-top-color: #00aec6;
    border-top-style: solid;
    border-right-style: solid;
    border-right-width: 2px;
/*    content: " ";
    display: block;
    background: #e8e8e8;
    height: 2px;
    width: 15.9px;
    position: relative;
    bottom: 34px;
    left: 2.75px; */
}

.view-analysis-list .flag-bookmark.action-unflag a:after {
    background: #9c9c9c;
}

.view-analysis-list .box-4 .flag {
    width: 50px !important;
}

.view-analysis-list .dynamic-layout-row.box.box-1 {
    width: 60px;
    height: 60px;
}

.view-analysis-list .dynamic-layouts-container.custom-12 {
    height: 60px;
    border: 1px solid #9c9c9c4d;
    margin: 5px 5px;
    border-left: none;
    background: #e8e8e8;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.view-analysis-list .views-col {margin-top: 20px;}

.view-analysis-list .box-1 img {
width: 50px;
    border-radius: 50%;
    margin: 5px;
}



.view-analysis-list .view-analysis-of-analyzer h3 {
    text-align: left;
    margin-top: 0px;
    font-size: 16px;
}

.view-analysis-list .view-analysis-of-analyzer h3 {
    text-align: left;
}



/*
.view-analysis-list .dynamic-layouts-container.custom-12 {
    display: flex;
    flex-direction: row;
    height: 150px;
    align-items: stretch;
    align-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #000;
    margin: 10px;
}

.view-analysis-list .dynamic-layout-row.box.box-1 {
    width: 110px;
    align-items: center;
}

.view-analysis-list .field.field--name-field-ticker.field--type-entity-reference.field--label-hidden.field__item {
    margin: 0;
}

.view-analysis-list .box-1 img {
    margin: 0;
}

.view-analysis-list .dynamic-layout-row.box.box-2 {
    width: 400px;
    flex: 4;
    align-content: space-around;
}

.view-analysis-list .dynamic-layout-row.box.box-3 {
    flex: 1;
    text-align: center;
    align-content: space-around;
}

.view-analysis-list .field--name-field-analysis-score {
    display: flex;
    flex-direction: column-reverse;
}

.view-analysis-list .field.field--name-field-analysis-score.field--type-integer.field--label-hidden.field__item svg {
    font-size: 35px;
    color: #B76E79;
    color: bronze;
}

.view-analysis-list .dynamic-layout-row.box.box-4 {
    width: 50px;
    text-align: center;
    align-content: space-around;
}

.view-analysis-list .box-4 .flag {
    width: 50px !important;
}

/***************Analysis of Analyzer*****************/

#block-views-block-analysis-of-analyzer-analysis-block {
    margin: auto;
    background: #f0f0f0;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #0000004f inset;
    padding: 20px;
    margin-top: 15px;
}
#block-views-block-analysis-of-analyzer-analysis-block h2{
    font-family:'Days One';
}
#block-views-block-analysis-of-analyzer-analysis-block .views-col.clearfix.col-1 {
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 0px;
    justify-items: center;
}

.view-analysis-of-analyzer .dynamic-layouts-container.custom-12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-1 {
    align-items: center;
}

.view-analysis-of-analyzer .field.field--name-field-ticker.field--type-entity-reference.field--label-hidden.field__item {
    margin: 0;
}

.view-analysis-of-analyzer .box-1 img {
    margin: 0;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-2 {
    align-content: center;
    margin-left: 5px;
    flex: 1;
    align-content: space-around;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-2 a {
    color: #000;
    border-bottom: none;
    font-weight: 400;
    font-size: 14px;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-3 {
    text-align: center;
    align-content: space-around;
    width: 50px;
    display: none;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-4 {
    /*width: 95px; */
    text-align: center;
    align-content: space-around;
    /* font-size: 11px; */
    /* font-weight: bold; */
    /* margin: 0px 10px; */
    flex: 1;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-4 .col-12 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-4 .field--name-field-analysis-status {
    width: 95px;
    font-size: 11px;
    font-weight: bold;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-4 .field--name-field-analysis-score {
white-space: nowrap;
    font-weight: 500;
    font-size: 12px;
    width: 95px;
    background: #00917c;
    border-radius: 5px;
    text-align: center;
    color: #f6f6f6;
    height: 19px;
    line-height: 19px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-4 .field__label {
    font-weight: 500;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-5 {
    /* flex: 1; */
    width: 60px;
    text-align: center;
}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-6 {
    margin-top: -34px;
    width: 30px;
    font-size: 28px;
}

.view-analysis-of-analyzer .fa-bookmark {
    color: #00aec6;
}

.view-analysis-of-analyzer .flag-bookmark a:after {
    content: " ";
    display: block;
    background: #e8e8e8;
    height: 2px;
    width: 15.9px;
    position: relative;
    bottom: 34px;
    left: 2.75px;
}

.view-analysis-of-analyzer .flag-bookmark.action-unflag a:after {
    background: #9c9c9c;
}

.view-analysis-of-analyzer .box-4 .flag {
    width: 50px !important;
}

.block-views-blockanalysis-of-analyzer-analysis-block .dynamic-layout-row.box.box-1 {
    width: 60px;
    height: 60px;
}

.block-views-blockanalysis-of-analyzer-analysis-block .dynamic-layouts-container.custom-12 {
height: 60px;
    border: 1px solid #9c9c9c4d;
    margin: 0px;
    border-left: none;
    margin-top: 15px;
    background: #f5f5f5;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.block-views-blockanalysis-of-analyzer-analysis-block .field--name-field-ticker-logo {
    height: 60px;
}
.block-views-blockanalysis-of-analyzer-analysis-block .box-1 img {
width: 50px;
    border-radius: 50%;
    margin: 5px;
}



.block-views-blockanalysis-of-analyzer-analysis-block .view-analysis-of-analyzer h3 {
    text-align: left;
    margin-top: 0px;
    font-size: 16px;
}

.block-views-blockanalysis-of-analyzer-analysis-block .view-analysis-of-analyzer h3 {
    text-align: left;
}

.correct {
    background: #3de31d;
    padding: 2px;
    border-radius: 5px;
    color: #f6f6f6;
}
.fail {
    background: rgba(255,49,49,1);
    padding: 2px;
    border-radius: 5px;
    color: #f6f6f6;
}
.semi {
    background: #fb8e29;
    padding: 2px;
    border-radius: 5px;
    color: #f6f6f6;
}
.pending {
    background: #c4c5c4;
    padding: 2px;
    border-radius: 5px;
    color: #f6f6f6;
}




/*
.view-display-id-analysis_block .dynamic-layouts-container.custom-12 {display: flex;flex-direction: row;height: 150px;align-items: stretch;align-content: center;flex-wrap: wrap;border-bottom: 1px solid #000;margin: 10px;}

.view-display-id-analysis_block .dynamic-layout-row.box.box-1 {width: 110px;}

.view-display-id-analysis_block .dynamic-layout-row.box.box-2 {width: 400px;flex: 4;}

.view-display-id-analysis_block .dynamic-layout-row.box.box-3 {flex: 1;text-align: center;}

.view-display-id-analysis_block .dynamic-layout-row.box.box-4 {width: 50px;text-align: center;}

.view-display-id-analysis_block .box-4 .flag {width: 50px !important;}

.view-display-id-analysis_block .box-4 .dynamic-layouts-container-column.layout-builder--layout__region.col-12 {display: flex;justify-content: center;}
/********************************************************Analysis of Coin*********************/
#block-views-block-analysis-of-coin-analysis-block {
    margin: auto;
    background: #f0f0f0;
    border-radius: 16px;
    box-shadow: 0px 0px 5px 0px #0000004f inset;
    padding: 20px;
    margin-top: 10px;
}
#block-views-block-analysis-of-coin-analysis-block h2{
    font-family:'Days One';
}
#block-views-block-analysis-of-coin-analysis-block .views-col.clearfix.col-1 {
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 0px;
    justify-items: center;
}

.view-analysis-of-coin .dynamic-layouts-container.custom-12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-1 {
    align-items: center;
}

.view-analysis-of-coin .field.field--name-field-ticker.field--type-entity-reference.field--label-hidden.field__item {
    margin: 0;
}

.view-analysis-of-coin .box-1 .field--name-field-ticker-logo {height: 60px;}


.view-analysis-of-coin .box-1 img {
    margin: 0;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-2 {
    align-content: center;
    margin-left: 5px;
    flex: 1;
    align-content: space-around;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-2 a {
    color: #434343;
    border-bottom: 1px dotted #adadad;
    font-weight: 400 !important;
    font-size: 14px;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-2 svg {
    font-size: 8px;
    color: #434343;
}

.view-analysis-of-coin .field--name-node-post-date {
    font-size: 13px;
    font-weight: 300;
    color: #737373;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-3 {
    text-align: center;
    align-content: space-around;
    width: 50px;
    display: none;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-4 {
    /*width: 95px; */
    text-align: center;
    align-content: space-around;
    /* font-size: 11px; */
    /* font-weight: bold; */
    /* margin: 0px 10px; */
    flex: 1;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-4 .col-12 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-4 .field--name-field-analysis-status {
    width: 95px;
    font-size: 11px;
    font-weight: bold;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-4 .field--name-field-analysis-score {
white-space: nowrap;
    font-weight: 500;
    font-size: 12px;
    width: 95px;
    background: #00917c;
    border-radius: 5px;
    text-align: center;
    color: #f6f6f6;
    height: 19px;
    line-height: 19px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-4 .field__label {
    font-weight: 500;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-5 {
    display:none;
    width: 60px;
    text-align: center;
}

.view-analysis-of-coin .dynamic-layout-row.box.box-6 {
    margin-top: -34px;
    width: 30px;
    font-size: 28px;
}

.view-analysis-of-coin .fa-bookmark {
    color: #00aec6;
}

.view-analysis-of-coin .flag-bookmark a:after {
    content: " ";
    display: block;
    background: #e8e8e8;
    height: 2px;
    width: 15.9px;
    position: relative;
    bottom: 35px;
    left: 2.75px;
}

.view-analysis-of-coin .flag-bookmark.action-unflag a:after {
    background: #9c9c9c;
}

.view-analysis-of-coin .box-4 .flag {
    width: 50px !important;
}

.block-views-blockanalysis-of-coin-analysis-block .dynamic-layout-row.box.box-1 {
    width: 60px;
    height: 60px;
}

.block-views-blockanalysis-of-coin-analysis-block .dynamic-layouts-container.custom-12 {
    height: 60px;
    border: 1px solid #9c9c9c6e;
    margin: 0px;
    border-left: none;
    margin-top: 15px;
    background: #f5f5f5;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}


.block-views-blockanalysis-of-coin-analysis-block .box-1 img {
width: 50px;
    border-radius: 50%;
    margin: 5px;
    height:50px;
}



.block-views-blockanalysis-of-coin-analysis-block .view-analysis-of-coin h3 {
    text-align: left;
    margin-top: 0px;
    font-size: 16px;
}

.block-views-blockanalysis-of-coin-analysis-block .view-analysis-of-coin h3 {
    text-align: left;
}

.view-analysis-of-coin .field--name-field-analyzer-name {margin-bottom: 0px;}

.view-analysis-of-coin .field--name-field-analyzer-name a {font-weight: 300 !important;}

.view-analysis-of-coin .dynamic-layout-row.box.box-2 h2{margin-top:0px;}

/***************Analyzer View*****************/
.view-display-id-analyzer_list_page .dynamic-layouts-container.custom-12 {background: #e8e8e8;display: flex;flex-direction: row;height: 150px;align-items: center;align-content: center;flex-wrap: wrap;margin: 5px 20px;border: 1px solid #00000017;    border-radius: 5px;}

.view-display-id-analyzer_list_page .dynamic-layout-row.box.box-1 {align-items: center;flex: 1;display: flex;flex-direction: row;flex-wrap: nowrap;height: 100%;background: #e2e2e2;}

.view-display-id-analyzer_list_page .dynamic-layout-row.box.box-2 {display:none;flex: 1;align-items: center;}

.view-display-id-analyzer_list_page .dynamic-layout-row.box.box-3 {flex: 2;text-align: center;align-items: center;}

.view-display-id-analyzer_list_page .dynamic-layout-row.box.box-4 {display:none;text-align: center;}

.view-display-id-analyzer_list_page .box-1 .field--name-field-analyzer-name {margin: 0;}

.view-display-id-analyzer_list_page .box-1 .field--name-field-analyzer-name a {
font-size: 14px;
    font-weight: 400;
    color: #434343;
    border-bottom: none;
}

.view-display-id-analyzer_list_page .box-1 .field--name-field-analyzer-name svg {
display:none;
}

.view-display-id-analyzer_list_page .box-1 .field--name-field-analyzer-score {
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
}
.view-display-id-analyzer_list_page .box-1  .field--name-field-analyzer-score .field__label {font-weight: 400;}

.view-display-id-analyzer_list_page .dynamic-layout-row.box.box-3 .field__label {font-size: 13px;font-weight: 400;}

.view-display-id-analyzer_list_page .box-4 .dynamic-layouts-container-column.layout-builder--layout__region.col-12 {display: flex;}

.view-display-id-analyzer_list_page .box-3 .dynamic-layouts-container-column.layout-builder--layout__region.col-12 {display: flex;flex-direction: row;justify-content: space-around;align-items: center;}

.view-display-id-analyzer_list_page .image-style-thumbnail {margin: 0; border-radius: 20px;border: 5px solid #f5f5f5;margin-left: 5px;}

.view-id-analyzer_list .views-col.clearfix.col-1 {margin-top: 20px;}

.view-id-analyzer_list .field--name-field-success-rate {display: flex;flex-direction: column-reverse;flex-wrap: nowrap;}

.view-id-analyzer_list .field--name-field-average-quality-analysis {display: flex;flex-direction: column-reverse;flex-wrap: nowrap;}

@keyframes growcircle-progress {
  0%, 33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}

@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

.view-id-analyzer_list .field--name-field-success-rate div[role="circle-progress"] {
    --size: 100px;
    --fg: #0069ff;
    --bg: #0069ff59;
    --pgPercentage: var(--value);
    animation: growcircle-progress 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side,whitesmoke 80%,transparent 0 99.9%,white 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0);
    font-family: Helvetica,Arial,sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

.view-id-analyzer_list .field--name-field-average-quality-analysis div[role="circle-progress"] {
    --size: 100px;
    --fg: #4f00b9;
    --bg: #d4b9f7;
    --pgPercentage: var(--value);
    animation: growcircle-progress 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side,whitesmoke 80%,transparent 0 99.9%,white 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0);
    font-family: Helvetica,Arial,sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

div[role="circle-progress"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}

.box-read-more a {color: #000000c2;border-bottom: none;height: 100%;}

.box-read-more {height: 100%;width: 20px;background: #dcdcdc80;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.box-read-more:hover {background: #c4c4c4;}

.box-read-more .col-12 {height: 100%;}

.box-read-more .field__item {height: 100%;}

.box-read-more .read-more .field__item a {height: 100%;display: flex;justify-content: space-around;}

.box-read-more .field__item a svg {align-self: center;}

/***************************************************************************************/
/**********************************Analyzer Profile Personal Box*************************/
/***************************************************************************************/
h1.analyzer-title-page {
    background: #dcdcdc61;
    color: #f5f5f5;
    /* position: absolute; */
    padding: 5px;
    border-radius: 2px;
    display: flex;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
}

.analyzer-personal-box .field.field--name-body {
    text-align: center;
    line-height: 40px;
    background: #e8e8e8;
    margin-bottom: 20px;
    font-family: 'Numans';
}

.analyzer-personal-box .analyzer-banner {
    background-image: url(/sites/all/files/Chart-Banner.jpg);
    height: 249px;
    background-attachment: fixed;
    background-position: left center;
    background-size: 100% 100%;
}

.analyzer-name-photo {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: -55px;
    margin-left: 40px;
    flex-wrap: nowrap;
    }

.analyzer-name-photo .platform-logo {
    width: 25px;
    position: absolute;
    margin-left: 42.5px;
    height: 25px;
    margin-top: 85px;
}

.analyzer-name-photo .field--name-field-analyzer-image img {border-radius: 50%;border: 5px solid #e8e8e8;}

.analyzer-name-photo .field--name-field-analyzer-name {
    margin-left: -4px;
    background: #e8e8e8;
    padding: 5px 10px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom: 1px solid #cacaca;
    font-weight: 500;
    font-family: 'Days One';
    font-size: 17px;
}


/***********************************Social Medias*************************************/
.social-box {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
}

.social-box .social-link-field.horizontal {
    display: flex;
    font-size: 25px;
    align-items: center;
    width: 152px;
    justify-content: space-between;
    padding-left: 0px;
    margin-right: 10px;
}

.social-box .fa-telegram {
    color: #ffffff;
    background: #229ED9;
    padding: 5px;
    border-radius: 5px;
}
.social-box .fa-envelope {
    color: #ffffff;
    background: #EA4335;
    padding: 5px;
    border-radius: 5px;
}
.social-box .fa-instagram {
    color: #ffffff;
    padding: 5px;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    border-radius: 5px;
}
.social-box .fa-youtube {
    color: #ffffff;
    background: #c4302b;
    padding: 5px;
    border-radius: 5px;
}

.flag.flag-follow.action-flag {width: 160px !important;    min-width: 140px;height: 33px;}

.flag.flag-follow.action-flag a {background: #0e68ce; padding: 10px 40px;color: #fff;border-radius: 5px;}

.flag.flag-follow.action-unflag {min-width: 185px;height: 33px;}

.flag.flag-follow.action-unflag a {background: #ffffff;padding: 10px 40px;color: #0e68ce;border-radius: 5px;border: 2px solid #0e68ce;min-width: 160px;}

/***************************************************************************************/
/**********************************Analyzer Profile Details Box**********************/
/***************************************************************************************/
.dynamic-layout-row.row.analyzer-details-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    min-width: 270px;
    justify-content: space-around;
    gap: 15px;
}

.analyzer-details-box div {
    /* margin-top: 5px; */
}

.analyzer-details-box .col-12 {
    color: #000000;
    /* height: 110px; */
    max-width: 300px;
    align-items: center;
    background: white;
    border-radius: 16px;
    padding: 16px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    font-family: 'Nunito';
}

.analyzer-details-box .field__label {
    font-size: 16px;
    color: #444;
    font-weight: 400;
}

.analyzer-details-box .market-predictions .field__label {
    height:50px;
}

.analyzer-details-box .field--name-field-analyzer-score{
    text-align:center;
}

.analyzer-details-box .field--name-field-analyzer-score .field__item{
    font-size: 36px;
    font-weight: 400;
}

.analyzer-details-box  .progress-bar {
  position: relative;
  width: 100%;
  background: #eee;
  height: 20px;
  border-radius: 20px;
  overflow: hidden;
}

.analyzer-details-box .progress-fill {
  height: 100%;
  border-radius: 20px;
  transition: width 0.5s ease;
  margin-top: 0;
}
.progress-bad {
  background: linear-gradient(to right, #f44336, #e53935);
}

.progress-ok {
  background: linear-gradient(to right, #ff9800, #fb8c00);
}

.progress-good {
  background: linear-gradient(to right, #8bc34a, #689f38);
}

.progress-great {
  background: linear-gradient(to right, #4caf50, #00c853);
}

.analyzer-details-box .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* font-weight: bold; */
  font-size: 14px;
  pointer-events: none;
}



/**********************************Analyzer Profile Market Box**********************/
.analyzer-details-box img {width: 50px;}

.market-status {/* display: flex; *//* flex-direction: row; *//* text-align: center; *//* flex-wrap: wrap; *//* justify-content: space-between; *//* align-items: center; *//* align-content: center; */}

.market-predictions {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-family: 'Nunito';
}

.market-predictions .market-link{
    cursor:pointer;
}

.market-predictions h3 {
    width:100%;
    margin-top: 0;
}

.market-status .field {
    /* background: #4a9214; */
}

.market-status .field.bullish {
    color: #4a9214;

}

.market-status .field.bearish {
    color: #e23d31;
}

.market-status .field.range {
    color: #65686a;
}

.market-status .field.critical {
    color: #ef9398;
}

/***************************************************************************************/
/***********************************Analyzer Charts Box*******************************/
/***************************************************************************************/
.dynamic-layout-row.row.analyzer-chart-box {
    display: flex;
    flex-wrap: wrap;
    /* background: #e8e8e857; */
    margin: 20px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px 0px #dbdbdc; */
    max-width: 100%;
    padding: 10px;
    align-items: stretch;
    margin: 10px auto;
    flex-direction: row;
    justify-content: space-around;
    min-width: 250px;
    /* background: white; */
    /* border-radius: 16px; */
    /* padding: 16px 20px; */
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); */
    align-content: center;
    gap: 15px;
    font-family: 'Nunito';
}

.analyzer-chart-box .col-12 {
    /* max-width: 270px; */
    align-items: center;
}

.analyzer-chart-box .pie-chart{
    flex:1;
    /* max-width: 300px; */
    min-width: 300px;
    background: white;
    border-radius: 16px;
    padding: 16px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}

.analyzer-chart-box .pie-section {
    max-width: 400px;
    width: 100%;
}

.analyzer-chart-box .status-section .field {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    /* display: inline-block; */
    /* width: fit-content; */
    /* min-width: 100px; */
    /* text-align: center; */
    width: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
}

.analyzer-chart-box .status-section {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}

.analyzer-chart-box .status-section .field--name-field-correct-analysis {
    background-color: #e1f9ec;
    color: #2e9e5d;
}

.analyzer-chart-box .status-section .field--name-field-fail-analysis {
    background-color: #ffe4e4;
    color: #d63838;
}

.analyzer-chart-box .status-section .field--name-field-pending-analysis {
    background-color: #fbdc87;
    color: #745e23;
}

.analyzer-chart-box .status-section .field--name-field-ineffective-analysis {
    background-color: #cbcbcb;
    color: #4a4a4a;
}

.analyzer-chart-box .analyzer-profile.quality{
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    flex: 1;
    /* max-width: 400px; */
    background: white;
    border-radius: 16px;
    padding: 16px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    gap: 15px;
}

.analyzer-chart-box .analyzer-profile.quality .avg-quality{
    /* flex: 1; */
    /* width: 200px; */
}

.analyzer-chart-box .analyzer-profile.quality .all-quality{
    /* flex: 1; */
    /* width: 150px; */
}

.analyzer-chart-box .gauge {
  --max: 100;
  --value: 100;
  --angle: 265;
  width: 200px;
  height: 160px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: sans-serif;
  margin: auto;
}

.analyzer-chart-box .gauge svg {
  transform: rotate(-90deg); /* Center the 300¡Æ arc */
}

.analyzer-chart-box .gauge circle {
  fill: none;
  stroke-width: 8px;
  r: 80;
  cx: 100;
  cy: 100;
  stroke-linecap: round;
}

.analyzer-chart-box .gauge .bg {
  stroke: #eee;
  stroke-dasharray: calc(2 * 3.1416 * 80 * (var(--angle) / 360));
  stroke-dashoffset: 0;
}

.analyzer-chart-box .gauge .progress {
  stroke: url(#gradient);
  stroke-dasharray: calc(2 * 3.1416 * 80 * (var(--angle) / 360));
  stroke-dashoffset: calc(
    calc(2 * 3.1416 * 80 * (var(--angle) / 360)) -
    calc(2 * 3.1416 * 80 * (var(--angle) / 360) * var(--value) / var(--max))
  );
  transition: stroke-dashoffset 0.5s ease;
}

.analyzer-chart-box .gauge .value {
  position: absolute;
  font-size: 28px;
  z-index: 1;
  font-weight: 100;
}

.analyzer-chart-box .gauge .label {
  position: absolute;
  top: 64%;
  text-align: center;
  font-size: 16px;
  color: #444;
  width: 100%;
  font-weight: 100;
}
/**********************************Analyzer Profile Quality Box**********************/
.analyzer-profile.quality .field__item {
    display: flex;
    flex-direction: row;
    gap: 2px;
}

.analyzer-profile.quality .field {
    margin-bottom: 10px;
}

.progress {
    width: 30px;
    height: 7px;
    border-radius: 5px;
    /* margin: 1px; */
    /* box-shadow: 0px 0px 2px 0px #00000063 inset; */
}

.progress-green {
    background: #43a047;
}

.progress-blue {
    background: #d0f31c;
}

.progress-yellow {
    background: #fb8c00;
}

.progress-orange {
    background: #fdd835;
}

.progress-red {
    background: #e53935;
}

.progress-off {
    background: #e0e0e0;
}

/************************************************************************************/
/*****************************************Top 5 Analyzers**********************/
/************************************************************************************/

#block-views-block-analyzer-top-5-top-5-analyzers {background: #f5f5f5;border: none;padding: 15px;border-radius: 16px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}

.block-views-blockanalyzer-top-5-top-5-analyzers .top-analyzer-score .field__label{font-size: 0.914em;font-weight: 500;}

.block-views-blockanalyzer-top-5-top-5-analyzers .custom-12 {background: #f5f5f5;border-radius: 5px;margin-bottom: 5px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;align-content: center;}

.block-views-blockanalyzer-top-5-top-5-analyzers .views-row {border: none !important;margin: 0px !important;padding: 0px !important;}

.block-views-blockanalyzer-top-5-top-5-analyzers .col-1 {padding-right: 0px;}

.block-views-blockanalyzer-top-5-top-5-analyzers .dynamic-layout-row.top-analyzer.top-analyzer-col1 img {width: 60px;margin-bottom: 0px;padding: 5px;}

.block-views-blockanalyzer-top-5-top-5-analyzers .top-analyzer-col1 {height: 70px;}

.block-views-blockanalyzer-top-5-top-5-analyzers .top-analyzer-col2 {height: 70px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;align-content: center;flex:1;}

.block-views-blockanalyzer-top-5-top-5-analyzers .top-analyzer-col2 .field--name-field-analyzer-name {margin-bottom: 0;}

.block-views-blockanalyzer-top-5-top-5-analyzers .top-analyzer-name {flex:2;margin-left: 5px;}

.block-views-blockanalyzer-top-5-top-5-analyzers .top-analyzer-score {flex: 1;display: flex;flex-direction: row;flex-wrap: nowrap;min-width:80px;}

.block-views-blockanalyzer-top-5-top-5-analyzers .views-col.col-1 {padding-right: 0px;}

.block-views-blockanalyzer-top-5-top-5-analyzers .field--name-field-analyzer-score {flex: 1;}

.block-views-blockanalyzer-top-5-top-5-analyzers a {color: #000000c2;border-bottom: none;height: 100%;}

.block-views-blockanalyzer-top-5-top-5-analyzers .top-analyzer-col2 .field--name-field-analyzer-name svg {display: none;}

/************************************************************************************/
/*****************************************Top 5 Analysis**********************/
/************************************************************************************/
#block-views-block-analysis-top-5-top-5-analyzers {background: #f5f5f5;border: none;padding: 15px;border-radius: 16px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}

.view-analysis-top-5 .views-row {/* background: #f5f5f5; *//* border-radius: 5px; *//* border: none; *//* margin: 0px; */}

.view-analysis-top-5 .custom-12 {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;}

.view-analysis-top-5 .top-analyzer-col2 {flex: 1;display: flex;flex-direction: row;flex-wrap: nowrap;padding-left: 5px;align-items: center;height: 100%;align-content: space-between;height: 50px;}

.view-analysis-top-5 .top-analyzer-score {flex:1;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;align-content: center;justify-content: space-between;min-width: 80px;}

.view-analysis-top-5 .field--name-node-title h2 {margin: 0;padding: 0;border: none;}

.view-analysis-top-5 .field--name-field-analyzer-name {margin-bottom: 0px;}

.view-analysis-top-5 .field--name-field-ticker {margin: 0;}

.view-analysis-top-5 img {/* margin: 5px !important; *//* border-radius: 50%; *//* width:60px; */}

.view-analysis-top-5 .field--name-field-ticker-logo {height: 70px;}

.view-analysis-top-5 .top-analyzer-name {flex:2;height: 100%;display: flex;align-content: space-between;flex-direction: column;flex-wrap: nowrap;justify-content: space-around;}

.view-analysis-top-5 .top-analyzer-col1 {width: 70px;height: 70px;}

.view-analysis-top-5 .views-col {background: #ffffff;border-top-left-radius: 50px;border-bottom-left-radius: 50px;border-top-right-radius: 16px;border-bottom-right-radius: 16px;padding: 0px !important;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);}

.view-analysis-top-5 a {color: #000000c2;font-size: 1em;}

.view-analysis-top-5 .views-row.clearfix {border: none !important;margin: 0px 0px 10px 0px !important;padding: 0 !important;}

.view-analysis-top-5 .field--name-field-analysis-score {/* flex: 1; */}

.view-analysis-top-5 .field--name-field-analysis-score .field__label {/* font-size: 0.914em; *//* font-weight: 500; */}

.top-analyzer-name svg {font-size: 8px;}

.top-analyzer-name .field--name-node-post-date {color: #000000c2;font-size: 0.914em;font-weight:300;}

.view-analysis-top-5 .field--name-node-link a {border-bottom: none;}
/************************************************************************************/
/*****************************************Analysis Page**********************/
/************************************************************************************/
#tv_chart_container iframe{
    height : 350px !important;
}

.trading.view .field--name-display-field-copynode-ticker-symbol,.field--name-field-entry-price,.field--name-field-target-price,.field--name-field-fail-price{display : none;}

.trading.view {
    margin-top: 20px;
}

.trading.view iframe {
    border-radius: 10px !important;
    border-right: 5px solid #e3e3e3;
}

.clearfix.text-formatted.field.field--name-field-trading-view.field--type-text-long.field--label-hidden.field__item {
    position: relative;
}

#tv-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: not-allowed;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 5px;
    padding-right: 5px;
}

.analysis-box {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: stretch;align-content: flex-end;}

.analysis-box .analysis-details-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1;
    align-items: stretch;
    margin-top: 20px;
    background: #e8e8e857;
    border-top-left-radius: 5px;
    margin-left: 20px;
    padding: 0px 10px;
    text-align: center;
    padding-bottom: 36px;
    border-left: 5px solid #e3e3e3;
    border-bottom: 5px solid #e3e3e3;
    border-bottom-left-radius: 5px;
}

.analysis-box .analysis-text {flex: 4;margin-top: 20px;padding: 0px 20px;border: 5px solid #e3e3e3;margin-right: 20px !important;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-left: none;display: flex;align-items: center;}

.analysis-box .bookmark-area {display: flex;flex-direction: row;flex-wrap: nowrap;font-size: 24px;background: #e3e3e3;justify-content: flex-end;margin: 0px -10px;align-items: center;}

.analysis-box .bookmark-area div {margin: 0px 13px;}

.analysis-box .bookmark-area .fa-heart {color: #e41313;}

.analysis-box .field--name-field-ticker {/* text-align: center; */margin-top: 10px;margin-bottom: 0px;}

.analysis-box .field--name-field-ticker img {margin-bottom: 0px;width: 50px;border-radius: 50%;}

.analysis-box .field--name-field-analysis-reference {align-content: center;align-items: center;width: 85px;}

.analysis-box .field--name-field-analysis-reference a {background: #00acee;border-radius: 5px;box-shadow: 0px 0px 1px #000;color: #f5f5f5;border-bottom: none;width: 100%;display: block;line-height: 24px;font-size: 14px;text-align: center;}
    
.analysis-box .price {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-around;}

.analysis-box .field--name-field-markt-predict img {width: 50px;}

.analysis-quality-box .analysis-quality {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;/* margin: 20px; *//* background: #c3c3c3; */}

.analysis-quality-box .analysis-quality .field {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.analysis-quality-box .field--name-field-quality-1 {flex: 1;}

.analysis-quality-box .field--name-field-quality-2 {flex: 1;}

.analysis-quality-box .field--name-field-quality-3 {flex: 1;}

.analysis-quality-box .field--name-field-quality-4 {flex: 1;}

.analysis-quality-box .field--name-field-total-quality {flex: 1;}

.analysis-quality-box {margin: 20px;background: #dcdcdc80;border-radius: 5px;padding: 10px;text-align: center;}

.analysis-quality-box .progress {margin: 2px auto;}

.analysis-quality-box .field__item {display: flex;flex-direction: column-reverse;}

.analysis-box.analysis-score-quality {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;padding: 0px 20px 0px 20px;}

.analysis-box .analysis-total-quality {height: 150px;max-width: 270px;/* background: #e8e8e8; *//* border-radius: 5px; */margin-top:20px;}

.analysis-box .analysis-score {height: 150px;max-width: 270px;/* background: #e8e8e8; *//* border-radius: 5px; */margin-top:20px;background-color: #fff;border-radius: 16px;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);}

.analysis-box .field--name-field-total-quality {display: flex;flex-direction: column-reverse;flex-wrap: nowrap;height: 100%;align-items: center;justify-content: center;background-color: #fff;border-radius: 16px;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);}

.analysis-box .field--name-field-analysis-score {display: flex;flex-direction: column-reverse;flex-wrap: nowrap;height: 100%;align-items: center;justify-content: center;}

.analysis-box .field--name-field-total-quality div[role="circle-progress"] {
    --size: 100px;
    --fg: #0069ff;
    --bg: #0069ff59;
    --pgPercentage: var(--value);
    animation: growcircle-progress 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side,whitesmoke 80%,transparent 0 99.9%,white 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0);
    font-family: Helvetica,Arial,sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

.analysis-box .field--name-field-analysis-score div[role="circle-progress"] {
    --size: 100px;
    --fg: #0069ff;
    --bg: #0069ff59;
    --pgPercentage: var(--value);
    animation: growcircle-progress 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side,whitesmoke 80%,transparent 0 99.9%,white 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0);
    font-family: Helvetica,Arial,sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

.analysis-box .analysis-details-box .primary {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
}

.name-status {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;}

.analysis-text .field {width: 100%;}
[lang=fa] .analysis-body {text-align: justify;direction: rtl;}
[lang=en] .analysis-body {text-align: justify;direction: ltr;}

/********************************Analyzer Overview****************************/
#block-views-block-analyzer-detail-analysis-block {background: none;border: none;padding:0;top: 0;}

#block-views-block-analyzer-detail-analysis-block .content {/* background: #f5f5f5; *//* border-radius: 5px; */margin-top: 0;}

.view-analyzer-detail .dynamic-layouts-container.custom-12 {display: flex;align-items: stretch;flex-direction: row;flex-wrap: nowrap;height: 100%;}

.view-analyzer-detail .box-read-more {height: 160px;display: flex;max-width: 20px;}

.view-analyzer-detail .overview-box {flex: 1;min-height: 100%;}

.view-analyzer-detail .overview-box {display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;justify-content: flex-start;}

.view-analyzer-detail .overview-name {display: flex;flex-direction: row;flex-wrap: nowrap;height: 62px;align-items: center;background: #f0f0f0;justify-content: center;}

.view-analyzer-detail .overview-name img {margin-bottom: 0px;border-radius: 50px;border: 5px solid #fff;
    border-radius: 50px;}

.view-analyzer-detail .overview-details {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    height: 60%;
}

.view-analyzer-detail .field--name-field-analyzer-name {margin-bottom: 0px;flex: 1;text-align: center;}

.view-analyzer-detail .field--name-field-analyzer-name a {
    color: #000;
    font-weight: 400;
    margin-left:-60px;
}

.view-analyzer-detail .field--name-field-analyzer-image a {display: flex;}

.view-analyzer-detail .statistics div div:after {display: none;}

.view-analyzer-detail .statistics .field--name-field-correct-analysis {background: #3de31d;
    width: 100px;
    height: 20px;
    line-height: 20px;
    color: #f6f6f6;
    border-radius: 5px;
    padding: 0;
    font-weight: 400;
    font-size: 13px;text-align: right;padding-left: 0.5em;margin-top: 5px;}

.view-analyzer-detail .statistics .field--name-field-ineffective-analysis {background: #fb8e29;
    width: 100px;
    height: 20px;
    line-height: 20px;
    color: #f6f6f6;
    border-radius: 5px;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    text-align: right;
    padding-left: 0.5em;margin-top: 5px;}

.view-analyzer-detail .statistics .field--name-field-pending-analysis {background: #c4c5c4;
    width: 100px;
    height: 20px;
    line-height: 20px;
    color: #f6f6f6;
    border-radius: 5px;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    text-align: right;
    padding-left: 0.5em;
    margin-top: 5px;}

.view-analyzer-detail .statistics .field--name-field-fail-analysis {background: rgba(255,49,49,1);
    width: 100px;
    height: 20px;
    line-height: 20px;
    color: #f6f6f6;
    border-radius: 5px;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    text-align: right;
    padding-left: 0.5em;
    margin-top: 5px;}

.view-analyzer-detail .statistics {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}

.view-analyzer-detail .success-rate-box {text-align: center;margin-top: 5px;}


.field.field--name-field-total-analysis.field--type-integer.field--label-above {display: none;}

@media all and (max-width: 542px) {
.analyzer-name-photo {
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    margin-left: 0;
    width: 100% !important;
    justify-content: center;
    /* flex-wrap: nowrap; */
    }

.analyzer-name-photo .platform-logo {
    margin-left: -114.5px;
}
.analyzer-name-photo .field--name-field-analyzer-name {
    /* margin-left: 0px; */
    /* margin-top: 0px; */
    }
.social-box {
    justify-content: center;
    }
}

/************************************************************************************/
/*****************************************Expose**********************/
/************************************************************************************/

.select2-selection.select2-selection--single {
    width: 150px;
    height: 40px;
    border-radius: 10px;
    border: none;
}

.select2-selection__rendered {
    line-height: 40px !important;
}

.select2-selection__arrow {
    line-height: 40px;
    min-height: 40px;
    color: #444;
}

.views-exposed-form {background: #f5f5f5;border-radius: 16px;padding: 10px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}

.views-exposed-form .form--inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    }

.views-exposed-form .form-text {width: 255px;}

.views-exposed-form .form--inline div {/* flex: 1; */text-align: center;}

.views-exposed-form #edit-actions--2 {width: 100%;margin-top: 19px;display:none;}

.form-select {width: 150px;height: 40px;border-radius: 10px;border: none;box-shadow: 0px 0px 2px #00000096;}

.form-autocomplete {width: 150px;height: 40px;border-radius: 10px;border: none;box-shadow: 0px 0px 2px #00000096;}

.ui-autocomplete {background: #ffffff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.ui-autocomplete .ui-menu-item {line-height: 30px;}

.ui-autocomplete .ui-menu-item a {border-bottom: none;}

.views-exposed-form .form-actions {
    margin: 0px;
    padding: 0px;
}

/*.views-exposed-form .form--inline div {
    flex: 1;
    max-width: 150px;
}*/

.views-exposed-form .form-item {
    margin: 5px;
    font-size: 13px;
}

.views-exposed-form .select2-selection.select2-selection--single {
    width: 100%;
    border-radius: 10px;
}

.views-exposed-form .form-actions.js-form-wrapper.form-wrapper {
    width: 113px !important;
}

.views-exposed-form .js-form-type-select {
    flex: 1;
    min-width:120px;
}

.views-exposed-form .js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-sort-by.form-item-sort-by {
    flex: 1;
    text-align: left;
    margin: 0px 0px;
}

.views-exposed-form #edit-sort-by-score--2 {
    display: none;
}

.views-exposed-form #edit-sort-by-date--2 {
    display: none;
}

.views-exposed-form #edit-sort-by-field-analyzer-score-value--2 {
    display: none;
}

.views-exposed-form #edit-sort-by-created--2 {
    display: none;
}

.views-exposed-form #edit-sort-by-field-success-rate-value--2 {
    display: none;
}

.views-exposed-form #edit-sort-by-field-average-quality-analysis-value--2 {
    display: none;
}

.views-exposed-form #edit-sort-by-date--2:checked ~ label {
    background-color: #00aec6;
    min-width: 113px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: #f5f5f5;
}

.views-exposed-form #edit-sort-by-score--2:checked ~ label {
    background-color: #00aec6;
    min-width: 113px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #f5f5f5;
}

.views-exposed-form #edit-sort-by-field-analyzer-score-value--2:checked ~ label {
    background-color: #00aec6;
    min-width: 113px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: #f5f5f5;
}

.views-exposed-form #edit-sort-by-field-success-rate-value--2:checked ~ label {
    background-color: #00aec6;
    min-width: 113px;
    color: #f5f5f5;
}

.views-exposed-form #edit-sort-by-field-average-quality-analysis-value--2:checked ~ label {
    background-color: #00aec6;
    min-width: 113px;
    color: #f5f5f5;
}

.views-exposed-form #edit-sort-by-created--2:checked ~ label {
    background-color: #00aec6;
    min-width: 113px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #f5f5f5;
}


.views-exposed-form .option {
    display: flex;
    margin: 0;
    justify-content: center;
}

.views-exposed-form .form-radios .form-radios {
    display: flex;
    line-height: 35px;
    flex-direction: row;
    gap:10px;
}

#edit-sort-by--2--wrapper {
    flex: 2;
    min-width: 200px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00afc4;
    color: white;
}

#edit-sort-by--2 ul {margin: 0;padding: 0;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}

#edit-sort-by--2 ul li {display: flex;}

#edit-sort-by--2 ul li a {width: 150px;border-bottom: none;background: #fff;/* margin-right: 0.5em; */height: 40px;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 2px #00000096;line-height: 40px;color: #000;}

#edit-sort-by--2 {width: 100%;max-width: 100%;border: 2px solid #00afc4;border-radius: 10px;}

.form-type-select.js-form-item-sort-by.form-item-sort-by {max-width: 310px;}

#edit-sort-by--2 ul li a:hover {background: #68d0d0;}

#edit-sort-by--2 ul li a:active {background: #68d0d0;}

#edit-submit-analysis-list--2 {width: 150px;
    height: 40px;
    line-height: 25px;
    background: #e8e8e8;
    box-shadow: none;
    border: none;
    border-radius: 10px;
    font-weight: 500;box-shadow: 0px 0px 3px 0px #414141;}

#edit-submit-analysis-list--2:hover{
    background: #fff;
}
/************************************************************************************/
/*****************************************Load More**********************/
/************************************************************************************/
.js-pager__items.pager {text-align: center;margin-top: 20px;}

.js-pager__items.pager .button {width: 150px;height: 25px;line-height: 25px;background: #e8e8e8;box-shadow: none;border: none;border-radius: 10px;font-weight: 500;}

.js-pager__items.pager .button:hover {
    background: #c4c5c4;
}




@media all and (min-width: 1121px) {
  .layout-container {
    max-width: 100%;
  }
}


@media all and (max-width: 599px) {
    .analyzer-profile.quality {min-width: 294px;}
    
    .analyzer-profile.quality .field--name-field-quality1 {width: 150px;display: inline-block;}
    
    .analyzer-profile.quality .field--name-field-quality2 {width: 140px;display: inline-block;}
    
    .analyzer-profile.quality .field--name-field-quality3 {width: 150px;display: inline-block;}
    
    .analyzer-profile.quality .field--name-field-quality4 {width: 140px;display: inline-block;}
    
    .analyzer-profile.quality .field--name-field-average-quality-analysis {text-align: center;}
    
    .analyzer-profile.quality .field--name-field-average-quality-analysis .field__item {justify-content: center;}
}

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

.view-analysis-of-analyzer .dynamic-layout-row.box.box-2 {flex: 1;}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-2 a {font-size: 12px;}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-3 {flex: 1;width: auto !important;line-height: 30px;}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-4 {margin: 0px 0px !important;height: 100%;min-width: 95px;flex: 1;}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-5 {height: 30px;line-height: 30px;width:30px;}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-6 {margin: 0px -30px 0px 0px !important;flex: 1;width: 20px;display: none;}

.view-analysis-of-analyzer .dynamic-layout-row.box.box-4 .col-12 {display: flex;flex-direction: column;align-items: stretch;height: 100%;align-content: flex-start;}

/*.dynamic-layouts-container-column.layout-builder--layout__region.col-12 {font-size: 10px;}*/

.view-display-id-analyzer_list_page .dynamic-layout-row.box.box-1 {display: flex;flex-direction: column;flex-wrap: nowrap;height: 100%;justify-content: center;align-items: center;background: #e2e2e2;padding: 0px 10px;text-align: center;}

.view-display-id-analyzer_list_page .dynamic-layout-row.box.box-3 {flex: 2;}

.view-id-analyzer_list .field--name-field-average-quality-analysis div[role="circle-progress"] {--size: 75px;}
    
.view-id-analyzer_list .field--name-field-success-rate div[role="circle-progress"] {--size: 75px;}

.view-display-id-analyzer_list_page .box-1 .field--name-field-analyzer-score{justify-content: center;font-size: 11px;}

.view-display-id-analyzer_list_page .box-1 .field--name-field-analyzer-name a {font-size: 12px;}

.view-display-id-analyzer_list_page .dynamic-layout-row.box.box-3 .field__label {font-size: 11px;}
/********************************Analysis List**************************/
.view-analysis-list .dynamic-layout-row.box.box-6{display:none;}

.view-analysis-list .dynamic-layout-row.box.box-4 .col-12 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height:100%;
    justify-content: space-around;
}

.view-analysis-list .dynamic-layout-row.box.box-2{flex:2;}

.view-analysis-list .dynamic-layout-row.box.box-2 .field--name-node-title a{font-size: 12px;}

.view-analysis-list .dynamic-layout-row.box.box-2 .field--name-field-analyzer-name a {font-size: 12px;}

/********************************************************************************************/
/***********************************Analysis of Coin****************************************/
.view-analysis-of-coin .dynamic-layout-row.box.box-2 {flex: 1;}

.view-analysis-of-coin .dynamic-layout-row.box.box-2 a {font-size: 12px;}

.view-analysis-of-coin .dynamic-layout-row.box.box-3 {flex: 1;width: auto !important;line-height: 30px;}

.view-analysis-of-coin .dynamic-layout-row.box.box-4 {margin: 0px 0px !important;height: 100%;min-width: 95px;flex: 1;}

.view-analysis-of-coin .dynamic-layout-row.box.box-5 {height: 30px;line-height: 30px;width:30px;}

.view-analysis-of-coin .dynamic-layout-row.box.box-6 {margin: 0px -30px 0px 0px !important;flex: 1;width: 20px;display: none;}

.view-analysis-of-coin .dynamic-layout-row.box.box-4 .col-12 {display: flex;flex-direction: column;align-items: stretch;height: 100%;align-content: flex-start;}


/**************************************Analysis Page*********************/
/*
.analysis-box {display: flex !important;align-items: flex-end;flex-direction: column;align-content: stretch;flex-wrap: nowrap;justify-content: space-evenly;max-width: 100%;padding: 20px;}

.analysis-box .analysis-details-box {display: flex;flex-direction: column-reverse;padding: 0px;flex: 1;margin: 0;align-items: stretch;flex-wrap: nowrap;border-top-left-radius: 30px;border-top-right-radius: 30px;background: #e3e3e3;}

.analysis-box .bookmark-area {display: flex;
    flex-direction: row;
    margin: -1px;
    flex-wrap: nowrap;
    height: 100%;
    background:none;
}

.analysis-box .field--name-field-ticker {width: 60px;margin-top: 0px;text-align: left;}

.analysis-box .analysis-text {margin: 0px 0px 0px 0px;padding: 0px;font-size: 14px !important;border-left: 1px solid #e3e3e3;border-top: none;border-bottom-left-radius: 5px;border-top-right-radius: 0px;}

.analysis-box .analysis-text a {width: 100%;position: relative;left: 0px;}

.analysis-box .field--name-field-analysis-reference {
    width: 50px;
    margin: 0px 0px 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.analysis-box .field--name-field-analysis-reference a {
    font-size: 10px;
    line-height: 20px;
    width: 70px;
}

.analysis-box .bookmark-area .flag-bookmark {
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;}

.analysis-box .bookmark-area .flag-like {
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;}

.analysis-box .field--name-field-analysis-status {flex: 1;}

.analysis-box .field--name-field-analyzer-name {flex: 1;}

.analysis-box .price {flex: 1;}

.analysis-box .field--name-field-markt-predict {flex: 1;}

.analysis-box .field--name-field-analysis-method {flex: 1;}

.analysis-box .analysis-details-box .primary {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;flex: 1;justify-content: space-between;align-content: center;border-top-left-radius: 30px;border-top-right-radius: 30px;height: 50px !important;}

.analysis-box .field--name-field-ticker-logo {height: 50px;}

.analysis-box .name-status {flex: 1;}
*/

.dynamic-layout-row.analysis-box.analysis-text-detail {display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;padding: 5px;margin: 20px 20px 0px;}

.analysis-box .analysis-details-box {margin: 0px;padding: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border: 5px solid #e3e3e3;border-bottom: none;border-top-right-radius: 5px;border-top-left-radius: 5px;}

.analysis-box .analysis-text {margin: 0px !important;padding: 0px;border: 5px solid #e3e3e3;border-top: none;border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;padding-top: 10px;padding-bottom: 10px;}

.analysis-box .bookmark-area {margin: 0px;border-top-right-radius: 0px;border-top-left-radius: 0px;display: flex;justify-content: center;}

.analysis-box .analysis-details-box .primary {display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;height: 120px;justify-content: center;align-content: space-around;padding-bottom: 10px;}

.analysis-box .analysis-details-box .primary a {
    color: #000;
    border-bottom: none;
}

.analysis-quality-box .field__label {
    font-weight: 500;
}

.analysis-box .analysis-text .analysis-body {font-size: 14px;padding: 10px;}

.name-status {height: 90px;display: flex;justify-content: space-evenly;min-width: 70px;}

.analysis-box .field--name-field-ticker {margin-top: 0px !important;height: 60px;}

.field.field--name-field-analyzer-name.field--type-entity-reference.field--label-hidden.field__item {height: 30px;/* margin-bottom: 0px; */line-height: 30px;}

.field.field--name-field-analysis-status.field--type-list-string.field--label-hidden.field__item {display: flex;flex-wrap: nowrap;flex-direction: column;justify-content: center;}

.analysis-box .price {height: 30px;line-height: 30px;}


.view-display-id-analyzer_list_page .dynamic-layouts-container.custom-12 {height:170px;}
/******Front*********/
    .view-today-top-analysts {
      flex-direction: column;
    }
    .view-today-top-analysts .view-content{
        margin-top:20px;
    }
    .canvasjs-chart-container {
        display: flex;
        justify-content: center;
    }
    .total-all {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        align-content: center;
    }
    .total-all .total-all-about {
      flex: none;
    }
    .total-all .total-all-pie {
      flex: none;
    }
/*    .path-frontpage #page {
        background-image: url('/sites/all/files/Coins-up.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-attachment: fixed;
        -webkit-background-attachment: fixed;
        -moz-background-attachment: fixed;
        -o-background-attachment: fixed;
    }
*/

}

@media all and (max-width: 305px) {
    
.view-id-analyzer_list .field--name-field-average-quality-analysis div[role="circle-progress"] {--size: 37px;}
    
.view-id-analyzer_list .field--name-field-success-rate div[role="circle-progress"] {--size: 37px;}



}

/* پیش‌فرض دسکتاپ: فقط سایدبار دیده بشه، نسخه‌ی بالای محتوا مخفی */
#block-views-block-analyzer-detail-analysis-block-2 { display: none; }
#block-analyst-sidebar2 { display: block; }

/* موبایل: برعکس — نسخه‌ی بالای محتوا دیده بشه و سایدبار مخفی */
@media (max-width: 768px) {
  #block-views-block-analyzer-detail-analysis-block-2 { display: block; }
  #block-views-block-analyzer-detail-analysis-block { display: none; }
}