/*
 * General
 */
.pointer {
  cursor: pointer;
}

.left-pad {
  padding: 0 0 0 15px;
}

.l7-pad {
  padding: 0 0 0 7px;
}

.right-pad {
  padding: 0 15px 0 0 ;
}

.r7-pad {
  padding: 0 7px 0 0 ;
}

.readonly form {
  opacity: 0.7;
  pointer-events: none;
}

.readonlyDualListBox {
  opacity: 0.7;
  pointer-events: none;
}

.readonlyCollectionPlan{
  opacity: 0.4;
  pointer-events: none;
}


.disabledLink {
  pointer-events: none;
}

.mp-ig-vert-tabs
{
   height: 390px;
  overflow-y: auto;
}
.mp-rs-vert-tabs
{
  height: 419px; /* height: 435px; */
  overflow-y: auto;
}

.mp-rs-vert-tabs-detail
{
  max-height: 374px; /* max-height: 390px; */
  overflow-y: auto;
}
.mp-rs-vert-list
{
  margin-top: 5px;
  max-height:339px; /* max-height:350px; */
  height:339px;     /* height:350px; */
  overflow-y: auto;
}
.mp-ig-vert-tabs-detail
{
  max-height: 390px;
  overflow-y: auto;
}

/*
 * Toolbar
 */
.sd-toolbar {
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: right;
}

.sd-toolbar-left {
  margin-top: 10px;
  text-align: left;
}

.sd-add-button {
  margin-bottom: 5px;
}

/*
 * Tab (pills type)
 */
.nav-pills > li > a {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 1px;
  margin-right: 1px;
  border-radius: 0px;
  font-size: 12px;
  background-color: rgba(239,239,239,1);
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #33429d;
}

.nav-pills>li:hover, .nav-pills>li:focus{
  background-color: rgba(204,204,204,1);
}

.nav-pills>li>a:hover, .nav-pills>li>a:focus{
  background-color: rgba(204,204,204,1);
}

.nav-pills>li.disabled>a, .nav-pills>li.disabled>a:focus
{
  background-color: rgba(239,239,239,1);
}

/*
 * Login
 */
.login-title {
  color: #1d2d8c;
  font-size: 24px;
}

/*
 * Sidebar
 */
.sidebar {
  overflow-y: auto;
  border-right: 2px solid #1d2d8c;
}

.sb-box {
  margin: 6px;
  border: 1px solid #e5e5e5;
  box-shadow: -4px 4px 4px #e5e5e5;
}

.sb-box-header {
  color: #fff;
  height: 32px;
  font-size: 12px;
  text-align: center;
  line-height: 32px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #33429d;
}

.sb-box-body {
  overflow-y: auto;
}

.sb-box-body-row {
  height: 42px;
  font-size: 12px;
  border-bottom: 1px solid #e5e5e5;
}

.sb-box-body-col-1 {
  width: 40px;
  text-align: center;
}

.sb-box-body-col-2 {
  padding-left: 4px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
  top: 5px;
}

#sidebar a,
#sidebar a:focus
{
  outline: none;
  color: #000;
}

#sidebar .glyphicon {
  font-size: 12px
}


.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
/*  bottom: 4px;*/
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #3CAE3C;
}

input:focus + .slider {
  box-shadow: 0 0 1px #3CAE3C;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Box body row blinking */
@keyframes sb-box-body-row-an {
  50% {background-color: #ccdcec;}
}

.sbBoxBodyRowBlink {
  animation: sb-box-body-row-an;
  animation-duration: 0.5s;
  animation-direction: alternate;
  animation-iteration-count: 16;
  animation-timing-function: step-end;
}

/*
 * Alert for modal panel
 */
.modal-alert {
  top: 57px;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 100;
  position: fixed;
  background-color: rgba(0,0,0,0.1);
}

.modal-alert-content {
  width: 80%;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 4px;
}

/*
 * Feature info
 */
.fi-key-cell {
  text-align: right;
  padding-right: 8px;
  vertical-align: top;
}

.fi-stream {
  cursor: pointer;
}

.fi-stream:hover {
  text-decoration: underline;
}

/*
 * Stream modal panel
 */
 .stream-modal {
  padding: 4px;
  height: 600px;
}

.stream-img {
  width: 865px;
  height: 580px;
}


/*
 * Directive Dual List Box
 */
.sd-dual-list-box {
  overflow-y: auto;
  margin: 0px 15px;
}

.sd-dual-list-box-list-items {
  height: 135px;
  max-height: 140px;
  overflow-y: auto;
  border: 1px solid #dadada;
  border-radius: 4px;
}

.sd-dual-list-box-single-item {
  margin: 1px 0;
  cursor: pointer;
  font-size: 12px;
}

/*
 * Directive Dinamic Fields
 */
.sd-dinamic-fields {
  border: 1px solid #ccc;
  background-color: #eee;
  overflow-y: auto;
  margin: 10px;
  padding-bottom:4px;
}

.sd-df-leggend {
  padding-left:15px;
}

.sd-df-label {
  margin-top:10px;
}

.sd-df-title{
  padding-top:4px;
}

.sd-df-remove-button{
  margin-top:31px;
}


/* Navbar */
.nav-link{
  text-align: center;
  display: table-cell;
/*   height: 56px; */
  vertical-align: middle;
}

/* Reimplemented nav style*/
.navbar-nav >li>a {
  padding:6px 6px !important;
}

.navbar-right >li>a {
  padding:6px 6px !important;
}

.icon-nav-right {
  font-size: 20px !important;
  top: 15px !important;
}

/* Reimplemented fa style */
.navbar-nav .nav-link > .fa {
/*   display: block; OLD */
/*   display: contents; */
/*   width: 48px; OLD */
  margin: 2px auto 4px auto;
  top: 0;
  line-height: 24px;
  font-size: 24px;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  min-width: 20px !important;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.navbar-nav .nav-link > .fa > .badge {
  font-size: 1rem;
  position: relative !important;
  right: 10px !important;
  top: -12px !important;
  font-family: sans-serif;
}


#custom-bootstrap-menu.navbar-default .navbar-nav>li.divider {
  margin: 0px 7px;
  width: 1px;
  min-width: 1px;
  max-width: 1px;
  height: 45px;
  background: #999999;
  top: 6px;
}
/* Reimplemented mwl-calendar  */
/* mwl-calendar a.event-item-action, mwl-calendar a.event-item-delete, mwl-calendar a.event-item-edit {
  padding-left: 2px !important;
} */

mwl-calendar a.event-item {
  display: inline-block;
  /* width: 150px !important; */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

mwl-calendar div.day-highlight {
  display: flex;
}