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;
}


div#accordion .card{
    margin-bottom: 0 !important;
}


div#accordion .card .card-header{
    margin-top: 0 !important;
}

li.child-sights{
    list-style-type: none;
    background: #2266ad36;
    margin: 1px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

li.grand-child-sights {
	list-style-type: none;
	/* background: #2266ad36; */
	margin: 1px;
	padding: 5px;
	cursor: pointer;
	border-bottom: 1px solid #444;
	margin-bottom: 5px;
    padding-bottom: 10px;
}

li.grand-child-sights:last-child {
    border: none;
    margin-bottom: 0;
}

table tbody tr td trix-editor {
    font-weight: 100;
}

/* spinner css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
 .la-ball-spin-fade,
 .la-ball-spin-fade > div {
     position: relative;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
 }
 .la-ball-spin-fade {
     display: block;
     font-size: 0;
     color: #fff;
 }
 .la-ball-spin-fade.la-dark {
     color: #333;
 }
 .la-ball-spin-fade > div {
     display: inline-block;
     float: none;
     background-color: currentColor;
     border: 0 solid currentColor;
 }
 .la-ball-spin-fade {
     width: 32px;
     height: 32px;
 }
 .la-ball-spin-fade > div {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 8px;
     height: 8px;
     margin-top: -4px;
     margin-left: -4px;
     border-radius: 100%;
     -webkit-animation: ball-spin-fade 1s infinite linear;
        -moz-animation: ball-spin-fade 1s infinite linear;
          -o-animation: ball-spin-fade 1s infinite linear;
             animation: ball-spin-fade 1s infinite linear;
 }
 .la-ball-spin-fade > div:nth-child(1) {
     top: 5%;
     left: 50%;
     -webkit-animation-delay: -1.125s;
        -moz-animation-delay: -1.125s;
          -o-animation-delay: -1.125s;
             animation-delay: -1.125s;
 }
 .la-ball-spin-fade > div:nth-child(2) {
     top: 18.1801948466%;
     left: 81.8198051534%;
     -webkit-animation-delay: -1.25s;
        -moz-animation-delay: -1.25s;
          -o-animation-delay: -1.25s;
             animation-delay: -1.25s;
 }
 .la-ball-spin-fade > div:nth-child(3) {
     top: 50%;
     left: 95%;
     -webkit-animation-delay: -1.375s;
        -moz-animation-delay: -1.375s;
          -o-animation-delay: -1.375s;
             animation-delay: -1.375s;
 }
 .la-ball-spin-fade > div:nth-child(4) {
     top: 81.8198051534%;
     left: 81.8198051534%;
     -webkit-animation-delay: -1.5s;
        -moz-animation-delay: -1.5s;
          -o-animation-delay: -1.5s;
             animation-delay: -1.5s;
 }
 .la-ball-spin-fade > div:nth-child(5) {
     top: 94.9999999966%;
     left: 50.0000000005%;
     -webkit-animation-delay: -1.625s;
        -moz-animation-delay: -1.625s;
          -o-animation-delay: -1.625s;
             animation-delay: -1.625s;
 }
 .la-ball-spin-fade > div:nth-child(6) {
     top: 81.8198046966%;
     left: 18.1801949248%;
     -webkit-animation-delay: -1.75s;
        -moz-animation-delay: -1.75s;
          -o-animation-delay: -1.75s;
             animation-delay: -1.75s;
 }
 .la-ball-spin-fade > div:nth-child(7) {
     top: 49.9999750815%;
     left: 5.0000051215%;
     -webkit-animation-delay: -1.875s;
        -moz-animation-delay: -1.875s;
          -o-animation-delay: -1.875s;
             animation-delay: -1.875s;
 }
 .la-ball-spin-fade > div:nth-child(8) {
     top: 18.179464974%;
     left: 18.1803700518%;
     -webkit-animation-delay: -2s;
        -moz-animation-delay: -2s;
          -o-animation-delay: -2s;
             animation-delay: -2s;
 }
 .la-ball-spin-fade.la-sm {
     width: 16px;
     height: 16px;
 }
 .la-ball-spin-fade.la-sm > div {
     width: 4px;
     height: 4px;
     margin-top: -2px;
     margin-left: -2px;
 }
 .la-ball-spin-fade.la-2x {
     width: 64px;
     height: 64px;
 }
 .la-ball-spin-fade.la-2x > div {
     width: 16px;
     height: 16px;
     margin-top: -8px;
     margin-left: -8px;
 }
 .la-ball-spin-fade.la-3x {
     width: 96px;
     height: 96px;
 }
 .la-ball-spin-fade.la-3x > div {
     width: 24px;
     height: 24px;
     margin-top: -12px;
     margin-left: -12px;
 }
 /*
  * Animation
  */
 @-webkit-keyframes ball-spin-fade {
     0%,
     100% {
         opacity: 1;
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
     50% {
         opacity: .25;
         -webkit-transform: scale(.5);
                 transform: scale(.5);
     }
 }
 @-moz-keyframes ball-spin-fade {
     0%,
     100% {
         opacity: 1;
         -moz-transform: scale(1);
              transform: scale(1);
     }
     50% {
         opacity: .25;
         -moz-transform: scale(.5);
              transform: scale(.5);
     }
 }
 @-o-keyframes ball-spin-fade {
     0%,
     100% {
         opacity: 1;
         -o-transform: scale(1);
            transform: scale(1);
     }
     50% {
         opacity: .25;
         -o-transform: scale(.5);
            transform: scale(.5);
     }
 }
 @keyframes ball-spin-fade {
     0%,
     100% {
         opacity: 1;
         -webkit-transform: scale(1);
            -moz-transform: scale(1);
              -o-transform: scale(1);
                 transform: scale(1);
     }
     50% {
         opacity: .25;
         -webkit-transform: scale(.5);
            -moz-transform: scale(.5);
              -o-transform: scale(.5);
                 transform: scale(.5);
     }
 }



/* spinner css*/


.itinerary-wrapper.ui-sortable-handle {
    background: #fff;
    padding: 7px 20px;
    padding-left: 10px;
    border: 1px solid #eee;
    cursor: pointer;
}

.itinerary-wrapper.ui-sortable-handle label {
    margin: 0;
    font-size: 13px !important;
    cursor: pointer;
    display: block;
    font-weight: 500;
}


.itinerary-wrapper.ui-sortable-handle label i {
    /* float: right; */
    margin-right: 4px;
}

.itinerary-wrapper.ui-sortable-handle label:hover {
    color: #791e30;
}



.removeFromDom {
    border: none;
    padding: 0;
    background: transparent;
    color: red;
    float: right;
    margin-top: 4px;
    cursor: pointer;
}


.removeFromDom i {
    margin-right: 0;
    color: red;
}


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


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
}

.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single,
select:focus {
    border: 2px solid #000 !important;
}