body {
    color: #000;
    font-size: 13px;
}

.card-body {
    overflow-x: scroll;
}

.page-content {
    padding: 0 10px;
}

.help-block {
    color: #ff0000;
    margin-top: 3px;
}

.photosh4 {
    border: 1px solid #ddd;
    height: 45px;
    width: 100%;
    padding: 2px 0px 0px 10px;
    margin: 10px 0px 10px 0px;
    background-color: #ff5c75;
    cursor: pointer;
}

.photosh4 h4 {
    font-size: 20px;
    float: left;
    color: #fff;
    margin-top: 8px;
}

.remove-photo {
    margin: 10px;
    cursor: pointer;
}

.videosh4 {
    border: 1px solid #ddd;
    height: 45px;
    width: 100%;
    padding: 2px 0px 0px 10px;
    margin: 10px 0px 10px 0px;
    background-color: #ff5c75;
    cursor: pointer;
}

.videosh4 h4 {
    font-size: 20px;
    float: left;
    color: #fff;
    margin-top: 8px;
}

.remove-video {
    margin: 10px;
    cursor: pointer;
}

.bannersh4,
.overviewsh4,
.itenariesh4,
.datespriceh4,
.faqsh4,
.costtablesh4,
.hotelsh4,
.routesh4,
.extraactivitiesh4,
.inlcudesexcludesh4 {
    border: 1px solid #ddd;
    height: 45px;
    width: 100%;
    padding: 2px 0px 0px 10px;
    margin: 10px 0px 10px 0px;
    background-color: #ff5c75;
}

.bannersh4 h4,
.overviewsh4 h4,
.itenariesh4 h4,
.datespriceh4 h4,
.faqsh4 h4,
.costtablesh4 h4,
.hotelsh4 h4,
.routesh4 h4,
.extraactivitiesh4 h4,
.datespriceh4 h4,
.inlcudesexcludesh4 h4 {
    font-size: 20px;
    float: left;
    color: #fff;
    margin-top: 8px;
    cursor: pointer;
}

.remove-banner,
.remove-datesprice,
.remove-itenary,
.remove-faq,
.remove-hotel,
.remove-route,
.remove-extraactivity,
.remove-includeexclude,
.remove-costtable {
    margin: 10px;
    cursor: pointer;
}

/* override styles */
.metismenu .has-arrow:after {
    transform: rotate(135deg) translateY(-50%);
}

.metismenu .active > .has-arrow:after,
.metismenu .has-arrow[aria-expanded="true"]:after {
    transform: rotate(225deg) translateY(-50%);
}

.content-menu {
    max-width: 1920px;
    margin: auto;
}

.content,
.page-content {
    padding-top: 0px !important;
}

.page-header {
    padding: 0px 30px 20px !important;
}

.topheader .pt-20 {
    padding-top: 20px !important;
}

.topheader .user-avatar img {
    padding-top: 7px;
}

.radio-inline:not(first) {
    margin-left: 5px;
}

.checkbox-inline:not(first) {
    margin-left: 7px;
}

.is-invalid {
    border: 1px solid #ff0000;
}

.cke_dialog_tabs a:not(:first-child) {
    display: none !important;
}

span.select2.select2-container {
    width: 100% !important;
}

th.tourname {
    width: 35%;
}

td.tourname {
    font-weight: 600;
}

th.startdate {
    width: 13%;
}

th.enddate {
    width: 13%;
}

.btn.btn-info {
    background-color: #eebc1d;
    color: #111;
    border: none !important;
    font-weight: 600;
}

.btn.btn-primary {
    background-color: #791e30 !important;
    color: #fff;
    border: none !important;
    font-weight: 600;
}

.btn.btn-primary:hover,
.btn.btn-info:hover {
    box-shadow: none !important;
    border: none !important;
}

/* .btn.btn-info:hover,
.btn.btn-info:active {
    background-color: #791e30 !important;
    color: #fff;
    box-shadow: none !important;
} */

.btn.btn-sm,
a:link.btn.btn-sm {
    margin-right: 15px;
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    height: 32px;
    line-height: 1;
    background: transparent !important;
    color: #333;
    padding: 0;
    line-height: normal;
    height: auto;
    border: none !important;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none !important;
    padding-bottom: 5px;
    position: relative;
}

.btn.btn-sm::after {
    content: "";
    width: 15px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
}

.btn.btn-sm:hover::after {
    width: 100%;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
}

.btn.btn-sm.btn-danger {
    color: red;
}

.btn.btn-sm.btn-info,
a:link.btn.btn-sm.btn-info {
    color: blue;
}

.btn.btn-sm.btn-info::after,
a:link.btn.btn-sm.btn-info::after {
    background: blue;
}

.btn.btn-sm.btn-danger::after {
    background: red;
}

.tabs {
    margin-bottom: 15px;
}

.tabs > div > div:first-child {
    flex: 3;
}

.tabs > div > div:last-child {
    flex: 2;
    text-align: right;
}

.tabs > div > div:last-child  > a {
    margin-bottom: 5px;
}

/* .tabs > div {
    text-align: center;
} */

.tabs > div > div > a {
    padding: 5px;
    display: inline-block;
    font-weight: 400;
    background: #791e30;
    color: #fff;
    text-transform: uppercase;
    /* border-radius: 5px; */
    /* letter-spacing: 2px; */
    font-size: 11px;
}

.tabs > div > div > a:hover,
.tabs > div > div > a.active {
    background-color: #eebc1d;
    color: #111;
}

body .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu > li > a,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li
    > ul
    > li
    a {
    color: #111;
    font-weight: 400;
}

body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li.active
    > a,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li.active
    > a:focus,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li.active
    > a:hover {
    color: #791e30;
    background-color: transparent;
    background-size: 3px 100%;
    border-left: solid 3px #791e30;
}

body .sidebar.sidebar-left .sidebar-content .main-menu .metismenu .open > a,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .metismenu
    .open
    > a:focus,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .metismenu
    .open
    > a:hover,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li.active
    > a,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li.active
    > a
    > i,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li.nav-dropdown.active
    > ul
    > li.nav-dropdown.active
    > ul
    > li.active
    > a,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li.nav-dropdown
    > ul
    > li.nav-dropdown
    > ul
    > li
    > a:hover,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li
    > a:active,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    > li
    > a:hover,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .metismenu
    .nav-sub
    li
    a:hover,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .metismenu
    > li
    > .nav-sub
    li
    a:hover,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .metismenu
    > li
    > .nav-sub
    li.active
    a,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .metismenu
    > li
    > .nav-sub
    li.active
    a:hover {
    color: #791e30;
    background-color: transparent;
}

body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    li
    a:hover,
body
    .sidebar.sidebar-left
    .sidebar-content
    .main-menu
    .nav.metismenu
    li
    a:hover
    i {
    color: #791e30 !important;
}

::selection {
    background: #791e30;
    color: #fff;
}

.card .card-header {
    font-weight: 500;
    margin-top: 15px;
    color: #252525;
}

.card .card-header,
.card-body {
    padding: 10px;
}

.active.card .card-header a {
    color: #fff;
}

.active.card .card-body h1 {
    color: #fff;
}

.active.card {
    background: #0a4d92;
}

.active.card .card-header {
    color: white;
}

@media (max-width: 1500px) {
    body.content-menu .content-wrapper {
        padding: 15px;
    }
}

.btn-info:focus,
a:link.btn-info:focus {
    color: grey !important;
}
.btn-info.collapsed:focus,
a:link.btn-info.collapsed:focus {
    color: blue !important;
}

.top-toolbar .navbar-nav .nav-item > a {
    color: #fff !important;
}

.title {
    font-weight: 600;
    text-transform: uppercase;
    color: #3366cc;
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item > a {
    font-size: 14px;
    font-weight: 500;
    color: #252525;
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item {
    font-weight: 400;

    color: #791e30;
    font-size: 14px;
}

.page-header h1.separator {
    color: #791e30;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}

.reportClass {
    color: #791e30;
    font-weight: 400;
}

body #app .content-wrapper .content {
    display: block;
    flex: auto;
    padding-right: 0;
}

table tbody tr td {
    color: #000;
    font-weight: 500;
}

.custom-control-input:disabled ~ .custom-control-label,
.custom-file-label,
.custom-file-label::after,
.form-control,
.form-control:focus,
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #000;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: normal;
}

.table.table-bordered td a {
    color: #000;
}

.col__container .card h1 {
    font-size: 18px;
    font-weight: 500;
    color: #111;
}

.col__container .card span {
    font-weight: 600;
}

.itinerary-update td p {
    color: #000;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    float: none !important;
    padding: 3px !important;
    margin-bottom: 11px;
}

.headerBanner {
    background: url("../../img/banner-wh.jpg") 0 0 no-repeat !important;
    max-height: 136px !important;
    height: 136px !important;
    background-position: right !important;
    background-color: #2266ad !important;
}

.loginTitle h3 {
    color: #2266ad;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
}

.card-body.loginBody {
    overflow: hidden;
}

.loginBody .btn {
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn-link {
    margin-left: 15px;
}

.tourInfo {
    margin-top: 25px;
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 600;
}

.col__container {
	max-width: 1140px;
	text-align: center;
}

.itineraryDetails span {
    color: #fff;
    font-size: 15px;
}

.tourTable {
    /* table-layout: fixed; */
    width: 100%;
}

.table thead {
    background: #3366cc;
    /* text-align: center; */
}

.table thead tr th {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    vertical-align: middle;
}

table tbody tr td {
    font-size: 14px;
}

.table.table-bordered td a.underlineTitle {
    color: #2266ad;
    text-decoration: underline;
}

.tableForm {
    margin: 0;
}

.textBtn {
    cursor: pointer;
    padding: 0;
    text-align: left;
    margin-right: 5px;
}

.textBtn,
.textBtn:hover,
.textBtn.btn-danger:hover {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.textBtn.btn-danger,
.btn-danger:focus {
    color: red !important;
}

.table.table-bordered td a.textEdit {
    color :green;
}

.btn-warning:focus, a:link.btn-warning:focus {
    color: #111 !important;
}



@media (max-width: 1440px) {
    body.content-menu .top-toolbar.navbar-desktop .site-logo {
        margin-top: auto;
        height: auto;
    }

    body.content-menu .top-toolbar.navbar-desktop .site-logo h1 {
        margin: 0;
        padding: 0;
    }

    body.content-menu .top-toolbar.navbar-desktop .site-logo li {
        height: auto;
    }

    .headerBanner {
        padding: 7px 0;
    }

    .table.table-bordered, .table.table-bordered td, .table.table-bordered th::after, .table.table-bordered thead th {
        min-width: auto !important;
    }

    .table-striped tbody tr td:last-child {
        padding: 5px;
    }

    .table-striped tbody tr td:last-child form {
        margin :0;
    }

    .textBtn,
    .table.table-bordered td a.textEdit {
        font-size: 12px;
    }
}

.exportTour {
    float: right;
}


.nav-link .brand-text {
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
    margin-right: 15px;
}