#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 72px 0 12px 15px;
    background-color: #000;
}

.navbar-top-links {
    margin-right: 0;
}

    .navbar-top-links li {
        display: inline-block;
    }

        .navbar-top-links li:last-child {
            margin-right: 15px;
        }

        .navbar-top-links li a {
            padding: 15px;
            min-height: 50px;
        }

    .navbar-top-links .dropdown-menu li {
        display: block;
    }

        .navbar-top-links .dropdown-menu li:last-child {
            margin-right: 0;
        }

        .navbar-top-links .dropdown-menu li a {
            padding: 3px 20px;
            min-height: 0;
        }

            .navbar-top-links .dropdown-menu li a div {
                white-space: normal;
            }

    .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
        width: 310px;
        min-width: 0;
    }

    .navbar-top-links .dropdown-messages {
        margin-left: 5px;
    }

    .navbar-top-links .dropdown-tasks {
        margin-left: -59px;
    }

    .navbar-top-links .dropdown-alerts {
        margin-left: -123px;
    }

    .navbar-top-links .dropdown-user {
        right: 0;
        left: auto;
    }

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar .arrow {
    float: left;
    padding-right: 20px;
    color: #fff;
    font-size: 20px;
}

.sidebar .fa.arrow:before {
    content: "\f107";
}

.sidebar .active > a > .fa.arrow:before {
    content: "\f106";
}

.sidebar .nav-second-level li, .sidebar .nav-third-level li {
    margin-bottom: 0;
}

    .sidebar .nav-second-level li a {
        padding-left: 53px;
        font-size: .9em;
    }

    .sidebar .nav-third-level li a {
        padding-left: 52px;
    }

@media(min-width:768px) {
    .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
        margin-left: auto;
    }
}

.seriesThumbs ul li {
    background: #242d38;
    border: 1px solid #444e59;
    margin: 5px 0;
    text-align: center;
}
.separator {
    padding: 0;
    display: block;
    margin: 0;
    color: lightgray;
    margin-top: 3px;
    font-size: 35px;
    padding-left: 10px;
    padding-right: 10px;
}

.getRedHover:hover, .AIlist:hover img, .AIlist .selectedToolAI img {
    -webkit-filter: opacity(50%) drop-shadow(0 0 0 #ff0000) brightness(100%)saturate(20);
    filter: opacity(50%) drop-shadow(0 0 0 #ff0000)brightness(100%)saturate(20);
}
.detect:hover, .AIlist .selectedToolAI p, .detecthov:hover p, .detecthov:hover i, .AIlist:hover i, .AIlist:hover p {
    color: #ff0000;
}
.detect:hover, .AIlist .selectedToolAI p, .detecthov:hover p, .AIlist:hover p {
    font-weight: bold;
    font-family: sans-serif;
    font-size: 11.4px;
}
@media only screen and (min-width:1127px)and (max-width: 1525px) {
    .navAdjust {
        width: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

        .navAdjust i {
            display: block;
        }

    .logo {
        width: 10%;
    }
}
@media only screen and (max-width: 1024px) {
    .separator {
        font-size: 18px;
    }
}
@media only screen and (max-width: 1080px) {
    /*.settings-icons {
        padding: 0px 0px 0px 0px;
    }*/
}
/*.settings-icons {*/
    /*padding: 10px 1px 7px 1px;*/
    /*padding: 0px 1px 0px 350px;*/
/*}*/


/*For responsive navigation menu bar*/
.toggle, [id^=drop] {
    display: none;
}
nav {
    margin: 0;
    padding: 0;
}
nav ul p {
    color: white;
}
    nav:after {
        content: "";
        display: table;
        clear: both;
    }
    nav ul li a {
        font-size: 11px;
        display: inline-grid;
    }
    nav ul ul li a {
        font-size: 12px;
        display: inline-flex;
        padding: 2px 2px;

    }
a:hover,
a:focus {
    color: #0d96f7;
    text-decoration: underline;
}
nav ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    width: 90%;
}

    nav ul li {
        margin: 0px;
        display: inline-flex;
        float: left;
        font-size: medium;
        /*margin-top: 1%;*/
        text-align: center;
        padding: 3px;
        padding-top:0%;
    }

    nav a {
        display: inline-flex;
        padding: 13px 2px;
        color: #FFF;
        text-decoration: none;
    }

    nav ul li ul li:hover {
        font-size: small;
        margin-top: 1%;
    }
    nav ul ul a,nav ul ul {
     text-align:left;
    }
nav ul ul {
    display: none;
    position: absolute;
    top: 55px;
    background-color: #383842;
    width: 220px;
    margin-left: -2%;
}

[id^=drop]:checked + ul {
    display: inline-block;
    z-index: 2;
}
    nav ul ul li {
        width:100%;
        float: none;
        display: inline-flex;
        position: relative;
        margin-top: 1%;
        font-size: small;
    }

    nav ul ul ul li {
        position: relative;
        top: -60px;
        left: 170px;
        background-color: #383842;
        margin-top: 1%;
        text-align: center;
        font-size: small;
    }
.SettingsMargin {
    z-index: 2;
    margin-left:-12%;
}

/*li > a:after {
    content: ' +';
}*/
li > a:only-child:after {
    content: '';
}
.getpadding {
    padding-right: 13px;
}
nav ul li i {
    display: inline;
}
.nav li:last-child {
    float: right; /* last li item */
}
nav ul ul li i{
    padding:2px 10px 2px 10px;
}
nav ul ul li img {
   margin: 2px 10px 2px 10px;
}
    /* Media Queries
--------------------------------------------- */
@media all and (max-width : 1700px) {
    .SettingsMargin {
        /*margin-left: -15%;*/
    }
}
    @media all and (max-width : 1490px) {
        nav a {
            padding: 0 0px;
        }

        nav ul li a {
            font-size: 9px;
        }

        .SettingsMargin {
            /*margin-left: -16%;*/
        }
        nav ul li{
            margin-top:1%;
        }
        .separatorli {
            margin-top: -2px;
        }
    }

    @media all and (max-width : 1220px) {
        nav ul {
            width: 90%;
        }

            nav ul li {
                padding:3px;
            }
    }

    @media (max-width: 1127px) {
        .header-right-grid {
            width: 88%;
        }
    }

    @media all and (max-width : 1127px) {
        nav {
            margin: 0;
            margin-right: 5%;
        }

            nav .navArrange {
                padding: 0 0 0 0px;
            }

            nav ul li a {
                font-size: 11px;
                display: inline-flex;
            }

        a:hover,
        a:focus {
            color: #0d96f7;
            text-decoration: underline;
        }

        .menu {
            display: none;
        }

        .arrow {
            display: none;
        }

        .toggle + a {
            display: inline-flex;
        }

        .getBackground {
            background-color: #383842;
            width: 220px;
        }

        .toggle {
            display: inline-flex;
            color: #FFF;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            border: none;
        }

        .navArrange {
            float: right;
            padding: 5%;
            font-size: xx-large;
            color: dodgerblue;
        }

        [id^=drop]:checked + ul {
            display: block;
            border-radius: 9%;
            z-index: 2;
            background-color: black;
        }

        .separatorli {
            display: none;
        }

        nav .forscroll {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            height: 60%;
            background-color: currentColor;
            width: 40%;
            margin-left: 48%;
            margin-top: 6%;
            border: 3px solid dodgerblue;
        }

        .SettingsMargin {
            z-index: 2;
            margin-left: 20%;
        }

        nav ul li label i {
            padding-right: 13px;
        }

        nav ul li {
            display: inline-block;
            width: 100%;
            margin-top: 5%;
            text-align: center;
            border-bottom: 0.5px solid #949799;
        }

        nav ul ul li {
            border-bottom: 0.5px solid #383842;
        }

        nav ul ul .toggle,
        nav ul ul a {
            padding: 0 10px;
        }

        nav ul ul ul a {
            padding: 0 10px;
        }

        nav ul li ul li .toggle,
        nav ul ul {
            float: none;
            position: static;
            color: #ffffff;
            margin-left: 20%;
        }

            nav ul ul li:hover > ul,
            nav ul li:hover > ul {
                display: none;
                font-size: small;
            }

            nav ul ul li {
                display: block;
                width: 100%;
                /*width: 170px;*/
                margin-top: 1%;
                font-size: small;
            }

            nav ul ul ul li {
                position: static;
                font-size: small;
            }
        nav ul li a i {
            padding-right: 10px;
        }
        nav ul li a img {
            margin: 2px 5px 2px 5px;
        }
    }

    @media all and (max-width : 735px) {
        nav ul ul {
            margin-left: 10%;
        }
    }

    @media all and (max-width : 500px) {
        nav ul ul {
            margin-left: 5%;
        }
        nav .forscroll {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            height: 60%;
            background-color: currentColor;
            width: 60%;
            margin-left: 28%;
            margin-top: 6%;
            border: 3px solid dodgerblue;
        }

        .SettingsMargin {
            z-index: 2;
            /*margin-left: 20%;*/
            margin-left: 10%;
        }
    }

@media all and (max-width : 330px) {

    nav ul li {
        display: inline-block;
        width: 94%;
    }

    nav ul ul li {
        display: inline-block;
        width: 94%;
    }

    .SettingsMargin {
        z-index: 2;
        /*margin-left: 20%;*/
    }
}
@media all and (min-width:330px) and (max-width : 400px) {
    nav ul ul p {
        width: 78%;
    }

    nav ul ul li {
        width: 170px;
    }
}
@media all and (min-width:1126px) and (max-width : 1139px) {
    .navAdjust {
        width: 25px;
    }
}
/*thumbnail preferenece*/
.grids {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: 25vmin;
    /*height: calc(100vh - 4em);*/
    grid-gap: 2em;
    /*margin: 0 auto;*/
}

.gridul {
    display: grid;
    /*grid-template-columns: repeat(2, 1fr 1fr 3fr 5fr);*/
    /*grid-template-columns: 1fr 1fr 1fr;*/
    grid-template-rows: 1fr;
    grid-gap: .1em .4em;
    width: 100%;
    height: auto;
    padding: .5em;
    border: .1em solid #92bfe6;
    box-sizing: border-box;
    border-radius: .5em;
    transition: all 0.3s ease;
    margin: 0px 0px;
}

gridli {
    background: #748ffc;
    box-sizing: border-box;
}
.ThumbnailPrefViewer {
    left: 250px;
    position: absolute;
    right: 0px;
    overflow: hidden;
    width:auto !important;
}
.thumbnailPref {
    width: 15rem !important;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0px;
}
.thumbnailPrefRight {
    width: 15rem !important;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right:0;
}
.ThumbnailPrefViewerRight {
    right: 250px;
    position: absolute;
    left: 0px;
    overflow: hidden;
    width: auto !important;
}
.thumbnailPrefPrior {
    margin: 0px !important;
    margin-top: 5px !important;
}
.liSpanAlign {
    grid-row: span 1;
    vertical-align: bottom;
    position: relative;
    height:auto !important;
}
 .liDivAlign {
          grid-row: span 5;
          word-break: break-all;
      }
.liImgAlign {
    grid-row: span 1;
    vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
}
.liAlign {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    font-size:12px;
}
/*slider preference*/
.slideropt {
    width: 50% !important;
    left: 25% !important;
}
.sliderSetHorizontal {
    height: 0.1em !important;
}