/*
 * Portal
 * Copyright(c) 2006, Guillaume Jactat.
 * 
 * This code is licensed under BSD license. Use it as you wish, 
 * but keep this copyright intact.
 */


div.number-spin-btn-container {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  margin: 0;
  padding: 0; }

div.number-spin-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 2px;
  border-color: #ededed #777777 #777777 #ededed;
  border-style: solid;
  background-color: #cccccc;
  width: 1.2em; }
  div.number-spin-btn:hover {
    cursor: pointer; }
  div.number-spin-btn:active {
    border-width: 2px;
    border-color: #5e5e5e #d8d8d8 #d8d8d8 #5e5e5e;
    border-style: solid;
    background-color: #999999; }

div.number-spin-btn-up {
  border-bottom-width: 1px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  height: 18px !important;}
  div.number-spin-btn-up:before {
    border-width: 0 0.3em 0.3em 0.3em;
    border-color: transparent transparent black transparent;
    top: 25%; }
  div.number-spin-btn-up:active {
    border-bottom-width: 1px; }
  div.number-spin-btn-up:active:before {
    border-bottom-color: white;
    top: 26%;
    left: 51%; }

div.number-spin-btn-down {
  border-top-width: 1px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  height: 18px !important;}
  div.number-spin-btn-down:before {
    border-width: 0.3em 0.3em 0 0.3em;
    border-color: black transparent transparent transparent;
    top: 75%; }
  div.number-spin-btn-down:active {
    border-top-width: 1px; }
  div.number-spin-btn-down:active:before {
    border-top-color: white;
    top: 76%;
    left: 51%; }

div.number-spin-btn-up:before,
div.number-spin-btn-down:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 50%;
  margin: -0.15em 0 0 -0.3em;
  padding: 0; }

input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:active, input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:active {
  border-color: #ededed #777777 #777777 #ededed;
  border-style: solid;
  background-color: #cccccc; }
input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:before, input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:active:before {
  border-bottom-color: #999999;
  top: 25%;
  left: 50%; }
input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:before, input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:active:before {
  border-top-color: #999999;
  top: 75%;
  left: 50%; }

.container{
    padding-left: 4px;
    padding-right: 4px;
}

.container > .navbar-header, .container > .navbar-collapse {
    margin-left: 0px;
    margin-right: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 4px;
    padding-right: 4px;
}

.btn-xs {
    padding: 2px 5px;
}

.btn-dark {
  color: #ffffff;
  background-color: #474949;
  border-color: #474949;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
  color: #ffffff;
  background-color: #3a3c3c;
  border-color: #2e2f2f;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #474949;
  border-color: #474949;
}

.btn-action {
    background-color: #CAD732;
    border-color: #CAD732;
    color: #191919;
}
.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    background-color: #C3D231;
    border-color: #C0C949;
    color: #191919;
}

.btn-basket {
    background-color: #E6727B;
    border-color: #E6727B;
    color: #F2F0F1;
}
.btn-basket:hover,
.btn-basket:focus,
.btn-basket:active,
.btn-basket.active,
.btn-basket.disabled,
.btn-basket[disabled] {
    background-color: #DA6A73;
    border-color: #BF5861;
    color: #F2F0F1;
}

.btn-clear {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    color: #191919;
}

.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active,
.btn-clear.active {
  background-color: #EFEFEF;
  border-color: #E0E0E0;
  color: #191919;
}

.btn-clear.disabled,
.btn-clear[disabled],
fieldset[disabled] .btn-clear,
.btn-clear.disabled:hover,
.btn-clear[disabled]:hover,
fieldset[disabled] .btn-clear:hover,
.btn-clear.disabled:focus,
.btn-clear[disabled]:focus,
fieldset[disabled] .btn-clear:focus,
.btn-clear.disabled:active,
.btn-clear[disabled]:active,
fieldset[disabled] .btn-clear:active,
.btn-clear.disabled.active,
.btn-clear[disabled].active,
fieldset[disabled] .btn-clear.active {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}

.btn-clear .caret {
    border-top-color: #191919;
}

.panel {
    margin-bottom: 5px;
}

.panel-group {
    margin-bottom: 4px;
}

@media (max-width:767px) {
    .panel-body {
        padding: 8px 5px;
    }

    .form-horizontal .form-group {
        margin-right: inherit;
        margin-left: inherit;
    }

    .nav-tabs {
        clear:both;
        padding-top:5px;
    }
}

.panel-heading, .panel-footer {
    padding: 8px 15px;
}

.panel-heading .resize {
    cursor: pointer;
    font-size: 20px;
}

.panel-title {
    line-height: 18px;
}

.well {
    margin-bottom: 0px;
    min-height: 35px;
}

.well-sm {
    padding: 4px;
}

.pagination > li {
    display: inline-block;
}

.navbar {
    z-index: 50;
}

.navbar-toggle {
    margin-left: 10px;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}


@font-face {
  font-family: 'ermes-font-base';
  src: url('../fonts/ermes-font-base.eot?804934');
  src: url('../fonts/ermes-font-base.eot?804934#iefix') format('embedded-opentype'),
       url('../fonts/ermes-font-base.woff?804934') format('woff'),
       url('../fonts/ermes-font-base.ttf?804934') format('truetype'),
       url('../fonts/ermes-font-base.svg?804934#ermes-font-base') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-"]:before, [class*=" icon-"]:before {
    display: inline-block;
    font-family: 'ermes-font-base';
    font-style: normal;
    font-weight: normal;
    min-width: 1em;
}

.icon-spin:before { content: '\e801'; } 
.icon-list:before { content: '\e812'; } 
.icon-plus:before { content: '\e813'; } 
.icon-minus:before { content: '\e818'; } 
.icon-question:before { content: '\e82c'; } 
.icon-lock:before { content: '\e848'; } 
.icon-unlock:before { content: '\e849'; } 
.icon-eye-open:before { content: '\e82b'; } 
.icon-tag:before { content: '\e837'; } 
.icon-download:before { content: '\e80d'; } 
.icon-game:before { content: '\e850'; } 
.icon-document:before { content: '\e824'; } 
.icon-folder-close:before { content: '\e820'; } 
.icon-folder-open:before { content: '\e821'; } 
.icon-rss:before { content: '\e804'; } 
.icon-menu:before { content: '\e855'; } 
.icon-basket:before { content: '\e810'; } 
.icon-registrations:before { content: '\e856'; } 
.icon-resize-full:before { content: '\e816'; } 
.icon-resize-small:before { content: '\e817'; } 
.icon-web:before { content: '\e84d'; } 
.icon-new:before { content: '\e84c'; } 
.icon-briefcase:before { content: '\e825'; } 
.icon-off:before { content: '\e827'; } 
.icon-asterisk:before { content: '\e83d'; } 
.icon-filter:before { content: '\e81f'; } 
.icon-desc:before { content: '\e84b'; } 
.icon-asc:before { content: '\e84a'; } 
.icon-site:before { content: '\e83e'; } 
.icon-puzzle:before { content: '\e852'; } 
.icon-info:before { content: '\e814'; } 
.icon-return:before { content: '\e83c'; } 
.icon-link:before { content: '\e809'; } 
.icon-capture:before { content: '\e853'; } 
.icon-export:before { content: '\e805'; } 
.icon-time:before { content: '\e82d'; } 
.icon-chevron-left:before { content: '\e832'; } 
.icon-chevron-right:before { content: '\e831'; } 
.icon-arrow-bottom:before { content: '\e854'; } 
.icon-arrow-right:before { content: '\e80e'; } 
.icon-arrow-up:before { content: '\e808'; } 
.icon-magnet:before { content: '\e80f'; } 
.icon-study:before { content: '\e83b'; } 
.icon-search:before { content: '\e828'; } 
.icon-picture:before { content: '\e845'; } 
.icon-bookmark:before { content: '\e80b'; } 
.icon-plans:before { content: '\e851'; } 
.icon-subscription:before { content: '\e847'; } 
.icon-check:before { content: '\e81b'; } 
.icon-fullscreen:before { content: '\e823'; } 
.icon-exchange:before { content: '\e81a'; } 
.icon-edit:before { content: '\e82f'; } 
.icon-print:before { content: '\e826'; } 
.icon-article-alt:before { content: '\e81d'; } 
.icon-tablet:before { content: '\e83a'; } 
.icon-book:before { content: '\e815'; } 
.icon-easel:before { content: '\e81c'; } 
.icon-star:before { content: '\e819'; } 
.icon-star-empty:before { content: '\e83f'; } 
.icon-user:before { content: '\e80c'; } 
.icon-remove:before { content: '\e822'; } 
.icon-author:before { content: '\e842'; } 
.icon-spread:before { content: '\e833'; } 
.icon-art:before { content: '\e846'; } 
.icon-cinema:before { content: '\e803'; } 
.icon-post:before { content: '\e834'; } 
.icon-trash:before { content: '\e807'; } 
.icon-acrobat:before { content: '\e800'; } 
.icon-listen:before { content: '\e802'; } 
.icon-post-open:before { content: '\e841'; } 
.icon-pencil:before { content: '\e82a'; } 
.icon-bell:before { content: '\e806'; } 
.icon-map:before { content: '\e844'; } 
.icon-wrench:before { content: '\e829'; } 
.icon-basket-empty:before { content: '\e843'; } 
.icon-calendar:before { content: '\e81e'; } 
.icon-music:before { content: '\e84e'; } 
.icon-ban-circle:before { content: '\e82e'; } 
.icon-desktop:before { content: '\e835'; } 
.icon-publisher:before { content: '\e84f'; } 
.icon-wallet:before { content: '\e836'; } 
.icon-ok:before { content: '\e838'; } 
.icon-comment:before { content: '\e811'; } 
.icon-warning:before { content: '\e839'; } 
.icon-cog:before { content: '\e80a'; } 
.icon-exit:before { content: '\e840'; } 
.icon-megaphone:before { content: '\e830'; } 
.icon-play:before { content: '\e859'; } 
.icon-pause:before { content: '\e85a'; } 
.icon-refresh:before { content: '\e858'; }
.icon-home:before { content: '\e857'; }

.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}




 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.jqstooltip { 
	background-color: white!important;
    border-color: black!important;
    color: black !important;
    font-size: 34px !important;
    max-height: 400px !important;
    max-width: 400px !important;
    overflow: auto !important;
    padding: 5px !important;
    text-align: initial !important;
    height: auto !important;
    width: auto !important;
}

.jqsfield { 
	 font-size: 10px !important; 
	 color: black !important; 
}
body {
	background: #ececec;
}

form.formular, .validationEngineContainer {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;
	border: 1px solid #A5A8B8;
	width: 300px;
	margin: 0 auto;
}
.formular fieldset {
	margin-top: 20px;
	padding: 15px;
	border: 1px solid #B5B8C8;
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	display:block;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input,.formular select,.formular textarea {
	display: block;  
	margin-bottom: 5px;
}

.formular .text-input {
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular textarea {
	width: 250px;
	height: 70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox, .formular .radio {
	display: inline;
}

.formular .submit {
	
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}

.formular input[data-prompt-position="inline"] {
	display: inline;
}

.footnote {
	font-size: 11px;
	color: #666;
	font-style: italic;
}

.prompt-target {
	border: 1px dotted #666;
	min-height: 21px;
}

.inline-prompts label>span{
	display: inline-block;
	width: 250px;
}

.inline-prompts .text-input+.formError{
	margin-left: 10px;
}

.prompt-summary .inline {
	display: block;
}


.ekko-lightbox-container {
  position: relative;
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  padding-top: 45%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.ekko-lightbox .modal-footer {
  text-align: left;
}

.ekko-lightbox .modal-header
{
    padding-top: 10px;
    border-bottom:0;
	min-height: 0;
}
.ekko-lightbox .modal-body{
	padding-top:0;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	clear:both;
}
.ekko-lightbox{
overflow: auto; 
}
.ekko-lightbox.fade{
 transition: none 0s ease 0s;
}
.ekko-lightbox .modal-dialog{
width: 155px;
}

.conversation-list {
    border: 1px solid #e0e0e0;
    padding: 0px;
    background-color: white;
    height: 600px;
}

.search-conversation-panel {
    border: 1px solid #e0e0e0;
	border-bottom: none;
    background-color: white;
    padding:15px;
}

.search-conversation-input {
    width: 100%;
    padding: 6px;
    border: 1px solid #e0e0e0;   
}

.conversation-list .media.conversation.unread {
    background-color: rgba(212, 104, 103, 1);    
    color: white;    
}

.conversation-list .media.conversation.unread h5 {
    color: white;
}

.receivers-manager .token-wrapper {
	min-height: 36px;
    padding: 1px 5px 5px 5px;
}

 .receivers-manager .token-wrapper  .token i.remove-token {
	cursor: pointer;
}

.receivers-manager .token-wrapper  .token i.remove-token:hover {
	color: red;
}
#send-message-pannel {
	padding: 15px;
	background-color: white;
	border: 1px solid #e0e0e0;	
}

#send-message-pannel textarea {
	width: 100%;
	resize: vertical;
	border: 1px solid #e0e0e0;
}

#send-message-pannel .action-wrapper {
	padding: 0;
	margin-top: 15px;
}

#messaging-toolbar {
	margin-bottom: 10px;
}

#messaging-toolbar .glyphicon {
	margin-right: 5px;
}

.receivers-manager .token-wrapper .token, .receivers-manager .token-wrapper .token:hover{
    padding: 3px 5px 1px 5px;
    margin-top: 4px;
    margin-right: 4px;
    display: inline-block;
	cursor: default;
}

.receivers-manager .token-wrapper  .removeToken.glyphicon-remove {
    top: 2px;
}

.receivers-manager .token-wrapper .token i:not(.remove-token) {
	margin-right: 5px;
}

.receivers-manager .token-wrapper  .token i.remove-token {
	margin-left: 5px;
}

.receivers-manager {
	background-color: white;
	border: 1px solid #ddd;
	border-bottom: none;
	padding: 5px;
}

.receivers-input {
	padding: 5px;
    background-color: transparent;
    border: none;
}

.conversation {
    padding: 5px 5px 5px 5px;
	margin-top: 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.elipsis-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.conversation.active {                
    background-color: rgba(0, 236, 255, 1);        
    color: white;
}

.conversation.active > .media-body h5 {
    color: white;
}

.msg {
    padding: 10px 10px 10px 10px;
    margin: 0;
}

.msg-wrap {
    padding: 0;
	height: 390px;    
    overflow-y: auto;
    margin-bottom: 10px;
	background-color: white;
	border: 1px solid #e0e0e0;
}

@media (max-width: 768px) {
	.receivers-manager .token-wrapper {
		overflow-y: auto;
		height: 38px
	}
	
	.conversation.active {
		background-color: white;
	}

	#send-message-pannel textarea {
		resize: none;
	}
	
	#send-message-pannel {
		border-top: none;
	}

	#mobile-wrapper {
		position: absolute;
		width: 100%;
		right: -120%;
		padding: 0 13px 0 5px;
		transition-property: all;
		transition-duration: .8s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	}
}

#mobile-wrapper.slide-show {
	right: -4px;
}

.msg-wrap .media-body .time {
    color: #bfbfbf;
}

.msg-wrap .media-heading {
    color: #003bb3;
    font-weight: 700;
}

.msg-notif {
    background: none;
    text-align: center;
    color: #aaa;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
	padding: 10px;
}

#vuejs-messaging .media-object{
    width: 55px;
    height: 55px;
}


.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-panels,
.mm-panels > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  .mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  .mm-panel.mm-highest {
    z-index: 1; }

.mm-panels,
.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit; }

.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px; }
  .mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px; }
  .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {
    content: '';
    display: block;
    height: 20px; }

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
  .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 40px;
  bottom: auto; }
  .mm-vertical .mm-listview > li > .mm-next:after,
  .mm-listview > li.mm-vertical > .mm-next:after {
    top: 16px;
    bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .mm-navbar > * {
    display: block;
    padding: 10px 0; }
  .mm-navbar a,
  .mm-navbar a:hover {
    text-decoration: none; }
  .mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1; }
    .mm-navbar .mm-btn:first-child {
      padding-left: 20px;
      left: 0; }
    .mm-navbar .mm-btn:last-child {
      text-align: right;
      padding-right: 20px;
      right: 0; }

.mm-panel .mm-navbar {
  display: none; }
.mm-panel.mm-hasnavbar .mm-navbar {
  display: block; }

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px; }
  .mm-listview a,
  .mm-listview a:hover {
    text-decoration: none; }
  .mm-listview > li {
    position: relative; }
    .mm-listview > li, .mm-listview > li:after,
    .mm-listview > li .mm-next,
    .mm-listview > li .mm-next:before {
      border-color: inherit; }
    .mm-listview > li > a,
    .mm-listview > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
      .mm-listview > li > a.mm-arrow,
      .mm-listview > li > span.mm-arrow {
        padding-right: 50px; }
    .mm-listview > li:not(.mm-divider):after {
      content: '';
      border-bottom-width: 1px;
      border-bottom-style: solid;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
    .mm-listview > li:not(.mm-divider):after {
      left: 20px; }
  .mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2; }
    .mm-listview .mm-next:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
    .mm-listview .mm-next + a,
    .mm-listview .mm-next + span {
      margin-right: 50px; }
    .mm-listview .mm-next.mm-fullsubopen {
      width: 100%; }
      .mm-listview .mm-next.mm-fullsubopen:before {
        border-left: none; }
      .mm-listview .mm-next.mm-fullsubopen + a,
      .mm-listview .mm-next.mm-fullsubopen + span {
        padding-right: 50px;
        margin-right: 0; }

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px; }
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px; }

.mm-listview .mm-inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0; }
  .mm-listview .mm-inset > li {
    padding: 5px 0; }

.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px; }

.mm-listview .mm-spacer {
  padding-top: 40px; }
  .mm-listview .mm-spacer > .mm-next {
    top: 40px; }
  .mm-listview .mm-spacer.mm-divider {
    padding-top: 25px; }

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 23px; }

.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 23px; }

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7); }
  .mm-menu .mm-navbar > *,
  .mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1); }
    .mm-menu .mm-listview > li .mm-next:after,
    .mm-menu .mm-listview > li .mm-arrow:after {
      border-color: rgba(0, 0, 0, 0.3); }
    .mm-menu .mm-listview > li a:not(.mm-next) {
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
      tap-highlight-color: rgba(255, 255, 255, 0.5); }
    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
    .mm-menu .mm-listview > li.mm-selected > span {
      background: rgba(255, 255, 255, 0.5); }
  .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
  .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
  .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(0, 0, 0, 0.05); }
  .mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05); }


.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-blocking {
  overflow: hidden; }
  html.mm-blocking body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }


.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-container-ul {
	padding: 10px;
}
.jstree-anchor {
  display: inline-block;
  color: #333;
  padding: 0 4px 0 22px;
  margin: 0;
  vertical-align: top;
  width: 100%;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor {
  position: relative;
}
.jstree-wholerow-ul .jstree-icon.jstree-ocl {
	position: absolute;
	z-index: 9000;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  -moz-box-shadow: 5px 5px 4px -4px #666666;
  -webkit-box-shadow: 2px 2px 2px #999999;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
  display: inline;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  -moz-text-shadow: 1px 1px 0 white;
  -webkit-text-shadow: 1px 1px 0 white;
  text-shadow: 1px 1px 0 white;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  -moz-box-shadow: 0 0 2px #0a6aa1;
  -webkit-box-shadow: 0 0 2px #0a6aa1;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  -moz-box-shadow: 0 0 2px #0a6aa1;
  -webkit-box-shadow: 0 0 2px #0a6aa1;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  -moz-text-shadow: 0 0 0 transparent;
  -webkit-text-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-proton .jstree-node,
.jstree-proton .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-proton .jstree-anchor,
.jstree-proton .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.jstree-proton .jstree-hovered {
  background: #76b6ec;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #76b6ec;
}
.jstree-proton .jstree-clicked {
  background: #3392e3;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #3392e3;
}
.jstree-proton .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-proton .jstree-disabled {
  background: transparent;
  color: #666666;
}
.jstree-proton .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-proton .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-proton .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  
  -webkit-filter: grayscale(100%);
  
}
.jstree-proton .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-proton .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-proton.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  color: inherit;
  box-shadow: none;
}
.jstree-proton.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #76b6ec;
  color: #ffffff;
}
.jstree-proton.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
  color: inherit;
}
.jstree-proton.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #76b6ec;
  color: #ffffff;
}
.jstree-proton > .jstree-striped {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-proton > .jstree-wholerow-ul .jstree-hovered,
.jstree-proton > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-proton .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-proton .jstree-wholerow-hovered {
  background: #76b6ec;
}
.jstree-proton .jstree-wholerow-clicked {
  background: #3392e3;
  background: -moz-linear-gradient(top, #3392e3 0%, #3392e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3392e3), color-stop(100%, #3392e3));
  background: -webkit-linear-gradient(top, #3392e3 0%, #3392e3 100%);
  background: -o-linear-gradient(top, #3392e3 0%, #3392e3 100%);
  background: -ms-linear-gradient(top, #3392e3 0%, #3392e3 100%);
  background: linear-gradient(to bottom, #3392e3 0%, #3392e3 100%);
  
}
.jstree-proton .jstree-node {
  min-height: 22px;
  line-height: 22px;
  margin-left: 22px;
  min-width: 22px;
  position: relative;
}
.jstree-proton .jstree-anchor {
  line-height: 22px;
  margin: 1px 0 2px;
}
.jstree-proton .jstree-icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.jstree-proton .jstree-icon:empty {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.jstree-proton.jstree-rtl .jstree-node {
  margin-right: 22px;
}
.jstree-proton .jstree-node,
.jstree-proton .jstree-icon {
  background-size: 320px 96px;
  background-image: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png");
}
.jstree-proton .jstree-node {
  background-position: -293px -5px;
  background-repeat: repeat-y;
}
.jstree-proton .jstree-last {
  background: transparent;
}
.jstree-proton .jstree-open > .jstree-ocl {
  background-position: -133px -5px;
}
.jstree-proton .jstree-closed > .jstree-ocl {
  background-position: -101px -5px;
}
.jstree-proton .jstree-leaf > .jstree-ocl {
  background-position: -69px -5px;
}
.jstree-proton .jstree-themeicon {
  background-position: -261px -7px;
}
.jstree-proton > .jstree-no-dots .jstree-node,
.jstree-proton > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-proton > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -37px -5px;
}
.jstree-proton > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -5px -5px;
}
.jstree-proton .jstree-disabled {
  background: transparent;
}
.jstree-proton .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-proton .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-proton .jstree-checkbox {
  background-position: -165px -5px;
}
.jstree-proton .jstree-checkbox:hover {
  background-position: -165px -37px;
}
.jstree-proton.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-proton .jstree-checked > .jstree-checkbox {
  background-position: -229px -5px;
}
.jstree-proton.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-proton .jstree-checked > .jstree-checkbox:hover {
  background-position: -229px -37px;
}
.jstree-proton .jstree-anchor > .jstree-undetermined {
  background-position: -197px -5px;
}
.jstree-proton .jstree-anchor > .jstree-undetermined:hover {
  background-position: -197px -37px;
}
.jstree-proton > .jstree-striped {
  background-size: auto 44px;
}
.jstree-proton.jstree-rtl .jstree-node {
  background-size: 320px 96px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-proton.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-proton.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -133px -37px;
}
.jstree-proton.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -101px -37px;
}
.jstree-proton.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -69px -37px;
}
.jstree-proton.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-proton.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-proton.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -37px -37px;
}
.jstree-proton.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -5px -37px;
}
.jstree-proton .jstree-themeicon-custom {
  background-color: transparent;
  background-size: 320px 96px;
  background-image: none;
  background-position: 0 0;
}
.jstree-proton > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-proton .jstree-file {
  background: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png") -101px -69px no-repeat;
}
.jstree-proton .jstree-folder {
  background: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png") -261px -5px no-repeat;
}
.jstree-proton > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-proton {
  line-height: 22px;
  padding: 0 4px;
}
#jstree-dnd.jstree-proton .jstree-ok,
#jstree-dnd.jstree-proton .jstree-er {
  background-size: 320px 96px;
  background-image: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-proton i {
  background: transparent;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
#jstree-dnd.jstree-proton .jstree-ok {
  background-position: -5px -69px;
}
#jstree-dnd.jstree-proton .jstree-er {
  background-position: -37px -69px;
}
.jstree-proton.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-proton.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-proton-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-proton-small .jstree-anchor {
  line-height: 18px;
  margin: 1px 0 2px;
  height: 18px;
}
.jstree-proton-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-proton-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-proton-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-proton-small .jstree-wholerow {
  height: 18px;
}
.jstree-proton-small .jstree-node,
.jstree-proton-small .jstree-icon {
  background-size: 320px 96px;
  background-image: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png");
}
.jstree-proton-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.jstree-proton-small .jstree-last {
  background: transparent;
}
.jstree-proton-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-proton-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-proton-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-proton-small .jstree-themeicon {
  background-position: -263px -9px;
}
.jstree-proton-small > .jstree-no-dots .jstree-node,
.jstree-proton-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-proton-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-proton-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-proton-small .jstree-disabled {
  background: transparent;
}
.jstree-proton-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-proton-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-proton-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-proton-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-proton-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-proton-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-proton-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-proton-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-proton-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-proton-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-proton-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-proton-small.jstree-rtl .jstree-node {
  background-size: 320px 96px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-proton-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-proton-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-proton-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-proton-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-proton-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-proton-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-proton-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-proton-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-proton-small .jstree-themeicon-custom {
  background-color: transparent;
  background-size: 320px 96px;
  background-image: none;
  background-position: 0 0;
}
.jstree-proton-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-proton-small .jstree-file {
  background: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png") -103px -71px no-repeat;
}
.jstree-proton-small .jstree-folder {
  background: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png") -263px -7px no-repeat;
}
.jstree-proton-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-proton-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-proton-small .jstree-ok,
#jstree-dnd.jstree-proton-small .jstree-er {
  background-size: 320px 96px;
  background-image: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-proton-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-proton-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-proton-small .jstree-er {
  background-position: -39px -71px;
}
.jstree-proton-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-proton-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-proton-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-proton-large .jstree-anchor {
  line-height: 32px;
  margin: 1px 0 2px;
  height: 32px;
}
.jstree-proton-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-proton-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-proton-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-proton-large .jstree-wholerow {
  height: 32px;
}
.jstree-proton-large .jstree-node,
.jstree-proton-large .jstree-icon {
  background-size: 320px 96px;
  background-image: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png");
}
.jstree-proton-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.jstree-proton-large .jstree-last {
  background: transparent;
}
.jstree-proton-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}
.jstree-proton-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}
.jstree-proton-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}
.jstree-proton-large .jstree-themeicon {
  background-position: -256px -2px;
}
.jstree-proton-large > .jstree-no-dots .jstree-node,
.jstree-proton-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-proton-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}
.jstree-proton-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}
.jstree-proton-large .jstree-disabled {
  background: transparent;
}
.jstree-proton-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-proton-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-proton-large .jstree-checkbox {
  background-position: -160px 0px;
}
.jstree-proton-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-proton-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-proton-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}
.jstree-proton-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-proton-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-proton-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}
.jstree-proton-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-proton-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-proton-large.jstree-rtl .jstree-node {
  background-size: 320px 96px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-proton-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-proton-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-proton-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-proton-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-proton-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-proton-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-proton-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-proton-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-proton-large .jstree-themeicon-custom {
  background-color: transparent;
  background-size: 320px 96px;
  background-image: none;
  background-position: 0 0;
}
.jstree-proton-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-proton-large .jstree-file {
  background: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png") -96px -64px no-repeat;
}
.jstree-proton-large .jstree-folder {
  background: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png") -256px 0px no-repeat;
}
.jstree-proton-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-proton-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-proton-large .jstree-ok,
#jstree-dnd.jstree-proton-large .jstree-er {
  background-size: 320px 96px;
  background-image: url("/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-proton-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#jstree-dnd.jstree-proton-large .jstree-ok {
  background-position: 0px -64px;
}
#jstree-dnd.jstree-proton-large .jstree-er {
  background-position: -32px -64px;
}
.jstree-proton-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-proton-large.jstree-rtl .jstree-last {
  background: transparent;
}
@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 30px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 30px;
    height: 30px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("30px.png");
    background-position: 0 -150px;
    background-size: 90px 180px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("30px.png");
    background-position: -30px -150px;
    background-size: 90px 180px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-proton-responsive {
    
  }
  .jstree-proton-responsive .jstree-container-ul {
    overflow: hidden;
  }
  .jstree-proton-responsive .jstree-icon {
    background-image: url("30px.png");
    background-size: 90px 180px;
  }
  .jstree-proton-responsive .jstree-node,
  .jstree-proton-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-proton-responsive .jstree-node {
    min-height: 30px;
    line-height: 30px;
    margin-left: 30px;
    min-width: 30px;
    white-space: nowrap;
  }
  .jstree-proton-responsive .jstree-anchor {
    line-height: 38px;
    height: 38px;
    margin: 0;
  }
  .jstree-proton-responsive .jstree-icon,
  .jstree-proton-responsive .jstree-icon:empty {
    margin-top: 4px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .jstree-proton-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-proton-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 30px;
  }
  .jstree-proton-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-proton-responsive .jstree-ocl,
  .jstree-proton-responsive .jstree-themeicon,
  .jstree-proton-responsive .jstree-checkbox {
    background-size: 90px 180px;
  }
  .jstree-proton-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-proton-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }
  .jstree-proton-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -30px !important;
  }
  .jstree-proton-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -30px 0px !important;
  }
  .jstree-proton-responsive .jstree-themeicon {
    background-position: -30px -30px;
  }
  .jstree-proton-responsive .jstree-checkbox,
  .jstree-proton-responsive .jstree-checkbox:hover {
    background-position: -30px -60px;
  }
  .jstree-proton-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-proton-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-proton-responsive .jstree-checked > .jstree-checkbox,
  .jstree-proton-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -60px;
  }
  .jstree-proton-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-proton-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -90px;
  }
  .jstree-proton-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-proton-responsive .jstree-wholerow-ul li {
    position: relative;
  }
  .jstree-proton-responsive .jstree-wholerow-ul .jstree-wholerow {
    position: absolute;
    top: 0;
    left: -1000px;
    right: -1000px;
    width: auto;
    height: 100%;
  }
  .jstree-proton-responsive .jstree-wholerow {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.02);
    height: 30px;
  }
  .jstree-proton-responsive .jstree-wholerow-hovered {
    background: #76b6ec;
  }
  .jstree-proton-responsive .jstree-wholerow-clicked {
    background: #3392e3;
  }
  .jstree-proton-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-proton-responsive .jstree-node,
  .jstree-proton-responsive .jstree-icon,
  .jstree-proton-responsive .jstree-node > .jstree-ocl,
  .jstree-proton-responsive .jstree-themeicon,
  .jstree-proton-responsive .jstree-checkbox {
    background-image: url("30px.png");
    background-size: 90px 180px;
  }
  .jstree-proton-responsive .jstree-node {
    background-position: -60px 0;
    background-repeat: repeat-y;
  }
  .jstree-proton-responsive .jstree-last {
    background: transparent;
  }
  .jstree-proton-responsive .jstree-leaf > .jstree-ocl {
    background-position: -30px -90px;
  }
  .jstree-proton-responsive .jstree-last > .jstree-ocl {
    background-position: -30px -120px;
  }
  .jstree-proton-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-proton-responsive .jstree-file {
    background: url("30px.png") 0 -120px no-repeat;
    background-size: 90px 180px;
  }
  .jstree-proton-responsive .jstree-folder {
    background: url("30px.png") -30px -30px no-repeat;
    background-size: 90px 180px;
  }
  .jstree-proton-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
@font-face {
  font-family: 'Titillium Web';
  src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-extralight-webfont.eot');
  src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-extralight-webfont.woff') format('woff'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-extralight-webfont.ttf') format('truetype'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-extralight-webfont.svg#titillium_webthin') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-regular-webfont.eot');
  src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-regular-webfont.woff') format('woff'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-regular-webfont.ttf') format('truetype'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-bold-webfont.eot');
  src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-bold-webfont.woff') format('woff'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-bold-webfont.ttf') format('truetype'), url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'Titillium Web';
    src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-extralight-webfont.svg#titillium_webthin') format('svg');
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: 'Titillium Web';
    src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: 'Titillium Web';
    src: url('/ui/plug-in/portal/jquery/plugins/resources/css/jstree/proton/fonts/titillium/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg');
    font-weight: 700;
    font-style: normal;
  }
}
.jstree-proton {
  font-family: 'Titillium Web', sans-serif, Arial, sans-serif;
}