/* Font Family */

h1,
h2,
h3,
h4,
h4,
h6,
p,
a,
button,
label,
input,
td,
th,
li {
    font-family: 'Poppins', sans-serif;
}



/* General Links */
a:hover {
    text-decoration: none;
}

/*
 * login, forget password, reset password page CSS
 * -----------------------------------------------
 */
.login-page {
    background: #F5ECE7;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.login-page .bg-1 {
    position: absolute;
    top: 0;
    left: 0;
}

.login-page .bg-2 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.login-box-body {
    box-shadow: 0px 1px 4px 0px #00000040;
    background-color: #fcfcfc;
    border-radius: 8px;
    padding: 30px;
}

.login-box-msg {
    text-align: left;
    padding-left: 0px !important;
    color: #090909;
}

.login-logo {
    text-align: center;
    margin-bottom: 10px;
}

.login-box-body label {
    color: #09090980;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.login-logo img {
    width: 230px;
    height: 70px;
}

.login-page .has-feedback .form-control {
    border-radius: 7px;
    border: 1px solid #09090980;
}

.login-page .btn {
    background-color: #F88342;
    border-color: #F88342;
    border-radius: 7px !important;
    margin-bottom: 20px;
    color: #FCFCFC;
    font-size: 18px;
}

.login-page .btn:hover {
    background-color: #F88342;
    border-color: #F88342;
    border-radius: 7px !important;
}

.login-page a {
    color: #F88342;
    text-align: center;
}

.login-page a:hover {
    color: #F88342;
    text-align: center;
}

.login-box {
    width: 450px;
}

.login-box {
    margin: 0 auto;
    padding: 7% 0px;
}

.login-page h4 {
    color: #090909;
    margin-top: 30px;
    font-size: 20px;
}

/*
 * login As page CSS
 * -----------------------------------------------
 */
.white-area-new {
    padding: 6.3% 12%;
}

.white-area-new h2.main-heading {
    font-size: 44px;
    font-weight: 700;
    line-height: 105px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF823C;
    margin-bottom: 50px;
}

.white-area-new .card-area {
    background-color: #E0AC8F;
    box-shadow: 0px 6px 6px 0px #00000040;
    padding: 120px 30px;
    border-radius: 15px;
    text-align: center;
    opacity: 0.5;
}

.white-area-new .card-area a {
    color: #000000;
    font-weight: 500;
    font-size: 22px;
}

.white-area-new .card-area:hover {
    background-color: #E0AC8F;
    box-shadow: 0px 6px 6px 0px #00000040;
    padding: 120px 30px;
    border-radius: 15px;
    text-align: center;
    opacity: 1;
    cursor: pointer;
}

/*
 * Component: Main Header (Sidebar)
 * ----------------------
 */

.skin-blue .sidebar a {
    color: #000;
    background: #FCECE5;
}

.sidebar-menu li a span {
    position: relative;
    top: 6px;
}

.main-sidebar {
    background: #F4E2D9 !important;
    top: 0px;
    width: 131px;
    margin-top: 99px;
    border-radius: 15px;
    padding-top: 0px;
}

.nav-2 {
    float: right;
}

.main-header,
.skin-blue .main-header .logo {
    text-align: center;
    background-color: #2A2A2A !important;
    padding: 12px 0px;
}

.main-header .navbar-custom-menu {
    float: unset;
}

.skin-blue .main-header .navbar {
    background: #FFF !important;
    padding: 12px 0px;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0px;
}

.skin-blue .sidebar-menu>li.active {
    border-left: 0px solid #F88342;
}

.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #F88342 !important;
    border-radius: 0px;
    background: #F88342;
    color: #000;

}

.sidebar-menu>li {
    padding-right: 12px;
    text-align: center;
}

.skin-blue .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    margin-left: 12px;
}

.sidebar-menu-new li.active>a {
    border-left-color: transparent !important;
    border-radius: 4px;
    background: #F88342;
    padding: 11px 11px;
    width: 171px !important;
    display: inherit;
    color: #000;
}

.skin-blue .sidebar-menu>li>a:hover {
    border-left-color: transparent !important;
    border-radius: 0px !important;
    background: var(--Primary-B, #F88342) !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li a img {
    width: 24px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li {
    padding-right: 0px;
}

.sidebar-menu-new {
    list-style-type: none !important;
    position: fixed;
    bottom: 0px;
    left: -8px;
}

.sidebar-menu-new li {
    font-size: 16px;
    margin-top: 20px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu {
    padding: 0px !important;
    margin: 0px;
    border-radius: 0px;
}

.sidebar-menu>li>a {
    padding: 12px 8px;
}

.sidebar-mini.sidebar-collapse span.logo-lg img {
    width: 50px;
    margin-bottom: 30px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu-new span {
    display: none;
}

.sidebar-mini.sidebar-collapse .sidebar-menu-new {
    padding: 10px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
    margin-right: 0;
    margin-left: 0px;
}

.sidebar-minic .sidebar-menu>li.active {
    position: relative;
    margin-left: 0px;
}

.sidebar-mini.sidebar-collapse .logo-div {
    text-align: center;
}

.sidebar-collapse .sidebar-menu-new li {
    font-size: 16px;
    margin-top: 20px;
    margin-left: 16px;
}

/*
 * Component: Main Header (Navbar)
 * ----------------------
 */

.skin-blue .main-header .navbar {
    background-color: #2A2A2A !important;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #fff !important;
    background-color: #fff;
}

.skin-blue .main-header .navbar input[type=text] {

    padding: 6px;
    margin-top: 8px;
    margin-right: 16px;
    border: none;
    font-size: 17px;
}

.skin-blue .main-header .navbar .search-container button {
    float: right;
    padding: 6px 10px;
    margin-top: 8px;
    margin-right: 16px;
    background: transparent;
    font-size: 17px;
    border: none;
    cursor: pointer;
    color: #fff;
}

.skin-blue .main-header .navbar .search-container button:hover {
    background: transparent;
}

/*
 * Wrapper - contains Whole  Content
 */
.skin-blue .wrapper {
    background-color: #F4BCA1;
    overflow-y: hidden;
}


/*
 * Content Wrapper - contains the main content
 */

.content-wrapper {
    background-color: #F4E2D9D4 !important;
    margin-left: 131px;
}

/*
 * Component: Content
 * --------------------
 */
.content {
    padding: 20px 5px !important;
    margin-top:50px ;
}

.skin-blue .content-header {
    background: #F4BCA1;
    box-shadow: 0px 1px 4px 0px #00000040;
    padding: 20px 10px;
}

.skin-blue .content-header h1 small {
    color: #090909;
    font-size: 18px;
    margin-left: 20px;
    font-weight: 400;
}

.skin-blue .content-header li {
    background: #FCECE5;
    padding: 10px;
    color: #090909;
    position: relative;
    top: -10px;
    margin: 0px 12px;
    font-size: 16px;
    font-weight: 500;
}

.content-header>.breadcrumb>li+li::before {
    content: none;
}

.skin-blue .content-header li a {
    color: #090909;
    font-size: 16px;
    font-weight: 500;
}

.skin-blue .content-header-2 {
    position: relative;
    padding: 20px 0px;
}

.skin-blue .content-header-2 h1 span {
    color: #090909;
    font-size: 24px;
    font-weight: 500;
    background-color: #F4BCA1;
    padding: 20px 70px;
}

.content-header-2 .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}



#config-demo {
    margin-top: 11px;
    background-color: #F88342;
    color: #fff;
}

.content-header-2 #reportrange {
    background-color: #F88342 !important;
    color: #fff;
    border: 0px !important;
    position: relative;
    top: 20px;
}

.daterangepicker .ranges li.active {
    background-color: #F88342 !important;
    color: #fff;
    border: 0px;
}

.daterangepicker .ranges li:hover {
    background-color: #F88342 !important;
    color: #fff;
    border: 0px;
}

.daterangepicker .ranges li {
    background-color: #f8824250;
    color: #F88342;
}

.daterangepicker .drp-buttons .btn {
    border-color: #F88342;
}

/*
 * Component: Card (Dashboard)
 * --------------------
 */
.box.box-primary {
    border-radius: 0px;
    border: 0px;
}

#dashboard-page .box-header .box-title {
    text-align: left !important;
    font-size: 23px;
}

#dashboard-page select.input-sm {
    height: 30px;
    line-height: 30px;
    background: #F88342;
    border: 0px;
    color: #fff;
}

.box-header.with-border {
    border-bottom: 0px;
}

table#example1 thead>tr>th {
    border-bottom-width: 1px;
    background: #F5ECE7;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    border-color: #090909;
}

table#example1 td {
    border-bottom-width: 1px;
    background: #fff;
    vertical-align: middle;
    text-align: center;
    border-color: #090909;
}

.box-header .box-title {
    text-align: center !important;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.card {
    background: #FAFAFA;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}

.card img {
    background-color: #D9D9D9;
    border-radius: 4px;
    padding: 5px;
}

.card h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #F88342;
    margin-top: 20px;
}

.card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;

}

#modal-default .modal-dialog {
    width: 125px;
}

#modal-default .modal-dialog .modal-content {
    box-shadow: 0px 0px 4px 0px #00000040;
    background: #F9F9F9;
    border-radius: 8px;
    top: 200px;
    left: 450%;
}

#modal-default .modal-dialog .modal-content .modal-body a {
    color: #090909;

}

#dashboard-page td a {
    color: #000000;
}

#dashboard-page .btn-save-btn {
    background-color: #F88342;
    border-radius: 12px;
    padding: 10px 30px;
    margin-top: 30px;
    text-align: center;
    color: #fff;
}

/*
* Dashboard Analytics Page
*/
.calendar-class {
    margin-left: 100px;
}

.calendar-class input {
    outline: none;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #F88342 !important;
}

.daterangepicker td.in-range {
    background-color: #F8834245 !important;
}

.daterangepicker .drp-buttons .btn {
    background-color: #F88342;
}

/*
 * Dashboard Customization Page UI
 * --------------------
 */
#dashboard-customization-page {
    padding: 30px 60px !important;
}

#dashboard-customization-page h3 {
    color: #090909;
    font-size: 20px;
}

#dashboard-customization-page .switch {
    margin-top: 11px;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
    top: 0;
}

#dashboard-customization-page .slider::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: -3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#dashboard-customization-page .btn-save-btn {
    background-color: #F88342;
    border-radius: 12px;
    padding: 10px 30px;
    margin-top: 30px;
    text-align: center;
    float: right;
    color: #fff;
}

#dashboard-customization-page p {
    color: #090909;
    font-size: 16px;
    margin-top: 10px;
}

/*
 * Component: Modal
 * --------------------
 */
.modal h5 {
    color: var(--gray-900, #101828);
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.modal p {
    color: var(--gray-600, #475467);
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
}

.modal-body {
    padding: 20px;
}

.modal-footer {
    border: 0px !important;
    text-align: center;
}

.modal-footer .btn-secondary {
    border-radius: 8px;
    border: 1px solid var(--gray-300, #D0D5DD);
    background: var(--base-white, #FFF);

    /* Shadow / xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.modal-footer .btn-primary {
    border-radius: 8px;
    border: 1px solid var(--error-600, #D92D20);
    background: var(--error-600, #D92D20);

    /* Shadow / xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

#exampleModalLong #exampleModalLongTitle {
    font-family: 'Urbanist', sans-serif;
}

#exampleModalLong .modal-header .close {
    margin-top: -24px;
    opacity: 1;
    font-family: 'Urbanist', sans-serif;
}

#exampleModalLong .modal-header {
    border-bottom: 0px;
}

#exampleModalLong .modal-body {
    padding: 30px;
}

#exampleModalLong .modal-body .profile-img {
    padding: 20px;
    text-align: center;
}

#exampleModalLong .profile-img a {
    position: absolute;
    left: 56%;
    top: 90px;
    background-color: #fff;
    border-radius: 50%;
}

#exampleModalLong .has-feedback .form-control {
    border-radius: 10px;
}

#exampleModalLong .btn {
    background-color: #5A1F62;
    border-color: #5A1F62;
    border-radius: 10px;
}

.modal-dialog .modala-content {
    border-radius: 10px !important;
}

/* 
* Story Page CSS
* --------------------
*/

#story-page td a {
    color: #090909;
}

#story-page th {
    background-color: #2A2A2A !important;
    color: #fff;
    font-size: 14px !important;
    border-color: #090909;
    font-weight: 400;
    text-align: center;
}

#story-page td {
    border-bottom-width: 1px;
    background: #fff;
    vertical-align: middle;
    text-align: center;
    border-color: #090909;
}

#story-page-header a.btn-publish {
    background-color: #F88342;
    color: #Fff;
    border-radius: 5px;
    padding: 8px 40px;
    float: left;
    border: 0px;
    font-weight: 500;
    position: relative;
    top: -10px;
}

#story-page-header a.btn-story {
    background-color: #FCFCFCB8;
    color: #090909;
    border-radius: 5px;
    padding: 8px 40px;
    float: left;
    border: 0px;
    font-weight: 500;
    position: relative;
    top: -10px;
}

.skin-blue .content-header#story-page-header li {
    background: none;
    padding: 0px;
    color: #090909;
    position: relative;
    top: 0px;
    margin: 0px 12px;
}

#select-1 {
    background-color: #FCFCFC;
    color: #000;
    border: 0px;
    border-radius: 0px;
    padding: 10px;
    width: 150px;
    margin-bottom: 10px;
}


#story-page .dropdown button {
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    width: unset !important;
    border: 0px;
    margin-top: 0px;
    text-align: unset;
    vertical-align: middle;
    position: relative;
    top: 5px;
}

#story-page .dropdown .caret {
    border: 0px;
}

#story-page .dropdown .caret img {
    position: relative;
    top: -10px;
    right: -53px;
}


#story-page .section-3 .edit-review-btn {
    background-color: #F88342;
    color: #fff;
    border-radius: 7px;
    padding: 8px 20px;
    float: right;
}

#story-page .section-3 .edit-review-btn:hover {
    background-color: #F88342;
    color: #fff;
    border-radius: 7px;
    padding: 8px 20px;
}


#story-page #dropdownMenu-2 {
    background: #FCFCFC;
    border-radius: 8px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0px !important;
}

#story-page #dropdownMenu-2 li.top-area {
    background-color: #F88342;
    padding: 20px 10px !important;
    color: #fff;
    text-align: center;

    border-radius: 8px 8px 0px 0px !important;
}

#story-page #dropdownMenu-2 li.middle-area {
    padding: 5px 10px 0px 10px !important;
    font-size: 12px;
    color: #090909;
}

#story-page #dropdownMenu-2 li.middle-area span {
    float: right;
    margin-left: 10px;
    color: #090909;
}

#dropdownMenu-2 li.middle-area {
    text-align: center !important;
    cursor: pointer;
}

#story-page #dropdownMenu-2 li.center {
    padding: 5px 10px 0px 10px !important;
    font-size: 12px;
    text-align: center;
    color: #090909;
}

#story-page #dropdownMenu-2 li.center a {
    font-size: 12px;
    text-align: center;
    color: #090909;
    padding: 0px;
    margin-bottom: 10px;
}

#story-page #dropdownMenu-2 li.center a:hover {
    background-color: transparent;
}

/*
* News Link Page CSS
*------------------------
*/
#add-ads-page form#ads-form label {
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    font-size: 16px;
    color: #090909;
}

#add-ads-page form#ads-form .form-control {
    border-radius: 8px;
    border: 0px;
    background-color: #fcfcfc;
    resize: none;
}

#add-ads-page .box-footer {
    background-color: transparent;
    border: 0px;
    text-align: center;
}

#add-ads-page .box-footer .btn-default {
    background-color: #F88342;
    border-radius: 3px;
    color: #fcfcfc;
    padding: 12px 30px;
    border: 50%;
    margin-right: 20px;
    border-radius: 39px;
}

.btn-add-tags,
.btn-add-tags:hover {
    background-color: #F88342;
    border-radius: 3px;
    color: #fcfcfc;
    padding: 16px 40px;
    border: 50%;
    margin-right: 20px;
    border-radius: 39px;
}

#add-ads-page .box-footer .btn-info {
    background-color: #F88342;
    border-radius: 3px;
    color: #fcfcfc;
    padding: 8px 30px;
    border: 0px;
}

/*
* Tag Page CSS
*-------------------
*/
.nav-tab-section {
    padding: 30px;
}

.nav-pills {
    background: #F88342;
    border-radius: 10px;
}

.nav-pills>li {
    width: 23%;
    text-align: center;
    margin: 8px;
}

.nav-pills li.active {

    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li>a {
    color: #fff;
    border-top: 0px solid transparent !important;
}

.nav-pills>li.active>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li:hover>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:hover>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:focus>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:focus-within>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:focus-visible>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:visited>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.tab-content {
    margin-top: 30px;
}

#tag-page {
    padding: 30px !important;
}

#tag-page form label {
    margin-bottom: 10px;
}

#tag-page .btn-submit {
    background-color: #F88342;
    color: #fff;
    border-radius: 10px;
    padding: 10px 30px;
    border: 0px;
}

.nav-tab-section .modal-body {
    padding: 20px;
}

.nav-tab-section #exampleModal h3 {
    color: #000000;
    text-align: center !important;
}

.nav-tab-section .modal-footer {
    border: 0px !important;
    text-align: center;
}

.nav-tab-section #exampleModal .btn-yes {
    background-color: transparent;
    color: #000;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #000000;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

.nav-tab-section #exampleModal .btn-no {
    background-color: #F88342;
    color: #fff;
    padding: 10px 24px;
    font-size: 16px;
    border: 1px solid #F88342;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

#tag-form label {
    display: block;
    margin-top: 20px;
}

#tag-form .form-control {
    display: block;
    width: 100%;
    border-radius: 8px;
}

.modal-body button.close {
    position: absolute;
    right: 23px;
    top: 38px;
}

.modal-body button.close span {
    font-size: 24px !important;
}

#exampleModalEdit .btn-yes {
    background-color: transparent;
    color: #000;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #000000;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

#exampleModalEdit .btn-no {
    background-color: #F88342;

    color: #fff;

    padding: 10px 24px;

    font-size: 16px;

    border: 1px solid #F88342;

    border-radius: 20px;

    font-weight: 500;

    margin-top: 10px;

    text-align: center;

}

/*
 * Review Page CSS
 * --------------------
*/
.content-header-3 {
    padding-left: 20px;
}

.content-header-3 .search-container input {
    background-color: #FCFCFC;
    border-radius: 5px;
    padding: 10px;
    border: 0px;
    background-image: url('../img/search.png');
    background-position: 251px;
    background-repeat: no-repeat;
}

.content-header-3 .search-container button {
    background-color: #F88342;
    border-radius: 5px;
    padding: 10px;
    border: 0px;
    color: #fff;
}

#review-page td a {
    color: #090909;
}

#review-page th {
    background-color: #090909 !important;
    color: #fff;
    font-size: 16px !important;
}

button.btn-publish {
    background-color: #F88342;
    color: #Fff;
    border-radius: 5px;
    padding: 12px 40px;
    float: left;
    border: 0px;
    text-transform: uppercase;
    font-weight: 500;
}

button.btn-notappove {
    background-color: #F88342;
    color: #Fff;
    border-radius: 5px;
    padding: 12px 40px;
    float: right;
    border: 0px;
    text-transform: uppercase;
    font-weight: 500;
}

#select-1 {
    background-color: #FCFCFC;
    color: #000;
    border: 0px;
    border-radius: 0px;
    padding: 10px;
    width: 150px;
    margin-bottom: 10px;
}

.add-tag-btn {
    background-color: #F88342;
    padding: 6px 40px;
    color: #fff;
    font-size: 14px;
    width: 150px !important;
}

.add-tag-btn:hover {
    background-color: #F88342;
    padding: 6px 40px;
    color: #fff;
    font-size: 14px;
    width: 150px !important;
}

#review-page .dropdown button {
    background-color: #fff;
    color: #F88342;
    font-size: 14px;
    width: 200px !important;
    border: 0px;
    margin-top: 50px;
    text-align: left;
}

#review-page .dropdown .caret {
    border: 0px;
}

#review-page .dropdown .caret img {
    position: relative;
    top: -10px;
    right: -53px;
}

#review-page .section-2 .card-1 {
    background-color: #FCFCFC;
    border-radius: 58px;
}

#review-page .section-2 .card-1 img {
    width: 100%;
    height: 200px;

}

#review-page .section-2 .card-1 h4 {
    color: #090909;
    padding: 10px 20px;
}

#review-page .section-2 .card-1 p {
    color: #090909;
    padding: 10px 20px;
}

#review-page .section-2 .card-1 .card-footer {
    background-color: #F88342;
    border-radius: 0px 0px 58px 58px;
}

#review-page .section-2 .card-1 .card-footer p {
    color: #FCFCFC;
    padding-bottom: 20px;
}

#review-page .section-3 .edit-review-btn {
    background-color: #F88342;
    color: #fff;
    border-radius: 7px;
    padding: 8px 20px;
    float: right;
}

#review-page .section-3 .edit-review-btn:hover {
    background-color: #F88342;
    color: #fff;
    border-radius: 7px;
    padding: 8px 20px;
}

#review-page .section-3 .card-2 {
    background-color: #FCFCFC;
    margin-top: 100px;
    padding: 20px;
}

#review-page .section-3 .card-2 h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

#review-page .section-3 .card-2 p {
    width: 60%;
}

#review-page .section-3 .card-2 p span {
    border: 1px solid #090909;
    color: #0909098F;
    padding: 10px;
    display: block;
}

#review-page #exampleModal h3 {
    color: #000000;
    text-align: center !important;
}

#review-page #exampleModal .btn-yes {
    background-color: transparent;
    color: #000;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #000000;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

#review-page #exampleModal .btn-no {
    background-color: #F88342;
    color: #fff;
    padding: 10px 24px;
    font-size: 16px;
    border: 1px solid #F88342;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

#review-page #Modal2 .btn-submit {
    background-color: #F88342;
    color: #fff;
    padding: 10px 24px;
    font-size: 16px;
    border: 1px solid #F88342;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 0px;
    text-align: center;
}

#review-page #Modal2 h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 30px;
}

#review-page #Modal2 h3 span {
    color: #fff;
    background-color: #F88342;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
    border-radius: 2px;
    padding: 8px 20px;
}

#review-page #dropdownMenu-2 {
    background: #FCFCFC;
    border-radius: 8px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0px !important;
}

#review-page #dropdownMenu-2 li.top-area {
    background-color: #F88342;
    padding: 20px 10px !important;
    color: #fff;
    text-align: center;

    border-radius: 8px 8px 0px 0px !important;
}

#review-page #dropdownMenu-2 li.middle-area {
    padding: 5px 10px 0px 10px !important;
    font-size: 12px;
    color: #090909;
}

#review-page #dropdownMenu-2 li.middle-area span {
    float: right;
    margin-left: 10px;
    color: #090909;
}

#review-page #dropdownMenu-2 li.center {
    padding: 5px 10px 0px 10px !important;
    font-size: 12px;
    text-align: center;
    color: #090909;
}

#review-page #dropdownMenu-2 li.center a {
    font-size: 12px;
    text-align: center;
    color: #090909;
    padding: 0px;
    margin-bottom: 10px;
}

#review-page #dropdownMenu-2 li.center a:hover {
    background-color: transparent;
}

/*
* Review tags page CSS
*/
#review-tag-page .col-area-1 {
    margin-top: 30px;
}

#review-tag-page .col-area-1 p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

#review-tag-page .col-area-1 p span {
    background-color: #F88342;
    padding: 10px 30px;
    border-radius: 5px;
}

#review-tag-page .col-area-1 .inner-box {
    border: 1px solid #090909;
    background-color: transparent;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
}

#review-tag-page .col-area-1 .inner-box .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #090909;
    font-weight: 400;
}

/* Hide the browser's default checkbox */
#review-tag-page .col-area-1 .inner-box .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#review-tag-page .col-area-1 .inner-box .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 10px;
    width: 10px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
#review-tag-page .col-area-1 .inner-box .container:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#review-tag-page .col-area-1 .inner-box .container input:checked~.checkmark {
    background-color: #F88342;
}

/* Create the checkmark/indicator (hidden when not checked) */
#review-tag-page .col-area-1 .inner-box .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#review-tag-page .col-area-1 .inner-box .container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#review-tag-page .col-area-1 .inner-box .container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: 0px;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#review-tag-page .btn-more-tag {
    background-color: #FCFCFC;
    color: #D9D9D9;
    padding: 10px 20px;
    border: 0px;
    border-radius: 8px;
    font-weight: 500;
    display: block;
    width: 100%;
    font-size: 18px;
}

#review-tag-page .btn-add-tag {
    background-color: #F88342;
    color: #FCFCFC;
    padding: 10px 20px;
    font-size: 18px;
    border: 0px;
    width: 100%;
    border-radius: 8px;
    font-weight: 500;
    margin-top: 20px;
    display: block;
}

#review-tag-page .btn-submit {
    background-color: #F88342;
    color: #FCFCFC;
    padding: 10px 20px;
    font-size: 18px;
    border: 0px;
    border-radius: 8px;
    font-weight: 500;
    margin-top: 30px;
    text-align: center;
}

/*
* Live Story Page CSS
* -------------------------------
*/
.content-header-4 {
    padding: 10px 20px;
}

.content-header-4 .search-container input {
    background-color: #FCFCFC;
    border-radius: 5px;
    padding: 10px;
    border: 0px;
    background-image: url('../img/search.png');
    background-position: 170px;
    background-repeat: no-repeat;
    width: 100%;
}

.content-header-4 .filter-container select {
    background-color: #FCFCFC;
    border-radius: 5px;
    padding: 12px 10px;
    border: 0px;
    width: 100%;
}

.content-header-4 .btn-submit {
    margin-top: 30px;
    background-color: #F88342;
    padding: 8px 30px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    border: 0px;
}

.content-header-4 .btn-reset {
    margin-top: 30px;
    background-color: #F88342;
    padding: 8px 30px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    border: 0px;
    margin-left: 40px;
}

table#live-story-table {
    border-top: 1px solid #090909 !important;
}

table#live-story-table thead>tr>th {
    border-bottom-width: 1px;
    background: transparent !important;
    background-color: transparent !important;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    border-color: #090909;
    color: #090909;
}

table#live-story-table td {
    border-bottom-width: 1px;
    background: #F4E2D9D4 !important;
    background-color: #F4E2D9D4 !important;
    vertical-align: middle;
    text-align: center;
    border-color: #090909;
}

table#live-story-table>tbody>tr:nth-of-type(2n+1) {
    background: #F4E2D9D4 !important;
    background-color: #F4E2D9D4 !important;
}

/*
* Ads Page CSS
*--------------------
*/
.add-ads-btn {
    background-color: #FCECE5;
    color: #090909;
    border-radius: 5px;
    position: relative;
    top: 0px;
    margin: 0px 12px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 30px;
    margin-left: 60px;
}

.add-ads-btn:hover {
    background-color: #FCECE5;
    color: #090909;
    border-radius: 5px;
    position: relative;
    top: 0px;
    margin: 0px 12px;
    margin-left: 12px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 30px;
    margin-left: 60px;
}

.add-ads-btn img {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

table#example1 #add-table td {
    border-bottom-width: 1px;
    background: #fff;
    vertical-align: middle;
    text-align: center;
    border-color: #090909;
    background: #F4E2D9D4;
}

#review-page th .dropdown button {
    background-color: transparent;
    color: unset;
    font-size: 14px;
    width: unset;
    border: 0px;
    margin-top: 0px;
}

#review-page th .dropdown .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

#add-ads-page form#ads-form label {
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
}

#add-ads-page form#ads-form .form-control {
    border-radius: 8px;
}


#add-ads-page .box-footer .btn-info {
    background-color: #F88342;
    border-radius: 3px;
    color: #fcfcfc;
    padding: 8px 30px;
    border: 0px;
}

.box-footer#edit-ads {
    background-color: transparent;
    border: 0px;
    text-align: unset;
    margin-top: 40px;
}

.box-footer#edit-ads .btn-inactive-ads {
    background-color: #F88342;
    border-radius: 68px;
    color: #fcfcfc;
    padding: 12px 40px;
    border: 0px;

}

.tb-img-view {
    width: 100%;
    display: flex;
    justify-content: center;
}

.tb-container {
    width: 100%;
    margin: 0px;
    position: relative;
    margin-top: 0px;
}

.tb-container img {
    width: 200px;
    height: auto;
    display: none;
    margin-bottom: 30px;
}

.tb-container input {
    display: none;
}

.tb-container label img {
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 20px;
    margin-bottom: 0px;
}

.tb-container label {
    width: 212px;
    height: 45px;
    background: #F4BCA1;
    font-size: 15px;
    text-transform: capitalize;
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #FCFCFC;
}

/*
 * Cancle button CSS  (in modal)
 * -----------------------------------------
 */
a.cancle-btn {
    box-shadow: 0px 1px 2px 0px #1018280D;
    border: 1px solid #D0D5DD;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    padding: 8px 30px;
    border-radius: 10px;
    color: #344054;
}

/*
 * Delete button CSS (in modal)
 * -----------------------------------------
 */
a.dlt-btn {
    box-shadow: 0px 1px 2px 0px #1018280D;
    border: 1px solid #D92D20;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    padding: 8px 30px;
    border-radius: 10px;
    background-color: #D92D20;
    color: #fff;
    margin-left: 20px;
}

/*
 * Component: search Box (for all Tables)
 * --------------------
 */
#myInput {
    background-position: 8px 7px;
    background-repeat: no-repeat;
    background-image: url('/static/dist/img/search.png');
    width: 40%;
    font-size: 16px;
    padding: 5px 6px 5px 38px;
    border-radius: 6px;
    outline: 1px solid #F88342;
    margin-bottom: 12px;
    margin-left: 5px;
}

/*
 * Component: refresh button (for all Tables)
 * --------------------
 */
.refresh-btn {
    color: #5A1F62;
    position: relative;
    top: 10px;
}

/*
 * Component: Toggle Switch (for all Tables)
 * --------------------
 */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 14px;
    top: 5px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: -2px;
    bottom: -1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #F88342;
}

input:focus+.slider {
    box-shadow: 0 0 1px #F88342;
}

input:checked+.slider:before {
    background-color: #fff;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*
 * Component: Table
 * ----------------
 */
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: 1px solid #f4f4f4;
    padding: 12px;
}

td {
    vertical-align: middle;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #FAF5F2 !important;
    border-radius: 5px;
}

table td.user-detail img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

table td {
    font-size: 14px;
    color: #292725;
    font-weight: 400;
}

/*
* Messages Page CSS
*--------------------------
*/
.content-header-message {
    margin: 10px;
}

.content-header-message .search-container input {
    background-color: #FCFCFC;
    border-radius: 5px;
    padding: 10px;
    border: 0px;
    background-image: url('../img/search.png');
    background-position: 251px;
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
}

.content-header-message .btn-submit {
    background-color: #F88342;
    border-radius: 6px;
    border: 0px;
    position: relative;
    top: 12px;
    color: #fff;
    padding: 8px 30px;
}

#message-page .mailbox-controls {
    padding: 15px 80px 15px 20px;
    background: #E0DFDF;
}

#message-page .mailbox-controls span {
    color: #090909;
    font-size: 20px;
    font-weight: 500;
}

#message-page .mailbox-controls .pull-right {
    color: #090909;
    font-size: 18px;
    font-weight: 500;
}

#message-page table tr {
    border: 1px solid #09090980;
    padding-top: 10px;
    background-color: #F4E2D9D4 !important;
}

#message-page table tr td {
    border: 0px;
    vertical-align: middle;
}

#message-page table tr td.col-1 {
    width: 10px;
}

#message-page table tr td.mailbox-name span {
    color: #09090980;

}

#message-page table tr td.mailbox-date {
    text-align: center;
}

#message-page table tr td.mailbox-date span {
    color: #09090980;
    margin-left: 40px;
}

#message-page #message-page #message-page

/*
 * Component: Button (Submit Button)
 * ----------------
 */
#Recipients-page #myInput {
    width: 100%;
}

img.banner-image {
    width: 121px;
    height: 52px;
    border-radius: 6px;
}

#sponsorship-table td {
    vertical-align: middle;
}


/*
 * Component: Box area (Settings Page)
 * ----------------
 */

.box-area-1 {
    border: 1px solid #BDBDBD;
    padding: 20px;
    border-radius: 10px;
    margin: 20px;
}

/*
 * Component: Box
 * ----------------
 */
.box {
    border-top: 0px;
    border-radius: 10px;
    padding: 10px;
}

.box h4 {
    font-family: 'Urbanist', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #0D0C22;
}

.box span {
    font-family: 'Urbanist', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #3D3D4E;

}

/*
* Settings Page CSS
*----------------------------------
*/


.content-section {
    display: flex;
    justify-content: space-between;
    align-items: unset;
}

.content-section .list {
    display: flex;
    flex-direction: column;
    position: relative;
    width: unset;
    margin-right: 50px;
    margin-left: 10px;
}

.content-section .list label {
    cursor: pointer;
    height: 44px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding-left: 0px;
    transition: all 0.5s ease;
    z-index: 10;
}

#home:checked~.list label.home,
#blog:checked~.list label.blog,
#help:checked~.list label.help,
#code:checked~.list label.code,
#about:checked~.list label.about {
    color: #22272C;
}

.content-section .slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%;
    border-radius: 0px;
    transition: all 0.5s ease;
    background: transparent;
    border-bottom: 3px solid #F88342;
}

.content-section .slider::before {
    background-color: transparent;
}

#home:checked~.list .slider {
    top: 0;
}

#blog:checked~.list .slider {
    top: 40px;
}

#help:checked~.list .slider {
    top: 190px;
}

#code:checked~.list .slider {
    top: 90px;
}

.content-section .text-content {
    width: 80%;
    height: 100%;
    color: #000;
    margin-top: 10px;
}

.content-section .text {
    display: none;
}

.content-section .text .title {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.content-section .text p {
    text-align: justify;
    color: #09090980;

}

.content-section .text-content a.edit-btn {
    border: 1px solid #090909;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: transparent;
    color: #090909;
}

.content-section .text-content a.edit-btn:hover {
    border: 1px solid #090909;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: transparent;
    color: #090909;
}

.content-section .text-content a.save-btn {
    border: 1px solid #F88342;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: #F88342;
    color: #fff;
    margin-left: 10px;
}

.content-section .text-content a.save-btn:hover {
    border: 1px solid #F88342;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: #F88342;
    color: #fff;
    margin-left: 10px;
}

.content-section .text-content a.add-member-btn {
    border: 1px solid #F88342;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: #F88342;
    color: #fff;
    margin-left: 10px;
}

.content-section .text-content a.add-member-btn img {
    position: relative;
    top: -2px;
    margin-left: 10px;
}

.content-section .text-content a.add-member-btn:hover {
    border: 1px solid #F88342;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: #F88342;
    color: #fff;
    margin-left: 10px;
}

.content-section .text-content .home {
    display: block;
}

#home:checked~.text-content .home,
#blog:checked~.text-content .blog,
#help:checked~.text-content .help,
#code:checked~.text-content .code,
#about:checked~.text-content .about {
    display: block;
}

#blog:checked~.text-content .home,
#help:checked~.text-content .home,
#code:checked~.text-content .home,
#about:checked~.text-content .home {
    display: none;
}

.content-section .list label:hover {
    color: #F88342;
}

#setting-page .content-section .box-class {
    box-shadow: 0px 1px 2px 0px #00000040;
    background-color: #fff;
    padding: 12px;
}

#setting-page .content-section .box-class .card {
    background: #FAF5F299;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 20px 0px;
    margin-bottom: 20px;
}

#setting-page .content-section .box-class .card .top {
    padding: 0px 20px;
}

#setting-page .content-section .box-class .card .strip-gray {
    height: 30px;
    background-color: #E3E3E3D9;
    margin-bottom: 10px;
}

#setting-page .content-section .box-class .card p {

    color: #090909;
    font-size: 12px;
}

#setting-page .content-section .box-class .card .right-side {
    margin-top: 10px;
}

#setting-page .content-section .box-class .card .right-side img {
    width: 86px;
    height: 86px;
    border-radius: 50%;
}

#setting-page .content-section .box-class .card .right-side h6 {
    color: #090909;
    font-size: 18px !important;
}

#setting-page #profile-detail-form input {
    display: block;
}

#setting-page #profile-detail-form h3 {
    margin-left: 17px;
    font-size: 18px;
}

#setting-page #profile-detail-form label {
    font-weight: 400;
    color: #09090980;
}

#setting-page {
    background-color: #FAF5F2 !important;
}

.profile-image-area {
    position: relative;
}

.profile-image-area img.profile-section-image {
    width: 182px;
    height: 182px;
    border-radius: 50%;
    border: 1px solid #F88342;
}

.profile-image-area .bg-1 {
    position: absolute;
    top: 150px;
    right: 30px;
}
.form-control:focus {
    border-color: #F88342;
    box-shadow: none;
  }
.sub-box-1 p span img{position: relative;
    top: -5px;}

.content-header-4 .btn-reset {
margin-top: 30px;
background-color: #F88342;
padding: 6px 16px;
color: #fff;
font-weight: 500;
border-radius: 3px;
border: 0px;
margin-left: 0px;
}

#dashboard-customization-page h3 {
    color: #090909;
    font-size:22px;
    font-weight: 600;
  }
.profile-image-area .bg-1 a {
    background-color: #B78830D9;
    padding: 20px;
    border-radius: 50%;
}

/* The container */
.container-area {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-area input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-area:hover input~.checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-area input:checked~.checkmark {
    background-color: #F88342
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-area input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-area .checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.box-section-2 {
    background: #F9F9F9;
    padding: 20px;
    border-radius: 5px;
}

/*
 * for styling h4 tag (Settings Page)
 * ----------------
 */
h4.name {
    font-family: 'Urbanist', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;

}

/*
 * Mobile View CSS
 * -----------------------------------------
 */
@media (max-width: 767px) {
    .card {
        margin-bottom: 20px;
    }

    #myInput {
        width: 100% !important;
        margin-bottom: 10px;
    }

    select.filters {
        width: 100%;
        margin-bottom: 10px;
    }

    #hospital #myInput {
        margin-top: 30px !important;
    }

    #hospital a.refresh-btn {
        position: absolute;
        top: -182px;
        right: 28px;
    }

    .bg-1 img.img-1 {
        width: 100%;
        height: 72.72px;
        position: relative;
        margin-bottom: 10px;
    }

    .document-main-image {
        width: 100%;
        height: 100%;
        border: 18px;
        margin-bottom: 20px;
    }

    .login-box {
        width: 100%;
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .img-doc {
        margin-bottom: 10px;
        width: 100% !important;
        height: 100% !important;
    }

    .document-main-image-1 {
        Width: 100% !important;
        Height: 100% !important;
    }

    .table {
        margin-bottom: 0;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .login-box {
        width: 100%;
        padding-top: 4%;
        padding-bottom: 4%;
    }
}
/*
* User Page CSS
*--------------
*/
#user-table{border: 0px;}
#user-table th {
    background-color: #E0DFDF !important;
    color: #090909;
    font-size: 16px !important;
    border: 0px;
}  
#user-table th .dropdown button {
    background-color: transparent;
  color: unset;
  font-size: 16px;
  width: unset !important;
  border: 0px;
  margin-top: 0px;
  font-weight: 600;
  position: relative;
  top: 5px;
  padding-left: 0px;
  }
  #user-table tbody tr{background-color: #FAF5F2 !important;}
  #user-table tbody td{border: 0px; vertical-align: middle;}
  #user-table tbody tr{border-top: 1px solid #09090980;}
/*
 * Tab View CSS
 * -----------------------------------------
 */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .card {
        margin-bottom: 20px;
    }

    .login-box {
        width: 100%;
        padding-top: 4%;
        padding-bottom: 4%;
        margin: 30% auto;
    }

    .table {
        margin-bottom: 0;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    #myInput {
        width: 100% !important;
        margin-bottom: 10px;
    }

    select.filters {
        width: 100%;
        margin-bottom: 10px;
    }

    #hospital #myInput {
        margin-top: 30px !important;
    }

    #hospital a.refresh-btn {
        position: absolute;
        top: -182px;
        right: 28px;
    }

    #modalRegistration {
        z-index: 9999;
    }

    .bg-1 img.img-1 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .document-main-image {
        width: 100%;
        height: 100%;
        border: 18px;
    }

    .img-doc {
        margin-bottom: 10px;
        width: 100% !important;
        height: 100% !important;
    }

    .document-main-image-1 {
        margin-bottom: 30px;
        width: 100% !important;
        height: 100% !important;
    }
}

.fa-eye-slash{
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 36px;
}
.fa-eye {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 36px;
}
#about:checked~.list .slider {
    top: 140px;
}

.tb-container label {
    width: 200px;
    height: 30px;
    background: #F88342;
    font-size: 15px;
    text-transform: capitalize;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #FCFCFC;
}
.box-footer#edit-ads .btn-inactive-ads {
    background-color: #F88342;
    border-radius: 68px;
    color: #fcfcfc;
    padding: 12px 40px;
    border: 0px;

}

.tb-img-view {
    width: 100%;
    display: flex;
    justify-content: center;
}

.tb-container {
    width: 100%;
    margin: 0px;
    position: relative;
    margin-top: 20px;
}

.tb-container img {
    width: 200px;
    height: auto;
    display: none;
    margin-bottom: 30px;
}

.tb-container input {
    display: none;
}

.tb-container label img {
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 20px;
    margin-bottom: 0px;
}

#add-ads-page .box-footer {
    background-color: transparent;
    border: 0px;
    text-align: right;
}
#add-ads-page .form-control{
    border-radius: 8px !important;
}

#add-ads-page .box-footer .btn-default {
    background-color: #F88342;
    border-radius: 3px;
    color: #fcfcfc;
    padding: 8px 30px;
    border: 0px;
    margin-right: 20px;
}
.skin-blue .main-header li.user-header {
    background-color: transparent;
  }
  .img-circle {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid #F88342;
  }
  .skin-blue .main-header li.user-header  h5{text-align: left; font-size: 20px; font-weight: 500;}
  .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: unset;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-body{
    border-top: 0px ;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-body .col-xs-12{
    font-size: 16px;
    padding-bottom: 10px;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a{
    font-size: 16px;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a.profile-btn{
background-color: #F88342;
padding: 8px 30px;
 border-radius: 8px;
 color: #fff !important;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: transparent;
    padding: 10px;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer a{
    font-size: 16px;
    color: #090909;
    cursor: pointer;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .col-xs-12{
    font-size: 16px;
    padding-bottom: 10px;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 8px;
    left: auto;
    border-radius: 20px;
    top: 50px;
  }
  #exampleModalIndex h3 {
    color: #000000;
    text-align: center !important;
  }

  #exampleModalIndex .btn-yes {
  background-color: transparent;

  color: #000;

  padding: 10px 20px;

  font-size: 16px;

  border: 1px solid #000000;

  border-radius: 20px;

  font-weight: 500;

  margin-top: 10px;

  text-align: center;

}
#exampleModalIndex .btn-no {
    background-color: #F88342;
    color: #fff;
    padding: 10px 24px;
    font-size: 16px;
    border: 1px solid #F88342;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
  }

.changePass {
  border: 1px solid #F88342;
  border-radius: 5px;
  padding: 10px 30px;
  background-color: #F88342;
  color: #fff;
  margin-left: 16px;
}

.content-section .list label span a {
    color: black;
}

.save-btn {
    border: 1px solid #F88342;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: #F88342;
    color: #fff;
    margin-left: 16px;
}

.view-image {
    margin-top: 7px;
}

#trending-dropdown li {
    text-align: center;
    cursor: pointer;
}


.upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
.upload__input {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
display: block !important;
}
.upload__btn{
border: 0px;
background-color: white;
padding: 20px;
background: #B78830D9;
border-radius: 50%;
}

.admin-user-box{
background-color: #F4E2D9;
padding: 10px 50px;
}
.label-left{
color: #000;
font-weight: 500;
}
.label-left a{
color: #000;
}
.box-background{
    background-color: #FFFAF8;
    padding: 50px 20px;
    margin-top: 0px;
  }
.box-background h3{
    margin-bottom: 30px;
  }
.badge-pill{
    background-color: #F2EAE5;
    color: #F88342;
    border-radius: 25px;
    border: 1px solid #F88342;
    padding: 10px;
    text-align: center !important;
  }
#dashboard-customization-page .slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
    height: 21px;
  width: 40px;
  border-radius: 20px;
  border-bottom: 0px;
  background: #ccc;
  }
.box-form{
    border: 0.1px solid #09090967;
  box-shadow: 0px 0px 4px 0px #00000040;
  background: #FCFCFC;
  border-radius: 10px;
  margin: 8px;
  padding: 10px;
  height: 100px;
  overflow-y: scroll;
  }
.add-role-btn{
    background-color: #F88342;
    border: 0px;
    padding: 10px 30px;
    color: #fff;
    margin-left: 10px;
    border-radius: 10px;
    margin-top: 30px;
  }
.checkbox input{
    display: block;
  }


.box-form {
    border: 0.1px solid #09090967;
    box-shadow: 0px 0px 4px 0px #00000040;
    background: #FCFCFC;
    border-radius: 10px;
    margin: 8px;
    padding: 10px;
    height: 100px;
    overflow-y: scroll;
}

.add-role-btn {
    background-color: #F88342;
    border: 0px;
    padding: 10px 30px;
    color: #fff;
    margin-left: 10px;
    border-radius: 10px;
    margin-top: 30px;
}

.checkbox input {
    display: block;
}


  .sub-box {
    margin-top: 50px;
    border: 1px solid #FF823C;
    background: #FAF5F2;
    border-radius: 15px;
}

.content-section .sub-box .card {
    background: #FAF5F299 !important;

    box-shadow: 0px 4px 4px 0px #00000040;
    border: 1px solid #FCECE5;
    padding: 20px 0px;
    margin-bottom: 20px;
}

.sub-box-1 {
    margin-top: 30px;
}

.sub-box-1 p {
    background: #FF823C;
    color: #fff !important;
    font-size: 18px;
    border-radius: 20px 20px 0px 0px;
    padding: 10px;
}
.inner-1{
    margin: 20px 20px;
}
.inner-1 .badge-pill{
    font-size: 16px;
    color: #6A2B08 !important;
}
.card-scroll{
    height: 330px;
  overflow-y: auto;
}
.save-btn img{width: 17px;
    margin-right: 10px;}
.inner-1 h3{margin-top: 0px;}
.sub-box {
    position: relative;
    top: -67px;
}

#setting-page .content-section .sub-box .card .top {
    padding: 0px 20px;
}

.sub-box hr {
    border: 1px solid #B0B0B0;
}

#setting-page .content-section .sub-box .card .strip-gray {
    height: 30px;
    background-color: #E3E3E3D9;
    margin-bottom: 10px;
}

#setting-page .content-section .sub-box .card p {

    color: #090909;
    font-size: 12px;
}

#setting-page .content-section .sub-box .card .right-side {
    margin-top: 10px;
}

#setting-page .content-section .sub-box .card .right-side img {
    width: 86px;
    height: 86px;
    border-radius: 50%;
}

#setting-page .content-section .sub-box .card .right-side h6 {
    color: #090909;
    font-size: 18px !important;
}

.sub-box .sub-txt {
    margin: 20px;
}

.sub-box h3.sub-txt {
    margin-top: 30px;
    font-size: 20px;
}
.sub-box h2.sub-txt {
    margin-top: 30px;
    font-size: 24px;
}
.admin-user-box .sub-box-1 .slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
    height: 21px;
    width: 40px;
    border-radius: 20px;
    border-bottom: 0px;
    background: #ccc;
}

.switch input {
    display: block !important;
  }

  input:checked + .slider {
    background-color: #F88342 !important;
  }
  

.admin-user-box .sub-box-1 .slider::before {
    bottom: 3px;
}

p.buttons {
    text-align: center !important;
    margin-top: 30px;
    margin-bottom: 30px;
}

p.buttons .update-btn {
    background-color: #F88342;
    border-radius: 10px;
    color: #fff;
    padding: 10px 30px;
    border: none;
}

.fa-pencil {
color: #F88342;
font-size: 14px;
}

.nav-tab-section {
    padding: 30px;
}

.nav-pills {
    background: #F88342;
    border-radius: 10px;
}

.nav-pills>li {
    width: 30%;
    text-align: center;
    margin: 8px;
}

.nav-pills li.active {

    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li>a {
    color: #fff;
    border-top: 0px solid transparent !important;
}

.btn-add-tags,
.btn-add-tags:hover {
    background-color: #F88342;
    border-radius: 3px;
    color: #fcfcfc;
    padding: 16px 40px;
    border: 50%;
    margin-right: 20px;
    border-radius: 10px;
}

.nav-pills>li.active>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li:hover>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:hover>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:focus>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:focus-within>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:focus-visible>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.nav-pills>li.active:visited>a {
    border-top-color: #F88342;
    color: #F88342;
    border-radius: 10px;
    background-color: #fff;
}

.tab-content {
    margin-top: 30px;
}

#tag-page {
    padding: 30px !important;
}

#tag-page form label {
    margin-bottom: 10px;
}

#tag-page .btn-submit {
    background-color: #F88342;
    color: #fff;
    border-radius: 10px;
    padding: 10px 30px;
    border: 0px;
}

.nav-tab-section .modal-body {
    padding: 20px;
}

.nav-tab-section #exampleModal h3 {
    color: #000000;
    text-align: center !important;
}

.nav-tab-section .modal-footer {
    border: 0px !important;
    text-align: center;
}

.nav-tab-section a.save-btn,
.nav-tab-section a.save-btn:hover {
    border: 1px solid #F88342;
    border-radius: 5px;
    padding: 10px 30px;
    background-color: #F88342;
    color: #fff;
    margin-left: 10px;
}

.strip-gray a {
    color: #F88342;
}

.nav-tab-section #exampleModal .btn-yes {
    background-color: transparent;
    color: #000;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #000000;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

.nav-tab-section #exampleModal .btn-no {
    background-color: #F88342;
    color: #fff;
    padding: 10px 24px;
    font-size: 16px;
    border: 1px solid #F88342;
    border-radius: 20px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

#tag-form label {
    display: block;
    margin-top: 20px;
}

#tag-form .form-control {
    display: block;
    width: 100%;
    border-radius: 8px;
}

.curator-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.action-btn .fa {
    color: #F88342;
}
.action-btn .fa-eye {
    color: #F88342;
    position: relative;
    right: unset;
    top: unset;
}

#faq-section .nav-pills > li {
    width: 18%;
    text-align: center;
    margin: 8px;
  }


.Listicon span{
    margin-right: 10px;
}
.Listicon span a{
    color: #F88342 !important;
}

.backbtn a{
    color: #F88342 !important;
}

a.btn-class{background-color: #F88342;
    padding: 8px 30px;
    border-radius: 8px;
    color: #fff !important;
  }


/*
  * Help page css
  *-----------------
  */
  #help-page{
    padding: 10px 180px !important;
  }
  #help-page h3{text-align: center;}
  #help-page input{display: unset; background: #FAF5F2; border-radius: 5px; padding: 12px 12px 12px 34px; border: 0px; background-image: url('../img/search.png'); background-repeat: no-repeat;
    background-position: 10px 12px; width: 100%;
  }
 
  #help-page .inner-1 {
    height: 300px;
    overflow-y: scroll;
    padding-right: 30px;
    margin-top: 30px;
  }
  .panel{border: 0px; box-shadow: none; margin-bottom: 0px;border: 0.1px solid #564949;
    background-color: #fcfcfc;
    /* box-shadow: 0px 4px 4px 0px #00000040 inset; */
    border-radius: 27px;

    padding: 6px 10px; margin-bottom: 20px;}
.panel:hover {
    border: 0.1px solid #f88242e8;
    }

.content-section #inner-row-1{flex: 0 0 100%;}

.create-btn{background: #FF823C;
    color: #fff !important;
    font-size: 13px;
    border-radius: 10px;
    padding: 10px;}



.file-upload {
    background-color: transparent;
}

.file-upload .glyphicon-download-alt {
    color: #F88342;
    font-size: 32px;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
    display: none;
}

.file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    border: 1px dashed #F88342;
    position: relative;
    background: transparent;
    border-radius: 10px;
}

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
}

.drag-text h3 {
    font-weight: 100;
    letter-spacing: 0.01em;
    color: rgba(18, 18, 18,1);
    padding: 40px 0;
    font-size: 14px;
}

.file-upload-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #F88342;
    border: none;
    padding: 6px;
    border-radius: 10px;
    transition: all .2s ease;
    outline: none;
}

.remove-image:hover {
    background: #F88342;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all .2s ease;
}

h5.label-txt {
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #04081A;
}

.custom-color {
    color: #F88342!important;
}

.direct-chat-warning .right > .direct-chat-text {
    background: #F88342;
    border-color: #F88342;
    color: #fff;
  }
  .direct-chat-warning .right > .direct-chat-text::before, .direct-chat-warning .right > .direct-chat-text::after{
    border-left-color: #F88342;
  }
  .btn-warning {
    background-color: #F88342;
    border-color: #F88342;
  }
  .direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 10px 10px;
    background: #E5C7B6;
    border: 1px solid #E5C7B6;
    margin: 5px 0 0 50px;
    color: #444;
  }
.direct-chat-text::after, .direct-chat-text::before{
border-right-color: transparent;
}
.direct-chat{
background-color: #FAF5F2;
}
.direct-chat-messages {
height: 400px;}

.sidebar-menu > li .badge {
    margin-top: 3px;
    position: absolute;
    top: 0;
    right: 7px;
  }

.content-section .box-toold{height: 48px;}
.pagination > li > a {
background: #fafafa;
color: #666;
position: relative;
top: -5px;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #fff !important;
    background-color: #000;
  }
  
.skin-blue .sidebar-menu > li:hover > a{color: #fff;
    background: #F88342;}
  




#num_news_to_show{background-color: #F88342;
    border-radius: 5px;
    padding: 12px 10px;
    border: 0px;
    outline: none;
    color: white;
    }

#num_top_categories{background-color: #F88342;
    border-radius: 5px;
    padding: 12px 10px;
    border: 0px;
    outline: none;
    color: white;
    }





#applyButton{
    background-color: #F88342;
    padding: 8px 30px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    border: 0px;}

#applyButton2{
    background-color: #F88342;
    padding: 8px 30px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    border: 0px;}

.gotoclass{
    display:flex ;
}

.gotoclass .st-toggle{
    position: relative;
    top: 5px;
    margin-left: 10px;
   
}

#remove-button{
    background-color: #F88342;
    color: white;
    border: 0px;
    border-radius: 8px;
    padding: 8px 20px;
    margin-top: 10px;
}


#remove-button-image{
    background-color: #F88342;
    color: white;
    border: 0px;
    border-radius: 8px;
    padding: 8px 20px;
    margin-top: 10px;
}






@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 9px;
        right: 0;
        float: none;
        background: transparent;
        padding-left: 10px;
        left: -19px;
        }
        .admin-user-box {
        background-color: #F4E2D9;
        padding: 10px 10px;
        }
        .admin-user-box .btn-area{
        margin-left: 0px;
        }
        label.lable-left{padding: 8px;}
}
@media (max-width: 767px) {
    .content-wrapper {
        background-color: #F4E2D9D4 !important;
        margin-left: unset;
        }
        .content-header > .breadcrumb {
        background: transparent;
        padding-left: 10px;
        left: -19px;
        display: flex;
        margin-top: 15px;
        }
        .content-header > .breadcrumb li{
        font-size: 12px;
        }
        .content-header > .breadcrumb li a{
        font-size: 12px;
        }
        .skin-blue .content-header {
        background: #F4BCA1;
        margin-top: 37px;}
        #example1_length{float: left;}
        #num_top_categories{float: left;}
        #setting-page .list{display: flex;
        font-size: 10px;}
        .admin-user-box .btn-area{display: flex;}
        .btn-add-tags{width: 262px;}
        .nav-tab-section{padding: 10px;}
}
.main-header {
    position: fixed;
    max-height: 100px;
    z-index: 1030;
    width: 100%;
    }
    .main-sidebar {
    
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    scrollbar-width: none;
    height: unset;
    max-height: unset;
    min-height: unset;
    
    }

.main-sidebar ::-webkit-scrollbar {
    width: 0px;
    }


#add-ads-page{
    margin-top: 100px;
}



.skin-blue .content-header {
    margin-top: 100px;}




.content {
    margin-top: 0px !important;
    }


.bg-yellow{
    background-color: #F88342 !important;
    }

.skin-blue .main-header .logo {
    padding: 2px 0px  !important;
    }
.skin-blue .main-header .navbar {
padding: 0  !important;
}
.main-header .logo img {
padding: 8px !important;
}
.skin-blue .content-header {
margin-top: 75px;
}
.main-sidebar {
position: fixed;
top: -25px;}










/* Curator and Content Writer Admin Responsiveness: */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 9px;
        right: 0;
        float: none;
        background: transparent;
        padding-left: 10px;
        left: -19px;
      }
      .admin-user-box {
        background-color: #F4E2D9;
        padding: 10px 10px;
      }
      .admin-user-box .btn-area{
        margin-left: 0px;
      }
      label.lable-left{padding: 8px;}
      .content-header-message .search-container input{
        width: 100%;
        margin-bottom: 20px;
      }
      .skin-blue .content-header {
        margin-top: 73px;
      }
      #example1_wrapper.dataTables_wrapper  #example1{display: table;}
      #review-page .section-2{margin-top: 55px;}
      #add-ads-page .box-body .col-md-6, #add-ads-page .box-body .col-md-5{padding-bottom: 10px;}
      #setting-page .content-section .box-class {
        margin-top: 19px;
      }
      #help-page {
        padding: 10px 30px !important;
      }
      .content-section .list label {
        font-size: 12px; white-space: nowrap;}
        .content-header-message .btn-submit{
            margin-top: 20px;
          }
}
@media (max-width: 767px) {
    .content-wrapper {
        background-color: #F4E2D9D4 !important;
        margin-left: unset;
      }
      .content-section .list label {
        font-size: 8px; white-space: nowrap;}
      #help-page {
        padding: 10px !important;
      }
      #add-ads-page .box-body .col-md-6, #add-ads-page .box-body .col-md-5{padding-bottom: 10px;}
      #review-page .section-2{margin-top: 55px;}
      .content-header > .breadcrumb {
        background: transparent;
        padding-left: 10px;
        left: -19px;
        display: flex;
        margin-top: 15px;
      }
      .content-header > .breadcrumb li{
        font-size: 12px;
      }
      .content-header > .breadcrumb li a{
        font-size: 12px;
      }
      .skin-blue .content-header {
        background: #F4BCA1;
        margin-top: 108px;}
      #example1_length{float: left;}
      #num_top_categories{float: left;}
      #setting-page .list{display: flex;
     font-size: 10px;}
     .admin-user-box .btn-area{display: flex;}
     .btn-add-tags{width: 262px;}
     .nav-tab-section{padding: 10px;}
     .content-header-message .search-container input{
        width: 100%;
        margin-bottom: 20px;
      }
      .main-sidebar {
        position: fixed;
        top: 13px;
      }
      .skin-blue .content-header {
        margin-top: 113px;
      }
      .content-header-message .btn-submit{
        margin-top: 20px;
      }
      #review-page .box-tools{
        margin: 30%;
  margin-top: 30px;
      }
}




/* Superadmin Responsiveness: */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 9px;
        right: 0;
        float: none;
        background: transparent;
        padding-left: 10px;
        left: -19px;
      }
      .admin-user-box {
        background-color: #F4E2D9;
        padding: 10px 10px;
      }
      .admin-user-box .btn-area{
        margin-left: 0px;
      }
      label.lable-left{padding: 8px;}
      .content-header-message .search-container input{
        width: 100%;
        margin-bottom: 20px;
      }
      .skin-blue .content-header {
        margin-top: 73px;
      }
      #example1_wrapper.dataTables_wrapper  #example1{display: table;}
      #review-page .section-2{margin-top: 55px;}
      #add-ads-page .box-body .col-md-6, #add-ads-page .box-body .col-md-5{padding-bottom: 10px;}
      #setting-page .content-section .box-class {
        margin-top: 19px;
      }
      #help-page {
        padding: 10px 30px !important;
      }
      .content-section .list label {
        font-size: 12px; white-space: nowrap;}
}
@media (max-width: 767px) {
    .content-wrapper {
        background-color: #F4E2D9D4 !important;
        margin-left: unset;
      }
      .content-section .list label {
        font-size: 8px; white-space: nowrap;}
      #help-page {
        padding: 10px !important;
      }
      #add-ads-page .box-body .col-md-6, #add-ads-page .box-body .col-md-5{padding-bottom: 10px;}
      #review-page .section-2{margin-top: 55px;}
      .content-header > .breadcrumb {
        background: transparent;
        padding-left: 10px;
        left: -19px;
        display: flex;
        margin-top: 15px;
      }
      .content-header > .breadcrumb li{
        font-size: 12px;
      }
      .content-header > .breadcrumb li a{
        font-size: 12px;
      }
      .skin-blue .content-header {
        background: #F4BCA1;
        margin-top: 108px;}
      #example1_length{float: left;}
      #num_top_categories{float: left;}
      #setting-page .list{display: flex;
     font-size: 10px;}
     .admin-user-box .btn-area{display: flex;}
     .btn-add-tags{width: 262px;}
     .nav-tab-section{padding: 10px;}
     .content-header-message .search-container input{
        width: 100%;
        margin-bottom: 20px;
      }
}



.info-box-text {
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin-top: 10px;
font-size: large;
}




#Typemessage{padding-left: 41px;}
 .button-wrapper {
  position: absolute;
  width: unset;
  height: auto;
  text-align: left;
  margin: 0 auto;
    margin-right: auto;
    margin-bottom: 0px;
  display: block;
  background: transparent;
  border-radius: 3px;
  padding: 5px 15px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  z-index: 999;
}

.button-wrapper span.label {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    color: #343945;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}

#upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.new-1{position:relative;}


#groupId{background-color: #FCFCFC;
    border-radius: 5px;
    padding: 13px 11px;
    border: 0px;
    width: 100%;
    position: relative;
    top: -3px;
    border: 1px solid #F88342;
    border-radius: 10px;
    outline: none;
    
}
  
.btn-add-tags, .btn-add-tags:hover {
    background-color: #F88342;
    border-radius: 3px;
    color: #fcfcfc;
    padding: 15px 20px !important;
    border: 50%;
    margin-right: 0px;
    border-radius: 10px;
    position: relative;
    top: 5px;

}
  

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 9px;
        right: 0;
        float: none;
        background: transparent;
        padding-left: 10px;
        left: -19px;
      }
      .admin-user-box {
        background-color: #F4E2D9;
        padding: 10px 10px;
      }
      .admin-user-box .btn-area{
        margin-left: 0px;
      }
      label.lable-left{padding: 8px;}
      .content-header-message .search-container input{
        width: 100%;
        margin-bottom: 20px;
      }
      .skin-blue .content-header {
        margin-top: 73px;
      }
      #example1_wrapper.dataTables_wrapper  #example1{display: table;}
      #review-page .section-2{margin-top: 55px;}
      #add-ads-page .box-body .col-md-6, #add-ads-page .box-body .col-md-5{padding-bottom: 10px;}
      #setting-page .content-section .box-class {
        margin-top: 19px;
      }
      #help-page {
        padding: 10px 30px !important;
      }
      .content-section .list label {
        font-size: 12px; white-space: nowrap;}
        .content-header-message .btn-submit{
            margin-top: 20px;
          }
}
@media (max-width: 767px) {
    .content-wrapper {
        background-color: #F4E2D9D4 !important;
        margin-left: unset;
      }
      .content-section .list label {
        font-size: 8px; white-space: nowrap;}
      #help-page {
        padding: 10px !important;
      }
      #add-ads-page .box-body .col-md-6, #add-ads-page .box-body .col-md-5{padding-bottom: 10px;}
      #review-page .section-2{margin-top: 55px;}
      .content-header > .breadcrumb {
        background: transparent;
        padding-left: 10px;
        left: -19px;
        display: flex;
        margin-top: 15px;
      }
      .content-header > .breadcrumb li{
        font-size: 12px;
      }
      .content-header > .breadcrumb li a{
        font-size: 12px;
      }
      .skin-blue .content-header {
        background: #F4BCA1;
        margin-top: 108px;}
      #example1_length{float: left;}
      #num_top_categories{float: left;}
      #setting-page .list{display: flex;
     font-size: 10px;}
     .admin-user-box .btn-area{display: flex;}
     .btn-add-tags{width: 262px;}
     .nav-tab-section{padding: 10px;}
     .content-header-message .search-container input{
        width: 100%;
        margin-bottom: 20px;
      }
      .main-sidebar {
        position: fixed;
        top: 13px;
      }
      .skin-blue .content-header {
        margin-top: 113px;
      }
      .content-header-message .btn-submit{
        margin-top: 20px;
      }
      #review-page .box-tools{
        margin: 30%;
  margin-top: 30px;
      }
}



#setting-page .content-section .box-class{padding-bottom:30px !important;}





@media (max-width: 767px) {
  .sidebar-open .content-wrapper, .sidebar-open .main-footer {
    -webkit-transform: translate(130px, 0);
    -ms-transform: translate(130px, 0);
    -o-transform: translate(130px, 0);
    transform: translate(130px, 0);
  }
.navbar-nav > .user-menu > .dropdown-menu > .user-body a.profile-btn {
  background-color: #F88342 !important;
  padding: 8px 30px;
  border-radius: 8px;
  color: #fff !important;
}
 .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #000 !important;
  }
.login-page{display: flex;
    align-items: center;
    justify-content: center; 
    height: 100%;}
.content-header-message .search-container input{background-position: 364px;}
.direct-chat .box-footer button {
  padding: 9px 16px;}
.direct-chat-text img {
  width: 100%;
  height: 100%;
}
#imageModal .close {
  position: absolute;
  top: 122px;}
.download-btn {
  position: absolute;
  top: 93px;
  left: 76% !important;}
.content-header-4 .search-container input {
  background-color: #FCFCFC;
  border-radius: 5px;
  background-position: 339px;}
.form-group{position:relative;}
#add-ads-page .form-group .col-md-1{position: absolute;  top: -33px;
  right: -10px;}
.add-ads-btn {
  background-color: #FCECE5;
  color: #090909;
  border-radius: 5px;
  position: relative;
  top: 0px;
  margin: 0px 12px;
    margin-left: 12px;
  font-size: 16px;
  font-weight: 500;
  padding: 4px 6px;
  margin-left: 20px;
}
#review-page{margin-top: 42px !important;}
#setting-page .content-section .box-class {
  padding-bottom: 30px !important;
  margin-top: 40px;
}
#help-page .inner-1 {
  height: 300px;
  overflow-y: scroll;
  padding-right: 0px;
  margin: 0px;
}
.admin-user-box {
  padding: 10px;
}
.border-box{margin: 0px; position: relative;}
.border-box .col-md-1{position: absolute;
  right: -9px;
  top: 57px;
}
.sub-box{margin-top: 0px;}
 .sub-box-1 .btn-add-tags {
    width: unset;
  }
.admin-user-box .btn-area{margin-left: 0px;     display: unset;}
.admin-user-box .btn-area #searchForm{margin-top: 20px;}
.save-btn {
margin-bottom: 74px;
  margin-left: 0px;
}
.profile-image-area .bg-1{right: 125px;}
#dashboard-customization-page .col-md-6 .row{display: flex;}
.box-primary .box-header a{padding: 10px;}
}


#myTab {
    text-align: center;
    justify-content: center;
    display: flex;
}
.nav li{width: 50%;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 0px;
  border-bottom: 2px solid #F88342;
  border-bottom-color: #F88342;
}
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
  color: #000000;
  background: transparent;
  border: 0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    color: #F88342;
    font-weight: 600;
    
}
.nav-tabs > li > a{
    color: #000000; 
    font-weight: 600;

}

.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-top: 0px;
    width: 100%;
  }
  .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: unset;
    width: 100%;
  }
  
  .fs-dropdown {
    top: unset !important;
    bottom: 100%;
  }




@media (max-width: 767px) {
    #donut-chart{left: 0px;} 
    #adsChart{left: -10px;}
    }

@media (max-width: 767px){
    #myTab {
        text-align: center;
        justify-content: center;
        display: flex;
        margin-top: 81px;
    }
}

@media (max-width: 767px){
    .sub-box{margin-top: 32px;}
        .sub-box-1 .btn-add-tags{float: left;}
    }

@media (max-width: 767px) {
    .profile-image-area .bg-1 {
        right: 125px !important;
    }
    }
@media (max-width: 767px) {
#dashboard-customization-page .col-md-6 .row {
    display: flex;
}
#dashboard-customization-page .col-md-6 .row .col-md-8 {
    flex-basis: 70%;
}
}

@media (max-width: 767px) {
#myInput {
    background-position: 10px 12px;
    background-repeat: no-repeat;
    background-image: url(/static/dist/img/search.png);
    width: 40%;
    font-size: 16px;
    padding: 10px 9px 10px 38px;
    border-radius: 10px;
    border: 1px solid #F88342;
    margin-bottom: 13px;
    margin-left: 0px;
    position: relative;
    top: 0px;
    outline: none;
}
}


@media (max-width: 767px) {
    #add_role_form{margin: 20px;}
    .box-tools{margin-left: 30%;
      margin-top: 40px;}
    }





    @media (max-width: 767px) {
      #donut-chart {
        left: 0px !important;
      }
      #sorting_1 img{
        width: 100px;
       height: 100px;
      }
    .btn-add-tags {
        width: 107px;
        display: flex;
        font-size: 10px;
        padding: 10px;
      }
    .btn-add-tags img{width: 11px;
        margin-right: 10px;}
        .admin-user-box .btn-area {
          margin-left: 0px !important;
          display: flex;
        }
    
    .admin-user-box #myInput{
        background-position: 10px 12px;
      background-repeat: no-repeat;
      background-image: none;
      width: 100% !important;
      font-size: 8px;
      padding: 10px;
      margin-bottom: 13px;
      margin-left: 0;
      position: relative;
      top: 5px;
      outline: none;}
      .admin-user-box .btn-area #searchForm {
        margin-top: 0;
        padding: 0px;
      }
      #groupId {
        padding: 10px;
        top: 5px;
        outline: none;
        margin-bottom: 0px;
        font-size: 10px;
      }
      .reset-button {
        top: 14px;
      }
      .save-btn {
        right: 18px;
      }
      #inner-row-1{
        flex: unset;
      }
      #inner-row-1 .admin-user-box{padding: 50px;}
      #inner-row-1 .title{margin-left: 38px;}
      .sub-box {
        margin-top: 32px !important;
      }
      .sub-box .sub-txt span{float: right; margin-left: 3px;}
      .border-box {
        margin: 0px !important;
        position: relative;
      }
      .form-horizontal textarea{
        width: 100%;
      }
      #review-page .box-tools {
        margin: 20%;
      }
      #review-page .box-tools .pagination {
        display: flex !important;
      }
      #faq-section{margin-top: 56px;}
      .nav > li > a {
        position: relative;
        display: block;
        padding: 0px;
      }
      #faq-section .nav-pills > li {
        width: 18%;
        text-align: center;
        margin: 3px;
      }
      .content-header-4 .search-container input {
        background-color: #FCFCFC;
        border-radius: 5px;
        background-position: 5px;
        padding-left: 30px;
      }
      .btn-area .btn-add-tags, .btn-area  .btn-add-tags:hover {
        padding: 15px 18px;}
        .direct-chat-text img {
          width: 100% !important;
          height: 100%;
        }
        .direct-chat .box-footer button {
          padding: 9px !important;
        }
    }

@media (max-width: 767px) {
    #setting-page .content-section{
        display: unset;
    }
    
    #setting-page .content-section h3{
        margin-left: 30px;
    } 
    #setting-page .btn-area .btn-add-tags,#setting-page .btn-area .btn-add-tags:hover {
        padding: 10px 9px;
        }
        .form-horizontal textarea {
        width: 100% !important;
        }
        .sub-box {
        margin-top: 50px !important;
        }
        #EditMoEmail form label{
        left: 0 !important;
        }
        #EditMoEmail form .form-control{
        width: 100%;
        margin-left: 0px !important;
        }
        #review-page .box-tools {
        margin: 20% !important;
        }
        .view-image {
        margin-top: 7px;
        position: absolute;
        right: -7px;
        top: -32px;
        }
        .navbar-custom-menu > .navbar-nav > li.notifications-menu {
        position: static;
        padding-right: 10px;
        }
    }
    
#sorting_1 img{
    width: 100px;
    height: 100px;
    }
.sorting_1 img{width: 100%;
    height: 100%;
    max-width: unset !important;
    max-height: 134px  !important;}

td.sorting_1{padding:0px !important;}

.pagination-sm>li:first-child>a{

padding: 8px 20px;
border-radius: 10px 0px 0px 10px;}

.pagination-sm>li:last-child>a{

padding: 8px 20px;
border-radius: 0px 10px 10px 0px;}

.pagination > li > a{
    padding: 8px 20px;

}

.center-pagination{
    display: flex;
    justify-content: center;
}


.Details-2 {
    background: white;
    padding: 10px;
    border-radius: 10px;
    max-height: 170px;
    overflow-y: auto;
    scrollbar-width: thin;
}


@media (max-width: 767px) {
    .navbar-custom-menu > .navbar-nav > li.notifications-menu {
      position: static;
      padding-right: 20px !important;
    }
  }


@media (max-width: 767px) {
    #review-page .box-tools {
      margin: 8% !important;
    }
  .pagination-sm > li:last-child > a {
    padding: 8px;
    border-radius: 0px 10px 10px 0px;
  }
  .pagination > li > a {
    padding: 8px;
  }
  .pagination-sm > li:first-child > a {
    padding: 8px;
    border-radius: 10px 0px 0px 10px;
  }
  }


  @media (max-width: 767px) {
    .skin-blue .content-header {
      margin-top: 113px !important;
  position: unset !important;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: none;
    }
   #setting-page .list {
      display: flex;
      font-size: 10px;
  margin-top: 0px  !important;
    position: unset  !important;
    width: 100%  !important;
    }
  }