/* Copyright (c) NetCom d.o.o. */
body{
  font-family: "Roboto",Helvetica,Arial,sans-serif
}
hr{
  margin-top: 10px;
margin-bottom: 10px;
}
.main-header .sidebar-toggle::before{
  content:"\f053"
}
.sidebar-collapse .main-header .sidebar-toggle::before{
  content:"\f054"
}
.form-control.small{
  height: 30px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 14px
}
tr.table-filter{
  background: #f5f5f5;
}
/*dz.small icon size 80x80*/
.dropzone.small{
  padding: 4px;
  min-height: 96px;
}
.dropzone.small .dz-preview{
  margin:2px;
  min-height: 80px
}
.dropzone.small .dz-preview .dz-image{
  width:80px;
  height:80px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.dropzone.small .dz-preview .dz-details{
  padding:5px;
}
.dropzone.small .dz-preview .dz-progress{
  width:70px;
  margin-left: -35px
}
.dropzone.small .dz-preview .dz-success-mark svg, .dropzone.small .dz-preview .dz-error-mark svg{
  width:32px;
  height:32px
}
.dropzone.small .dz-preview .dz-success-mark, .dropzone.small .dz-preview .dz-error-mark{
  margin-left:-15px;
  margin-top:-15px;
}
/*dz.line, icon size 32x32*/

.dropzone.line{
  padding: 4px;
  min-height: 96px;
}
.dropzone.line>div:last-child{
  margin-bottom: 32px
}
.dropzone.line .dz-preview{
  margin:2px;
  min-height: 32px;
  display:block;
  background: #eee;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.dropzone.line .dz-preview.dz-complete
{
  background: #dff0d8
}
.dropzone.line .dz-preview.dz-error{
  background: #ebccd1
}

.dropzone.line .dz-preview .dz-image{
  width:32px;
  height:32px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.dropzone.line .dz-preview .dz-details{
  padding: 0;height: 32px;
  opacity: .8;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
  display: flex;
  flex-direction: row-reverse;
}
.dropzone.line .dz-preview .dz-details .dz-size,
.dropzone.line .dz-preview .dz-details .dz-filename{
  display: inline-block;
  height:32px;
  line-height: 32px;
  margin:0 5px
}
.dropzone.line .dz-preview .dz-details .dz-size{
  min-width: 64px;
}
.dropzone.line .dz-preview .dz-error-message{
  top:30px;
  left:0;
}
.dropzone.line .dz-preview .dz-progress{
  width:70px;
  margin-left: 0;
  left: 40px;
}
.dropzone.line .dz-preview .dz-success-mark svg, .dropzone.line .dz-preview .dz-error-mark svg{
  width:20px;
  height:20px
}
.dropzone.line .dz-preview .dz-success-mark, .dropzone.line .dz-preview .dz-error-mark{
  margin-left:-15px;
  margin-top:-15px;
  margin-left: 0;
  left: 6px;
  top:19px;
  width: 20px;
  height: 20px;
}
.dropzone.line .dz-preview .dz-remove{
  background: rgba(255,255,255,.8);
  padding:0 5px;
  margin:5px 0;
  display:inline-block;
  position: absolute;
  height:22px;
  line-height: 22px;
  top:0;
  left:120px;
  z-index: 25;
  transition: .5s;
}
.dropzone.line .dz-preview.dz-complete .dz-remove{
  left:40px;
}
@media only screen and (max-width: 400px) {
  .dropzone.line .dz-preview .dz-remove,.dropzone.line .dz-preview.dz-complete .dz-remove{
    display:block;
    position: relative;
    left:0;
    padding:0 5px;
    margin:0;
    height:32px;
    line-height: 32px;
    width: 25%;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:.8em
  }
  .dropzone.line .dz-preview .dz-error-message,
  .dropzone.line .dz-preview .dz-image,
  .dropzone.line .dz-preview .dz-details .dz-size{
    display:none
  }
}

.dropzone.dropzone-initiallyhidden{
  visibility: hidden;
  opacity:0;
  transition: visibility 175ms, opacity 175ms;
  pointer-events: none;
  position: absolute;
   top: -9999px;
   left: -9999px;
   border:dashed 3px green;
   background:rgb(230, 255, 230);
   overflow-y: auto;
   z-index: 99
}
.dropzone.dropzone-initiallyhidden .dz-message{
  position: relative;
  top: 50%;
  transform: translateY(-49%);
  margin:0
}


.dragover .dropzone.dropzone-initiallyhidden,
.dropzone.dropzone-initiallyhidden.dz-drag-hover,
.dropzone.dropzone-initiallyhidden.dz-started
{
  opacity:1 !important;
  pointer-events: auto;
  visibility: visible;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
}
/*dz end*/

/* formelements */

.formelement-datetimepicker{
  max-width: 344px
}
/*.formelement-datetimepicker .col-md-8 input{ border-right:none}*/
.input-group .input-group-addon{
  min-width:38px
}
#modalbreadchrumb{
  display:block;
  pointer-events: none;
  position: absolute;
  z-index: 2000;
  color:#fff;
  top:5px;
  left:5px;
  visibility: hidden;
  line-height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0,0,0,.7);
  padding:0px 7px;
}
/*#modalbreadchrumb>span{
}*/
#modalbreadchrumb>span::after{
  content:"\f105";
  font:normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  line-height: 20px;
  padding:0 5px;
}
#modalbreadchrumb>span:last-child::after{
  display: none
}
.modal-full{
  width: 95%;

}
.modal-fullscreen{
  margin:0;
  padding:0 !important;
}
.modal-fullscreen .modal-dialog{
  width:90%;
  margin: auto;
}
.modal-fullscreen .modal-content{
  height:98vh;
  width:100%;
  margin:auto
}
.modal-fullscreen .modal-content .modal-close{
  position: absolute;
  top:10px;
  right:15px;
  font-size:2em
}
.modal-open #modalbreadchrumb,.modal-open-n #modalbreadchrumb{
  visibility: visible;
}
.modal-backdrop.in{
  opacity:.1
}
.modal-header{
  background: #eee;
  border-bottom: solid 1px #ccc
}
.icheck{
  display: flex;
  align-items: center;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters> .col,
.no-gutters> [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.small-gutters {
  margin-right: 5px;
  margin-left: 5px;
}
.small-gutters> .col,
.small-gutters> [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.small-gutters .box{
  margin-bottom: 10px;
}
.text-lightgray{
  color:#999
}
.bg-white{
  background:white;
}
.bg-lightgreen{
  background:#c6ffd8
}
.bg-lightred{
  background:#ffc6c6
}
.row-green{
  border-left:solid 6px green;
}
/*.browser{
}*/
.browser>.icheck{
  padding: 10px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.browser>.icheck:hover{
  background: #eee;

}
.browser>.icheck>label{
  margin-left: 10px
}
/* user block */
.user-block .username{
  color:black;
  font-size:1.1em;
  font-weight: normal;
}
.user-block img{
  border:solid 1px #eee;
  color:gray;
  font-weight: 600;
  text-align: center;
  line-height: 25px;
}
.profile-user-img{
  height:100px;
  font-weight: 600;
  text-align: center;
  line-height: 89px;
  font-size: 30px;
}

.box-footer .pagination{
  margin:0
}

.netcom-bigheader{
  background: rgba(0,0,0,.5);
  color:white;
  margin-top:-15px;
  margin-left:-15px;
  margin-right:-15px;
  padding:15px;
}
.select2,.select2-search,.select2-search__field {
        width: 100% !important
    }
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background-color:#eee;
  color:#000
}
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single{
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  -o-border-radius: initial;
  border-radius: initial;
}

.select2-result-repository__description{
  font-size: .9em;
  font-weight: 400;
  color:gray;
}
.select2-results__option--highlighted .select2-result-repository__description{
  color:white;
}

.form-group+.help-block {
  margin-top: -8px;
}
.has-error > .form-group+.help-block {
  color: #dd4b39;
}
.tab-content{
  position:relative;
  min-height: 100px;
}
.tab-content .overlay{
  background-color:rgba(0,0,0,.07);
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
}
.timeline-small.timeline > li > .timeline-item > .timeline-header{
  padding:5px;
  font-size:1em
}
.timeline-small.timeline > li > .timeline-item > .timeline-body{
  padding:5px;
  font-size:.9em
}
.user-block .img-tiny{
  width:22px;
  height:22px
}
.userb-block-line .username{
  margin-left:27px
}
.table .label{
  padding:.2em .6em .1em
}
.table-noborder tbody > tr > td,.table-noborder tbody > tr > th{border:none}
.label-gray{
  background-color:gray;
}
.label-lightgray{
  background-color:#eee;
  color:gray
}
.label-blue{
  background-color:#2489c5;
  color:white
}
.label-green{
  background-color:green;
  color:white
}
.label-white,.label-transparent{
  color:#ccc
}
a.label-transparent.editable,a.label-white.editable{
  border-bottom: none
}
a.label-white:hover{
  color:gray;
}
.dropdown-menu{
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:none;
  -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
      box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  border-color:#d2d6de
}
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple{
  min-height:34px
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
  height: 32px
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 30px
}
.select2-container .select2-search--inline .select2-search__field{
  margin-top:7px
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding-left:0;
  padding-right:0
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
  padding:0 10px
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{
  padding-right:22px
}
input.form-control[type="file"]{
  height:auto
}
input.form-control:valid:focus{
  border:solid 1px green;
}

input.form-control:invalid:focus{
  border:solid 1px red;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(235,103,103,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(235,103,103,1);
  box-shadow: 0px 0px 3px 0px rgba(235,103,103,1);
}
input.form-control[required],textarea.form-control[required]{
  background-color:#fffef7;
  background-image:url('/images/field-asterisk.png');
  background-repeat:no-repeat;
  background-position:right top;
  border-color:#e3da9f;
}
input.form-control[required]::placeholder,
textarea.form-control[required]::placeholder,
input.form-control[required]:-ms-input-placeholder,
textarea.form-control[required]:-ms-input-placeholder,
input.form-control[required]::-ms-input-placeholder,
textarea.form-control[required]::-ms-input-placeholder
 {
    color: #9a904f;
    opacity: 1; /* Firefox */
}
input:required:valid,textarea:required:valid { /* when a field is considered valid by the browser */
  background-color:white;
  border-color:#d2d6de
}
.agendakeyandtitle{
  display:flex
}
.agendakeyandtitle .agendakeyandtitle-key{
  width:80px;
  border-right:0px none;

}
.agendakeyandtitle .agendakeyandtitle-title{
  resize:vertical
}


.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover{
  color:#ccc
}
.tooltip{
z-index: 800
}
/* tabs */
.tabs{
  border-bottom:solid 1px #eee;
  margin:10px -14px;
  margin-top:-14px;
  margin-bottom: 25px;
  padding:0px 14px;
  line-height: 30px;
  padding-top:2px;
  position: relative;
  background: #fff;
  min-height:36px;
}
.tabs:before{
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-side at center top , rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)) no-repeat scroll center top / 100% 10px;
  border: medium none;
  content: "";
  display: block;
  margin: 1px 0;
  min-height: 10px;
  width: 100%;
  position: absolute;
  bottom: -13px;
  pointer-events: none
}
.tabs .tab{
  border-bottom:solid 2px transparent;
  color:black;
  display:inline-block;
  padding:1px 10px;
  color:#999
}

.tabs .tab.active{
  border-bottom-color:#fc7500;
  font-weight: 500;
  color:#000
}
.tabs a.tab:hover{
  color:#000;
  border-bottom-color:#fcbb83
}
.form-netcom .form-group{
  margin-bottom:7px
}
.form-netcom .form-group>label{
  font-weight:400;
  color:#999;
  line-height: 30px
}
.form-netcom label.col-sm-3{
  text-align: right;
}
.form-netcom .help-block{
  font-size: .9em
}

.form-title{
  color:#000;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  margin-bottom:20px;
  font-weight: 500
}
.form-title:after{
  background-color: #eee;
 content: "";
 display: inline-block;
 height: 1px;
 position: absolute;
 vertical-align: middle;
 width: 100%;
 top:50%;
 margin-left: 20px;
}
.datepicker .icon-arrow-left,.datepicker .icon-arrow-right{
  font: normal normal normal 14px/1 FontAwesome
}
.datepicker .icon-arrow-left::before{
  content:"\f104"
}
.datepicker .icon-arrow-right::after{
  content:"\f105"
}
.btn.btn-placeholder{
  border:dashed 1px gray;
  color:gray;
}
.btn.btn-placeholder:hover,
a.btn.btn-placeholder:hover{
  color:#000;
  border-color:#000;
  background-color: rgba(255,255,255,.5)
}

.live_icon__wrap{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0;
  position: relative;
  margin-left: 5px;
}
.live_icon{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: green;
  border: 1px solid green;
  z-index: 10;
}
.live_icon--pulse{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: green;
  border: 1px solid green;
  z-index: 10;
  -webkit-animation: pulse 2s ease-out;
  -moz-animation: pulse 2s ease-out;
  animation: pulse 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
  0% {
  -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.0; }
  25% { -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.1; }
  50% { -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.3; }
  75% { -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.5; }
  100% { -moz-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0.0; } }

@-moz-keyframes pulse { 0% { -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.0; }
  25% { -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.1; }
  50% { -moz-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.3; }
  75% { -moz-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.5; }
  100% { -moz-transform: scale(2);
    transform: scale(2);
    opacity: 0.0; } }

@-ms-keyframes pulse { 0% { -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0.0; }
  25% { -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0.1; }
  50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.3; }
  75% { -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0.5; }
  100% { -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0.0; } }

@keyframes pulse { 0% { -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.0; }
  25% { -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.1; }
  50% { -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.3; }
  75% { -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.5; }
  100% { -moz-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0.0; } }
/*expandable text*/
.nc-text-expandable{
  max-height: 200px;
  overflow: hidden;
  position: relative;
}
.nc-text-expandable--after{
  display: none;
  bottom: 0px;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.timeline-item .nc-text-expandable--after{
  background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%);
  background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%);
  background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%);
}
.nc-text-expandable>.nc-text-expandable--after{
  display:block
}
.nc-text-expandable--after>a{
  display: block;
  max-width: 100px;
  text-align: center;
  text-decoration: none;
  font-size: .8em;
  margin: auto;
  margin-top: auto;
  margin-top: 14px;
  padding: 1px 2px;
  border: solid 1px #ccc;
  color: gray;
  background-color: #fff;
  pointer-events: initial;
}
.nc-text-expanded{
  max-height: inherit;
}
.nc-text-expanded .nc-text-expandable--after{
  visibility:hidden
}
/* wysiwyg */
.wysiwyg {overflow:scroll; max-height:300px}


/* Organisations */
.organisations-content {
  display: flex;
  flex-wrap: wrap;
}
.organisations-content div.box.box-widget,
.organisations-content div.children {
  flex-basis: 100%;
  order: 1;
}
.organisations-content div.box.box-widget.inactive,
.organisations-content div.box.box-widget.inactive + div.children {
  order: 2;
}
.organisations-content div.box.box-widget.inactive .info-box-text,
.organisations-content div.box.box-widget.inactive + div.children div.box.box-widget .info-box-text {
  opacity: .5;
  background-attachment: #eee;
}.organisations-content div.box.box-widget.inactive .workplace-row,
.organisations-content div.box.box-widget.inactive + div.children div.box.box-widget .workplace-row {
  display: none;
}
.organisations-content div.box.box-widget.inactive > .organisationcontrol {
  z-index: 9;
}
.organisations-content div.box.box-widget.inactive + div .organisationcontrol i {
  color: #eee;
}

/* Workplace actions */
.workplace-col {
  position: relative;
}
.workplace-col .workplace_actions {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0 10px;
  background: #f6f6f6;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.workplace-col .workplace_actions .fa-times {
  color: red;
}
.workplace-col:hover .workplace_actions {
  visibility: visible;
  opacity: 1;
}

/* iCheck - manual name - Create workplace */
.icheckmanualname-container .icheckbox_square-blue.checked {
  background-position: -29px 0;
}
.icheckmanualname-container .icheckbox_square-blue.hover {
  background-position: -14px 0;
}
.icheckmanualname-container .icheckbox_square-blue.disabled {
  background-position: -44px 0;
}
.icheckmanualname-container .icheckbox_square-blue {
  width: 15px;
  height: 15px;
  background-size: auto 15px;
}

/* content placeholder */
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}
.animated-background-dark{
  background: linear-gradient(to right, #dadfe7 8%, #bbc0ca 18%, #dadfe7 33%);
  background-size: 800px 104px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.animated-background-light{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.background-masker {
    background: #fff;
    position: absolute;
}

/* Every thing below this is just positioning */

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
    top: 0;
    left: 40px;
    right: 0;
    height: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 10px;
}

.background-masker.header-bottom {
    top: 18px;
    height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
    top: 24px;
    height: 6px;
}


.background-masker.header-right,
.background-masker.subheader-right {
    width: auto;
    left: 300px;
    right: 0;
}

.background-masker.subheader-right {
    left: 230px;
}

.background-masker.subheader-bottom {
    top: 30px;
    height: 10px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px;
}

.background-masker.content-top {
    height:20px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end{
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px;
}

.background-masker.content-second-line  {
    top: 68px;
}

.background-masker.content-second-end {
    left: 420px;
    top: 74px;
}

.background-masker.content-third-line {
    top: 82px;
}

.background-masker.content-third-end {
    left: 300px;
    top: 88px;
}

/* nav tabs */
.nav-tabs-custom.collapsed-box{
  overflow:hidden;
}
.nav-tabs-custom .box-tools{
  margin:6px;
}
.nav-tabs-custom.collapsed-box > .nav-tabs{
  border-bottom-color:transparent
}
.nav-tabs-custom.collapsed-box > .nav-tabs > li.active{
  border-top-color:#bcd7e7;
  -webkit-transition : border 500ms ease-out;
 -moz-transition : border 500ms ease-out;
 -o-transition : border 500ms ease-out;
 transition : border 500ms ease-out;
}
.nav-tabs-custom.collapsed-box > .nav-tabs > li.active > a{
  border-left-color:transparent;
  border-right-color:transparent;
  -webkit-transition : border 500ms ease-out;
 -moz-transition : border 500ms ease-out;
 -o-transition : border 500ms ease-out;
 transition : border 500ms ease-out;
}
/* documentviwer */
.documentviewer>div.docviewerdiv{
  min-height:250px;
  position: relative;
}
.documentviewer .overlay{
  background-color:rgba(255,255,255,.5);
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  z-index: 999;
  cursor: wait
}
.documentviewer .overlay>i{
  position: absolute;
  top:50%;
  left:50%;
  font-size: 2em;
}


/* Table edit i delete */
table .fa-edit,
table .fa-trash-o,
table .fa-filter {
  padding: 0;
}


/* Dashboard - Calendar */
#calendar .fc-past .fc-day-number,
#calendar .fc-today .fc-day-number,
#calendar .fc-agendaWeek-view .fc-day-header a,
#calendar .fc-listMonth-view .fc-widget-header a {
  color: #333;
  cursor: default;
}
#calendar .fc-past .fc-day-number:hover,
#calendar .fc-today .fc-day-number:hover,
#calendar .fc-agendaWeek-view .fc-day-header a:hover,
#calendar .fc-listMonth-view .fc-widget-header a:hover {
  text-decoration: none;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 1 !important;
}
/* Filebrowser */
.documentbrowser{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.documentbrowser a{
  color:#000
}
.documentbrowser-explorer>div{
  padding:10px;
  padding-left: 0;
}
.documentbrowser-nav{
  padding-right: 0
}
.documentbrowser-nav>div{
  background-color:#e7ebf0;
  /*border-right:solid 1px #c5c9cd;
  border-bottom:solid 1px #c5c9cd;*/
  padding-left:10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.documentbrowser-nav--title{
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top:10px;
  padding:5px;
  font-weight: 600;
  letter-spacing: .5px;
  color:#707d8b
}
.documentbrowser-nav--title:first-child{
  margin-top:0
}
.documentbrowser-nav--dir a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.documentbrowser-nav--dir a.selected{
  font-weight: 500;
}
.documentbrowser-explorer-nav{
  background: #e7ebf0;
  color:#707d8b;
  padding:2px 5px;
  font-weight: 500;
  font-size: .9em;
  letter-spacing: .5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.documentbrowser-explorer-back{
 margin-right:10px
}
.documentbrowser-explorer-nav a{
  color:#707d8b;
}
.documentbrowser-explorer-nav a:hover{color:#000}

a.addtobriefcaselink {
  color:#eee;
  position: relative;
}
a.addtobriefcaselink .loader{
  position: absolute;
  top:0;
  left:0;
  color:black;
}
a.addtobriefcaselink:hover{
  color:#62b976;
}
a.addtobriefcaselink.added{
  color:#62b976;
}
a.addtobriefcaselink.added:hover{
  color:red;
}
.doclocationinfo{
  border-left:solid 2px #eee;
  margin-left:3px;
}
.doclocationinfo.prop{
  margin-top:5px;
}
.doclocationinfo a{
  color:gray;
}
.doclocationinfo a:hover{
  color:inherit;
}
.doclocationinfo ul{
  padding-left:15px
}