/*small*/
    .welcome-form-small {
        text-align: center;
        background: #ececec;
        display: flex;
        width: 100%;
        position: fixed;
        color: rgb(71, 166, 255);
        z-index: 1000;
      top: 0;
      left: 0;
      height: 55px;
    
    }
    .env-top{
        display: flex;
    }
    .env{
        margin-left:30px;
        /*margin-top:3px;*/
        margin-bottom:3px;
        margin-right:20px;
    }
    .dropdown-small {
        position: relative;
        display: inline-block;
      }
    
    
      .dropdown-small-menu {
        display: none;
        cursor: pointer;
        position: absolute;
        background-color: #f9f9f9;
    
        width:120px !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1005;
        font-size:12px !important;
        top: 100%;
        right: 0;
      }
    
      .dropdown-small-menu a {
        color: black;
        padding: 6px 10px;
        text-decoration: none;
        display: block;
      }
    
      .dropdown-small:hover .dropdown-small-menu {
        display: block;
      }
      .dropdown-small-item{
          width:120px;
      }
    
    
    .user-top{
        display: flex;
        padding-top: 6px;
        padding-bottom:6px;
    }
    .ui-button-blue-small {
        transition-property: background,color;
        transition-duration: .1s;
        transition-timing-function: linear;
        font-weight: 500;
        /*display: inline-block;*/
        display: block;
        /*line-height: 1.5;*/
        padding: 5px 6px;
        border-radius: 3px;
        cursor: pointer;
        letter-spacing: 1px;
        white-space: nowrap;
        border: 1px solid #222;
        font-size: 12px;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        background: #4eafe7;
        border-color: #0f9ad5;
        color: #fff;
    }
    .ui-button-blue-small:hover {
        background: #86d0ff;
        border-color: #f1fbff;
        color: #eef;
    }
    .paren-open {
        margin: 0 0 0 -0.25em;
    }
    .paren-close-last {
        margin: 0 -0.5em 0 0;
    }
    .svg-icon {
        width: 18px;
        height: 18px;
    }
    .svg-icon-small {
        width: 18px;
        height: 18px;
        margin:0 auto;
        display: block;
    }
    .svg-icon-header{
        width:18px;
        height:18px;
        margin-right: 5px;
    
    }
    .flex-show{
        display: flex;
    }
    .custom-ul-list-small {
        /*width: 80%;*/
        /*margin-left:100px;*/
        column-count: 5;
        column-gap: 3px;
        /*margin-left: 0;
        margin-bottom: 0;*/
        margin: 0;
        padding: 0;
        list-style: none;
        width:300px !important;
        display: block;
        margin-right:15px;
        margin-left:15px;
      }
      .custom-ul-list-small li {
        break-inside: avoid;
        /*margin-bottom: 14px;*/
        padding: 0;
    
        color: #fff;
      }
    .header-text{
       /* width:40px;*/
        font-size:11px !important;
        margin:0 auto ;
        word-wrap: none;
        color:#000000;
        display:block;
    }
    
    .header-content{
        display: block;
        width:40px;
        white-space: nowrap;
        z-index: 1002;
        padding-bottom:3px;
    }
    .dropdown-small-toggle{
        margin-top:25px;
        margin-left:150px;
    }


    @media screen and (min-width: 481px) {
        .welcome-form-small{
            display:none;
        }
        
        }
        @media screen and (max-width: 480px) {
        .large-section-top{
            width:390px;
            height:105px;
            margin:0 auto;
        }
        .head-image {
            width: 100px;
            height: 37px;
            }
            .logo{
                width: 100px;
            height: 36.7px;
            /*margin: auto 0 auto 0;*/
            margin-top:10px;
            margin-left:0;
        margin-right:0;
        padding-right:0;
        }
        .slogan{
            width: 60px;
            height: 11px;
            margin-left:0;
            margin-right:0;
        padding-right:0;
            /*margin: auto 0 auto 0;*/
        }
        .svg-icon {
            width: 20px;
            height: 20px;
        }
        body {
                font-family: 'Roboto', Arial, sans-serif;
                margin: 0;
                padding: 0;
                display: block;
               /*height: 100vh;*/
                background-color: #f4f4f4;
                overflow: auto;
                min-width:350px;
            }
        .sidebar{
            display:none;
        }
        .content {
                flex: 1;
                padding:30px;
                background-color: white;
                border-radius: 10px;
                margin: 10px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                overflow-y: auto;
                height: auto;
                min-width:35px;
                padding-bottom: 50px;
                margin-top:60px;
            }

        }