Sindbad~EG File Manager

{% extends "layout.html" %}
{% block head %}{% endblock %} 

{% block headertitle %}Conference Panel{% endblock %} 

{% block title %}{% endblock %} 
{% block style %}
<style type="text/css">
    
    label.error{
      color: red;
    }
    .order_by input:focus {
    outline: none; /** For Safari, etc **/
    /*border:1px solid gray; /** For Firefox **/*/
    }
    .switch input
  {
    display: none;
  }

  .switch 
  {
    display: inline-block;
    width: 60px; /*=w*/
    height: 30px; /*=h*/
    margin: 4px;
    transform: translateY(50%);
    position: relative;
  }

  .slider
  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #777, 0 0 4px #777;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: 0.2s;
  }

  .slider:before
  {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #777;
    border-radius: 30px;
    transform: translateX(-30px); /*translateX(-(w-h))*/
    transition: 0.2s;
  }

  input:checked + .slider:before
  {
    transform: translateX(30px); /*translateX(w-h)*/
    background-color: limeGreen;
  }

  input:checked + .slider
  {
    box-shadow: 0 0 0 2px limeGreen, 0 0 8px limeGreen;
  }

  .switch200 .slider:before
  {
    width: 200%;
    transform: translateX(-82px); /*translateX(-(w-h))*/
  }

  .switch200 input:checked + .slider:before
  {
    background-color: red;
  }

  .switch200 input:checked + .slider
  {
    box-shadow: 0 0 0 2px red, 0 0 8px red;
  }
  @media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
  }
  #truncate {
    /*margin-left: 20px;*/
    overflow: hidden;
    max-width: 50ch;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    /*font-style: italic;*/
    background: var(--color-light-gray);
    /*padding: 3px 20px;*/
    border-radius: 8px;
    direction: ltr;
  }
</style>
{% endblock %}

{% block content%}

{% block main %}
{% endblock %}
{% endblock %}

{% block script %}

{% endblock %}