.bg-vmb {
    background-color: #FFF;
    border-color: #FFF;
    color: #313B4A;
  }

  @media (min-width: 769px) {

    .fullspecial .modal-dialog {
      width: 800px !important;
      margin: 30px auto  !important;
    }
    .fullspecial .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .fullspecial .modal-sm {
      width: 400px !important;
    }
  }
  
  /*end modals*/
  
  .navigation .iconsp
  {
    margin-right:15px;
  }
  
  .intable-fixed-width
  {
    min-width:120px !important;
    padding-right:0px !important;
  }
  
  @media (max-width: 300px) {
    .boxy .media-body
    {
      max-width:100px;
    }
  }
  
  @media (min-width: 769px) and (max-width: 850px)  {
    .boxy .media-body
    {
      max-width:100px;
      overflow:hidden;
    }
  }
  @media (min-width: 1199px) and (max-width: 1450px)  {
    #container_accounts .media-heading
    {
      max-width:110px;
      overflow:hidden;
    }
  }
  @media (min-width: 1025px) {
  
    .iframevideo
    {
      width: 100%;
      height:560px;
    }
  
    .modal-fullsize {
      width: 900px;

    }
  
    .modal-fullsize .modal-body {
      height: 550px;
      min-height: 550px;
    }
  }
  
  .boxy .media-body
  {
    height:70px;
  }
  /* sweet allers */
  

  /* TIPS */
  .tips-switch {
    width: 44px;
    height: 60px;
    position: fixed;
    z-index: 1040;
    right: 20px;
    bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .tips-switch.footer_space {
    bottom: 30px;
  }
  .tips-switch .tips-icn {
    width: 44px;
    height: 36px;
    margin-bottom: 3px;
    text-align: center;
    position: relative;
  }
  .tips-switch .tips-icn img {
    position: absolute;
    left: -20px;
    top: -27px;
  }
  .tips-switch .tips-icn:after {
    content: "Help";
    position: absolute;
    left: 8px;
    top: -30px;
    font-size: 26px;
    color: #ccc;
    font-family: 'Just Another Hand', cursive;
  }
  .tips-switch .tips-icn i {
    font-size: 34px;
  }
  .tips-switch .tips-icn .tips-off i {
    color: #ccc;
  }
  .tips-switch .tips-icn .tips-on i {
    color: #FF5722;
  }
  .on-off-switch {
    display: none;
  }
  .labled-switch {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    cursor: pointer;
    border-radius: 24px;
    transition: background 250ms 100ms;
    background-color: #545859;
  }
  .labled-switch::before {
    content: 'off';
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 6px;
    color: #fff;
  }
  .labled-switch {
    width: 44px;
    height: 20px;
  }
  .labled-switch::after {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    transition: 150ms linear;
    background-color: #F9F9F9;
  }
  input:checked+.labled-switch {
    background: #FF5722;
  }
  input:checked+.labled-switch::after {
    left: 26px;
  }
  input:checked+.labled-switch::before {
    left: 8px;
    content: 'on';
    color: white;
  }
  /* ENDS TIPS */

  .media-heading
  {
    font-size:14px;
  }

  .content
  {
    margin:auto;
    max-width:1180px;
  }
  
  .video_container
  {
    padding-top:15px;
    padding-bottom:15px;
    background-color:#FFF;
    z-index: 1000;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  
  .babylon_selected_video
  {
    
    margin-left:-20px; 
    margin-right:-20px;
    padding-bottom:10px;
    padding-top:10px;
   
    border-bottom: 2px solid #ddd;
    
  }
  .border-left-custom
  {
    border-left: 6px solid #66BB6A;
  }
  .border-right-custom
  {
    border-right: 6px solid #66BB6A;
  }
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  
  
  
  .media-image-cus
  {
    width: 120px;
    height:90px;
  }
  
  .header-highlight .navbar-header:not([class*=bg-]) {
    background-color: #FFF;
  }
  .dataTable
  {
    border-top: 1px solid #ddd;
  
    border-top-width: 3px;
    border-top-style: double;
  }
  .dtrow-selected
  {
    background-color:#f2f2f2;
  }
  .dtrow-selected > td:first-child
  {
    border-left:6px solid #66BB6A;
  }
  .dtrow-selected > td:last-child
  { 
    border-right: 6px solid #66BB6A;
  }
  .navbar-default .navbar-nav > li > a
  {
  color:#a9afbd;
  }
  .navbar-default .navbar-text
  {
    color:#777;
  }
  @media (min-width: 769px) {
    .sidebar-main  .sidebar-content {
    margin-top: 30px;
  }
}
  .navbar-header {
    height:53px !important;
    background-color:#293443 !important;

}
.navbar-default .navbar-collapse {
border-bottom:0px;

}
  h6 
  {
  font-size:15px;
  }
  body {
      font-family: Roboto,sans-serif;
  
      font-weight: 400;
      line-height: 1.5;
    color: #707070;
    background-color:#f3f7f9 !important;
   
  }
  
  .page-title > h5{
      line-height: 100%;
      font-weight: 400;
      font-size: 1.7rem;
      margin: 0;
      color: #676767;
  }
  
  
  .heading-elements:not(.visible-elements) .heading-form .input-group {
    max-width: 990px;
}

  .dataTables_wrapper
  {
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 1.5;
  }

  .navbar-brand > img {
  
    margin-top: 2px;
    height: 47px;
    margin-left: 70px;

}

.sidebar-main .navigation > li > a > i {
  display: none;
}
.sidebar-xs .sidebar-main .navigation > li > a > i {
  display: block;
}

@media (min-width: 769px)
{

  .sidebar-xs .header-highlight .navbar-header {

    min-width: 0;
    width: 86px;
    padding-left: 0;

}

    .sidebar-xs .sidebar-main {
      width: 86px;
    }

  .navbar-brand > img {
    position:absolute;
    z-index:999;
    margin-top:20px;
  }
}


.navbar-brand {
  padding:0px;
}
  
  
  /* loader */
  .loaderz{
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background: url(../images/preloader.gif) center no-repeat #fff;
  }
  
  .loaderz-text {
    position: fixed; /* or absolute */
    top: 45%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -40%);
  }
  
  /* customization items */


  /* menu item for accounts to remove*/
  .mediaacc i
  {
    color: #333 !important;
  }

/* header elements */
.page-header-content > .visible-elements
{
  padding-top:5px;
}

.btn-labeled.btn-xlg > b {
  padding: 12px !important;
}


.vmbul img
{
  width: 19px;
  margin-top:-5px;
}