1691 lines
29 KiB
SCSS
1691 lines
29 KiB
SCSS
@import "./constants.scss";
|
|
@import "./helper.scss";
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500');
|
|
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,500,600');
|
|
@import "./animated.scss";
|
|
|
|
body {
|
|
-webkit-font-smoothing: antialiased !important;
|
|
background-color: #f1f5f9;
|
|
text-transform: none;
|
|
padding-top: 56px;
|
|
font-family: "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
font-size: .8rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
color: #3E4B5B !important;
|
|
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #9E9E9E;
|
|
}
|
|
|
|
code {
|
|
font-family: Source Code Pro, Courier New, Courier, monospace;
|
|
font-weight: 400;
|
|
color: #333 !important;
|
|
}
|
|
|
|
.mainContent {
|
|
transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
|
|
}
|
|
|
|
span.saldo-analytic-percentage {
|
|
position: absolute !important;
|
|
right: 16px !important;
|
|
display: block;
|
|
bottom: 0;
|
|
}
|
|
|
|
.ant-tooltip-inner a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
a {
|
|
color: $primary;
|
|
}
|
|
|
|
a:hover {
|
|
color: $primary;
|
|
}
|
|
|
|
.menuItem-active {
|
|
background-color: rgba(0, 0, 0, 0.1) !important;
|
|
}
|
|
|
|
.menuItem--toolbar,
|
|
.menuItem--toolbar a {
|
|
color: #fff !important;
|
|
font-weight: 200 !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.SearchFilterResultResetButton {
|
|
padding: 0 8px;
|
|
margin-left: 8px;
|
|
line-height: 20px;
|
|
cursor: default;
|
|
color: #536179;
|
|
border-radius: 2px;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
}
|
|
|
|
a.SearchFilterResultResetButton:hover {
|
|
color: #536179 !important;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.container {
|
|
width: 1200px;
|
|
}
|
|
}
|
|
|
|
.container {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.content-container {
|
|
min-height: calc(58vh - -4px);
|
|
}
|
|
|
|
.h300 {
|
|
font-weight: 300;
|
|
}
|
|
|
|
.empty-state1 {
|
|
background: url("/assets/images/services/empty-state1.png") center center no-repeat;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
height: 200px;
|
|
}
|
|
|
|
.primary {
|
|
background: $primary;
|
|
}
|
|
|
|
.text-primary {
|
|
color: $primary !important;
|
|
}
|
|
|
|
#components-layout-demo-custom-trigger .logo {
|
|
background: $primary;
|
|
height: 46px;
|
|
line-height: 46px;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
padding-left: 18px;
|
|
}
|
|
|
|
#components-layout-demo-custom-trigger .logo img {
|
|
display: inline-block;
|
|
width: 24px;
|
|
height: 24px;
|
|
vertical-align: sub;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#components-layout-demo-custom-trigger .trigger {
|
|
font-size: 18px;
|
|
line-height: 46px;
|
|
padding: 0 16px;
|
|
cursor: pointer;
|
|
transition: color .3s;
|
|
color: #fff;
|
|
}
|
|
|
|
#components-layout-demo-custom-trigger .trigger:hover {
|
|
color: #fff;
|
|
text-shadow: 0 1px 1px #041913;
|
|
}
|
|
|
|
#components-layout-demo-custom-trigger .ant-layout-sider-collapsed .anticon {
|
|
font-size: 16px;
|
|
}
|
|
|
|
#components-layout-demo-custom-trigger .ant-layout-sider-collapsed .nav-text {
|
|
display: none;
|
|
}
|
|
|
|
#components-layout-demo-custom-trigger .menu-toolbar-flex {
|
|
width: 84vw;
|
|
}
|
|
|
|
#components-layout-demo-custom-trigger .ant-layout-sider-collapsed .ant-layout-header > .menu-toolbar-flex {
|
|
width: 84vw;
|
|
}
|
|
|
|
.background-light,
|
|
.menu-light {
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.background-transparent {
|
|
background: transparent;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.white-text {
|
|
color: #fff;
|
|
}
|
|
|
|
.right-dropdown-menu {
|
|
color: rgb(255, 255, 255);
|
|
position: fixed;
|
|
right: 25px;
|
|
}
|
|
|
|
.icon-profile {
|
|
border: 1px solid #0d352a;
|
|
padding: 8px;
|
|
background: $primary-darken;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.margin-left-8 {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.margin-right-8 {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.center-align {
|
|
text-align: center;
|
|
}
|
|
|
|
.logo-project {
|
|
padding: 18px 0 18px 12px;
|
|
}
|
|
|
|
.menu-top .ant-menu-item > a,
|
|
.menu-top .ant-menu-item-selected {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.menu-top .ant-menu-item-group-list .ant-menu-item-selected,
|
|
.menu-top .ant-menu-item-group-list .ant-menu-item-active,
|
|
.menu-top .ant-menu-sub .ant-menu-item-active {
|
|
color: #108ee9 !important;
|
|
}
|
|
|
|
.menu-top .ant-menu-item-active,
|
|
.menu-top .ant-menu-submenu-active,
|
|
.menu-top .ant-menu-submenu-open,
|
|
.menu-top .ant-menu-horizontal > .ant-menu-submenu:hover,
|
|
.menu-top .ant-menu-submenu-title:hover {
|
|
color: #ececec !important;
|
|
}
|
|
|
|
.comment-content {
|
|
padding: 2px 8px;
|
|
background: #ddd;
|
|
margin: 8px 0;
|
|
border-left: 1px solid #205081;
|
|
}
|
|
|
|
.icon-logo {
|
|
color: #f56a00;
|
|
background-color: #fde3cf;
|
|
padding: 4px 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.logo-full-toolbar {
|
|
padding-left: 28px;
|
|
padding-right: 18px;
|
|
}
|
|
|
|
// List
|
|
.list .list-item,
|
|
.list a.list-item-link {
|
|
display: block;
|
|
padding-bottom: 8px;
|
|
margin-bottom: 8px;
|
|
border-bottom: 1px solid #ddd;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.list a.list-item-link {
|
|
padding: 10px 0 !important;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
transition: color .3s ease;
|
|
}
|
|
|
|
.list .no-border {
|
|
border: none;
|
|
}
|
|
|
|
.list h3 {
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.list {
|
|
border-top: 1px solid #ddd;
|
|
padding-top: 18px;
|
|
}
|
|
|
|
.list .list-item:last-child,
|
|
.list a.list-item-link:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.list-item-avatar-a {
|
|
line-height: 24px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
// Avatar-list
|
|
.avatar-list .ant-avatar {
|
|
position: absolute;
|
|
}
|
|
|
|
.avatar-list .avatar-list-item {
|
|
display: block;
|
|
padding-bottom: 8px;
|
|
margin-bottom: 8px;
|
|
margin-left: 56px;
|
|
}
|
|
|
|
.avatar-list .avatar-small {
|
|
margin-left: 36px;
|
|
}
|
|
|
|
.avatar-list h3 {
|
|
font-weight: 300;
|
|
font-size: 13px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.avatar-list {
|
|
border-top: 1px solid #ddd;
|
|
padding-top: 18px;
|
|
}
|
|
|
|
.avatar-list .avatar-list-item {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.avatar-list .avatar-list-item:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.avatar-menu {
|
|
background: #ddd;
|
|
padding: 6px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.header-page {
|
|
border-bottom: 1px solid #ddd;
|
|
position: relative;
|
|
margin-bottom: 32px;
|
|
padding: 24px 18px 18px 18px;
|
|
}
|
|
|
|
.header-page-sticky {
|
|
position: sticky;
|
|
top: 40px;
|
|
z-index: 10;
|
|
background: #fff;
|
|
}
|
|
|
|
.ant-btn-primary {
|
|
color: #fff;
|
|
background-color: $primary;
|
|
border-color: $primary;
|
|
}
|
|
|
|
.ant-btn-primary:active,
|
|
.ant-btn-primary.active {
|
|
color: #fff;
|
|
background-color: $primary;
|
|
border-color: $primary;
|
|
}
|
|
|
|
.ant-btn-primary:active > a:only-child,
|
|
.ant-btn-primary.active > a:only-child {
|
|
color: $primary;
|
|
}
|
|
|
|
.ant-btn-primary:focus,
|
|
.ant-btn-primary:hover {
|
|
color: #fff;
|
|
background-color: $primary;
|
|
border-color: $primary;
|
|
}
|
|
|
|
.button-create-project,
|
|
.button-create-issue {
|
|
position: absolute;
|
|
right: 24px;
|
|
}
|
|
|
|
.button-light-primary {
|
|
border-color: $primary;
|
|
color: $primary;
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
padding: 0 5px;
|
|
height: 20px;
|
|
background: transparent;
|
|
}
|
|
|
|
.button-light-primary:focus {
|
|
background: transparent;
|
|
}
|
|
|
|
@media screen and (min-width: 1366px) and (min-height: 768px) {
|
|
#components-layout-demo-custom-trigger .menu-toolbar-flex {
|
|
width: 74vw;
|
|
}
|
|
}
|
|
|
|
// Custom Global Style Goes Here
|
|
.no-padding {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.right-border {
|
|
border-right: 1px solid #ddd;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.left-border {
|
|
border-left: 1px solid #ddd;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.top-border {
|
|
border-top: 1px solid #ddd;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.bottom-border {
|
|
border-bottom: 1px solid #ddd;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.marginBottom20 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.marginLeft10 {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.paddingLeft10 {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.paddingLeft20 {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
a,
|
|
a:visited,
|
|
a:hover,
|
|
a:active {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.box-input {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
height: 28px;
|
|
cursor: text;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: #666;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #e5e5e5;
|
|
border-radius: 3px;
|
|
transition: all .3s;
|
|
}
|
|
|
|
.acc-menu-sider {
|
|
flex: 0 0 200px;
|
|
width: 200px;
|
|
|
|
//position: fixed;
|
|
height: 86vh;
|
|
overflow: auto;
|
|
background: #fff;
|
|
}
|
|
|
|
.headerMenu {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: #6772e5;
|
|
}
|
|
|
|
.toolbarCard {
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
|
|
.ToolbarGroupLastButton {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.TableHeaderColumnAkun {
|
|
font-size: 14px !important;
|
|
color: #424770 !important;
|
|
}
|
|
|
|
.tabsAkun {
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.tabsAkun > div {
|
|
background-color: transparent !important;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.buttonTabs {
|
|
font-weight: 500 !important;
|
|
color: #424770 !important;
|
|
text-transform: capitalize !important;
|
|
width: auto !important;
|
|
|
|
}
|
|
|
|
.buttonTabs > div {
|
|
width: 100%;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.buttonTabs > div + span {
|
|
display: none;
|
|
}
|
|
|
|
.buttonTabs > div > div {
|
|
padding: 6px 12px 6px 12px;
|
|
height: auto !important;
|
|
display: block !important;
|
|
}
|
|
|
|
.labelButtonTabs {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.buttonTabsActive {
|
|
color: #6772e5 !important;
|
|
}
|
|
|
|
.flexSpaceBetween {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.TableRowCondensed, .TableRowColumnCondensed {
|
|
height: 32px !important;
|
|
}
|
|
|
|
.TableRowCondensedFirst,
|
|
.TableRowColumnCondensedFirst {
|
|
padding-top: 24px !important;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.TableRowCondensedLast,
|
|
.TableRowColumnCondensedLast {
|
|
padding-top: 8px !important;
|
|
padding-bottom: 24px;
|
|
}
|
|
|
|
//
|
|
//.itenaryBody {
|
|
// height: 100vh;
|
|
// font-family: "Open Sans", sans-serif;
|
|
// /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bea2e7+0,86b7e7+100 */
|
|
// background: #bea2e7;
|
|
// /* Old browsers */
|
|
// background: -moz-linear-gradient(top, #bea2e7 0%, #86b7e7 100%);
|
|
// /* FF3.6-15 */
|
|
// background: -webkit-linear-gradient(top, #bea2e7 0%, #86b7e7 100%);
|
|
// /* Chrome10-25,Safari5.1-6 */
|
|
// background: linear-gradient(to bottom, #bea2e7 0%, #86b7e7 100%);
|
|
// /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bea2e7', endColorstr='#86b7e7',GradientType=0 );
|
|
// /* IE6-9 */
|
|
//
|
|
//}
|
|
|
|
.itenaryBody {
|
|
padding: 0 0 37px 37px;
|
|
}
|
|
|
|
.itenary ul {
|
|
margin: 0;
|
|
list-style: none;
|
|
position: relative;
|
|
color: #5969e2;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.itenary ul:before {
|
|
content: "";
|
|
width: 1px;
|
|
height: 100%;
|
|
position: absolute;
|
|
border-left: 2px dashed #5969e2;
|
|
}
|
|
|
|
.itenary ul li {
|
|
position: relative;
|
|
margin-left: 30px;
|
|
padding: 12px;
|
|
border-radius: 2px;
|
|
background-color: #fff;
|
|
box-shadow: 0 7px 14px 0 rgba(49, 49, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .08);
|
|
}
|
|
|
|
.itenary ul li:not(:first-child) {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.itenary ul li > span {
|
|
width: 2px;
|
|
height: 100%;
|
|
background: #5969e2;
|
|
left: -30px;
|
|
top: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.itenary ul li > span:before {
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
border: 2px solid #5969e2;
|
|
position: absolute;
|
|
background: #86b7e7;
|
|
left: -5px;
|
|
top: 0;
|
|
}
|
|
|
|
.itenary ul li span:after {
|
|
top: 100%;
|
|
}
|
|
|
|
.itenary ul li > div {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.itenary div .title, .itenary div .type {
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
color: #32325d;
|
|
}
|
|
|
|
.itenary div .info {
|
|
font-weight: 300;
|
|
color: #18191b;
|
|
}
|
|
|
|
.itenary div > div {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.itenary span.number {
|
|
height: 100%;
|
|
}
|
|
|
|
.itenary span.number span {
|
|
position: absolute;
|
|
font-size: 10px;
|
|
left: -35px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.itenary span.number span:first-child {
|
|
top: 0;
|
|
}
|
|
|
|
.itenary span.number span:last-child {
|
|
top: 100%;
|
|
}
|
|
|
|
.listCustomerDetailItemKey {
|
|
flex: 0 0 180px;
|
|
color: #6b7c93;
|
|
font-size: 12px;
|
|
line-height: 1.6;
|
|
padding: 2px 0 2px 0;
|
|
}
|
|
|
|
.listCustomerDetailItemValue {
|
|
flex: 1 1 auto;
|
|
font-size: 12px;
|
|
color: #32325d;
|
|
line-height: 1.6;
|
|
padding: 2px 0 2px 0;
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
.listCustDetailItem code {
|
|
color: #32325d;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.listHeaderCustomerDetailItemKey {
|
|
flex: 0 0 180px;
|
|
color: #6b7c93;
|
|
line-height: 1.6;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.listHeaderCustomerDetailItemValue {
|
|
flex: 0 0 180px;
|
|
font-size: 12px;
|
|
color: #32325d;
|
|
line-height: 1.6;
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
.listHeaderCustDetailItem code {
|
|
color: #32325d;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.cardLite {
|
|
border-radius: 4px !important;
|
|
//box-shadow: 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
|
|
box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12) !important;
|
|
}
|
|
|
|
.marketplace-cardLite {
|
|
border-radius: 4px !important;
|
|
box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12) !important;
|
|
}
|
|
|
|
.containerMiddle {
|
|
max-width: 1280px;
|
|
}
|
|
|
|
@media screen and (max-width: 780px) {
|
|
.containerMiddle {
|
|
|
|
}
|
|
}
|
|
|
|
tr.schedule td:first-child {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
tr.schedule {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.bankDetailInformation {
|
|
box-shadow: none;
|
|
border: 1px solid #d4d4d4;
|
|
background-color: #f9f9f9;
|
|
padding: 10px 10px 10px 8px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.fileInput {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
.file-field {
|
|
position: relative;
|
|
}
|
|
|
|
.file-field .file-path-wrapper {
|
|
overflow: hidden;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.file-field input.file-path {
|
|
width: 100%;
|
|
}
|
|
|
|
.file-field .btn, .file-field .btn-large {
|
|
float: left;
|
|
}
|
|
|
|
.file-field span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.file-field input[type=file] {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
|
|
.file-path-wrapper input[type=text] {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
border-bottom: 1px solid #9e9e9e;
|
|
border-radius: 0;
|
|
outline: none;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
margin: 0 0 20px;
|
|
padding: 0;
|
|
box-shadow: none;
|
|
box-sizing: content-box;
|
|
transition: all .3s;
|
|
}
|
|
|
|
.btn {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background-color: #26a69a;
|
|
text-align: center;
|
|
letter-spacing: .5px;
|
|
transition: .2s ease-out;
|
|
cursor: pointer;
|
|
border: none;
|
|
border-radius: 2px;
|
|
display: inline-block;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
padding: 0 2rem;
|
|
vertical-align: middle;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
.carousel .slide {
|
|
background: transparent;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.carousel .slide img {
|
|
margin: 0;
|
|
}
|
|
|
|
.carousel .slide .legend {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
padding-top: 8px;
|
|
background: rgba(0, 0, 0, 0.54);
|
|
border-radius: 0;
|
|
opacity: 1;
|
|
text-align: left;
|
|
}
|
|
|
|
.carousel .slide .legend h1 {
|
|
font-size: 16pt;
|
|
color: rgba(255, 255, 255, 0.87);
|
|
display: block;
|
|
line-height: 36px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.listAdult {
|
|
display: flex;
|
|
padding-bottom: 8px;
|
|
white-space: nowrap;
|
|
align-items: center;
|
|
}
|
|
|
|
.listAdult h3 {
|
|
font-size: 14px;
|
|
flex-grow: 1;
|
|
margin: auto 8px;
|
|
min-width: 76px;
|
|
}
|
|
|
|
.buttonAddPassenger {
|
|
padding: 0 !important;
|
|
height: 32px !important;
|
|
width: 32px !important;
|
|
}
|
|
|
|
.passengerAction {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
flex-shrink: 0;
|
|
box-sizing: border-box;
|
|
margin: 0 8px;
|
|
}
|
|
|
|
.flightDetailResult {
|
|
display: flex;
|
|
padding: 20px 24px;
|
|
}
|
|
|
|
.flightDetailResultDetail {
|
|
flex: 1 0 auto;
|
|
padding-right: 24px;
|
|
}
|
|
|
|
.flightDetailResultDetailItenary {
|
|
padding-left: 96px;
|
|
position: relative;
|
|
}
|
|
|
|
.flightDetailResultDetailItenaryImg {
|
|
background: url("/assets/images/dotted_flight_80dp.png") no-repeat 0 0;
|
|
height: 80px;
|
|
left: 68px;
|
|
position: absolute;
|
|
width: 12px;
|
|
top: 2px;
|
|
}
|
|
|
|
.flightDetailResultDetailItenaryDeparture {
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
line-height: 1;
|
|
color: #000;
|
|
}
|
|
|
|
.flightDetailResultDetailItenaryArrival {
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
padding-top: 56px;
|
|
line-height: 1;
|
|
color: #000;
|
|
}
|
|
|
|
.flightDetailResultDetailItenarySeparator {
|
|
display: inline-block;
|
|
margin: 0 4px;
|
|
}
|
|
|
|
.flightDetailResultDetailItenarySeparator::before {
|
|
content: "·";
|
|
}
|
|
|
|
.flightDetailResultDetailItenaryDuration {
|
|
color: rgba(0, 0, 0, 0.58);
|
|
font-size: 13px;
|
|
position: absolute;
|
|
top: 35px;
|
|
display: flex;
|
|
}
|
|
|
|
.flightDetailResultDetailItenaryStopper {
|
|
border-bottom: 1px solid #e0e0e0;
|
|
border-top: 1px solid #e0e0e0;
|
|
font-size: 13px;
|
|
margin-left: calc(96px + 24px);
|
|
padding: 16px 24px 16px 0;
|
|
}
|
|
|
|
.flightDetailResultDetailItenaryStopperDetail {
|
|
display: flex;
|
|
color: #000;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.flightDetailResultDetailItenaryAirlines {
|
|
display: flex;
|
|
font-size: 13px;
|
|
color: rgba(0, 0, 0, 0.54);
|
|
padding-left: 96px;
|
|
padding-top: 28px;
|
|
}
|
|
|
|
.primaryTextList {
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.buttonSelectFlight {
|
|
position: absolute;
|
|
right: 18px;
|
|
z-index: 11;
|
|
top: 5px;
|
|
}
|
|
|
|
.shadow-inside {
|
|
-webkit-box-shadow: inset 4px 20px 20px -26px #9e9d9d;
|
|
-moz-box-shadow: inset 4px 20px 20px -26px #9e9d9d;
|
|
box-shadow: inset 4px 20px 20px -26px #9e9d9d;
|
|
}
|
|
|
|
.trip-time {
|
|
position: absolute;
|
|
right: 18px;
|
|
top: 12px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.review-title {
|
|
background-color: #fafafa;
|
|
padding: 3px 15px 6px;
|
|
min-width: 94px;
|
|
border-radius: 4px;
|
|
clear: both;
|
|
position: absolute;
|
|
left: -35px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%) rotate(-90deg);
|
|
-moz-transform: translateY(-50%) rotate(-90deg);
|
|
transform: translateY(-50%) rotate(-90deg);
|
|
font-size: 1rem;
|
|
text-align: center;
|
|
color: #666;
|
|
}
|
|
|
|
.sector-details {
|
|
position: relative;
|
|
}
|
|
|
|
.review-article {
|
|
margin-bottom: 1rem;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.two-dots {
|
|
border-top: 1px solid #e4e4e4;
|
|
line-height: 0;
|
|
margin-top: 13px !important;
|
|
margin-bottom: 13px !important;
|
|
position: relative;
|
|
text-align: center;
|
|
color: #999;
|
|
height: 0;
|
|
}
|
|
|
|
.two-dots:before {
|
|
background-color: #e4e4e4;
|
|
content: " ";
|
|
display: inline-block;
|
|
height: 8px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -5px;
|
|
width: 1px;
|
|
}
|
|
|
|
.two-dots:after {
|
|
background-color: #e4e4e4;
|
|
content: " ";
|
|
display: inline-block;
|
|
height: 8px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: -5px;
|
|
width: 1px;
|
|
}
|
|
|
|
.gray-lightest {
|
|
color: #d5d5d5;
|
|
}
|
|
|
|
.lh28 {
|
|
line-height: 22px;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.lh18 {
|
|
line-height: 18px;
|
|
}
|
|
|
|
.gray {
|
|
color: #666;
|
|
}
|
|
|
|
.fs-24 {
|
|
font-size: 1.7rem;
|
|
}
|
|
|
|
.fs-base {
|
|
font-size: 1rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.fs-sm {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.review-article h3, .review-article p {
|
|
margin: 0;
|
|
}
|
|
|
|
.tab-posn-align {
|
|
margin-left: -5rem !important;
|
|
}
|
|
|
|
.sector-details section:first-of-type {
|
|
display: block;
|
|
}
|
|
|
|
.layover-seprator {
|
|
width: 4px;
|
|
height: calc(100% - 90px);
|
|
opacity: 0.3;
|
|
border-right: 1px dotted #666;
|
|
position: absolute;
|
|
top: 40px;
|
|
left: 15%;
|
|
}
|
|
|
|
.layover-seprator:before {
|
|
top: -8px;
|
|
}
|
|
|
|
.layover-seprator:after {
|
|
bottom: -8px;
|
|
}
|
|
|
|
.layover-seprator:before, .layover-seprator:after {
|
|
content: "";
|
|
width: 8px;
|
|
height: 8px;
|
|
opacity: 0.66;
|
|
background-color: #999;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
}
|
|
|
|
.box-condensed {
|
|
top: -8px;
|
|
}
|
|
|
|
.box-condensed.padd-none {
|
|
padding: 0;
|
|
}
|
|
|
|
.pr {
|
|
position: relative;
|
|
}
|
|
|
|
.msg-bar {
|
|
background-color: #fffcc7;
|
|
padding: 8px 15px 7px 15px;
|
|
border-radius: 80px;
|
|
color: #000;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.img-airlinesbook {
|
|
color: rgb(255, 255, 255);
|
|
background-color: transparent;
|
|
user-select: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 17.5px;
|
|
border-radius: 0;
|
|
height: 35px;
|
|
width: 35px;
|
|
}
|
|
|
|
.row-departure {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.row-departure-review {
|
|
border-bottom: 2px dashed #2c2c2c;
|
|
}
|
|
|
|
.select-seat > div > div > div + div {
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.marketplace-toolbarTitle {
|
|
font-size: 13px !important;
|
|
line-height: 1.1 !important;
|
|
max-width: 120px !important;
|
|
}
|
|
|
|
.marketplace-logo {
|
|
width: 50px;
|
|
margin-right: 12px;
|
|
padding: 2px
|
|
}
|
|
|
|
.marketplace-cardLite-light {
|
|
position: relative;
|
|
background: #fff;
|
|
border-radius: 6px;
|
|
border: 1px solid #f6f6f6;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.marketplace-dialog-small {
|
|
max-width: 550px !important;
|
|
}
|
|
|
|
.marketplace-cardBox {
|
|
cursor: pointer;
|
|
transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
|
|
}
|
|
|
|
.marketplace-cardBox:hover {
|
|
-webkit-transform: translateY(-5px) scale(1.02);
|
|
transform: translateY(-5px) scale(1.02);
|
|
-webkit-box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2);
|
|
box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2);
|
|
border: 0;
|
|
}
|
|
|
|
.add-new {
|
|
border: 2px #bababa dashed;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.add-new:hover {
|
|
border-color: #00bfa5;
|
|
transition: 1s;
|
|
}
|
|
|
|
.rowItem {
|
|
margin-left: 8px !important;
|
|
margin-right: 8px !important;
|
|
}
|
|
|
|
@media screen and (max-width: 780px) {
|
|
.tabsAkun {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tabsAkun > div {
|
|
overflow-y: auto;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.buttonTabs {
|
|
flex: none;
|
|
height: 48px;
|
|
padding: 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
min-width: 72px;
|
|
max-width: 264px;
|
|
font-size: 0.875rem;
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 1201px) {
|
|
.col-leftDashboard {
|
|
padding-right: 2rem;
|
|
|
|
}
|
|
.col-rightDashboard {
|
|
padding-left: 2rem;
|
|
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 993px) {
|
|
.col-leftDashboard {
|
|
padding-right: 2rem !important;
|
|
|
|
}
|
|
|
|
.col-rightDashboard {
|
|
padding-left: 2rem !important;
|
|
|
|
}
|
|
}
|
|
|
|
.table-padded table {
|
|
border-collapse: separate !important;
|
|
border-spacing: 0 5px !important;
|
|
}
|
|
|
|
.table-padded table tbody tr {
|
|
transition: all 0.1s ease;
|
|
}
|
|
|
|
.table-padded table tbody tr:hover {
|
|
-webkit-box-shadow: 0 2px 5px rgba(69, 101, 173, 0.1);
|
|
box-shadow: 0 2px 5px rgba(69, 101, 173, 0.1);
|
|
-webkit-transform: translateY(-1px) scale(1.01);
|
|
transform: translateY(-1px) scale(1.01);
|
|
background-color: #fff;
|
|
}
|
|
|
|
.table-padded table tbody tr:hover > td {
|
|
background: #fff;
|
|
}
|
|
|
|
th[class^='recentOrder-'] {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
font-size: .81rem !important;
|
|
color: rgba(90, 99, 126, .49) !important;
|
|
letter-spacing: 1px !important;
|
|
padding: 0.3rem 1.1rem !important;
|
|
font-weight: bold;
|
|
font-family: "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
th[class^='recentOrder-']:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
td[class^='recentOrder-'] {
|
|
background-color: #fff;
|
|
border: none !important;
|
|
border-right: 1px solid rgba(0, 0, 0, .03) !important;
|
|
border-collapse: separate !important;
|
|
font-family: "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
font-size: .8rem !important;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
color: #3E4B5B;
|
|
}
|
|
|
|
td[class^='recentOrder-']:first-child {
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
|
|
td[class^='recentOrder-']:last-child {
|
|
border-radius: 0 4px 4px 0;
|
|
border-right: none;
|
|
text-align: right;
|
|
}
|
|
|
|
td[class^='recentOrder-'].bolder:last-child {
|
|
font-weight: bold !important;
|
|
font-size: .90rem !important;
|
|
|
|
}
|
|
|
|
.table-padded .ant-table,
|
|
.table-padded .ant-table table {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.table-padded table tbody td .status-pill + span {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.status-pill {
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 30px;
|
|
background-color: #eee;
|
|
display: inline-block;
|
|
}
|
|
|
|
.table-padded table tbody td .status-pill + span {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.no-hover table tbody tr:hover,
|
|
.no-hover table tbody td:hover {
|
|
box-shadow: unset !important;
|
|
transform: unset !important;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.status-pill {
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 30px;
|
|
background-color: #eee;
|
|
display: inline-block;
|
|
}
|
|
|
|
.table-padded .smaller {
|
|
font-size: .72rem;
|
|
}
|
|
|
|
.table-padded .lighter {
|
|
color: rgba(90, 99, 126, .49);
|
|
}
|
|
|
|
.smaller .lighter {
|
|
font-size: .72rem !important;
|
|
color: rgba(90, 99, 126, .49) !important;
|
|
}
|
|
|
|
.status-pill.smaller {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
.status-pill.pending,
|
|
.status.pending {
|
|
background-color: #f8bc34 !important;
|
|
}
|
|
|
|
.status-pill.red,
|
|
.status.red {
|
|
background-color: #c21a1a !important;
|
|
}
|
|
|
|
.status-pill.process,
|
|
.status.process {
|
|
background-color: #008000 !important;
|
|
}
|
|
|
|
.status {
|
|
display: inline-block;
|
|
margin-right: 6px;
|
|
width: 11px;
|
|
height: 11px;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.divider-financial {
|
|
margin: 18px 0 18px !important;
|
|
}
|
|
|
|
.table-padded .smaller {
|
|
font-size: .72rem !important;
|
|
}
|
|
|
|
.primaryTextListMap {
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
.element-header {
|
|
border-bottom: 1px solid rgba(0, 0, 0, .05);
|
|
padding-bottom: 1rem;
|
|
margin-bottom: 2rem;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.timed-activities {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.timed-activity {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 2rem;
|
|
font-size: 1.08rem
|
|
}
|
|
|
|
.timed-activity .ta-date {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 130px;
|
|
flex: 0 0 130px;
|
|
color: #808080;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.timed-activity .ta-date span {
|
|
position: relative;
|
|
display: inline-block
|
|
}
|
|
|
|
.timed-activity .ta-date span:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
bottom: -30px;
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 3px solid #000;
|
|
border-radius: 8px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.timed-activity .ta-date:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
bottom: -20px;
|
|
width: 1px;
|
|
top: 70px;
|
|
background-color: rgba(0, 0, 0, 0.1)
|
|
}
|
|
|
|
.timed-activity .ta-record-w {
|
|
padding-left: 40px
|
|
}
|
|
|
|
.timed-activity .ta-record {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start
|
|
}
|
|
|
|
.timed-activity .ta-timestamp {
|
|
position: relative;
|
|
padding-right: 40px;
|
|
color: rgba(0, 0, 0, 0.4);
|
|
width: 110px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.timed-activity .ta-timestamp strong {
|
|
color: #3E4B5B
|
|
}
|
|
|
|
.ta-timestamp-icon {
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
color: #808080;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -22px;
|
|
transform: translateY(-40%);
|
|
display: block;
|
|
}
|
|
|
|
.timed-activity .ta-activity a {
|
|
font-size: .8rem !important;
|
|
cursor: auto;
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity {
|
|
display: block;
|
|
padding-left: 30px;
|
|
position: relative
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity:before {
|
|
position: absolute;
|
|
width: 1px;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
bottom: 0;
|
|
top: 45px;
|
|
content: "";
|
|
left: 8px
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity .ta-date {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0;
|
|
flex: 0;
|
|
text-align: left;
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity .ta-date:before {
|
|
display: none
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity .ta-date span:after {
|
|
left: -30px;
|
|
top: 50%;
|
|
bottom: auto;
|
|
right: auto;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity .ta-record-w {
|
|
padding-left: 20px
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity .ta-record {
|
|
display: block
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity .ta-timestamp {
|
|
font-size: .81rem;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity .ta-timestamp:after {
|
|
right: auto;
|
|
left: -20px;
|
|
font-size: 8px
|
|
}
|
|
|
|
.timed-activities.compact .timed-activity .ta-activity {
|
|
font-size: .9rem;
|
|
margin-bottom: 10px;
|
|
padding-bottom: 15px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
overflow-wrap: break-word;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.alert p {
|
|
font-weight: 300;
|
|
margin: 0;
|
|
}
|
|
|
|
.balance {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.balance-title {
|
|
color: rgba(90, 99, 126, 0.49);
|
|
font-size: 1.08rem;
|
|
}
|
|
|
|
.balance-value {
|
|
font-size: 2.66rem;
|
|
font-weight: 500;
|
|
color: rgb(48, 58, 70);
|
|
white-space: nowrap;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.balance-value span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
line-height: 1.1;
|
|
}
|
|
|
|
.ant-notification {
|
|
z-index: 999999999 !important;
|
|
}
|
|
|
|
.description_chat_p {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.unactive_chat {
|
|
background: #FFF;
|
|
padding : 18px;
|
|
cursor: pointer;
|
|
}
|
|
.active_chat {
|
|
background: #E9EBEB;
|
|
padding : 18px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.unactive_chat .ant-list-item-meta{
|
|
width: 100%;
|
|
}
|
|
|
|
.active_chat .ant-list-item-meta{
|
|
width: 100%;
|
|
}
|
|
|
|
.new_message_count{
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid #09d261;
|
|
background: #09d261;
|
|
color: white;
|
|
font-weight: 600;
|
|
line-height: 1.3;
|
|
text-align: center;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
.fr-wrapper a[href^="https://www.froala.com"] {
|
|
//visibility: hidden;
|
|
visibility: hidden !important;
|
|
margin-top: -5vh;
|
|
position: absolute;
|
|
//z-index: -999999999999 !important;
|
|
}
|