.number_page{
       position: fixed;
       font-weight: bold;
       bottom: 18px;
       color: #fff;
       left: 0px;
       width: 118px;
       cursor: pointer;
       z-index: 1;
       height: 34px;
       background: #37474F;
       padding-right: 34px;
       border-top: 2px double #ddd;
       border-bottom: 2px double #ddd;
       text-align: center;
       padding-top: 5px;
   }


   .help_button {
       position: fixed;
       bottom: 10px;
       left: 80px;
       width: 50px;
       cursor: pointer;
       z-index:2;
   }
   .help_button img {
       width: 100%;
   }
   .theme_list {
       padding:0px;
   }
   .theme_list .theme_item {
       cursor: pointer;
       width: 100%;
       height: 35px;
       float: left;
       border: 2px solid transparent;
       line-height: 2.25;
       padding-left: 10px;
   }
   .theme_list li.active .theme_item, .theme_list li:hover .theme_item{
       border: 2px solid rgba(0,0,0, 0.5);
   }
   .theme_list li{
       float:left;
       list-style: none;
       border:1px solid #ddd;
       margin: 0 0 5px;
       width: 100%;
       border-radius: 3px;
       overflow: hidden;
   }
   .right-header{
       float:right;
       width:300px;
   }
   .left-header{
       float:left;
       width:calc(100% - 300px);
   }
   .left-header a{
       display:inline-block;
       padding:2px 1%;
       font-size:18px;
       font-weight: 400;
       color:#333;
   }
   .left-header a:hover{
       color:#F44336;
   }
   .right-header .has-feedback{
       width:155px;
   }
   small#hint-file{
       display: block;
       margin-top: 5px;
   }
   @media (max-width:1024px){
       .left-header a{
           padding:0 .8%;
           font-size:13px;
           font-weight: 500;
           margin-top: 5px;
       }
   }
   @media (max-width:767px){
       .right-header{
           float:right;
           width:100%;
       }
       .left-header{
           float:left;
           padding-top:10px;
           width:100%;
       }
       .left-header a{
           font-size:15px;
       }
       .right-header .has-feedback{
           width:120px;
       }
   }
   .sort-alpha{
       transition: all 0.3s ease-in;
       -moz-transition: all 0.3s ease-in;
       -webkit-transition: all 0.3s ease-in;
   }
   .sort-active{
       color: #F44336 !important;
       border: 2px solid #F44336;
       background-color: transparent;
       border-radius: 0;
       padding: 1px 4px 0 4px;
       display: inline-block;
       font-weight: 500;
       line-height: 1.5384616;
       text-transform: uppercase;
       font-size: 10px;
       letter-spacing: 0.1px;
       text-align: center;
       white-space: nowrap;
       vertical-align: baseline;
   }
   .p-0{
       padding:0px;
   }
   .m-rl-none{
       margin-left:0px;
       margin-right:0px;
   }
   @media (min-width:768px){
       .navbar-inverse{
           widt/h:200px;
           float:right;
           height:72px;
           padding-left:0px;
           background:transparent;
           border-color:transparent;
           color:#333;
       }
       .navbar-default{
           background:transparent;
           border-color:transparent;
       }
       .navbar-inverse .navbar-nav > li > a{
           color:#333;
       }
       .bg-slate-800 .navbar-nav > li > a{
           color:#fff;
       }
       #navbar-second{
           wid/th:calc(100% - 200px);
           float:left;
       }
       .navbar-header{
           margin-top:13px;
           width: 46px;
           min-width:46px;
           float: left;
           margin-left:0px;
       }
       .navbar-brand{
           padding:0px;
       }
       #navbar-mobile{
           width:calc(100% - 46px);
           margin-right:0px;
           margin-left:0px;
           float:left;
       }
       #navbar-mobile .navbar-right{
           margin-left:0px;
           padding-top:13px;
       }
       #navbar-mobile .navbar-right li.dropdown:not(.dropdown-user) a{
           padding:0px;
       }
       #navbar-mobile .navbar-right li.dropdown:not(.dropdown-user){
           position:absolute;
           left:-35px;
           z-index:1;
           bottom: 25px;
       }
   }
   .datatable-header{
       display:none;
   }
   input[type=search]::-webkit-search-cancel-button {
       -webkit-appearance: searchfield-cancel-button;
   }
   .table{
       border-top:1px solid #ddd;
   }
   #navbar-mobile .navbar-right .dropdown-user a.dropdown-toggle {
       padding-left:0px;
       text-align:right;
       padding-right:10px;
   }
   #navbar-mobile .navbar-right .dropdown-user a.dropdown-toggle:before {
       content:"\e9c1";
       position: absolute;
       top:17px;
       right:-8px;
       color:#fff;
       font-family: 'icomoon';
       speak: none;
       font-style: normal;
       font-weight: normal;
       font-variant: normal;
       text-transform: none;
       line-height: 1;
       min-width: 1em;
       display: inline-block;
   }
   #navbar-mobile .navbar-right .dropdown-user a.dropdown-toggle span{
       display: inline-block;
       wid/th: 120px;
       white-space: nowrap;
       overflow: hidden !important;
       text-overflow: ellipsis;
   }
   #display-library li {
        width:25%;
        padding:5px;
        list-style:none;
        float:left;
        height:124px;
        
    }
    #display-library {
        margin: 0px;
        padding: 0px;
    }
    #display-library li .thumbnail .content{
        padding:0px 2px;
        overflow:hidden;
        height: 43px;
        font-size: 14px;
    }
    #display-library li .thumbnail .img-preview{
        max-height: 80px; 
        height:80px;
    }
    
    #display-library li .thumbnail .img-preview img{
        object-fit: contain;
    }
    .set-height{
        height:350px;
        overflow:auto;
    }
    .rpi-status-icon i.icon-question3{
        font-size:16px !important;
    }
    
    #admin-dashboard .dropdown-menu > .dropdown-submenu > .dropdown-menu {
        min-width: 320px;
    }

    #admin-dashboard .dropdown-menu {
        padding: 0px 0;
        font-size: 14px;
    }

    .dropdown-menu > li > a {
        padding: 5px;
    }

    #admin-dashboard .dropdown-menu > .dropdown-submenu > .dropdown-menu {
        padding: 10px 0px;
    }

    #content-ads {
        width: 100%;
        border: none;
        min-height: 130vh;
        background-color: #f4f4f4;
    }

    #info-group .dropdown-menu > .dropdown-submenu > .dropdown-menu {
        top: 60%;
        left: 0;
        margin-top: 10px;
        width: 100%;
    }

    #panel-show-ads .temp-Default {
        background-color: #fff;
    }