/*RESET PASSWORD PAGE*/

.middle-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*RESET PASSWORD PAGE*/

/*TOP BAR*/

.topbar .dropdown .dropdown-menu {
    width: auto;
}

/*END TOP BAR*/

/*SIDEBAR*/
.sidebar {
    height: 100vh;
}

.padding {
    padding-left: 6.5rem !important;
}

.audiobyte-logo img {
    width: 60px;
    filter: invert(1);
}

.bg-gradient-primary {
    background-color: #191919;
    background-image: linear-gradient(180deg, #191919 10%, #000 100%);
    background-size: cover;
}

.sidebar .nav-item:last-child {
    margin-bottom: 0;
}

/*END SIDEBAR*/

/*INPUT CHECKBOX*/

.checkbox-input {
    width: 100px;
    text-align: center;
}

.checkbox-input input {
    width: 15px;
    height: 15px;
}

/**/

/*WRAPPER*/
.login-showloginform #wrapper, .register-showregistrationform #wrapper, .setpassword-index #wrapper, .forgotpassword-showlinkrequestform #wrapper, .resetpassword-showresetform #wrapper {
    padding-left: 0;
}

#wrapper {
    padding-left: 6.5rem;
}

/**/
.row {
    flex-wrap: nowrap;
}

.col-lg-6 {
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
    align-items: center;
}

.btn-small {
    font-size: 0.9rem;
}

.small {
    font-size: 90%;
}

div.dataTables_wrapper div.dataTables_filter label {
    text-align: right;
}

/*Product types*/
.adminproducttypes-create .jquery-modal .modal, .adminproducttypes-edit .jquery-modal .modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 9999;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
    height: auto;
    overflow: initial;
}

.adminproducttypes-create .blocker, .adminproducttypes-edit .blocker {
    z-index: 9999;
}

.adminproducttypes-create .navbar .modal, .adminproducttypes-edit .navbar .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    max-width: initial;
    background-color: initial;
}

.info-b2b-string-label {
    display: inline-block;
}

.info-b2b-string {
    margin-left: 5px;
}

/**/

/*Edit product*/

.select2-container--default .select2-selection--single {
    height: calc(1.5em + .75rem + 2px);
    position: relative;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6e707e;
}

.select2-results__option {
    color: #6e707e;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 55px;
}

.select2-container--default .select2-selection--single .select2-selection__clear span {
    font-size: 25px;
}

/* Inputs */

input:focus {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
}

label {
    display: block;
}

.border-radius-10 {
    border-radius: 10rem;
}

.font-size-8 {
    font-size: .8rem;
}

.h-50px {
    height: 50px;
}

/*Downloads Page*/


#all-products .product-image img:nth-child(2) {
    margin-left: 25px;
}

.product {
    padding: 25px;
}

.product .product-box {
    display: flex;
    margin: 25px 0;
}

.product .product-box .product-image {
    margin-right: 25px;
}

.product .product-box .product-image img {
    width: 300px;
}

.product .product-box .product-description p {
    color: #333;
}

.product-downloads .jquery-modal .modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 9999;
    max-width: 700px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    height: auto;
    overflow: initial;
}

.product-downloads .blocker {
    z-index: 9999;
}

.product-downloads .navbar .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    max-width: initial;
    background-color: initial;
}

/*End Downloads Page*/

/*MANAGE USERS PRODUCTS*/

#manage-users-products_wrapper .col-md-6:nth-child(1) {
    display: flex;
}

#manage-users-products_wrapper .col-md-6 .dt-buttons {
    margin-left: 10px;
}

div.dt-buttons {
    width: auto !important;
}

@media screen and (min-width: 768px) {
    #wrapper {
        padding-left: 14rem;
    }
}

@media screen and (min-width: 2560px) {
    #content {
        min-height: 94vh;
    }

    .col-xl-10 {
        flex: 0 0 90%;
        max-width: 90%;
    }

    p {
        font-size: 1.2rem;
    }

    .h1, h1 {
        font-size: 3rem;
    }

    .h3, h3 {
        font-size: 2rem;
    }

    .h4, h4 {
        font-size: 1.8rem;
    }

    .h6, h6 {
        font-size: 1.2rem;
    }

    .form-control, .select2-selection__rendered, .select2-results__options li {
        font-size: 1.2rem;
    }

    .btn-small, .small {
        font-size: 1.1rem;
    }

    .audiobyte-logo img {
        width: 60px;
    }

    .sidebar .sidebar-brand {
        font-size: 1.2rem;
    }

    .sidebar .nav-item .nav-link span {
        font-size: 1.1rem;
    }

    .sidebar .nav-item .nav-link i {
        font-size: 1.1rem;
    }

    .sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item, .sidebar .nav-item .collapse .collapse-inner {
        font-size: 1rem;
    }

    .sidebar.toggled {
        width: 8rem !important;
    }

    .padding {
        padding-left: 8rem !important;
    }

    .sidebar.toggled .nav-item .nav-link {
        width: 8rem !important;
    }

    .sidebar.toggled .nav-item .nav-link span {
        font-size: 0.9rem;
    }

    #wrapper {
        padding-left: 16rem;
    }

    .sidebar {
        width: 16rem !important;
    }

    .sidebar .nav-item .nav-link {
        width: 16rem;
    }

    .page-title {
        font-size: 1.2rem;
    }

    .text-xs {
        font-size: 1rem;
    }

    th, td, label {
        font-size: 1.2rem;
    }

    .btn {
        font-size: 1.2rem;
    }

    .product .product-box .product-image img {
        width: 300px;
        height: auto;
    }

    footer.sticky-footer .copyright {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1300px) {
    .product .product-box {
        display: block;
    }

    .product .product-box .product-image {
        margin-right: 0;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1200px) {
    .checkbox-input {
        width: auto;
        text-align: initial;
    }
}

@media screen and (max-width: 991px) {
    .photo-form {
        display: none !important;
    }

    .middle-item {
        position: initial;
        transform: none;
    }
}

@media screen and (max-width: 768px) {
    #manage-users-products_wrapper .col-md-6:nth-child(1) {
        flex-wrap: wrap;
    }

    #wrapper {
        padding-left: 0;
    }

    .product .text-danger {
        text-align: center;
    }

    .product-name h1 {
        font-size: 2.2rem;
    }

    .row {
        flex-wrap: wrap;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        text-align: left;
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
        padding-left: 0;
    }

    #all-products .product-image img:nth-child(2) {
        margin-top: 15px;
        margin-left: auto;
    }
}

@media screen and (max-width: 550px) {

    .page-title, .small, .btn, h6, th, td, .form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-results > .select2-results__options,
    .form-control-file {
        font-size: 0.9rem !important;
    }

    .p-5 {
        padding: 2rem !important;
    }

    .h3 {
        font-size: 1.5rem;
    }

    h5 {
        font-size: 1.1rem;
    }

    .modal-body {
        font-size: 1rem;
    }

    .product-name h1, .product-name h5 {
        text-align: center;
    }

    .product .product-box .product-image img {
        height: auto;
        width: 80%;
        display: block;
        margin: auto;
    }

    .product .product-box .product-description p {
        text-align: justify;
    }

    .tox-tinymce {
        height: 60vh !important;
    }

}

@media screen and (max-width: 480px) {
    #manage-users-products_wrapper .col-md-6 .dt-buttons {
        margin-left: 0;
    }

    .page-title {
        display: none;
    }
}