/*|-------------------------------------------- Global Styles --------------------------------------------|*/
 
   html,
   body {
       background-color: #ffffff;
       position: relative;
       color: #000;
       font-family: 'Roboto', sans-serif;
   }
   
   html {
       box-sizing: border-box;
       scroll-behavior: smooth;
       height: 100vh;
   }
   .bodycontentMain {
      min-height: calc(100vh - 210px);
  } 
   body.csobody  {
       background-color: #fbfbfb;
       font-family: 'Roboto', sans-serif;
       position: relative;
       margin: 0;
       padding: 0!important;
       min-height: 100%!important; 
   }
   body.csobody .grid figcaption h3,  body.csobody .grid a {
      font-weight: inherit;
  }
   .footer {
       color: #fff;
       position: relative;
       left: 0;
       right: 0;
       bottom: 0;
   }
   .footer a {
    	color: #888;
   }
   .footerbody .isroInchargeContact {
      margin: 0 0 10px;
   }
   *,
   *:before,
   *:after {
       box-sizing: inherit;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   .table > thead > tr > th,
   .table > tbody > tr > th,
   .table > tfoot > tr > th,
   .table > thead > tr > td,
   .table > tbody > tr > td,
   .table > tfoot > tr > td  {
       font-weight: 400;
   } 
   p {
       line-height: 25px;
       font-weight: 400;
       padding-bottom: 30px;
       text-align: left;
       padding: 1px 2px 0px 2px;
   } 
   .showoverflowY {
       overflow-y: scroll!important;
   }
    .heightauto {
        height: auto !important;
    }
   button:focus,
   input:focus,
   textarea:focus,
   select:focus {
       box-shadow: none!important;
   }
   .loader,
   .loader:after,
   .loader2,
   .loader2:after {
       border-radius: 50%;
       width: 10em;
       height: 10em;
       position: fixed;
   }
   
   .loaderdiv {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background-color: rgba(218, 232, 172, .4);
   }
   
   .loader {
       margin: auto;
       top: 40%;
       left: 43%;
       font-size: 10px;
       text-indent: -9999em;
       /*border-top: 6px solid rgba(166, 197, 73, .8); */
       border-top: 6px solid rgba(0, 0, 0, .4);
       border-right: 6px solid rgba(0, 0, 0, .4);
       border-bottom: 6px solid rgba(0, 0, 0, .4);
       border-left: 6px solid #000;
       -webkit-transform: translateZ(0);
       -ms-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-animation: spinr 1.1s infinite linear;
       animation: spinr 1.1s infinite linear;
   }
   
   .loader2 {
       margin: auto;
       top: 40%;
       right: 44%;
       font-size: 10px;
       text-indent: -9999em;
       border-top: 6px solid rgba(166, 197, 73, .4);
       border-right: 6px solid rgba(166, 197, 73, .4);
       border-bottom: 6px solid rgba(166, 197, 73, .4);
       border-left: 6px solid #1F3F5E;
       -webkit-transform: translateZ(0);
       -ms-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-animation: spinr 1.1s infinite linear;
       animation: spinr 1.1s infinite linear;
   }
   
   @-webkit-keyframes spinl {
       0% {
           -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100% {
           -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
       }
   }
   
   @keyframes spinl {
       0% {
           -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100% {
           -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
       }
   }
   
   @-webkit-keyframes spinr {
       0% {
           -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100% {
           -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
       }
   }
   
   @keyframes spinr {
       0% {
           -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
       }
       100% {
           -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
       }
   }
   
   .posrelative {
       position: relative;
   }
   
   .posabsolute {
       position: absolute;
   }
   
   .imppad0 {
       padding: 0!important;
   }
   
   .white {
       color: #fff;
   }
   
   .color_black {
       color: #333;
   }
   
   .gold_text {
       color: #b5a263;
       font-weight: 300;
   }
   
   .font300 {
       font-weight: 300;
   }
   
   .pad0 {
       padding: 0px;
   }
   
   .pad_lr5 {
       padding: 0px 10px 0px 10px;
   }
   
   .pad_lr10 {
       padding: 0px 10px 0px 10px;
   }
   
   .pad_30 {
       padding: 30px;
   }
   
   .pad5 {
       padding: 5px;
   }
   
   .pad6 {
       padding: 6px;
   }
   
   .pad10 {
       padding: 10px;
   }
   
   .padr {
       padding-right: 5px;
   }
   
   .padtb5 {
       padding: 5px 0;
   }
   
   .padlr5 {
       padding: 0 5px;
   }
   
   .pad_topbottom3 {
       padding: 3px 0 3px 0;
   }
   
   .pad_topbottom5 {
       padding: 5px 0 5px 0;
   }
   
   .pad_topbottom10 {
       padding: 10px 0 10px 0;
   }
   
   .pad_top30 {
       padding: 30px 0 0px 0;
   }
   
   .brdR0 {
       border-radius: 0;
   }
   
   [class*="row-"] {
       padding: 5px 0;
   }
   
   [class*="divpad-"] {
       padding: 10px;
   }
   
   .margin_0, .mrg0 {
       margin: 0px;
   }
   
   .marginb10 {
       margin: 0px 0px 10px 0px;
   }
   .marginb15 {
       margin: 0px 0px 15px 0px;
   }
   
   .amrgintb5 {
       margin: 5px 0px;
   }
   
   .margintb10 {
       margin: 10px 0px;
   }
   
   .mrglr5 {
       margin: 0 5px;
   }
   
   .margin_10 {
       margin: 10px;
   }
   
   .fontsize_20 {
       font-size: 20px;
   }
   
   .dispflex {
       display: flex;
   }
   
   .bg-red-intense {
       background: #e35b5a !important;
   }
   
   .bg-red-sunglo {
       background: #E26A6A !important;
   }
   
   .bg-green {
       background: #32c5d2 !important;
   }
   
   .bg-purple-studio {
       background: #8E44AD !important;
   }
   
   .bg-blue-steel {
       background: #4B77BE !important;
   }
   
   .bg-sunsaffron {
       background: #e8551b !important;
   }
   
   .bg-brownded {
       background: #331100 !important;
   }
   
   .cso_txt {
       color: #1F3F5E;
       font-weight: 500;
   }
    .greytxt {
        color: #ccc;
    }
    .innertitle {
       font-size: 16px;
   }
   
   .csoborder_btm {
       border-bottom: 1px solid #1F3F5E;
   }
   
   .greybodr_btm {
       border-bottom: 1px solid #e0e0e0;
   }
   
   .csolink {
       color: #667cbb;
       cursor: pointer;
   }
   
   .csobtn {
       background-color: #1F3F5E;
       color: #fff;
       width: 100%;
   }
   button:focus,
   button:hover {
     outline: none;;
   }
   .csobg {
       background-color: #1F3F5E;
       color: #fff;
   }
   
   .csobg2 {
       background-color: #1F3F5E;
       color: #000;
   }
   
   .btn-csooutline {
       border: 1px solid #92D050;
       color: #000;
       background: none;
   }
   
  .btn-exploreAll {  
      display: flex;
      justify-content: flex-end;
      margin: 5px 0;
      padding: 0;
      width: 100%;
  }
  
  .btn-exploreAll a {
      background-color: #92D050;
      border: 1px solid #92D050;
      border-radius: 20px;
      color: #fff;
      padding: 1px 1px 1.5px 10px;
      text-shadow: 0 0 0 #fff;
      align-items: center;
      height: auto;
      display: flex!important;
  }
   .btn-exploreAll a:hover {
      background: #fff;
      border: 1px solid #92D050;
      color: #92D050;
      text-decoration: none;
      text-shadow: 0 0 0 #000;
      transition: all .4s;
  }
  
   .btn-exploreAll a:hover i.fa {
       color: #ffffff;
       background-color: #92D050;
       transition: all .8s;
   }
  
  .btn-exploreAll a i.fa {
      height: 28px;
      width: 28px;
      border-radius: 50%;
      background-color: white;
      color: #92D050;
      display: inline-flex;
      align-items: center;
      justify-content: center;
  }
  .isroAdminUserTitle {    
      border-bottom: 1px solid #1F3F5E; 
      font-size: 20px; 
      margin: 10px 0 10px; 
  }
  .isroUserformDiv {
    display: flex; 
  }
  .isroUserformDiv .isroUserform {
    margin: 0 7px 10px 0;
  }
  .isroUserformDiv .isroUserBtn {
    border: none;
    background: #d4e0e6;
    font-size: 16px;
    padding: 8px 15px;
    border-radius: 0;
    height: 100%;
    text-align: center;
    width: auto;
 }
   .clearfix {
       float: none;
       clear: both;
   }
  .dfx {
      display: flex;
  }
  .f-ac {
      align-items: center;
  }
  .f-ac-jsbtw {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  
  .f-ac-jse {
      display: flex;
      align-items: center;
      justify-content: flex-end;
  }
  
  .f-ac-jsst {
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
   
   .fa.fa-user.facircle {
       width: 30px;
       height: 30px;
       border: 2px solid #9a9a9a;
       border-radius: 30px;
       font-size: 24px;
       vertical-align: middle;
       line-height: 1.5;
       text-align: center;
       color: #ffffff;
       background-color: #9a9a9a;
   }
   .flex-form  {
      align-items: flex-start;
      display: flex;
      flex-flow: column;
      padding: 10px 0;
  }
  .flexinlineFormEle {
      display: flex;
      justify-content: space-between;
      width: 100%;
  }
  .flexinlineFormEle .form-group {
      width: 48%;
   }
   .showContent span {
      cursor: pointer;
   }
  .submitDiv {    
      align-items: center;
      display: flex;
      justify-content: center;
      margin: 0 0 0 10px;
      position: relative;
  }
  .submitDiv a,  .submitDiv .subBtn {
      align-items: center;
      background-color: #92D050;
      border: 1px solid #92D050;
      border-radius: 50%;
      color: #fff;
      cursor: pointer;
      display: flex;
      justify-content: center;
      height: 30px;
      transition: all .5s ease;
      width: 30px;
  } 
  .submitDiv a i.fa, .submitDiv .subBtn:before { 
      position: absolute;
  }
  .submitDiv span {
      color: #ffffff;
  }
  .submitDiv .subBtn:hover span {
      color: #92D050;
  }
  
  .submitDiv .subBtn i.fa  {
      align-items: center;
      background-color: #fff;
      border: 1px solid #92D050;
      border-radius: 50%;
      color: #92D050;
      display: flex; 
      justify-content: center;
      padding: 5px;
      transition: all .5s ease; 
  }
  .submitDiv .subBtn:hover i.fa {
      background-color: #92D050;
      color: #fff;
  }
  .submitDiv .subBtn:focus,
  .submitDiv .subBtn:hover  {
      background-color: #fff;
      color: #92D050;
      outline: none;
  }
  .submitDiv .subBtn:focus span {
      color: #92D050;
  }
  .submitDiv .subBtn:focus,
  .submitDiv .subBtn:hover:before { 
      color: #92D050;
  }
 
  .submitDiv .subBtn:before:hover { 
      color: #92D050;
  }
 
  .subsbtn button {
       background-color: #1F3F5E;
       border: none;
       color: #ffffff;
       text-shadow: none;
       line-height: 10px;
       padding: 4px 5px 5px 5px;
       font-weight: 600;
   }
  .bodycontent .browseBackBtn, .bodycontent .refreshbtn {
      background-color: #92D050;
      border: 1px solid #92D050;
      border-radius: 20px;
      color: #fff;
      height: 30px;
      padding: 1px 8px 1px 1px;
      width: auto;
  }
  .bodycontent .browseBackBtn i.fa,
  .bodycontent .refreshbtn i.fa {
      background-color: #ffffff;
      color: #92D050;
      width: auto;
      border-radius: 50%; 
      padding: 5px;
  }
  .bodycontent .browseBackBtn:focus,
  .bodycontent .browseBackBtn:hover,
  .bodycontent .refreshbtn:focus,
  .bodycontent .refreshbtn:hover   {
      background-color: #ffffff; 
      color: #92D050;
      text-decoration: none;
      transition: all .5s;
  } 
  .bodycontent .browseBackBtn:focus i.fa,
  .bodycontent .refreshbtn:focus i.fa,
  .bodycontent .browseBackBtn:hover i.fa,
  .bodycontent .refreshbtn:hover i.fa {
      background-color: #92D050;
      color: #ffffff;
      transition: all .8s;
  }
  
  .browse_date .dateForm select,
  .browse_date .browseTitle .browTitle-right .browseForm select,.searchResultDiv .searchResultHeader select,
  .isroSelect, select  {
      background-color: white;
      border: 1px solid #ececec;
      border-radius: 4px;
      display: inline-block;
      font: inherit;
      line-height: 1.5em;
      padding: 2px 2em 0 .5em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .browse_date .dateForm select,
  .browse_date .browseTitle .browTitle-right .browseForm select,
  .searchResultDiv .searchResultHeader select,
  .isroSelect, select {
    background-image:
      linear-gradient(45deg, transparent 50%, #1F3F5E 50%),
      linear-gradient(135deg, #1F3F5E 50%, transparent 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 13px) calc(1em + -3px),
      calc(100% - 5px) calc(1em + -3px),
      calc(100% - 2em) 1.5em;
    background-size: 8px 8px,
      8px 8px,
      0px 0em;
    background-repeat: no-repeat;
  }
  
  .browse_date .dateForm select:focus,
  .browse_date .browseTitle .browTitle-right .browseForm select:focus,
  .searchResultDiv .searchResultHeader select:focus,
  .isroSelect:focus, select:focus  {
    background-image: linear-gradient(45deg, #1F3F5E 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, #1F3F5E 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 5px) .7em,
      calc(100% - 13px) .7em,
      calc(100% - 0.5em) 0.5em;
    background-size: 8px 8px,
      8px 8px,
      0px 0em;
    background-repeat: no-repeat;
    border-color: #ececec;
    outline: 0;
  }
  
  select.isroSelect, .discovery-search-filters form select.isroSelect {
      margin: auto;
  }
  
  .browse_date .dateForm select,
  .browse_date .browseTitle .browTitle-right .browseForm select,.searchResultDiv .searchResultHeader select {
      margin: 0 5px; 
      max-width: 190px;
  }
  
   /* Pagination links */
   
  .whiteBgShadow {
      background-color: #fff;
      box-shadow: 0 0 2px 0 #a9a9a9;
  }
   .csobody .pagination a,
   .csobody .pagination>li>a,
   .csobody .pagination>li>span {
       color: black;
       float: left;
       padding: 2px 8px;
       text-decoration: none;
       transition: background-color .3s;
       border: none;
       font-size: 16px;
   }
   
   .csobody .pagination>li>a:hover:not(.active) {
      background-color: #b8f774; 
      border-radius: 0px;
      color: #ffffff;
      text-shadow: 0 0 0 #ffffff;
  }
   /* Style the active/current link */
   
   .csobody .pagination a.active,
   .csobody .pagination li.active span, 
   .csobody .pagination li a.active:hover {
       background-color: #92D050;
       color: white;
       font-size: 16px;
   }
   .csobody .pagination>li:first-child>a,
   .csobody .pagination>li:first-child>span {
       font-size: 16px;
   }
    
  .csobody .pagination {
      align-items: center;
      display: flex;
      justify-content: flex-end;
      margin: 5px 0; 
  }
  .csobody .pagination li.active span,
  .csobody .pagination li a,.pagination li.disabled span {
      align-items: center;
      display: flex;
      border: 1px solid #92D050;
      height: 30px;
  }
  
  .csobody .pagination li:first-child a,
  .csobody .pagination li:first-child a:hover,
  .csobody .pagination li.disabled:first-child span {
      border-bottom-left-radius: 20px;
      border-top-left-radius: 20px;
  }
  
  .csobody .pagination li:last-child a,
  .csobody .pagination li:last-child a:hover,
  .csobody .pagination li.disabled:last-child span {
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px;
  }
  .csobody .pagination li:first-child, .csobody .pagination li:last-child {
      text-transform: capitalize;
   }
  .csobody .pagination a:hover:not(.active) {
       background-color: #ddd;
   }
  .csobody .pagination > li .disabled:focus, 
  .csobody .pagination > li .disabled:hover { 
     color: #999!important;
     cursor: not-allowed;
     opacity: .7;
  }
   /* home.html page classes */
   
   .csobody .breadcrumb {
       background-color: #fbfbfb;
       border-bottom: 1px solid #1F3F5E;
       border-bottom-left-radius: 10px;
       border-bottom-right-radius: 10px;
       margin-bottom: 10px;
       padding: 5px 5px 0px;
   }
  
   .csobody .breadcrumb li a:focus,
   .csobody .breadcrumb li a:hover { 
      color: #1F3F5E;
   }
  
   .csobody .breadcrumb li a span.glyphicon { 
      font-size: 22px;
   }
   .generalheader .navbar,
   .linkheader .navbar {
       padding: 0 15px;
   }
   
   .generalheader .navbar-header.logodiv .navbar-brand {
       padding: 0;
   }
   
  .generalheader .advSearchDiv  {  
      display: flex; 
      justify-content: flex-end; 
      padding: 4px 0 0;
  }
  
  .generalheader .advSearchDiv a {   
      color: #92D050;
      font-size: 14px;
  }
  .generalheader .advSearchDiv a:hover { 
      color: #92D050; 
      text-decoration: none;
      text-shadow: 0 0 0 #fbefe1
  }
  
   .headerclass .generalheader .useraccess {
       display: flex;
       margin-bottom: 5px;
   }
   
   .headerclass .generalheader .navbar.navbar {
       height: 70px;
       margin: 0;
   }
   
   .generalheader .navbar-header.logodiv img {
       position: relative;
       top: 12px;
       width: 550px; 
   }
   
   .headerclass .generalheader .useraccess span {
       font-size: 14px;
       padding: 2px 7px;
       line-height: 20px;
   }
   .headerclass .generalheader .useraccess .shareDropdown li span  {
    padding: 0;
   }
   .headerclass .generalheader .useraccess span.loginspan {
       margin-right: 10px;
       padding-left: 5px; 
   }
   
   .headerclass .generalheader .useraccess span a {
       color: #929294; 
   }
   
   .headerclass .generalheader .useraccess span a:hover {
       color: #1F3F5E;
       text-decoration: none;
       background: none;
   }
   .shareDropdown {
       margin: 0;
       padding: 0;
   }
   .shareDropdown li a {
       padding: 5px 10px;
   }      
   .headerclass .generalheader .useraccess span.loginspan .dropdown-menu { 
       padding: 0px;
   }
   .headerclass .generalheader .useraccess span.loginspan .dropdown-menu li {
       background: #1F3F5E;
       color: #fff;
   }
   .headerclass .generalheader .useraccess span.loginspan .dropdown-menu li a {
       color: #fff;
   }
   .headerclass .generalheader .useraccess span.loginspan .dropdown-menu li.divider {
    	height: auto;
    	margin: 0;
    	padding: 0;
   }
   .headerclass .generalheader .useraccess span.loginspan .dropdown-menu li.divider span {
    display: block;
    height: 1px;
    margin: 5px 0;
    padding: 0;
    background: #fff;
   }
  
  /*
   .headerclass .generalheader .useraccess span.loginspan .dropdown-menu li:hover {
       background: rgb(255, 182, .1)!important;
   }
  
   .dropdown-menu li a:hover {
       background:  rgb(255, 182, .1)!important;
   }
  */
   .headerclass .generalheader .useraccess ul li ul.signon {
       padding: 0px;
       background: #1F3F5E;
       z-index: 9999999999;
       top: 24px;
       position: absolute;
       box-shadow: 0px 5px 10px 0 #000000;
   }
   
   .headerclass .generalheader .useraccess ul li ul.signon li a {
       color: #fff;
       padding: 2px 10px;
   }
   
   .headerclass .generalheader .useraccess ul li ul.signon:before {
       font-family: FontAwesome;
       content: "\f0d8";
       color: #000;
       position: absolute;
       top: -14px;
       right: 5px;
       font-size: 20px;
   }
   
   .headerclass .generalheader .useraccess span.loginspan ul li ul.signon li a:hover,
   .headerclass .generalheader .useraccess span.loginspan ul li ul.signon li a:focus {
       background-color: #83a029;
   }
   
  .headerclass .generalheader .useraccess a i.fa {
      padding-right: 2px;
  }
   
   .headerclass .generalheader .useraccess span.loginspan a.dropdown-toggle {
       padding: 0 2px;
   }
   .headerclass .generalheader .useraccess span.loginspan a.dropdown-toggle:focus {
       background: transparent;
   }
   .headerclass .generalheader .useraccess span.loginspan a.dropdown-toggle span {
       padding: 2px;
   }
   .headerclass .generalheader .useraccess span.loginspan li.dropdown ul li span.glyphicon-log-out {
       padding: 0;
   }


   .headerclass .generalheader .useraccess .selectclass {
       border: none;
       background: transparent;
       position: relative;
       margin: 0;
       font-size: 12px;
       padding: 0 1px;
       text-transform: uppercase;
       top: -1px;
   }
   
   .headerclass .generalheader .useraccess .selectclass:focus {
       box-shadow: none !important;
       border: none !important;
   }
   
   .headerclass .generalheader .navbar-right .form-group .searchdiv .input-group-btn .btn {
       background: #92D050;
       color: #fff;
   }
   
   .headerclass .generalheader .navbar-right .form-group .searchdiv .input-group-btn .btn i {
       padding: 0 5px;
   }
   .headerclass .generalheader .navbar-right .form-group .searchdiv .input-group-btn .btn:focus ,
   .headerclass .generalheader .navbar-right .form-group .searchdiv .input-group-btn .btn:hover { 
      border-color: #ccc;
      outline: none; 
  }
  
   .headerclass .generalheader .navbar-right .form-group .searchdiv input {
       width: 235px;
   }
   .headerclass .generalheader .navbar-right .form-group .searchdiv input:focus,
   .headerclass .generalheader .navbar-right .form-group .searchdiv input:hover {
       border-color: #ccc;
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
       outline: none;
  }
  
   .headerclass .generalheader .useraccess .dropdown button span {
       padding: 0px;
   }
   
   .headerclass .generalheader .navbar-form.navbar-right {
       margin: 2px 0;
       padding: 0;
   }
   
   .headerclass .searchdiv {
       border-radius: 30px;
   }
   
   .headerclass .searchdiv input {
       border-top-left-radius: 30px;
       border-bottom-left-radius: 30px;
   }
   
   .headerclass .searchdiv .btn {
       border-left: none;
       border-top-right-radius: 30px;
       border-bottom-right-radius: 30px;
   }
  
  .headerclass .carousleDiv {
      margin-bottom: 10px!important;
      width: 100%!important;
  }
  
   .linkheader .navbar-collapse { 
       padding: 0;
   }
  
  .linkheader .navbar {
      align-items: center;
      border-radius: 0;
      background-color: #1F3F5E;
      border-color: transparent;
      display: flex;
      margin: 0;
      min-height: 40px;
      padding: 0 5px;
  }
   
   .linkheader ul.nav.navbar-nav li a {
       font-size: 15px;
       padding: 5px 10px;
       color: #fff;
       font-weight: 300;
   }
   
   .linkheader .navbar-inverse .navbar-nav>.open>a {
       color: #fff;
       background-color: #1F3F5E;
   }
   
   .linkheader .dropdown-menu {
       padding: 0;
       color: #fff;
       background: #1F3F5E
   }
   .dropdown-menu li a:hover,
   .linkheader .dropdown-menu>li>a:hover,
   .linkheader .dropdown-menu>li>a:focus {  
      background: #f5f5f5!important;
      color: #1f3f5e !important;
   }
   
  .linkheader .dropdown-menu .divider { 
      margin: 0; 
  }
  
   .linkheader .dropdown.open .dropdown-menu .dropdown-header {
       color: #fff;
       padding: 5px 10px;
       text-transform: capitalize;
   }
   
   .footer .footerbody {
    align-items: flex-start;
    display: flex;
    flex-flow: column; 
    justify-content: space-between;
    padding: 0;
    background: rgba(0, 0, 0, .8);
    font-size: 12px;
   }

  .footer .footerbody .footerTopContent {
     display: flex;
     justify-content: space-between;
     padding: 0 10px;
     width: 100%;
  }    
  .footer .footerbody .footerBottom {
    border-top: 1px solid #7b7b7b;
    padding: 10px; 
    width: 100%;
  }    
  .footer .footerbody .footerBottom .footerBottomContent {
     display: flex;
     justify-content: space-between; 
     width: 100%;
  }       
  .footer .footerbody .footerBottom .footerBottomContent label { 
     margin: 0; 
  }    


  .footer .footerbody a:hover {
       color: #6083bd;
  } 
  .footerbody a {
       color: #fff;
  } 
  .posabs span {
      color: #999;
  } 
  .posabs .fa,
  .posabs .fa {
      font-size: 40px; 
   }
  
   .posabs button.recentlist-view .fa,
   .posabs button.recentlist-view .fa  {
      font-size: 42px;
  }
   /*----------------------------------------------------------------------------------------------------------- 
                               |------  login.html Page   ------| 
   -----------------------------------------------------------------------------------------------------------*/
   
   .bodycontent .logindiv {
       display: flex;
       align-items: center;
       justify-content: center;
   }
   
  .bodycontent .logindiv .logincontent {
      background: #fff; 
      width: 375px; 
      border: 1px solid #ccc; 
      padding: 15px;
      box-shadow: 0 0 3px 0px #aeaeb3; 
  }
  
  .bodycontent .logindiv .logincontent img {  
       margin: 0 0 15px 0;
  }
  
  
  
   /* Style the input container */
   
   .bodycontent .logindiv .logincontent .input-container {
       align-items: center;
       justify-content: flex-start;
       display: flex;
       width: 100%;
       margin: 0 0 15px 0;
       height: 40px;
   }
   /* Style the form icons */
   
   .bodycontent .logindiv .logincontent .input-container .icon {
       font-size: 20px;
       padding: 9px;
       background: #1F3F5E;
       color: white;
       min-width: 35px;
       text-align: center;
       position: absolute;
       left: 0;
   }
   /* Style the input fields */
   
   .logindiv .logincontent .input-container input {
       width: 100%;
       padding: 10px;
       outline: none;
       border-radius: 0;
       height: 40px;
       text-indent: 30px;
   }
   
   .logindiv .linkdiv {
       padding: 0px;
       position: relative;
       display: block;
       height: 30px;
   }
   
   .logindiv .linkdiv a {
       font-size: 14px;
       color: #1F3F5E;
   }
   
   .logindiv .linkdiv a:hover {
       color: #1F3F5E;
   }
   
   .logindiv .linkdiv .newuser {
       position: absolute;
       left: 0;
   }
   
   .logindiv .linkdiv .forgotpwd {
       position: absolute;
       right: 0;
   }
   
   .logindiv .submitbtn input {
       width: 100%;
       outline: none;
       border-radius: 0;
       background-color: #1F3F5E;
   }
   /*----------------------------------------------------------------------------------------------------------- 
                               |------  home.html Page   ------| 
   -----------------------------------------------------------------------------------------------------------*/
   
   .bodycontent { 
       margin-bottom: 15px;
       color: #000;
   }
   
   .bodycontent .breadcrumbdiv .breadcrumb {
       margin: 0;
       background: #fff;
   }
   
   .bodycontent .breadcrumbdiv ol.breadcrumb li i {
       padding: 0 5px 0 0;
       color: #949494;
       font-weight: 500;
   }
   
   .bodycontent .breadcrumbdiv ol.breadcrumb li a {
       color: #949494;
       font-weight: 500;
   }
   
   .bodycontent .breadcrumbdiv ol.breadcrumb li.active a {
       font-weight: 500;
       color: #000;
   }
   
   .bodycontent .carousel_div {
       margin-bottom: 0px;
       display : none;
   }
   
   .bodycontent .carousel_div .carousel-inner {
       height: 350px;
   }
   
   .bodycontent .carousel_div .carousel-control {
       width: 5%;
   }
  
   .blog_div {
       padding: 0px;
   }
   
   .blog_content {
       border: 0px solid #ccc;
       padding: 0;
   }
   
   .updates_content {
       padding: 0 15px;
       color: #000;
       font-size: 14px;
   }
   
   .blog_div .nav .title {
       text-align: center;
       position: absolute;
       width: 100%;
       font-size: 27px;
       font-weight: 600;
       z-index: -1;
   }
   
   .blog_div .nav.nav-tabs .dispflex .buttons {
       padding-right: 15px;
       padding-top: 6px;
   }
   
   .blog_div .nav.nav-tabs .dispflex .buttons button {
       margin: 5px 0px;
       font-size: 19px;
       color: #b9b7b7;
       background-color: transparent;
       position: relative;
       top: 6px;
       right: 0px;
       border-radius: 0;
       border: none;
       outline: none;
       box-shadow: none;
   }
   
  .blog_div .nav .txt {
      padding: 0;
      margin: 0;
      font-size: 14px;
      font-weight: 500;  
      position: relative;
      top: 20px;
      padding-right: 5px;
      color: #1F3F5E;
  } 
   .blog_div .nav.nav-tabs .dispflex .buttons button span {
       display: block;
   }
   
   .blog_div .nav.nav-tabs .dispflex .buttons button:hover {  
       cursor: pointer;
       color: #666;
   }
   
   .buttons button.on .fa {
       color: #1F3F5E;
   }
  
   .buttons button .fa {
       color: #ababab;
   }
  
   
   .buttons button.on:focus {
       border: none!important;
   }
   
   .blog_div .nav.nav-tabs .dispflex .buttons span {
       position: relative;
       top: 5px;
       right: 2px;
   }
   
   .blog_div .nav.nav-tabs .dispflex .buttons span.active {
       color: #92D050;
   }
  .homrMainTab li,
  .homrMainTab li a {
      align-items: center;
      display: flex; 
      justify-content: center;     
      height: 39px;
  } 
  .homrMainTab li a i {
      margin-right: 5px;
  }
  .workdpaceTab.nav li.archive a i,
  .blog_div .blog_content .nav li.archive a i {
      font-size: 28px ;
  } 
  
   .blog_div .blog_content .nav.homrMainTab li,
   .workdpaceTab.nav li, .workdpaceTab.nav li:hover, .workdpaceTab.nav li:focus, 
   .blog_div .blog_content .nav.homrMainTab li:hover,
   .blog_div .blog_content .nav .homrMainTab li:focus {
      border-bottom: 3px solid transparent;
  }
 
 .blog_div .blog_content .nav li a,
 .workdpaceTab.nav li a {
     background-color: transparent;
     border: none;
     cursor: pointer;
     font-size: 20px;  
     padding: 5px 10px 0px;
     color: #333;
     text-align: center;
     width: 220px;
 }
 .subCommunityNav.nav {
     border-bottom: 1px solid #92D050;
 }
 .workdpaceTab.nav li:focus,
 .workdpaceTab.nav li:hover,
 .workdpaceTab.nav li a:focus,
 .workdpaceTab.nav li a:hover,
  .blog_div .blog_content .nav li:focus,
  .blog_div .blog_content .nav li a:focus,
  .blog_div .blog_content .nav li:hover,
  .blog_div .blog_content .nav li a:hover  {
      border: none;
      box-shadow: none;
      outline: none;  
      text-transform: none;
      transition: none !important;
  }
  
 .workdpaceTab.nav,
 .blog_div .blog_content .nav.nav-tabs {
      /* background-color: #f4f4f4;
      background-image: url(../images/tab_bck.png); */
      background-repeat: repeat-x;
      background-size: 100% 100%;
      border-bottom: 1px solid #92D050; 
      height: 40px; 
      float: none;
      clear: both;
  }
  
     .workdpaceTab.nav li.active,
     .workdpaceTab.nav li.focus,
     .workdpaceTab.nav li.hover,
   .blog_div .blog_content .nav li.active,
   .blog_div .blog_content .nav li.active:hover,
   .blog_div .blog_content .nav li.active:focus,.blog_content.collectioncontent .searchdata .nav.nav-pills>li.active   {
       border-bottom: 3px solid #92D050; 
   }
   .blog_div .blog_content .nav li.active a,.workdpaceTab.nav li.active a {  
       color:#92D050;
       opacity: 1;
      /* background-image: url(../images/tabactive.png);  */
       height: 36px; 
       position: relative;
       overflow: hidden;
       border: none; 	 
   } 
  
   
   .blog_div .blog_content .nav li a span.glyphicon-signal {
       padding-right: 10px;
   }
   /* Author list dropdown */
   
  
  .author_dropdown .dropbtn {
      color: #000000;
      padding: 0 0px 0 6px;
      margin: 0px;
      border: none;
      cursor: pointer;
      line-height: 0px;
      font-weight: 600;
      font-size: 18px!important;
      position: relative;
  }
   .dropbtn:after{
   content: '\2807';
  }
   
   .dropbtn:hover,
   .dropbtn:focus {
       color: #333;
   }
   
  .author_dropdown {
      align-items: center;
      display: flex;
      height: 25px;
      position: relative;
  }
  
  .home .authdropdown_body {
      right: 42px;
      top: inherit;
  }
   
   .authdropdown_body {
       background: rgba(68, 68, 68, 0.85);
       position: absolute;
       min-width: 160px;
       width: auto;
       box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);  
       z-index: 999; 
       right: 0;
       left: unset;
       padding: 0;
       top: 25px;
   }
   
   .authdropdown_body .authdropdown-content {
       height: 150px;
       overflow-y: auto;
   }
   
    .authdropdown_body .authdropdown-content::-webkit-scrollbar,
    .attachementsDiv-content::-webkit-scrollbar{
       width: 6px;
       background-color: #F5F5F5;
   }
   
    .authdropdown_body .authdropdown-content::-webkit-scrollbar-thumb,
    .attachementsDiv-content::-webkit-scrollbar-thumb{
       background-color: rgb(156, 156, 156);
   }
   
    .authdropdown_body .authdropdown-content::-webkit-scrollbar-track,
    .attachementsDiv-content::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
       box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
       background-color: #F5F5F5;
   }
   
   .authdropdown_body .authdropdown-content:before {
       font-family: FontAwesome;
       content: "\f0d8";
       color: rgb(83, 83, 83);
       opacity: .7;
       position: absolute;
       top: -23px;
       right: 0;
       font-size: 26px;
   }
   
   .authdropdown-content a {      
       display: block;
       padding: 5px 10px!important;
       text-decoration: none;
       font-size: 14px;
       color: #fff;
       text-shadow: 0 0 0 #fff;
   }
   
   .author_dropdown a:hover {
      background-color: #888888;
      color: #fff;
   }
   
   .show {
       display: block;
   }
   /*
   .blog_div .blog_content .nav li.active a:before {
       content: "";
       position: absolute;
       top: 0;
       right: 0;
       border-width: 0 8px 8px 0;
       border-style: solid;
       border-color: #fff #e6e6e6 #658E15 #658E15;
       background: rgb(83, 83, 83);
       -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
       box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
       display: block;
       width: 0;
   }
   */
   
   .blog_div .blog_content .nav li.active a:note.rounded {
       -moz-border-radius: 0px 0 0px 0px;
       border-radius: 0px 0 0px 0px;
   }
   
   .blog_div .blog_content .nav li.active a:note.rounded:before {
       border-width: 8px;
       border-color: #fff #fff transparent transparent;
       -moz-border-radius: 0 0 0 5px;
       border-radius: 0 0 0 5px;
   }
   /* blogdiv grid and list view */
   
   .blog_div .tab-content .wrapper {
       margin: 0px auto 0px;
       padding: 2px 1px 1px 1px;
       background-color: #fff;
       position: relative;
       overflow: hidden;
   }
   
   .blog_div .tab-content .item { 
      background-color: #fff; 
      border: 1px solid #ccc;
      box-shadow: 0 0 1px 0 #ccc;
   }
   /*
   .blog_div .tab-content .item .comments {
       display: flex;
       margin-bottom: 5px;
       position: absolute;
       bottom: 0;
   }
   */
   
   blog_div .tab-content .item .comments .widthit {
      border-left: 1px solid #b3b9bf;
      text-align: center;
  }
  
  .blog_div .tab-content .grid .item .comments {
      display: flex;
      margin: initial;
      position: relative;
      bottom: initial;
      font-size: 14px;
      color: #6b6b6b;
  }
  
  .blog_div .tab-content .list .item .comments .widthit .imgdiv img {
      width: 24px;
      cursor: pointer;
  }
  
  .blog_div .tab-content .list .item .comments .widthit .valueit {
      line-height: 25px;
  }
  
  .blog_div .tab-content .grid .item .comments .widthit {
      align-items: center;
      border-left: 1px solid #b3b9bf;
      display: flex;
      padding: 5px 0px;   
      width: 25%;
  }
  
  .blog_div .tab-content .grid .item .comments .widthit:nth-child(1) {
      border: none;
  }
  
  .blog_div .tab-content .grid .item .comments .widthit .imgdiv {
      align-items: center;
      display: flex;
      width: 40%;
      padding: 0 15px 0 8px;
  }
  
  .blog_div .tab-content .grid .item .comments .widthit .imgdiv img {
      width: 22px;
  }
  
  .blog_div .tab-content .grid .item .comments .widthit .valueit {
      width: 90%;
  }
  
   blog_div .tab-content .recentitem .comments .widthit {
      border-left: 1px solid #b3b9bf;
      text-align: center;
  }
  
  .blog_div .tab-content .recentitem .comments,
  .recent_div .recentwrapper .recentitem .comments {
      color: #6b6b6b;
      font-size: 14px;
  }
  .blog_div .tab-content .grid .recentitem .comments,
  .recent_div .recentwrapper.grid .recentitem .comments {
      align-items: center;
      bottom: 0;
      color: #6b6b6b;
      display: flex;
      font-size: 14px;
      justify-content: space-between;
      left: 0;
      padding: 0px;
      position: absolute;
      right: 0;
      width: 100%;
  }
  
  .blog_div .tab-content .list .recentitem .comments .widthit .imgdiv img {
      width: 24px;
      cursor: pointer;
  }
   
  .blog_div .tab-content .grid .recentitem .comments .widthit,
  .recent_div .recentwrapper.grid .recentitem .comments .widthit {
      align-items: center;
      border-left: 1px solid #b3b9bf;
      display: flex;  
      justify-content: space-evenly;
      min-height: 25px;
      width: 25%;
  }
  
  .blog_div .tab-content .grid .recentitem .comments .widthit:nth-child(1),
  .recent_div .recentwrapper.grid .recentitem .comments .widthit:nth-child(1) {
      border: none;
  }
  .blog_div .tab-content h2 {
      transition: 0.2s;
  }
  
  .blog_div .tab-content h2:hover {
      color: #666;
      cursor: pointer;
  }
   
  .blog_div .tab-content .details span.price {
      color: orange;
  }
  
  .blog_div .tab-content .item .imgcontainer {
      padding: 0;
  }
  
  .blog_div .itembox .grid .item:hover, .recent_div .upcard_div .itembox .recentwrapper .recentitem:hover,
  .tab-content .tableitem .list-group-item:hover {
      box-shadow: 0px 4px 5px 0px #ccc;
  }
  
  .blog_div.home .itembox .grid .item .imgcontainer .imgclass {
      height: auto !important;
  }
  
  /* Container needed to position the overlay. Adjust the width as needed */
  
  .blog_div .tab-content .list .item .imgcontainer {
      position: relative;
      width: 30%;
      float: left;
  }
  
  .blog_div .tab-content .list .item .imgcontainer {
      position: relative;
      width: 30%;
      float: left;
  }
  /* what's Trending */
   .recentwrapper.grid {
       display : flex;
       flex-wrap: wrap; 
  }
   .csobody .tab-content .prev-next-links {
      font-weight: 500;
      min-height: 34px;
      text-transform: capitalize;
  }
  .csobody .tab-content .prev-next-links a {    
      color: #1F3F5E;
      display: inline-block;
      padding: 10px 0;
      width: auto;
  }
  .csobody .tab-content .prev-next-links a:hover,.csobody .tab-content .prev-next-links a:focus {
      color: #7e7f7a;
      text-decoration: none;
  }
   .tab-content .recentwrapper.list {
       display: flex;
       flex-wrap: wrap;
       margin: 3px auto 0px;
       overflow: hidden;
       padding: 2px 1px 1px 1px;
       position: relative;
       -webkit-flex-wrap: wrap;
       vertical-align: top;
   }
   
   .tab-content .recentwrapper.list .item {
       align-items: center;
       display: flex;
   }
   
   .item .imgcontainer .imgclass {
       height: auto!important;
   }
   
   .tab-content .recentwrapper.list .item .comments,
   .tab-content .recentwrapper.list .item .dispflex {
      bottom: 0;
      color: #6b6b6b;
      display: flex;
      font-size: 14px;
      position: absolute;
      width: 100%;
   }
   
   .tab-content .recentwrapper.list .item .comments .widthit,
   .tab-content .recentwrapper.list .item .dispflex .widthit {
       font-size: 14px;
       width: 14.33%;
   }
   
   .tab-content .recentwrapper.list .item .comments .widthit .imgdiv,
   .tab-content .recentwrapper.list .item .dispflex .widthit .imgdiv {
       padding: 0 5px;
   }
   
   .blog_div .tab-content .list .item .comments .widthit .imgdiv img,
   .blog_div .tab-content .list .item .dispflex .widthit .imgdiv img {
       width: 24px;
       cursor: pointer;
   }
  .blog_div .tab-content .list .item .comments .widthit .imgdiv ,
   .blog_div .tab-content .list .item .comments .widthit .valueit{
       font-size: 14px;
   }
  
   .blog_div .tab-content .list .item .comments .widthit .valueit,
   .blog_div .tab-content .list .item .dispflex .widthit .valueit {
       line-height: 25px;
   }
   
   .blog_div .tab-content .grid .item .comments .widthit:nth-child(1),
   .blog_div .tab-content .grid .item .dispflex .widthit:nth-child(1) {
       border: none;
   }
   
   .blog_div .tab-content .grid .item .dispflex .widthit .imgdiv {
       font-size: 14px;
       padding: 0 0px 0 0;
       width: 25%;
   }
   .blog_div .tab-content .item .comments .widthit .imgdiv [class*="hw-"] {
       font-size: 20px;
  }
   .blog_div .tab-content .grid .item .comments .widthit .imgdiv img,
   .blog_div .tab-content .grid .item .dispflex .widthit .imgdiv img {
       width: 22px;
   }
   
   .blog_div .tab-content .grid .item .comments .widthit span,
   .blog_div .tab-content .grid .item .dispflex .widthit span {
       font-size: 14px;
       margin: 0;
       width: 40%;
   }
    
   .blog_div .tab-content .grid .item .comments .widthit span [class^="hw-"],
   .blog_div .tab-content .grid .item .dispflex .widthit span [class*="hw-"],
   .blog_div .tab-content .recentitem .comments .widthit [class^="hw-"] {
       font-size: 20px; 
   }
  .blog_div .tab-content .grid .recentitem .comments .widthit [class^="fa"] {
       font-size: 18px; 
   }
  
   .blog_div .tab-content a {
       display: block;
       font-weight: 400;
       transition: 0.2s;
   }
   
   .blog_div .tab-content h2 {
       transition: 0.2s;
   }
   
   .blog_div .tab-content h2:hover {
       color: #666;
       cursor: pointer;
   }
   
   .blog_div .tab-content .details span.price {
       color: orange;
   }
    
   /* Container needed to position the overlay. Adjust the width as needed */
   
   .blog_div .tab-content .list .item .imgcontainer {
       position: relative;
       width: 13%;
   }
   
   .blog_div .tab-content .list .item .imgcontainer img {    
      max-height: 170px;
      min-height: 100px;
      height: auto!important;
   }
  
   /* demo collections page */
   
   
   .blog_content.collectioncontent .topcontent {
       position: relative;
       display: flex;
       align-items: center;
   }
  /*
  .blog_content.collectioncontent .collectionbox .collectionwrapper .item .topcontent .imgcontainer {
       height: auto!important;
       width: 25%;
   }
  */
   .blog_content.collectioncontent .collectionbox .collectionwrapper .item .topcontent .details {
       width: 75%; 
   }
  
   .blog_content.collectioncontent .collectionbox .collectionwrapper .item .imgcontainer {
      overflow: hidden;
      padding: 5px!important;
      width: 20%;
   }
  
   .blog_content.collectioncontent .collectionbox .imgcontainer .imgclass .image {
      /* max-height: 221px; */
      /* min-height: 200px; */
      /* width: 100%; */ 
      height: 240px;
      /* object-fit: cover; */
   }
  
  .blog_content.collectioncontent .searchdata .nav-pills > li + li {
      margin-left: 7px; 
  }
  
  .blog_content.collectioncontent .searchdata .subcommunity_tab .nav.nav-pills {
      background: transparent; 
      border-bottom: 1px solid #92D050;
      height: 38px;    
  } 
  
   .blog_content.collectioncontent .searchdata .subcommunity_tab .nav.nav-pills>li>a {
      align-items: center;
      background: transparent;
      display: flex;
      justify-content: center;
      font-size: 18px;
      line-height: 15px;
      max-height: 36px;
      min-height: 36px;
      padding: 10px;
      width: auto;
  }
  .blog_content.collectioncontent .searchdata .nav.nav-pills>li.active>a {
       background-color: transparent;
       color: #92D050; 
   }
   
   .blog_content.collectioncontent .searchdata .nav.nav-pills>li>a,
   .browsebyNav.nav.nav-pills>li>a {
       background: #d4e0e6;
       font-size: 16px;
       padding: 8px 15px;
       line-height: normal;
       border-radius: 0;
       height: 100%;
       text-align: center;
       width: auto;
   }
   .blog_content.collectioncontent .col_datacontent .searchdata .browsebyNav.nav.nav-pills>li.active {
      border: none;
   }
   .blog_content.collectioncontent .col_datacontent .searchdata .browsebyNav.nav.nav-pills>li.active>a {
      background: #d4e0e6;
      color: #3c3b3b; 
   }
   .blog_content.collectioncontent .col_datacontent .subcommnunity_content .subCommunityNav.nav.nav-pills>li{
      width: 20%;
   }
   .blog_div .tab-content .collectionbox .collectionwrapper .item .details .txt {
       overflow-y: hidden;
   }
   
   .blog_content.collectioncontent .searchdata .browse_range {
       background-color: #1F3F5E;
       padding: 10px;
       width: 100%;
   }
   /* End demo collections page */
   
   .blog_div .tab-content .collectionbox .collectionwrapper .item .imgcontainer {
       width: 25%; 
       margin: 0;
       padding: 0;
   }
   
   .blog_content.collectioncontent .collectionbox .collectionwrapper .item .recent_details {
      display: flex;
      flex-flow: column;
      min-height: 250px;
      padding: 10px;
      width: 75%;
  }
   .blog_content.collectioncontent .collectionbox .collectionwrapper .item .details {
       width: 75%!important;
       padding-right: 5px;
   }
   
   .blog_content.collectioncontent .collectionbox .collectionwrapper .item .details p {
       font-size: 15px;
       text-align: justify;
       padding-right: 10px;
   }
   
   .blog_div .tab-content .collectionbox .collectionwrapper .item .imgcontainer .imgclass {
       margin: 0;
       padding: 0;
   }
   
   .blog_div .tab-content .collectionbox .collectionwrapper .item .details {
       float: left;
       width: 83%;
       padding-left: 1%;
       position: relative;
       min-height: 195px;
   }
   
   .blog_div .tab-content .collectionbox .collectionwrapper .item .details .txt {
       min-height: 145px;
       height: 145px;
       display: block;
       position: relative;
       overflow-y: hidden;
   }
   
   .txt::-webkit-scrollbar {
       width: 6px;
       background-color: #F5F5F5;
   }
   
   .txt::-webkit-scrollbar-thumb {
       background-color: #ccc;
   }
   
   .txt::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
       box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
       background-color: #F5F5F5;
   }
   
   .blog_div .tab-content .collectionbox .collectionwrapper .details h3 { 
       margin: 8px 0;
   }
   
   .blog_div .tab-content .collectionbox .collectionwrapper .details strong {
       font-size: 18px;
       padding-right: 10px;
   }
   
   .blog_div .tab-content .collectionbox .collectionwrapper .details .rated {
       margin-bottom: 1px;
   }
   
   .blog_div .tab-content .collectionbox .collectionwrapper .details small {
       font-size: 14px;
       font-weight: 600;
       position: relative;
   }
   
   .blog_content.collectioncontent .showmore,
   .collectionbox .collectionwrapper .item .showless,
   .pfasection .collectionwrapper .middlediv .pfashowmore,
   .blog_div .tab-content .collectionbox .collectionwrapper .details .showmore {
       position: absolute!important;
       bottom: 0;
       top: initial;
       cursor: pointer;
       right: 05px;
       color: #7e7f7a;
       font-size: 12px;
       font-weight: 600;
   }
   
   .pfasection .collectionwrapper .middlediv .pfashowmore:hover,
   .blog_div .tab-content .collectionbox .collectionwrapper .details .showmore:hover,
   .collectionbox .collectionwrapper .item .showless span:hover {
       color: #1F3F5E;
       font-weight: 600;
   }
   .blog_div .tab-content .collectionbox .collectionwrapper .details .recDetailsTitle, 
   .collectionbox .collectionwrapper .recent_details .recDetailsTitle { 
      display: flex;
      justify-content: space-between;
      margin: 0; 
   }
  
   .collectionbox .collectionwrapper .rated .subscriptiondiv {
       position: relative;
       right: 8px;
   }
   
  .collectionbox .collectionwrapper .rated .subscriptiondiv div {
      font-size: 20px;
      display: flex;
      align-items: center;
  } 
   .collectionbox .collectionwrapper .rated .subscriptiondiv .subsbtn button {
       background-color: #1F3F5E;
       border: none;
       color: #ffffff;
       text-shadow: none;
       line-height: 10px;
       padding: 4px 5px 5px 5px;
       font-weight: 600;
   }
  .collectionbox .collectionwrapper .rated .subscriptiondiv .subsbtn button small {
       color: #ffffff;
  }
    .collectionbox .collectionwrapper .rated .subscriptiondiv .subsbtn button:focus,
    .collectionbox .collectionwrapper .rated .subscriptiondiv .subsbtn button:hover { 
       border: none;
       outline: none;
   }
  
   .collectionbox .collectionwrapper .subscriptiondiv .share {
       position: relative; 
   }
   .collectionbox .collectionwrapper .subscriptiondiv .share small {
      color: #1F3F5E;
   }
  
   .collectionbox .collectionwrapper .middlecontent p {
       margin: 0;
   }
   
   .collectionbox .collectionwrapper .bottomcontent .submitcollection .submit_box {
       display: flex;
       border: 1px solid #ccc;
       clear: both;
       float: none;
       margin-bottom: 10px;
   }
   
   .collectionbox .collectionwrapper .bottomcontent .submitcollection .submit_box button {
       border: none;
       background: #ececec;
       width: 100%;
   }
   
   .collectionbox .collectionwrapper .item .showless span {
       width: auto;
       float: right;
       font-size: 12px;
       font-weight: 600;
       color: #7e7f7a;
       margin-bottom: 0px;
       padding: 0;
   }
   
   .collectionbox .collectionwrapper .bottomcontent {
       padding: 0 8px;
       clear: both;
       float: none;
   }
   
   .collectionbox .collectionwrapper .bottomcontent .submitcollection .submit_box span {
       border-right: 1px solid #ccc;
       padding: 5px;
   }
   
   .collectionbox .collectionwrapper .bottomcontent .submitcollection input {
       border: none;
   }
   
   .collectionbox .collectionwrapper .bottomcontent .submitcollection input:focus {
       outline: none;
       box-shadow: 0 0 3px 0 #1F3F5E;
   }
   
   .collectiondata .recent_div.col_datacontent {
       margin-top: 10px;
   }
  
   .tab-content #collection_tab .itembox .recentwrapper.subcomwrapper.grid .recentitem .recent_details 
   .comments {
      padding-top: 5px;
   }
   .tab-content #collection_tab .itembox .recentwrapper.subcomwrapper.grid .recentitem .recent_details 
   .comments .widthit.doc {
       width: 13.33% !important; 
   }
   .tab-content #collection_tab .itembox .recentwrapper.subcomwrapper.grid .recentitem .recent_details 
   .comments .widthit.doc .imgdiv {
       width: 15% !important ; 
   }
  
   .tab-content #collection_tab .itembox .recentwrapper.subcomwrapper.list .recentitem .recent_details 
   .comments .widthit {
      width: 15%!important;
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .recentitem .imagediv .imgclass {
      margin: 0;
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .recentitem .recent_details .rec_details_title {
      align-items: center;
      display: flex;
      justify-content: flex-start;
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .recentitem {
      margin-bottom: 5px;
   }
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .grid  .recentitem .imagediv {
      padding: 0;
      max-height: 200px;
      height: 200px; 
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .grid .recentitem .recent_details {
      height: 100%;
      width: 100%; 
   }
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details {
      padding: 0 0 0 10px;
      position: relative;
      width: 84%; 
   }
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .grid .recentitem .recent_details .subcard ,
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .grid .recentitem .recent_details .comments {
      position: relative; 
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .subcard .widthit,
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .comments .widthit {
      max-height: 30px;
      min-height: 30px;   
      width: 33.33%!important; 
   }
  
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .subcard.contents {
      bottom: 20px;
   }
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .comments {    
      bottom: 0px;
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .subcard.contents{    
      margin-bottom: 5px;   
      min-height: 30px;
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .subcard .widthit:nth-child(1) .imgdiv,
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .comments .widthit:nth-child(1) .imgdiv {
      width: 16px; 
   }
  .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .subcard .widthit:nth-child(1) .valueit,
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .comments .widthit:nth-child(1) .valueit {
      width: 100%; 
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .list .recentitem .recent_details .comments .widthit .dropbtn {
      width: 30%;  
   }
  
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .recentitem .recent_details .subcard {
      margin-top: 10px; 
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .recentitem .recent_details .subcard .widthit {
      display: flex;
      width: 33.33%; 
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .tabcontent-subcommunity .subcomwrapper.list 
    .itembox .recentitem .recent_details .comments .widthit {
      width: 33.33%;
   }
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab .itembox .list .details .comments .widthit {
      width: 33.33%;
      align-items: center;
      display: flex;
      justify-content: flex-start;
  }
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .recentitem .recent_details .comments .widthit .imgdiv  .fa {
       font-size: 16px; 
   }
  
   .collectiondata .recent_div.col_datacontent .subcommnunity_content .subcommunity_tab 
   .itembox .recentitem .recent_details .comments .widthit .dropbtn .fa {
       padding-left: 3px; 
   }
   
   .collectiondata .col_datacontent .title_div {  
       background: transparent;
       box-shadow: 0 0 1px 0 #ccc;
       border-bottom: none;
       color: #6b6b6b;
       font-weight: initial;
       margin-bottom: 5px;
       padding: 0;
   }
   .collectiondata.browse_date .col_datacontent .title_div {
     box-shadow: none;
 }
   .collectiondata .col_datacontent .title_div h3 { 
      padding: 10px 0 10px 10px;
      margin: 0;
      font-size: 20px;
      background: #fff;
   }
   
   .collectiondata .col_datacontent .title_div h3 span {
       font-weight: 400
   }
   
   .recentsubmission.collectiondata .recent_div .recentwrapper.grid .recentitem .imagediv .imgclass {   
       padding: 0;
       width: 100%;
   }
   .recentsubmission.collectiondata.searchGridList  .recent_div .recentwrapper.grid .recentitem .imagediv .imgclass {
       padding: 5px;
   }
  
   .col_datacontent .searchdata .nav.nav-pills {
      background-color: #ffffff;
      padding: 0 0 10px 10px;
      position: relative;
   }
   
   .col_datacontent .searchdata .tab-content {
       margin-top: 12px;
       min-height: calc(100vh - 297px);
       position: relative;
   }
   .collectionHome .footerBrowsePagination { 
       bottom: -35px;
   }

   .footerBrowsePagination {
     position: absolute; 
     right: 0;
   }
   .col_datacontent .searchdata .tab-content form label {
       margin: initial;
       padding-right: 10px;
   }
   
   .col_datacontent .searchdata .tab-content .dateformdiv form .dateinput_box {
       border: 1px solid #ccc;
       padding: 0;
       margin: 0;
       display: inline-block;
   }
   
   .col_datacontent .searchdata .tab-content .dateformdiv form .dateinput_box .calendericon {
       padding: 0 4px;
       border-right: 1px solid #ccc;
   }
   
   .col_datacontent .searchdata .tab-content .dateformdiv form .dateinput_box input {
       border: none;
   }
   
   .col_datacontent .searchdata .tab-content .dateformdiv form .dateinput_box:focus {
       border: 1px solid #1F3F5E;
       outline: none;
   }
   
   .col_datacontent .searchdata .tab-content .dateformdiv form .dateinput_box input:focus {
       border: none!important;
       box-shadow: none!important;
       outline: none;
   }
   
   .col_datacontent .searchdata .tab-content .dateformdiv form .fromdate {
       padding: 0;
   }
   
   .col_datacontent .searchdata .tab-content .dateformdiv form .todate {
       padding: 0 0 0 15px;
   }
   
   .col_datacontent .searchdata .nav.nav-pills>li>a {
       padding: 8px 15px;
       background: #ececec;
       border-top-left-radius: 4px;
       border-top-right-radius: 4px;
       border-bottom-right-radius: 0;
       border-bottom-left-radius: 0;
   }
 .browsebySubHead {
     align-items: center;
     border-bottom: 1px solid #1F3F5E;
     display: flex;
     height: auto;
     justify-content: space-between;
     padding: 10px 0 0;
     position: relative;
 } 
 .browsebySubHead .browsebySubHeadLeft {
     width: calc(100% - 20%);
 }
 .browsebySubHead .browsebySubHeadRight {
     align-items: center;
     display: flex;
     justify-content: space-between;
     width: calc(100% - 77%);
 }
  .collectiondata .col_datacontent .browsebySubHead .subHeadeTitle {  
     font-size: 20px;
     margin: 0;
  }
 .collectiondata .col_datacontent .browsebySubHead .submitDiv .subBtn {     
     border-radius: 20px;
     justify-content: space-between; 
     width: 125px;
     padding: 0px 1px 0px 5px;
 }
 .collectiondata .col_datacontent .browsebySubHead .submitDiv .subBtn i.fa {
     height: 26px;
     padding: 0;
     width: 26px;
 }
 
 .col_datacontent.recent_div .browsebySubHead .browsebySubHeadRight .posabs { 
     position: relative;
     right: 0;
     top: 4px;
 }
 .col_datacontent.recent_div .browsebySubHead .browsebySubHeadRight .posabs button.recentlist-view .fa { 
    top: -1px;
 }
  .col_datacontent .searchdata .nav.nav-pills>li.active>a {
       background-color: #1F3F5E;
       color: #fff;
       padding: 8px 15px; 
   }
   .blog_content.collectioncontent .col_datacontent .searchdata .nav.nav-pills>li.active {
      border-bottom: 3px solid #92D050;
  } 
   /* .col_datacontent .searchdata .nav.nav-pills>li>a .sortcontainer {
       width: 100%;
       display: block;
       height: 18px;
   }
   
   .col_datacontent .searchdata .nav.nav-pills>li>a .sortcontainer .sorticons {
       position: absolute;
       left: 10px;
       width: 20%;
       top: 1px;
   }
   
   .col_datacontent .searchdata .nav.nav-pills>li>a .sortcontainer .txt {
       float: left;
       width: 80%;
       padding-left: 10px;
       line-height: 1;
   }
   
   .col_datacontent .searchdata .nav.nav-pills>li a i {
       position: absolute;
   }
   
   .col_datacontent .searchdata .nav.nav-pills>li a i.upicon {
       top: 5px;
   }
   
   .col_datacontent .searchdata .nav.nav-pills>li a i.dwnicon {
       top: 10px;
   }
   .col_datacontent .searchdata .nav.nav-pills>li a .dispflex span {
       padding-left: 10px;
   }
    */
   
   .col_datacontent .searchdata .form-group {
       margin: 0;
   }
   
   .col_datacontent .searchdata .sortcontainer {
       width: 10%;
       display: block;
       height: 30px;
       position: relative;
       background: #ececec;
       padding: 5px 0px;
       margin-right: 10px;
   }
   
   .col_datacontent .searchdata .sortcontainer .sorticons {
       position: absolute;
       right: 0;
       width: 20%;
   }
   
   .col_datacontent .searchdata .sortcontainer .txt {
       float: left;
       padding-left: 10px;
       line-height: 1;
   }
   
   .col_datacontent .searchdata .sortcontainer i {
       position: absolute;
       cursor: pointer;
   }
   
   .col_datacontent .searchdata .sortcontainer i.upicon {
       top: 0px;
   }
   
   .col_datacontent .searchdata .sortcontainer i.dwnicon {
       top: 5px;
   }
   
   .col_datacontent .searchdata .sortcontainer i.on,
   .col_datacontent .searchdata .sortcontainer i.on {
       color: #000;
   }
   
   .col_datacontent .searchdata .sortcontainer i.off,
   .col_datacontent .searchdata .sortcontainer i.off {
       color: #7b7e86;
   }
   
   .col_datacontent .searchdata .charcontent {
       background: #ececec;
       line-height: 28px;
       padding: 0 15px;
       margin-right: 10px;
       width: 65%;
       height: 30px;
   }
   
   .col_datacontent .searchdata .tab-content form .form-group div.charcontent span {
       cursor: pointer;
       padding: 2px 4px;
   }
   
   .col_datacontent .searchdata .tab-content form .form-group .charinput_div {
       border: 1px solid #ccc;
       width: 25%;
   }
   
   .col_datacontent .searchdata .tab-content form .form-group .charinput_div input {
       border: none;
       height: 29px;
   }
   
   .col_datacontent .searchdata .tab-content form .form-group .charinput_div .fonticon {
       background: #bfbdbd;
       height: 29px;
       padding: 3px 6px;
       color: #fff;
       font-weight: lighter;
   }
   
  .col_datacontent.recent_div .posabs {
      align-items: center;
      bottom: 0px;
      display: flex;
      right: 10px;
  }
  .col_datacontent .posabs button {
      background: no-repeat;
      border: none;
      outline: none;
  }
  .col_datacontent .posabs button .fa {
      font-size: 32px;
      border: none;
      outline: none;
  }
  .col_datacontent .posabs button.recentlist-view .fa {
      font-size: 34px;
      position: relative;
      top: 0;
  }
  .recent_div .searchdata .panelsection {
       display: flex;
       flex-wrap: wrap;
       margin: 10px 0;
   }
   
   .searchdata .panel-heading {
       padding: 0;
   }
   
   .recent_div .searchdata .panel-group .recentwrapper,
   .searchdata .panel-group {
       margin: 0;
   }
    
   .col_datacontent .searchdata .tab-content .table tbody {
      display: flex;
      flex-wrap: wrap;
      padding: 10px 0px 10px 15px;
      width: 100%;
   }  
   .col_datacontent .searchdata .tab-content .table tbody tr:first-child{
      width: 100%;
   } 
   .col_datacontent .searchdata .tab-content .table tbody tr {
      background-color: #fff;
      width: 23.333%;
      border: none;
      box-shadow: 0 0 5px #ccc;
      margin: 0 16.2px 10px 0;
   }
  .col_datacontent .searchdata .tab-content .table tbody tr:hover {
      box-shadow: 0 0 5px #6f7b90;
  }
  
  .col_datacontent .searchdata .tab-content .table > tbody > tr > th ,
  .col_datacontent .searchdata .tab-content .table tbody tr td{
      border: none;
   }
  
  .collectiondata .recent_div.col_datacontent .tabcontent-collection .recentwrapper.grid .details .comments .widthit {
      justify-content: center;
      width: 50%;
  } 
  
  .collectiondata .recent_div.col_datacontent .tabcontent-collection .recentwrapper.grid .details .comments .widthit .imgdiv,
  .collectiondata .recent_div.col_datacontent .tabcontent-collection .recentwrapper.grid .details .comments .widthit .valueit { 
      width: auto;
  } 
   .searchdata .panel-group .panel-heading {
       border-bottom: none;
   }
   
   .searchdata .panel-group .panel-heading .panel-title {
       display: flex;
       border: none;
       padding: 10px;
       margin: 0px;
       position: relative;
   }
   
   .searchdata .panel-group .panel-heading .panel-title .name {
       padding-left: 10px;display: block!important;
       cursor: default;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       width: 300px;
   }
   
   .searchdata .panel-group .panel-heading .panel-title .authcount {
       width: 90px;
       text-align: center;
       padding: 4px;
       color: #333;
       position: absolute;
       right: 15px;
       font-size: 13px;
       top: 7px;
       word-wrap: break-word;
       overflow: hidden;
       background-color: #d8d8d8;
   }
   
   .searchdata .panel-group .panel-heading .panel-title a .authcount.csogreen {
       background: #1F3F5E;
       font-weight: 600;
   }
   
   .searchdata .panel-group .panel-heading .panel-title a.collapsed .authcount.grey {
       background: #ccc;
   }
   
   .searchdata .panelsection .panel-group .panel-heading .panel-title a.collapsed .name.hilite_off {
       font-weight: 100;
   }
   
   .searchdata .panelsection .panel-group .panel-heading .panel-title a .name.hilite_on {
       font-weight: 400;
   }
   
   .searchdata .panelsection .panel-group {
       border: 1px solid #ccc;
   }
   .browse_date .searchdata .panelsection .panel-group:hover {
      box-shadow: 3px 3px 4px 0px #b9b9b9;
      transition: all .5s;
   }
   
   .searchdata .panelsection .panel-group .panel {
       border: none;
       box-shadow: none;
   }
  
  .searchpage .searchleftcontent {
      display: flex;
      flex-flow: column;
  }
  .searchpage .searchleftcontent .currentFilters {
      align-items: flex-start; 
      display: flex;
      flex-flow: column;
      height: auto;
      margin: 10px 0;
      min-height: 80px;
      padding: 10px;
  }
  .searchpage .searchleftcontent .currentFilters .discovery-search-appliedFilters {
      display: flex;
      flex-flow: column;
  }
  .searchpage .searchleftcontent .currentFilters .searchchipsTitle h3 {
      color: #92D050;
      font-size: 20px;
      font-weight: 400;
      margin: 0;
  }
  
  .searchpage .searchleftcontent .currentFilters .searchChipsDiv form {
      display: flex;
      flex-flow: wrap; 
      justify-content: flex-start;
      margin: 5px 0;
  }
  
  .searchpage .searchleftcontent .currentFilters .searchChipsDiv .searchchips,
  .searchleftcontent .currentFilters .searchChipsDiv .currentFiltersValue .searchchips {
      background: #92D050;
      display: flex;
      border-radius: 8px;
      align-items: center;
      color: #fff;
      justify-content: space-between; 
      height: fit-content;
      margin: 0 5px 5px 0; 
      padding: 5px; 
      text-transform: capitalize;
      width: fit-content;
  }
  
  .searchpage .searchleftcontent .currentFilters .searchChipsDiv .searchchips i.fa,
  .searchleftcontent .currentFilters .searchChipsDiv .currentFiltersValue .searchchips button  {
      color: #fff;
      cursor: pointer;
      font-size: 14px;
      margin: 0 5px;
  }
  .searchleftcontent .currentFilters .searchChipsDiv .currentFiltersValue .searchchips focus,
  .searchleftcontent .currentFilters .searchChipsDiv .currentFiltersValue .searchchips hover,
  .searchleftcontent .currentFilters .searchChipsDiv .currentFiltersValue .searchchips button {
      width: auto;
      padding: 0;
      margin: 0;
      outline: none;
      border: none;
  }
  .searchchips button {
     padding: 0px 0px;
  }
  .searchchips .currentFiltersLabel {
     font-weight: 500;
  } 
  .searchchips .currentFiltersValue{
     font-weight: 300;
     padding-left: 5px;
  }
  .searchpage .searchleftcontent .currentFilters .refreshbtnDiv {
      align-items: center;
      display: flex;
      justify-content: flex-end;
      width: 100%;
  }
  .searchpage .searchleftcontent .currentFilters .refreshbtnDiv .refreshbtn:focus,
  .searchpage .searchleftcontent .currentFilters .refreshbtnDiv .refreshbtn:hover {
      text-decoration: none;
  }
  
  .searchpage .searchleftcontent .currentFilters .searchChipsDiv .refreshbtnDiv .refreshbtn { 
      padding: 3px 1px 3px 3px;
      width: auto;
  }
  .searchpage .searchleftcontent .currentFilters .searchChipsDiv .refreshbtnDiv .refreshbtn .refreshtxt { 
      padding: 0 5px 0 0;
  }
  .searchpage .searchleftcontent .browseBackBtn { 
      width: 80px;
  }
  .searchpage .searchleftcontent .currentFilters .refreshbtn { 
      padding: 1px 2px 0px 2px;
  }
  .searchpage .searchleftcontent .currentFilters .refreshbtn .refreshtxt { 
      padding: 0 0px 0 5px;
  }
  .searchpage .searchResultDiv .searchResultHeader {
      background-color: #fff;       
  } 
  .searchpage .searchResultDiv .searchResultHeader .searchResultHeader-Right form {
      border-right: 1px solid #ddd;
      margin-right: 1px;
      padding-right: 2px;
  }
   
  .searchpage .searchResultDiv .searchResultHeader .searchResultHeader-Right .btnsearchBlock { 
          margin: 10px 0;
  }
  .searchpage .searchResultDiv .searchResultHeader .searchResultHeader-Right .posabs button .fa {
      font-size: 38px;
  }
  
  .searchpage .searchResultDiv .searchResultHeader .searchResultHeader-Right .posabs button.recentlist-view .fa {
      font-size: 41px;
  } 
 
   .searchpage .searchdata .itembox .recentwrapper.grid .recentitem .imagediv {
      padding: 0;
  }  
  .filterSearch .filsearchtitle {
      border-bottom: 1px solid #1F3F5E;
      color: #1F3F5E;
      margin: 13px 0 10px;
  }
  .filterSearch .flex-form { 
     padding: 10px 0 5px;
 }
  .filterSearch .advanceSearch, .filterSearch .basicSearch {
      margin: 0;
      padding: 5px; 
  }
  .filterSearch .basicSearch .flex-form .form-group {
      margin-bottom: 10px;   
  }
  .filterSearch .advanceSearch p {
      margin: 0;
  }
  .filterSearch .advanceSearch h3 , .filterSearch .basicSearch h3 {
      border-bottom: 1px solid #1F3F5E;
      margin: 0;
      padding-bottom: 5px;
  }
  .filterSearch .advanceSearch h3 span , .filterSearch .basicSearch h3 span {
      border-bottom: 5px solid #1F3F5E; 
  }
  .filterSearch .flex-form .form-group {
      width: 100%;
  }  
  .filterSearch .flexinlineFormEle .form-group {
      width: 48%;  
  } 
  .filterSearch .submitDiv {
      align-items: flex-end;
      flex-flow: column;
      justify-content: flex-end;
      margin: 0;
      width: 100%;
  } 
  .filterSearch .submitDiv input {
      margin: 0 0 10px 0;
  }
  .filterSearch .submitDiv .subBtn {
      border-radius: 20px;
      justify-content: space-between;
      height: 28px; 
      padding: 0px 1px 1px 5px;
      width: 70px;
  } 
   .browse_date .searchdata .panelsection .panel-group:hover .panel-heading,
   .browse_date .searchdata .panelsection .panel-group:hover .panel-heading .panel-title .name {
       color: #777;
   }
   
   .browse_date .searchdata .panelsection .panel-group:hover .panel-heading .panel-title .authcount {
       background-color: #1F3F5E;
       color: #fff;
       transition: all .6s;
   }
   
   .searchdata .panel-group .panel-heading .panel-title a.paneltag {
       display: block;
       width: 100%;
   }
   
   .searchdata .panel-group .panel-heading .panel-title a i {
       padding-right: 5px;
   }
   
   .searchdata .panel-title>a:before {
       float: right !important;
       font-family: FontAwesome;
       content: "\f056";
       padding-right: 5px;
   }
   
   .searchdata .panel-title>a.collapsed:before {
       float: right !important;
       content: "\f055";
   }
   
   .searchdata .panel-default>.panel-heading+.panel-collapse.collapse.in>.panel-body {
       border-top: none;
       padding: 0 10px;
   }
   
   .searchdata .panel-default .panel-body .rightcontent {
       position: relative;
       display: block;
       padding: 0;
       height: 30px;
       margin: 5px 0;
   }
   
   .searchdata .panel-default .panel-body .rightcontent .floatrite {
       float: right;
       display: flex;
   }
   
   .searchdata .panel-default .panel-body .rightcontent .floatrite .pager {
       display: flex;
       margin: 0;
       height: 30px;
   }
   
   .searchdata .panel-body .rightcontent .floatrite .pager li>a {
       padding: 5px;
       height: 30px;
       border-radius: 0;
       line-height: 1;
       margin: 0 5px;
   }
   
   .searchdata .panel-body .rightcontent .floatrite .pager select {
       padding: 5px;
       margin: 0;
       height: 30px;
       border: 1px solid #ccc;
       color: #928b8b;
   }
   
   .searchdata .panel-default .panel-body .form-group .charinput_div {
       border: 1px solid #ccc;
       width: 100%;
       height: 31px;
       display: flex;
       margin-right: 10px;
   }
   
   .searchdata .panel-default .panel-body .form-group .charinput_div input {
       border: none;
       height: 29px;
   }
   
   .searchdata .panel-default .panel-body .form-group .charinput_div .fonticon {
       background: #bfbdbd;
       height: 29px;
       padding: 3px 6px;
       color: #fff;
       font-weight: lighter;
   }
   /* Make the image to responsive */
   
   .blog_div .tab-content .item .imgcontainer .imgclass {
       padding: 5px;
   }
   
   .blog_div .tab-content .item .imgcontainer .image {
       width: 100%;
   }
   /* 
   .blog_div .tab-content .collectionbox .item .imgcontainer .image {
       width: auto;
   } */
  
   /* The overlay effect (full height and width) - lays on top of the container and over the image */
   
   .blog_div .tab-content .item .imgcontainer .overlay {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       height: 100%;
       width: 100%;
       opacity: 0;
       transition: .3s ease;
       background: rgba(0, 0, 0, .5);
   }
   /* When you mouse over the container, fade in the overlay icon*/
   
   .blog_div .tab-content .item .imgcontainer:hover .overlay {
       opacity: 1;
   }
   /* The icon inside the overlay is positioned in the middle vertically and horizontally */
   
   .blog_div .tab-content .item .imgcontainer .overlay .icon {
       color: white;
       font-size: 50px;
       transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
       text-align: center;
       position: absolute;
       top: 50%;
   }
   
   .blog_div .tab-content .item a.left {
       left: 30%;
   }
   
   .blog_div .tab-content .item a.right {
       left: 70%;
   }
   /* When you move the mouse over the icon, change color */
   
   .blog_div .tab-content .item .imgcontainer:hover .overlay a:hover {
       color: rgb(230, 230, 230);
   }
   /* Hover style end */
   
   .blog_div .tab-content .details h3 {
      margin : 0;
      padding-top: 5px;
   }
   .blog_div .tab-content .details h3 a {
      color: #636161!important;
      font-size: 18px;
      font-weight: 400!important;
   }
   .blog_div .tab-content .list .item {
       background: #fff;
       width: 100%;
       margin: 0 auto 8px;
   }
   
  .blog_div .tab-content .list .details { 
      height: auto!important;
      max-width: 87%;
      margin-left: 1%;
      position: relative;  
      max-height: 200px!important;
      min-height: 100px!important;  
      width: 87%;
  }  
   .blog_div .tab-content .grid .item {
      background: #fff;
      overflow: inherit;
      width: 32.666666%;
      margin: 0 1% 10px 0;
      text-align: center;
      display: flex;
      flex-flow: column;
   }
   
   .blog_div .tab-content .grid .item:hover,
   .blog_div .tab-content .itembox .wrapper .item:hover,
   .recent_div .upcard_div .itembox .recentwrapper .recentitem:hover, 
   .recent_div .upcard_div .itembox .recentwrapper.list .recentitem:hover {
      box-shadow: 3px 3px 3px 0px #afafaf;
      transition: all .5s;
   }
   
   .blog_div .tab-content .grid .item:hover .details h3 {
       color: #ff0000
   }
   
   .blog_div .tab-content .grid .item:hover .details h3 a {
       text-decoration: none;
   }
   
   .blog_div .tab-content .grid .item:nth-child(3n) {
       margin-right: 0;
   }
   
   .blog_div .tab-content .grid h2 {
       font-size: 20px;
       margin: 10px 0;
   }
   
   .blog_div .tab-content .grid span.posabsl {
       position: absolute;
       top: 12px;
       right: 8px;
       background: #ec6c10;
       min-width: 22px;
       min-height: 22px;
       padding: 5px;
       border-radius: 12px;
       font-weight: 400;
       font-size: 14px!important;
       display: none;
   }
   
   .blog_div .tab-content .grid span { 
       font-size: 14px;
   }
   
   .blog_div .tab-content .grid .details {
     display: flex;
     flex-flow: wrap;
     align-items: flex-start;
       float: none;
       clear: both;
       width: 100%;
       margin: 0 auto 0; 
   }
   
   .blog_div .tab-content .grid .imgcontainer {
       height: initial!important;
   }
   .blog_div .tab-content .grid .imgcontainer img {
      height: auto!important;
      min-height: 180px;
      max-height: 180px;
      width: 100%; 
      z-index: 99;
   }
   .blog_div .tab-content .grid .details.uni_height {
       height: auto !important;
   }
  
   
   .blog_div .tab-content .grid .details .txt {
      height: 60px;
      max-height: 60px;
   }
   
   
   .blog_div .tab-content .grid .details h3 {
       align-items: flex-start;
       display: flex;
       min-height: 45px; 
       width: 100%;
       margin: 0;
       text-align: left;
       padding: 5px 0 0px 10px;
       font-weight: 500;
       font-size: 18px;
       text-transform: capitalize;
   }
   
   .blog_div .tab-content .grid .details p {
       margin-top: 8px;
       padding: 0 10px;
       font-size: 14px;
   }
  
   .blog_div .tab-content .btn-explore {  
      display: flex;
      justify-content: flex-end;
      margin: 10px 0;
      padding: 0 10px;
      width: 100%;
  }
  
  .blog_div .tab-content .btn-explore a {
      align-items: center;
      background-color: #1F3F5E;
      border: 1px solid #1F3F5E;
      border-radius: 20px;
      color: #fff;
      cursor: pointer;
      display: flex;
      padding: 1px 1px 1px 10px;
      height: 32px;
      text-shadow: 0 0 0 #fff;
  }
  .blog_div .tab-content .btn-explore a span {
      margin: 0;
  }
  
   .blog_div .tab-content .btn-explore a:hover {
      background: #fff; 
      color: #1F3F5E;
      text-decoration: none;
      text-shadow: 0 0 0 #000;
      transition: all .4s;
  }
  
   .blog_div .tab-content .btn-explore a:hover i.fa {
       color: #ffffff;
       background-color: #1F3F5E;
       transition: all .8s;
   }
   .blog_div .tab-content .btn-explore a i.fa {
      height: 28px;
      width: 28px;
      border-radius: 50%;
      background-color: white;
      color: #1F3F5E;
      display: inline-flex;
      align-items: center;
      justify-content: center;
  }
   
  .view_container .updates_div {
      padding-right: 0;
  }
   .updates_div .recentsubmission-div {
       border: 1px solid #1F3F5E;
       margin-bottom: 15px;
       padding: 0;
       position: relative;
       top: 6px;
   }
   
   .updates_div .recentsubmission-div .recentsubmission-row {
       padding: 5px;
   }
   
   .updates_div .recentsubmission-div .recentsubmission-row .recentsubmission-rowcontent {
       border: 1px solid #ccc;
       display: flex;
       font-size: 14px;
       padding: 0;
   }
   .updates_div .recentsubmission-div .recentsubmission-row .recentsubmission-rowcontent .from a b{
       font-weight: normal;
   }
   .updates_div .recentsubmission-div .recentsubmission-row .recentsubmission-rowcontent img {
       object-fit: contain;
   }
   
   .updates_div .recentsubmission-div .recentsubmission-row .recentsubmission-rowcontent .dispflex {
        display: initial;
   }
   
   .updates_div .recentsubmission-div .recentsubmission-row .recentsubmission-rowcontent:hover {
       box-shadow: 0 0 5px rgb(162, 176, 202)
   }
   
   .updates_div .title_div {
       clear: both;
       float: none; 
       padding: 0;
   }
  
   .updates_div h3.title { 
       padding: 15px;
       margin: 0;
       font-size: 20px;
       color: #fff;
       -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
       border-radius: 0px;
   }
   
  
   .updates_div h3.title:after {
       content: ''; 
       display: none; 
       position: absolute;
       border-style: solid;
       border-width: 12px 10px 0;
       border-color: #1F3F5E transparent; 
       width: 0;
       z-index: 1;
       bottom: -12px;
       left: 15px;
   }
   
   .updates_content .accordion_div {
       margin-top: 10px;
   }
   
   .recent_div {
       /* margin-bottom: 10px; */
       /* margin-top: 5px; */
   }
    
   .recent_div .recentwrapper {
       margin: 3px auto 0px;
       padding: 2px 1px 1px 1px;
       position: relative;
       display: flex;
       -webkit-flex-wrap: wrap;
       flex-wrap: wrap;
       vertical-align: top;
   }
   
  .recent_div .recentwrapper .recentitem {
      background-color: #fff;
  }
   .recent_div .searchdata .recentwrapper {
       margin-top: 5px;
   }
   
   /* .recent_div .recentwrapper.list .recentitem .recent_details {
       height: auto!important;
       min-height: 175px;
   } */
   
   .recentwrapper .recentitem .recent_details .from a {
       color: #000;
      font-weight: 400;
  } 
   .recentwrapper.grid .recentitem .recent_details .from {
      display: flex; 
      min-height: 70px;
      max-height: 75px;
      overflow: hidden; 
   }
   
    .recentwrapper.grid .recentitem .recent_details .from i {
      padding: 2px 15px 0px 0px; 
      width: 10%;
    }
   
   .recentwrapper.grid .recentitem .recent_details .contents {
      display: flex; 
      min-height: 50px;
      max-height: 50px; 
   }
  
   .recentwrapper.list .recentitem .recent_details .contents {
       align-items: center;
       display: flex;
       color: #797878;
       flex-flow: column;
       margin: 0 0 10px; 
       max-height: 100px;
       min-height: 98px; 
       overflow: initial;
       text-overflow: ellipsis; 
   }
   
   .recentwrapper.list .recentitem .recent_details .contents .txt {
       font-size: 14px;
       margin: 10px 0px;
   }
   
   .recent_div .recentwrapper.list .recentitem .imagediv {
      max-width: 12%;
      padding: 0;
      position: relative;
      width: 12%;
   }
   
   .recent_div .recentwrapper .recentitem .recent_details {
       padding: 0 0 0 5px;
       height: 100%;
       width: 88%;
   }
   .recent_div .recentwrapper.list .recentitem .comments .widthit {
     border-left: 1px solid #b3b9bf;
     padding: 5px 0 0; 
     width: 10%;
     display: flex;
     justify-content: space-evenly; 
  }
  .recent_div  .recentwrapper.list .recentitem .comments .widthit:nth-child(1) {
      border: none;
  }  
   .recentwrapper.grid .recentitem .overlay .from a,
   .recentwrapper.grid .recentitem .overlay .recent_details .contents {
       color: #fff;
   }
   
   .recent_div .recentwrapper .recentitem {
       overflow: initial;
       border: 1px solid #ccc;
       color: #636161 !important;
   }
   
   .recent_div .recentwrapper.grid .recentitem .comments .divider {    
      border-right: 1px solid #ccc;
      height: 30px;
  }
   
   .recent_div .recentwrapper.grid .recentitem .comments .widthit.doc {
       width: 10% !important;
   }
   
   .recent_div .recentwrapper.list .recentitem .comments .widthit.doc {
       width: auto;
       padding: 5px 0;
   }
   
   .recent_div .recentwrapper.list .recentitem .comments .widthit.doc .imgdiv {
       padding: 0px;
   }
   
  */ 
   .recent_div .buttons button {
       margin: 5px 0px;
       font-size: 19px;
       color: #b9b7b7;
       background-color: transparent;
       position: relative;
       top: 6px;
       right: 0px;
       border-radius: 0;
       border: none;
       outline: none;
       box-shadow: none;
   }
   
   .recent_div .upcard_div .recent_details .rec_details_title {
       color: #1F3F5E;
       padding-top: 5px;
       font-size: 18px;
   }
   
      .recent_div .upcard_div .recent_details .rec_details_title1 {
     color: #23334D;
     padding-top: 5px;
     font-size: 18px;
   }
   .fro {
    font-size: 0.9em;
    height: 60px;
    padding-bottom: 10px;
   display: inline;
}
   .recent_div .upcard_div .recent_details .from,
   .recent_div .upcard_div .recent_details .union,
   .recent_div .upcard_div .recent_details .publisher {
       padding: 5px 0;
   }
   /* Container needed to position the overlay. Adjust the width as needed */
   
  
   /* Make the image to responsive */
   
   .recent_div .recentwrapper.list .recentitem .imagediv .imgclass {
       padding: 0;
   }
   
   .recent_div .recentwrapper.list .recentitem .imagediv .imgclass img { 
      height: auto!important;
      max-height: 200px;
      min-height: 170px;
      max-width: 160px;
      padding: 5px;
      width: 100%;
   }
   
   .recent_div .recentwrapper .recentitem .imagediv .image {
       width: 100%;
   }
   
   .recent_div .upcard_div .recentwrapper.grid .recent_details {
       height: auto;
       min-height: 150px;
       padding: 0 15px 40px; 
       text-align: left;
       width: 100%;
   }
   
   .recentwrapper.grid .recentitem .dispflex .widthit {
       border: none;
       display: flex;
       flex-flow: column;
       position: relative;
       width: 100%;
   }
   .recentwrapper.grid .recentitem .dispflex .widthit.displayAuthor .author_dropdown {
    	bottom: 0;
    	position: absolute;
    	right: 0;
   }
   
   .recentwrapper.grid .recentitem .dispflex .widthit .imgdiv {
       width: 7%;
       padding: 3px 5px 0px 0px;
   }
   
   .recentwrapper.grid .recentitem .dispflex .widthit .valueit {
       max-width: 85%;
       padding: 3px 2px;
       width: auto; 
	   font-size:14px;
   }/*
   .recentwrapper.grid .recentitem .dispflex .widthit .valueit a { 
    	 max-width: 78%;
    	overflow: hidden;
    	text-overflow: ellipsis; 
   }*/
   
  .recent_div .title_div { 
      color: #92D050;
      font-weight: 600;
      border-bottom: 1px solid #92D050;
      padding: 0;
  }
   
  .recent_div .title_div .title {
      font-size: 20px;
      font-weight: 400;
      margin-top: 10px;
      margin-bottom: 0;
      border-bottom: 3px solid #92D050;
      padding: 5px;
  }
   .recent_div .title_div .posabs {  
       position: absolute;
       right: 25px;
       bottom: 8px;
   }
   
   .recent_div .title_div .posabs span {
       position: relative;
       top: 4px;
       font-weight: 500;
       font-size: 14px;
   }
   
   .recent_div .title_div .posabs span.active {
       color: #1F3F5E!important;
   }
   /*
   .recent_div .recentwrapper.grid .recentitem {
       display: flex;
       flex-wrap: wrap;
       margin: 0 5px 5px 0;
       padding: 0;
       width: 32.636%;
   }  */
   
  .recent_div .recentwrapper.grid .recentitem {
      align-items: center;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      margin: 0 1% 10px 0;
      overflow: inherit;
      width: 32.666666%;
  } 
   
   .recent_div .recentwrapper.grid .recentitem .form {
       min-height: 100px;
       padding: 5px 0;
       width: 100%;
   }
   
   .recent_div .recentwrapper.grid .recentitem:nth-child(3n) {
       margin-right: 0;
   }
   
   .recent_div .recentwrapper.grid .recentitem .imagediv .imgclass {
      align-items: center;
      display: flex;
      justify-content: center;
      margin: auto 20%;
   }
   
   .recent_div .recentwrapper.grid .recentitem .imagediv .imgclass img {
      /* max-height: 190px; */
      /* min-height: 190px; */
      /* width: 100%; */
      height: auto!important;
      min-height: 180px;
      max-height: 180px; 
      z-index: 99;
   }
   /* */
   .recent_div .recentwrapper.list .recent_details .listCol .widthit.displayDate {
      align-items: center;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      width: 115px;
  }
   .recent_div .recentwrapper.list .recent_details .listCol .widthit.displayDate .imgdiv,
   .recent_div .recentwrapper.list .recent_details .listCol .widthit.displayDate .valueit {
      align-items: center;
      display: flex; 
      justify-content: center;
      padding-bottom: 2px;
      width: 100%;
  }
     
   .recent_div .list .recentitem {
       align-items: center;
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       margin: 0 auto 8px;
       position: relative;
       width: 100%;
   }
   
   .recent_div .list .recentitem .rec_details_title,
   .recent_div .list .recentitem form,
   .recent_div .list .recentitem .subcard,
   .recent_div .list .recentitem .comments {
       display: flex;
       text-align: center;
       width: 100%;
   }
   /*
   .recent_div .list .recent_details {
       float: left;
       width: 69%;
       margin-left: 1%;
       position: relative;
       min-height: 268px;
   }
   z
   .recent_div .list .recent_details h3 {
       font-weight: 500;
       font-size: 14px;
       text-transform: uppercase;
   }
   
   .recent_div .grid .item {
       width: 32.666666%;
       margin: 0 1% 10px 0;
       float: left;
       text-align: center;
   }
   
   .recent_div .grid .item:nth-child(3n) {
       margin-right: 0;
   }
   
   .recent_div .grid h2 {
       font-size: 20px;
       margin: 10px 0;
   }
   
   .recent_div .grid span {
       display: inline-block;
       margin-top: -6px;
       font-size: 19px;
   }
   
   .recent_div .grid .details {
       float: none;
       clear: both;
       width: 100%;
       margin: auto;
   }
   
   .recent_div .recentwrapper.grid .recentitem .comments .widthit {
       border-left: 1px solid #b3b9bf;
       width: 25%;
       padding: 5px 0px;
   }
   
   .recent_div .recentwrapper.grid .recentitem .comments .widthit:nth-child(1) {
       border: none;
   }
   .recent_div .recentwrapper.grid .recentitem .comments .widthit:nth-child(1) .imgdiv{
       padding: 0;
   }
   .recent_div .recentwrapper.grid .recentitem .comments .widthit .imgdiv {
       width: 10%;
       padding: 0 15px 0 8px;
   }
   
   .recent_div .recentwrapper.grid .recentitem .comments .widthit .imgdiv img {
       width: 22px;
   }
   .recent_div .recentwrapper.list .recentitem .comments .widthit .imgdiv img {
       width: 24px;
       cursor: pointer;
   }
   
   .recent_div .recentwrapper.list .recentitem .comments .widthit .valueit {
       line-height: 25px;
   }
   .recent_div .upcard_div .recent_details {
       color: #000;
   }
   
   .recent_div .upcard_div .recent_details .img_div img {
       width: 75px;
   }
   
   .recent_div .upcard_div .recent_details .union img {
       width: 20px;
       vertical-align: bottom;
   }
   
   .recent_div .upcard_div .recent_details .infotxt {
       margin: 5px 0 0 0;
   }
   
   
   /* The overlay effect (full height and width) - lays on top of the container and over the image */
   
   .recent_div .recentitem .overlay {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       height: 100%;
       width: 100%;
       color: #8e8d8d;
       opacity: 0;
       transition: .3s ease;
       background: rgb(230, 230, 230);
   }
   
   .recent_div .recentwrapper.grid .recentitem .overlay {
       background: rgb(166, 197, 73);
   }
   /* When you mouse over the container, fade in the overlay icon*/
   
   .recent_div .recentitem:hover .overlay {
       opacity: 1;
   }
   
   .recentwrapper.grid .recentitem .overlay .recent_details .from {
       border-bottom: 1px solid #fff;
   }
   
   .recentwrapper.grid .recentitem .overlay .recent_details .contents .txt {
       border-top: 1px solid #fff;
   }
   
   .recentwrapper.grid .recentitem .overlay .recent_details .contents .txt p {
       font-size: 12px;
   }
   /* The icon inside the overlay is positioned in the middle vertically and horizontally */
   
   .recent_div .recentitem .imagediv .overlay .icon {
       color: white;
       font-size: 50px;
       transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
       text-align: center;
       position: absolute;
       top: 50%;
   }
   
   .recent_div .recentwrapper.list .recent_detailsa {
       display: block;
       transition: 0.2s;
       color: #2f27a5;
   }
   
   .recent_div .recentwrapper.list .recentitem .overlay .imagediv {
       padding: 0;
   }
   
   .recent_div .recentwrapper.grid .recentitem .imagediv {
      display: flex;
      height: auto!important;
      justify-content: center;
      max-height: 200px;
      min-height: 195px;
      overflow: hidden;
      padding: 0;
      width: 100%;
   }
   
   .recent_div .recentwrapper.gird .recentitem .overlay .recent_details {
       padding: 10px 15px;
       width: 100%;
   }
   
   .recent_div .recentwrapper.grid .recent_details .rec_details_title {
       border-bottom: 1px solid #1F3F5E;
   }
   
   .recent_div .recentwrapper.grid .recent_details .rec_details_title1 {
       border-bottom: 0px solid #23334D;
   }
   .recent_div .recentwrapper.grid .overlay .recent_details .rec_details_title {
       border: none;
       color: #fff;
       border-bottom: 1px solid #fff;
   }
    /*
   .recent_div .recentwrapper .recentitem .comments .widthit:nth-child(1),
   .recent_div .recentwrapper .recentitem .subcard .widthit:nth-child(1), 
   .tab-content .recentwrapper.list .item .comments .widthit:nth-child(1){
       border: none;
       padding-right: 10px;
       width: 7%;
   }
  
   .recent_div .recentwrapper .overlay .rec_details_title {
       color: #fff;
   }*/
   
   .recentwrapper.grid .overlay .recent_details .contents .txt {
       display: block!important;
   }
   
   .recent_div .upcard_div .recentwrapper.grid .overlay .recent_details {
       padding: 0 5px;
   }
   
   .recentwrapper.grid .recentitem .recent_details .contents .txt,
   .recentwrapper.grid .recentitem .recent_details .contents .dispflex .widthit.displayType,
   .recentwrapper.grid .recentitem .recent_details .contents .dispflex .widthit.displayDate,
   .recentwrapper.grid .recentitem .recent_details .contents .dispflex .widthit.displayPublisher,
   .recentwrapper.grid .recentitem .overlay .contents .dispflex .widthit:nth-child(1),
   .recentwrapper.grid .recentitem .overlay .contents .dispflex .widthit:nth-child(4),
   .recentwrapper.grid .recentitem .overlay .imagediv,
   .recent_div .recentwrapper.grid .recentitem .overlay .comments {
       display: none;
   }
   
   .recentwrapper.grid .recentitem .overlay .contents .dispflex {
       display: block;
   }
   
   .recentwrapper.grid .recentitem .overlay .contents .dispflex .widthit:nth-child(2),
   .recentwrapper.grid .recentitem .overlay .contents .dispflex .widthit:nth-child(3) {
       width: 100%;
   }
   
   .recentwrapper.list .recentitem .recent_details .contents .widthit {
       border-left: 1px solid #ccc;
       font-size: 14px;
       display: flex;
       padding: 0 5px;
       /* width: auto; */
   }
   .recentwrapper.list .recentitem .recent_details .contents .widthit.displayAuthor .author_dropdown {
       height: 18px;
       margin-right: 10px;
   }
   .recentwrapper.list .recentitem .recent_details .contents .widthit:nth-child(1) {
       padding: 0px;
       border: none;
   }
   
   .recentwrapper.list .recentitem .recent_details .contents .displayAuthorContent {
		align-items: top;
		display: flex;
		
	}
   
   .recentwrapper.list .recentitem .recent_details .contents .widthit .imgdiv {
       /* border-left: 1px solid #ccc; */
       font-size: 14px;
       max-width: 20px;
       padding: 0 20px 0 5px;
   }
   
   .recentwrapper.list .recentitem .recent_details .contents .widthit:nth-child(1) .imgdiv {
       padding-left: 0px;
       padding-right: 5px;
       width: 16px;
   }
   
   .recentwrapper.list .recentitem .recent_details .contents .widthit:nth-child(1) .valueit {
       width: 100%;
   }
   
   .recentwrapper.list .recentitem .recent_details .contents .widthit .valueit {
       padding: 0 5px;
       width: auto;
   }
   
   .recent_details .dispflex .widthit .imgdiv img {
       width: 20px;
   }
   
   .recent_div .recentitem .overlay a.icon.left {
       left: 50%;
   }
   
   .recent_div .recentitem .overlay a.icon.left img {
       width: 100px;
   }
   .update_body .filters_div .filtersDiv-content,
    .filters_div .searcFilterDiv {
     padding: 0 5px;
  }
 
   .update_body .filters_div .rangeYearSection {
     align-items: center;
     display: flex;
     justify-content: space-between;
  }
   .update_body .filters_div .rangeYearSection .inputYearSection {
     display: flex;
     justify-content: space-between;
     width:87%;
  }
   .update_body .filters_div .rangeYearSection .inputYearSection .rangeYRInput{
     position: relative;
     width: 45%;
  }
   .update_body .filters_div .rangeYearSection .inputYearSection .rangeYRInput input {
    padding: 0 2px;
  }
  .rangeYearSection .inputYearSection .toYRinput::before {
     content: " - ";
     position: absolute;
     left: -16px;
     top: 0px;
     color: #5d5858;
     font-size: 22px;
  }
  .filterSearch .rangeYearSection .submitDiv {
    align-items: inherit;
    flex-flow: initial;
    justify-content: inherit;
    margin: 0 0 0 10px;
    width: inherit;
  }
  .filterSearch .slideDateDiv .submitDiv {
    flex-flow: initial;
    justify-content: inherit;
    margin: 0 0 0 10px;
    width: inherit;
    align-items: center;
  }
  .filterSearch .rangeYearSection .submitDiv .subBtn {
    border-radius: 50%;
    justify-content: center;
    height: 30px;
    padding: 0px;
    width: 30px;
  }
  .filterSearch .slideDateDiv .submitDiv .subBtn {
    border-radius: 50%;
    justify-content: center;
    height: 30px;
    padding: 0px;
    width: 30px;
  }
  .filters_div .filterSearch .searchFilterTabContent .homrMainTab  {
     margin: 0 5px; 
  }
 
   .filters_div .list-group {
       margin-bottom : 0;
   }
   .filters_div .panel-group {
      clear: both;
       margin: 0;
   }
  
   .filters_div .title_div {
      padding: 0; 
   }
   .filters_div .title_div h3 {    
     border-bottom: 1px solid #1F3F5E;
     padding: 10px 0 5px;
      margin: 0;
      font-size: 20px;
      color: #1F3F5E;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 0px; 
   }
   
   .filters_div .title_div h3 span {    
     border-bottom: 5px solid #1F3F5E;
   }
   .filters_div .title_div:after {
      content: '';	
      display: none;
      position: absolute;
      border-style: solid;
      border-width: 12px 10px 0;
      border-color: #1F3F5E transparent;  
      width: 0; 
      bottom: 8px;
      left: 15px;
  }
   .filters_div .facetName {
      margin-bottom: 10px;
      padding: 0px 15px;    
  }
  .filters_div .discovery-search .discoverysearch-child .list-group-item a span {
      text-transform: capitalize;
  }
  .filters_div .discovery-search .discoverysearch-child .list-group-item a span:hover {
      color: #1F3F5E;
  }
   .filters_div .discovery-search .discoverysearch-child:first-child {
      border-bottom: none;
      border-top: 1px solid #ccc;
      
  }
   .filters_div .discovery-search .discoverysearch-child {
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: 10px; 
      
  }
  
   .filters_div .discovery-search .discoverysearch-child .list-group-item {
      border-left: none;
      border-right: none;
  }
  
   .filters_div .discovery-search .discoverysearch-child:last-child {
      border-bottom: 1px solid #ccc;
      border-top: none;     
      padding: 0;	
  }
   .updates_content .update_body .filters_div .authordiv .name {
       padding: 10px 15px;
       border-bottom: 1px solid #ccc;
   }
   
  .filters_div .list-group-item:last-child {
      margin-bottom: 0;
      border: none;
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
  }
  
  .filters_div .list-group-item:last-child a {
      text-transform: capitalize;
  }
  .filters_div .slideDateDiv {
    display: flex;
  }
  .filters_div .slideDateDiv .slideDateDivContent {
    padding: 5px 0;
    display: inline-block;
    float: left;
    width: 90%;
  }
  .filters_div .slideDateDiv .slideDateDivContent .sliderRange {
    margin: 10px 12px 10px 8px;
  }
  .filters_div .slideDateDiv .slideDateDivContent .sliderRange .noUi-horizontal {
    height: 5px;
  } 
  .filters_div .slideDateDiv .slideDateDivContent .sliderRange .noUi-connect {
    background: #d0d0d0;
  }
  .filters_div .slideDateDiv .slideDateDivContent .sliderRange .noUi-horizontal .noUi-handle { 
    background-color: #1F3F5E;
  }
  .filters_div .slideDateDiv .slideDateDivContent .right {
    text-align: right;
  }
  .updates_content .update_body .panel-body {
       padding: 0;
   }
   .updates_content .update_body .panel-group .panel-footer {
      align-items: center;
      background: #fff;
      display: flex;
      height: 45px;
      justify-content: space-between;
      padding: 10px 0;
      position: relative; 
  }
  .updates_content .update_body .panel-group .panel-footer a {
      background-color: #ccc;
      border: 1px solid #ccc;
      color: #1f3f5e;
	  cursor:pointer;
      padding: 2px 5px;
      position: absolute;
  }
  
  .updates_content .update_body .panel-group .panel-footer a:hover {
      background-color: #fff;
      color: #1f3f5e; 
      text-decoration: none;
  }
  .updates_content .update_body .filters_div .panel-group .panel-footer a:hover {
      background-color: #ccc;
      border: 1px solid #ccc;
      text-decoration: none;
  }
  .updates_content .update_body .panel-group .panel-footer a.showMore {
      left: 0;
  }
  .updates_content .update_body .panel-group .panel-footer a.showLess {
      right: 0;
  } 
  
   .updates_content .update_body .filters_div .panel-group .panel.panel-default {
       border-top: 1px solid #ccc;
       border-bottom: none;
       border-left: 0;
       border-right: 0;
       border-radius: 0px;
       box-shadow: none;
       margin: 0;
   }
  .filters_div .filterSearch {
      margin-bottom: 10px;
  }
   .filters_div .filterSearch .homrMainTab {
      background: #fff;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #92D050;
      flex-flow: nowrap;
      justify-content: space-between; 
  }
  .filterSearch .homrMainTab li  { 
     justify-content: space-between;
      width: 100%;
  }
 
  .filterSearch .homrMainTab li a { 
      padding: 0;
      width: 100%; 
  }
  .filterSearch .homrMainTab li a ,
  .filterSearch .homrMainTab li:focus,
  .filterSearch .homrMainTab li a:focus,
  .filterSearch .homrMainTab li a:hover { 
      background-color: transparent;
      border: none;
      border-radius: 0;
      box-shadow: none;
      outline: 0;
  }
  
  .filterSearch .nav-tabs.homrMainTab > li.active > a,.filterSearch  .nav-tabs.homrMainTab > li.active > a:hover,
  .filterSearch .nav-tabs.homrMainTab > li.active > a:focus {  
      border-bottom: 5px solid #92D050;
      border-left: none;
      border-right: none;
      border-top: none;
  } 
   .updates_content .update_body .panel-group .panel.panel-default .panel-heading {
     border-bottom: none!important;
     padding: 10px 0px;
   }
   
   .updates_content .update_body .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed {
       color: #000;
   }
   
   .updates_content .update_body .panel-group .panel.panel-default .panel-heading .panel-title a {
       color: #797474;
   }
   
   .updates_content .update_body .panel-body.rating_div .form-group {
       margin: 0;
   }
   .panel-default>.panel-heading+.panel-collapse.collapse.in>.panel-body {
       border-top: none;
   }
   .updates_content .update_body .checkbox {
       position: relative;
       width: 100%;
       /* border-bottom: 1px solid #8fb1ef; */ 
       padding: 3px 0;
   }
   
   .updates_content .update_body .checkbox:nth-last-child(1) {
       border: none;
   }
   
   .updates_content .update_body .checkbox .styled-checkbox {
       position: absolute;
       opacity: 0;
   }
   
   .updates_content .update_body .checkbox .styled-checkbox+label {
       position: relative;
       cursor: pointer;
       padding: 0;
       width: 100%;
       font-size: 14px;
       margin: 0;
       color: #000;
   }
   
   .updates_content .update_body .checkbox .styled-checkbox+label:before {
      content: '';
      margin-right: 3px;
      display: inline-block;
      vertical-align: text-top;
      width: 18px;
      border-radius: 50%;
      height: 18px;
      background: white;
      top: 0px;
  }
   
   .updates_content .update_body .checkbox .styled-checkbox+label:before {
       border: 1px solid #1F3F5E;
       position: absolute;
       right: 0px;
   }
   
   .updates_content .update_body .checkbox .styled-checkbox:focus+label:before {
       box-shadow: 0 0 0 1px #1F3F5E;
   }
   
   .updates_content .update_body .checkbox .styled-checkbox:disabled+label {
       color: #b8b8b8;
       cursor: auto;
   }
   
   .updates_content .update_body .checkbox .styled-checkbox:disabled+label:before {
       box-shadow: none;
       background: #ddd;
   }
   
   .updates_content .update_body .checkbox .styled-checkbox:checked+label:after {
       content: '';
       position: absolute;
       right: 16px;
       top: 9px;
       background: #797474;
       width: 2px;
       height: 2px;
       box-shadow: 2px 0 0 #797474, 4px 0 0 #797474, 4px -2px 0 #797474, 4px -4px 0 #797474, 4px -6px 0 #797474, 4px -8px 0 #797474;
       transform: rotate(45deg);
   }
    
   /* datepicker style */
   
   .dateclass {
       float: left;
       padding: 10px 0px;
       width: 47%;
       margin-right: 7px;
   }
   
   .dateclass label {
       margin-left: 5px;
       margin-bottom: 0px;
       padding-top: 7px;
   }
   
   .dateclass input {
       border: none;
       padding-left: 10px;
       width: 100%;
   }
   
   .dateclass input:focus {
       box-shadow: none!important;
       border: none!important;
   }
   
   .dateclass .labeldiv {
       width: 25%;
   }
   
   .dateclass .dateboxdiv {
       width: 100%;
       float: left;
   }
   
   .dateclass .dateboxdiv .boxcontent {
       display: flex;
       border: 1px solid #ccc;
       border-radius: 4px;
   }
   
   .dateclass .dateboxdiv .boxcontent .icon {
       padding: 7px;
       background: #eaeaea;
       text-align: center;
       border-right: 1px solid #ccc;
   }
   
   .dropdown-menu.datepicker {
       right: 20px!important;
       padding: 0;
   }
   
   .datepicker td span {
       width: 45px!important;
   }
   
   .datepicker .table-condensed>thead>tr>th,
   .datepicker .table-condensed>tbody>tr>th,
   .datepicker .table-condensed>tfoot>tr>th,
   .datepicker .table-condensed>thead>tr>td,
   .datepicker .table-condensed>tbody>tr>td,
   .datepicker .table-condensed>tfoot>tr>td {
       padding: 2px;
   }
   
   #base {
       background: red;
       display: inline-block;
       height: 55px;
       margin-left: 20px;
       margin-top: 55px;
       position: relative;
       width: 100px;
   }
   
   #base:after {
       border-top: 35px solid red;
       border-left: 50px solid transparent;
       border-right: 50px solid transparent;
       content: "";
       height: 0;
       left: 0;
       position: absolute;
       top: 55px;
       width: 0;
   }
   
   .ui-content form .ui-btn {
       font-size: 14px !important;
       padding: 5px 5px !important;
   }
   
   .ui-content form .ui-input-btn input {
       background: #1F3F5E;
       opacity: .5;
   }
   
   .ui-content form .ui-input-btn input:hover {
       opacity: .1;
   }
   
   .social_response {
       padding: 20px 0px;
       border-top: 1px solid #e0e0e0;
       background: #fff;
   }
   
   .social_response i,
   .social_response .valueit {
       font-size: 26px;
   }
   
   .social_response .valueit,
   .social_response small {
       color: #484848;
       padding-top: 5px;
   }
   
   .social_response .socio_flex {
       display: flex;
       text-align: center;
       margin: auto;
       width: 50%;
       padding: 15px 0px;
   }
   
   .social_response .socio_flex .socio_respwidth {
       width: 33.33%;
   }
   /* acccordion */
   
   .accordion_div .panel-title {
       font-family: 'Roboto', sans-serif;
   }
   
   .panel-title>a:before,
   .panel-title>a.collapsed:before  {
       color: #797474;
       float: right;
       font-family: FontAwesome;
       font-size: 22px;
       padding-right: 2px;
       position: relative;
       top: -3px;
  }
   .panel-title>a:before {
       content: "\f056";
   }
   
   .panel-title>a.collapsed:before {
       content: "\f055"; 
   }
   
   .panel-title>a:hover,
   .panel-title>a:active,
   .panel-title>a:focus {
       text-decoration: none;
   }
   /* Rating css */
   /****** Style Star Rating Widget *****/
   
   .rating {
       border: 1px solid #1F3F5E;
       border-radius: 40px;
       padding: 0px 10%;
       text-align: center;
       margin: 10px auto;
       width: 100%;
       min-height: 40px;
   }
   /* 
   .smallfix {
       border-radius: 40px;
       text-align: center;
       width: 100%;
       min-height: 20px;
   } */
   
   .smallfix>label:before {
       margin: 0px;
       font-size: 16px;
       font-family: FontAwesome;
       display: inline-block;
       content: "\f005";
       padding: 0 7px;
   }
   
   .smallfix>input,
   .rating>input {
       display: none;
   }
   
   .smallfix>label,
   .rating>label {
       margin: 0;
   }
   
   .rating>label:before {
       margin: 0px;
       font-size: 2em;
       font-family: FontAwesome;
       display: inline-block;
       content: "\f005";
       padding: 0 7px;
   }
   
   .smallfix>.half:before,
   .rating>.half:before,
   .smallfix>.half {
       content: "\f089";
       display: none;
       position: absolute;
   }
   
   .smallfix>label,
   .rating>label {
        color: #92D050;
        cursor: pointer;
        float: right;
    }
    /***** CSS Magic to Highlight Stars on Hover *****/
    
    /* .smallfix>input:checked~label,
    .rating>input:checked~label,
    show gold star when clicked 
    
    .smallfix:not(:checked)>label:hover,
    .rating:not(:checked)>label:hover, */
    /* hover current star */
    
    /*.smallfix:not(:checked)>label:hover~label .rating:not(:checked)>label:hover~label */{
        color: #1F3F5E; 
    }
    /* hover previous stars in list */
    
    .smallfix>input:checked+label:hover,
    .rating>input:checked+label:hover,
    /* hover current star when changing rating */
    
    .smallfix>input:checked~label:hover,
    .smallfix>label:hover~input:checked~label,
    .rating>input:checked~label:hover,
    .rating>label:hover~input:checked~label,
    /* lighten current selection */
    
    .smallfix>input:checked~label:hover~label,
    .rating>input:checked~label:hover~label {
        color: #1F3F5E;
   }
   /* End Rating css */
   /* trending Style */
   
   .blog_div .trending_div {
       padding-top: 10px;
   }
   
   .blog_div .trending_div .trending_content {
       width: 100%;
       display: block;
   }
   
   .blog_div .trending_div .trending_content .nav.nav-tabs {
       background-color: #f9f9f9;
       border-bottom: 1px solid #1F3F5E;
       background-image: none;
       background-repeat: unset;
       margin-bottom: 0; 
       height: auto;
   }
  
   .blog_div .trending_div .trending_content .nav.nav-tabs li.active {
      border: none;
  }
   .blog_div .trending_div .trending_content .tab-content {
       background: #fff;
       padding: 10px 0;
       border-left: 1px solid #1F3F5E;  
       border-right: 1px solid #1F3F5E;
       border-bottom: 1px solid #1F3F5E;
       overflow: hidden;
   }
   .blog_div .trending_div .trending_content .tab-content .tableitem {
      clear: both;
      float: none;
      padding:8px;
   }
   .blog_div .trending_div .trending_content .tab-content .tableitem .list-group-item.row { 
      border: 1px solid #ccc!important;
      margin: 10px 0;
   }
   .blog_div .trending_div .trending_content .tab-content .tableitem .list-group-item.row:hover {
      box-shadow: 0px 3px 5px 0px #c0d4e0;
    -webkit-box-shadow: 3px 3px 4px 0px #a5a3a3; 
	box-shadow: 3px 3px 4px 0px #a5a3a3;
      transition: all .5s; 
  }
   .blog_div .trending_div .trending_content .tab-content .tableitem .list-group-item.row a { 
      display: initial; 
   }
  
  .tab-content .tableitem .list-group-item .col-md-1:first-child {
      display: flex;
      justify-content: center;
  }
  .tab-content .tableitem .list-group-item .col-md-1 img {
      width: 100px;
      height: 120px;
  }
  .tab-content .tableitem .list-group-item .col-md-1:last-child {
      align-items: flex-end;
      color: #888;
      display: flex;
      font-size: 12px;
      justify-content: center;
      min-height: 120px;
  }
  .tab-content .tableitem .list-group-item .col-md-1:last-child p {
      background: #1F3F5E;
      border-radius: 5px;
      color: #fff;
      margin: 0;
      padding: 0px 5px;
  }
   .blog_div .trending_div .trending_content .tab-content .tableitem .list-group-item.row div.col-md-12:first-child { 
      align-items: center;
      display: flex;
      justify-content: center;
      padding: 0;
  
   }
   .blog_div .trending_div .trending_content .tab-content .tableitem .list-group-item.row div.col-md-12:first-child div:first-child { 
      padding: 0;
  
   }
  
  
  
   .blog_div .trending_div .trending_content .tab-content .ListTable table thead th {
       font-weight: 500;
       text-align: center;
   }
   
   .blog_div .trending_div .trending_content .tab-content .ListTable table thead th i {
       padding-right: 5px;
   }
   
   .blog_div .trending_div .trending_content .tab-content .ListTable table tbody tr td {
       font-size: 14px;
       text-align: center;
   }
   
   .blog_div .trending_div .trending_content .nav li {
       width: 33.33%;
   }
   
   .blog_div .trending_div .trending_content .nav li a {
       font-size: 18px;
       padding: 14px;
       text-align: center;
       color: #1F3F5E;
   }
   
   .blog_div .trending_div .trending_content .nav li.active a {
       background-color: #fff;
       background-image: none;
       height: auto;
       width: auto;
       border: 1px solid #1F3F5E;
       border-bottom-color: transparent;
       margin: 0;
       color: #1F3F5E;
   }
   /* footer */
   
   .social_item a {
       color: #fff!important;
   }
   
   .footer .footerbody [class *=social_connect_] h3 {
       margin-top: 10px;
   }
   /* ---------- Hover effects for Social Sites ---------- */
   /* Hover effects for facebook */
   
   .social_connect_fb:hover {
       color: #3b5998!important;
       -webkit-transition: background-color 1000ms ease-in-out;
       -o-transition: background-color 1000ms ease-in-out;
       transition: background-color 1000ms ease-in-out;
       /*
     -webkit-animation: socio_animate_fb 2s infinite; /* Chrome, Safari, Opera 
     animation: socio_animate_fb 2s infinite;	*/
   }
   /* Chrome, Safari, Opera */
   
   @-webkit-keyframes socio_animate_fb {
       50% {
           box-shadow: 0px 10px 0px 0px #3b5998;
       }
   }
   /* Standard syntax */
   
   @keyframes socio_animate_fb {
       50% {
           box-shadow: 0px 10px 0px 0px #3b5998;
       }
   }
   /* Hover effects for twitter */
   
   .social_connect_tw:hover {
       color: #55acee!important;
       -webkit-transition: background-color 1000ms ease-in-out;
       -o-transition: background-color 1000ms ease-in-out;
       transition: background-color 1000ms ease-in-out;
       /*
     -webkit-animation: socio_animate_tw 2s infinite; /* Chrome, Safari, Opera 
     animation: socio_animate_tw 2s infinite;	*/
   }
   /* Chrome, Safari, Opera */
   
   @-webkit-keyframes socio_animate_tw {
       50% {
           box-shadow: 0px 10px 0px 0px #55acee;
       }
   }
   /* Standard syntax */
   
   @keyframes socio_animate_tw {
       50% {
           box-shadow: 0px 10px 0px 0px #55acee;
       }
   }
   /* Hover effects for google+ */
   
   .social_connect_gog:hover {
       text-decoration: none;
       color: #ff0000!important;
       -webkit-transition: background-color 1000ms ease-in-out;
       -o-transition: background-color 1000ms ease-in-out;
       transition: background-color 1000ms ease-in-out;
       /*
     -webkit-animation: socio_animate_gogle 2s infinite; /* Chrome, Safari, Opera 
     animation: socio_animate_gogle 2s infinite; */
   }
   /* Chrome, Safari, Opera */
   
   @-webkit-keyframes socio_animate_gogle {
       50% {
           box-shadow: 0px 10px 0px 0px #dd4b39;
       }
   }
   /* Standard syntax */
   
   @keyframes socio_animate_gogle {
       50% {
           box-shadow: 0px 10px 0px 0px #dd4b39;
       }
   }
   /* Hover effects for linkedin */
   
   .social_connect_lkdn:hover {
       color: #fff!important;
       background-color: #0077b5!important;
       -webkit-transition: background-color 1000ms ease-in-out;
       -o-transition: background-color 1000ms ease-in-out;
       transition: background-color 1000ms ease-in-out;
       /*
     -webkit-animation: socio_animate_lk 2s infinite; /* Chrome, Safari, Opera 
     animation: socio_animate_lk 2s infinite; */
   }
   /* Chrome, Safari, Opera */
   
   @-webkit-keyframes socio_animate_lk {
       50% {
           box-shadow: 0px 10px 0px 0px #dd4b39;
       }
   }
   /* Standard syntax */
   
   @keyframes socio_animate_lk {
       50% {
           box-shadow: 0px 10px 0px 0px #dd4b39;
       }
   }
   
   .social_connect_div .socio_icon_size {
       display: block;
       width: 100%;
       color: #ffffff;
       text-align: center;
       line-height: 2;
       font-size: 65px;
   }
   
   .social_connect_div .more-btn {
       position: relative;
       margin: 0px 0px 0px -30px;
       bottom: 15px;
   }
   
   .social_item i:after {
       color: #ffffff;
   }
   
   .footer .socio_icon_size {
       font-size: 14px;
   }
   /* more-btn */
   /* Hover Effects for social-webiste links */
   
   .more-btn {
       display: inline-block;
       line-height: 24px;
   }
   
   .more-btn__color2 {
       color: #c3c3c3;
   }
   
   .more-btn i {
       width: 20px;
       height: 20px;
       border-radius: 12px;
       margin: 0 3px;
       font-size: 18px;
       text-align: center;
       -webkit-transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
       -o-transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
       transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
   }
   
   .more-btn i:before {
       margin: 0px 0 0 2px;
       width: auto;
       line-height: 23px;
       -ms-zoom: 0;
       zoom: 0;
   }
   
   .more-btn:hover i {
       color: #ffffff;
   }
   
   .more-btn__color2 i {
       color: #ffffff;
       border-color: #ffffff;
   }
   
   .more-btn__color2:hover i {
       color: #2d2415;
       background-color: #ffffff !important;
   }
   /* pfa html */
   
   .pfasection {
       padding-bottom: 3em;
       padding: 0px;
   }
   
   .pfasection .tab-content .item {
       border: none!important;
   }
   
   .pfasection .sideinfo .logoinfo {
       background-color: #d4dcbe;
       padding: 10px;
       position: relative;
   }
   
   .pfasection .pfabody {
       padding: 10px 0;
   }
   
   .pfasection .sideinfo .circlediv {
       min-height: 160px;
   }
   
   .pfasection .sideinfo .circlediv .circle {
       position: absolute;
   }
   
   .pfasection .sideinfo .circlediv .circle img {
       width: 150px;
       height: 150px;
       border-radius: 80px;
   }
   
   .pfasection .sideinfo .circlediv .circle.left {
       left: 6%;
       z-index: 9;
   }
   
   .pfasection .sideinfo .circlediv .circle.right {
       right: 56%;
   }
   
   .pfasection .sideinfo .circlediv .circle.right .borderblack {
       width: 150px;
       height: 150px;
       border-radius: 80px;
       border: 6px solid #000;
       position: absolute;
       z-index: 999;
   }
   
   .pfasection .sideinfo .circlediv .circle.left img {
       border: 6px solid #1F3F5E;
   }
   
   .pfasection .sideinfo .logoinfo .txtdiv {
       min-height: 150px;
   }
   
   .pfasection .sideinfo .logoinfo .sidefooter {
       min-height: 30px;
   }
   
   .pfasection .sideinfo .publishinfo {
       border: 1px solid #1F3F5E;
       margin-top: 10px;
   }
   
   .pfasection .sideinfo .publishinfo h4 {
       color: #1F3F5E;
   }
   
   .pfasection .sideinfo .publishinfo i.fa {
       color: #87868a;
       padding-right: 5px;
       font-size: 14px;
   }
   
   .pfasection .rightcontent .infosocio_content h3 {
       font-weight: 500;
   }
   
   .pfasection .rightcontent .topcontent {
       margin-bottom: 10px;
   }
   
   .useraction_personal i,
   .pfasection .rightcontent .infosocio_content .useraction .useraction_personal i {
       margin-right: 25px;
       color: #7d7676;
       font-size: 14px;
       cursor: pointer;
       line-height: 22px;
   }
   
   .useraction .useraction_social {
       padding: 0 8px;
   }
   
   .useraction .useraction_social .btn {
       color: #fff;
       font-size: 13px;
       height: 20px;
       margin: 5px;
       padding: 0;
       width: 20px;
   }
   
   .useraction .useraction_social .btn a {
       color: #fff;
       line-height: 20px;
   }
   
   .pfasection .rightcontent .infosocio_content .useraction .useraction_social .btn {
       margin: 2px 5px;
       color: #fff;
       padding: 0px 5px;
   }
   
   .useraction_social .btn:hover,
   .pfasection .rightcontent .infosocio_content .useraction .useraction_social .btn:hover {
       color: #f1f1f1;
   }
   
   .useraction .commentspan {
       padding-right: 15px;
   }
   .useraction .reviewtxt {
       padding: 0 0px 0 2px;
       top: 6px;
       color: #777;
       font-size: 14px!important;
       font-weight: 400!important;
   }
   /*
   .pfasection .collectionwrapper .item .imgcontainer {
       width: 12.6%!important;
   } 
  */
   
   .pfasection .collectionwrapper .item .details {
       width: 87.4%!important;
       min-height: 215px!important;
   }
   
   .pfasection .collectionwrapper .item .imgcontainer .imgclass {
       position: relative;
   }
   
   .pfasection .collectionwrapper .item .imgcontainer .imgclass img { 
      max-height: 215px;
      min-height: 215px;
      width: 100%;
   }
   
   .pfasection .item .imgcontainer .imgclass .image {
       width: auto;
   }
   
   .pfasection .collectionwrapper .item .imgcontainer .imgclass .imgoverlay {
       position: absolute;
       bottom: 0;
       right: 0;
       left: 0;
       width: 100%;
       color: #fff;
       text-align: center;
       background: rgba(0, 0, 0, .7);
   }
   
   .pfasection .collectionwrapper .item .imgcontainer .imgclass .imgoverlay div {
       padding: 0 5px;
       width: 50%;
   }
   
   .pfasection .collectionwrapper .item .imgcontainer .imgclass .imgoverlay div i {
       padding: 0 5px;
   }
   
   .pfasection .collectionbox .collectionwrapper .details .from h3.title {
       font-size: 22px;
   }
   
   .pfasection .collectionwrapper .topcontent .txt {
       min-height: 105px!important;
       height: 105px!important;
   }
   
   .pfasection .collectionwrapper .topcontent .useraction {
       height: 25px;
       position: absolute;
       bottom: 10px;
   }
   
   .pfasection .collectionbox .collectionwrapper .bottomcontent {
       padding: 5px 8px;
   }
   
   .pfasection .collectionwrapper .topcontent .txt .externallink i,
   .pfasection .collectionwrapper .topcontent .txt .externallink a {
       font-size: 16px;
       line-height: 20px;
   }
   
   .pfasection label {
       margin: 0;
   }
   
   .pfasection .showmorediv {
       height: 20px;
   }
   
   .pfasection .middlediv {
       word-break: break-word;
       margin-top: 20px;
   }
   
   .pfasection .middlediv .abstractinfo {
       display: block;
       overflow: hidden;
   }
   
   .autoheight {
       height: auto!important;
   }
   
   .pfasection .middlediv .panel-group {
       margin: 0;
   }
   
   .pfasection .middlediv .panel-group span {
       font-size: 14px;
   }
   
   .pfasection .middlediv .panel-group h4 {
       font-weight: 500;
       font-size: 18px;
       color: #1F3F5E;
   }
   
   .pfasection .middlediv .panel-group .panel {
       box-shadow: none;
       border: none;
   }
   
   .pfasection .middlediv .panel-group.commetmodule {
       margin: 0;
   }
   
   .pfasection .middlediv .panel-group .panel-heading {
       border-bottom: 1px solid #1F3F5E;
   }
   
   .pfasection .middlediv .panel-group .panel-title>a {
       color: #1F3F5E;
       font-weight: 500;
       font-size: 20px;
       padding: 0 10px;
  }
   
   .pfasection .middlediv .panel-group .panel-heading {
       padding: 10px 0;
   }
   
   .pfasection .middlediv textarea {
       width: 100%!important;
   }
   
   .pfasection .middlediv .panel-group .panel-title>a.collapsed:before {
       content: "\f078";
       float: right !important;
   }
  
  [class*="divpad-"],
   .pfasection .middlediv .panel-group .panel-collapse .attchmentbody  {
      background-color: #fff;
   }
   
   .pfasection .middlediv .panel-group .panel-title>a:before {
       float: right !important;
       content: "\f077";
   }
   
   .pfasection .middlediv .panel-group.commetmodule .panel-body {
       padding: 5px 0;
       border: none;
   }
   
   .pfasection .middlediv .panel-group.commetmodule .panel-body .commented_row {
       border: 1px solid #ccc;
       width: 100%;
       padding: 3px 5px;
   }
   
   .pfasection .middlediv .panel-group.commetmodule .panel-body .commented_row span {
       margin-left: 5px;
   }
   
   .pfasection .middlediv .panel-group form .form-group {
       margin: auto;
       padding: 0;
   }
   
   .pfasection .middlediv .panel-group form .form-group label {
       padding: 0;
       text-align: left;
   }
   
   .pfasection .middlediv .infoblock {
       display: flex;
       padding: 0 0 0 10px;
   }
   
   .pfasection .middlediv .moreinfo .facircle {
       font-size: 15px;
       height: 16px;
       width: 16px;
       line-height: 15px;
       margin: 2px 5px;
       padding: 0;
   }
   
   .pfasection .middlediv .moreinfo i {
       font-size: 14px;
       line-height: 22px;
       padding: 0 5px;
   }
   
   .pfasection .middlediv .moreinfo .subbtn {
       font-size: 12px;
       background-color: #739be4;
       border: 1px solid #868383;
       border-radius: 4px;
       padding: 0px 5px;
       color: #fff;
       cursor: pointer;
       margin: 0 5px;
   }
   
   .pfasection .middlediv .attachmentinfo .attchmentbody {
       display: flex;
       flex-wrap: wrap;
       text-align: center;
       min-height: 185px;
       height: 185px;
       overflow-y: auto;
       justify-content: flex-start;
       align-content: flex-start;
       align-items: flex-start;
       padding: 10px 0;
   }
   
   .attachmentinfo .attchmentbody::-webkit-scrollbar {
       width: 6px;
       background-color: #F5F5F5;
   }
   
   .attachmentinfo .attchmentbody::-webkit-scrollbar-thumb {
       background-color: #ccc;
   }
   
   .attachmentinfo .attchmentbody::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
       box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
       background-color: #F5F5F5;
   }
   
   .pfasection .middlediv .dispflex .infoblock:last-child {
       border-right: none;
   }
   
   .pfasection .middlediv .attachmentinfo .attchmentbody .filediv {
       width: 10%;
       margin: 5px 6px 5px 6px;
       padding: 10px;
       word-break: break-word;
       border: 1px solid #1F3F5E;
       min-height: 165px;
   }
   
   .pfasection .middlediv .attachmentinfo .attchmentbody .filediv:hover {
      box-shadow: 0px 3px 5px 0px #c0d4e0;
      transition: all .5s; 
   }
   
   .pfasection .middlediv .attachmentinfo .attchmentbody .filediv i {
       font-size: 50px;
       margin: auto;
       width: 100%;
       color: #777;
       cursor: pointer;
       display: block;
       position: relative;
   }
   
   .pfasection .middlediv .attachmentinfo .attchmentbody .filediv i .size,
   .pfasection .middlediv .attachmentinfo .attchmentbody .filediv .attachment_name {
       color: #777;
       display: block;
       font-size: 13px;
       padding-top: 5px;
   }
   
   .pfasection .middlediv .attachmentinfo .attchmentbody .filediv .descrip {
       font-size: 14px;
   }
   
   .useraction .useraction_personal .commentspan .comment {
       color: #7d7676;
       font-size: 18px;
       cursor: pointer;
       line-height: 33px;
       padding-right: 2px;
   }
   
   .useraction_personal i {
       font-size: 18px!important;
       line-height: 33px;
   }
   
   .useraction .useraction_personal .commentspan .commenttxt {
       font-size: 14px!important;
       font-weight: 400!important;
   }
   
   .useraction_social .btn span,
   .pfasection .rightcontent .infosocio_content .useraction .useraction_social .btn span {
       font-size: 12px;
       padding: 0 5px;
   } 
  .dropdown-menu.social_share { 
     box-shadow: 0 3px 5px rgba(0, 0, 0, .175); 
     min-width: 130px;
     padding: 0; 
  }
  
  .social_share li { 
      padding: 0;
  } 

  .dropdown-menu.social_share > li > a { 
     padding: 5px 10px;
     display: flex;
  }
  .social_share li.socio_fb a.itemInfoShare.dropdown-toggle:first-child {
      display: none; 
  }

  .social_share li i {
      color: #fff;
      font-size: 14px !important;
      height: 20px;
      width: 20px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 10px 0 0!important;
      padding: 0 !important;
  }
  .blog_div .tab-content .social_share li span {
      display: flex;
      padding: 0;
      font-size: 16px; 
  }
  .social_share .socio_tw i.fa,
   .useraction_social .tweetbtn,
   .pfasection .rightcontent .infosocio_content .useraction .useraction_social .tweetbtn {
       background-color: #55acee;
   }
   
  .social_share .socio_fb i.fa,
   .useraction_social .facebookbtn,
   .pfasection .rightcontent .infosocio_content .useraction .useraction_social .facebookbtn {
       background-color: #3b5998;
   }
  
  .social_share .socio_lk i.fa, 
   .useraction_social .linkedinbtn,
   .pfasection .rightcontent .infosocio_content .useraction .useraction_social .linkedinbtn {
       background-color: #0077b5;
   }
   
  
  .social_share .socio_gp i.fa,
   .useraction_social .googleplusbtn {
       background-color: #dd4b39;
   }
   
  
  .social_share .socio_wat i.fa,
   .useraction_social .watsappnbtn {
       background-color: #25D366;
   }
   
   .pfasection .rightcontent .infosocio_content {
       clear: both;
       float: none;
   }
   
   .pfasection .rightcontent .infocontent {
       padding: 5px 0;
       clear: both;
       float: none;
   }
   
   .pfasection .rightcontent .infocontent .morediv {
       min-height: 10px;
   }
   
   .pfasection .rightcontent .infocontent .morediv small {
       cursor: pointer;
   }
   
   .pfasection .rightcontent .infocontent .morediv small:hover {
       color: #1F3F5E;
   }
   
   .pfasection .tab-content span {
       font-size: 16px;
   }
   
   .pfa.social_response {
       padding: 0;
       border: none;
   }
   
   .pfa.social_response .socio_respwidth i {
       font-size: 70px;
       color: #808080;
       cursor: pointer;
   }
   
   .pfa.social_response .socio_respwidth .posabsolute {
       color: #808080;
       font-size: 35px;
       bottom: 0;
       background: #fff;
       left: 49%;
   }
   
   .pfasection .recent_div .recentwrapper.grid .recentitem:nth-child(3n) {
       margin: 0 10px 10px 0px;
   }
   
   .pfasection .recent_div .recentwrapper.grid .recentitem {
       width: 24%;
   }
   
   .pfasection .version_div table tbody tr {
       font-size: 14px;
   }
   
   .pfasection .version_div table tbody tr td i.faactive {
       color: #1F3F5E;
       font-size: 13px;
   }
   
   .gridtile_div .title_div h3 {
       padding: 10px 0;
       margin: 0px 0 0;
   }
   
   .gridtile_div .title_div .posabs {
       position: absolute;
       right: 25px;
       bottom: 8px;
   }
   
   .gridtile_div .buttons button {
       margin: 5px 0px;
       font-size: 19px;
       color: #b9b7b7;
       background-color: transparent;
       position: relative;
       top: 6px;
       right: 0px;
       border-radius: 0;
       border: none;
       outline: none;
       box-shadow: none;
   }
   
   .gridtile_div .buttons button:focus {
       border: none!important;
   }
   
   .gridtile_div .buttons button.on {
       color: #1F3F5E;
   }
   
   .gridtile_div .recentwrapper.grid .recentitem .recent_details {
       width: 100%;
       padding-top: 10px;
   }
   
   .gridtile_div .recentwrapper.grid .recentitem {
       text-align: left;
   }
   
   .gridtile_div .title_div .posabs span {
       top: 3px;
       position: relative;
   }
   
   .gridtile_div .title_div .posabs span.active {
       color: #1F3F5E!important;
   }
   
   .gridtile_div .recentwrapper .recentitem .recent_details .from {
       padding: 5px 0;
   }
   /* browse_date */
  
  .browse_date.recentsubmission .recent_div.col_datacontent {
      margin-top: 0;
  }
  
  .browse_date .col_datacontent .searchdata .nav.nav-pills {
      align-items: center;
      background: none;
      display: flex;
      justify-content: space-between;
      padding: 0;
  }
   .browse_date .searchdata .well {
       margin: 10px 0px 5px 0px;
       background-color: #1F3F5E;
       padding: 5px 15px;
   }
   
   .browse_date .recentwrapper { 
       display: flex;
   }
  .browse_date .recent_div .title_div .posabs,
  .searchResultDiv .searchResultHeader .posabs {
      align-items: center;
      display: flex;
      position: relative;
      right: 0;
      top: 0px;
  }
  .searchResultDiv .searchResultHeader .posabs {
     top: -2px; 
  }
  .browse_date .recent_div .title_div .posabs button,
  .searchResultDiv .searchResultHeader .posabs button {
      background: transparent;
      border: none;
      font-size: initial;
      outline: 0;
      margin: 0;
      max-height: 34px;
      top: 0;
   }
  
  .browse_date .recent_div .title_div .posabs button.recentlist-view,
  .searchResultDiv .searchResultHeader .posabs button.recentlist-view {
      position: relative;
      top: -2px;
  } 
  
  .browse_date .recent_div .title_div .posabs span, 
  .searchResultDiv .searchResultHeader .posabs span {
      display: none; 
   }
  
  .browse_date .browseTitle {
      align-items: center;
      border-bottom: 1px solid #1F3F5E;
      display: flex;
      justify-content: space-between;
      max-height: 44px;
      min-height: 44px;
      padding: 0px;
      width: 100%;
  }
  
  .browse_date.collectiondata .col_datacontent .title_div h3 {
      background: transparent;
      padding: 10px 0px;
  }
  
  .browse_date .browseTitle .browTitle-left {
      align-items: baseline;   
      display: flex;
      justify-content: flex-start;
      max-height: 37px;
      width: auto;
  } 
  .browse_date .browseTitle .browTitle-left h3 {
      background: none;
  }
   .browse_date .browseTitle .browTitle-left .resultInfo {
       font-size: 14px;
       padding-left: 5px;
  }
  .browse_date .browseTitle .browTitle-left .resultInfo a {
      color: #000f1d;
      cursor: pointer;
      padding: 0 5px;
      text-transform: capitalize;
  }
  .browse_date .browseTitle .browTitle-left .resultInfo a:focus,
  .browse_date .browseTitle .browTitle-left .resultInfo a:hover {
      color: #0087c1; 
      text-decoration: none;
  }
  .browse_date .browseTitle .browTitle-right {
      align-items: center;
      display: flex;
      justify-content: space-between; 
      width: auto;
   }
  
  .browse_date .recent_div .title_div .posabs {
      padding-left: 10px;
  }    
  .browse_date .browseTitle .browTitle-right .posabs button .fa {
      font-size: 36px;
  }
  .browse_date .browseTitle .browTitle-right .posabs button.recentlist-view .fa {
      font-size: 38px; 
  }
  
  .browse_date form.dateForm input.btn,
  .browse_date .browseTitle .browTitle-right form input.btn,
  .browse_date .browseTitle .browTitle-right form input.btn:hover,
  .searchpage .searchResultDiv .searchResultHeader input.btn,
  .searchpage .searchResultDiv .searchResultHeader input.btn:hover {  
      border: 1px solid #1F3F5E;
      box-shadow: none;
      color: #333;
      margin: 0 5px;
  }    
  
  .browse_date form.dateForm .dateFormContent-center {
      align-items: center;
      background: #fff;
      display: flex; 
      padding: 0 10px;
      height: 40px;
  }
  
  .browse_date form.dateForm .dateFormContent-center select.form-control {
      background-image:
      linear-gradient(45deg, transparent 50%, #92D050 50%),
      linear-gradient(135deg, #92D050 50%, transparent 50%),
      linear-gradient(to right, #ccc, #ccc);
      border: none; 
      box-shadow: none;
  }
  .browse_date form.dateForm .dateFormContent-center select.form-control:focus {
      background-image: linear-gradient(45deg, #92D050 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, #92D050 50%),
      linear-gradient(to right, #ccc, #ccc);
      border: none;
      box-shadow: none;
  }
  
  .browse_date form.dateForm .dateFormContent-center .selectDivider {
      border-right: 1px solid #1F3F5E;
      height: 20px;
  }
  .browse_date .searchdata .tab-content form.dateForm .dateFormContent-center label {
      color: #92D050;
      padding: 0;
  }
  
  .browse_date form.dateForm .dateFormContent-center .yearInput {
      border: none;
      border-bottom: 1px solid #1F3F5E;
      box-shadow: none;
      border-radius: 0;
      height: 22px;
      margin: 0 0 0 10px;
      outline: none;
      padding: 0;
      text-indent: 5px;
      width: 45px;
  }
  
  .browse_date .searchdata .charcontent {
      background: #fff;
      display: inline-flex;
      height: 40px; 
      margin-right: 0;
      padding: 0;
      width: auto;
      align-items: center;
  } 
  .browse_date .searchdata .charinput_div { 
       display: inline-flex;
       color: #777;
       position: relative;
   }
  
  .browse_date .searchdata .charinput_div input {
      background: #fff;
      border: none;
      border-radius: 20px; 
      height: 40px;
      font-size: 16px;
      width: 220px;
  }
  
  .browse_date .searchdata .charinput_div button {
      align-items: center; 
      background-color: #92D050;
      color: #fff;
      display: inline-flex;
      justify-content: center;
      border-radius: 50%;
      height: 36px;
      position: absolute;
      right: 2px;
      top: 2px;
      width: 36px;
  }
  .browse_date .searchdata .charinput_div button:focus {
      outline: none;
  }
   .browse_date .searchdata .charinput_div .fonticon {
       background: #bfbdbd;
       height: 34px;
       padding: 0px 6px;
       color: #fff;
       line-height: 34px;
       font-weight: lighter;
   }
  
   .browse_date .searchdata .tab-content .charset_div form,
   .browse_date .searchdata .tab-content .charset_div form.dateForm .dateForm-Content {
      align-items: center;
      display: flex;
      justify-content: space-between;
      height: 40px;
      width: 100%;
  }
  
   .browse_date .searchdata .charset_div .browseSecondRow {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 40px;
      width: 100%;
  }
  
  .browse_date .searchdata .charset_div .pagination {
      display: flex;
      height: 40px;
      max-height: 40px;
      max-width: 280px;
  }
  
   .browse_date .searchdata .charset_div .pagination li a {
      align-items: center;
      display: flex;
      border: 1px solid #92D050;
  }
  
  .browse_date .searchdata .charset_div .pagination li:first-child a {
      border-bottom-left-radius: 20px;
      border-top-left-radius: 20px;
  }
   
   .browse_date .searchdata .charset_div .pagination li:last-child a  {
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px;
  }
  .browse_date .searchdata .charcontent a {
       background: none;
       cursor: pointer;
       padding: 0 5px; 
       color: #717171;
       font-size: 16px;
  }
  .browse_date .searchdata .charcontent a.label-default { 
       padding: 5px;  
  }
 
   
   .browse_date .searchdata .charcontent a:hover {
      background: #b8f774;
      color: #ffffff;
      text-decoration: none;
   }
   
   .browse_date .searchdata .panelsection .panel-group {
       margin: 5px 10px;
       width: 32.3%;
   }
   
    .browse_date .searchdata .panelsection .panel-group:nth-child( 3n + 1 ),
    .browse_date .searchdata .panelsection .panel-group:first-child {
       margin-left: 0;
   }
    .browse_date .searchdata .panelsection .panel-group:nth-child( 3n ) {
       margin-right: 0;
   }
   
   .browse_date .searchdata .tab-content form label { 
       padding: 0px 15px;
       font-weight: 500;
   }
   
   .browse_date .searchdata form input.btn {
       border: 1px solid #060800;
   }
   
   .browse_date .searchdata form input.btn:hover {
       background-color: #dae1ef;
   }
   
   .browse_date .recent_div .recentwrapper.grid .recentitem {
      display: flex;
      flex-flow: column;
      height: auto;
      margin: 5px !important;
      width: 24.24%;
   }
   
   .browse_date .recent_div .recent_div .recentwrapper.grid .recentitem .imagediv {
       padding: 0;
       width: 100%;
   }
   
   .browse_date .recent_div .recentwrapper.grid .recentitem:nth-child(3n) {
       margin: 0 10px 10px 0px;
   } 
   
  .browse_date .recentwrapper .recentitem .comments .widthit .imgdiv [class*="hw-"] {
      font-size: 20px;
  }
  
  .browse_date .recentwrapper.grid .recentitem .comments .widthit .imgdiv i.fa {
      font-size: 18px;
  } 
   .browse_date .panel-footer {
       background-color: #1F3F5E;
       position: relative;
   }
   .browse_date .panel-footer a.pull-left,
   .browse_date .panel-footer a.pull-right {
      color: #f5f2ef;
      text-transform: capitalize;
   }
   .browse_date .panel-footer a.pull-left:hover,
   .browse_date .panel-footer a.pull-right:hover {
      color: #fff;
      text-decoration: none;
   }
   /*search page */
   
   .searchtitle_div {
       background: #e6e6e6;
       color: #000;
       font-weight: lighter;
       padding: 5px 10px;
       font-size: 24px;
       margin: 0;
       border-bottom: 3px solid #1F3F5E;
   }
  
   .form_elementdiv {
       padding: 0 5px;
   }
   
   .discovery-search-form .discoverypad {
       padding: 10px;
       border-bottom: 1px solid #ccc;
   }
   
   .discovery-search-form .discoverypad form .form-group {
       padding: 0 10px 0 0px;
   }
   
   .discovery-search-form .discoverypad form input,
   .discovery-search-form .discoverypad form select {
       width: 100%;
   }
    .discovery-search-form form input:hover {
       color: #eae6e6;
  }
    .discovery-search-form form .btn-csooutline:hover {
       background-color: #fff8ed;
       color: #666;
  }
   .addfilter_title {
       margin: 0 5px 10px 0;
       font-size: 16px;
   }
   
   .discovery-search-form label {
       margin: 0;
       line-height: 33px;
       font-weight: 400;
   }
   
   .discovery-search-form .gobtn {
       padding: 0 5px;
   }
   
   .discovery-search-form form select,
   .discovery-search-form form input,
   .discovery-search-filters form select,
   .discovery-search-filters form input {
       margin: 0 5px;
   }
   
   .discovery-result-pagination .well {
       margin: 10px 0px 5px 0px;
       background-color: #1F3F5E;
       padding: 5px 15px;
   }
   
   .discovery-result-results .collection_hit {
       border: 1px solid #ccc;
       margin-bottom: 10px;
   }
   
   .discovery-result-results .table {
       border: 1px solid #ccc;
   }
  
   /* hide section */
   
   ui-datepicker-calendar,
   .overlay, .filters_div  .mobi {
       display: none; 
   }
   
   .bg-blue {
       background-color: #1F3F5E;
       color: #fff;
       margin-bottom: 5px;
   }
   
   .c-blue {
       color: #1F3F5E;
   }
   
   .borderGrey {
       border: 1px solid #ccc;
   }
   
   .paddingRecent {
       padding: 5px;
   }
   .paddingRecent  img {     
       object-fit: unset;
  }
   .margin5 {
       margin-bottom: 5px;
   }
   
   .margin15 {
       margin-bottom: 15px;
   }
   
   .borderBlue {
       border: 1px solid #1F3F5E;
   }
   
   .textWhite {
       color: #fff;
   }
   
   .green-font {
       color: #1F3F5E!important;
       font-weight: 400;
   }
   
   .black-font {
       color: #000!important;
   }
  
  .communityList-TitleDiv {
      border-bottom: 1px solid #1f3f5e;
      margin: 0 0 10px 0;
  
  }
  .communityList-TitleDiv,
  .communityList-TitleDiv .commlistFlexDiv {
      align-items: center;
      display: flex;
      flex-flow: wrap;
      justify-content:space-between;
      width: 100%;
  }
  .communityList-TitleDiv .commlistFlexDiv {
      margin: 10px 0 0;
  }
  .communityList-TitleDiv .browseBackBtn {
      padding: 5px 8px 4px 1px;
  } 
  .communityList-TitleDiv .commlistFlexDiv .commlistTitle {
      font-size: 24px;
  }
  .communityList-TitleDiv .commlistFlexDiv p {
      font-size: 13px;  
      margin: 0;
      padding: 0;
  }
  .communityList-TitleDiv .commlistFlexDiv .CreateCommunityBtn {
      align-items: center;
      background: #92D050;
      border: 1px solid #92D050;
      border-radius: 20px;
      display: flex;
      color: #fff;
      font-size: 16px;
      height: 40px;
      justify-content: center;
      position: relative;
      text-indent: 10px;
      width: 185px;
  }
  .communityList-TitleDiv .commlistFlexDiv .CreateCommunityBtn {
      align-items: center;
      background: #92D050;
      border: 1px solid #92D050;
      border-radius: 20px;
      display: flex;
      color: #fff;
      font-size: 16px;
      height: 35px;
      justify-content: center;
      padding: 0 10px;
      position: relative;
      text-indent: 0;
      width: auto; 
  }
  .communityList-TitleDiv .commlistFlexDiv .CreateCommunityBtn:focus,
  .communityList-TitleDiv .commlistFlexDiv .CreateCommunityBtn:hover  {
      background-color: #FFF; 
      color: #92D050;
      outline: none;
      text-decoration: none;
      transition: all .4s;
  }
  
  .communityList-TitleDiv .commlistFlexDiv .CreateCommunityBtn span.txt {
      margin-right: 30px;
  }
  .communityList-TitleDiv .commlistFlexDiv .CreateCommunityBtn i.fa {
      align-items: center;
      background: #fff;
      border: 1px solid #fff;
      border-radius: 50%;
      color: #92D050;
      display: flex;
      height: 30px;
      justify-content: center;
      position: absolute;
      right: 0;
      width: 30px;
  }
  .communityList-TitleDiv .commlistFlexDiv .comList-RightDiv .CreateCommunityBtn:focus  i.fa,
  .communityList-TitleDiv .commlistFlexDiv .comList-RightDiv .CreateCommunityBtn:hover  i.fa  {
      background-color: #92D050; 
      color: #fff;
      transition: all .8s;
  }
  
    .media-list li {
      background: #ffffff;
      border-radius: 5px;
      box-shadow: 0 0 3px #ccc;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 15px;
      margin: 10px 0;
      width: 100%;
   }
  .media-list.expColl li {
      background: transparent;
      border-radius: 0;
      box-shadow: none;
  }
  .media-list .expColl a.pull-left.col-md-2 { 
      padding: 0;
  }
   .media-list li a + a {
      max-width: 105px;
      padding: 0;
      width: 105px;
   } 
  .media-list li a + a img {
      border: 1px solid #ccc; 
      width: 100%;
  }
  .media-list li .media-body { 
       overflow: initial;
       padding: 0 5px 0px;
       width: 100%;   
   } 
  .media-list li .media-body p {     
      margin: 0;
  }
  .media-list li .media-body .media-heading a {
      color: #383838; 
  }
  .media-list li .media-body .communityHead.media-heading + .expColl.collectionlist {
      margin: 40px 0 0 -117px;
  }
  .media-list .category {
      align-items: center;
      display: flex;
      flex-flow: column;
      font-size: 28px;
      padding: 0 15px 0 0;
      width: 35px;
  }
  .media-list .category:focus,
  .media-list .category:hover {
      text-decoration : none;
  }
  .media-list .category:after {
      content: "\e683"; 
  }
  .media-list .category:after {    
      font-family: 'hawcons'; 
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin: 0px 0px 0 2px;
  }
  .media-list .category.minusimageapply ,
  .media-list .category.plusimageapply { 
      background: none;
  }
  
  .media-list .category.minusimageapply:before,
  .media-list .category.plusimageapply:before,
  .media-list .category:after { 
      font-size: 36px; 
  }
  
  .media-list .category.minusimageapply:before,
  .media-list .category.plusimageapply:before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 34px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .media-list .category.minusimageapply:before {
      content: "\f068"; 
  }
  
   .media-list .category.plusimageapply:before { 
      content: "\f067";
   }  
   
   .media-list .expColl.collectionlist {        
      display: block;
      box-shadow: none; 
      border-radius: 0; 
      margin: 0px 0 0px -117px; 
  }
  .media-list .expColl.subCommunityList {
      margin: 40px 0 0 -112px; 
  }
  .media-list .expColl.subCommunityList .media-body .communityHead.media-heading + .expColl.collectionlist {
     margin: 45px 0 0 0;
  }
  .media-list .expColl.subCommunityList .media-body .communityHead.media-heading + .expColl.collectionlist li.media {
    margin: 0 0 20px 0;
    min-height: auto;
    padding: 0;
  }
  .media-list .expColl.subCommunityList .media-body .communityHead.media-heading + .expColl.collectionlist li.media:last-child {
    margin: 0;
  }

  ul.media-list.expColl li [class*="hw-"] {        
      font-size: 30px;  
      margin-top: -3px;
  } 
  ul.media-list.expColl li .media-body { 
      padding: 0 10px 0px; 
  }
  .media-list.expColl li.media {
      align-items: flex-start;
      margin: 0;
      padding: 20px 15px 0;
  }
 .media-body ul + ul.expColl.subCommunityList {
     margin-top: 0;
 }
  .media-list .media .media-body ul.media-list.expColl li.media .media-body:before {
      content: '';
      display: none;
      position: relative;
      border: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      width: 7px;
      height: 7px;
      background: red;
      left: 0;
      top: 9px;
      z-index: 9999; 
   } 
   .collectionlist.media-list.expColl li.media { 
     min-height: 65px;
   }
   /*  itemDetailPage Style */
  
   .itemDetailPage .IDPdiv {
      background-color: #fff;
      box-shadow: 0 0 3px 0 #ccc;
      margin: 0 0 15px 0;
  }
   .itemDetailPage .itemInfoDiv .itemInfoContent {
      align-items: flex-start;
      display: flex;
      padding-top: 15px;
   }  
   .itemDetailPage .itemInfoDiv .itemInfoContent .imgcontainer {
      width: calc(100% - 86%);
  }  
   .itemDetailPage .itemInfoDiv .itemInfoContent .imgcontainer .imgclass img {
      width: 100%;
      max-width: 185px;
  }
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails {
      padding-left: 10px;
      width: calc(100% - 14%);
  }  
  .itemDetailPage .itemInfoDiv .itemInfoContent .infodetails_title h4 {
      margin: 0;
      font-weight: 400;
  }  
  .itemDetailPage .itemInfoDiv .itemInfoContent .infodetails_title h3 {
      margin: 10px 0;
      font-weight: 400;
  }  
  
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails h4 {
      font-size: 22px;
      font-weight: 400;
      margin: 0;
  }  
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails .infoConDetailsRow {
      align-items: center;
      display: flex;
      justify-content: flex-start;
  }
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails .infoConDetailsRow label {
      font-size: 16px;
      font-weight: 400;
      margin: 0;
      position: relative;
      width: calc(100% - 91%);
  }  
  .moreInfoDataRow label:after,
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails .infoConDetailsRow label:after {
      content: ':';
      color: #000;
      padding-right: 5px;
      position: absolute;
      right: 0;
   }  
  
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails .infoConDetailsRow  .spanDiv {
      font-weight: 400; 
      width: auto;
  } 
 
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails .infoConDetailsRow .autName:first-child {
      border-left: none;
      padding: 0 10px 0 0;
  }
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails .infoConDetailsRow .autName {
      border-left: 1px solid #ccc;
      padding: 0 10px;
  } 
  
  .itemDetailPage .itemInfoDiv .itemInfoContent .infoContentDetails .infoConDetailsRow .keyName {
      background: #E4E8EB;
      border-radius: 5px;
      color: #31739a;
      display: inline-block;
      margin: 0 5px 5px 0;
      padding: 2px 5px;
      position: relative;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: space-between;
      margin: 10px 0;
      max-height: 60px;
      min-height: 60px;
  }
  
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left {
      align-items: normal; 
      display: flex; 
      max-height: 60px;
      min-height: 60px;
  }
  
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .metaBlock { 
      color: #92D050;
      display: flex;
      flex-flow: column;
      min-height: 30px;
      padding: 5px 10px;
      width: auto;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .metaBlockDivider { 
    align-items: center;
    display: flex;
    position: relative;
}
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .metaBlockDivider span {
    border-right: 1px solid #92D050;
    content: "|";
    position: absolute;
    right: 0; 
    height: 40px;
    display: flex;
    align-items: center;
}
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .metaBlock .viewMetaBlockInfo {
    align-items: center;
    display: flex;
    justify-content: center;
  }
   .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .metaBlock .viewMetaBlockInfo .metalabel {
    font-weight: 500;
    margin: 0 5px;
  }
   .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .metaBlock .viewMetaBlockValue {
    text-align: center;
  }
  .ratingMetaBlock .dropdown-toggle.btn-primary.ratingMetaBtn, .ratingMetaBlock .dropdown-toggle.btn-primary.ratingMetaBtn:focus, 
  .ratingMetaBlock .dropdown-toggle.btn-primary.ratingMetaBtn:hover {
    background: transparent;
    border: none;
    color: #92D050;
    outline: none; 
    padding: 0;
}
.ratingMetaBlock .smallfix>label.starActive:before { 
    content: "\f005";
}
.ratingMetaBlock .smallfix>label.starInActive:before {
    content: "\f006";
}
.ratingMetaBlock .dropdown-toggle.btn-primary.ratingMetaBtn .smallfix>label:before { 
    padding: 0 2px;
}
.ratingMetaBlock .dropdown .caretDropdown {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.ratingMetaBlock .dropdown.open .caretDropdown:before {
    content: "\f0d8";
}
.ratingMetaBlock .dropdown .caretDropdown:before {
    content: "\f0d7";
}
   
.ratingMetaBlock .dropdown .dropdown-menu {    
    min-width: 300px;
    padding: 0;
}
 .ratingMetaBlock .ratingDropdownContent {
    color: #a59b9b;
    padding: 10px 5px;
}
.ratingMetaBlock .ratingDropdownContent .ratingDropdownUserSection {
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-flow: nowrap;
    justify-content: space-around;
    padding-bottom: 10px;
}
.ratingMetaBlock .ratingDropdownContent .ratingDropdownUserSection .userRatingSection {
    align-items: center;
    color: #a59b9b;
    display: flex; 
    flex-flow: column;
    min-height: 85px;
}
.ratingMetaBlock .ratingDropdownContent .ratingDropdownUserSection .smallfix>label {
    color: #ffcc00; 
}
.ratingMetaBlock .ratingDropdownContent .ratingDropdownUserSection .userRatingSection .smallfix>label:before {
    font-size: 12px;
    padding: 0 3px;
}
.ratingMetaBlock .ratingDropdownContent .ratingDropdownUserSection .UserSectionDivider { 
    position: relative;
}
.ratingMetaBlock .ratingDropdownContent .ratingDropdownUserSection .UserSectionDivider span {
    background: #a59b9b;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 1px;
}
.ratingMetaBlock .ratingDropdownContent .ratingDropdownUserSection .userRatingSection .ratedValue { 
    color: #444; 
    font-size: 18px;
    font-weight: bolder;
}
.ratingBreakupSection .breakUpSection .viwerBreakupRow {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.ratingBreakupSection .breakUpSection .viwerBreakupRow .side {
    width: 10%;
}
.ratingBreakupSection .breakUpSection .viwerBreakupRow .middle {
    width: 70%;
}
.ratingBreakupSection .breakUpSection .viwerBreakupRow .right {  
    text-align: left;
    width: 10%;
}
.ratingBreakupSection .ratingBreakupSectionTitle {
    padding: 5px 0;
}
.ratingBreakupSection .viwerBreakupRow { 
    margin: 0 0 10px;
} 
.ratingBreakupSection .viwerBreakupRow .bar-container { 
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    max-height: 10px;
}
.ratingBreakupSection .viwerBreakupRow .bar-container .rateBar { 
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    max-height: 10px;
}
.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
}
  
  /* Individual bars */
  .bar-5 {width: 60%; height: 18px; background-color: #4CAF50;}
  .bar-4 {width: 30%; height: 18px; background-color: #2196F3;}
  .bar-3 {width: 10%; height: 18px; background-color: #00bcd4;}
  .bar-2 {width: 4%; height: 18px; background-color: #ff9800;}
  .bar-1 {width: 15%; height: 18px; background-color: #f44336;}
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .atciveBlock {
      background-color: #92D050;
      color: #fff;
  }
  
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .atciveBlock.metaBlock a { 
      color: #fff;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-left .metaBlock a { 
      color: #92D050; 
      text-decoration: underline;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .metaBlock label.metalabel {
      font-size: 16px;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right {
      align-items: flex-end;
      display: flex;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right .userRatingAwaited small {
    color: #b3aeae;
    font-weight: 400;
  }

  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right .smallfix>label { 
    color: #ccc;
    font-size: 18px; 
    padding: 0 5px 0 0; 
  } 
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right .smallfix>label:hover { 
    color: #92D050; 
  } 

  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right .smallfix>label:before {
    content: "\f006"; 
    padding: 0;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right .bookmark {
    background: no-repeat;
    border: none;
    color: #ccc;
    padding: 0; 
    width: 40px;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right .bookmark i { 
    margin: 0;  
  }

  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right i {
    font-size: 30px;
    margin: 0 5px;
    width: 35px;
  } 
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right .social_share.itemInfoShareDropdown {
    left: unset;
    right: 0;
  }
  .itemDetailPage .itemInfoDiv .itemInfoMetaContent .itemInfoMetaContent-right .social_share.itemInfoShareDropdown li a i {
    width: 20px;
  } 
  .itemDetailPage .itemDetailsDiv  .attachementsDiv .attachementsDiv-content {
      max-height: 400px;
      overflow-y: auto;
  }
  
  .itemDetailPage .itemDetailsDiv  {
      display: flex;
  }
  .itemDetailPage .itemDetailsDiv  .itemDetailsDiv-left {
      margin: 0 15px 15px 0;
      padding: 0 10px 10px;
      width: 23.8%;
  }
  .itemDetailPage .itemDetailsDiv  .attachementsDiv .attachementsRow-content { 
      display: flex;
      padding: 5px 0 0;
  }
  
  .itemDetailPage .itemDetailsDiv  .attachementsRow + .attachementsRow .attachementsRow-content {
      border-top: 1px solid #ccc;
  } .itemDetailPage .itemDetailsDiv  .attachementsDiv .attachementsRow-content .attachContent-left {
      color: #777;
      width: calc(100% - 94%);
  }
  .itemDetailPage .itemDetailsDiv  .attachementsDiv .attachementsRow-content .attachContent-right {
      width: calc(100% - 6%);
  }
  .itemDetailPage .itemDetailsDiv  .attachementsDiv .attachementsRow-content .attachContent-right .chapterRow {
      color: #777;
  }
  .itemDetailPage .itemDetailsDiv .attachementsDiv .attachementsRow-content .attachContent-right .chapterRow .chapterName {
      margin: 0 5px; 
  }   
  .itemDetailPage .itemDetailsDiv  .attachementsDiv .attachementsRow-content .attachContent-right .chapterRow p {
      margin: 0;
      padding: 0;
  }
  
  .itemDetailPage .itemDetailsDiv  .attachementsDiv .attachementsRow-content .attachContent-right .requestCopyRow {
      color: #1F3F5E;
  }
  .itemDetailPage .itemDetailsDiv  .itemDetailsDiv-right .moreInfoDataRow {
      position: relative;
  }
  .itemDetailPage .itemDetailsDiv  .itemDetailsDiv-right .moreInfoDataRow .abstractTxt,
  .itemDetailPage .itemDetailsDiv  .itemDetailsDiv-right .moreInfoDataRow .descriptionTxt  {   
      height: 100px;
      overflow: hidden;
      transition: all 10s;
  }
  .itemDetailPage .itemDetailsDiv  .itemDetailsDiv-right .moreInfoDataRow .showContent {
     bottom: 0;
     position: absolute;
     right: 0;
     display: flex; 
     align-items: center;
     height: 18px;
  }
  .itemDetailPage .itemDetailsDiv  .itemDetailsDiv-right .moreInfoDataRow .showContent .fa {  
      color: #1F3F5E;  
      font-size: 20px;
  }
  .itemDetailPage .itemDetailsDiv  .itemDetailsDiv-right .moreInfoDataRow .col-sm-3 {
      display: flex;
      flex-flow: column;
      padding: 0;
  }
  
  .itemDetailPage .itemDetailsDiv  .itemDetailsDiv-right .moreInfoDataRow .morelabel { 
      color: #1F3F5E;
      font-size: 16px; 
      font-weight: 400;
      margin-bottom: 0;
      position: relative;
      width: calc(100% - 89.2%);
  }
  .itemDetailPage .itemCommentsDiv .commentsTitle {
      align-items: baseline;
      display: flex;
  }
  .itemDetailPage .itemCommentsDiv .commentsTitle small {
      padding-left: 5px;
  }
  .itemDetailPage .itemCommentsDiv form .form-group {
      align-items: center;
      display: flex;
      justify-content: space-between;
  }
  .itemDetailPage .itemCommentsDiv form .form-group textarea {
      height: 40px;
      max-height: 40px;
      max-width: calc(100% - 13%);
  }
  .itemDetailPage .itemCommentsDiv form .form-group .submitDiv { 
      margin: 0 0 0 10px; 
  }
  
  .itemDetailPage .itemCommentsDiv form .form-group .submitDiv .subBtn {
      border-radius: 20px; 
      padding: 1px 1px 1px 10px;
      width: auto;
  }
  
  .itemDetailPage .itemCommentsDiv form .form-group .submitDiv .subBtn span {
      padding-right: 5px;
  }
  .itemDetailPage .itemCommentsDiv form .form-group .submitDiv .subBtn i.fa {      
     padding: 4px;
  }
  .itemDetailPage .itemCommentsDiv .postedCommnetBox { 
     border-top: 1px solid #ccc;
     padding: 10px 0;
  }
  .itemDetailPage .itemCommentsDiv .postedCommnetBox .postedText { 
      display: flex;
      color: #6d6d6d;
      justify-content: flex-start;
  }
  .itemDetailPage .itemCommentsDiv .postedCommnetBox .postedStamp {
      display: flex;
      color: #1F3F5E;
      justify-content: flex-end;
  }
  .itemDetailPage .itemCommentsDiv .postedCommnetBox .postedStamp span {
      margin: 0 0 0 5px;
  }
  .itemDetailPage .itemCommentsDiv .postedCommnetBox .postedStamp .flagPost {
    color: #92D050;
    cursor: pointer;
    padding: 0 5px;
    text-decoration: underline;
  }
  .itemDetailPage .itemCommentsDiv .postedCommnetBox .postedStamp .flagPost::before {
      content: "|";
      color: #1F3F5E;
      margin: 0 5px 0 -8px;
      position: absolute;
  }
  .itemDetailPage .itemCommentsDiv .postedCommnetBox .postedStamp .flagPost select{ 
      margin: 0 0 0 5px; 
  }

  .itemDetailPage .itemAnalyticsDiv .panel-default {
     border: none;
     box-shadow: none;
     margin-bottom: 25px;
 }  
 .itemAnalyticsDiv .panel-body {
     padding: 0;
 }
 .itemDetailPage .itemAnalyticsDiv h4 {
    font-size: 22px;
 }
 .itemDetailPage .itemAnalyticsDiv .graphDiv .graphRow {
    padding: 0;
 }

 .itemDetailPage .itemAnalyticsDiv .citiylist {
    margin-top: 25px;
  }

   /* End  itemDetailPage Style */
  
   
   /* workspace Style */
 
 .workspace [class*="row-"] { 
     margin-bottom: 5px;
 }
   
 .workspace .userSpaceContent { 
     display: flex;
 }
 
 .workspace .userSpaceContent .userSpaceLeft {
     align-items: flex-start;
     background-color: #fff;
     box-shadow: 0 0 3px 0 #ccc;
     display: flex;
     padding: 10px;
     width: calc(100% - 25%);
 }
 
 .workspace .userSpaceContent .userSpaceLeft .imgclass img {
     width: 175px;
 }
 
 .workspace .userSpaceContent .userSpaceLeft .userInfoLabel {
     position: relative;
 } 
   
 .workspace .userSpaceContent .userSpaceLeft .userInfoLabel::after {
   content: ':';
   color: #000;
   padding-right: 5px;
   position: absolute;
   right: 0;
 } 
 .workspace .userSpaceContent .userSpaceLeft .submitDiv { 
     margin: 0; 
 }
 .workspace .userSpaceContent .userSpaceLeft .submitDiv .subBtn  { 
     height: 40px; 
     width: 40px;
 }
 .workspace .userSpaceContent .userSpaceRight {
     background-color: #fff;
     box-shadow: 0 0 3px 0 #ccc;
     margin: 0 0 0 10px;
     padding: 10px;
     width: calc(100% - 75%);
 }
 
 .workspace .userSpaceContent .userSpaceRight .userSubmitbtn {
     align-items: center;
     display: flex;
     flex-flow: column;
     margin: 10px 0 0;
 }
 
 .workspace .userSpaceContent .userSpaceRight .userSubmitbtn button {
     border: none;
     border-radius: 20px;
     height: 35px;
     margin: 0px 0 10px 0;
     position: relative;
     width: 220px;
 }
 .arrowbtn {
     align-items: center;
     display: flex;
     justify-content: space-between;
 }
 .arrowbtn .userbtntxt {
     width: calc(100% - 10%);
 }
 .arrowbtn i {
     align-items: center;
     border-left: 3px solid #fff;
     bottom: 0;
     display: flex;
     justify-content: center;
     position: absolute;
     right: 5px;
     top: 0;
     width: calc(100% - 85%);
 }
 
  .workspace .keyUpdates { 
      background-color: #fff;
      box-shadow: 0 0 3px 0 #ccc;
      min-height: 300px;
      padding: 10px;
  } 
  .workdpaceTab.nav li.active a {    
      background: transparent;
  }
 .workspace .workdpaceTab.nav-tabs > li > a {
     font-size: 24px;
     width: auto;
 } 
 
 .workspace .workspaceTabContent .wrkspSubTabContent {
     background-color: #fff;
     margin: 10px 0 0 0;
     padding: 10px;
 }
  .workspace .workspaceTabContent .wrkspSubTabContent.mysubTabContent table button {
    background: transparent;
    border: none;
    color: #23334d;
    font-size: 24px;
    padding: 0 5px;
  }
  .workspace .workspaceTabContent .title_div {
     height: 37px;
 }
  .workspace .workspaceTabContent .title_div .posabs {
     padding: 0;
     position: absolute;
     top: -2px;
 }
 .workspace .workspaceTabContent .nav-tabs { 
     border-bottom: 1px solid #92D050;
     margin: 10px 0 0px;
 }
 .workspace .workspaceTabContent #itemsubhist table .displayAuthor .displayAuthorContent {
   display: flex;
 }
 .workspace .workspaceTabContent #itemsubhist table .displayAuthor {
    position: relative; 
}
 .workspace .workspaceTabContent #itemsubhist table .displayAuthor .author_dropdown {
    position: absolute;
    top: 0;
    right: 0;
}
 .workspace .workspaceTabContent #itemsubhist table .displayAuthor .displayAuthorContent .imgdiv,
 .workspace .workspaceTabContent #itemsubhist table .displayAuthor .displayAuthorContent .valueit {
   padding: 0 3px;
   width: auto;
 }
 .workspace .workspaceTabContent .nav-tabs > li > a {
     border: 0;
     color: #858585;
     font-size: 18px;  
 }
 .workspace .workspaceTabContent .nav-tabs > li:hover,
 .workspace .workspaceTabContent .nav-tabs > li:hover a ,
 .workspace .workspaceTabContent .nav-tabs > li a:hover {
     background-color: transparent; 
 } 
 .workspace .workspaceTabContent .nav-tabs > li.active > a,
 .workspace .workspaceTabContent .nav-tabs > li.active > a:hover,
 .workspace .workspaceTabContent .nav-tabs > li.active > a:focus { 
     background-color: #f9f9f9;
     border: 1px solid #92D050;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
     border-bottom-color: #f9f9f9;
 }
 .workspace .workspaceTabContent .subTabTitle {
     font-size: 20px;
     margin: 0;
 }
 .workspace .workspaceTabContent.browse_date .recent_div .recentwrapper.grid .recentitem {
   width: 24.2%
 }
 .workspaceTable , 
 .table-responsive {
     width: 100%;
 }
 
 .workspace .workspaceTabContent .table thead tr ,
 .workspaceTable thead tr {
     border-bottom: 1px solid #1F3F5E;
     border-top: 1px solid #1F3F5E;
 }
   
 table.workspaceTable thead [class*="sorting"]:after {    
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     position: absolute;
     right: 10px;
     top: 13px;
 }
 table.workspaceTable thead .sorting:after {
     opacity: 0.2;
     content: "\f0dc";
 }
 table.workspaceTable .sorting_asc:after {
     content: "\f0de";
 }
 table.workspaceTable .sorting_desc:after {
     content: "\f0dd";
 }
 .workspaceTable thead tr th, 
 .workspaceTable tbody tr td {
     padding: 10px 0;
 }
 .workspaceTable thead tr th:focus, 
 .workspaceTable tbody tr td:focus {
     outline: none;
 }
 
 .workspaceTable thead tr th {
     cursor: pointer;
     position: relative;
 }
 .workspace .workspaceTabContent .table > thead > tr > td,
 .workspace .workspaceTabContent .table > tbody > tr > td {
     padding: 5px;
 }
 .workspaceTable.table > caption + thead > tr:first-child > th, 
 .workspaceTable.table > colgroup + thead > tr:first-child > th,
 .workspaceTable.table > thead:first-child > tr:first-child > th,
 .workspaceTable.table > caption + thead > tr:first-child > td,
 .workspaceTable.table > colgroup + thead > tr:first-child > td, 
 .workspaceTable.table > thead:first-child > tr:first-child > td,
 .workspaceTable.table > thead > tr > td,
 .workspaceTable.table > tbody > tr > td {
     border: 0; 
     padding: 5px;
 }
 .workspace .workspaceTabContent .table .actionsTd i {
     color: #1F3F5E;
     font-size: 30px;
     margin: 0 2px;
 }
 .workspace table input.btn {
    background-color: #1F3F5E;
    border-radius: 20px;
    box-shadow: none;
    color: #fff;
}
 .workspace .dataTables_wrapper > div.col-sm-12 {
     align-items: center;
     display: flex;
     justify-content: space-between;
     padding: 0;
 }
 
 .workspace .dataTables_wrapper > div.col-sm-12 .col-sm-6 {
     padding: 0;;
 }
 
 .workspace .dataTables_wrapper > div.col-sm-12 .col-sm-6 .dataTables_length select {
     margin: 0 10px
 }
 
 .workspace .dataTables_wrapper > div.col-sm-12 .col-sm-6 .dataTables_filter input {
     margin-left: 10px;
 }
 
 .workspace .workSpaceTableHeaderFilter {
     align-items: center;
     display: flex;
     justify-content: space-between;
 }
 
 .workspace .workSpaceTableHeaderFilter  {
     align-items: center;
     display: flex;
     justify-content: space-between;
 }
 
 .workspace .workSpaceTableHeaderFilter .thfTitle {
     align-items: center;
     display: flex;
 }
 
 .workspace .workSpaceTableHeaderFilter .thfTitle h3 {
     margin: 0;
 }
 .workspace .workSpaceTableHeaderFilter .thfTitle i {
     padding-right: 5px;
 }
 
 .workspace .workSpaceTableHeaderFilter .thfSelectDiv select {
     background-position: calc(100% - 13px) calc(1em + 0px), calc(100% - 5px) calc(1em + 0px), calc(100% - 2em) 1.5em;
     border: 0;
     border-radius: 0;
     box-shadow: none;
     margin: 0 0 0 10px; 
     outline: none;
 }
 
 .workspace .workSpaceTableHeaderFilter .thfSelectDiv select:focus {
     background-position: calc(100% - 5px) .9em, calc(100% - 13px) .9em, calc(100% - 0.5em) 0.5em;
 }
 .workspace .workSpaceTableHeaderFilter .thfSelectDiv  { 
     position: relative; 
 }
 .workspace .workSpaceTableHeaderFilter .thfSelectDiv .divider:before {
     align-items: center;
     background: #1F3F5E;
     color: #1F3F5E;
     content: "";
     display: flex;
     margin: 0 4px;
     top: 6px;
     position: absolute;
     width: 1px;
     height: 25px;
 }
 .tdStatusRed {
     color: red;
 }
 .tdStatusGreen {
     color: #2cb51b;
 }
 .tdTimeLeft .tdTimeLeftDays , .tdPenAction .tdPenActionReceive {
     border-right: 1px solid #999;
     padding-right: 8px;
     margin-right: 5px;
 }
 .tdPenAction .tdPenAction {
     color: #1F3F5E;
 }
 .tdPenAction .tdPenActioff {
     color: #999;
 }
 .custom-scrollbar1{
	height: 350px;
    overflow-y: scroll;
}
.custom-scrollbar1 .table thead > tr > th{
	font-weight: 500;
	color : #000;
}
 .tablebgWhite {
     background-color: #fff; 
     padding: 0 10px;
 }
      /*----------------------------------------------------------------------------------------------------------- 
                                                  |------ Animation  ------| 
    -----------------------------------------------------------------------------------------------------------*/
    /* ----------------------------------------------------------------------------------------------------------
                                                    |------ Dead End ------|
    -----------------------------------------------------------------------------------------------------------*/