/*
Project name: BHIVE
CSS Author: Anmol
Author Designation: Web Designer
Organisation: Code Brew Labs
Framework Used: Bootstrap
*/
@font-face {
    font-family: 'SF UI Display Ultralight';
    src: url('../fonts/SF-UI-Display-Ultralight.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display thin';
    src: url('../fonts/SF-UI-Display-Thin.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display Light';
    src: url('../fonts/SF-UI-Display-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display Regular';
    src: url('../fonts/SF-UI-Display-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display Medium';
    src: url('../fonts/SF-UI-Display-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display Semi Bold';
    src: url('../fonts/SF-UI-Display-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display Bold';
    src: url('../fonts/SF-UI-Display-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display Heavy';
    src: url('../fonts/SF-UI-Display-Heavy.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display Black';
    src: url('../fonts/SF-UI-Display-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

html,body
{
    font-family: 'SF UI Display Regular', sans-serif;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-feature-settings: 'kern';
    -moz-osx-font-smoothing: grayscale;
    background: #f5f5f6;
}

a
{
    text-decoration: none !important;
}

.no-margin
{
    margin: 0 auto !important;
}

.no-padding
{
    padding: 0px;
}

.padded
{
    padding: 17px !important;
}

.paddedx2
{
    padding: 35px !important;
}

.side-padding
{
    padding: 0px 15px;
}

.no-side-padding
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-left-padding
{
    padding-left: 0px !important;
}

.no-border
{
    border: none !important;
}

.no-bottom-border
{
    border-bottom: none !important;
}

.mt-15
{
    margin-top: 15px;
}

.no-side-padding
{
    padding: 15px 0px;
}

.no-pd-lft
{
    padding-left: 0px;
}

.bottom-margin
{
    margin-bottom: 15px;
}

.no-bt-margin
{
    margin-bottom: 0px;
}

.top-margin
{
    margin-top: 15px;
}

.middle-align
{
    vertical-align: middle;   
}

.table-cell
{
    display: table-cell;
    vertical-align: middle;
}

.d-table
{
    display: table;
}

.display-none
{
    display: none !important;
}

.spacer
{
    padding: 5px;
}

.spacer-block
{
    width: 100%;
    height: 30px;
    display: block;
}

.inline-nav li
{
    display: inline;
}

.theme-text
{
    color: #F46D4F;
    cursor: pointer;
}

.theme-button
{
    background: #F46D4F;
    color: #fff;
}

.theme-button-invert
{
    background: #fff;
    color: #F46D4F;
    border: 1px solid #F46D4F;
}

.theme-button-2
{
    margin-bottom: 0px;
    width: 100%;
    color: #F46D4F;
    background: #fff;
    border: 1px solid #F46D4F;
    border-radius: 4px;
}

.w-100
{
    width: 100%;
}

.ht-60
{
    height: 60px;
}

.ht-48
{
    height: 48px !important;
}

.hide
{
    visibility: hidden;
}

.custom-link
{
    color: #4A90E2;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    font-weight: 600;	
    line-height: 16px;
}

.custom-input
{
    width: 100%;
    height: 40px;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #DCDEE5;	
    border-radius: 2px;	
    background-color: #FFFFFF;
}

.green
{
    color: #7ED321;
}

.red
{
    color: #FF3B53;
}

.custom-input-2
{
    width: 100%;
    height: 40px;
    box-shadow: none !important;
    outline: none !important;
    border: 0px solid #DCDEE5;	
    border-radius: 2px;	
    background-color: #f3f3f3;
}

.submit-button
{
    background-color: #4A90E2 !important;
    margin-top: 20px;
    height: 56px;
    border: none;
    color: #fff !important;
    font-family: "SF UI Display Semi Bold";	
    font-size: 16px;	
    font-weight: 600;	
    border-radius: 4px;
}

::-webkit-scrollbar {
  width: 8px; /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  height: 5px;
  background-color: rgba(0,0,0,0.1);
  -webkit-border-radius: 100px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
  background: rgba(0,0,0,0.3);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}
/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:horizontal {
  background: rgba(0,0,0,0.3);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:horizontal:active {
  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c9cbd1 !important;
    font-family: "SF UI Display Regular";
}

::-moz-placeholder { 
    color: #c9cbd1 !important;
    font-family: "SF UI Display Regular";
}

:-ms-input-placeholder { 
    color: #c9cbd1 !important;
    font-family: "SF UI Display Regular";
}

:-moz-placeholder { 
    color: #c9cbd1 !important;
    font-family: "SF UI Display Regular";
}


.theme-button:hover
{
    background: #c14a30;
    color: #fff;
}

.main-wrapper
{
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.cont-wrapper
{
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.chart-cont
{
    margin-bottom: 30px;
}

.header
{
    width: 100%;
    height: auto;
    background: #fff;
    min-height: 60px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12);
    position: fixed;
    z-index: 9;
}

.header .logo
{
    width: 100%;
    height: auto;
    margin: 5px 0px;
}

.header .navigation
{
    width: 100%;
    height: auto; 
}

.header .navigation ul
{
    list-style-type: none;
    text-align: center;
    margin: 0px;
}

.header .navigation ul
{
    list-style-type: none;
    text-align: left;
}

.header .navigation ul li
{
    padding: 18px 6px;
    display: inline-block;
}

.header .navigation ul li a
{
    color: #A6ACBB;
    padding: 0px 15px;
    font-family: "SF UI Display Semi Bold";
    font-size: 14px;
    line-height: 24px;
}

.header .navigation ul li.active
{
    border-bottom: 2px solid #4A90E2;
}

.header .navigation ul li.active a
{
    color: #4A90E2;
}

.header .login-user-box
{
    position: relative;
    width: 100%;
    max-width: 150px;
    margin-top: 17px;
    float: left;
    height: 45px;
}

.header .login-user-box .u-img
{
    width:24px;
    height: 24px;
    float: left;
    display: inline-block;
}

.header .login-user-box .u-img img
{
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    margin-top: 0px;
    position: relative;
    margin-left: 29px;
    left: -50px;
    top: -4px;
}

.header .login-user-box .u-name
{
    width:61%;
    float: left;
    display: inline-block;
}

.header .login-user-box .u-name h2
{
    margin: 0px;
    color: #465069;
    font-family: "SF UI Display Regular";
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.header .login-user-box .u-dropdown
{
    float: left;
    display: inline-block;
}

.dashboard-section
{
    width: 100%;
    height: auto;
    padding-top: 90px;
}


.dashboard-section .dash-widget-1 .divider-block .tour:hover,
.dashboard-section .dash-widget-1 .divider-block .ticket:hover,
.dashboard-section .dash-widget-1 .divider-block .cancelled-bookings:hover,
.dashboard-section .dash-widget-1 .transfer:hover
{
    background: #4A90E2;
}

.dashboard-section .dash-widget-1 .divider-block .tour:hover p,
.dashboard-section .dash-widget-1 .divider-block .ticket:hover p,
.dashboard-section .dash-widget-1 .divider-block .cancelled-bookings:hover p,
.dashboard-section .dash-widget-1 .transfer:hover p
{
    color: #fff !important;
}

.dashboard-section .dash-widget-1
{
    width: 100%;
    height: auto;
    margin-bottom: 34px;
    min-height: 100px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
}

.dashboard-section .dash-widget-1 .booking-pending
{
    width: 100%;
    height: auto;
    padding: 16px;
    position: relative;
}

.dashboard-section .dash-widget-1 .booking-pending .book-data-block
{
    width: 100%;
    height: auto;
    position: relative;
    min-height: 40px;
}

.dashboard-section .dash-widget-1 .booking-pending .book-data-block .label-data
{
    float: left;
    width: 69%;
    display: inline-block;
}

.dashboard-section .dash-widget-1 .booking-pending .book-data-block .count-data
{
    width: 31%;
    float: right;
    display: inline-block;
}

.dashboard-section .dash-widget-1 .booking-pending .book-data-block .label-data p
{
    color: #4A90E2;	
    font-family: "SF UI Display Regular";	
    font-size: 16px;	
    line-height: 24px;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashboard-section .dash-widget-1 .booking-pending .book-data-block .count-data p
{
    color: #4A90E2;	
    font-family: "SF UI Display Regular";	
    font-size: 36px;	
    margin: 0px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashboard-section .dash-widget-1 .transfer
{
    width: 100%;
    height: auto;
    position: relative;
    cursor: pointer;
}

.dashboard-section .dash-widget-1 .transfer .transfer-data-block
{
    width: 100%;
    height: auto;
    position: relative;
    padding: 15px;
    border-bottom: 2px solid #ECEEF5;
    border-top: 2px solid #ECEEF5;

}

.dashboard-section .dash-widget-1 .transfer .transfer-data-block .label-data
{
    width: 100%;
    height: auto;
}

.dashboard-section .dash-widget-1 .transfer .transfer-data-block .label-data i.fa-circle
{
    font-size: 6px;
    color: #4A90E2;
    line-height: 20px;
    margin-right: 4px;
    vertical-align: middle;
}

.dashboard-section .dash-widget-1 .transfer .transfer-data-block .label-data p
{
    color: #5B6888;
    font-family: "SF UI Display Light";
    font-size: 16px;	
    line-height: 24px;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashboard-section .dash-widget-1 .transfer .transfer-data-block .count-data p
{
    color: #5B6888;
    font-family: "SF UI Display Regular";	
    font-size: 36px;	
    margin: 0px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashboard-section .dash-widget-1 .transfer .transfer-data-block .count-data p.date
{
    color: #A6ACBB;
    font-family: "SF UI Display Regular";	
    font-size: 12px;	
    line-height: 16px;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.nearest{
    color: #ff4f54 !important;
}
.dashboard-section .dash-widget-1 .divider-block
{
    width: 100%;
    min-height: 112px;
    position: relative;
}

.dashboard-section .dash-widget-1 .divider-block.v2
{
    width: 100%;
    min-height: 130px;
    position: relative;
}

.dashboard-section .dash-widget-1 .divider-block .tour
{
    display: inline-block;
    width: 50%;
    padding: 15px;
    float: left;
    border-right: 2px solid #ECEEF5;
    cursor: pointer;
}

.dashboard-section .dash-widget-1 .divider-block .ticket
{
    display: inline-block;
    width: 50%;
    padding: 15px;
    float: left;
    cursor: pointer;
}

.dashboard-section .dash-widget-1 .divider-block .tour .label-data p,
.dashboard-section .dash-widget-1 .divider-block .ticket .label-data p
{
    color: #5B6888;	
    font-family: "SF UI Display Light";	
    font-size: 16px;	
    line-height: 24px;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashboard-section .dash-widget-1 .divider-block .tour .label-data i.fa-circle,
.dashboard-section .dash-widget-1 .divider-block .ticket .label-data i.fa-circle
{
    font-size: 6px;
    color: #4A90E2;
    line-height: 20px;
    margin-right: 4px;
    vertical-align: middle;
}

.dashboard-section .dash-widget-1 .divider-block .tour .count-data p,
.dashboard-section .dash-widget-1 .divider-block .ticket .count-data p
{
    color: #5B6888;
    font-family: "SF UI Display Regular";	
    font-size: 36px;	
    margin: 0px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.dashboard-section .dash-widget-1 .divider-block.v2 .tour .count-data p,
.dashboard-section .dash-widget-1 .divider-block.v2 .ticket .count-data p
{
    margin-top: 18px;
}

.dashboard-section .dash-widget-1 .divider-block .tour .count-data p.date,
.dashboard-section .dash-widget-1 .divider-block .ticket .count-data p.date
{
    color: #A6ACBB;
    font-family: "SF UI Display Regular";	
    font-size: 12px;	
    line-height: 18px;
    margin: 0px;
}

.dashboard-section .dash-widget-1 .divider-block .tour .count-data p.date.nearest,
.dashboard-section .dash-widget-1 .divider-block .ticket .count-data p.date.nearest
{
    color: #FF5151;
    font-family: "SF UI Display Semi Bold";	
    font-size: 12px;	
    line-height: 18px;
    margin: 0px;
}

.dashboard-section .dash-widget-1 .divider-block .cancelled-bookings
{
    display: inline-block;
    width: 100%;
    padding: 15px;
    float: left;
    cursor: pointer;
}

.dashboard-section .dash-widget-1 .divider-block .cancelled-bookings .label-data p
{
    color: #5B6888;	
    font-family: "SF UI Display Light";	
    font-size: 16px;	
    line-height: 24px;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashboard-section .dash-widget-1 .divider-block .cancelled-bookings .label-data p i
{
    font-size: 6px;
    color: #4A90E2;
    line-height: 20px;
    margin-right: 4px;
    vertical-align: middle;
}

.dashboard-section .dash-widget-1 .divider-block .cancelled-bookings .count-data
{
    margin-top: 20px;
}
.dashboard-section .dash-widget-1 .divider-block .cancelled-bookings .count-data p
{
    color: #5B6888;
    font-family: "SF UI Display Regular";	
    font-size: 36px;	
    margin: 0px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.dashboard-section .dash-widget-1 .divider-block .cancelled-bookings .count-data p.cancelled-status
{
    color: #A6ACBB;	
    font-family: "SF UI Display Regular";	
    font-size: 12px;	
    line-height: 16px;	
    text-align: right;
    margin: 0px;
}

.dashboard-section .dash-widget-1 .recent-files
{
    width: 100%;
    height: auto;
    max-height: 294px;
    overflow: auto;
}

.dashboard-section .dash-widget-1 .recent-files .rf-header
{
    width: 100%;
    height: auto;
    padding: 16px;
    border-bottom: 2px solid #ECEEF5;
}

.dashboard-section .dash-widget-1 .recent-files .rf-header h2
{
    margin: 0px;
    color: #4A90E2;	
    font-family: "SF UI Display Regular";	
    font-size: 16px;	
    line-height: 24px;
}

.dashboard-section .dash-widget-1 .recent-files .rf-block
{
    width:100%;
    padding: 10px 16px;
    padding-right: 70px;
    height: auto;
    position: relative;
    border-bottom: 2px solid #ECEEF5;
}

.dashboard-section .dash-widget-1 .recent-files .rf-block .rf-details h2
{
    color: #465069;	
    font-family: "SF UI Display Regular";	
    font-size: 16px;	
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 2px 0px;
}

.dashboard-section .dash-widget-1 .recent-files .rf-block .rf-details p
{
    color: #9B9B9B;	
    font-family: "SF UI Display Regular";	
    font-size: 12px;	
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 2px 0px;
}

.dashboard-section .dash-widget-1 .recent-files .rf-block .rf-time
{
    position: absolute;
    right: 16px;
    bottom: 10px;
    color: #9B9B9B;	
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: "SF UI Display Regular";	
    font-size: 12px;	
    line-height: 24px;	
}

.dashboard-section .dash-widget-1 .recent-files .rf-block .rf-time p
{
    margin: 0px;	
}

.dashboard-section .expand-section
{
    width: 100%;
    height: auto;
    padding: 16px;
    border-radius: 2px;	
    background-color: #FFFFFF;	
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    min-height: 100px;
    margin-bottom: 30px;
}

.dashboard-section .expand-heading
{
    margin-bottom: 20px;
}

.dashboard-section .expand-heading h2
{
    color: #465069;	
    font-family: "SF UI Display Regular";	
    font-size: 18px;	
    letter-spacing: 1px;	
    line-height: 21px;
}

.dashboard-section .expand-heading p.bold
{
    color: #465069;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 16px;	
    line-height: 20px;
    margin: 0px;
}

.dashboard-section .expand-heading p
{
    color: #465069;	
    font-family: "SF UI Display Regular";	
    font-size: 14px;	
    line-height: 20px;
    margin: 0px;
}

.dashboard-section .custom-table>thead>tr>th
{
    color: #465069;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    line-height: 16px;
    vertical-align: top;
    border-bottom: 2px solid #ECEEF5;
}

.dashboard-section .custom-table>tbody>tr>td
{
    border-top: 0px !important;
}

.dashboard-section .custom-table>tbody>tr>td>p
{
    color: #465069;	
    font-family: "SF UI Display Regular";	
    font-size: 14px;	
    line-height: 22px;
    margin: 0px;
    margin-bottom: 5px;
}

.dashboard-section .custom-table .status
{
    color: #FF3B53;
}

.dashboard-section .custom-table p.bold
{
    color: #465069;
    font-family: "SF UI Display Semi Bold";	
    margin: 0px;
}

.dashboard-section .custom-table p.normal
{
    color: #465069;
    font-family: "SF UI Display Regular";	
    margin: 0px;
}

.dashboard-section .custom-table p.lite
{
    font-size: 12px;
    color: rgba(70, 80, 105, 0.49);
    font-family: "SF UI Display light";	
    margin: 0px;
}

.dashboard-section .custom-table>tbody>tr:nth-of-type(odd)
{
    background: #fff;
}

.dashboard-section .custom-table>tbody>tr:nth-of-type(even)
{
    background-color: #F7F8FA;
}

.dashboard-section .custom-table .img-btn
{
    width: auto;
    height: auto;
    padding: 0px;
    margin: 0;
}

.dashboard-section .search-sidebar
{
    min-height: 642px;	
    width: 100%;	
    border-radius: 4px;	
    background-color: #FFFFFF;	
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    margin-bottom: 30px;
}

.dashboard-section .search-sidebar.reports,
.dashboard-section .search-sidebar.transfer
{
    min-height: 490px;	
    width: 100%;	
    border-radius: 4px;	
    background-color: #FFFFFF;	
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    margin-bottom: 30px;
}
.dashboard-section .search-sidebar.vehicle
{
    min-height: 600px;
    width: 270px;
    border-radius: 4px 4px 0 0;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
}
.dashboard-section .search-sidebar .side-head
{
    width: 100%;
    height: auto;
    padding: 15px 0px;
    padding-top: 0px;
    margin-bottom: 25px;
}

.dashboard-section .search-sidebar .side-head-2
{
    width: 100%;
    height: auto;
    padding: 20px 17px;
    border-bottom: 2px solid #f5f5f6;
}

.dashboard-section .search-sidebar .side-head h2,
.dashboard-section .search-sidebar .side-head-2 h2
{
    color: #465069;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 16px;	
    font-weight: 600;	
    line-height: 19px;
    margin: 0px;
}

.dashboard-section .search-sidebar.transfer .side-head h2
{
    color: #4A566C;	
    font-family: "SF UI Display Light";	
    font-size: 24px;	
    font-weight: 300;	
    line-height: 24px;
}

.dashboard-section .search-sidebar.transfer .side-head hr
{
    margin-bottom: 0px;
}

.dashboard-section .search-sidebar .side-content
{
    width: 100%;
    height: auto;
}

.dashboard-section .search-sidebar .side-content ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.dashboard-section .search-sidebar .side-content ul li
{
    display: block;
    width: 100%;
}

.dashboard-section .search-sidebar .side-content ul li a
{
    display: block;
    padding: 10px 15px;
    width: 100%;
    color: #9B9B9B;
}

.dashboard-section .search-sidebar .side-content ul li.active a
{
    display: block;
    width: 100%;
    padding: 10px 15px;
    background: #4A90E2;
    color: #fff !important;
}

.search-sidebar .custom-label
{
    color: #9B9B9B;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    font-weight: 600;	
    line-height: 16px;
}

.side-results
{
    width: 100%;
    height: auto;
    min-height: 490px;
    position: relative;
}

.side-results .data-cont
{
    width: 100%;
    height: auto;
}

.side-results .data-cont .data-fetch
{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.side-results .data-cont p
{
    color: #4A90E2;	
    font-size: 16px;	
    line-height: 19px;
    margin-top: 20px;
}

.side-results .data-cont p a
{
    color: #4A90E2;	
}

.side-results .footer-controls
{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 80px;
}

.side-results .footer-controls .ctrl-btn
{
    width: 64px;
    height: 64px;
    background: #fff;
    border: 1px solid #4A90E2;	
    border-radius: 4px !important;
    text-align: center;
    padding: 20px 0px;
    margin-left: 24px;
    transition: 200ms all ease-in;
}

.side-results .footer-controls .ctrl-btn:hover
{
    background: #f4f4f4;
}

.dashboard-section .side-status
{
    width: 100%;
    min-height: 105px;
    height: auto;
    margin-bottom: 25px;
    border-radius: 4px;	
    background-color: #FFFFFF;	
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    border-bottom: 8px solid #F5A623;
    padding: 20px;
}

.dashboard-section .side-status .st-contnt
{
    width: 70%;
    float: left;
    display: inline-block;
    height: auto;
}

.dashboard-section .side-status .st-icon
{
    width: 25%;
    display: inline-block;
    height: auto;
    float: right;
    text-align: right;
    margin: 5px 0px;
}

.dashboard-section .side-status .st-contnt p
{
    color: #5B6888;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    font-weight: 600;	
    line-height: 24px;
    margin-bottom: 8px;
}

.dashboard-section .side-status .st-contnt p.status
{
    color: #F5A623;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 18px;	
    font-weight: 600;	
    margin-bottom: 0px;
    line-height: 24px;
}

.dashboard-section .st-controls
{
    width: 100%;
    padding: 28px;
    height: auto;
    min-height: 428px;
    border-radius: 4px;	
    background-color: #FFFFFF;	
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
}

.dashboard-section .st-controls p.heading
{
    color: #5B6888;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    font-weight: 600;	
    line-height: 24px;
    margin-bottom: 5px;
}

.dashboard-section .st-controls p.s-desc
{
    color: #A6ACBB;	
    font-family: "SF UI Display Regular";	
    font-size: 12px;	
    line-height: 16px;
    margin-bottom: 30px;
}

.dashboard-section .st-controls ul.st-list
{
    text-align: left;
    padding: 0px;
    margin-top: 10px;
    list-style-type: none;
}

.dashboard-section .st-controls ul.st-list li a
{
    color: #4A90E2;	
    font-family: "SF UI Display Regular";	
    font-size: 16px;	
    line-height: 40px;
    padding: 10px 0px;
}

.dashboard-section .st-controls ul.st-list li a.delete
{
    color: #e04f4f;	
}

.dashboard-section .tab-bar
{
    width: 100%;
    height: auto;
    border-radius: 4px;	
    background-color: #FFFFFF;	
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    margin-bottom: 25px;
}

.dashboard-section .tab-bar ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.dashboard-section .tab-bar ul li
{
    padding: 15px 45px;
    display: inline-block;
}

.dashboard-section .tab-bar ul li.active
{
    border-radius: 4px;	
    background-color: #4A90E2;
}

.dashboard-section .tab-bar ul li a
{
    color: #5B6888;	
    font-family: "SF UI Display Regular";	
    font-size: 18px;	
    line-height: 24px;
}

.dashboard-section .tab-bar ul li.active a
{
    color: #FFFFFF;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 18px;	
    line-height: 24px;
}

.dashboard-section .transfer-block
{
    width: 100%;
    height: auto;
    min-height: 460px;
    border-radius: 4px;	
    background-color: #FFFFFF;	
    padding: 44px 46px;
    padding-bottom: 24px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    margin-bottom: 25px;
}


.dashboard-section .transfer-block.create-new
{
    width: 100%;
    min-height: 460px;
    height: auto;
    border-radius: 4px;	
    background-color: #FFFFFF;	
    padding: 44px 46px;
    padding-bottom: 24px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    margin-bottom: 25px;
}

.dashboard-section .transfer-block .text-block
{
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}

.dashboard-section .transfer-block .text-block .sm-txt
{
    color: #D0D0D0;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    font-weight: 600;	
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-section .transfer-block .text-block .lg-txt
{
    color: #465069;	
    font-family: "SF UI Display Regular";	
    font-size: 20px;	
    line-height: 24px;
}

.dashboard-section .transfer-block .text-block .lg-txt span.price
{
    color: #465069;	
    font-family: "SF UI Display Regular";	
    font-size: 40px;	
    line-height: 68px;
}

.dashboard-section .transfer-block .text-block .lg-txt small
{
    color: #465069;	
    font-family: "SF UI Display Regular";	
    font-size: 12px;	
    line-height: 24px;
}

.dashboard-section .transfer-block .custom-label
{
    color: #4A90E2;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    line-height: 16px;
}

.dashboard-section .transfer-block .custom-textarea
{
    width: 100%;
    height: 72px;
    border: 1px solid #A6ACBB;	
    border-radius: 4px;	
    background-color: #FFFFFF;
    outline: none;
    resize: none;
}

.dashboard-section .transfer-block.side-transfer
{
    width: 100%;
    height: auto;
    border-radius: 4px;	
    background-color: #FFFFFF;	
    padding: 24px 26px;
    padding-bottom: 20px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    margin-bottom: 25px;
}

.dashboard-section .transfer-block.side-transfer .custom-label,
.dashboard-section .create-new .custom-label
{
    color: #9B9B9B;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    font-weight: 600;	
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-section .transfer-block.side-transfer .u-block
{
    width: 100%;
    min-height: 45px;
    margin-bottom: 5px;
    position: relative;
}

.dashboard-section .transfer-block.side-transfer .u-block .u-img
{
    width: 32px;
    height: 32px;
    margin: 4px 0px;
    margin-right: 5px;
    float: left;
    display: inline-block;
}

.dashboard-section .transfer-block.side-transfer .u-block .u-img img
{
    width: 32px;
    height: 32px;
    border-radius: 4px;
    object-fit: cover;
}

.dashboard-section .transfer-block.side-transfer .u-block .u-data
{
    display: inline-block;
    width: 50%;
    float: left;
}

.dashboard-section .transfer-block.side-transfer .u-block .u-data h2
{
    color: #465069;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 14px;	
    font-weight: 600;	
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    margin-top: 3px;
    overflow: hidden;
}

.dashboard-section .transfer-block.side-transfer .u-block .u-data p
{
    color: #9B9B9B;	
    font-family: "SF UI Display regular";	
    font-size: 12px;	
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px 0px;
    overflow: hidden;
}

.dashboard-section .transfer-block.side-transfer .u-block .u-ctrls
{
    display: inline-block;
    float: right;
    padding-top: 10px;
}
 
.dashboard-section .transfer-block.side-transfer .u-block .u-ctrls a
{
    color: #4A90E2;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 12px;	
    font-weight: 600;	
    line-height: 24px;
}


.dashboard-section .search-sidebar.assign_driver
{
    min-height: 200px;
    width: 100%;	
    border-radius: 4px;	
    background-color: #FFFFFF;	
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
    margin-bottom: 30px;
    padding: 20px 0px;
}

.dashboard-section .search-sidebar.assign_driver .side-content ul li a.active
{
    background: #4A90E2;
    color: #fff;
}

.dashboard-section .search-sidebar.assign_driver .side-content ul li a
{
    color: #4A90E2;	
    font-family: "SF UI Display Regular";	
    font-size: 16px;	
    line-height: 30px;
    padding: 10px 25px;
}


.manage-head h2
{
    margin: 0px;
    color: #465069;	
    font-family: "SF UI Display Regular";	
    font-size: 24px;	
    line-height: 29px;
    margin-bottom: 15px;
}

.add-more
{
    height: 48px;	
    width: 152px;	
    border-radius: 2px;	
    background-color: #4A90E2;
    color: #fff;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 16px;	
    font-weight: 600;	
    padding: 16px;
    line-height: 19px;
    margin-bottom: 25px;
}

.room-btns
{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.room-btns ul.room-btn-list
{
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

.room-btns ul.room-btn-list li
{
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #F3F3F3;
    border-radius: 2px;	
    background-color: #F3F3F3;
}

.room-btns ul.room-btn-list li.input-field
{
    display: inline-block;
    padding: 0px 5px;
    width: 50px;
    height: 46px;
    border: none;
    border-radius: 2px;	
}

.room-btns ul.room-btn-list li.input-field:hover
{
    border: none;
}

.room-btns ul.room-btn-list li a
{
    color: #4A566C;	
    font-family: "SF UI Display Semi Bold";	
    font-size: 16px;	
    font-weight: 600;	
    line-height: 24px;
}

.room-btns ul.room-btn-list li:hover,
.room-btns ul.room-btn-list li.active
{
    border: 1px solid #4A90E2;	
    color: #4A90E2;
}

.room-btns ul.room-btn-list li:hover a,
.room-btns ul.room-btn-list li.active a
{
    color: #4A90E2;
}


/* Media QUERIES */

@media only screen and (max-width: 768px) {
    
    .dashboard-section .no-left-padding
    {
        padding-left: 15px !important;
    }
    
}

.country img {
    margin-right: 8px;
}

.country {
    color: #465069;
    font-family: "SF UI Display Light";
    font-size: 14px;
    line-height: 24px;
}

.save-btn
{
    height: 40px;
    min-width: 168px;
    border: 1px solid #4A90E2;
    border-radius: 100px;
    background-color: #4A90E2;
    margin: 10px 0px;
    color: #fff;
    line-height: 24px;
}

.create-btn
{
    height: 40px;
    min-width: 168px;
    width: auto;
    border: 1px solid #4A90E2;
    border-radius: 100px;
    background-color: #fff;
    margin: 10px 0px;
    color: #4A90E2;
    line-height: 24px;
}

.search-btn
{
    border: 1px solid #4A90E2;
    border-radius: 4px;
    background: #fff;
    color: #4A90E2;
    width: 100%;
    font-size: 18px;
    height: 48px;
}

.save-btn:hover
{
    background-color: #3780d4;
    color: #fff;
}

.create-btn:hover
{
    background-color: #3780d4;
    color: #fff;
}

.search-btn:hover
{
    background-color: #3780d4;
    color: #fff;
}

.header .login-user-box .u-dropdown
{
    float: left;
    display: inline-block;
    margin-left: 5px;
}

.dropdown-menu li
{
    display: block !important;
    padding: 2px !important;
}

.search-transfer-title
{
    color: #4A566C;
    font-family: "SF UI Display Light";
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
}

.no-right-padding
{
    padding-right: 0px !important;
}

/* Saved Templates */


.dashboard-section .tab-bar
{
    position: relative;
}

.dashboard-section .tab-bar .tab-list li
{
    position: relative;
}

.show-saved
{
    position: absolute;
    display: block;
    width: 270px;
    height: auto;
    padding: 15px;
    background: #fff;
    top:60px;
    right: -10px;
    z-index: 9;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.12);
}

.show-saved p.head-text
{
    color: #A6ACBB;
    font-family: "SF UI Display Regular";
    font-size: 12px;
    line-height: 16px;
}

.show-saved ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.show-saved ul li
{
    padding: 0px !important;
    display: block !important;
    margin-bottom: 15px;
}

.show-saved .saved-block
{
    width: 100%;
    position: relative;
    height: auto;
    padding-right: 100px;
    border-radius: 4px;
    background: linear-gradient(159.35deg, #80C3F3 0%, #4A90E2 100%);
    padding: 7px 15px;
    padding-right: 60px;
}

.show-saved .tour-detail
{
    color: #FFFFFF;
    font-family: "SF UI Display Semi Bold";
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.show-saved .tour-address
{
    color: #FFFFFF;
    font-family: "SF UI Display Regular";
    font-size: 14px;
    line-height: 16px;
    margin: 4px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.show-saved .tour-timing
{
    color: #FFFFFF;
    font-family: "SF UI Display Regular";
    font-size: 12px;
    line-height: 16px;
    margin: 6px 0px;
    margin-bottom: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.icons-indicator
{
    position: absolute;
    top:7px;
    right: 7px;
}

.icons-indicator ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.icons-indicator ul li
{
    display: inline-block !important;
    padding: 4px;
}

.icons-indicator ul li i
{
    width: 20px;
    display: block;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    color: #333;
    text-align: center;
    font-style: normal;
    padding: 5px;
    vertical-align: middle;
}

.footer-saved
{
    padding: 10px 0px;
}

.footer-saved a
{
    color: #4A90E2 !important;
    font-family: "SF UI Display Semi Bold" !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 16px !important;
}
.tour-search-block
{
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.22);
    margin-bottom: 30px;
}

.t-expand-block
{
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px;
    min-height: 220px;
}

.t-expand-block .img-search
{
    height: 152px;
    width: 200px;
    float: left;
    display: inline-block;
    margin-right: 30px;
}

.t-expand-block .img-search img
{
    height:152px;
    width: 200px;
    object-fit: cover;
}

.tour-search-details
{
    display: inline-block;
    width: 70%;
}

.tour-search-details h2
{
    color: #4A4A4A;
    margin: 0px;
    font-family: "SF UI Display Semi Bold";
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.tour-search-details p.open-close
{
    margin: 4px 0px;
    color: #4A4A4A;
    font-family: "SF UI Display Regular";
    font-size: 14px;
    line-height: 16px;
}

.tour-search-details p.description
{
    margin: 4px 0px;
    color: #9B9B9B;
    font-family: "SF UI Display Regular";
    font-size: 14px;
    line-height: 16px;
}

.tour-search-details .view-more
{
    margin: 0px;
    color: #4A90E2;
    font-family: "SF UI Display Regular";
    font-size: 14px;
    line-height: 16px;
}

.tour-search-block .more-details-div
{
    width: 100%;
    height: auto;
    padding: 8px 30px;
    background-color: rgba(236,238,245,0.66);
}

.tour-search-block .more-details-div p.duration
{
    color: #4A4A4A;
    font-family: "SF UI Display Semi Bold";
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.start-time
{
    padding: 8px 30px;
    background: #fff;
}

.start-time ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.start-time ul li
{
    display: inline-block;
    padding: 10px;
    color: #4A4A4A;
    font-family: "SF UI Display Regular";
    font-size: 16px;
    line-height: 24px;
}

.start-time ul li a
{
    color: #4A90E2;
    font-family: "SF UI Display Regular";
    font-size: 16px;
    line-height: 24px;
}

.tblock .table>thead>tr>th
{
    padding: 15px 32px;
    background-color: rgba(236,238,245,0.66);
    color: #4A4A4A;
    font-family: "SF UI Display Semi Bold";
    font-size: 14px;
    border: 1px solid #ECEEF5 !important;
    border-bottom: 0px !important;
}

.no-padding
{
    padding: 0px !important;
}

.tblock .table>tbody>tr>td
{
    vertical-align: middle;
    border: 1px solid #ECEEF5 !important;
}
.tblock .table>thead>tr>th
{
    vertical-align: middle;
}

.book-button
{
    height: 48px;
    width: 120px;
    border-radius: 2px;
    background-color: #4A90E2;
    text-align: center;
    color: #fff;
    font-family: "SF UI Display Semi Bold";
    font-size: 20px;
    font-weight: bold;
    line-height: 16px;
    padding: 15px;
    margin: 35px 0px;
}

.danger-link
{
    color: #F51352;	font-family: "SF UI Display Regular";	font-size: 14px;	line-height: 16px; padding: 8px 30px;
}

.tb-footer
{
    padding-bottom: 18px;
}
.backToSearch
{
    width: 100%;
    height: 48px;
    margin: 30px 0px;
    background: #fff;
    color: #4A90E2;
    font-size: 14px;
    line-height: 16px;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.22);
}