/*@import https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css;*/
@font-face{
  font-family: "somo";
  src: url('/css/fonts/josefin/JosefinSans-Regular.ttf');
}
@font-face{
  font-family: "somoLight";
  src: url('/css/fonts/josefin/JosefinSans-Light.ttf');
}
@font-face{
  font-family: "somoBold";
  src: url('/css/fonts/josefin/JosefinSans-Bold.ttf');
}
@font-face{
  font-family: "somoHead";
  src: url('/css/fonts/edo.ttf');
}
@font-face{
  font-family: "quicksand";
  src: url('/css/fonts/Quicksand/Quicksand-VariableFont_wght.ttf');
}
*{
  box-sizing: border-box; 
  scroll-behavior: smooth; 
  transition: all 300ms;
}
*:focus{
   border-style: solid; 
   border-width: 1px 0px; 
   border-top-color: #ffffff; 
   border-bottom-color: #000000;
}
   body{
       padding: 0px; 
       margin: 0px; 
       font-family: quicksand, sans-serif; 
       background: #ffffff; 
       color: #000000; 
       font-size: 1em;
   }
   .hide{
       display: none !important;
   }
   @keyframes anmc{100%{transform: rotate(360deg);}}
   @keyframes zoom{0%{background-size: 20%;} 50%{background-size: 100%;} 100%{background-size: 20%;}}
   @keyframes grow{0%{height: 0px; width: 0px; bottom: -20%;} 98%{height: 92px; width: 435px; max-width: 98%;} 99%{height: initial; width: initial;}}
   div.ldnWait{}
   div.ldnWait>div{position: relative; width: 70px; height: 70px;}
   div.ldnWait#ldn_submit_interest{display: none;}
   div.ldnWait#ldn_submit_interest>div{position: relative; width: 28px; height: 28px; background: #1e2144; margin: 1px 7px; border-radius: 50%;}
   div.ldnWait.hm_cats>div{width: 49px; height: 49px; background: #00A5A2; border-radius: 50%;}
   div.ldnWait>div>p{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: 7px solid rgba(0,0,0,0); border-color: #a10739 rgba(0,0,0,0) rgba(0,0,0,0) #1ca0a4; animation: anmc 1s linear infinite; border-radius: 50%; margin: 0px; padding: 0px;}
   div.ldnWait>div>p:last-of-type{border-color: #fec949 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0); animation-duration: 2s;}
   div.ldnWait.preload{display: flex; justify-content: center; min-height: 210px; align-items: center; width: 100%; flex-direction: column;}
   div.ldnWait.stats{position: absolute; top: 0; right: 0; bottom: 0; left: 0; font: 500 2em quicksand, sans-serif; color: #ffffff; transition: 14s; transition-timing-function: linear;}
   div.ldnWait.stats.map.zoom{ animation: zoom 100s linear infinite !important; }
   div.ldnWait.side{min-height: 105px;}
   div.ldnWait.s_menu{display: flex; justify-content: center; height: 35px; align-items: center; width: 100%;}
   div.ldnWait.s_menu.s_menu_pre{height: initial; background-color: rgba(255, 239, 213, 0.5); background: radial-gradient(rgba(204, 99, 40, 0.7), rgba(255, 239, 213, 0.9)); color: #000000; cursor: wait;}
   div.ldnWait.s_menu>div{width: 28px; height: 28px; margin-right: 21px;}
   div.ldnWait.s_menu.s_menu_pre>div{width: 70px; height: 70px;}
   div.ldnWait.s_menu>div>p{border-color: #a10739 rgba(0,0,0,0) #cc6328 rgba(0,0,0,0); border-width: 7px; animation-duration: 2s;}
   div.ldnWait.s_menu>div>p:last-of-type{border-color: #ffc83B rgba(0,0,0,0) #1e2144 rgba(0,0,0,0); animation-direction: reverse;  animation-duration: 4s;}
   div.ldnWait.preload p{border-width: 35px;}
   div.ldnWait.preload.playbook-gen-loader{position: fixed; top: 70px; left: 10%; right: 10%; bottom: initial; background: #cc6328; max-width: 180px; flex-direction: row; justify-content: space-around; min-height: 42px; margin: auto; border-radius: 7px; color: #ffffff; z-index: 1;}
   div.ldnWait.preload.playbook-gen-loader>div{width: 35px; height: 35px;}
   div.ldnWait.preload.playbook-gen-loader p{border-width: 14px;}
   div.ldnWait.preload.playbook-gen-loader p:last-of-type{border-color: #ffc83B rgba(0,0,0,0) #ffffff rgba(0,0,0,0);}
   
   *::before,
   *::after {
       margin:0;
       padding:0;
       box-sizing:inherit;
   }
   
   html {
       box-sizing: border-box;
       font-family: quicksand;
   }
   
   .close {
       font-size: initial !important;
       font-weight: initial !important;
       line-height: initial !important;
       color: inherit;
       text-shadow: initial !important;
   }
   
   body>div.container-fluid{
       position: relative;
   }
   body>nav#mobile_only{
       background:#cc6328; 
       position: sticky; 
       top: 4px; 
       margin: 4px; 
       border-radius: 4px; 
       z-index: 10; 
       height: 49px; 
       display: none;
   }
   
   div.container-fluid .contentall div#topnavbar{
       margin: 0px auto 3px; 
       text-align: right; 
       padding: 3px 3%; 
       overflow: auto; 
       position: sticky; 
       top: 0; 
       background: inherit; 
       z-index: 10; 
       box-shadow: 0 1px 7px #cc6328;
   }
   div.container-fluid .contentall div#topnavbar>a{
       display: inline-block; 
       text-decoration: none;
   }
   
   div#fatal_error{
       min-height: 98vh; 
       padding: 3%; 
       margin: 0px auto; 
       text-align: center; 
       overflow: auto;
       background-color: #494344;
       /* background: linear-gradient(rgba(255,239,213,0.9), rgba(255,239,213,0.7)), url('/img/bg/newBg.jpg'); */
       background-size: cover;
   }
   div#fatal_error>h1{
       margin: 21px auto;
       color:#CC6328;
       font: 900 3em 'quicksand', sanserif;
   }

   
   div#fatal_error>h2{
       margin: 21px auto;
       color:#fff;
   }
   div#fatal_error>p{
       font-size: 1.2em;
       color:#fff;
   }
   div#fatal_error>a{
       display: block; 
       padding: 10px 20px; 
       font: 700 1.2em 'quicksand', sanserif;
       margin: 21px auto;
       color: #CC6328;
       border: 1px solid #FFC83B;
       border-radius: 35px;
       max-width: 380px;
       text-decoration: none;
       background: #FFC83B;
   }
   
   div.secure_menu{
       padding: 4px 3%;
       /*overflow: auto;*/
       display: flex;
       align-items: center;
       justify-content: center;
   }
   div.secure_menu h2{
       margin: 7px 21px;
       font-weight: 500;
   }
   div.secure_menu select.loan_fund_name_select{
       font-family: quicksand, sans-serif;
       padding: 7px;
       margin: 4px;
       font-size: 1em;
       border: 1px solid #909090;
       border-radius: 3px;
   }
   div.secure_menu select.loan_fund_name_select:focus{
       border: 1px solid #909090;
   }
   
   div.secure_menu.check_auth{
       /*height: 44px;*/
   }
   /*div.secure_menu:hover div.s_menu{
       height: 0px;
       opacity: 0;
       margin: 0px;
       padding: 0px;
       transform: scale(0);
   }*/
   div.secure_menu div.s_menu_b{
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
   }
   div.secure_menu div.s_menu_b.hide{
       display: none;
       height: 0px;
       opacity: 0;
       margin: 0px;
       padding: 0px;
       transform: scale(0);
   }
   /*div.secure_menu:hover div.s_menu_b{
       height: initial;
       opacity: 1;
       margin: 0px;
       padding: 0px;
       transform: scale(1);
   }*/
   div.secure_menu div.s_menu_b a{
       margin: 4px;
       padding: 7px;
       background: #1e2144;
       border-radius: 4px;
       min-width: 112px;
       color: #ffffff;
       text-align: center;
       text-decoration: none; 
   }
   
   div.sidebar div.s_menu_b{
       display: flex;
       flex-direction: column;
       justify-content: center;
       flex-wrap: wrap;
       background: #fff;
       border-radius: 4px;
       margin: 21px 2px;
       padding: 7px;
   }
   div.sidebar div.s_menu_b a{
       padding: 7px;
       margin: 5px 0px;
       background: #fff;
       border-radius: 4px;
       min-width: 112px;
       color: #000000;
       box-shadow: 1px 1px 3px #777777;
       text-decoration: none; 
   }
   div.sidebar div.s_menu_b a:hover{
       background: rgba(30, 33, 68, 0.3); 
   }
   div.sidebar div.s_menu_b h2#loan_fund_name_mn{
     display: none;
   }
   div.sidebar div.s_menu_b select.loan_fund_name_select{
       font-family: quicksand, sans-serif;
       padding: 7px;
       font-size: 1em;
       border: 1px solid #909090;
       border-radius: 3px;
   }
   div.sidebar div.s_menu_b select.loan_fund_name_select:focus{
       border: 1px solid #909090;
   }
   
   div.login_info{
       padding: 7px 3%; 
       margin: 0px auto; 
       text-align: center; 
       overflow: auto;
   }
   div.login_info>h1{
       margin: 7px auto;
       font-weight: 500;
       font-size: 1.4em;
   }
   div.login_info>h2{
       margin: 21px auto;
   }
   div.login_info>p{
       font-size: 1.2em;
   }
   div.login_info>p>a{
       color: #007aff;
       margin: 5px 15px;
       text-decoration: none;
   }
   div.login_info>a{
       display: block; 
       padding: 21px; 
       font-size: 1.2em;
   }
   
   div#swiperInfo /*div.swiper-slide*/{
       padding: 21px 1%; 
       position: relative;
   }
   div#swiperInfo:hover{
       /*height: initial !important;*/
       height: 50vh;
   }
   div#swiperInfo div#swiperBg{
       background: url('/img/slider/papshop.jpg') no-repeat center; 
       background-size: cover; 
       /*filter: grayscale(70%)*//*blur(5px)*/; 
       position: absolute; 
       left: 0; 
       right: 0; 
       top: 0; 
       bottom: 0; 
       /*opacity: 0.2; */
       animation: bgEffect 14s linear alternate infinite;
   }
   @keyframes bgEffect{
       0%{width: 100%;} 
       100%{width: 120%;}
   }
   div#swiperInfo div.swiper-slide{
       margin: 21px auto;
   }
   div#swiperInfo div.swiper-slide img{
    margin: 0px; 
    padding: 0px;
   }
   
   /*container-fluid {
       padding: 10px;
       width:100%;
       display: flex;    
       font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
   }*/
   
   h3 {
       color:#000;
       /* border: 1px solid #212153; */
       padding-bottom:20px;
       width:max-content;
       font-family: Arial, Helvetica, sans-serif;
       text-align: center;
       align-content: center;
       margin-left: 35px;
       /* background:#212153; */
   }
   div.placeholder{
       height: 56px;
   }
   #sidebar {
       width: 25%;
       height:100%;
       background-color: #c0323f;
       text-align: center;
       position: fixed;
       top:0;
       left:0;   
       /*overflow-y: scroll;*/
       overflow: auto;
       /*font-family:monospace;*/
   }
   #sidebar div.logo{
       margin: 21px auto 14px; 
       width: 280px; 
       max-width: 91%; 
       padding: 14px; 
       border-radius: 7px; 
       /* background: #e47537; 
       box-shadow: 2px 2px 4px #353535, -2px 2px 4px #353535; 
       position: relative; */
   }
   #sidebar div.logo:hover{
       box-shadow: 2px 2px 4px #ffffff, -2px 2px 4px #ffffff;
   }
   #sidebar div.logo>a{
       text-decoration: none; 
       color: #000000; 
       display: block;
   }
   #sidebar div.logo>a>img{
       width: 210px;
       max-width: 98%;
       max-height: 50px;
       object-fit: contain;
       height: 49px;
   }
   #sidebar div.logo>a>h3{
       margin: 7px 21px auto; 
       text-align: center; 
       width: initial; 
       padding: 3px !important; 
       font:650 3.8em quicksand, sans-serif;
       color:#fff;
   }

   div#sidebar.close > div.logo > a#logo_link > h3 {
    color:#fff;
   }
   #sidebar div.logo>a>b{
       padding: 4px; 
       background: #ffffff; 
       position: absolute; 
       border-radius: 50%; 
       box-shadow: 2px 2px 4px #000000, -2px 2px 4px #000000, 2px -2px 4px #000000, -2px -2px 4px #000000;
       display: none;
   }
   #sidebar div.logo>a>b:nth-of-type(1){
       top:7px; 
       left: 7px;
   }
   #sidebar div.logo>a>b:nth-of-type(2){
       top:7px; 
       right: 7px;
   }
   #sidebar div.logo>a>b:nth-of-type(3){
       bottom:7px; 
       left: 7px;
   }
   #sidebar div.logo>a>b:nth-of-type(4){
       bottom:7px; 
       right: 7px;
   }
   
   #one {
       width:40%;
       border:1px solid black;
       margin:10px;
   }
   .sidebar {
       width:91%;
       text-align: left;
       margin: 7px auto;
   }
   
   .sidebar a {
       color:black;
       text-align: justify;
   }
   
   .contentall, div.container-fluid>footer {
       width:75%;
       /* position:relative; */
       margin-left: 25%;
       left:0px;
       /* background:#ffefd5; */
       background: #ffffff;
       min-height: 98vh;
   }
   div.container-fluid>footer{
       min-height: 21vh;
   }
   
   .topnavbar {
       /* width:75%; */
       /*float:right;*/
   }
   
   #bg {
       position:relative;
       top:90px;
       left:0px;
   }
   
   div#public_page_view {
       display: flex;
       flex-wrap: wrap;
       width: initial;
       align-items: flex-start;
       position: relative;
       padding-top: 70px;
   }
   div#public_page_view div.photo {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       margin: 21px auto;
       width: initial;
       max-width: 96%;
       position: relative;
   }
   div#public_page_view div.photo a{
      /* width: 100%;*/
       margin: 14px 3px;
       font:700 16px quicksand, sans-serif;
       background: #cc6328;
       color: #FFC83B;
       padding: 7px; 
       border-radius: 7px;
       height: 35px;
       text-decoration: none;
   }
   
   div#public_page_view div.photo>div.action{
       border: 1px solid #808080;
       border-radius: 4px;
       padding: 7px;
       max-width: 280px;
       width: 100%;
   }
   div#public_page_view div.photo>div.action p.need{
       margin: 3px auto;
       text-align: center;
   }
   div#public_page_view div.photo>div.action>button.express_in{
       display: flex; 
       align-items: center; 
       margin: 7px auto; 
       background: #FFC83B; 
       padding: 5px; 
       border-radius: 4px; 
       text-align: center; 
       color: #000000; 
       justify-content: center; 
       text-decoration: none; 
       cursor: pointer; 
       width: 98%; 
       max-width: 210px; 
       border: none;
   }
   div#public_page_view div.photo>div.action>button.express_in:hover{background: #CC6328; color: #FFFFFF;}
   div#public_page_view div.photo>div.action>button.express_in i.fa{margin-left: 3px;}
   
   
   div#public_page_view div.photo img.bg{
       object-fit: contain;
       width: 300px;
       height: 300px;
       max-width: 91vw;
       border-radius: 50%;
       opacity: 1;
   }
   div#public_page_view div.photo img.img{
       position: absolute;
       object-fit: cover;
       width: 280px;
       height: 280px;
       max-width: 84vw;
       top: 9px;
       right: 0;
       bottom: initial;
       left: 0;
       margin: auto;
       background: #fec848;
       border-radius: 50%;
   }
   div#public_page_view div.photo p.not-seeking-invest-note{
       margin: 7px auto;
       display: none;
   }
   
   div#public_page_view div.text h5{
       position: absolute;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       top: 7px; 
       left: 0%; right: 0%;
       margin: 3px auto;
       padding: 7px;
       font-size: 1.4em;
   }
   
   div#public_page_view div.text h5 img{
       margin: 3px 21px 3px 3px;
       height: 49px;
       object-fit: contain;
       width: 105px;
   }
   
   div#public_page_view div.text h5 span{
      /*width: 70%;*/
      text-transform: uppercase;
   }
   
   div#private_page_view_v2{
       display: block;
   }
   div#private_page_view div.text h5{
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       margin: 3px auto;
       padding: 7px;
       font-size: 1.4em;
       max-width: 98%;
       justify-content: space-between;
   }
   
   div#private_page_view div.text h5 img{
       margin: 3px 21px 3px 3px;
       height: 50px;
       object-fit: contain;
       width: 50px;
       border-radius:50%;
   }
   
   div#private_page_view div.text h5 span{
      width: initial;
      display: flex;
      align-items: center;
      text-transform: uppercase;
   }
   
   div#private_page_view div.text h5 a{
      display: flex;
      background: #00a5a2;
      color: #ffc83b;
      padding: 7px 14px;
      border-radius: 7em;
      text-decoration: none;
      font-size: 16px;
      font-weight: 500;
      margin: 7px 0;
   }
   
   div#public_page_view div.text section{
       flex-direction: column;
       justify-content: flex-start;
   }
   
   div#public_page_view div.text section div.vid_embed{
    position: relative;
    width: 100%; /* Full width */
    padding-top: 56.25%; /* Aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    margin: 0 auto; /* Center the container */
    border: 0.3em solid #FFC83B; /* Keep your border styling */
    border-radius: 1.5em; /* Rounded corners */
    overflow: hidden; /* Prevent content from overflowing */
}
   
   div#public_page_view div.text section div.vid_embed iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border: 0; Remove default border */
    border-radius: inherit; /* Match the container's border radius */
}
   
@media (max-width: 576px) {
  .vid_embed {
      padding-top: 75%; /* Slightly taller for better visibility on small screens */
      border: 0.2em solid #FFC83B; /* Reduce border thickness */
  }
}

   .cards-container {
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px; */
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    justify-content: center;
  margin: 20px;
  gap: 40px;
}
  
  
  .card {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:250px;
    height: 150px;
    margin: 5px;
    cursor:pointer;
  }
  
  .status-container {
    display: flex;
    flex-direction: column; /* Arrange rows vertically */
    margin:20px;
    
    /* gap: 10px; Spacing between rows */
  }
  
  .row {
    display: flex;
    flex-direction: row; /* Arrange columns horizontally */
        border: 1px solid #ccc;

    /* gap: 10px; Spacing between columns */
  }
  
  .column {
    flex: 1; /* Equal column widths */
    padding: 20px;
    /* border: 1px solid #ccc; */
    text-align: center;
  }

  div#scorecardLicenseHolder .column, div#scorecardPlaybookHolder .column {
    text-align: left;
  }

  .rating span {
    color: #ccc; /* Default star color */
    transition: color 0.2s;
  }
  
  .rating span:hover,
  .rating span:hover ~ span {
    color: #ffc107; /* Star color on hover */
  }

  .rating span.act{
    color: #c0323f;
  }
  
  

  .Scorecard_icon__1ulAd {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .Scorecard_icon__1ulAd svg {
    width: 24px; /* Adjust size as needed */
    height: 24px;
  }
  .card-number {
    position: absolute;
    top: 10px;
    left: 10px;
    /* font-weight: bold; */
    color: #555;
    font-size: 1.3em;
  }
  
  .card-arrow {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.5em;
    color: #888;
  }
  
  .card-content {
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    text-align: left;
    cursor:pointer;
  }
  
  .card-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 1.5em;
    color: #777;
  }
  
  @media (max-width: 600px) {
    .cards-container {
      grid-template-columns: 1fr;
    }
  }
  

   #photo {
       position:absolute;
       top:190px;
       left:405px;
   }
   
   #logo {
       /* width: 60px; */
       /*padding-top: 30px;*/
   
   }
   
   .links {
       position: relative;
       display: inline-block;
   }
   .topnavbar a {
       color:#C4233C;
       margin-left:25px;
       font:700 1em quicksand, sans-serif;
       
   }
   
   .topnavbar a.active {
       color: #000;
   }
   
   #btn {
       background-color: #FFC83B;
       padding:4px 10px;
       color:#000;
       border-radius: 30px;
       border:1px solid #000;
   }
   
   #btn>a {
       color:#ffffff;
   }
   
   .links a {
       color:#C4233C;
       text-decoration: none;
       font-size:1.3em;
   
   }

   div.links div.col_4 div.action button#express_in_btn.express_in {
    color:#C4233C;
       text-decoration: none;
       font-size:1.3em;
       background-color: #FFC83B;
       font-family: 'quicksand', sans-serif;
       border:1px solid #FFC83B;
       cursor: pointer;
   }
   .sublinks {
       display:none;
       position:absolute;
       padding: 12px 16px;
       z-index: 1;   
   }
   
   ul li{
       list-style-type: none;
   }
   
   #icon {
       padding:15px;
   }
   .content {
       width:100%;
       top:0;
       right:0;
       display: flex;
       /* padding-top:20px; */
       /* flex-wrap: wrap; */
   }
   .content #private_stats_holder{
       position: relative;
       min-height: 280px;
   }
    .content2 {
        width: 100%;
        /* flex-wrap: wrap; */
   
    }

/*Pie Charts*/
.pie-chart-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 400px; /* Adjust max width to keep responsiveness */
  margin: auto; /* Centers the container */
}

.pieCharts {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 250px;

}

div.pieCharts canvas {
  max-width: 100%;
  height: auto;
}

.legend-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap; /* Ensures items wrap on smaller screens */
}

.legend-container p {
  margin: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.legend-container i {
  font-size: 14px;
  margin-right: 5px;
}

   
/*styling the new page-data-view section*/
div#public_page_view_v2 {
  display: flex;
  flex-wrap: wrap;
  width: initial;
  align-items: flex-start;
  position: relative;
  /* padding-top: 70px; */
}
div#public_page_view_v2 div.photo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 21px auto;
  width: initial;
  max-width: 96%;
  position: relative;
}
div#public_page_view_v2 div.photo a{
 /* width: 100%;*/
  margin: 14px 3px;
  font:700 16px quicksand, sans-serif;
  background: #cc6328;
  color: #FFC83B;
  padding: 7px; 
  border-radius: 7px;
  height: 35px;
  text-decoration: none;
}

div#public_page_view_v2 div.photo>div.action{
  border: 1px solid #808080;
  border-radius: 4px;
  padding: 7px;
  max-width: 280px;
  width: 100%;
}
div#public_page_view_v2 div.photo>div.action p.need{
  margin: 3px auto;
  text-align: center;
}
div#public_page_view_v2 div.photo>div.action>button.express_in{
  display: flex; 
  align-items: center; 
  margin: 7px auto; 
  background: #FFC83B; 
  padding: 5px; 
  border-radius: 4px; 
  text-align: center; 
  color: #000000; 
  justify-content: center; 
  text-decoration: none; 
  cursor: pointer; 
  width: 98%; 
  max-width: 210px; 
  border: none;
}
div#public_page_view_v2 div.photo>div.action>button.express_in:hover{background: #CC6328; color: #FFFFFF;}
div#public_page_view_v2 div.photo>div.action>button.express_in i.fa{margin-left: 3px;}

div#public_page_view_v2 div.photo img{
}
div#public_page_view_v2 div.photo img.bg{
  object-fit: contain;
  width: 300px;
  height: 300px;
  max-width: 91vw;
  border-radius: 50%;
  opacity: 1;
}
div#public_page_view_v2 div.photo img.img{
  position: absolute;
  object-fit: cover;
  width: 280px;
  height: 280px;
  max-width: 84vw;
  top: 9px;
  right: 0;
  bottom: initial;
  left: 0;
  margin: auto;
  background: #fec848;
  border-radius: 50%;
}
div#public_page_view_v2 div.photo p.not-seeking-invest-note{
  margin: 7px auto;
  display: none;
}

div#public_page_view_v2 div.text h5{
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  top: 7px; 
  left: 0%; right: 0%;
  margin: 3px auto;
  padding: 7px;
  font-size: 1.4em;
}

div#public_page_view_v2 div.text h5 img{
  margin: 3px 21px 3px 3px;
  height: 49px;
  object-fit: contain;
  width: 105px;
}

div#public_page_view_v2 div.text h5 span{
 /*width: 70%;*/
 text-transform: uppercase;
}

div#private_page_view_v2 div.text h5{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 3px auto;
  padding: 7px;
  font-size: 1.4em;
  max-width: 98%;
  justify-content: space-between;
}

div#private_page_view_v2 div.text h5 img{
  margin: 3px 21px 3px 3px;
  height: 49px;
  object-fit: contain;
  width: 105px;
}

div#private_page_view_v2 div.text h5 span{
 width: initial;
 display: flex;
 align-items: center;
 text-transform: uppercase;
}

div#private_page_view_v2 div.text h5 a{
 display: flex;
 background: #00a5a2;
 color: #ffffff;
 padding: 7px 14px;
 border-radius: 7px;
 text-decoration: none;
 font-size: 16px;
 font-weight: 500;
 margin: 7px 0;
}
div.topdiv, div.middiv {
  display: flex;
  background-color: #FFC83B;
  justify-content: space-evenly;
  padding:10px;

 }
 div.middiv {
  background-color: #FFF !important;
  width:100%;

 }
 div.middiv > div.image, div.biz-details, div.years{
  width:30%;
 }
 div.middiv > div.image img {
  width:50%;
 }

div.bottomdiv .risk-title {
  display: flex;
      justify-content: space-between;
      align-items: center;
      width: 80%;
      margin: 50px auto;
      /* border: 1px solid #ccc; */
      padding: 10px;
      border-radius: 5px;
      max-width: 600px;
      flex-wrap: wrap;
      /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
}

#chart-container {
  width: 400px;
  height: 200px;
  position: relative;
}

canvas {
  display: block;
  width:100%;
  /* height:auto; */
}
.topic-rsk {
  text-align: center;
  font-size: 2.2em;
  font-weight: bold;
  font-family: 'quicksand', sans-serif;
  color:#fff;
  background-color: #a22731;
  letter-spacing: .1em;
  margin: 20px 0;
}

div.risk-title button {
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  color: white;
  border: none;
  border-radius: 50%;
  width:50px;
  height:50px;
  border:2px solid #fff;
  background-color: #C4233C;
}

div.risk-title button:hover {
  background-color: #ecc;
}
div.score {
  align-items: center;
  justify-content: center;
  width:70%;
}
div.score p {
  color:#FFC83B;
  text-align: center;
  font-size:2em;
  justify-content: center;
  align-items: center;

}

div.bottomdiv2 .accordion {
  max-width: 90%;
  margin: 20px auto;
  background-color: #fff;
}

div.bottomdiv2 .accordion-item {
  border: 2px solid #000;
  margin: 10px;
}

div.bottomdiv2 .accordion-header {
  width: 100%;
  padding: 15px;
  text-align: left;
  background-color: #f7f7f7;
  border: none;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

div.bottomdiv2 .accordion-header .title {
  font-size: 16px;
}

div.bottomdiv2 .accordion-header .icon {
  font-size: 18px;
}

div.bottomdiv2 .accordion-content {
  display: none;
  padding: 15px;
  background-color: #fafafa;
}


/* Responsive styles */
@media (max-width: 768px) {
  div.bottomdiv {
    height: auto; /* Allow content to determine height */
    padding: 10px;
  }

  div.bottomdiv .risk-title {
    width: 100%; /* Full width on smaller screens */
    margin: 10px auto;
    padding: 8px;
  }

  .topic-rsk {
    font-size: 1.8em; /* Reduce font size for smaller screens */
  }

  div.risk-title button {
    width: 40px;
    height: 40px;
    font-size: 14px; /* Adjust button size */
  }

  div.bottomdiv2 .accordion {
    max-width: 100%; /* Use full width */
    padding: 10px; /* Add padding */
  }
}

.bar-graph {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  width: 80%;
  max-width: 600px;
  height: 300px;
  /* background-color: #eee; */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #8b8a8a;
  margin:35px;
}

/* Individual bars */
.bar {
  position: relative;
  width: 15%;
  height: var(--bar-height, 50%);
  background-color: #4caf50;
  border-radius: 5px 5px 0 0;
  transition: background-color 0.3s;
}

.bar:hover {
  background-color: #3e8e41;
}

.bar-graph-container {
  text-align: center;
  width: 100%;
  /* max-width: 600px; */
  /* margin:20px; */
}

h2 {
  margin-bottom: 20px;
}

.graph {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 500px;
  max-height: 84vh;
  margin: 0 auto;
  /*border-left: 2px solid #000;
  border-bottom: 2px solid #000;*/
  background-color: #fff;
}

div.bar-graph-container .graph {
  align-items: center;
}

@media screen and (orientation: portrait) {
  .graph {
    height: 500px;
    max-height: 49vh;
  }
}

.bars {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 90%;
  height: 100%;
}

.bar {
  position: relative;
  width: 15%;
  background-color: #4CAF50;
  margin: 0 10px;
  text-align: center;
  color: white;
  font-size: 12px;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.bar:hover {
  transform: scale(1.1);
}

.bar::after {
  content: attr(data-value);
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #000;
}

.y-axis {
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 12px;
  color: #000;
}

.x-axis {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 10px auto 0 auto;
  font-size: 12px;
  color: #000;
}
@media (max-width: 480px) {
  .topic-rsk {
    font-size: 1.5em; /* Further reduce font size for very small screens */
  }

  div.risk-title button {
    width: 35px;
    height: 35px;
    font-size: 12px; /* Smaller button size */
  }
}


 .gauge-body {
  display: flex;
  justify-content:space-around;
  align-items: center;
  /* height: 100vh; */
  margin: 0;
  font-family: Arial, sans-serif;
  flex-wrap: wrap;
} 

.gauge-body .chart-container{
  width: 400px; height: 235px; margin: auto; display: flex; justify-content: center;
}
.gauge-body .chart-container + .score-{
  text-align: center;
  font-weight: 700;
  font-size: 1.4em;
}

.gauge-container {
  position: relative;
  width: 450px;
  height: 350px;
}

.gauge {
  position: relative;
  width: 100%;
  height: 100%;
  background: conic-gradient(
    #C4233C, /* Start color */
    #CC6328, /*Intermediate color 1*/
    #FFC83B, /* Intermediate color 2*/
    #00A5A2  /* End color */
  );
  border-radius: 50%;
  clip-path: inset(0 50% 0 0);
  transform: rotate(90deg);
  margin-top: 5em;
}

.needle {
  position: absolute;
  width: 6px;
  height: 140px;
  background: #333;
  top: 50%;
  left: 50%;
  transform-origin: 50% 0%;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.value {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  top: 60%;
  transform: translateY(-50%);
}

.gauge-explainer p {
  line-height:2em ;
}

#progressbar {
  background-color: black;
  border-radius: 13px;
  /* (height of inner div) / 2 + padding */
  padding: 3px;
}

#progressbar>div {
  background-color: orange;
  width: 40%;
  /* Adjust with JavaScript */
  height: 20px;
  border-radius: 10px;
}

div.bottomdiv2 .accordion-content p {
/*  margin: 0;*/
}

.score-summary {
  display:flex;
  justify-content: center;
  align-items: center;
}

 div.topdiv > div.logo > img {
  width:70px;
  height:70px;
  object-fit: contain;
  border-radius: 50%;
 }
 div.topdiv div.biz-name {
  color:#C4233C;
  font-size: 1.5em;
  line-height: 3em;
 }
 div.topdiv div.biz-name span {
  font-size:2.5em;
 }

 div.middiv > div.biz-details label,
div.middiv > div.biz-details input {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  color:#C4233C;
  font-weight: 600;
}
div.middiv > div.biz-details p {
  border: 1px solid rgb(11, 11, 11);
  padding:.5em;
  border-radius:7px;

}
div.years button {
  color:#212153;
  border:#212153;
  background-color: #FFC83B;
  border-radius:20px;
  padding:1em;
  margin:3em;
}
div.middiv > div.biz-details input {
  padding: 5px;
  box-sizing: border-box;
}

div#public_page_view_v2 div.text section{
  flex-direction: column;
  justify-content: flex-start;
}
div.biz-details {
  flex-direction: column;
}

div#scorecard-classes{
  display: flex;
  justify-content: space-around;
}
div#scorecard-classes div.score-class{
  display: none;
}

div#scorecard-classes div.score-class.active{
  display: block;
}
div.bottomdiv {
  background-color: #a22731;
  /* height:100vh; */
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:20px;
  box-sizing: border-box;
}
div#public_page_view_v2 div.text section div.vid_embed{
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio */
  margin: 0 auto;
}

div#public_page_view_v2 div.text section div.vid_embed iframe{
  

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

div#public_page_view_v2 div.intro {
  display:flex;
/*  padding-top:3rem;*/
/*  min-height:100vh;*/
  flex-wrap: wrap;
  flex-direction: row;
}

@media screen and (max-width: 767px){
  div#public_page_view_v2 div.intro div.div{
    padding-left: 0px !important;
  }
}

div#public_page_view_v2 div.intro img.bg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: 91vw;
  border-radius: 50%;
  opacity: 1;
  box-shadow: 0rem -8px .5rem rgba(0,0,0, .1);
  border:1px solid #fff;
  z-index: 2;
}

div#public_page_view_v2 div.intro img.img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 97%;
  /* max-height: 80%; */
  z-index: 1;
  width:235px;
  height:235px;
  border-radius:50%;
  object-fit:cover;
}
div#public_page_view_v2 div.intro h5 {
  /* display:flex; */
  display: flex;
  align-items: center; /* Align items vertically in the center */
  justify-content: center; /* Center items horizontally */
  text-align: left;
  font-family: 'quicksand', sans-serif;
  color: #C4233C;
  margin: 5px;
  font: 600 1.5em quicksand, sans-serif;
}


div#public_page_view_v2 div.intro h5 img {
  /* margin: 3px 21px 3px 3px;*/
  height: 80px; 
/*  object-fit: cover;*/
  padding:5px;
  width: 80px;
/*  border-radius:50%;*/
  margin-right:10px;
  object-fit: contain;
}
div#public_page_view_v2 div.intro div.lt button{
  background-color: #C4233C;
  border-radius: 5px;
  color: #fff;
  padding: .3em 10px;
  border: none;
  margin: 14px auto;
  cursor: pointer;
}
div#public_page_view_v2 div.intro div.lt button:hover{
  box-shadow: 7px 7px 7px #000000;
  transform: scale(1.2);
}
div#public_page_view_v2.content div.intro div.current_need {
  width:85%;
  justify-content: center;
  align-content: center;
  border: 1px solid #eec;
  border-radius:3em;
  box-shadow: .5rem 2px .5rem .5rem rgba(0,0,0, .1);
  margin:1em auto;
  left:0;
  right:0;
}

div#public_page_view_v2.content div.intro div.links {
  background-color: #FFC83B; 
  padding:3.5em;
  display: flex;
  flex-wrap: wrap;
  font:2em;
}

div#public_page_view_v2.content div.intro div.links .col_4  a{
  background-color: #C4233C;
  border-radius:10px;
  color:#fff;
  padding:.3em 10px;
}

div#public_page_view_v2.content div.intro div.links .col_4  button{
  background-color: #C4233C;
  border-radius:10px;
  color:#fff;
  padding:.3em 10px;

}

div#public_page_view_v2.content div.intro div.links .col_4  a:hover, div#public_page_view_v2.content div.intro div.links .col_4  button:hover{
  box-shadow: 7px 7px 7px #000000;
}

div#public_page_view_v2.content div.intro div.current_need>h5 {
  text-align: center;
  font-family: 'proxima', sans-serif;
  margin-top: 2em;
}
div#public_page_view_v2.content div.intro div.current_need p {
  margin:2em;
  line-height: 1.5em;
  text-align: center;
}
div#public_page_view_v2.content div.intro div.links {
  display:flex;
  width:90%;
  justify-content: space-around;
 
  margin: 1.5em auto 1.5em auto;
}



div#public_page_view_v2 div.intro .col_4 {
  margin: 10px;
}
div#public_page_view_v2 div.intro .action {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

div#public_page_view_v2 div.intro h5 span {
/*  width: 70%;*/
  /* display: inline-block; */
  /* text-transform: uppercase; */
  flex-grow: 1;

}

div#public_page_view_v2 div.intro div.rt h5  {
color: #C4233C;
margin:5px;
font: 600 1.5em quicksand, sanserif;

}

div#public_page_view_v2 div.intro div.rt h5 .fa {
margin:7px;
}

div#public_page_view_v2 div.intro div.rt button {
background-color: #C4233C;
border-radius:30px;
border:#c4233c;
color:#fff;
font: 500 1em quicksand, sanserif;
padding:7px;
}

div#public_page_view_v2 div.intro div.lt a#view_perform_in_btn {
  background-color: #C4233C;
  text-decoration: none;
  padding: 7px;
  color: #fff;
  font: 500 1em quicksand, sanserif;
  border-radius:20px;
  text-align: center;
  max-width: 250px;
} 

div#public_page_view_v2 div.intro div.lt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 21px auto;
  width: initial;
  width:100%;
  max-width: 96%;
position: relative; 
}

/* div#public_page_view_v2 div.intro .img-container {
  position: relative;
  width: 220px;
  height: 220px;
  max-width: 91vw;
  margin:0 auto;
} */

div#public_page_view_v2 div.intro .img-container/*,
div#public_page_view_v2 div.intro .vid_embed*/ {
  height: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

div#public_page_view_v2 div.intro .vid_embed {
  /*left:-5%;
  margin-left:0;*/
  position: relative;
  width: 96%;
  padding: 3px 0 56.25%;
  margin: 14px auto 14px;
}
div#public_page_view_v2 div.intro .vid_embed iframe{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #CC6328;
  border-radius: 4px;
}


div#public_page_view_v2 div.intro .img-container {
  position: relative;
  max-width: 250px; /* Adjust size as needed */
}

/* Overall container styling */
div#public_page_view_v2 div.intro {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

div#public_page_view_v2 div.intro div.rt {
 width:100%;
 max-width:600px;
 margin:21px auto; 
 align-items: flex-start;
}

.pattern {
  background-image: url(/img/yellow_patternbg.png);
  background-repeat: repeat-x;
}

@media (min-width: 768px) {
  div#public_page_view_v2 div.intro {
    flex-direction: row;
    justify-content: space-between;
  }

  div#public_page_view_v2 div.intro div.lt,
  div#public_page_view_v2 div.intro div.rt {
    display: flex;
    flex-direction: column;
    align-items: center;    /*width: 50%;*/
    margin: 0;
    padding: 0;
  }
  div#public_page_view_v2 div.intro div.lt{
    width: 40%;
    justify-content: stretch;
  }
  div#public_page_view_v2 div.intro div.rt {
    width: 60%;
    max-width: initial;
    justify-content: center;
  }
}
.photo {
       width: 40%;
   
   }
   
   .text {
       width: 60%;
   
   }
   
   .content #loan_fund_holder{
       position: relative;
       min-height: 210px;
   }
   .content #loan_fund_holder div.dash{
       /*display: flex;
       flex-wrap: wrap;*/
       /*min-height: 210px;*/
   }
   .content #loan_fund_holder div.dash div{
       display: flex;
       flex-wrap: wrap;
       padding: 7px;
       margin: 14px 3% 56px;
       border-radius: 10px;
       /*background: #e4d1b2;*/
       box-shadow: 3px 3px 7px #e4d1b2, -3px 3px 7px #e4d1b2, 3px -3px 7px #e4d1b2, -3px -3px 7px #e4d1b2;
       /*min-height: 210px;*/
   }
   .content #loan_fund_holder div.dash a{
       flex-grow: 1;
       display: flex;
       flex-wrap: wrap;
       margin: 14px;
       padding: 14px 21px;
       border-radius: 10px;
       border: 1px solid rgba(204, 99, 40, 0.7)/*, rgba(255, 239, 213, 0.9)*/;
       min-height: 140px;
       width: 210px;
       max-width: 91vw;
       align-items: center;
       color: #007aff;
       color: #cc6328;
       color: #00a5a2;
       text-decoration: none;
   }
   .content #loan_fund_holder div.dash div.upper:hover{
       box-shadow: 0px 14px 21px rgba(204, 99, 40, 0.7);
   }
   .content #loan_fund_holder div.dash a:hover{
       box-shadow: 0px 7px 14px rgba(204, 99, 40, 0.7);
   }
   .content #loan_fund_holder div.dash div.upper a:hover{
       box-shadow: /*0px 7px 14px rgba(204, 99, 40, 0.7)*/none;
   }
   .content #loan_fund_holder div.dash a h3{
       width: 100%;
       font-weight: 500;
       font-size: 1.2em;
       margin-bottom: 18px;
       text-align: left;
       margin: 7px 0px;
   }
   .content #loan_fund_holder div.dash a img{
       margin: 7px 21px 7px 0px;
       width: 49px;
       height: 49px;
       object-fit: contain;
   }
   .content #loan_fund_holder div.dash a span{
       font-weight: 700;
       font-size: 1.8rem;
       text-align: left;
       margin: 7px 0px;
   }
   
   div#private_page_view, div#loan_fund_page{
       flex-wrap: wrap;
       padding-top: 1px;
       position: relative;
   }
   .content #loan_fund_holder div.list{
       display: flex;
       flex-wrap: wrap;
       margin: 7px auto;
       overflow: auto;
   }
   .content #loan_fund_holder div.list div.table{
       /*margin: auto;*/
       width: 100%;
   }
   
   .grid-search-elm{
       margin: 0px 21px;
   }
   .grid-pagingSummary-elm{
       color: #ffffff;
   }
   .grid-error-elm{
       color: #ff0000;
       background: #ffffff;
       padding: 70px 2% !important;
       font-size: 1.1em;
   }
   .grid-loading-elm{
       color: #000000;
       background: #ffffff;
       padding: 70px 2% !important;
       font-size: 1.8em;
   }
   .grid-pagingBtns-elm{
       padding: 11px !important;
   }
   .grid-pagingBtnNow-elm{
       background: #ffc83B !important;
       border:none !important;
   }
   .grid-pagingBtnNxt-elm, .grid-pagingBtnPrv-elm{
       font-weight: 700;
   }
   
   div.content div#theMap div.invst_info{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       padding: 7px;
       position: relative;
   }
   div.content div#theMap div.invst_info img{
       width: 100px;
       height: 100px;
       object-fit: cover;
   }
   div.content div#theMap div.invst_info h3{
       font-weight: 500;
       margin: 5px auto;
       padding: initial;
       margin-bottom: 35px;
   }
   div.content div#theMap div.invst_info a{
       display: block;
       text-decoration: none;
       text-align: center;
       padding: 7px;
       border-radius: 4px;
       background: #1e2144;
       color: #ffffff;
       min-width: 49%;
       max-width: 140px;
       margin: 4px auto 0px;
       position: absolute;
       bottom: 7px;
       left: 3%;
       right: 3%;
       /*height: 35px;*/
   }
   
   div.content div#failedHtm{
       display: flex;
       flex-wrap: wrap;
       justify-content: space-evenly;
   }
   div.content div#failedHtm div.invst_info{
       display: flex;
       justify-content: space-between;
       align-items: stretch;
       padding: 7px;
       margin: 7px;
       box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
       border-radius: 4px;
   }
   div.content div#failedHtm div.invst_info:hover{
       box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
   }
   div.content div#failedHtm div.invst_info img{
       width: 100px;
       height: 100px;
       object-fit: cover;
   }
   div.content div#failedHtm div.invst_info h3{
       font-weight: 500;
       margin: 5px auto;
       padding: initial;
       margin-bottom: 35px;
   }
   div.content div#failedHtm div.invst_info a{
       display: block;
       text-decoration: none;
       text-align: center;
       padding: 7px;
       border-radius: 4px;
       background: #1e2144;
       color: #ffffff;
       min-width: 49%;
       max-width: 140px;
       margin: 4px;
   }
   div.content div.not-on-map{
       flex-grow: 1;
   }
   div.content div.not-on-map>h3{
       display: none;
       flex-direction: column;
       align-items: center;
       margin: 14px auto;
   }
   div.content div.not-on-map h3 img{
       width: 43px;
       height: 59px;
   }
   div.content div.not-on-map h3.abs{
       display: flex;
       border: 1px solid #565656;
       padding: 5px;
       border-radius: 5px;
       overflow: hidden;
       position: fixed;
       bottom: 1%;
       left: 2%;
       right: 2%;
       z-index: 10;
       background: #ffefd5;
   }
   div.content div.not-on-map h3.abs.pop{
       animation: grow 0.5s ease-out;
   }
   div.content div.not-on-map h3.abs.unpop{
       animation: grow 0.5s reverse ease-out forwards;
   }
   div.content div.private_head{
       width: 100%;
   }
   div.content div.private_head form{
       display: flex;
       padding: 7px;
   }
   div.content div.private_head form.map-frm{
       display: flex;
       padding: 7px;
       flex-wrap: wrap;
       z-index: 4;
       align-items: flex-end;
   }
   div.content div.private_head form.map-frm .elm{
       margin: 5px;
       z-index: 3;
   }
   div.content div.private_head form.map-frm .elm.one{
       padding: 7px 14px;
       font: 400 1em quicksand, sans-serif;
       border-radius: 5px;
       border:1px solid #909090;
       min-width: 98px;
   }
   div.content div.private_head form.map-frm .elm.one.qry{
       flex-grow: 1;
   }
   div.content div.private_head form fieldset{
       border:1px solid #808080;
       border-radius: 4px;
       padding: 0px;
       width: 161px;
       max-width: 98%;
       background: #ffffff;
       z-index: 3;
   }
   div.content div.private_head form fieldset.column_selector_main{
       position: relative;
   }
   div.content div.private_head form fieldset.column_selector_main div.column_selector_child{
       padding: 9px 1% 9px;
       position: absolute;
       top: 98%;
       left: 0;
       right: 0;
       display: flex;
       flex-direction: column;
       background-color: #ffffff;
       color: #212121;
       z-index: 0;
       border:1px solid #212121;
       border-radius: 4px;
       box-shadow: 2px 2px 7px #e47537, -3px 2px 7px #e47537, 2px 2px 7px #e47537, -2px 2px 7px #e47537;
   }
   div.content div.private_head form fieldset.column_selector_main div.column_selector_child label{
       padding: 4px;
       margin: 4px;
       border-bottom:1px solid #cccccc;
       cursor: pointer;
   }
   div.content div.private_head form fieldset.column_selector_main div.column_selector_child label:hover{
       background: #dddddd;
       background: rgba(228,117,55,0.3);
       border-radius: 4px;
   }
   div.content div.private_head form fieldset legend{
       border:1px solid #808080;
       border-radius: 4px;
       padding: 2px 7px;
       margin: 0px 4px;
       background: #ffffff;
       font-size: 0.7em;
   }
   div.content div.private_head form fieldset select{
       border: none;
       display: block;
       width: 98%;
       margin: 0px auto;
       border-radius: 4px;
       padding: 2px 7px;
       font: 400 1em quicksand, sans-serif;
       background: #ffffff;
   }
   div.content div.private_head form fieldset a.dash{
       border: none;
       display: block;
       width: 98%;
       margin: 0px auto;
       border-radius: 4px;
       padding: 2px 7px;
       font: 400 1em quicksand, sans-serif;
       background: #ffffff;
       color: #007eff;
       text-align: center;
   }
   div.content div.private_head form fieldset select:focus{
       outline: none;
   }
   /*//dropDown menu*/
   
   /*span{
       padding:30px;
       font: size 1.2em;
        font-variant: small-caps; 
       cursor:pointer;
       display:inline-block;
   }*/
   
   #span::after {
       float:right;
       right:10%;
       content: "+";
   }
   
   .slide {
       clear:both;
       width:100%;
       height:0px;
       overflow:hidden;
       text-align:center;
       transition:height .4s ease;
   }
   
   .slide li {
       padding:10px;
   }
   
   #touch {
       position: absolute; 
       opacity:0;
       height:0px;
   }
   
   #touch:checked + .slide {
       height:300px;
   }
   
   /*ACCORDION*/
    
   section {
       width:100%;
       min-height:50vh;
       display:flex;
/*       align-items:center;*/
       justify-content:center;
   }
   
   .textarea {
       width:90%;
       max-width:70rem;
       margin: 0 auto;
       padding: 0 .5rem 210px;
   }
   
   .accordion-item {
       /* background-color:#fff; */
       border-radius:4px;
       margin-bottom:0.1rem;
       padding:.2rem;
       box-shadow: .5rem 2px .5rem rgba(0,0,0, .1);
       
   }
   
   div.not-seeking-investment div#inpire_to_start, div.not-seeking-investment div#potential_to_expand, div.not-seeking-investment div#future_plan, div.not-seeking-investment div#investor_benefit{
       display: none !important;
   }
   
   
   div.not-seeking-investment p.not-seeking-invest-note{
       display: block !important;
   }
   
   .accordion-link {
       /*font-size: .8rem;*/
       color:rgba(248, 233, 27, 0.8);
       text-decoration:none;
       /* background-color: #00a5a2; */
       width:100%;
       display:flex;
       align-items:center;
       justify-content:space-between;
       padding: .3rem 0;
       border-radius: 4px;
   }
   .accordion-link span {
       color: #C4233C;
       margin: .1rem;
       /* font-variant: small-caps; */
       padding:2px;
       font: 700 1.7em quicksand, sanserif;
       letter-spacing: .1rem;
   }
   .accordion-link img{
       color:#e7d5ff;
       padding:.5rem;
   }
   .accordion-link #less {
       display:none;
   }
   .accordion-item a:hover {
       text-decoration: none;
       color:#fff;
   }
   .answer {
       max-height: 0px;
       overflow: auto;
       position:relative;
       background-color: #e0dcdc;
       transition: max-height 650ms;
       border-radius: 0px 0px 4px 4px;
   }
   .answer::before {
       content: "";
       position: absolute;
       width: .6rem;
       height: 90%;
       background-color: #d1d1d1;
       top:50%;
       left:0;
       transform:translateY(-50%);
   }
   .answer div.info{
       padding:7px 3%;
       width: 98%;
   }
   .answer div.info p{
       color: rgba(15, 7, 7, 0.9);
       font-size:1rem;
       margin: 14px auto;
   }
   .accordion-item:target .answer, .accordion-item.openned_me_js .answer {
       max-height:100vh;
       background-color: #fff;
   }
   .accordion-item:target .accordion-link #more, .accordion-item.openned_me_js .accordion-link #more {
       display:none;
       background-color: #fff;

   }
   
   .accordion-item:target .accordion-link #less, .accordion-item.openned_me_js .accordion-link #less {
       display:block;
   }
   
   div.textarea iframe#loc_map{
     width: 100%;
     height: 300px;
     max-height: 70vh;
   }
   
   /*photoslide*/
   
   /*.photoslide {
       width:100%;
       position: relative;
       align-content: flex-start;
       display: inline-block;
   }*/
   
   .photoSlide img {
       box-shadow: .5rem 2px .5rem rgba(0,0,0, .1);
       margin-left:20%;
   }
   form#searchbarForm.search{
       display: flex; 
       width: 91%; 
       max-width: 580px; 
       margin:14px auto; 
       overflow: auto; 
       position: sticky; 
       top: 38px; 
       z-index: 11;
   }
   .search input#searchbar{
       border-radius: 25px;
       border: 1px solid #cc6328;
       padding:9px;
       width:100%;
       display: block;
       text-align: center;
       font:400 1.2em quicksand, sans-serif;
       border: 2px solid #000;
       box-shadow: 1px 1px 7px gray, -1px 1px 7px gray;
       margin: 0 7px 7px;
   }
   .search input#searchbar:focus{
       outline: none;
   }
   
   .enterpreneurs {
       display: flex;
       margin-top: 20px;
       flex-wrap: wrap;
       justify-content: center;
       min-height: 50vh;
   }
   
   div.enterpreneurs h2.top_biz{
     width: 100%;
     border-bottom: 3px double #cc6328;
     box-shadow: 0 3px 7px #808080;
     margin: 14px auto 21px;
     padding: 7px;
     font-weight: 500;
     text-align: center;
   }
   
   div#business_list .entrepreneur {
       max-width: 200px;
       margin: 21px 7px;
       flex-wrap: wrap;
       border: 1px solid transparent;
       border-radius: 4px;
       position: relative;
       padding-bottom: 42px;
       /* background:#ffefd5; */
       /*background: #ffffff;*/
   }
   
   div#business_list .entrepreneur:hover{
       border: 1px solid #000000;
   }
   
   div#business_list .status_msg_ui{
       z-index: initial !important;
   }
   
   .entrepreneur h5 {
       margin: 7px auto;
       color:#C4233C;
       /* text-align: center; */
       text-transform:capitalize;
       font-family: 'quicksand', sanserif;
   }

   .entrepreneur h5 a.viewmore{
       color:#C4233C;
       text-decoration: none;
       text-transform: capitalize;
   }
   
   .entrepreneur img {
       width:200px;
       height: 200px;
       border-radius: 7px;
       object-fit: cover;
       padding:10px;
       box-shadow:.5rem 2px .5rem rgba(0,0,0, .1);
       border-radius: 50%;
   }
   
   .entrepreneur p {
       font-size: .9em;
       /* text-align: center; */
       margin: 7px auto;
       padding:5px;
       max-height: 105px;
       overflow:hidden;
   
   }
   div.entrepreneur h5.name a.viewmore {
    /* background-color:#C4233C; */
    font-size: 1em;
   }

   div.entrepreneur h5.name a.viewmore i {
    color:#C4233C;
    width:2em;
   }
   
   div#business_list .entrepreneur a.view{
       display: block;
       text-decoration: none;
       text-align: center;
       padding: 7px;
       border-radius: 4px;
       background: #1e2144;
       color: #ffffff;
       min-width: 49%;
       max-width: 140px;
       margin: 4px auto 0px;
       position: absolute;
       bottom: 7px;
       /* left: 1%; */
       /* right: 1%; */
       height: 35px;
   }
   
   div#business_list .entrepreneur a.view:hover{
       box-shadow:.5rem 2px .5rem rgba(0,0,0, .1);
   }
   
   div#business_list .entrepreneur ul.signs{
       position: absolute;
       top: 3px; 
       right: 1%;
       max-width: 98%;
       margin: 3px auto;
       padding: 1px;
       border: 1px solid rgba(0,0,0,0.5);
       border-radius: 3px;
   }
   div#business_list .entrepreneur ul.signs:hover{
   
       background: rgba(0,0,0,0.3);
       color: #ffffff;
   }
   
   div#business_list .entrepreneur ul.signs li{
       margin: 0px 0px;
       padding: 0px;
       position: relative;
       border-radius: 3px;
   }
   
   div#business_list .entrepreneur ul.signs li:hover{
       background: rgb(255, 200, 59, 0.9);
   }
   
   div#business_list .entrepreneur ul.signs li i.fa{
       margin: 0px 3px;
       padding: 3px;
       font-size: 21px;
   }
   
   div#business_list .entrepreneur ul.signs li i.fa:hover:after{
       display: block;
       background: rgb(255, 200, 59, 0.9);
       white-space: nowrap;
       color: #000000;
       content: attr(_title);
       position: absolute;
       right: 105%;
       top: 0px;
       z-index: 3;
       font: 400 14px quicksand, sans-serif ;
       margin: 0px auto;
       border-radius: 3px;
       border: 1px solid #000000;
       padding: 3px;
   }
   
   div#business_list .entrepreneur ul.signs li i.fa-ban{
      color: #970c38;
   }
   
   h5 {
       font-size: 1rem;
       color:#cc6328;
       padding:5px;
       
   }
   
   #search- {
      
       right: -120%;
   }
   
   .video {
       margin-left: 10%;
   }
   
   .sidebar ul{
       padding: 0px;
       margin: 7px auto;
   }
   
   .sidebar ul li a {
       list-style: none;
       margin-top:4%;
       text-decoration: none;
       /* border-bottom:1px solid #FFC83B; */
       display: block;
       color :#fff;
       font-family: 'quicksand', sans-serif;
       font-weight: 700;
   }
   
   .sidebar ul li {
       line-height: 1.8em;
       text-align: left;
       text-decoration: none;  
   }
   
   .sidebar ul li a:hover {
       /* background-color:#00a5a2; */
       text-decoration: none;
       color:#FFC83B;
   }
   
   .sidebar ul div.categories {
       margin: 21px 3px;
       border-radius: 4px;
       /* border: 1px solid #FFC83B; */
       /* background: #ffefd5; */
       color:#fff'
   }
   
   .sidebar ul div.categories a{
       display: block;
       margin: 0px auto; 
       padding: 7px;
       text-decoration: none;
       color: #FFF;
   }
   
   .sidebar ul div.categories a:hover{
       /* background: #Fff; */
       color: #fff;

   }
   
   .sidebar ul div.categories a.active{
       color: #FFC83B;
       font-size: 1.3em;
       font-weight:500;
   }
   
   .sidebar ul ul {
       /* display:none; */
       /* background:#FFC83B; */
       width:90%;
       /* position:absolute; */
       
   }
   .sidebar ul ul ul{
       display:none;
   }
   .sidebar ul ul li a:hover {
       color:#CC6328;
       
   }
   
   
   .sidebar ul ul ul li {
       text-align: left;
       padding-left:15px;
       background:#212153;
       /* position:initial; */
   }
   
   .sidebar ul ul ul li a {
       color:#FFC83B;
   }
   
   .sidebar ul ul ul li > a:hover {
       color:#00a5a2;
   }
   
   
   .sidebar ul li:hover > ul {
       display:block;
   }
   .stats{
       width:100%;
   }
   
   #sold {
       color: #00A5A2;
       font-weight: bolder;
       font-size: 80px;
       margin-left:80px;
   }
   
   #jobs {
       color: #00A5A2;
       font-weight: bolder;
       font-size: 80px;
       margin-left:80px;
   }
   .top {
       width: 100%;
       display:flex;  
       /* float:left; */
   }
   
   .mid {
       width: 100%;
       display:flex;
       /* float:left; */
   } 
   
   .bottom  {
       width: 100%;
       /* float: left; */
   }
   
   div#private_page_view div.graph_line{
       display: flex; 
       flex-wrap: nowrap;
       justify-content: center;
   }
   
   div#private_page_view div.graph_line h6{
       color: #212153;
       text-align: center;
       text-transform: uppercase;
   }
   div#private_page_view div.graph_line h6 span{
       text-transform: initial;
       font-weight: 400;
   }
   div#private_page_view div.graph_line div.infog{
       display: flex;
       flex-direction: column;
       align-items: center;
   }
   div#private_page_view div.graph_line div.infog img{
       width: 50px;
       height: 50px;
       object-fit: contain;    
   }
   div#private_page_view div.graph_line div.infog h2{
       color:#00a5a2;
       font-size: 2em;
   }
   div#private_page_view div.infographs, div#private_page_view_v2 div.infographs {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       width: 100%;
   }
   div#private_page_view div.infographs div.hold, div#private_page_view_v2 div.infographs div.hold {
       display: flex;
       margin: 7px;
       padding: 7px;
       border:1px solid #212153;
       align-items: center;
       border-radius: 4px;
       width: 280px;
       max-width: 98%;
       box-shadow: .5rem 2px .5rem rgba(0,0,0, .1);
       min-height: 110px;
   }
   div#private_page_view div.infographs div.hold img, div#private_page_view_v2 div.infographs div.hold img{
       width: 50px;
       height: 50px;
       padding: .5em;
       object-fit: contain;
       /* min-width: 35%; */
       color:#fff;
       /* background-color: #00A5A2; */
       border-radius: 50%;
       opacity: .4em;
       border:1px solid #212153;
   }
   div#private_page_view div.infographs div.hold div, div#private_page_view_v2 div.infographs div.hold div{
       display: flex;
       flex-direction: column;
       flex-grow: 1;
       padding: 3px 7px;
       position: relative;
       height: 100%;
       text-align: center;
   }
   div#private_page_view div.infographs div.hold div h2, div#private_page_view_v2 div.infographs div.hold div h2{
       margin: 3px auto;
       padding: 4px;
       /* color:#00a5a2; */
       color:#00a5a2;
       font-weight: 700;
       font-size: 2.8em;
   }
   div#private_page_view div.infographs div.hold div h6, div#private_page_view_v2 div.infographs div.hold div h6{
       position: absolute;
       bottom: 0;
       right: 0;
       left: 0;
       margin: 3px;
       color:#212153;
       font-weight: 400;
       font-size: 0.9em;
       /* box-shadow: 0 -3px 3px #777777; */
   }
   #one {
       width: 48%;
       /* border:1px solid rgb(196, 194, 194); */
       margin:14px auto;
       background: #fff;
       /*min-height: 280px;*/
       box-shadow: .5rem 2px .5rem rgba(0,0,0, .1);
   
   }
   
   #two {
       width: 48%;
       margin:14px auto;
       background: #fff;
       /*min-height: 280px;*/
       box-shadow: .5rem 2px .5rem rgba(0,0,0, .1);
   }
   #three {
       width: 48%;
       /* border:1px solid rgb(196, 194, 194); */
       margin:14px auto;
       background: #fff;
       /*min-height: 280px;*/
       box-shadow: .5rem 2px .5rem rgba(0,0,0, .1);
       /* float:left; */
   }
   #four {
       width: 48%;
       /* border:1px solid rgb(196, 194, 194); */
       margin:14px auto;
       background: #ffff;
       /*min-height: 280px;*/
       box-shadow: .5rem 2px .5rem rgba(0,0,0, .1);
       /* float:left; */
   }
   
   #performance {
       /* position:absolute ; */
       /* top:100px; */
       /* left:420px; */
       background:#C4233C;
       color:#FFC83B;
       font-weight: bolder;
   
   }
   h6 {
       margin:10px;
       color:#CC6328;
       font-weight: bold;
       font-size: 18px;
   }
   
   /*//Loginform*/
   
   div.content div.login {
       margin: 21px auto;
       padding: 14px;
       width: 360px;
       max-width: 91%;
       border-radius:15px;
       border: 1px solid #0a0804;
       align-content: center;
       box-shadow: 2px 2px 4px #353535, -2px 2px 4px #353535;
   }

   div.login > div > img {
    position: absolute;
   }
   div.login > div > h2 {
    position:relative;
   }
   
   div.content div.login h2 {
       /* text-align: center; */
       color: #C4233C;
       margin-left:5%;
       font: 700 4em 'quicksand', sanserif;
   }
   
   div.content div.login p{
       margin: 7px auto;
       color: #993333;
   }
   
   
   div.content div.login form.login {
       display: flex;
       flex-direction: column;
   }
   
   
   div.content div.login form.login input, div.content div.login form.login select{
       width: 98%;
       border: none;
       border-radius:25px;
       padding: 9px;
       margin: 7px auto;
       font: 500 1em quicksand, sans-serif;
       background: #ffffff;
       color: #212121;
       border: 2px solid #000;
   }
   
   div.content div.login form.login a{
       display: inline-block;
       padding: 9px;
       margin: 7px auto;
       /*color: #307ecc;*/
       color: #212153;
       font-weight: 500;
   }
   
   div.content div.login form.login input#login_btn{
       width: 98%;
       background: #C4233C; 
       color: #ffffff;
       font-weight: 700;
       cursor: pointer;
   }
   
   /*span {
       color:rgb(17, 9, 9);
       font-size:17px;
   }*/
   #login a {
       float:right;
       background:#212153;
   }


div.playbook{
  padding: 14px 2%;
}
div.playbook#judging_main_frm{
  position: relative;
}
div.playbook .session .title {
  border-bottom: 1px solid #FFC83B;
  border-radius: 5px;
  padding:10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
div.playbook .session .title h1 {
  font-family: somoLight, sans-serif;
  margin: 0 3px 0 0;
}
div.playbook .session .title div.usr{
  position: relative;
}
div.playbook .session .title div.usr>img{
  width: 35px;
  height: 35px;
  object-fit: cover;
  background:#ffc83b;
  border-radius: 50%;
  cursor: pointer;
}
div.playbook .session .title div.usr>img:hover{
  box-shadow: 0 3px 3px rgba(0,0,0,0.5);
  transform: scale(1.3);
}
div.playbook .session .title div.usr>img.opened{
  box-shadow: 0 3px 3px rgba(0,0,0,0.5);
  background: rgba(196,35,60,0.5);
  transform: scale(1.3);
}
div.playbook .session .title div.usr>div.users{
  display: none;
  position: absolute;
  top: 35px;
  right: 1%;
  width: 320px;
  max-width: 80vw;
  max-height: 70vh;
  overflow: auto;
  background: #ffffff;
  padding: 5px;
  border: 1px solid #ababab;
  border-radius: 5px;
  box-shadow: -5px 5px 5px rgba(0,0,0,0.3), 5px 5px 5px rgba(0,0,0,0.3);
  z-index: 2;
}
div.playbook .session .title div.usr>img.opened + div.users{
  display: block;
}
div.playbook .session .title div.usr>div.users div.selected{
  background: rgba(255, 200, 59, 0.5);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border-radius: 4px 4px 0 0;
  position: relative;
  padding-top: 28px;
  overflow: auto;
}
div.playbook .session .title div.usr>div.users div.selected>b{
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0; right: 0; left: 0;
  font-weight: normal;
  font-style: italic;
}
div.playbook .session .title div.usr>div.users div.selected img{
  display: block;
  width: 100px;
  height: 100px;
  margin: 3px;
  border-radius: 50%;
  object-fit: cover;
}
div.playbook .session .title div.usr>div.users div.selected div.info{
  position: relative;
  flex-grow: 2;
}
div.playbook .session .title div.usr>div.users div.selected div.info p{
  margin: 3px;
  padding: 3px;
  text-transform: capitalize;
}
div.playbook .session .title div.usr>div.users div.selected div.info p.links{
  display: flex;
}
div.playbook .session .title div.usr>div.users div.selected div.info p.links a{
  color: #007aff;
  margin: 1px 3px;
  padding: 3px 7px;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
}
div.playbook .session .title div.usr>div.users div.selected div.info p.links a:hover{
  background: #ffffff;
}
div.playbook .session .title div.usr>div.users div.selected div.info p.links a:hover:after{
  content: attr(c);
  display: block;
  position: absolute;
  background:#000000;
  color: #eeeeee;
  padding: 4px;
  border-radius: 4px;
  left: 0;
  right: 0;
  bottom: 35px;
}
div.playbook .session .title div.usr>div.users h4{
  margin: 3px;
  padding: 3px;
}
div.playbook .session .title div.usr>div.users div.ldnHolder{
  position: relative;
}
div.playbook .session .title div.usr>div.users div.ldnHolder div.ldnWait.preload{
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(255,255,255,0.7);
  width: 91%;
  margin: auto;
}
div.playbook .session .title div.usr>div.users div.list{
  /**/
}
div.playbook .session .title div.usr>div.users div.list p{
  cursor: pointer;
  padding:10px;
  margin: 0px;
}
div.playbook .session .title div.usr>div.users div.list p:nth-of-type(even){
  background:#eeeeee;
}
div.playbook .session .title div.usr>div.users div.list p:hover{
  background: rgba(255, 200, 59, 0.3);
}
div.playbook .session p.info{
  margin:auto 0 42px;
  max-width: 540px;
  padding:10px;
}

div.playbook .session p.info.judge{
  display: flex;
  flex-wrap: wrap;
}
div.playbook .session p.info.judge>b{
  min-width: 30%;
}
div.playbook .session p.info.judge>span{
  /*width: 65%;*/
  margin-left: 2%;
}
div.playbook .session p.info.judge>i{
  width: 100%;
}

div.playbook .tab_buttons {
  display: flex;
  margin: 5px auto 21px;
  border-bottom:1px solid #FFC83B;
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden;
  position: sticky;
  top: 35px;
  background: #ffefd5;
  align-items: center;
  padding: 0px 10px;
}
div.playbook .tab_buttons.judge {
  border-bottom:4px solid #cc6328;
  padding: 7px 10px 0px;
}
div.playbook .tab_buttons button {
  background-color: transparent;
  width:auto;
  padding:10px;
  border: 0px solid #333333;
  font:500 1.2em somoLight, sans-serif;
  /*border:1px solid #000;
  border-right-width: 0px;*/
  /*border-right-width: 3px;*/
  border-bottom: 4px solid transparent;
  min-width: 110px;
  cursor: pointer;
  outline: none;
}
div.playbook .tab_buttons.judge button {
  border: 1px solid #fec949;
  border: 4px solid transparent;
  border-radius: 7px 7px 0px 0px;
  margin: auto 7px;
  background: rgba(204,99,40,0.3);
  padding: 5px 15px;
  min-width: 150px;
  border-bottom: none;
  position: relative;
}div.playbook .tab_buttons.judge button.usr {
  border: none;
  border-bottom: 4px solid transparent;
  margin: auto 7px;
  background: transparent;
  transform: initial !important;
  cursor: text;
  text-decoration: none;
}
div.playbook .tab_buttons button:last-of-type{
  border-right-width: 0px;
}
div.playbook .tab_buttons button:hover{
  transform: scale(1.1);
  text-decoration: underline;
  font: 500 1.2em somoLight, sans-serif;
}
div.playbook .tab_buttons button.active {
  font:600 1.2em somo, sans-serif;
  border-bottom: 4px solid #cc6328;
}
div.playbook .tab_buttons.judge button.active {
  border-color: #cc6328;
  border-bottom:none;
}
div.playbook .tab_buttons.judge button.active b{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 5px;
  background: #cc6328;
}
div.playbook .tab_buttons span{
  flex-grow: 1;
}
div.playbook .tab_buttons img.usrBtn{
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 50%;
  cursor: pointer;
}

div.playbook #tools {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-around;
  margin: auto;
}
div.playbook #submission.submission div.files{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
div.playbook #tools div.tool, div.playbook div#submission.submission div.tool{
  width: 314px;
  max-width: 94vw;
  margin: 14px;
  padding: 7px;
  border-radius: 5px;
  box-shadow: -2px 2px 7px rgba(0,0,0,0.3), 2px 2px 7px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
div.playbook div#submission.submission div.tool a{
  display: block;
  margin: 3px auto;
  padding: 7px 21px;
  color: #007bff;
  text-decoration: none;
  border-radius: 7px;
  border: 1px solid #888888;
}
div.playbook #tools div.tool h3, div.playbook div#submission.submission div.tool h3{
  margin: 0px 0;
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font: 600 1.2em somoLight, sans-serif;
}
div.playbook #tools div.tool h3 img, div.playbook div#submission.submission div.tool h3 img{
  margin: 0 5px;
  /*width: 39px;*/
  height: 39px;
  object-fit: contain;
}
div.playbook #tools div.tool.video h3 img{
  background: #ff0000;
  border-radius: 50%;
}
div.playbook #tools div.tool h3 span{
  margin: 0 5px;
}
div.playbook #tools div.tool h4{
  margin: 3px 0;
  padding: 7px;
  width: 100%;
  font: 600 1.2em somoLight, sans-serif;
}
div.playbook #tools div.tool div.c-main{
  width: 300px;
  max-width: 91vw;
  max-height: 168px;
  border-radius: 4px;
  overflow: hidden;
}
div.playbook #submission .files div.tool div.c-main{
  width: 300px;
  max-width: 91vw;
  max-height: 168px;
  border-radius: 4px;
  overflow: hidden;
}
div.playbook #tools div.tool div.c-main iframe, div.playbook #submission .files div.tool div.c-main iframe{
  border: 0;
  width: 100%;
  height: 100%;
}
div.playbook #tools div.tool div.c-main img.tool-img{
  border: 0;
  width: 100%;
  object-fit: contain;
  height: 154px;
}
div.playbook #tools div.tool div.c-main img{
  border: 0;
  max-width: 300px;
  max-height: 160px;
  object-fit: contain;
}
div.playbook #tools div.tool div.c-main a{
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #007aff;
  padding: 7px;
}
div.playbook #tools div.tool div.c-main a.txt{
  display: inline-flex;
  border: 2px solid #aaaaaa;
  border-radius: 4px;
  text-decoration: none;
}
div.playbook #tools div.tool div.c-main a.txt:hover{
  border: 2px solid #cc6328;
  text-decoration: underline;
}

/*div.playbook #tasks{margin:auto; border:#ccc; width:80%;}*/
div.playbook #tasks div.task-btns{
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin: 14px auto;
  padding: 3px;
  overflow: auto;
}
div.playbook #tasks div.task-btns .task-btn{
  margin: 3px 14px;
  padding: 3px 9px;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  width: 170px;
  font: 500 1em quicksand, sans-serif;
  cursor: pointer;
}
div.playbook #tasks div.task-btns .task-btn:hover{
  box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
}
div.playbook #tasks div.task-btns .task-btn.active{
  border-bottom-color: #cc6328;
}
div.playbook #tasks div.task-btns b{
  padding: 1px;
  background: #000000;
}
div.playbook #tasks div.task-list{
  padding: 10px;
}
div.playbook #tasks div.task-list .task-row{
  display: flex;
  border: 1px solid #aaaaaa;
  padding: 5px;
  margin: 9px auto;
  background-color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}
div.playbook #tasks div.task-list .task-row:hover{
  box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
  background-color: #fefefe;
}
div.playbook #tasks div.task-list .task-row p{
  margin: 4px;
  padding: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
div.playbook #tasks div.task-list .task-row p:first-of-type{
  max-width: 210px;
  min-width: 20%;
  border-right: 2px solid #333333;
}

div.playbook .assignlink { margin:auto; text-align: center; padding: 20px;}

div.playbook .assignlink a {text-decoration: none; color:#000; padding:20px;}
div.playbook .assignlink a:active {color:#CC6328;}
div.playbook .assignlink a:hover{color:#FFC83B; text-decoration: underline;}
div.playbook form.assignform, div.playbook div.assignform { 
  display: flex; 
  flex-wrap: wrap;
  margin: 42px auto;
}
div.playbook div.assignform.texts{
  display: flex;
}
div.playbook .assignform label {
  flex-grow: 1;
  margin: 14px 5px;
  font: 600 1.2em somoLight, sans-serif;
}
div.playbook .assignform label.full {
  width: 100%;
}
div.playbook .assignform label.full.judge {
  box-shadow: 0 10px 10px #808080;
  border-radius: 7px;
  padding: 14px;
  margin: 42px auto;
  background: #ffffff;
  overflow: auto;
}
div.playbook .assignform label.full.judge h2{
  margin: 10px 0px;
}
div.playbook .assignform label.full.judge h2 i.required{
  color: #ff0000;
}
div.playbook .assignform label.full.judge p{
  margin: 10px 0px;
}
div.playbook .assignform label input, div.playbook div.assignform.texts label p{ 
  padding: 9px; 
  margin: 2px 0px;
  border: 1px solid #cccccc; 
  border-radius: 4px;
  display: block;
  width: 100%;
  min-width: 180px;
  max-width: 98%;
  background-color: #ffffff;
  color: #000000;
  font:500 0.9em quicksand, sans-serif;
}
div.playbook .assignform label textarea{
  padding: 9px; 
  border: 1px solid #cccccc; 
  border-radius: 4px;
  display: block;
  width: 100%;
  max-width: 99%;
  background-color: #ffffff;
  color: #000000;
}
div.playbook .assignform label.full.judge textarea{
  font: 400 0.9em quicksand, sans-serif;
}
div.playbook .assignform.textareas label textarea{
  font: 500 0.9em quicksand, sans-serif;
}
div.playbook .assignform.view label input{ 
  border: none; 
  border-bottom: 3px solid #cccccc; 
  background-color: transparent;
  font: 300 1em quicksand, sans-serif;
}
div.playbook .assignform.view label textarea{
  border: 1px solid #cccccc;
  background-color: #fefefe;
  font: 300 1em quicksand, sans-serif;
}
div.playbook .assignform label a{ 
  padding: 9px; 
  border: 1px solid #cccccc; 
  border-radius: 4px;
  display: block;
  width: 100%;
  max-width: 98%;
  color: #007aff;
}
div.playbook .assignform label div a{ 
  padding: 3px 9px; 
  border: none; 
}
div.playbook .assignform label.full div.ratings{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 14px 0px;
}
div.playbook .assignform label.full div.ratings i.fa{
  font-size: 2em;
  cursor: pointer;
  padding: 3px;
  border-radius: 50%;
  color: #cc6328;
}
div.playbook .assignform label.full div.ratings i.fa:hover{
  background: #ffffff;
}
div.playbook .assignform label.full div.ratings span.rtBars{
  margin: 12px 0px;
  padding: 5px 10px;
  background: #cc6328;
  transform: scaleX(1.5);
  opacity: 0;
}
div.playbook .assignform label.full div.ratings span.rtBars.ibar{
  opacity: 1;
}
div.playbook button{
  margin: auto; 
  padding:10px;
  width: 210px;
  max-width: 91%;
  border-radius: 4px;
  background: #e47537;
  color: #000000;
  border: none;
  font: 600 1.2em somoLight, sans-serif;
  cursor: pointer;
}
div.playbook .assignform button:hover{
  box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
  color: #ffffff;
}
div.playbook span.bck{
  display: flex;
  align-items: center;
  justify-content: space-around;
  cursor: pointer; 
  padding:10px;
  width: 140px;
  max-width: 91%;
  border-radius: 4px;
  color: #000000;
  border: 1px solid #cccccc;
  font: 500 1em somoLight, sans-serif;
  cursor: pointer;
}

div.playbook .checklist{
  /**/
}
div.playbook .checklist progress{
  display: block;
  margin: 7px auto;
  border: none;
  padding: 2px;
  border-radius: 5px;
}
div.playbook .checklist progress::-moz-progress-bar, div.playbook .checklist progress::-webkit-progress-bar{
  background: #00bb00;
  border-radius: 4px;
}
div.playbook .checklist div.checklist-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 9px auto;
  width: 420px;
  max-width: 91%;
  /*background: #ffc83b;*/
  background: #ffffff;
  color: #000000;
  border-radius: 4px;
  padding: 4px;
}
div.playbook .checklist div.checklist-item p, div.playbook .checklist div.checklist-item span{
  margin: 2px 10px;
}
div.playbook .checklist div.checklist-item span i.fa{
  /*transform: scale(2);*/
  font-size: 2em;
  cursor: pointer;
  position: relative;
  color: #707070;
}
div.playbook .checklist div.checklist-item span i.fa.fa-toggle-on{
  color: #00bb00;
}
div.playbook .checklist div.checklist-item span i.fa.fa-toggle-on:after{
  content: "Done"
}
div.playbook .checklist div.checklist-item span i.fa.fa-toggle-off:after{
  content: "Await"
}
div.playbook .checklist div.checklist-item span i.fa:after{
  position: absolute;
  font:500 12px quicksand, sans-serif;
  right: 42px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

div.playbook div.session-nav{
  display: flex;
  justify-content: space-between;
  padding: 9px initial;
  /*overflow: auto;*/
}
div.playbook div.session-nav button{
  margin: 7px 3px;
  min-width: 140px;
  width: initial;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-around;
  font: 500 1.2em quicksand, sans-serif;
  color: #ffffff;
}
div.playbook div.session-nav button:hover{
  color: #ffc83b;
  box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
}
div.playbook div.session-nav button span{

}


div.playbook .session-nav .ses-holder div.ldnHolder{
  position: relative;
}
div.playbook .session-nav .ses-holder div.ldnHolder div.ldnWait.preload{
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(255,255,255,0.7);
  width: 91%;
  margin: auto;
  min-height: initial;
  z-index: 2;
}
div.playbook .session-nav .ses-holder{
  margin: auto 3%;
  position: relative;
  z-index: 1;
}
div.playbook .session-nav .ses-holder.open{
  flex-grow: 1;
}
div.playbook .session-nav .ses-holder p.ses-up{
  margin: 7px 5px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  cursor: pointer;
}
div.playbook .session-nav .ses-holder p.ses-up:hover{
  background: #ffffff;
}
div.playbook .session-nav .ses-holder.open p.ses-up{
 background-color: rgba(196,35,60,0.5);
}
div.playbook .session-nav .ses-holder.open p.ses-up:after{
 content: "X";
 float: right;
 display: inline-block;
 padding: 0px 7px;
 background: #ffffff;
 border-radius: 4px;
}
div.playbook .session-nav .ses-holder .ses-list{
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  padding: 7px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: -2px 2px 7px rgba(0,0,0,0.3), 2px 2px 7px rgba(0,0,0,0.3);
  min-height: 35vh;
  max-height: 70vh;
  overflow: auto;
}
div.playbook .session-nav .ses-holder.open .ses-list{
  display: block;
}
div.playbook .session-nav .ses-holder .ses-list p, div.playbook .session-nav .ses-holder .ses-list a.appl{
  margin: 0px;
  padding: 7px;
  background: #ffffff;
  cursor: pointer;
}
div.playbook .session-nav .ses-holder .ses-list a.appl{
  display: flex;
  color: #007aff;
}
div.playbook .session-nav .ses-holder .ses-list a.appl>b{
  display: inline-flex;
  min-width: 100px;
  padding: 3px 7px;
  margin-right: 7px;
  border: 1px solid #999999;
  border-radius: 4px;
  background: #ffefd5;
  text-transform: capitalize;
  justify-content: center;
}
div.playbook .session-nav .ses-holder .ses-list a.appl>span{
  display: flex;
  padding: 3px 7px;
  text-transform: capitalize;
}
div.playbook .session-nav .ses-holder .ses-list p:nth-of-type(even), div.playbook .session-nav .ses-holder .ses-list a.appl:nth-of-type(even){
  background:#eeeeee;
}
div.playbook .session-nav .ses-holder .ses-list p:hover, div.playbook .session-nav .ses-holder .ses-list a.appl:hover{
  background: rgba(255, 200, 59, 0.3);
}
div.playbook .session-nav .ses-holder .ses-list p.active, div.playbook .session-nav .ses-holder .ses-list a.appl.active{
  background: rgba(255, 200, 59, 0.7);
}
div.playbook div.jdg_scs_msg#judgement_success_msg{
  /*display: flex;*/
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
  color: #ffffff;
  justify-content: center;
  align-items: flex-start;
  padding: 2%;
  z-index: 1;
}
div.playbook div.jdg_scs_msg div.mn_msg{
  border-radius: 9px;
  padding: 21px 14px;
  background: #ffefd5;
  color: #000000;
  max-width: 420px;
}
div.playbook div.jdg_scs_msg div.mn_msg h2{
  color: #00a5a2;
  text-align: center;
}
div.playbook div.jdg_scs_msg div.mn_msg h2 i{
  transform: scale(1);
}
div.playbook div.jdg_scs_msg div.mn_msg h2 i.lg{
  transform: scale(30);
  transition: transform 1s;
}
div.playbook div.jdg_scs_msg div.mn_msg p{
  /**/
}
div.playbook div.jdg_scs_msg div.mn_msg p span{
  display: inline-block;
  background: #ffffff;
  border:1px solid #007eff;
  padding: 1px 5px;
  margin: 1px 4px;
  border-radius: 5px;
}
div.playbook div.jdg_scs_msg div.mn_msg div{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
div.playbook div.jdg_scs_msg div.mn_msg div a{
  color: #007eff;
  border: 1px solid #007eff;
  background: #ffffff;
  padding: 7px;
  margin: 5px;
  border-radius: 5px;
  min-width: 150px;
  text-align: center;
  text-decoration: none;
}















   
/*@media Queries*/
@media screen and (max-width: 1380px){
  .content #loan_fund_holder div.dash a{
    margin: 14px 1%;
    max-width: 48%;
    min-width: 42%;
  }
}

@media screen and (max-width: 1240px){
  div#public_page_view div.photo img.bg{
    object-fit: contain;
    width: 300px;
    height: 300px;
    max-width: 91vw;
    border-radius: 50%;
  }
  div#public_page_view div.photo img.img{
    width: 250px;
    height: 250px;
    max-width: 84vw;
  }
}

@media screen and (max-width: 1000px){
  div#public_page_view div.photo img.bg{
    object-fit: contain;
    width: 210px;
    height: 210px;
    max-width: 91vw;
    border-radius: 50%;
  }
  div#public_page_view div.photo img.img{
    width: 195px;
    height: 195px;
    max-width: 84vw;
  }
}

@media screen and (max-width:920px){
  body>nav#mobile_only{
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 3px 3%; 
    z-index: 15;
    background-color: #C4233C;
  }
  body>nav#mobile_only>a{
    color: #ffc83b; 
    text-decoration: none; 
    font:500 3em quicksand, sans-serif;
  }
  body>nav#mobile_only>a>img.logo{
    max-width: 150px; 
    max-height: 35px; 
    object-fit: contain;
  }
  body>nav#mobile_only>b.icn{
    font-size: 28px; 
    color: #ffffff; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background:#212153; 
    border-radius: 4px; 
    padding: 4px; 
    width: 35px; 
    height: 35px;
  }
  body>nav#mobile_only>b.icn>i.fa-close{
    color: #fff;
  }
  div.container-fluid div#sidebar{
    display: none; 
    padding-top: 49px;
  }
  div.container-fluid div#sidebar.open{
    display: initial; 
    width: 100%; 
    z-index: 12; 
    height: 100vh;
  }
  div.container-fluid div#sidebar img.logo{
    display: none;
  }
  div.container-fluid .contentall div#topnavbar{
    display: none;
  }
  div.container-fluid .contentall div#topnavbar.open{
    display: flex; 
    flex-direction: column; 
    align-items: flex-end; 
    padding: 7px 21px; 
    background:#ffffff; 
    padding-top: 42px; 
    position: fixed; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    z-index: 12;
  }
  div.container-fluid .contentall div#topnavbar a{
    margin: 7px; 
    padding: 7px; 
    max-width: 91%; 
    text-align: left; 
    text-decoration: none;
    border-bottom: 1px groove #212153;
  }
  div.container-fluid .contentall div#topnavbar a#btn{
    border-bottom: initial;
  }
  div.container-fluid .contentall div#topnavbar button{
    margin: 7px !important; 
    padding: 7px; 
    max-width: 91%;
  }
  div.container-fluid div.contentall, div.container-fluid>footer{
    width: initial; 
    margin: 0px auto !important;
  }
  div.container-fluid div.content div.stats div.top{
    flex-wrap: wrap; 
    width:initial; 
    align-items:center;
  }
  div.container-fluid div.content div.stats div.mid{
    flex-wrap: wrap; 
    align-items:center;
  }
  form#searchbarForm.search{
    top: 54px;
  }
  div.playbook .tab_buttons {
    top: 49px;
  }
}

@media only screen and (max-width: 768px){
  div#private_page_view div.graph_line{
    flex-wrap: wrap;
  }
  #one {
    width: 98%;
  }
  #two {
    width: 98%;
  }
  #three {
    width: 98%;
  }
  #four {
    width: 98%;
  }

  .contentall, div.container-fluid>footer {
    width: 75%;
  }

  div#private_page_view .contentall, div.container-fluid>footer, div#private_page_view.content{
    width: 100% !important;
  }

  .text {
    width:75%;
  }

  #sidebar{
    width:12%;
  }

  #bg {
    display:none;
  }

  #photo {
    display: none;
  }
  .text {
    width: 100%;
    float:left;
  }

  div.playbook div.session-nav button{
    min-width: 35px;
  }
  div.playbook div.session-nav button span{
    display: none;
  }
}

@media screen and (max-width: 430px){
  div#business_list .entrepreneur {
    max-width: 91vw; 
    display: flex; 
    padding-bottom: 3px;
  }
  div#business_list .entrepreneur a.img{
    width: 50%; 
    flex-basis: 50%; 
    order: 1;
  }
  div#business_list .entrepreneur a.img>img{
    width: 150px; 
    height: 150px;
  }
  div#business_list .entrepreneur h5.name{
    order: 0; 
    width: 100%; 
    text-align: center; 
    margin-bottom: 3px;
  }
  div#business_list .entrepreneur p.sum{
    width: 50%; 
    flex-basis: 50%; 
    order: 2; 
    position: relative; 
    height: 150px; 
    max-height: 150px; 
    padding-bottom: 42px;
  }
  div#business_list .entrepreneur a.view{
    width: 50%; 
    min-width: 91px;
    flex-basis: 50%; 
    order: 3; 
    margin-top: 14px; 
    box-shadow: -2px -2px 4px #dcdcdc, 2px -2px 4px #dcdcdc;
  }
}