#treeview-list {
    white-space: normal;
}

#treeview-list li {
    line-height: 2;
}
.subject-tag {
    color: #31547e;
    margin-right: 8px;
    clear:both;
    padding-top:20px;
    cursor: pointer;
}
.subject-tag a:hover, .breadcrumb a:hover, .data-tree-general-recordGroup a:hover, .data-res-general-recordGroup a:hover, #res-info-header a:hover, .cancel-info {
    text-decoration: none;
    cursor: pointer;
}
#tree-info-tabs, #res-info-tabs {
    padding-top: 20px;
    border-bottom: #dee2e6 solid 1px;
    padding-bottom: 20px;
}
#tree-map .km-content,
#res-map .km-content,
#tree-map .km-scroll-container,
#res-map .km-scroll-container,
#tree-map #tree-map_canvas,
#res-map #res-map_canvas {
    display: -webkit-box;
    width: 100%;
    height:400px;
}
.valid_Text.advanced_input {
    width:100%;
}
#advancedSearchForm {
    padding-left:15px;
}
#view-wrapper {
    padding-left:30px;
    padding-right:30px;
}
.k-picker-wrap.k-state-default{
    border:none;
}
.k-picker-wrap .k-select {
    margin-right: 10px;
}
#search-form .form-control {
    border: none;
    box-shadow: none;
}
#search-form .form-control {
    border: none;
    box-shadow: none;
}  

#search-form .form-group 
{
    border-radius: 4px;
    background-color: #e8f2fb;
    border: 1px solid #396089; /*#4fa6e2;*/
    /*display: block;*/

}
/*media="screen and (min-width: 1200px)"*/
#search-form input {
    background-color: #e8f2fb;
    height: 2.5em;
    width: 96%;
}
#search-form input:focus
{
    background-color: #fff;
   
}
#search-form i.fa-question-circle {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    color: #396089;
    cursor: pointer;
    margin-top: 10px;
}

#search-form .form-group.focus
{
    background-color: #fff;
}

.backToSearch {
    font-size:20px;
    cursor: pointer;
    margin: 10px;
}
/*#title-region .breadcrumbs{
    padding-top:0px;
}
#title-region .breadcrumbs .breadcrumb{
    padding-left: 80px !important;
    padding-right: 80px !important;
}*/
#title-region {
    background-color: #f5f5f5;
}
#treePlaces a, .breadcrumb a, #resPlaces a, #treeHierarchicalTree a {
    cursor: pointer;
    text-decoration: none;
}
.k-pager-wrap .k-textbox {
    width: 4.333em;
}
.yvng_btn {
    background-color: #396089 !important;
    background-image: none;
    background-position: 50% 50%;
    border-color: #396089 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 6px 14px 6px !important;
    margin-bottom: 0;
}

#wrapper-tabs {
    margin-top: 30px;
}

#advance-search-btn, #tree-btn {
    /*margin-top: 10px;*/
    border: solid 2px #234a73;
    padding: 6px 10px;
    color: #234a73;
    display: inline-block;
    line-height: 23px;
}
#advance-search-btn:hover, #tree-btn:hover, #advance-search-btn:active, #tree-btn:active {
    color: #fff;
    text-decoration: none;
    background-color: #234a73;
}

body {
    font-family: "Open Sans", sans-serif !important;
  /*font-size: 15px !important;  
  line-height: 1.428571429 !important;*/
    color: #333333 !important;
    background-color: #ffffff !important;
}
.card-info-header {
    font-size: 20px;
}
.linkable {
    cursor: pointer;
}
.linkable a {
    text-decoration:none;
}
.result-item {
    margin: 8px;
}
.result-item div {
    margin-bottom: 4px;
}
.k-treeview span.k-in {
    cursor: pointer;
}
#card-info-header {
    font-size: 20px;
}
.k-pager-wrap.k-grid-pager.k-widget {
    border-right: 1px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
    border-radius: 3px 3px 3px 3px;
}
#prev-page-u, #prev-page-d {
    border-right: 1px solid #ccc;
}
.k-grid-pager-down{
    border-bottom: 1px solid rgb(204, 204, 204);
}
#item-info {
    padding-left: 70px;
}
.result-title {
    color: #31547e;
    font-weight: 600;
}

/* Tooltip container */
/*.tooltipTree {
  position: relative;
  display: inline-block;
}*/

/* Tooltip text */
.tooltipTree .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltipTree .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipTree:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/* Show Lines between Nodes */
.k-treeview .k-top,
.k-treeview .k-mid,
.k-treeview .k-bot {
    background-image: url('Default/treeview-nodes.png');
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 23px;
}

.k-treeview .k-item {
    /*background-image: url('http://aspnet-skins.telerikstatic.com/mvc/2012.2.607/Default/treeview-line.png');*/
    background-image: url('Default/treeview-line.png');
}

.k-treeview .k-last {
    background-image: none;
}


.k-treeview .k-top {
    background-position: -91px 0;
}

.k-treeview .k-bot {
    background-position: -69px -22px;
}

.k-treeview .k-mid {
    background-position: -47px -44px;
}

.k-treeview .k-last .k-top {
    background-position: -25px -66px;
}

.k-treeview .k-group .k-last .k-bot {
    background-position: -69px -22px;
}

.k-treeview .k-item {
    background-repeat: no-repeat;
}

.k-treeview .k-first {
    background-repeat: no-repeat;
    background-position: 0 16px;
}
.k-treeview .k-item {
    padding: 0 16px;
}

.k-rtl.k-treeview .k-in {
    padding-right: 20px;
}

/*---------*/
.k-treeview .k-minus {
    background-image: unset !important;
    position: relative;
}

.k-treeview .k-minus::before {
    content: "\f146" !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    position: absolute;
    /*top: -14px;
    left: -14px;*/
}
.k-treeview .k-plus {
    background-image: unset !important;
    position: relative;
}
.k-treeview .k-plus:before {
    content: "\f0fe" !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    position: absolute;
    /*top: -14px;
    left: -14px;*/
}
#treeview-list {
    height: 1500px;
    overflow: scroll;
}
.k-i-arrow-w:before {
    content: "";
}
.k-state-disabled .k-i-arrow-w:before {
    content: "\e007";
}
.k-i-arrow-e:before {
    content: "";
}
.k-state-disabled .k-i-arrow-e:before {
    content: "\e005";
}
.k-i-seek-e:before {
    content: "";
}
.k-state-disabled .k-i-seek-e:before {
    content: "\e009";
}
.k-i-seek-w:before {
    content: "\e00b";
}
.k-state-disabled .k-i-seek-w:before {
    content: "\e00b";
}
.k-icon.k-i-seek-w:before {
    left: 1px;
    color: #333333;
}
.k-state-disabled .k-icon.k-i-seek-w:before {
    color: #999;
}
.k-pager-wrap .k-link.prev-page {
    border-right: 1px solid #ccc;
}
#tree-item-info, #res-item-info {
    padding-right: 50px;
    padding-left: 50px;
}
/**************/

.subject-tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.subject-tag {
    background: #ccc;
    border-radius: 3px 0 0 3px;
    color: #000;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}

.subject-tag::before {
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}

.subject-tag::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #ccc;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}

.subject-tag:hover {
    background-color: #057cae;
}
.subject-tag a:hover {
    color: white;
    padding: 5px 0px;
}
.subject-tag:hover::after {
    border-left-color: #057cae;
}
.subject-tag a {
    color: #000;
}
.subject-tag:hover > a {
    color: white;
}
.subject-tilte {
    font-weight:600;
}
.cancel-info {
    font-size: x-large;
    line-height: 2;
    text-align: right;
    color: black;
}
.cancel-info:hover {
    color: black;
}
.info-header {
    padding: 0px;
    font-weight: 400 !important;
    font-size:20px;
}
.info-header span {
    font-weight: 400;
}
.info-header-wrapper {
    clear: both;
    float: left;
    padding: 0px;
}
.languages  {
    float:right;
}
.list-view-aggregate-icon {
    font-size: 25px;
    background-image: unset;
    color: #31547e;
}
.k-treeview .k-icon.k-i-aggregate-fields {
    background-image: unset;
}
.yvng-btn-collapse {
    font-weight: 200;
    color: #396089 !important;
    background-image: none;
    background-position: 50% 50%;
    border-color: #396089 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    padding: 2px 6px;
    margin-bottom: 10px;
    float: right;
    margin-top: 10px;
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loader-modal {
    display: none;
    position: absolute;
    /*position: fixed;*/
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;*/
    background: rgba( 255, 255, 255, .8 ) url('/styles/Default/ajax-loader.gif') 50% 10% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loader-modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loader-modal {
    display: block;
}
.k-rtl .languages {
    float:left;
}
#advance-search-btn {
    margin: 0px 15px;
}
#homepage_drupal {
    padding: 30px 15px;
}
#frmSearchForm .col-md-4 {
    padding:0px;
}
.general-tab-item p {
    width: 100%;
    padding: 0px 0px 10px;
}
.general-tab-item, .showMoreGeneralCollapse {
    padding: 0px 16px;
}
.showMoreGeneralCollapse {
    cursor: pointer;
    text-decoration: underline;
}
.showMoreGeneralCollapse i {
    margin: 5px;
}

.k-rtl .k-pager-wrap .k-i-arrow-e, .k-rtl .k-pager-wrap .k-i-arrow-w, .k-rtl .k-pager-wrap .k-i-seek-e, .k-rtl .k-pager-wrap .k-i-seek-w {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
    display: none;
}