/* Bootstrap */
.loading {    
      background-color: #ffffff;
      background-image: url("../img/select2-spinner.gif");
      background-size: 25px 25px;
      background-position:center center;
      background-repeat: no-repeat;
  }

header .nav-container { display:flex; align-items: center; }
.sina-nav .sina-menu > .dropdown > .dropdown-toggle::after { top: 23px; }
.sina-nav.navbar-transparent .sina-menu > li > a, 
.sina-nav .sina-menu .dropdown .dropdown-menu > li > a { font-family: var(--Raleway-SemiBold); }
.sina-nav.navbar-transparent .sina-menu > li > a:hover, 
.sina-nav .sina-menu .dropdown .dropdown-menu > li > a:hover { color: var(--theme-color); }
.sina-nav .sina-menu > .dropdown > .dropdown-toggle::after { transition: all 0.2s ease-in-out; }
.sina-nav .sina-menu > .dropdown > .dropdown-toggle:hover::after { transform:rotate(180deg); }
.form-main-area p {margin-bottom: 0;}
.footer-nav h2.side-title {font-size: 20px;color: var(--fade-black);font-family: var(--Raleway-Bold);margin-bottom: 23px;text-transform: uppercase;}
.footer-nav ul li a {font-size: 18px;color: var(--fade-black);line-height: 36px;transition: all 0.5s;font-family: var(--Raleway-Medium);}
.footer-nav ul li a:hover {color: var(--theme-color);}

.main_body_area { padding: 30px 0 100px 10px; }
.main_body_area h1 { margin-bottom: 35px; }
.left_area h3, .search_network_title { text-align: center; font-size: 30px; color: #fff; background: #000; padding: 7px 20px; }
.contact-btn a { font-size: 16px; padding: 0 20px; }
.search_form { padding:0 0 20px 0; display:block; justify-content: inherit;background: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);position: relative;height: calc(100% - 50px);}
.search_form .col-12 { padding: 0 20px; }
.search_form .block1 { width: 55%; margin-right: 10px; }
.search_form .block2 { width: 35%; margin-right: 10px; }
.search_form .block3 { width: auto; }
.search_form label {width:100%; padding-bottom:6px;margin-top: 18px;}
.search_form select { background:#fff url('../img/dr2.png') 98% 17px no-repeat; border: 1px solid #aaa; width: 100%; height: 40px; padding:5px; border-radius: 5px;}
.search_form input[type="submit"] { background-color: var(--theme-color); padding: 0 30px; line-height: 40px; border-radius: 8px; font-size: 15px; font-family: var(--Raleway-Bold); cursor: pointer;color: var(--black); border: 0; margin-top: 35px; }

.select2-container--default .select2-selection--single { height: 40px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-left: -6px !important;margin-top: -2px !important;border-color: #000 transparent transparent transparent !important; }

.table_area { height: 75vh; overflow-y: auto; margin-bottom:0; overflow-x: auto; padding: 15px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); border: 1px solid #f2f2f2; position: relative;}
.table_area .loader_spinner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; }
.table_area table thead th { background: #151126 !important; color: #fff; }

.director_network_area { overflow-y: visible;overflow-x: visible; }

.chart_area { display: flex; }
.chart_area .col-md-4 div { border: 1px solid #e4e4e4;padding: 10px; border-radius: 10px;}
.chart_area h3 { text-align: center; font-weight:600; font-size:24px; margin-bottom:20px;}


.prod_banner { background:#fff url('../img/prod_banner.png') 0 0 no-repeat; background-size: 100% 50%; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); display:flex; justify-content:space-between; flex-wrap:wrap;padding-bottom: 15px;border-radius: 5px; position:relative;}
.prod_banner .top_rgt { width: 70%; padding: 30px 20px 0 0; display: flex; height: 190px; justify-content: flex-end; } 
.prod_banner .top_rgt ul { margin-left: 30px; }
.prod_banner .top_rgt ul li { padding: 0 0 12px; }
.prod_banner .top_rgt ul li span { font-family: var(--OpenSans-Regular); font-size: 13px; padding: 2px 8px; background-color:#2CDD8845 ; border-radius: 2px; display: inline-block; color:#F4F9F6;}
.prod_banner .top_rgt ul li:first-child span { background: transparent; font-size: 16px; padding:0}

.prod_banner .top_lft { padding: 55px 0 0 25px; width: 260px;}
.prod_banner .top_lft .prof { margin-bottom: 5px; margin-left: -10px; }
.prod_banner .top_lft h2 { color: #1E1E1E; font-size: 18px; font-weight:700; margin: 5px 0 6px; font-family: var(--OpenSans-Regular);}
.prod_banner .top_lft h2 img { margin: 0 0 0 5px; }
.prod_banner .top_lft p { color: #1E1E1E; font-family: var(--OpenSans-Regular); font-size:14px; padding-bottom:6px;}
.prod_banner .top_lft p img {margin-right:5px;}

.prod_banner .low_mid { position: absolute; left: 30%; bottom: 75px;width: 20%; }
.prod_banner .low_mid p { font-family: var(--OpenSans-Regular); font-size: 14px; margin-bottom:8px; }

.prod_banner .low_rgt { width:30%; position: absolute;right: 4%;top: 58%;}
.prod_banner .low_rgt div { display: flex; align-items: center; margin-bottom:12px;font-family: var(--OpenSans-Regular); font-size: 14px;}
.prod_banner .low_rgt div img { margin-right:10px; width: 30px; }


.left_low_prod { padding-top: 20px; }
.left_low_prod .block { background: #fff; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); border-radius: 6px; margin-bottom: 22px; padding-bottom: 15px;}
.left_low_prod .block h3 { color: #1E1E1E; font-size: 18px; font-weight: 700; margin-bottom: 0; font-family: var(--OpenSans-Regular); padding:20px 0 0px 15px;}
.left_low_prod .block h4 { color: #2CDD88; font-size: 16px; font-weight: 700; margin-bottom: 0; font-family: var(--OpenSans-Regular); padding:20px 0 0px 15px;}
.left_low_prod .block .share { padding: 2px 10px; border-radius: 7px; border: 1px solid #1E1E1E; font-family: var(--OpenSans-Regular); font-size: 15px; display: inline-block; color:#1E1E1E; margin:20px 20px 20px 0;height: 30px;}
.left_low_prod .block .share img { margin-right:5px; }
.left_low_prod .block p { font-family: var(--OpenSans-Regular); color: #1E1E1E; padding-bottom:20px; font-size: 14px; width: 100%; padding: 0 20px; }
.left_low_prod .block .more { width: 100%; border-top: 1px solid #c5c5c5; padding: 6px 0 8px; color: #1E1E1E; font-family: var(--OpenSans-Regular); font-weight:700; font-size:14px; text-align:center;}

.left_low_prod .block1 { display:flex; flex-wrap: wrap; justify-content: space-between; }

.director_achievements { display: flex;flex-wrap: wrap; }
.director_achievements .sec { padding: 20px; display: block !important; width: 100%; text-align: center; margin: 15px 10px; background: #fefefe; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); min-height: 210px;padding-bottom: 10px !important; }
.director_achievements .sec .iconarea { width: 120px; text-align: center; display: inline-block; }

.left_low_prod .block2 .sec { padding: 10px 10px 0; display: flex; align-items: center;}
.left_low_prod .block2 .sec .iconarea { width: 120px; text-align: center; }
.left_low_prod .block2 .sec .iconarea span { background: #d5f8e7; padding: 2px 4px;font-family: var(--OpenSans-Regular); font-size: 11px; color: #1E1E1E; text-align: center; display: block; margin-bottom:3px;  }
.left_low_prod .block2 .sec h3 { color: #1E1E1E; font-family: var(--OpenSans-Regular); font-size: 15px; font-weight: 500; margin-bottom:8px; padding-left: 0;  }
.left_low_prod .block2 .sec h3 span { display: block; font-size: 12px; font-weight:400; }

.left_low_prod .block3 .sec { border-bottom: 1px solid #ccc; margin:0px 10px; flex-wrap: wrap;}
.left_low_prod .block3 .sec .iconarea { width: auto; }
.left_low_prod .block3 .sec h3 { padding-top: 0; font-weight:700; }
.left_low_prod .block3 .sec .iconarea img { width: 38px; margin-right: 20px; }
.left_low_prod .block3 .sec h4 { padding-top: 0; font-weight:700; font-size: 15px;width: 100%;margin-bottom: 10px; }

.director_work_experience .sec .left_sec { width: 270px; }
.director_work_experience .sec .left_sec p { padding: 0 20px 10px 0; }
.director_work_experience .sec .rght_sec {width: calc(100% - 270px);}
.director_work_experience .textarea h3 { margin-top: 0; }

.director_achievements .textarea p { margin-bottom: 20px; }

.director_educations .sec { padding: 10px 0 !important; }
.director_educations .sec .rght_sec p { padding: 0 20px 10px 0; }

.right_low_prod .right_block { background: #fff; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); border-radius: 6px; margin-top: 20px; padding: 20px 20px 10px; }
.right_low_prod .right_block h2 { color: #1E1E1E; font-size: 18px; font-weight: 700; margin-bottom: 0; font-family: var(--OpenSans-Regular); padding:0;}
.right_low_prod .right_block .sec { display: flex; margin: 0 0 7px; border-bottom: 1px solid #ccc; padding-bottom:8px;flex-direction: column;}
.right_low_prod .right_block .sec .imgarea { margin-right:10px; font-family: var(--OpenSans-Regular);}
.right_low_prod .right_block .sec h4 { color: #1E1E1E; font-size:16px; font-weight:700;}
.right_low_prod .right_block .sec p { color: #1E1E1E; font-size:13px; margin-bottom:8px;}
.right_low_prod .right_block .sec .view { padding: 1px 10px;border: 1px solid #1E1E1E;border-radius: 6px; color: #1E1E1E; font-size: 14px; font-weight: 700;}
.right_low_prod .right_block .more { width: 100%; padding: 6px 0 8px; color: #1E1E1E; font-family: var(--OpenSans-Regular); font-weight:700; font-size:14px; text-align:center;}
.right_low_prod .right_block .associated_members { height: 1000px; overflow-y: scroll; margin-top: 30px; }

.select2-container { width: 100% !important; }
.butn_area {padding-top: 30px;}
.butn_area a { padding: 8px 20px; background-color: var(--theme-color);padding: 0 30px;line-height: 40px;border-radius: 8px;font-size: 15px;font-family: var(--Raleway-Bold);cursor: pointer;color: var(--black);border: 0;margin-top: 35px; }
.network_chart { margin-top: 50px; background: #fff; }
.modal-body .btn-close { position: absolute; right: 25px; top: 25px; }
.select2-container--default .select2-selection--multiple { height: 120px;overflow: auto; }

.modal-content { background: #ffffff82; }
.slick-disabled { display: none !important; }

.error-message-list li { color: #c30000;padding: 5px;display: flex;justify-content: flex-start; }


.slick-slide{
  height:200px;
  width:100px;
/*   background-color:#000; */
  color:#fff;
  border-radius:5px;
  display:inline-block;
  margin:0px 10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-size:20px;
}

.slick-next::before {
  content: '>';

}
.slick-prev::before {
  content: '<';
}
.slick-prev::before, .slick-next::before {
  font-family: 'arial';
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  opacity: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #20d27d;
  z-index: 5;
}
.slick-prev {
  left: -25px;
}
.slick-next {
  right: -25px;
}


@media (min-width: 1025px) { 
.menu_cross_btn { display: none; } 
}

.header nav { width: 100%; }
.navbar-nav .nav-item { padding: 0 25px; display: flex; align-items: center;}
.navbar-nav .nav-item a {  color: #000; font-size: 16px; font-family: var(--Raleway-SemiBold);}
.navbar-nav .nav-item a:hover { color: var(--theme-color); }

.dropdown-menu[data-bs-popper] { right: 0;left: inherit; }
.dropdown a.btn:focus, .dropdown a.btn { border-color: #fff; }
.navbar-toggler { border-color: #fff; }
.navbar-toggler-icon { background-image: url('green_menu.png'); }
.mobileMenu.onRight { z-index: 9999; background: #fff; }

.mobile_close_menu { display: none; }

.search_pagination { margin-bottom: 50px; }
.search_pagination nav { width: 100%; }
.search_pagination .pagination a { color: #2cdd88; }
.search_pagination .pagination .page-item.active .page-link { background: #2cdd88; }
.search_history .btn-primary { background: #2cdd88; border-color: #2cdd88; }
.search_history_result th a { color: #000; }
.search_history_result td a { color: #2cdd88; }
.form_card_area .btn-primary { background: #2cdd88; border-color: #2cdd88;}
.form_card_area a { color: #2cdd88; }
.profile_submit, .profile_submit:hover { background: #2cdd88; border-color: #2cdd88;}
.search_textbox { margin-bottom: 12px; }

.prifile_cont { padding: 0 8% 100px; }

.green_butn, .green_butn:hover  { background-color: #2CDD88; border-color: #2CDD88; font-weight: 700; }

.director_network_submit { width: 100%; margin-top: 39px !important;}
.director_network_select_co .select2-container--default .select2-selection--multiple { min-height: 30px; height:30px;font-size: 14px; }

h1.main_login { font-weight: 700 !important; color: #333 !important; font-size: 30px; text-transform: none !important; }

.login_header { position: absolute; left: 0; top: 0; width: 100%; border-top: 20px solid #141126; z-index: 9;}
.login_header img { width: 152px; margin-top: 10px; margin-left: 30px;}
.login_footer { width: 100%; height: 70px; background: #141126; position: absolute; left: 0; bottom: 0;z-index: 9 }

.auth_page_body { position: relative; }
.auth_page_body::before { position: absolute; right: 7%; top: 3%; width: 600px; height: 600px; background: radial-gradient(ellipse at center,  rgba(196,246,222,0.9) 0%,rgba(248,249,250,1) 70%);
 content: ' '; }

 .search_reaset_btn_wrap { display: flex; justify-content: space-between;align-items: baseline; }
 .search_reaset_btn_wrap input[type="submit"], .search_reaset_btn_wrap input[type="reset"] { width: 45%; }

.search_reaset_btn_wrap input[type="reset"]{ 
background-color: #393939;
  padding: 0 30px;
  line-height: 40px;
  border-radius: 8px;
  font-size: 15px;
  font-family: var(--Raleway-Bold);
  cursor: pointer;
  color: #fff;
  border: 0;
 }


.disabled-select {
  background-color: #d5d5d5;
  opacity: 0.5;
  border-radius: 3px;
  cursor: not-allowed;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}


#directorTableInstruction h2 { margin-bottom: 20px; font-size: 25px; font-weight: 700; }
#directorTableInstruction ol li { padding: 0 0 15px; }

.board_summery input[type="search"] { background: url('../img/search.png') 98% 2px no-repeat; }

.search_form select#CompanyNetworkName { height: 90px; }
#CompanyNetwork { padding: 15px; }
#CompanyNetwork input[type="submit"] { margin-top: 0; }




.sidepanel {
  position:relative;
  margin-left:0;
}
.circle {
  position:absolute;
  width:44px;
  height:44px;
  border-radius:50%;
  font-size:16px;
  background-color:#2CDD88;
  color:#f1f1f2;
  display:flex;
  justify-content:center;
  align-items:center;
  top:calc(50% - 22px);
  left:calc(100% - 22px);
  z-index:3;
  cursor:pointer;
}
.fa-chevron-left {
  margin-right:5px;
}
.fa-chevron-right {
  margin-left:5px;
}
.hide {
  display:none;
}
.director_network_left::before { position: absolute; height: 100%; width: 40px; background: #000; right: 0; top: 0; content: ' '; z-index: 1; }

.expanded {
  width: 98% !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear { color: #f00;top: -16px; font-size: 21px;}



@media (min-width: 1300px) { 
.footer-main { position: fixed;width: 100%;bottom: 0; }
}

@media (max-width: 1199.9px) {
.header nav img { width: 200px; }
.navbar-nav .nav-item { padding: 0 10px; }
}


@media (max-width: 992px) {

  .mobile_close_menu { display: block; position: absolute; right: 20px; color: #b00; }

   .mobileMenu {
     transform: translateX(-100%);
     position: fixed;
     top: 0;
     bottom: 0;
     margin: auto;
     left: 0;
     transition: all ease 0.25s;
  }
   .mobileMenu.onRight {
     /*left: auto;*/
     right: 0;
     transform: translateX(100%);
  }
   .mobileMenu.open {
     transform: translateX(0%);
  }
   .mobileMenu .navbar-nav {
     overflow-y: auto;
  }
   .overlay {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     background-color: rgba(0, 0, 0, 0.5);
     display: none;
  }
   .overlay.open {
     display: block;
     z-index: 1029;
  }

  .navbar-nav { margin-top: 30px; } 
  .navbar-nav .nav-item { padding-top: 15px; padding-left: 0; }
  .dropdown-toggle { display: block; padding-top: 25px;text-align: left;padding-left: 0;padding-bottom: 0;color: #0cca6f;}
  .navbar-nav .dropdown-menu { display: block; border: 0;}
  .dropdown-divider { display: none; }
  .dropdown-item { padding-left: 0; font-weight: 700; }
  .dropdown-toggle::after { display: none; }

  .prod_banner { background-size: 110% 105% !important; background: #fff url('../img/prod_banner.png') 50% 0 no-repeat; }
  .prod_banner .top_rgt { width: 58%; }
  .prod_banner .low_rgt {width: 96%;position: relative;left: 2%;top: 0;right: inherit;}
  .prod_banner .top_lft h2, .prod_banner .top_lft p, .prod_banner .low_rgt div { color: #fff; }
  .prod_banner .top_lft { padding: 55px 0 20px 25px; }

  .left_low_prod .block3 .sec { flex-wrap: inherit; }

  .footer {text-align: center;}
  .footer-logo-main { padding-right: 0; }
  .copyright_area { width: 100%; }
}
 

@media (max-width: 767.9px) {
.search_form { margin-bottom: 25px; }
.chart_area .col-md-4 { margin-bottom: 25px; }
.header nav img { width: 200px; }
.prod_banner .top_rgt { width: 100%;justify-content: flex-start; min-height: 190px; height: auto; padding: 30px 20px 30px 0; }
.prod_banner .top_lft {padding: 25px 0 20px 25px;}
.slick-prev { left: 0; }
.slick-next { right: 0; }
}


@media (max-width: 499.9px) {
.director_work_experience .sec .left_sec, 
.director_work_experience .sec .rght_sec { width: 100%; }

}