.dropdown-item  {  }
.dropdown-item:hover { cursor: default; background: #ddd; color: black; }

.bg-dark {
    background-color: #343a40!important;
    background-color: #006dbb!important;
}


@media (min-width: 200px) {
    
    
     #myModalContact .modal-dialog { min-width: calc(50vw); }
     
    #id-page {
        height: calc(100vh - 1.5rem);
    } 
    
    #section-login { border: 0px solid red;}
    
    #section-login {
       min-height: calc(100vh);
       height: calc(100vh);
       min-height: calc(100vh);
       
      
    }
    
    .bg-image {
        
        
    }
    
    .h-100 { height: 100%; min-height: calc(100vh - 56px);}
    #section-login .container-fluid {
/*        background-image: url(/images/logoleft.jpg);
        background-size: cover;*/
        height: 100%;
    }

    #section-login .login-right {
        backround: rgba(255,255,255,.7);
        border-radius: 40px;
    }
    
    
    
     #login-alert  {  opacity: 0; }
     #login-alert.visible { opacity: 1; }
     
     #login-alert-message  { color: red; }
   
     .upload-frame {
         width: calc(100vw);
         height: calc(100vh - 60px - 8rem);
         border: 0px solid green;
     }
     
     .btn-outline-primary:hover {
        color: #007bff;
        background-color: white;
        border-color: #007bff;
    }
    
    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #007bff;
    background-color: transparent;
    border-color: #007bff;
    }
    
    .pending-remove {
        opacity: .25;
        
    }
    
    .pending-remove-failed {
        opacity: .75;
        background: rgba(250,220,220,.85);
        
        
    }
    
    #toaster-section {
        position: fixed;
        right: 0px;
        /* border: 2px solid red; */
        z-index: 1019;
        min-width: 20rem;
    }

    
    
    #wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 56px;
}

    .sidebar {
    width: 225px !important;
    }
    .sidebar {
    width: 290px !important;
    background-color: #212529;
    min-height: calc(100vh - 56px);
    
    }
    .sidebar.navbar-nav { 
    margin-left: 0px;
    padding-left: 1rem;
    }
    
    .sidebar.navbar-nav .nav-link { 
        color: white;
    }

    .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    /* padding: 20px; */
}
    

#wrapper #content-wrapper {
    overflow-x: hidden;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 80px;
    border: 0px solid red;
}


.file_size { min-width: 6rem;}
     
}




/* Video overlay */

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}