html {
font-size : 14px;
height : 100%;
letter-spacing : 0.01rem;
/*
* Blank page
*/
}
html body {
height : 100%;
background-color : #F4F4FB;
direction : ltr;
font-family: 'Poppins', sans-serif;
color: #3E4757;
}
.full_main_containers .table {
color: #3E4757;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.2px;
}
html body p {
line-height : 1.5rem;
}
html .content {
padding : 0;
position : relative;
transition : 300ms ease all;
-webkit-backface-visibility : hidden;
backface-visibility : hidden;
min-height : calc(100% - 3.35rem);
margin-left : 260px;
}
html .content.app-content {
/* padding : calc(0.5rem + 4.45rem + 1.3rem) 2rem 0; */
padding: calc(0.5rem + 4.15rem + 1.3rem) 1.5rem 0;
}
html .content.app-content.show-overlay .content-overlay {
z-index : 10;
opacity : 1;
}
.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th, .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th{
color: #464646;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
padding: 0.75rem 0.6rem;
}
html .content.app-content.show-overlay .content-overlay ~ .header-navbar-shadow {
display : none;
}
html .content.app-content .content-overlay {
position : fixed;
opacity : 0;
width : 100%;
height : 100%;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : rgba(34, 41, 47, 0.5);
cursor : pointer;
transition : all 0.7s, z-index 0s;
z-index : -1;
}
html .content.app-content .content-area-wrapper {
display : flex;
position : relative;
overflow : hidden;
}
html .content.app-content .content-area-wrapper .content-wrapper, html .content.app-content .content-area-wrapper .content-body {
height : 100%;
}
html .content .body-content-overlay {
top : 0;
left : 0;
right : 0;
bottom : 0;
position : absolute;
display : block;
z-index : 4;
visibility : hidden;
opacity : 0;
transition : all 0.3s ease;
}
html .content .body-content-overlay.show {
visibility : visible;
transition : all 0.3s ease;
opacity : 1;
background-color : rgba(34, 41, 47, 0.2);
border-radius : 0.1785rem;
}
html .content .content-wrapper .content-header-title {
font-weight : 500;
color : #636363;
padding-right : 1rem;
border-right : 1px solid #D6DCE1;
}
html .content .content-wrapper .content-header-right .dropdown-toggle::after {
display : none;
}
html .content .content-wrapper .content-header-right .dropdown-toggle i, html .content .content-wrapper .content-header-right .dropdown-toggle svg {
margin-right : 0;
}
html .content .content-wrapper .content-header-right .btn-icon {
padding : 0.8rem;
}
html .content .content-wrapper .content-header-right .btn-icon i, html .content .content-wrapper .content-header-right .btn-icon svg {
height : 1rem;
width : 1rem;
}
html .navbar-floating.footer-static .app-content .content-area-wrapper, html .navbar-floating.footer-static .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 1) + 4.45rem + 3.35rem + 1.3rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 1) + 4.45rem + 3.35rem + 1.3rem + 0rem
));
}
.crossdock_bg_icon .avatar.bg-light-info{
background: #fff!important;
border-radius: 8px;
padding: 5px!important;
}
.crossdock_bg_icon .avatar_iconsview .las{
color: #424242!important;
}
.card_crossdock_main .dock_projects-bgs-01{
background: #0068FF;
}
.card_crossdock_main .dock_projects-bgs-02{
background: #CF75FF;
}
.card_crossdock_main .dock_projects-bgs-03{
background: #608DC3;
}
.card_crossdock_main .dock_projects-bgs-04{
background: #ED7071;
}
.card_crossdock_main .dock_projects-bgs-05{
background: #B670ED;
}
.card_crossdock_main .dock_projects-bgs-06{
background: #70D6ED;
}
.welcome_page_number_container .card_crossdock_main .my_projects-bgs_co{
background-color: #FFFFFF;
border: 1px solid #DAE3F8;
border-radius: 10px;
box-shadow: 0px 4px 4px 0px #0000001A !important;
}
.welcome_page_number_container .card_crossdock_main .my_projects-bgs_co .card_crossdock_secondbg h2{
color: #424242;
font-size: 18px;
font-weight: 600;
}
.welcome_page_number_container .card.my_projects-bgs_co p.card-text{
font-size: 14px;
font-weight: 500;
color: #747474;
}
.card_crossdock_main .my_projects-bgs_co .card_crossdock_secondbg h2{
font-weight: 600!important;
font-size: 24px;
}
.card_crossdock_main .my_projects-bgs_co .card_crossdock_secondbg p{
color: #fff;
font-size: 14px;
font-weight: 400;
}
/* outbound css onely here start */
.second_outboundview_design .dashboard_secondview .table-responsive table.de_outboundview thead th{
background: #F4F4FB!important;
padding: 0px;
border: none;
min-width: 160px;
}
.second_outboundview_design .dashboard_secondview .table-responsive table.de_outboundview tbody td{
background: #F4F4FB!important;
padding: 0px;
vertical-align: top;
border: none;
}
.second_outboundview_design .dashboard_secondview .table-responsive table.de_outboundview thead th .th_color{
background: #CDCEFF!important;
padding: 10px;
margin: 0px 5px;
text-align: center;
border-radius: 6px;
}
.second_outboundview_design .dashboard_secondview .table-responsive table.de_outboundview tbody{
border: none!important;
}
.sectors_design{
padding: 0px;
list-style-type: none;
display: inline-block;
width: 100%;
text-align: center;
}
.sectors_design li{
float: left;
background: #8BFAD1;
padding: 6px 10px;
margin: 5px 5px;
color: #3E4757;
width: calc(50% - 11px);
box-sizing: border-box;
font-weight: 600;
font-size: 12px;
border-radius: 6px;
}
.sectors_design li.active{
background: #19A873;
color: #fff;
}
.tbody_contentviewbottom thead{
display: contents!important;
}
.second_outboundview_design .dashboard_secondview .table-responsive table.de_outboundview.tbody_contentviewbottom tbody td{
vertical-align: bottom;
}
.second_outboundview_design .dashboard_secondview .table-responsive table.de_outboundview.tbody_contentviewbottom tbody td .sectors_design{
margin-bottom: 0px;
}
.empty_div_height{
height: 65px;
display: inline-block;
width: 100%;
}
.dashboard_third_dview ul{
padding: 0px;
list-style-type: none;
display: inline-block;
width: 100%;
text-align: center;
}
.dashboard_third_dview ul li{
float: left;
background: #ffe4c0;
margin: 4px 2px;
width: calc(33% - 4px);
padding: 5px 0px;
min-height: 30px;
font-weight: 600;
font-size: 11px;
color: #3E4757;
border: 1px solid #DBDBDB;
border-radius: 4px;
}
.dashboard_third_dview ul li.active{
background: #FDB452;
}
.jumbotron_bg.dashboard_third_dview{
padding: 5px;
min-height: 100%;
}
.dashboard_secondview_fullview{
padding: 10px 5px!important;
}
.tbody_contentviewbottom .sectors_design{
vertical-align: bottom;
}
.palletsnoshowoutbound{
display: flex!important;
align-items: center;
justify-content: center;
height: 100%;
color: #464646;
}
.dashboard_third_dview .card_bottom_line_animation .card-header {
background-color: #14ABCD!important;
height: 100%;
}
.dashboard_third_dview .card_bottom_line_animation.bottom_bg_bor3bg .card-header {
background-color: #AB3CBE!important;
}
.search_filtter_animation {
position: relative;
}
div.search input[type=text][data-v-dec378bc]:focus {
width: 100%;
transition: all .3s ease-in;
}
.search_filtter_animation input:focus, .search_filtter_animation input:focus-visible {
border: 1px solid #409aff!important;
outline: none;
background: #f5f5f5!important;
}
.dashboard_third_dview .palletstrip{
text-align: center;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
background: #f9d8a9;
padding: 5px 0px;
border-radius: 3px;
letter-spacing: 0.3px;
margin: 0px 2px;
border: 1px solid #f1d6b2;
}
.search_filtter_animation #search_bar {
position: absolute;
right: 6px;
outline: none;
border: none;
top: 6px;
background: transparent;
color: #626262;
z-index: 9;
padding: 0px;
}
.search_filtter_animation #search_bar svg {
width: 20px;
height: 20px;
padding: 0px;
}
.card-developer-meetup .card-transaction .transaction-item .text-secondary{
font-size: 12px;
}
/* outbound css onely here start end */
@media (max-width: 575.98px) {
html .navbar-floating.footer-static .app-content .content-area-wrapper, html .navbar-floating.footer-static .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
1.3rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
1.3rem + 0rem
));
}
.delayedescalationmo{
display: none;
}
}
html .navbar-floating.footer-hidden .app-content .content-area-wrapper, html .navbar-floating.footer-hidden .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 2) + 4.45rem + 0rem + 1.3rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 2) + 4.45rem + 0rem + 1.3rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-floating.footer-hidden .app-content .content-area-wrapper, html .navbar-floating.footer-hidden .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
1.3rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
1.3rem + 0rem
));
}
}
html .navbar-floating.footer-fixed .app-content .content-area-wrapper, html .navbar-floating.footer-fixed .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 2) + 4.45rem + 3.35rem + 1.3rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 2) + 4.45rem + 3.35rem + 1.3rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-floating.footer-fixed .app-content .content-area-wrapper, html .navbar-floating.footer-fixed .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
1.3rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
1.3rem + 0rem
));
}
}
html .navbar-hidden .app-content {
padding : 2rem 2rem 0 2rem !important;
}
html .navbar-hidden.footer-static .app-content .content-area-wrapper, html .navbar-hidden.footer-static .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 1) + 0rem + 3.35rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 1) + 0rem + 3.35rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-hidden.footer-static .app-content .content-area-wrapper, html .navbar-hidden.footer-static .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 1) - calc(0.8rem * 1)) + 0rem + 3.35rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 1) - calc(0.8rem * 1)) + 0rem + 3.35rem +
0rem + 0rem
));
}
}
html .navbar-hidden.footer-hidden .app-content .content-area-wrapper, html .navbar-hidden.footer-hidden .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 2) + 0rem + 0rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 2) + 0rem + 0rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-hidden.footer-hidden .app-content .content-area-wrapper, html .navbar-hidden.footer-hidden .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 0rem + 0rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 0rem + 0rem +
0rem + 0rem
));
}
}
html .navbar-hidden.footer-fixed .app-content .content-area-wrapper, html .navbar-hidden.footer-fixed .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 2) + 0rem + 3.35rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 2) + 0rem + 3.35rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-hidden.footer-fixed .app-content .content-area-wrapper, html .navbar-hidden.footer-fixed .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 0rem + 3.35rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 0rem + 3.35rem +
0rem + 0rem
));
}
}
html .navbar-static .main-menu {
top : 0;
}
html .navbar-static .content {
min-height : calc(100% - calc(4.45rem + 3.35rem));
}
html .navbar-static .app-content {
padding : 2rem 2rem 0 2rem;
}
html .navbar-static.footer-static .app-content .content-area-wrapper, html .navbar-static.footer-static .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-static.footer-static .app-content .content-area-wrapper, html .navbar-static.footer-static .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
0rem + 0rem
));
}
}
html .navbar-static.footer-hidden .app-content .content-area-wrapper, html .navbar-static.footer-hidden .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 2) + 4.45rem + 0rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 2) + 4.45rem + 0rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-static.footer-hidden .app-content .content-area-wrapper, html .navbar-static.footer-hidden .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
0rem + 0rem
));
}
}
html .navbar-static.footer-fixed .app-content .content-area-wrapper, html .navbar-static.footer-fixed .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-static.footer-fixed .app-content .content-area-wrapper, html .navbar-static.footer-fixed .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
0rem + 0rem
));
}
}
html .navbar-sticky .app-content {
padding : calc(2rem + 4.45rem) 2rem 0 2rem;
}
html .navbar-sticky.footer-static .app-content .content-area-wrapper, html .navbar-sticky.footer-static .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 1) + 4.45rem + 3.35rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-sticky.footer-static .app-content .content-area-wrapper, html .navbar-sticky.footer-static .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 1) - calc(0.8rem * 1)) + 4.45rem + 3.35rem +
0rem + 0rem
));
}
}
html .navbar-sticky.footer-hidden .app-content .content-area-wrapper, html .navbar-sticky.footer-hidden .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 2) + 4.45rem + 0rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 2) + 4.45rem + 0rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-sticky.footer-hidden .app-content .content-area-wrapper, html .navbar-sticky.footer-hidden .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 0rem +
0rem + 0rem
));
}
}
html .navbar-sticky.footer-fixed .app-content .content-area-wrapper, html .navbar-sticky.footer-fixed .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(2rem * 2) + 4.45rem + 3.35rem + 0rem + 0rem
));
}
@media (max-width: 575.98px) {
html .navbar-sticky.footer-fixed .app-content .content-area-wrapper, html .navbar-sticky.footer-fixed .app-content .kanban-wrapper {
height : calc(
100vh -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
0rem + 0rem
));
height : calc(
var(--vh, 1vh) * 100 -
calc(
calc(calc(2rem * 2) - calc(0.8rem * 2)) + 4.45rem + 3.35rem +
0rem + 0rem
));
}
}
html .navbar-static .nav.header-navbar .navbar-container, html .navbar-sticky .nav.header-navbar .navbar-container {
padding-left : 1.6rem;
padding-right : 1.6rem;
}
html .navbar-static .nav.header-navbar .navbar-container .search-input .search-list.show, html .navbar-sticky .nav.header-navbar .navbar-container .search-input .search-list.show {
width : 98%;
left : 1%;
}
html .footer-fixed .content.app-content {
padding-bottom : 3.35rem !important;
}
html [data-col='1-column'] .header-navbar {
width : 100%;
left : 0 !important;
}
html [data-col='1-column'] .header-navbar.floating-nav {
width : calc(
100vw - (100vw - 100%) - calc(2rem * 2)) !important;
}
html [data-col='1-column'] .content, html [data-col='1-column'] .footer {
margin-left : 0 !important;
}
html [data-col='1-column'].horizontal-layout .header-navbar {
width : 100% !important;
}
html [data-col='1-column'].horizontal-layout .app-content {
padding : calc(2rem + 4.45rem + 1.3rem) 2rem 0 2rem !important;
}
html [data-col='1-column'].horizontal-layout.footer-fixed .app-content {
padding : calc(2rem + 4.45rem + 1.3rem) 2rem 3.35rem 2rem !important;
}
html .blank-page .content {
margin-left : 0;
}
html .blank-page .content.app-content {
overflow : overlay;
overflow-x : hidden;
padding : 0 !important;
transition : none;
}
html .blank-page .content.app-content .header-navbar-shadow {
display : none;
}
html .blank-page .content-wrapper {
padding : 0 !important;
}
html .blank-page .content-wrapper .flexbox-container {
display : flex;
align-items : center;
height : 100vh;
height : calc(var(--vh, 1vh) * 100);
justify-content : center;
}
html .pace .pace-progress {
background : #7367F0;
}
.app-content.center-layout {
overflow : hidden;
}
.trs_font_size14{
font-size: 13px;
}
/*
* Col 3 layout for detached and general type
*/
@media (min-width: 992px) {
body .content-right {
width : calc(100vw - (100vw - 100%) - 260px);
float : right;
}
body .content-left {
width : calc(100vw - (100vw - 100%) - 260px);
float : left;
}
body .content-detached {
width : 100%;
}
body .content-detached.content-right {
float : right;
margin-left : -260px;
}
body .content-detached.content-right .content-body {
margin-left : calc(260px + 2rem);
}
body .content-detached.content-left {
float : left;
margin-right : -260px;
}
body .content-detached.content-left .content-body {
margin-right : calc(260px + 2rem);
}
.sidebar-right.sidebar-sticky {
float : right !important;
margin-left : -260px;
width : 260px !important;
margin-top : 5.7rem;
}
}
@media (max-width: 575.98px) {
html body .app-content {
padding: calc(0.5rem - 0.5rem + 4.45rem + 1.3rem) calc(1.5rem - 0.5rem) 0 calc(1.8rem - 0.8rem) !important;
}
html body.navbar-static .app-content {
padding : calc(2rem - 0.8rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important;
}
html body.navbar-sticky .app-content {
padding : calc(2rem - 0.8rem + 4.45rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important;
}
html body.navbar-hidden .app-content {
padding : calc(2rem - 0.8rem) calc(2rem - 0.8rem) 0 calc(2rem - 0.8rem) !important;
}
.card.card_box_shadow .VuePagination__pagination li a{
padding: 0.5rem 0.5rem;
line-height: 0.9;
}
.card.card_box_shadow .VuePagination__pagination .page-item .page-link{
min-width: 1.286rem;
}
}
@media (max-width: 575.98px) {
.navbar-static .app-content .header-navbar .navbar-container, .navbar-sticky .app-content .header-navbar .navbar-container {
padding-left : 1rem;
padding-right : 0.5rem;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html.full-screen {
width : 100%;
}
html.full-screen .content.app-content {
height : 100%;
overflow : scroll;
overflow-x : hidden;
}
}
/*=========================================================================================
File Name: sidebar.scss
Description: content sidebar specific scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.sidebar {
position : relative;
width : 100%;
height : 100%;
}
@media (min-width: 992px) {
.sidebar {
vertical-align : top;
}
}
@media (min-width: 1010px) {
.mastercreateformright {
float: right;
position: absolute;
right: 0px;
}
}
.sidebar-fixed {
position : fixed;
height : 100%;
overflow : scroll;
}
.sidenav-overlay {
position : fixed;
top : 0;
left : 0;
right : 0;
height : 120vh;
background-color : rgba(34, 41, 47, 0.5);
z-index : 997;
display : block;
visibility : hidden;
opacity : 0;
transition : all 0.5s ease;
}
.sidenav-overlay.show {
opacity : 1;
visibility : visible;
transition : all 0.5s ease;
}
.drag-target {
height : 100%;
width : 40px;
position : fixed;
top : 0;
left : -10px;
z-index : 1036;
}
.sidebar-detached .sidebar {
width : 260px;
}
@media (min-width: 992px) {
.sidebar-left {
float : left;
}
.sidebar-right {
float : right;
}
.navbarleft_section_m0{
margin-left: 0px;
}
}
@media (max-width: 991.98px) {
.sidebar-detached .sidebar {
width : 100%;
}
.search_filtter_animation.sarch_afterchange_design12{
display: none;
}
}
footer.footer {
padding : 0.8rem 2rem;
min-height : 3.35rem;
transition : 300ms ease all;
}
footer.footer span i, footer.footer span svg {
height : 1.51rem;
width : 1.51rem;
font-size : 1.51rem;
margin-left : 0.5rem;
color : #EA5455;
}
footer.footer .scroll-top {
padding : 0.81rem 0.83rem;
}
footer.footer-shadow {
box-shadow : 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}
footer.footer-border {
border-top : 1px solid #EBE9F1;
}
.footer-fixed footer {
position : fixed !important;
z-index : 1030;
right : 0;
left : 0;
bottom : 0;
}
.footer-fixed footer.footer-light {
background : #FFFFFF;
box-shadow : 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}
.footer-fixed footer.footer-dark {
background : #B8C2CC;
color : #FFFFFF;
}
.footer-hidden .app-content {
padding-bottom : 0.1px !important;
}
.scroll-top {
position : fixed;
bottom : 5%;
right : 30px;
display : none;
z-index : 99;
}
/*=========================================================================================
File Name: navigation.scss
Description: Common mixin for menus, contain dark and light version scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.main-menu {
z-index : 1031;
position : absolute;
display : table-cell;
height : 100%;
overflow : hidden;
}
.main-menu.menu-light {
color : #6E6B7B;
background : #FFFFFF;
}
.main-menu.menu-light .navigation {
background : #FFFFFF;
}
.main-menu.menu-light .navigation .navigation-header {
color : #A6A4B0;
margin : calc(2rem + 0.286rem) 0 0.8rem 2.2rem;
padding : 0;
line-height : 1.5;
letter-spacing : 0.01rem;
}
.main-menu.menu-light .navigation .navigation-header span {
font-weight : 500;
}
.main-menu.menu-light .navigation li.has-sub > a {
transition : all 0.5s ease, background 0s, color 0s;
}
.main-menu.menu-light .navigation li a {
color: #74828F;
padding: 11px 14px 11px 14px;
line-height: 1.45;
font-size: 14px;
font-weight: 500;
border-radius: 8px!important;
}
.main-menu.menu-light .navigation li.nav-item ul.menu-content li a span{
font-weight: 400;
}
.navigation .has-sub ul.menu-content li {
border-bottom: 1px solid #fff;
}
.main-menu.menu-light .navigation li a span.menu-sub-title {
color : #BDBBC4;
}
.main-menu.menu-light .navigation li a > * {
transition : transform 0.25s ease;
}
.main-menu.menu-light .navigation li.nav-item a:hover > * {
transition : transform 0.25s ease;
transform : translateX(0px);
}
.main-menu.menu-light .navigation li.nav-item ul.menu-content li a:hover > * {
transition : transform 0.25s ease;
transform : translateX(0px);
}
.main-menu.menu-light .navigation > li > a {
margin: 0 0px;
border-radius: 0px;
/* border-bottom: 1px solid #f0f1f3; */
}
.main-menu.menu-light .navigation > li > a .label {
margin-top : 4px;
margin-right : 5px;
}
.main-menu.menu-light .navigation > li > a i, .main-menu.menu-light .navigation > li > a svg {
position : relative;
top : 1px;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg{
height: 20px;
width: 20px!important;
font-size: 1.45rem;
margin-right: 1.1rem;
flex-shrink: 0;
}
.main-menu.menu-light .navigation > li > ul li:first-of-type {
margin-top : 7px !important;
}
.main-menu.menu-light .navigation > li > ul li:not(.has-sub) {
margin : 0 0px;
margin-top: 0px!important;
}
.main-menu.menu-light .navigation > li > ul li.has-sub > a {
margin : 0 0px;
}
.main-menu.menu-light .navigation > li > ul li.has-sub > ul > li {
margin : 0 0px;
}
.nav-item.has-sub.open .first_a{
background-color: #F6F6F6;
color: #464646;
font-size: 14px!important;
padding: 11px 14px 11px 14px;
}
.nav-item.has-sub.open .first_a .i_icon_st{
color: #464646;
}
.nav-item.has-sub.menu-collapsed-open .first_a{
color: #464646;
}
.navigation.navigation-main .nav-item.menu-collapsed-open .router-link-exact-active,.navigation.navigation-main .nav-item.open .router-link-exact-active{
background-color: #F6F6F6;
border-radius: 8px;
}
.navigation.navigation-main .nav-item.menu-collapsed-open .router-link-exact-active svg, .navigation.navigation-main .nav-item.open .router-link-exact-active svg{
color: #ec9415;
}
.navigation.navigation-main .nav-item.menu-collapsed-open .router-link-exact-active .menu-title.text-truncate, .navigation.navigation-main .nav-item.open .router-link-exact-active .menu-title.text-truncate{
color: #efa63e;
font-weight: 600;
}
.main-menu.menu-light .navigation > li:not(.open) > ul {
display : none;
}
.main-menu.menu-light .navigation > li:not(.open) > ul .active {
background : transparent;
box-shadow : none;
}
.main-menu.menu-light .navigation > li.active {
z-index : 1;
}
.main-menu.menu-light .navigation > li.active > a {
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
box-shadow : 0 0 10px 1px rgba(115, 103, 240, 0.7);
color : #FFFFFF;
font-weight : 400;
border-radius : 4px;
}
.main-menu.menu-light .navigation > li .active {
background : #F0F0F0;
}
.main-menu.menu-light .navigation > li .active > a {
color : #7367F0;
margin-bottom : 0;
}
.main-menu.menu-light .navigation > li .active .hover > a, .main-menu.menu-light .navigation > li .active :hover > a {
background : whitesmoke;
}
.main-menu.menu-light .navigation > li ul {
padding : 0;
margin : 0;
margin-left: 22px;
border-left: 2px solid #D9D9D9;
margin-top: 8px;
}
.main-menu.menu-light .navigation > li ul li {
color : #6E6B7B;
background : transparent;
margin: 0px 10px!important;
margin-right: 0px!important;
}
.main-menu.menu-light .navigation > li ul li > a {
padding: 8px 15px 8px 15px;
}
.main-menu.menu-light .navigation > li ul li ul a {
padding : 10px 15px 10px 53px;
}
.main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul {
display : none;
}
.main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul .active {
background : transparent;
box-shadow : none;
}
.main-menu.menu-light .navigation > li ul .open > a, .main-menu.menu-light .navigation > li ul .sidebar-group-active > a {
color : #6E6B7B;
background : whitesmoke;
border-radius : 6px;
}
.main-menu.menu-light .navigation > li ul .open > ul, .main-menu.menu-light .navigation > li ul .sidebar-group-active > ul {
display : block;
}
.main-menu.menu-light .navigation > li ul .open > ul .open > ul, .main-menu.menu-light .navigation > li ul .sidebar-group-active > ul .open > ul {
display : block;
}
.main-menu.menu-light .navigation > li ul .hover > a, .main-menu.menu-light .navigation > li ul:hover > a {
color : #787486;
}
.main-menu.menu-light .navigation > li ul .active {
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
/* box-shadow : 0 0 10px 1px rgba(115, 103, 240, 0.7);*/
border-radius : 0px;
z-index : 1;
}
.main-menu.menu-light .navigation > li ul .active{
background: transparent;
}
.main-menu.menu-light .navigation > li ul .active > a {
color: #464646;
}
.main-menu.menu-dark {
color : #DCDCDC;
background : #10163A;
}
.main-menu.menu-dark .navigation {
background : #10163A;
}
.main-menu.menu-dark .navigation .navigation-header {
color : white;
margin : calc(2rem + 0.286rem) 0 0.8rem 2.2rem;
padding : 0;
line-height : 1.5;
letter-spacing : 0.01rem;
}
.main-menu.menu-dark .navigation .navigation-header span {
font-weight : 500;
}
.main-menu.menu-dark .navigation li.has-sub > a {
transition : all 0.5s ease, background 0s, color 0s;
}
.main-menu.menu-dark .navigation li a {
color : #D0D0D0;
padding : 10px 15px 10px 15px;
line-height : 1.45;
}
.main-menu.menu-dark .navigation li a span.menu-sub-title {
color : white;
}
.main-menu.menu-dark .navigation li a > * {
transition : transform 0.25s ease;
}
.main-menu.menu-dark .navigation li.nav-item a:hover > * {
transition : transform 0.25s ease;
transform : translateX(5px);
}
.main-menu.menu-dark .navigation li.nav-item ul.menu-content li a:hover > * {
transition : transform 0.25s ease;
transform : translateX(5px);
}
.main-menu.menu-dark .navigation > li > a {
margin : 0 15px;
}
.main-menu.menu-dark .navigation > li > a .label {
margin-top : 4px;
margin-right : 5px;
}
.main-menu.menu-dark .navigation > li > a i, .main-menu.menu-dark .navigation > li > a svg {
position : relative;
top : 1px;
}
.main-menu.menu-dark .navigation > li > ul li:first-of-type {
margin-top : 7px !important;
}
.main-menu.menu-dark .navigation > li > ul li:not(.has-sub) {
margin : 0 15px;
}
.main-menu.menu-dark .navigation > li > ul li.has-sub > a {
margin : 0 15px;
}
.main-menu.menu-dark .navigation > li > ul li.has-sub > ul > li {
margin : 0 15px;
}
.main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
color : #C3C3C3;
background : #0C102A;
border-radius : 6px;
}
.main-menu.menu-dark .navigation > li:not(.open) > ul {
display : none;
}
.main-menu.menu-dark .navigation > li:not(.open) > ul .active {
background : transparent;
box-shadow : none;
}
.main-menu.menu-dark .navigation > li.active {
z-index : 1;
}
.main-menu.menu-dark .navigation > li.active > a {
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
box-shadow : 0 0 10px 1px rgba(115, 103, 240, 0.7);
color : #FFFFFF;
font-weight : 400;
border-radius : 4px;
}
.main-menu.menu-dark .navigation > li .active {
background : #090D22;
}
.main-menu.menu-dark .navigation > li .active > a {
color : #7367F0;
margin-bottom : 0;
}
.main-menu.menu-dark .navigation > li .active .hover > a, .main-menu.menu-dark .navigation > li .active :hover > a {
background : #0C102A;
}
.main-menu.menu-dark .navigation > li ul {
padding : 0;
margin : 0;
}
.main-menu.menu-dark .navigation > li ul li {
color : #DCDCDC;
background : transparent;
}
.main-menu.menu-dark .navigation > li ul li > a {
padding : 10px 15px 10px 20px;
}
.main-menu.menu-dark .navigation > li ul li ul a {
padding : 10px 15px 10px 53px;
}
.main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul {
display : none;
}
.main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul .active {
background : transparent;
box-shadow : none;
}
.main-menu.menu-dark .navigation > li ul .open > a, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > a {
color : #DCDCDC;
background : #0C102A;
border-radius : 6px;
}
.main-menu.menu-dark .navigation > li ul .open > ul, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul {
display : block;
}
.main-menu.menu-dark .navigation > li ul .open > ul .open > ul, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul .open > ul {
display : block;
}
.main-menu.menu-dark .navigation > li ul .hover > a, .main-menu.menu-dark .navigation > li ul:hover > a {
color : #E6E6E6;
}
.main-menu.menu-dark .navigation > li ul .active {
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
box-shadow : 0 0 10px 1px rgba(115, 103, 240, 0.7);
border-radius : 4px;
z-index : 1;
}
.main-menu.menu-dark .navigation > li ul .active > a {
color : #FFFFFF;
}
.main-menu.menu-fixed {
position : fixed;
}
.main-menu.menu-static {
height : 100%;
padding-bottom : calc(100% - 20rem);
}
.main-menu.menu-static .main-menu-content {
height : unset !important;
}
.main-menu.menu-shadow {
box-shadow : 0 0 15px 0 rgba(34, 41, 47, 0.05);
}
.main-menu.menu-border {
border-right : 1px solid #EBE9F1;
}
.main-menu .shadow-bottom {
display : none;
position : absolute;
z-index : 2;
height : 50px;
width : 100%;
pointer-events : none;
margin-top : -0.7rem;
filter : blur(5px);
background : linear-gradient(#FFFFFF 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0));
}
.bordered-layout .main-menu .shadow-bottom {
background : linear-gradient(#F8F8F8 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0));
}
.main-menu.menu-native-scroll .main-menu-content {
overflow-y : auto !important;
}
.main-menu .navbar-header {
width : 260px;
height : 4.45rem;
position : relative;
padding : 0.35rem 1rem 0.3rem 1.64rem;
transition : 300ms ease all, background 0s;
}
.main-menu .navbar-header .navbar-brand {
display : flex;
align-items : center;
margin-top : 1.35rem;
font-size : inherit;
}
.main-menu .navbar-header .navbar-brand .brand-logo img {
max-width : 36px;
}
.main-menu .navbar-header .navbar-brand .brand-text {
color : #7367F0;
padding-left : 1rem;
margin-bottom : 0;
font-weight : 600;
letter-spacing : 0.01rem;
font-size : 1.45rem;
-webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}
.main-menu .navbar-header .modern-nav-toggle {
-webkit-animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
animation : 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}
.main-menu .main-menu-content {
height : calc(100% - 4.45rem) !important;
position : relative;
}
.main-menu .main-menu-content .ps__rail-y {
z-index : 3;
}
.main-menu ul {
list-style : none;
margin : 0;
padding : 0;
}
.main-menu ul.navigation-main {
overflow-x : hidden;
padding-bottom : 0.75rem;
}
.main-menu ul.navigation-main > li:first-child {
margin-top : 0rem;
}
.main-menu a {
outline : none;
}
.main-menu a:hover, .main-menu a:focus {
text-decoration : none;
}
.navigation {
font-size : 1rem;
font-family: 'Poppins', sans-serif;
font-weight : 400;
overflow-y : hidden;
padding-bottom : 20px;
}
.navigation .navigation-header {
font-family: 'Poppins', sans-serif;
font-weight : 500;
line-height : 1.2;
padding : 12px 22px;
font-size : 0.9rem;
text-transform : uppercase;
}
.navigation li {
position : relative;
white-space : nowrap;
}
.navigation li a {
display : block;
text-overflow : ellipsis;
overflow : hidden;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg{
display: none;
}
/* .navigation li a i, .navigation li a svg {
height : 11px;
width : 11px;
font-size : 11px;
margin-right : 1.38rem;
} */
.navigation li.menu-item-animating {
transition : height 0.25s ease-in-out;
}
.navigation li.disabled a {
cursor : not-allowed;
opacity : 0.65;
pointer-events : none;
}
/* tooltip css only */
.tooltip.b-tooltip{
display: block;
opacity: 0.9!important;
outline: 0;
}
.table-responsive .tooltip-inner {
max-width: 220px;
padding: 0.4rem 0.775rem;
color: #fff;
text-align: center;
background-color: red;
border-radius: 0.358rem;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000!important;
border-radius: 0.25rem;
}
.table-responsive .bs-tooltip-top .arrow, .table-responsive .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0;
}
.table-responsive .tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.card_crossdock_main_padding .my_projects-bgs_co .card_crossdock_p5 .font-weight-bolder{
text-align: center;
}
.common_top_title_searchbgst_dock{
background-color: #fff!important;
border-bottom: 1px solid #eee!important;
padding: 10px 0px!important;
}
.common_top_title_searchbgst_dock h4{
position: relative;
top: 2px;
}
.mb_20{
margin-bottom: 19px;
}
.common_top_title_searchbgst_dock .avatar.bg-light-secondary{
color: #00BCD4 !important;
background: rgba(103, 190, 253, 0.12)!important;
}
.dashboard_main_container .card_crossdock_main_padding .card.my_projects-bgs_co{
margin-bottom: 35px!important;
}
@media (max-width: 767.98px) {
.menu-hide .main-menu, .menu-open .main-menu {
transition : transform 0.25s, top 0.35s, height 0.35s;
}
.main-menu {
transform : translate3d(-240px, 0, 0);
-webkit-backface-visibility : hidden;
backface-visibility : hidden;
perspective : 1000;
}
.menu-open .main-menu {
transform : translate3d(0, 0, 0);
}
.outboundview_designmobileview5{
padding: 5px!important;
}
}
@media (max-width: 767px) {
.loading_werehouseimage img{
max-width: 82%;
}
.card_crossdock_main_padding .card.my_projects-bgs_co{
margin-bottom: 15px!important;
}
.loading_scan_truck .svg_icons svg{
width: 100%;
}
.dashboardMaincontent h3{
font-size: 14px!important;
letter-spacing: 0.3px;
padding: 15px 0px;
}
}
@media (min-width: 768px) {
.drag-target {
z-index : 0;
}
.dashboardMaincontent_text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 50%);
width: 80%;
}
.pl_ds_0{
padding-left: 0px !important;
}
.pr_0_ds{
padding-right: 0 !important;
}
.monthly_details_tab{
margin-top: 26px;
}
.global_performance_tab_container .white_bg{
margin: 15px !important;
}
.global_performance_tab_container .gateperformanceicon .avatar{
background-color: #fff !important;
}
}
.avatar {
white-space : nowrap;
background-color : #edd6d6;
border-radius : 50%;
position : relative;
cursor : pointer;
color : #FFFFFF;
display : inline-flex;
font-size : 1rem;
text-align : center;
vertical-align : middle;
font-weight : 600;
}
.avatar .avatar-content {
width : 32px;
height : 32px;
display : flex;
justify-content : center;
align-items : center;
border-radius : 50%;
font-size : 0.857rem;
}
.avatar .avatar-content .avatar-icon {
height : 1rem;
width : 1rem;
}
.avatar [class*='avatar-status-'] {
border-radius : 50%;
width : 11px;
height : 11px;
position : absolute;
right : 0;
bottom : 0;
border : 1px solid #FFFFFF;
}
.avatar [class*='avatar-status-'].avatar-status-lg, .avatar [class*='avatar-status-'].avatar-status-xl {
width : 17px;
height : 17px;
border-width : 2px;
}
.avatar .avatar-status-online {
background-color : #28C76F;
}
.avatar .avatar-status-busy {
background-color : #EA5455;
}
.avatar .avatar-status-away {
background-color : #FF9F43;
}
.avatar .avatar-status-offline {
background-color : #82868B;
}
.avatar.avatar-tag {
display : flex;
align-items : center;
justify-content : center;
height : 42px;
width : 42px;
border-radius : 0.357rem;
}
.avatar img {
border-radius : 50%;
}
.avatar.avatar-xl {
font-size : 1.5rem;
}
.avatar.avatar-xl img {
width : 70px;
height : 70px;
}
.avatar.avatar-xl .avatar-content {
height : 70px;
width : 70px;
font-size : 2.57rem;
}
.avatar.avatar-xl .avatar-content .avatar-icon, .avatar.avatar-xl .avatar-content i, .avatar.avatar-xl .avatar-content svg {
height : 3rem;
width : 3rem;
font-size : 3rem;
}
.avatar.avatar-xl [class*='avatar-status-'] {
right : 3px;
bottom : 0;
}
.avatar.avatar-lg {
font-size : 1.2rem;
}
.avatar.avatar-lg img {
width : 50px;
height : 50px;
}
.avatar.avatar-lg .avatar-content {
width : 50px;
height : 50px;
font-size : 1.714rem;
}
.avatar.avatar-lg .avatar-content .avatar-icon, .avatar.avatar-lg .avatar-content i, .avatar.avatar-lg .avatar-content svg {
height : 2rem;
width : 2rem;
font-size : 2rem;
}
.avatar.avatar-lg [class*='avatar-status-'] {
right : 3px;
bottom : 1px;
}
.avatar.avatar-sm .avatar-content {
width : 24px;
height : 24px;
}
.avatar.avatar-sm .avatar-content .avatar-icon, .avatar.avatar-sm .avatar-content i, .avatar.avatar-sm .avatar-content svg {
height : 1rem;
width : 1rem;
font-size : 1rem;
}
.avatar.avatar-sm img {
width : 24px;
height : 24px;
}
.avatar.avatar-sm [class*='avatar-status-'] {
right : -3px;
bottom : -2px;
}
.avatar-group {
display : flex;
justify-content : flex-start;
}
.avatar-group .avatar {
transition : all 0.25s ease;
}
.avatar-group .avatar img, .avatar-group .avatar .avatar-content {
box-shadow : 0 0 0 2px #FFFFFF, inset 0 0 0 1px rgba(34, 41, 47, 0.07);
}
.avatar-group .avatar .avatar-content {
background-color : #B7B9BC !important;
}
.avatar-group .avatar:hover {
transition : all 0.25s ease;
}
.avatar-group .avatar.pull-up:hover {
transform : translateY(-4px) scale(1.07);
}
.avatar-group .avatar:not(:first-child) {
margin-left : -0.55rem;
}
.avatar-group .avatar-sm:not(:first-child) {
margin-left : -0.4rem;
}
.avatar-group .avatar-lg:not(:first-child) {
margin-left : -1rem;
}
.avatar-group .avatar-xl:not(:first-child) {
margin-left : -1.5rem;
}
/*=========================================================================================
File Name: search.scss
Description: Search functionality.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.navbar-container a.nav-link-search {
float : left;
}
.navbar-container .search-input {
width : 0;
float : left;
display : none;
}
.navbar-container .search-input input {
width : 0;
border : none;
background : none;
transition : all 0.2s ease-out;
line-height : 16px;
padding : 1.6rem 3.6rem;
}
.navbar-container .search-input.open {
position : absolute;
top : 0;
left : 0;
z-index : 1000;
width : 100%;
display : block;
background : #FFFFFF;
border-radius : 0.5rem;
}
.navbar-container .search-input.open .search-input-close, .navbar-container .search-input.open .search-input-icon {
display : block;
}
.navbar-container .search-input.open input {
width : 100%;
outline : none;
background : none;
height : auto;
box-shadow : none;
transition : all 0.3s ease-out;
}
.navbar-container .search-input .search-list {
max-height : 450px;
height : auto;
position : absolute;
top : 100%;
left : 0;
background : #FFFFFF;
width : 100%;
margin-top : 0.5rem;
padding-left : 0;
border-radius : 0.357rem;
display : none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 875px) and (orientation: landscape) {
.navbar-container .search-input .search-list {
max-height : 250px;
}
}
.navbar-container .search-input .search-list.search-list-bookmark {
height : auto !important;
}
.navbar-container .search-input .search-list.search-list-bookmark i, .navbar-container .search-input .search-list.search-list-bookmark svg {
font-size : 1.2rem;
height : 1.2rem;
width : 1.2rem;
}
.navbar-container .search-input .search-list.show {
display : block;
min-height : 3rem;
}
.navbar-container .search-input .search-list li a {
padding : 0.9rem 1rem;
color : #6E6B7B;
}
.navbar-container .search-input .search-list li a i, .navbar-container .search-input .search-list li a svg[class*='feather feather-'] {
height : 1.25rem;
width : 1.25rem;
font-size : 1.25rem;
}
.navbar-container .search-input .search-list li:first-child {
border-top-left-radius : 0.357rem;
border-top-right-radius : 0.357rem;
}
.navbar-container .search-input .search-list li:last-child {
border-bottom-left-radius : 0.357rem;
border-bottom-right-radius : 0.357rem;
}
.navbar-container .search-input .search-list li.auto-suggestion {
display : flex;
align-items : center;
cursor : pointer;
}
.navbar-container .search-input .search-list li.auto-suggestion:hover, .navbar-container .search-input .search-list li.auto-suggestion.current_item {
background-color : #F8F8F8;
}
.navbar-container .search-input .search-input-icon {
z-index : 2;
display : none;
position : absolute;
left : 1.5rem;
top : 32%;
cursor : pointer;
}
.navbar-container .search-input .search-input-icon i, .navbar-container .search-input .search-input-icon svg {
height : 1.25rem;
width : 1.25rem;
font-size : 1.25rem;
}
.navbar-container .search-input .search-input-close {
z-index : 1;
display : none;
position : absolute;
right : 2rem;
top : 32%;
cursor : pointer;
}
.navbar-container .search-input .search-input-close i, .navbar-container .search-input .search-input-close svg {
height : 1.25rem;
width : 1.25rem;
font-size : 1.25rem;
}
.navbar-container .bookmark-input {
position : absolute;
top : 102%;
width : 25%;
display : none;
background : #FFFFFF;
border-radius : 0.357rem;
box-shadow : 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);
}
.navbar-container .bookmark-input.show {
display : block;
}
.navbar-container .bookmark-input .bookmark-input-icon {
position : absolute;
z-index : 1;
top : 20px;
left : 24px;
}
.navbar-container .bookmark-input input {
padding : 0.7rem 0.7rem 0.7rem 2.5rem;
margin : 12px;
width : calc(100% - 24px);
background : #FFFFFF;
border : 1px solid rgba(34, 41, 47, 0.2);
}
.navbar-container .bookmark-input input:focus {
border : 1px solid #7367F0;
}
.navbar-container .bookmark-input .search-list {
position : relative;
}
.navbar-container .bookmark-icon {
cursor : pointer;
}
.navbar-container .dropdown.bookmark-dropdown {
padding : 1.4rem 0.5rem 1.35rem;
}
.navbar-container .dropdown.bookmark-dropdown .dropdown-toggle:after {
display : none;
}
.navbar-container .search-data-title {
line-height : 1.25rem;
}
.navbar-dark .search-input .input {
color : #F5F7FA;
border-radius : 0.5rem;
}
.navbar-dark .search-input.open .input {
color : #F5F7FA;
border : 1px solid #F5F7FA;
}
.navbar-static .navbar-container .search-input.open {
border-radius : 0;
}
.btn-social, .btn-social-icon {
position : relative;
padding-left : 4.95rem;
text-align : left;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.btn-social > :first-child, .btn-social-icon > :first-child {
position : absolute;
left : 0;
top : 2px;
bottom : 0;
width : 2.95rem;
line-height : 2.7rem;
font-size : 1rem;
text-align : center;
border-right : 1px solid rgba(34, 41, 47, 0.2);
}
.btn-social-icon {
height : 2.95rem;
width : 2.95rem;
padding : 0;
}
.btn-social-icon > :first-child {
border : none;
text-align : center;
width : 100% !important;
}
.btn-adn {
color : #FFFFFF !important;
border : none;
}
.btn-adn:hover {
color : #FFFFFF;
background-color : #D87A68;
border-color : #D87A68;
}
.btn-adn:focus, .btn-adn.focus {
color : #FFFFFF;
background-color : #D87A68;
border-color : #D87A68;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-adn.disabled, .btn-adn:disabled {
color : #FFFFFF;
background-color : #D87A68;
border-color : #FFFFFF;
}
.btn-adn:not(:disabled):not(.disabled):active, .btn-adn:not(:disabled):not(.disabled).active, .show > .btn-adn.dropdown-toggle {
color : #FFFFFF;
background-color : #CE563F;
border-color : #DFDFDF;
}
.btn-adn:not(:disabled):not(.disabled):active:focus, .btn-adn:not(:disabled):not(.disabled).active:focus, .show > .btn-adn.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-bitbucket {
background-color : #205081;
color : #FFFFFF !important;
border : none;
}
.btn-bitbucket:hover {
color : #FFFFFF;
background-color : #205081;
border-color : #205081;
}
.btn-bitbucket:focus, .btn-bitbucket.focus {
color : #FFFFFF;
background-color : #205081;
border-color : #205081;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-bitbucket.disabled, .btn-bitbucket:disabled {
color : #FFFFFF;
background-color : #205081;
border-color : #FFFFFF;
}
.btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active, .show > .btn-bitbucket.dropdown-toggle {
color : #FFFFFF;
background-color : #163758;
border-color : #DFDFDF;
}
.btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus, .show > .btn-bitbucket.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-dropbox {
background-color : #1087DD;
color : #FFFFFF !important;
border : none;
}
.btn-dropbox:hover {
color : #FFFFFF;
background-color : #1087DD;
border-color : #1087DD;
}
.btn-dropbox:focus, .btn-dropbox.focus {
color : #FFFFFF;
background-color : #1087DD;
border-color : #1087DD;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-dropbox.disabled, .btn-dropbox:disabled {
color : #FFFFFF;
background-color : #1087DD;
border-color : #FFFFFF;
}
.btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active, .show > .btn-dropbox.dropdown-toggle {
color : #FFFFFF;
background-color : #0D6AAD;
border-color : #DFDFDF;
}
.btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus, .show > .btn-dropbox.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-facebook {
background-color : #3B5998;
color : #FFFFFF !important;
border : none;
}
.btn-facebook:hover {
color : #FFFFFF;
background-color : #3B5998;
border-color : #3B5998;
}
.btn-facebook:focus, .btn-facebook.focus {
color : #FFFFFF;
background-color : #3B5998;
border-color : #3B5998;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-facebook.disabled, .btn-facebook:disabled {
color : #FFFFFF;
background-color : #3B5998;
border-color : #FFFFFF;
}
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle {
color : #FFFFFF;
background-color : #2D4373;
border-color : #DFDFDF;
}
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-flickr {
background-color : #FF0084;
color : #FFFFFF !important;
border : none;
}
.btn-flickr:hover {
color : #FFFFFF;
background-color : #FF0084;
border-color : #FF0084;
}
.btn-flickr:focus, .btn-flickr.focus {
color : #FFFFFF;
background-color : #FF0084;
border-color : #FF0084;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-flickr.disabled, .btn-flickr:disabled {
color : #FFFFFF;
background-color : #FF0084;
border-color : #FFFFFF;
}
.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active, .show > .btn-flickr.dropdown-toggle {
color : #FFFFFF;
background-color : #CC006A;
border-color : #DFDFDF;
}
.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus, .show > .btn-flickr.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-foursquare {
background-color : #F94877;
color : #FFFFFF !important;
border : none;
}
.btn-foursquare:hover {
color : #FFFFFF;
background-color : #F94877;
border-color : #F94877;
}
.btn-foursquare:focus, .btn-foursquare.focus {
color : #FFFFFF;
background-color : #F94877;
border-color : #F94877;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-foursquare.disabled, .btn-foursquare:disabled {
color : #FFFFFF;
background-color : #F94877;
border-color : #FFFFFF;
}
.btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active, .show > .btn-foursquare.dropdown-toggle {
color : #FFFFFF;
background-color : #F71752;
border-color : #DFDFDF;
}
.btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus, .show > .btn-foursquare.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-github {
background-color : #444444;
color : #FFFFFF !important;
border : none;
}
.btn-github:hover {
color : #FFFFFF;
background-color : #444444;
border-color : #444444;
}
.btn-github:focus, .btn-github.focus {
color : #FFFFFF;
background-color : #444444;
border-color : #444444;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-github.disabled, .btn-github:disabled {
color : #FFFFFF;
background-color : #444444;
border-color : #FFFFFF;
}
.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active, .show > .btn-github.dropdown-toggle {
color : #FFFFFF;
background-color : #2B2B2B;
border-color : #DFDFDF;
}
.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus, .show > .btn-github.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-google {
background-color : #DD4B39;
color : #FFFFFF !important;
border : none;
}
.btn-google:hover {
color : #FFFFFF;
background-color : #DD4B39;
border-color : #DD4B39;
}
.btn-google:focus, .btn-google.focus {
color : #FFFFFF;
background-color : #DD4B39;
border-color : #DD4B39;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-google.disabled, .btn-google:disabled {
color : #FFFFFF;
background-color : #DD4B39;
border-color : #FFFFFF;
}
.btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show > .btn-google.dropdown-toggle {
color : #FFFFFF;
background-color : #C23321;
border-color : #DFDFDF;
}
.btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus, .show > .btn-google.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-instagram {
background-color : #3F729B;
color : #FFFFFF !important;
border : none;
}
.btn-instagram:hover {
color : #FFFFFF;
background-color : #3F729B;
border-color : #3F729B;
}
.btn-instagram:focus, .btn-instagram.focus {
color : #FFFFFF;
background-color : #3F729B;
border-color : #3F729B;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-instagram.disabled, .btn-instagram:disabled {
color : #FFFFFF;
background-color : #3F729B;
border-color : #FFFFFF;
}
.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active, .show > .btn-instagram.dropdown-toggle {
color : #FFFFFF;
background-color : #305777;
border-color : #DFDFDF;
}
.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-instagram.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-linkedin {
background-color : #007BB6;
color : #FFFFFF !important;
border : none;
}
.btn-linkedin:hover {
color : #FFFFFF;
background-color : #007BB6;
border-color : #007BB6;
}
.btn-linkedin:focus, .btn-linkedin.focus {
color : #FFFFFF;
background-color : #007BB6;
border-color : #007BB6;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-linkedin.disabled, .btn-linkedin:disabled {
color : #FFFFFF;
background-color : #007BB6;
border-color : #FFFFFF;
}
.btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active, .show > .btn-linkedin.dropdown-toggle {
color : #FFFFFF;
background-color : #005983;
border-color : #DFDFDF;
}
.btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus, .show > .btn-linkedin.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-microsoft {
background-color : #2672EC;
color : #FFFFFF !important;
border : none;
}
.btn-microsoft:hover {
color : #FFFFFF;
background-color : #2672EC;
border-color : #2672EC;
}
.btn-microsoft:focus, .btn-microsoft.focus {
color : #FFFFFF;
background-color : #2672EC;
border-color : #2672EC;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-microsoft.disabled, .btn-microsoft:disabled {
color : #FFFFFF;
background-color : #2672EC;
border-color : #FFFFFF;
}
.btn-microsoft:not(:disabled):not(.disabled):active, .btn-microsoft:not(:disabled):not(.disabled).active, .show > .btn-microsoft.dropdown-toggle {
color : #FFFFFF;
background-color : #125ACD;
border-color : #DFDFDF;
}
.btn-microsoft:not(:disabled):not(.disabled):active:focus, .btn-microsoft:not(:disabled):not(.disabled).active:focus, .show > .btn-microsoft.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-odnoklassniki {
background-color : #F4731C;
color : #FFFFFF !important;
border : none;
}
.btn-odnoklassniki:hover {
color : #FFFFFF;
background-color : #F4731C;
border-color : #F4731C;
}
.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
color : #FFFFFF;
background-color : #F4731C;
border-color : #F4731C;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {
color : #FFFFFF;
background-color : #F4731C;
border-color : #FFFFFF;
}
.btn-odnoklassniki:not(:disabled):not(.disabled):active, .btn-odnoklassniki:not(:disabled):not(.disabled).active, .show > .btn-odnoklassniki.dropdown-toggle {
color : #FFFFFF;
background-color : #D35B0A;
border-color : #DFDFDF;
}
.btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus, .show > .btn-odnoklassniki.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-openid {
background-color : #F7931E;
color : #FFFFFF !important;
border : none;
}
.btn-openid:hover {
color : #2A2E30;
background-color : #F7931E;
border-color : #F7931E;
}
.btn-openid:focus, .btn-openid.focus {
color : #2A2E30;
background-color : #F7931E;
border-color : #F7931E;
box-shadow : 0 0 0 0.2rem rgba(223, 224, 224, 0.5);
}
.btn-openid.disabled, .btn-openid:disabled {
color : #2A2E30;
background-color : #F7931E;
border-color : #FFFFFF;
}
.btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active, .show > .btn-openid.dropdown-toggle {
color : #FFFFFF;
background-color : #DA7908;
border-color : #DFDFDF;
}
.btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus, .show > .btn-openid.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(223, 224, 224, 0.5);
}
.btn-pinterest {
background-color : #CB2027;
color : #FFFFFF !important;
border : none;
}
.btn-pinterest:hover {
color : #FFFFFF;
background-color : #CB2027;
border-color : #CB2027;
}
.btn-pinterest:focus, .btn-pinterest.focus {
color : #FFFFFF;
background-color : #CB2027;
border-color : #CB2027;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-pinterest.disabled, .btn-pinterest:disabled {
color : #FFFFFF;
background-color : #CB2027;
border-color : #FFFFFF;
}
.btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active, .show > .btn-pinterest.dropdown-toggle {
color : #FFFFFF;
background-color : #9F191F;
border-color : #DFDFDF;
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus, .show > .btn-pinterest.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-reddit {
background-color : #EFF7FF;
color : #FFFFFF !important;
border : none;
}
.btn-reddit:hover {
color : #FFFFFF;
background-color : #000000;
border-color : #000000;
}
.btn-reddit:focus, .btn-reddit.focus {
color : #FFFFFF;
background-color : #000000;
border-color : #000000;
box-shadow : 0 0 0 0.2rem rgba(6, 7, 7, 0.5);
}
.btn-reddit.disabled, .btn-reddit:disabled {
color : #2A2E30;
background-color : #EFF7FF;
border-color : #000000;
}
.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle {
color : #2A2E30;
background-color : #BCDEFF;
border-color : black;
}
.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(6, 7, 7, 0.5);
}
.btn-soundcloud {
background-color : #FF5500;
color : #FFFFFF !important;
border : none;
}
.btn-soundcloud:hover {
color : #FFFFFF;
background-color : #FF5500;
border-color : #FF5500;
}
.btn-soundcloud:focus, .btn-soundcloud.focus {
color : #FFFFFF;
background-color : #FF5500;
border-color : #FF5500;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-soundcloud.disabled, .btn-soundcloud:disabled {
color : #FFFFFF;
background-color : #FF5500;
border-color : #FFFFFF;
}
.btn-soundcloud:not(:disabled):not(.disabled):active, .btn-soundcloud:not(:disabled):not(.disabled).active, .show > .btn-soundcloud.dropdown-toggle {
color : #FFFFFF;
background-color : #CC4400;
border-color : #DFDFDF;
}
.btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus, .show > .btn-soundcloud.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-tumblr {
background-color : #2C4762;
color : #FFFFFF !important;
border : none;
}
.btn-tumblr:hover {
color : #FFFFFF;
background-color : #2C4762;
border-color : #2C4762;
}
.btn-tumblr:focus, .btn-tumblr.focus {
color : #FFFFFF;
background-color : #2C4762;
border-color : #2C4762;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-tumblr.disabled, .btn-tumblr:disabled {
color : #FFFFFF;
background-color : #2C4762;
border-color : #FFFFFF;
}
.btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active, .show > .btn-tumblr.dropdown-toggle {
color : #FFFFFF;
background-color : #1C2E3F;
border-color : #DFDFDF;
}
.btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus, .show > .btn-tumblr.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-twitter {
background-color : #55ACEE;
color : #FFFFFF !important;
border : none;
}
.btn-twitter:hover {
color : #2A2E30;
background-color : #55ACEE;
border-color : #55ACEE;
}
.btn-twitter:focus, .btn-twitter.focus {
color : #2A2E30;
background-color : #55ACEE;
border-color : #55ACEE;
box-shadow : 0 0 0 0.2rem rgba(223, 224, 224, 0.5);
}
.btn-twitter.disabled, .btn-twitter:disabled {
color : #2A2E30;
background-color : #55ACEE;
border-color : #FFFFFF;
}
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle {
color : #FFFFFF;
background-color : #2795E9;
border-color : #DFDFDF;
}
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(223, 224, 224, 0.5);
}
.btn-vimeo {
background-color : #1AB7EA;
color : #FFFFFF;s
color : #FFFFFF !important;
border : none;
}
.btn-vimeo:hover {
color : #FFFFFF;
background-color : #1AB7EA;
border-color : #1AB7EA;
}
.btn-vimeo:focus, .btn-vimeo.focus {
color : #FFFFFF;
background-color : #1AB7EA;
border-color : #1AB7EA;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vimeo.disabled, .btn-vimeo:disabled {
color : #FFFFFF;
background-color : #1AB7EA;
border-color : #FFFFFF;
}
.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active, .show > .btn-vimeo.dropdown-toggle {
color : #FFFFFF;
background-color : #1295BF;
border-color : #DFDFDF;
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus, .show > .btn-vimeo.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vk {
background-color : #587EA3;
color : #FFFFFF !important;
border : none;
}
.btn-vk:hover {
color : #FFFFFF;
background-color : #587EA3;
border-color : #587EA3;
}
.btn-vk:focus, .btn-vk.focus {
color : #FFFFFF;
background-color : #587EA3;
border-color : #587EA3;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vk.disabled, .btn-vk:disabled {
color : #FFFFFF;
background-color : #587EA3;
border-color : #FFFFFF;
}
.btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active, .show > .btn-vk.dropdown-toggle {
color : #FFFFFF;
background-color : #466482;
border-color : #DFDFDF;
}
.btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus, .show > .btn-vk.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-yahoo {
background-color : #720E9E;
color : #FFFFFF !important;
border : none;
}
.btn-yahoo:hover {
color : #FFFFFF;
background-color : #720E9E;
border-color : #720E9E;
}
.btn-yahoo:focus, .btn-yahoo.focus {
color : #FFFFFF;
background-color : #720E9E;
border-color : #720E9E;
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-yahoo.disabled, .btn-yahoo:disabled {
color : #FFFFFF;
background-color : #720E9E;
border-color : #FFFFFF;
}
.btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active, .show > .btn-yahoo.dropdown-toggle {
color : #FFFFFF;
background-color : #500A6F;
border-color : #DFDFDF;
}
.btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus, .show > .btn-yahoo.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-outline-adn {
border : 1px solid #D87A68 !important;
color : #D87A68;
}
.btn-outline-bitbucket {
border : 1px solid #205081 !important;
color : #205081;
}
.btn-outline-dropbox {
border : 1px solid #1087DD !important;
color : #1087DD;
}
.btn-outline-facebook {
border : 1px solid #3B5998 !important;
color : #3B5998;
}
.btn-outline-flickr {
border : 1px solid #FF0084 !important;
color : #FF0084;
}
.btn-outline-foursquare {
border : 1px solid #F94877 !important;
color : #F94877;
}
.btn-outline-github {
border : 1px solid #444444 !important;
color : #444444;
}
.btn-outline-google {
border : 1px solid #DD4B39 !important;
color : #DD4B39;
}
.btn-outline-instagram {
border : 1px solid #3F729B !important;
color : #3F729B;
}
.btn-outline-linkedin {
border : 1px solid #007BB6 !important;
color : #007BB6;
}
.btn-outline-microsoft {
border : 1px solid #2672EC !important;
color : #2672EC;
}
.btn-outline-odnoklassniki {
border : 1px solid #F4731C !important;
color : #F4731C;
}
.btn-outline-openid {
border : 1px solid #F7931E !important;
color : #F7931E;
}
.btn-outline-pinterest {
border : 1px solid #CB2027 !important;
color : #CB2027;
}
.btn-outline-reddit {
border : 1px solid #FF4500 !important;
color : #FF4500;
}
.btn-outline-soundcloud {
border : 1px solid #FF5500 !important;
color : #FF5500;
}
.btn-outline-tumblr {
border : 1px solid #2C4762 !important;
color : #2C4762;
}
.btn-outline-twitter {
border : 1px solid #55ACEE !important;
color : #55ACEE;
}
.btn-outline-vimeo {
border : 1px solid #1AB7EA !important;
color : #1AB7EA;
}
.btn-outline-vk {
border : 1px solid #587EA3 !important;
color : #587EA3;
}
.btn-outline-yahoo {
border : 1px solid #720E9E !important;
color : #720E9E;
}
.btn-outline-adn:hover {
color : #AD412D;
border : 1px solid #AD412D !important;
}
.btn-outline-bitbucket:hover {
color : #0C1D2F;
border : 1px solid #0C1D2F !important;
}
.btn-outline-dropbox:hover {
color : #094D7E;
border : 1px solid #094D7E !important;
}
.btn-outline-facebook:hover {
color : #1E2E4F;
border : 1px solid #1E2E4F !important;
}
.btn-outline-flickr:hover {
color : #99004F;
border : 1px solid #99004F !important;
}
.btn-outline-foursquare:hover {
color : #D4073D;
border : 1px solid #D4073D !important;
}
.btn-outline-github:hover {
color : #111111;
border : 1px solid #111111 !important;
}
.btn-outline-google:hover {
color : #96271A;
border : 1px solid #96271A !important;
}
.btn-outline-instagram:hover {
color : #223D52;
border : 1px solid #223D52 !important;
}
.btn-outline-linkedin:hover {
color : #003650;
border : 1px solid #003650 !important;
}
.btn-outline-microsoft:hover {
color : #0E459E;
border : 1px solid #0E459E !important;
}
.btn-outline-odnoklassniki:hover {
color : #A24608;
border : 1px solid #A24608 !important;
}
.btn-outline-openid:hover {
color : #A95E06;
border : 1px solid #A95E06 !important;
}
.btn-outline-pinterest:hover {
color : #731216;
border : 1px solid #731216 !important;
}
.btn-outline-reddit:hover {
color : #992900;
border : 1px solid #992900 !important;
}
.btn-outline-soundcloud:hover {
color : #993300;
border : 1px solid #993300 !important;
}
.btn-outline-tumblr:hover {
color : #0C141C;
border : 1px solid #0C141C !important;
}
.btn-outline-twitter:hover {
color : #147BC9;
border : 1px solid #147BC9 !important;
}
.btn-outline-vimeo:hover {
color : #0D7091;
border : 1px solid #0D7091 !important;
}
.btn-outline-vk:hover {
color : #344B61;
border : 1px solid #344B61 !important;
}
.btn-outline-yahoo:hover {
color : #2E0640;
border : 1px solid #2E0640 !important;
}
.bg-adn {
background-color : #D87A68;
}
.bg-bitbucket {
background-color : #205081;
}
.bg-dropbox {
background-color : #1087DD;
}
.bg-facebook {
background-color : #3B5998;
}
.bg-flickr {
background-color : #FF0084;
}
.bg-foursquare {
background-color : #F94877;
}
.bg-github {
background-color : #444444;
}
.bg-google {
background-color : #DD4B39;
}
.bg-instagram {
background-color : #3F729B;
}
.bg-linkedin {
background-color : #007BB6;
}
.bg-microsoft {
background-color : #2672EC;
}
.bg-odnoklassniki {
background-color : #F4731C;
}
.bg-openid {
background-color : #F7931E;
}
.bg-pinterest {
background-color : #CB2027;
}
.bg-reddit {
background-color : #FF4500;
}
.bg-soundcloud {
background-color : #FF5500;
}
.bg-tumblr {
background-color : #2C4762;
}
.bg-twitter {
background-color : #55ACEE;
}
.bg-vimeo {
background-color : #1AB7EA;
}
.bg-vk {
background-color : #587EA3;
}
.bg-yahoo {
background-color : #720E9E;
}
/*=========================================================================================
File Name: demo.scss
Description: CSS used for demo purpose only. Remove this css from your project.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.demo-inline-spacing {
display : flex;
flex-wrap : wrap;
justify-content : flex-start;
align-items : center;
}
.demo-inline-spacing > * {
margin-right : 1.5rem;
margin-top : 1.5rem;
}
.demo-vertical-spacing > * {
margin : 0;
margin-bottom : 1.5rem;
}
.demo-vertical-spacing > *:last-child {
margin : 0;
}
.demo-spacing-0 > *:last-child {
margin : 0;
}
.icon-wrapper .feather {
height : 24px;
width : 24px;
}
.scroll-example {
padding : 0.5rem;
position : relative;
border : 2px solid #DFDFDF;
overflow : auto;
}
.scroll-example .horz-scroll-content {
width : 1200px;
}
.browser {
background : #E0E0E0;
border : 4px solid #E0E0E0;
width : 100%;
height : 12rem;
padding-top : 20px;
margin : 0 0 10px;
box-sizing : border-box;
}
.browser iframe {
border : 0;
background : #FFFFFF;
height : 100%;
width : 100%;
}
.loader-wrapper {
height : 8em;
}
.maintenance-icon {
font-size : 4rem;
}
.animationIcon {
right : 30px;
bottom : 10px;
}
#component-breadcrumbs .breadcrumb:not(last-child) {
margin-bottom : 0.5rem;
}
#breadcrumb-alignment .breadcrumb-wrapper {
box-shadow : 1px 1px 10px rgba(34, 41, 47, 0.1);
padding : 1px;
border-radius : 0.357rem;
}
#breadcrumb-alignment .breadcrumb-wrapper .breadcrumb {
margin-top : 0.8rem;
margin-bottom : 0.8rem;
}
.dark-layout #breadcrumb-alignment .breadcrumb-wrapper {
box-shadow : 1px 1px 10px rgba(0, 0, 0, 0.24);
}
.buy-now {
position : fixed;
bottom : 5%;
right : 79px;
z-index : 1031;
}
.buy-now .btn {
box-shadow : 0 1px 20px 1px #EA5455 !important;
}
.buy-now .btn:hover {
box-shadow : none !important;
}
/*=========================================================================================
File Name: customizer.scss
Description: CSS used for demo purpose only. Remove this css from your project.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.customizer {
width : 400px;
right : -400px;
padding : 0;
background-color : #FFFFFF;
z-index : 1051;
position : fixed;
top : 0;
bottom : 0;
height : 100vh;
height : calc(var(--vh, 1vh) * 100);
transition : right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
-webkit-backface-visibility : hidden;
backface-visibility : hidden;
border-left : 1px solid rgba(34, 41, 47, 0.05);
}
.customizer.open {
box-shadow : 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);
right : 0;
}
.customizer .customizer-content {
position : relative;
height : 100%;
}
.customizer .customizer-close {
position : absolute;
right : 0.6rem;
top : 0.6rem;
padding : 7px;
width : auto;
z-index : 10;
color : #5E5873;
}
.customizer .customizer-close i, .customizer .customizer-close svg {
font-size : 1.5rem;
height : 1.5rem;
width : 1.5rem;
}
.customizer .customizer-toggle {
background : #7367F0;
color : #FFFFFF !important;
display : block;
box-shadow : -3px 0 8px rgba(34, 41, 47, 0.1);
border-top-left-radius : 6px;
border-bottom-left-radius : 6px;
position : absolute;
top : 50%;
width : 38px;
height : 38px;
left : -39px;
text-align : center;
line-height : 40px;
cursor : pointer;
}
.customizer .color-box {
height : 24px;
width : 24px;
margin : 0.5rem;
border-radius : 0.5rem;
cursor : pointer;
position : relative;
}
.customizer .color-box.selected:after {
content : '';
border : 1px solid #7367F0;
height : 30px;
width : 30px;
top : -3px;
left : -3px;
position : absolute;
border-radius : 0.5rem;
}
.customizer .color-box.selected.border:after {
top : -4px;
left : -4px;
}
.divider {
display : block;
text-align : center;
overflow : hidden;
white-space : nowrap;
margin : 1rem 0;
}
.divider .divider-text {
position : relative;
display : inline-block;
font-size : 0.9375rem;
padding : 0 1rem;
}
.divider .divider-text i, .divider .divider-text svg {
height : 1rem;
width : 1rem;
font-size : 1rem;
}
.divider .divider-text:before, .divider .divider-text:after {
content : '';
position : absolute;
top : 50%;
width : 9999px;
border-top : 1px solid #EBE9F1;
}
.divider .divider-text:before {
right : 100%;
}
.divider .divider-text:after {
left : 100%;
}
.divider.divider-left .divider-text {
float : left;
padding-left : 0;
}
.divider.divider-left .divider-text:before {
display : none;
}
.divider.divider-left-center .divider-text {
left : -25%;
}
.divider.divider-right .divider-text {
float : right;
padding-right : 0;
}
.divider.divider-right .divider-text:after {
display : none;
}
.divider.divider-right-center .divider-text {
right : -25%;
}
.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after {
border-style : dotted;
border-width : 1px;
border-top-width : 0;
border-color : #EBE9F1;
}
.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after {
border-style : dashed;
border-width : 1px;
border-top-width : 0;
border-color : #EBE9F1;
}
.timeline {
padding : 0;
margin-bottom : 0;
margin-left : 1rem;
list-style : none;
}
.timeline .timeline-item {
position : relative;
padding-left : 2.5rem;
border-left : 1px solid #EBE9F1;
}
.timeline .timeline-item:not(:last-child) {
padding-bottom : 1.8rem;
}
.timeline .timeline-item .timeline-point {
position : absolute;
left : -0.85rem;
top : 0;
z-index : 2;
display : flex;
justify-content : center;
align-items : center;
height : 1.75rem;
width : 1.75rem;
text-align : center;
border-radius : 50%;
border : 1px solid #7367F0;
background-color : #FFFFFF;
}
.timeline .timeline-item .timeline-point.timeline-point-indicator {
left : -0.412rem;
top : 0.07rem;
height : 12px;
width : 12px;
border : 0;
background-color : #7367F0;
}
.timeline .timeline-item .timeline-point.timeline-point-indicator:before {
content : '';
background : rgba(115, 103, 240, 0.12);
height : 20px;
width : 20px;
display : block;
position : absolute;
top : -0.285rem;
left : -0.285rem;
border-radius : 50%;
}
.timeline .timeline-item .timeline-point i, .timeline .timeline-item .timeline-point svg {
color : #7367F0;
font-size : 0.85rem;
vertical-align : baseline;
}
.timeline .timeline-item .timeline-event {
position : relative;
width : 100%;
min-height : 4rem;
}
.timeline .timeline-item .timeline-event .timeline-event-time {
font-size : 0.85rem;
color : #B9B9C3;
}
.timeline .timeline-item:last-of-type {
border-left-color : transparent !important;
}
.timeline .timeline-item:last-of-type:after {
content : '';
position : absolute;
left : -1px;
bottom : 0;
width : 1px;
height : 100%;
background : linear-gradient(#EBE9F1, transparent);
}
.details_column_table .heading_column_text {
font-size: 12px;
font-weight: 600;
color: #3E4757;
letter-spacing: 0.2px;
}
.media_action_text_tra .revoke_action_text_btn button{
min-width: auto!important;
padding: 4px 8px!important;
}
.media_action_text_tra .revoke_action_text_btn button:focus{
border-color: #FF8925 !important;
background-color: #FF8925 !important;
color: #fff !important;
}
@media screen and (min-width: 0) {
head {
font-family : 'xs 0px';
}
body:after {
content : 'xs - min-width: 0px';
}
}
@media screen and (min-width: 544px) {
head {
font-family : 'sm 544px';
}
body:after {
content : 'sm - min-width: 544px';
}
}
@media screen and (min-width: 768px) {
head {
font-family : 'md 768px';
}
body:after {
content : 'md - min-width: 768px';
}
}
@media screen and (min-width: 992px) {
head {
font-family : 'lg 992px';
}
body:after {
content : 'lg - min-width: 992px';
}
}
@media screen and (min-width: 1200px) {
head {
font-family : 'xl 1200px';
}
body:after {
content : 'xl - min-width: 1200px';
}
}
head {
clear : both;
}
head title {
font-family : 'xs 0px, sm 544px, md 768px, lg 992px, xl 1200px';
}
body:after {
display : none;
}
*[data-usn-if] {
display : none;
}
.select2-container {
width : 100% !important;
margin : 0;
display : inline-block;
position : relative;
vertical-align : middle;
box-sizing : border-box;
}
.select2-container--classic:focus, .select2-container--default:focus {
outline : none;
}
.select2-container--classic .select2-selection__choice, .select2-container--default .select2-selection__choice {
font-size : 0.9rem;
margin-top : 6px !important;
}
.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
min-height : 2.714rem;
padding : 5px;
border : 1px solid #D8D6DE;
}
.select2-container--classic .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus {
outline : 0;
border-color : #7367F0 !important;
box-shadow : 0 3px 10px 0 rgba(34, 41, 47, 0.1) !important;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered i, .select2-container--classic .select2-selection--single .select2-selection__rendered svg, .select2-container--default .select2-selection--single .select2-selection__rendered i, .select2-container--default .select2-selection--single .select2-selection__rendered svg {
font-size : 1.15rem;
height : 1.15rem;
width : 1.15rem;
margin-right : 0.5rem;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b {
background-image : url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23d8d6de\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E');
background-size : 18px 14px, 18px 14px;
background-repeat : no-repeat;
height : 1rem;
padding-right : 1.5rem;
margin-left : 0;
margin-top : 0;
left : -8px;
border-style : none;
}
.select2-container--classic.select2-container--open, .select2-container--default.select2-container--open {
box-shadow : 0 5px 25px rgba(34, 41, 47, 0.1);
}
.select2-container--classic.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single {
border-color : #7367F0 !important;
outline : 0;
}
.select2-container--classic.select2-container--focus, .select2-container--default.select2-container--focus {
outline : 0;
}
.select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color : #7367F0 !important;
outline : 0;
}
.select2-container--classic .select2-dropdown, .select2-container--default .select2-dropdown {
border-color : #D8D6DE;
}
.select2-container--classic .select2-search--dropdown, .select2-container--default .select2-search--dropdown {
padding : 0.5rem;
}
.select2-container--classic .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field {
outline : none !important;
border-radius : 0.357rem;
border-color : #D8D6DE;
padding : 0.438rem 1rem;
}
.select2-container--classic .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
min-height : 38px !important;
border : 1px solid #D8D6DE;
}
.select2-container--classic .select2-selection--multiple:focus, .select2-container--default .select2-selection--multiple:focus {
outline : 0;
border-color : #7367F0 !important;
box-shadow : 0 3px 10px 0 rgba(34, 41, 47, 0.1) !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color : #7367F0 !important;
border-color : #7367F0 !important;
color : #FFFFFF;
padding : 2px 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding : 0 6px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-top : 7px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
float : right;
margin-left : 0.7rem;
margin-right : 0.5rem;
font-size : 0;
display : inline-block;
position : relative;
line-height : 1rem;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:before, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
content : '';
background-image : url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23fff\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-x\'%3E%3Cline x1=\'18\' y1=\'6\' x2=\'6\' y2=\'18\'%3E%3C/line%3E%3Cline x1=\'6\' y1=\'6\' x2=\'18\' y2=\'18\'%3E%3C/line%3E%3C/svg%3E');
background-size : 0.85rem;
height : 0.85rem;
width : 0.85rem;
position : absolute;
top : 22%;
left : -4px;
}
.select2-container--classic .select2-selection--multiple i, .select2-container--classic .select2-selection--multiple svg, .select2-container--default .select2-selection--multiple i, .select2-container--default .select2-selection--multiple svg {
position : relative;
top : 1px;
margin-right : 0.5rem;
height : 1.15rem;
width : 1.15rem;
font-size : 1.15rem;
padding-left : 1px;
}
.select2-container--classic .select2-results__group, .select2-container--default .select2-results__group {
padding : 6px 9px;
font-weight : 600;
}
.select2-container--classic .select2-results__option, .select2-container--default .select2-results__option {
padding : 0.428rem 1rem;
}
.select2-container--classic .select2-results__option[role='group'], .select2-container--default .select2-results__option[role='group'] {
padding : 0;
}
.select2-container--classic .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true'] {
background-color : #7367F0 !important;
color : white !important;
}
.select2-container--classic .select2-results__option i, .select2-container--classic .select2-results__option svg, .select2-container--default .select2-results__option i, .select2-container--default .select2-results__option svg {
height : 1.15rem;
width : 1.15rem;
font-size : 1.15rem;
margin-right : 0.5rem;
}
.select2-container--classic .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted {
background-color : rgba(115, 103, 240, 0.12) !important;
color : #7367F0 !important;
}
.select2-container--classic .select2-result-repository__avatar img, .select2-container--default .select2-result-repository__avatar img {
width : 50px;
}
.select2-container--classic .select-lg, .select2-container--default .select-lg {
min-height : 2.714rem !important;
font-size : 1.2rem;
margin-bottom : 0 !important;
padding : 0.3rem 0.7rem;
}
.select2-container--classic .select-lg.select2-selection--single .select2-selection__rendered, .select2-container--default .select-lg.select2-selection--single .select2-selection__rendered {
padding-top : -0.1rem;
}
.select2-container--classic .select-lg.select2-selection--single .select2-selection__arrow, .select2-container--default .select-lg.select2-selection--single .select2-selection__arrow {
top : 0rem !important;
}
.select2-container--classic .select-lg.select2-selection--multiple, .select2-container--default .select-lg.select2-selection--multiple {
padding : 0 0.2rem;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered {
padding-top : 0 !important;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li {
font-size : 1.2rem;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li .select2-search__field, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-top : 10px;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
padding : 5px;
}
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before {
top : 46%;
}
.select2-container--classic .select-sm, .select2-container--default .select-sm {
min-height : 2.142rem !important;
padding : 0 0.2rem;
font-size : 0.75rem;
margin-bottom : 0 !important;
line-height : 1.5;
}
.select2-container--classic .select-sm.select2-selection--single .select2-selection__arrow, .select2-container--default .select-sm.select2-selection--single .select2-selection__arrow {
top : -0.3rem !important;
}
.select2-container--classic .select-sm.select2-selection--multiple, .select2-container--default .select-sm.select2-selection--multiple {
line-height : 1.3;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered, .select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered {
padding : 3px;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li {
font-size : 0.75rem;
margin-top : 2px;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li .select2-search__field, .select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-top : 4px;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice, .select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice {
padding : 0 0.2rem;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before, .select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before {
top : 5%;
}
.select2-container--classic .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--default .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
margin-top : 0;
}
.dark-layout .select2-container .select2-selection, .dark-layout .select2-container .select2-search__field, .dark-layout .select2-container .select2-selection__placeholder {
background : #283046;
border-color : #3B4253;
color : #B4B7BD;
}
.dark-layout .select2-container .select2-selection__rendered {
color : #B4B7BD;
}
.dark-layout .select2-container .select2-dropdown {
background-color : #283046;
border-color : #3B4253;
}
.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice {
background : rgba(115, 103, 240, 0.12) !important;
color : #7367F0 !important;
border : none;
}
.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
color : #7367F0 !important;
}
.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice__remove:before {
background-image : url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%237367f0\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-x\'%3E%3Cline x1=\'18\' y1=\'6\' x2=\'6\' y2=\'18\'%3E%3C/line%3E%3Cline x1=\'6\' y1=\'6\' x2=\'18\' y2=\'18\'%3E%3C/line%3E%3C/svg%3E');
}
.dark-layout .select2-container .select2-results__option[aria-disabled='true'] {
color : #676D7D;
}
.dark-layout .select2-container .select2-selection__arrow b {
background-image : url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23b4b7bd\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E');
}
.dark-layout .select2-container--disabled .select2-selection {
opacity : 0.5;
}
table.dataTable {
width : 100% !important;
border-collapse : collapse !important;
}
table.dataTable td, table.dataTable th {
padding : 0.72rem 1.5rem;
vertical-align : middle;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
padding-right : inherit;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before {
background-image : url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%235e5873\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-up\'%3E%3Cpolyline points=\'18 15 12 9 6 15\'%3E%3C/polyline%3E%3C/svg%3E');
background-repeat : no-repeat;
background-position : center;
background-size : 12px;
color : #6E6B7B;
width : 14px;
height : 14px;
content : '';
right : 0.3rem;
top : 0.5rem;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
background-image : url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%235e5873\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E');
background-repeat : no-repeat;
background-position : center;
background-size : 12px;
color : #6E6B7B;
width : 14px;
height : 14px;
content : '';
right : 0.3rem;
top : 1.3rem;
}
table.dataTable .dt-checkboxes-cell .custom-control {
padding-left : 0;
padding-right : 1.25rem;
}
div.dataTables_wrapper .dt-button-collection {
background-color : #FFFFFF;
}
div.dataTables_wrapper .dt-button-collection > div[role='menu'] {
text-align : left;
box-shadow : 0 5px 16px -8px;
min-width : 8rem;
}
div.dataTables_wrapper .dt-button-collection [class*='buttons-']:focus {
outline : 0;
}
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
line-height : 16px;
}
div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
margin-top : 1rem;
margin-bottom : 0.5rem;
}
div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
background-position : calc(100% - 3px) 11px, calc(100% - 20px) 13px, 100% 0;
padding : 0 0.8rem;
width : 5rem;
margin : 0 0.5rem;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left : 0.75rem;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin-top : 1rem;
margin-bottom : 1.5rem;
}
div.dataTables_wrapper .dataTables_info {
padding-top : 1.25rem !important;
color : #B9B9C3;
}
tr.group {
background-color : #FAFAFC;
}
@media only screen and (max-width: 768px) {
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content : center;
}
div.dataTables_wrapper div.dataTables_info {
white-space : inherit;
}
div.dt-buttons {
justify-content : center;
margin-top : 1rem;
}
div.dt-buttons button {
margin-bottom : 0.5rem;
}
}
@media (max-width: 575.98px) {
.dtr-bs-modal .modal-body {
padding-left : 0;
padding-right : 0;
overflow-x : scroll;
}
.dtr-bs-modal .table.dtr-details {
margin : 0 auto 1rem;
}
.dtr-bs-modal .table.dtr-details td {
padding-left : 0;
padding-right : 0;
}
.dtr-bs-modal .table.dtr-details tr td:first-child {
padding-left : 0.75rem;
}
div.dataTables_wrapper {
overflow : scroll;
}
.scrolling-inside-modal .modal {
padding-right: 0rem!important;
padding-left: 0rem!important;
}
}
/* Bootstrap Touchspin */
.bootstrap-touchspin.input-group {
width : 8.4rem;
align-items : center;
}
.bootstrap-touchspin.input-group .form-control {
padding : 5px;
height : auto;
border : 0;
background-color : #F8F8F8;
border-radius : 0.357rem !important;
text-align : center;
font-weight : 500;
}
.bootstrap-touchspin.input-group .form-control:focus {
z-index : 1;
box-shadow : none;
}
.form-control:focus{
border-color: #409aff;
}
.vue-treeselect--open .vue-treeselect__control div:focus{
border-color: #409aff;
}
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
/* border-color: #cfcfcf; */
border-color: #409aff!important;
}
.vue-treeselect__control:foucs{
border-bottom: #409aff!important;
}
/* .vue-treeselect__menu-container .vue-treeselect__menu{
border: 1px solid #409aff;
} */
.vue-treeselect--open .vue-treeselect__control{
border-color: #409aff!important;
}
.bootstrap-touchspin .bootstrap-touchspin-injected {
margin : 0 !important;
}
.bootstrap-touchspin .bootstrap-touchspin-injected.input-group-prepend {
left : 12px;
position : relative;
}
.bootstrap-touchspin .bootstrap-touchspin-injected.input-group-append {
right : 12px;
position : relative;
}
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down, .bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up {
padding : 0;
min-width : 20px;
min-height : 20px;
border-radius : 0.357rem !important;
}
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down i, .bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down svg, .bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up i, .bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up svg {
height : 0.8rem;
width : 0.8rem;
font-size : 0.8rem;
position : relative;
top : -1px;
}
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down, .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up {
background-color : rgba(34, 41, 47, 0.5) !important;
cursor : default;
opacity : 0.5;
}
.bootstrap-touchspin.input-group-lg {
width : 9.375rem;
}
.bootstrap-touchspin.input-group-lg .touchspin.form-control {
height : auto !important;
}
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down, .bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up {
min-width : 24px;
min-height : 24px;
}
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down i, .bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down svg, .bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up i, .bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up svg {
height : 1rem;
width : 1rem;
font-size : 1rem;
top : -3px;
}
.bootstrap-touchspin.input-group-sm {
width : 6.25rem;
}
.bootstrap-touchspin.input-group-sm .touchspin.form-control {
height : auto !important;
}
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down, .bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up {
min-width : 16px;
min-height : 16px;
}
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down i, .bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down svg, .bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up i, .bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up svg {
height : 0.6rem;
width : 0.6rem;
font-size : 0.6rem;
}
/* Number Type Input Box Scss for Touchspin - Remove arrow for firefox */
.bootstrap-touchspin.input-group input[type='number'] {
-moz-appearance : textfield;
}
.dark-layout .bootstrap-touchspin.input-group .form-control {
background-color : #161D31;
}
.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down, .dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up, .dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .disabled-max-min {
background-color : #B8C2CC !important;
opacity : 1;
}
.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min {
background-color : #B8C2CC !important;
opacity : 1;
}
.startdate{
width:88% !important;
}
.dataTableListing th, tr{
text-align: center;
}
.dataTableListing th.srno, td.srno, td.clsaction, th.clsaction{
text-align: center;
}
.dataTableListing th.centeralign, td.centeralign{
text-align: center;
}
.errorinputmsg{
width: 100%;
margin-top: 0.25rem;
font-size: 0.857rem;
color: #ea5455;
}
.errorinputele{
border-color: #ea5455 !important;
padding-right: calc(1.45em + 0.876rem) !important;
background-image: url('../images/error/error-msg-ele.svg') !important;
background-repeat: no-repeat;
background-position: right calc(0.3625em + 0.219rem) center;
background-size: calc(0.725em + 0.438rem) calc(0.725em + 0.438rem);
}
.mg-top1{
margin-top:10px;
}
.mg-bot0{
margin-bottom:0.5rem !important;
}
.rolelistdd{
text-transform: capitalize;
}
/*added css m*/
.brand_text_trs_system{
margin-left: auto;
margin-top: 14px;
}
.brand_text_trs_system h2 {
color: blue;
font-size: 16px;
}
.navbar-floating .header-navbar-shadow{
padding-top: 0.2rem!important;
}
.trs-w-95{
width: 95%;
padding: 0px 10px;
color: #fff;
}
.card-header.card_header-bg_common{
flex-wrap: initial!important;
background-color:#0483d6!important;
justify-content: normal!important;
border-bottom: 1px solid #e5e1e1!important;
padding: 4px 5px!important;
}
.vld-overlay .vld-background{
background-color: transparent!important;
backdrop-filter: none!important;
}
.show_details_btn01.btn-secondary {
border-color: #009AD2 !important;
background-color: #009AD2 !important;
color: #fff !important;
}
.media_action_text_tra button{
border-color: #FF8925 !important;
background-color: #FF8925 !important;
color: #fff !important;
}
.show_details_btn01.btn-secondary:focus, .show_details_btn01.btn-secondary:active, .show_details_btn01.btn-secondary.active {
color: #fff;
background-color: #008EFF !important;
box-shadow: none;
}
.card-header.card_header-bg_common .avatar.bg-light-primary{
background-color: transparent!important;
}
.card_box_shadow .table-responsive .table thead th{
vertical-align: middle!important;
}
.pull-right.VuePagination nav .VuePagination__pagination{
justify-content: center;
padding: 0px 10px;
}
.card_header-bg_common .avatar.bg-light-primary{
color: #fff !important;
}
.card_header-bg_common ul li a svg{
stroke-width: 4px;
}
.card_header-bg_common ul li a{
color: #fff!important;
}
.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th, .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
background-color: #F4F4FB!important;
color: #464646!important;
}
/* .table-striped tbody tr:nth-of-type(odd) {
background-color: #fafafc;
} */
label {
color: #5e5873;
font-size: 0.857rem;
font-weight: 500;
}
.card.card_box_shadow{
box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
margin-bottom: 1rem !important;
}
.bg_background_popups{
background: #fff;
padding: 15px;
}
.modal-dialog-scrollable .modal-footer{
border: 1px solid #ebe9f1;
}
.modal-header.bg_background_popups_top{
background-color: #ffffff!important;
border-bottom: 1px solid #ebe9f1!important;
}
.modal-header.bg_background_popups_top h5{
font-size: 16px;
font-weight: 600;
}
.bg_background_popups_top{
background-color: #d1d1d1;
}
.card_padding_10 .mx-datepicker {
width: 100%;
}
.submition_popups_views_icons .feather.feather-info{
float: left;
margin-right: 10px;
height: 5.3rem !important;
width: 2.75rem !important;
cursor: pointer;
}
.submition_popups_views_icons .form-password-toggle .content-header p {
margin-left: 0px;
margin-top: 5px;
}
/*.submition_popups_views_icons{
display: inline-flex;
}*/
.submition_popups_views_icons .form-password-toggle{
float: left;
display: block;
width: 80%;
}
.card.card-transaction .card-header{
background-color: #ddd!important;
}
.card.card-transaction .card-header h4{
margin-bottom: 0px;
font-size: 15px;
}
.common_trs_buttons_res button{
margin-top: 23px!important;
padding-bottom: 10px;
/* padding: 0.686rem 1.5rem; */
}
.mx-datepicker .mx-input-wrapper .mx-input{
box-shadow: none;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle{
color: #666666;
}
.common_trs_buttons_res .common-btn_btn_view{
margin: 2px;
}
.border_hr{
margin: 1px 0px;
margin-bottom: 20px;
}
.table-responsive .table_th_date_st{
min-width: 100px;
}
.list-group.inner_table_inlie_view{
width: 100%;
display: inline-block;
padding-bottom: 8px;
}
.inner_icons_table_request_table_head.col{
width: 24%!important;
float: left;
border: 1px solid #eee!important;
margin: 0px 2px!important;
border-radius: 5px;
padding: 10px 10px;
font-size: 12px!important;
text-align: left;
align-items: center;
display: inline-flex;
}
.table.theade_padding_y10 tr th {
color: #3E4757;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.2px;
}
.table.theade_padding_y10 tr td{
padding: 5px 5px!important;
font-weight: 400;
font-size: 13px;
color: #3E4757;
letter-spacing: 0.2px;
}
.trasportactivecolor .dropdown-item.active, .trasportactivecolor .dropdown-item:active{
color: #7367f0;
}
.inner_icons_table_request_table_head.col svg{
display: inline-block;
float: left;
width: 12px!important;
margin: 4px;
}
.viewdetais_namestext{
display: inline-block;
position: relative;
top: 2px;
left: 10px;
}
.responsive.table_view_travel_requests{
display: inline-block;
}
.pagination_view_co ul{
width: 20%;
}
table.table-sm.b-table-stacked-md{
border: 1px solid #eee;
}
.px-0.table-responsive .card-body{
padding: 2px 0px;
width: 100%;
display: grid;
}
.media_action_text_tra{
text-align: left;
}
.full_main_containers{
overflow-x: auto;
width: 100%;
}
.full_main_containers .input-group-sm > .form-control:not(textarea), .full_main_containers .input-group-sm > .custom-select {
height: 2.542rem;
}
.transaction-item.view_request_buttons_view{
display: flex;
}
.view_request_buttons_view .view_buttons button{
margin: 2px;
}
.admin_pannel_table_veiw{
display: flex;
}
.admin_pannel_table_veiw .transaction-item{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin: 2px;
padding: 0px 9px;
border: 1px solid #eee;
border-radius: 5px;
}
.admin_pannel_table_veiw .transaction-item .media .avatar{
margin-right: 10px;
}
.table-responsive.popup_table_Admin table th:nth-child(1), .table-responsive.popup_table_Admin table th:nth-child(2) {
min-width: 200px;
}
.table-responsive.popup_table_Admin table th, .table-responsive.popup_table_Admin table td{
padding: 5px;
}
.table-responsive.popup_table_Admin .avatar .avatar-content{
height: 30px;
}
.admin_pannel_table_veiw .card .card-body{
overflow-x: scroll;
}
.full_main_containers.table_width_col thead th:nth-child(7), .full_main_containers.table_width_col thead th:nth-child(8){
min-width: 100px;
}
.card_box_shadow .table-responsive .table thead th:nth-child(1){
min-width: 40px;
}
.card_box_shadow .table-responsive .table thead th {
min-width: 120px;
}
.full_main_containers_input .input-group-sm > .form-control:not(textarea){
height: 2.542rem;
}
.pagination_view_co ul {
width: 200px;
margin: 0px auto;
/* margin-left: auto;*/
}
.table_responce44 .table-responsive .transaction-item .media .media-body{
padding: 5px 5px 5px 10px;
text-align: left;
}
.modal-body.popup_height_modal_admin{
max-height: 70vh;
overflow-y: auto;
}
.admin-view_clear_btn_view button{
border-color: #1967d2 !important;
background-color: #1967d2 !important;
color: #fff !important;
}
.admin-view_clear_btn_view .btn-secondary:focus, .admin-view_clear_btn_view .btn-secondary:active, .admin-view_clear_btn_view .btn-secondary.active {
color: #fff;
background-color: #1967d2 !important;
}
.table-responsive_view .full_main_containers .table tbody tr td .btn{
padding: 8px 10px;
font-size: 13px;
margin: 2px 0px;
min-width: 140px;
}
.vew_request_hovertext:hover{
color: blue!important;
}
.table.b-table .table-responsive .inner_table-collapseview thead tr th{
font-size: 12px!important;
padding: 5px 0px!important;
}
.nav.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:active {
color: #7367f0!important;
background-color: rgba(115, 103, 240, 0.12);
}
.mobile-view_text-hide-01{
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
}
.table-responsive_view .full_main_containers .table tbody tr td .btn.btn-secondary{
min-width: 110px;
}
.travelName_ht_textleft{
text-align: left!important;
}
.swal2-title .swal2-content{
padding: 0px;
}
.swal2-popup .swal2-actions{
padding: 0 0.6em;
}
.swal2-actions .swal2-styled{
padding: 0.625em 1em;
}
.table_sticky_left{
position: sticky;
left: -1px;
background-color: #fff;
}
.swal2-popup.swal2-modal .swal2-content{
padding: 0px;
}
.swal2-content .swal2-input-label{
font-size: 16px;
margin-top: 0px;
font-weight: 500;
}
.swal2-container .swal2-popup{
width: 30em;
}
.swal2-popup .swal2-actions {
margin-top: 1px;
}
.swal2-validation-message.my-validation-message{
max-width: 100%;
margin: 0px auto;
}
.sidebar-w-95{
width: 95%;
}
.view_breadcram_title_view{
font-size: 14px;
padding: 5px 0px;
}
.swal2-textarea {
height: 4.75em!important;
padding: 0.45em!important;
}
.swal2-textarea, .swal2-textarea: focus{
box-shadow: none;
}
.table-responsive_view .full_main_containers .table tbody tr td .btn.btn-info{
padding: 0.386rem 0.3rem;
}
.new_admin_panel_ticket th:nth-of-type(2), .new_admin_panel_ticket th:nth-of-type(3){
width: 150px;
}
.new_admin_panel_ticket th:nth-of-type(5){
min-width: 100px!important;
}
.new_admin_panel_ticket th:nth-of-type(6){
min-width: 100px!important;
}
.new_admin_panel_ticket td:nth-of-type(8){
min-width: 240px!important;
}
.paymentinvoices .new_admin_panel_ticket td:nth-of-type(8) {
min-width: auto!important;
}
.travel_request_detailshead_bg{
background: #e9eaeb;
padding: 10px 20px;
text-align: left;
border-radius: 5px;
}
.travel_request_detailshead_bg .details_travels_fc_svgs{
width: 18px;
height: 18px;
display: inline-flex;
}
.card_travels_full_border{
border-radius: 5px;
border:1px solid #eee;
padding: 10px;
}
.card_travels_full_border .card_travels_mobile_veiw {
margin-bottom: 5px;
}
.details_travels_fc_svgs svg{
max-width: 60%;
width: 60px;
}
.details_travels_fc_text{
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
color: #2d2e2e;
margin: 0px 5px;
}
.visit_th_width_tral180 {
min-width: 200px;
text-align: left;
}
.travel_ticket_details_bg02{
background: #f0f0f0;
padding: 10px 20px;
text-align: left;
border-radius: 5px;
margin: 5px 0px;
margin-bottom: 15px;
}
.travel_ticket_details_bg02 h5{
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
color: #1d7aa5;
margin: 2px 0px;
}
.view_request_buttons_view_dotteds{
padding: 4px 0px!important;
}
.view_request_buttons_view_dotteds button{
width: 100%;
text-align: left;
}
.view_request_buttons_view_dotteds01{
display: inline-block!important;
cursor: pointer;
}
.view_request_buttons_view_dotteds a{
padding: 5px 8px
}
.table.table-sm td {
font-size: 13px;
}
.tast_case_groupingview_readmore .cycle_viewmoretext a{
padding:0px!important;
}
.checkCircleIcon_approved {
width: 20px;
height: 20px;
position: relative;
top: -1px;
margin-right: 8px;
display: inline-block;
text-align: center;
color: #434240;
}
#dashboard-ecommerce h4.customTitle {
color: #000000;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.2px;
}
.dashbpoard_border_vi .card .card-header {
padding: 1.5rem!important;
background-color: #fff;
}
.card.cursor-pointer.card_bottom_line_animation .card-header {
background-color: #fff;
}
.avatar_iconsview1 .las{
font-size: 22px!important;
}
.requestapproveleft{
text-align: left;
}
.travelName_ht130{
min-width: 130px;
text-align: left!important;
}
.travelName_td130{
text-align: left;
}
.hod-readmore .tast_case_groupingview_readmore{
max-width: 235px;
white-space: normal;
word-wrap: break-word;
}
.inner_table-collapseview th{
padding: 3px 5px!important;
}
.inner_table-collapseview h4{
margin-bottom: 5px!important;
}
.hod-readmore .tast_case_groupingview_readmore .outer span.fc_m16_btcode_text{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}
.hod-readmore .tast_case_groupingview_readmore .cycle_viewmoretext{
text-align: right;
}
.hod-readmore .tast_case_groupingview_readmore .outer.readmore span.fc_m16_btcode_text{
overflow: unset;
display: -webkit-box;
-webkit-line-clamp: unset;
line-clamp: 2;
-webkit-box-orient: unset;
word-break: break-all;
}
.theade_padding_y10 th{
padding: 12px 0px!important;
}
.devEditEle{
color: #424242;
}
.table tbody {
background-color: #fff;
border-bottom: 1px solid #ebe9f1!important;
}
.customAnimation .card:hover {
transform: translateY(-5px);
}
.view_request_buttons_view_dotteds01 .dropdown-item:hover, .view_request_buttons_view_dotteds01 .dropdown-item:focus{
color: #7367f0;
text-decoration: none;
cursor: pointer;
}
.view_request_buttons_view_dotteds01 a:hover .checkCircleIcon_approved{
color: #7367f0;
}
.customstyle_dashboard_view h4{
color: #3e4757!important;
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
.customstyle_dashboard_view p{
font-family: 'Poppins', sans-serif;
color: #3E4757!important;
/* padding: 0px; */
margin: 0px;
font-size: 14px;
}
.customstyle_dashboard_view{
cursor: pointer;
}
.dashboard_all_container .customstyle_dashboard_view{
padding: 15px 5px!important;
}
.mobile_view_logo{
display: none;
}
.b-table-details{
outline: none;
}
.fieldset_border_vi.dashboard_fieldset_bg legend {
background: #29B1C9;
padding: 4px 10px;
color: #fff;
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
}
.full_main_containers .theade_padding_y10 .requestpannelDetails, .full_main_containers .theade_padding_y10 .requestpannelDetails1{
min-width: 80px!important;
}
.my_projects-bgs_co .customstyle_dashboard_view h2 {
color: #ffffff!important;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.fieldset_border_vi .card .card-header {
padding: 1.5rem!important;
background-color: #fff;
}
.top_header_card_width h4{
color: #3e4757!important;
}
.top_header_card_width p{
color: #3E4757!important;
}
.customstyle_dashboard_view .avatar-content svg{
color: #fff;
}
.bottom_bg_bor3:after {
background-color: #958df0;
}
.card_bottom_line_animation:after {
transition: width 0.3s ease;
content: "";
height: 3px;
position: absolute;
bottom: -2px;
border-radius: 5px;
left: 0;
width: 0;
}
.card_bottom_line_animation {
border-radius: 5px;
position: relative;
overflow: hidden;
transition: all .4s ease-in-out;
}
.dashboard_third_dview .card_bottom_line_animation{
border: 1px solid #DBDBDB!important;
}
.card.my_projects-bgs-2 .bg-light-primary {
background: rgba(255, 255, 255, 0.2)!important;
}
.card.my_projects-bgs-1 .avatar.bg-light-info {
color: #fff!important;
background: rgba(255, 255, 255, 0.2)!important;
}
.card.my_projects-bgs-3 .avatar.bg-light-secondary {
background: rgba(255, 255, 255, 0.2)!important;
}
.card.my_projects-bgs-4 .avatar.bg-light-success {
background: rgba(255, 255, 255, 0.2)!important;
}
.card.my_projects-bgs-5 .avatar.bg-light-warning {
background: rgba(255, 255, 255, 0.2)!important;
}
.card.my_projects-bgs-6 .avatar.bg-light-danger {
background: rgba(255, 255, 255, 0.2)!important;
}
.bottom_bg_bor3:hover:after {
background-color: #958df0;
}
.card_bottom_line_animation:hover:after {
width: 100%;
transition: width 0.3s ease;
content: "";
height: 3px;
position: absolute;
border-radius: 5px;
bottom: 0px;
left: 0;
}
.bottom_bg_bor1:after {
background-color: #e29e9e;
}
.bottom_bg_bor1:hover:after {
background-color: #e29e9e;
}
.card .card-header {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: none;
padding: 0.5rem;
background-color: #f1f2f3;
}
.my_projects-bgs_co .customstyle_dashboard_view p{
color: #fff!important;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
}
.fieldset_border_vi legend {
font-size: 14px;
display: block;
padding-inline-start: 2px;
padding-inline-end: 2px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
width: auto;
letter-spacing: 0.3px;
font-weight: 500;
border-radius: 5px;
padding: 7px 10px;
color: #fff;
background-color: #82868b!important;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.fieldset_border_vi {
display: block;
margin-inline-start: 2px;
margin-inline-end: 2px;
padding-block-start: 0.35em;
padding-inline-start: 0.75em;
padding-inline-end: 0.75em;
padding-block-end: 0.625em;
border-width: 2px;
border: 1px solid #d8d8d8;
border-image: initial;
border-radius: 3px;
font-size: 18px;
}
.fieldset_border_vi.dashboard_fieldset_bg {
border: 1px solid #dbdbdb;
padding: 8px 10px;
margin: 0px;
}
.card .card-header.card_header-bg_common .card-title {
margin-bottom: 0;
font-size: 1rem;
}
.fieldset_border_vi .customstyle_dashboard_view .avatar{
background: rgba(255, 255, 255, 0.2)!important;
}
.card.my_projects-bgs_co {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.card.my_projects-bgs-01 .bg-light-primary,.card.my_projects-bgs-02 .bg-light-primary,
.card.my_projects-bgs-03 .bg-light-primary, .card.my_projects-bgs-04 .bg-light-primary {
background: rgba(255, 255, 255, 0.2)!important;
}
.card.my_projects-bgs-01 {
background: #F4939E;
}
.card.my_projects-bgs-02 {
background: #C960AC;
}
.card.my_projects-bgs-03 {
background: #F9B36B;
}
.card.my_projects-bgs-04 {
background: #9495CD;
}
.card.my_projects-bgs-05 {
background: #B4C960;
}
.card.my_projects-bgs-06 {
background: #FD6767;
}
.card.my_projects-bgs-07 {
background: #707FEA;
}
.card.my_projects-bgs-08 {
background: #EA70D6;
}
.dashboard_main_container .card.my_projects-bgs-01 {
background-color: #4EC5FE !important;
}
.dashboard_main_container .card.my_projects-bgs-02 {
background-color: #C960AC !important;
}
.dashboard_main_container .card.my_projects-bgs-03 {
background-color: #FCAB2B !important;
}
.dashboard_main_container .card.my_projects-bgs-04 {
background-color: #C94EFE !important;
}
.dashboard_main_container .card.my_projects-bgs-05 {
background-color: #B4C960 !important;
}
.dashboard_main_container .card.my_projects-bgs-06 {
background-color: #45BFFF !important;
}
.dashboard_main_container .card.my_projects-bgs-07 {
background-color: #4EA6FE !important;
}
.dashboard_main_container .card.my_projects-bgs-08 {
background-color: #60BBC9 !important;
}
.dashboard_main_container .card.my_projects-bgs-09 {
background-color: #fd6767 !important;
}
.dashboard_main_container .card.my_projects-bgs-10 {
background-color: #2b9afc !important;
}
.dashboard_main_container .card.my_projects-bgs-01 .avatar_iconsview .las{
color: #4EC5FE !important;
}
.dashboard_main_container .card.my_projects-bgs-02 .avatar_iconsview .las{
color: #C960AC !important;
}
.dashboard_main_container .card.my_projects-bgs-03 .avatar_iconsview .las{
color: #FCAB2B !important;
}
.dashboard_main_container .card.my_projects-bgs-04 .avatar_iconsview .las{
color: #C94EFE !important;
}
.dashboard_main_container .card.my_projects-bgs-05 .avatar_iconsview .las{
color: #B4C960 !important;
}
.dashboard_main_container .card.my_projects-bgs-06 .avatar_iconsview .las{
color: #45BFFF !important;
}
.dashboard_main_container .card.my_projects-bgs-07 .avatar_iconsview .las{
color: #4EA6FE !important;
}
.dashboard_main_container .card.my_projects-bgs-08 .avatar_iconsview .las{
color: #60BBC9 !important;
}
.dashboard_main_container .card.my_projects-bgs-09 .avatar_iconsview .las{
color: #fd6767 !important;
}
.dashboard_main_container .card.my_projects-bgs-10 .avatar_iconsview .las{
color: #2b9afc !important;
}
.card.my_projects-bgs-1 {
background: linear-gradient(135deg,#0284c7 0,#0ea5e9 100%) !important;
}
.card.my_projects-bgs-2 {
background: linear-gradient(135deg,#ea580c 0,#fbbf24 100%) !important;
}
.card.my_projects-bgs-3 {
background: linear-gradient(135deg,#f43f5e 0,#ec4899 100%) !important;
}
.card.my_projects-bgs-4 {
background: linear-gradient(135deg,#7dd47e 0,#2ea0a3 100%) !important;
}
.card.my_projects-bgs-5 {
background: linear-gradient(135deg,#2f9bb1 0,#7082d5 100%) !important;
}
.card.my_projects-bgs-6 {
background: linear-gradient(135deg,#2f9bb1 0,#00cfe8 100%) !important;
}
/* */
.card.my_projects-bgs-8 {
background-color: #0792D6!important;
}
.card.my_projects-bgs-9 {
background-color: #ff9800!important;
}
.card.my_projects-bgs-10 {
background-color: #0ea5e9!important;
}
.card.my_projects-bgs-11 {
background-color: #5AB45B!important;
}
.card.my_projects-bgs-12 {
background-color: #ED7D31!important;
}
.card.my_projects-bgs-13 {
background-color: #AB3CBE!important;
}
.card.my_projects-bgs-14 {
background-color: #4649E2!important;
}
/* */
.my_projects_trs-bgs-1{
background: linear-gradient(135deg,#EC6497 0,#EC6497 100%) ;
}
.my_projects_trs-bgs-2{
background: linear-gradient(135deg,#65a986 0,#65a986 100%);
}
.my_projects_trs-bgs-3{
background: linear-gradient(135deg,#4649E2,#4649E2);
}
.my_projects_trs-bgs-4{
background-image: linear-gradient(to right bottom, #AB3CBE, #941CAF) !important;
}
.inner-text-left-02{
margin-left: 10px;
}
.card.my_projects-bgs_co .font-weight-bolder {
color: #fff;
font-weight: 400!important;
font-size: 14px;
text-transform: capitalize;
text-align: left;
padding: 0px 10px;
}
.card_crossdock_main_padding .my_projects-bgs_co .font-weight-bolder{
font-weight: 600!important;
font-size: 24px;
}
.dashTiles .card .card-header {
padding: 1.5rem;
}
.card.my_projects-bgs_co p.card-text {
color: #fff;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
}
.dshboard_margin_x .card.my_projects-bgs_co p.card-text{
color: #fff;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.3px;
}
/* .dshboard_margin_x .my_projects-bgs_co::after{
content: '';
width: 50px;
height: 44px;
display: block;
position: absolute;
bottom: -6px;
right: -8px;
background: #333;
border-radius: 70% 10% 10% 26%;
opacity: 0.9;
transform: rotate(-8deg);
background-color: hsla(0,0%,100%,.2);
} */
.open_task_bg_read01{
background: linear-gradient(135deg,#EC6497 0,#EC6497 100%) !important;
}
.open_task_bg_read02{
background: linear-gradient(135deg,#65a986 0,#65a986 100%) !important;
}
.open_task_bg_read03{
background: linear-gradient(135deg,#4649E2,#4649E2) !important;
}
.open_task_bg_read01 h2, .open_task_bg_read01 p {
color: #fff;
}
.open_task_bg_read01 h2, .open_task_bg_read01 p {
color: #fff;
}
.open_task_bg_read02 h2, .open_task_bg_read02 p {
color: #fff;
}
.open_task_bg_read02 h2, .open_task_bg_read02 p {
color: #fff;
}
.open_task_bg_read03 h2, .open_task_bg_read03 p {
color: #fff;
}
.open_task_bg_read03 h2, .open_task_bg_read03 p {
color: #fff;
}
.avatar_iconsview .las{
font-size: 28px!important;
color: #fff;
}
.illustretaravatar-50 {
width: 70px;
}
.topheader_dock_performance th{
border: 1px solid #afacac!important;
position: relative;
}
.card .table-responsive .project_name_member_text_01 .header-primary .topheader_dock_performance th{
background: #7367f0!important;
color: #fff;
}
.tdfirst_dock_performance td:first-child{
position: sticky;
left: -1px;
z-index: 1;
background: #d4d4d4;
}
.card .table-responsive .thfirst_dock_performance th:first-child{
position: sticky;
left: -1px;
z-index: 1;
background: #d4d4d4!important;
}
.topheader_dock_performance th::after{
content: '';
position: absolute;
right: -1px;
height: calc(100vh - 20.5vh);
width: 1px;
background: #afacac!important;
z-index: 1;
}
.tabs_dockview .filter-btn{
border-bottom: 2px #fff;
}
/* .tab-content .card .table-responsive .custom_doctable.custom_tablecolumn_dock tr th:first-child{
background: #3580bc!important;
color: #ffff;
border: none;
} */
.onroute_text_inner .progre_margin-top_05{
margin-bottom: 5px!important;
}
.onroute_text_inner .progress-bar_bglight_top{
height: 0.957rem!important;
}
.progress-bar-warning .progress-bar.progress-bar_bglight{
background-color: transparent;
color: #424242;
}
.gateperformanceicon .avatar{
border-radius: 0px;
background: #ffffff57!important;
padding: 2px!important;
margin: 0px!important;
float: right;
border-bottom-left-radius: 40px;
width: 80px;
}
.gateperformanceicon .avatar .avatar-content{
width: 80px;
height: 80px;
}
.gateperformanceicon .avatar img{
max-width: 100%;
border-radius: 0px;
}
.performance_projects-bgs-01{
background: #0068FF!important;
}
.performance_projects-bgs-02{
background: #CF75FF!important;
}
.performance_projects-bgs-03{
background: #608DC3!important;
}
.performance_projects-bgs-04{
background: #ED7071!important;
}
.performance_projects-bgs-05{
background: #B670ED!important;
}
.performance_projects-bgs-06{
background: #14ABCD!important;
}
.performance_projects-bgs-07{
background: #b51c44!important;
}
.performance_projects-bgs-08{
background: #ce4b27!important;
}
.performance_projects-bgs-09{
background: #5b3ab6!important;
}
.performance_projects-bgs-10{
background: #a300aa!important;
}
.performance_projects-bgs-11{
background: #009600!important;
}
.performance_projects-bgs-12{
background: #e88a05!important;
}
.performance_projects-bgs-13{
background: #3498DB!important;
}
.performance_projects-bgs-14{
background: #a300aa!important;
}
.performance_projects-bgs-15{
background: #ce4b27!important;
}
.performance_projects-bgs-16{
background: #0093a8!important;
}
.performance_projects-bgs-17{
background: #00A300!important;
}
.performance_projects-bgs-18{
background: #b51c44!important;
}
.performance_projects-bgs-19{
background: #5b3ab6!important;
}
.performance_projects-bgs-20{
background: #e88a05!important;
}
.gateperformanceiconTrakingdb .gateperformanceicon .avatar{
background: #c3c3c357 !important;
}
.card-body.card_crossdock_image{
position: relative;
}
.custom-header_titile_card_header{
text-transform: capitalize;
}
.custom_tablecolumn_dock tbody tr td:first-child .meger_details{
padding: 0px 10px;
}
.dashboardMainLogo img{
max-width: 100%;
}
.ul_recommanaded{
list-style-type: none;
padding: 0px;
}
.containerroute_wise_mx-5{
/* margin: 0px 5px; */
}
.ul_recommanaded li{
float: left;
border: 1px solid #DBDBDB;
border-radius: 6px;
width: calc(50% - 6px);
color: #3E4757;
font-size: 12px;
font-weight: 600;
margin: 0px 3px;
padding: 8px 10px;
box-sizing: border-box;
margin-bottom: 6px;
}
.l1_red_bg{
background: #FF4E2E;
}
.l1_orange_bg{
background: #FF9700;
}
.l1_green_bg{
background: #08DF76;
}
.l1_light_bg{
background: #DBF78C;
}
.ul_recommanadedPallets{
list-style-type: none;
padding: 0px;
}
.ul_recommanadedPallets li{
float: left;
border: 1px solid #DBDBDB;
border-radius: 6px;
width: calc(33% - 6px);
color: #3E4757;
font-size: 12px;
font-weight: 600;
margin: 0px 3px;
padding: 8px 10px;
box-sizing: border-box;
margin-bottom: 6px;
background-color: #E9FD98;
}
@media(max-width: 360px){
.navbar-container a.brand-logo img{
max-width: 100%;
}
.card-header.card_header-bg_common h4.card-title {
font-size: 15px!important;
padding: 0px;
}
.navbar-container a.brand-logo{
/* width: 106px; */
display: inline-block;
}
.navbar-container .docscantitle a.brand-logo{
width: 106px;
}
.navbar-floating .header-navbar .navbar-container {
padding: 0.2rem 0.1rem!important;
}
}
@media(max-width: 575px){
.common_trs_buttons_res{
text-align: right;
}
.common_trs_buttons_res button{
margin-top: 5px!important;
}
.bs-stepper-content {
padding: 15px 12px!important;
}
.bs-stepper-content.card_padding_10 .btn {
padding: 0.586rem 1rem;
}
.table.table-sm th, .table.table-sm td {
padding: 0.2rem 0.4rem!important;
font-size: 12px;
}
.common_trs_buttons_res .common-btn_btn_view{
padding: 0.686rem 1rem;
}
.modal-slide-in .modal-dialog{
width: 22rem!important;
}
.modal-dialog.sidebar-lg .modal-body.flex-grow-1.devUniqueForm{
padding: 5px 5px;
}
.card-header.card_header-bg_common .btn-relief-success{
padding: 8px 2px;
}
.card-body.profile_body_card{
padding: 0px;
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub>a:after {
content: "";
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E);
background-repeat: no-repeat;
background-position: 50%;
background-size: 1rem;
height: 1rem;
width: 1rem;
display: inline-block;
position: absolute;
right: 20px;
top: 14px;
transform: rotate(0deg);
transition: all .2s ease-out;
}
#profile-info .card-body{
padding: 5px;
}
#profile-info .card-body .media a img{
width: 70px;
}
#profile-info form .media-body.mt-75 p{
margin: 0px;
}
.view_request_320_view{
width: 100%;
margin: 10px 0px;
}
.view_request_320_view button{
width: 100%;
}
.transaction-item.view_request_320_view_dblock{
margin: 2px 0px;
display: block!important;
}
.media_action_text_tra .transaction-item .media{
display: flex;
align-items: center;
}
.inner_table_inlie_view .inner_icons_table_request_table_head{
width: 99%!important;
margin: 3px 2px!important;
padding: 5px!important;
}
.pagination_view_co ul{
width: 90%!important;
margin: 0px auto;
}
.my-1.pagination_view_co{
margin: 15px 0px!important;
margin-top: 0px!important;
}
#dashboard-ecommerce .match-height .match-height .col-6{
padding: 5px;
margin-bottom: 2px!important;
}
.dashboard_fieldset_bg.mobileview_col_padd-5 .col-6{
padding: 5px;
margin-bottom: 2px!important;
}
.dashboard_fieldset_bg.mobileview_col_padd-5 .match-height.customAnimation{
margin: 0px;
}
#dashboard-ecommerce .match-height .match-height .card{
margin-bottom: 0rem;
}
#dashboard-ecommerce .match-height .match-height{
padding: 0px 5px;
}
.content-wrapper .content-header .content-header-left{
margin-bottom: 10px!important;
}
.mobile_view_inline_st button{
padding: 5px 4px;
}
.table_responce44 .inner_table_inlie_view{
display: inline-block;
width: 100%;
}
.card_travels_mobile_veiw .card-body{
padding: 8px 5px;
}
.swal2-container .swal2-popup{
width: 95%;
}
.swal2-actions .swal2-styled {
padding: 0.325em 0.5em;
font-size: 13px!important;
}
.swal2-content .swal2-textarea {
height: 3.75em!important;
padding: 0.45em!important;
box-shadow: none!important;
outline: none;
}
html .content .content-wrapper .content-header-title{
font-size: 16px;
}
.customstyle_dashboard_view .avatar .avatar-content{
width: 26px;
height: 26px;
}
}
@media(max-width: 767px){
.mobileview_b_8.mobileview_b_px00{
display: none;
}
.mobileview_b_px00{
padding: 0px!important;
}
.card-header.card_header-bg_common h4.card-title{
font-size: 17px;
}
.dashboard_fieldset_mobileview{
padding: 5px;
}
.mobile-view_text-hide-01{
display: none;
}
.mobile-view_text-padd-05{
padding: 5px!important;
}
.table_th_date_st{
min-width: 100px;
}
.pageCenter.pt-2.text-center{
padding-top: 10px!important;
}
.bs-stepper .bs-stepper-header{
padding: 1rem 0.6rem;
}
.card-content .padding-px-5{
padding: 0px 2px;
}
.common_trs_buttons_res button{
margin-top: 10px!important;
}
.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box{
margin-left: 0px!important;
}
.card_box_shadow .card-content .card_padding_10{
padding: 10px;
padding-bottom: 20px;
}
.submition_popups_views_icons .content-header h5{
font-size: 13px;
font-weight: 500;
letter-spacing: 0.2px;
}
.submition_popups_views_icons .content-header p b{
font-size: 12px;
}
#personal-info{
margin-bottom: 15px;
}
#address-step-vertical-modern .form-group .form-label{
width: 100%;
}
#address-step-vertical-modern .form-group .form-check.form-check-inline.mx-2{
margin-left: 0px!important;
}
.card_box_shadow .padding-px-5 .horizontal-wizard .bs-stepper.horizontal-wizard-example{
box-shadow: none;
}
.submition_popups_views_icons .form-password-toggle .content-header p{
margin-left: 0px;
margin-top: 5px;
}
.step.crossed .step-trigger .bs-stepper-box{
margin-left: 0px!important;
}
.navbar-floating .header-navbar .navbar-container {
padding: 0.2rem 0.2rem;
}
.navbar-floating .brand_text_trs_system {
margin-top: 15px;
}
.inner_icons_table_request_table_head svg{
width: 8px!important;
}
.inner_icons_table_request_table_head{
width: 49%!important;
margin: 5px 2px!important;
}
.table.b-table.b-table-stacked-md > tbody > tr > :first-child {
border-top-width: 1px!important;
}
.card-body.full_main_containers_mobile{
padding: 0px 10px!important;
}
.full_main_containers_mobile td div button{
margin: 5px 2px;
box-shadow: none!important;
}
.full_main_containers_mobile td {
padding: 0.3rem 0.5rem!important;
}
.full_main_containers{
overflow: hidden;
}
.modal-footer button{
padding: 0.375rem 0.75rem;
}
.full_main_containers table tbody tr:nth-child(even) {
background-color: #f2f2f2;
}
.full_main_containers .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before, .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div{
text-align: left;
}
.mobile_view_padd-05 {
padding: 0px 5px!important;
}
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
top: 49px !important;
left: unset!important;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu{
margin-top: 17px!important;
}
.mobile_view_inline_st{
display: inline-flex;
}
.mobile_view_padd-05{
overflow: hidden;
}
.table-responsive.popup_table_Admin textarea.form-control {
line-height: 0.6rem;
padding: 0.8rem 1rem !important;
}
.table-responsive.popup_table_Admin table td {
padding: 10px 5px;
}
.mobile_only_min-height{
min-height: 370px!important;
}
.header-navbar .navbar-container a.brand-logo {
display: inline-block;
/* width: 195px; */
font-size: 15px!important;
padding: 5px 0px;
}
.header-navbar .navbar-container a.brand-logo img{
max-width: 100%;
}
.card-body.customstyle_dashboard_view{
padding: 15px 10px!important;
}
.customstyle_dashboard_view h4{
font-size: 18px;
}
.webviewlog{
display: none;
}
.mobile_view_logo{
display: block;
}
.top_header_card_width p {
color: #3E4757!important;
margin-left: 0px;
font-size: 14px;
}
.fieldset_border_vi .avatar .avatar-content {
width: 28px;
height: 28px;
}
#dashboard-ecommerce .dashboard_all_container{
margin-bottom: 15px;
}
.fieldset_border_vi.dashboard_fieldset_bg {
border: 1px solid #bebaba;
padding: 5px 5px;
margin: 0px;
}
.text-editar_discription_jobs.masters_detailstabing_pills ul li {
width: 33%;
margin-bottom: 6px;
}
#nav-tabs .nav-item .nav-link {
padding: 0.41rem 0.3rem;
font-size: 13px;
}
.text-editar_discription_jobs.masters_detailstabing_pills .nav-pill-warning .nav-item .nav-link {
border-bottom: 1px solid #ee9d43!important;
}
.plate_photoscan_mobile{
width: 50%!important;
margin-bottom: 5px;
padding: 0px 5px!important;
}
.plate_photoscan_mobile_mx-5{
margin: 0px -5px!important;
}
.plate_photoscan_mobilebtn_mx-5{
padding: 0px 5px!important;
}
.plate_photoscan_mobile_mx-5 button.btn {
padding: 0.486rem 0.6rem;
letter-spacing: 0.3px;
height: auto!important;
line-height: unset;
margin-top: 5px!important;
margin-bottom: 10px!important;
}
.card .plate_photoscan_mobile_mb-5{
margin-bottom: 5px!important;
}
.text-editar_discription_jobs.masters_detailstabing_pills ul.tabs_masters_mastercreatetab li{
width: auto;
}
.plate_photoscan .plate_photoscan_mobilebtn_mx-5{
margin-top: 5px!important;
}
.plate_photoscan_mobile{
margin-top: 5px!important;
}
.swal2-popup.swal2-toast .swal2-title{
color: #fff;
}
.swal2-popup.swal2-toast.swal2-show{
width: 294px;
margin:0px auto;
}
.plate_photoscan_mobile .videocampture{
height: 100%;
display: flex;
}
.noimageavalable .plate-canvas_view{
height: 100%!important;
transform: translate(-50%, -50%)!important;
}
.noimageavalable img{
height: 100%;
width: 100%!important;
}
section .mobileview_b_8{
margin-bottom: 8px!important;
}
section .plate_photoscan_mobile{
margin-top: 5px!important;
}
.plate_photoscan_mobile .form-group{
margin-bottom: 5px;
}
.card-header.border-bottom_eee{
margin-bottom: 8px!important;
}
.card_crossdock_p5{
padding: 15px 5px!important;
}
.card_crossdock_main_padding{
padding: 0px 5px!important;
}
.card_crossdock_main{
margin-left: -5px!important;
margin-right: -5px!important;
}
.card_crossdock_main_padding .my_projects-bgs_co{
margin-bottom: 15px;
}
.card_crossdock_main_padding .card_bottom_line_animation{
margin-bottom: 15px;
}
.first_order-sm-1 {
order: 1;
}
.first_order-sm-0 {
order: 0;
}
}
@media(max-width: 767px) and (min-width: 576px){
.common_trs_buttons_res button{
margin-right: 4px!important;
padding: 9px 8px;
margin-top: 24px!important;
}
#dashboard-ecommerce .match-height .match-height .col-6 {
padding: 5px;
}
.dashboard_fieldset_bg.mobileview_col_padd-5 .col-6{
padding: 5px;
margin-bottom: 2px!important;
}
.dashboard_fieldset_bg.mobileview_col_padd-5 .match-height.customAnimation {
margin: 0px;
}
#dashboard-ecommerce .match-height .match-height .col-6 .card{
margin-bottom: 5px;
}
.dashboard_all_container{
padding: 0px 6px!important;
}
}
@media (max-width: 768px) and (min-width: 576px){
.card_box_shadow .bs-stepper .bs-stepper-header {
flex-direction: initial;
align-items: flex-start;
}
.card_box_shadow .padding-px-5 .bs-stepper .bs-stepper-header .line {
display: block;
padding: 5px;
position: relative;
top: 8px;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label{
margin-left: 0.5rem;
}
.inner_icons_table_request_table_head.col {
width: 49%!important;
margin: 4px 2px!important;
}
.table_responce44 .inner_table_inlie_view{
display: inline-block;
width: 100%;
}
.card_travels_mobile_veiw .card-body{
padding: 5px;
}
}
@media(max-width: 990px) and (min-width: 768px){
.submition_popups_views_icons .form-password-toggle {
width: 74%;
}
.dashboardMaincontent h3 {
color: #747474;
font-weight: 500;
font-size: 18px!important;
letter-spacing: 0.3px;
}
.inner_icons_table_request_table_head {
width: 49%!important;
float: left;
border: 1px solid #eee!important;
margin: 4px 2px!important;
border-radius: 5px;
}
.inner-text-left-02{
font-size: 11px!important;
}
.full_main_containers_mobile .table-responsive_view .table.b-table thead th:nth-child(5), .full_main_containers_mobile .table-responsive_view .table.b-table thead th:nth-child(6), .full_main_containers_mobile .table-responsive_view .table.b-table thead th:nth-child(7){
min-width: 92px;
}
.card-body.customstyle_dashboard_view{
padding: 15px 5px!important;
}
.customstyle_dashboard_view h4{
font-size: 15px;
}
.header-navbar .navbar-container.content{
padding-top: 2px;
}
.header-navbar.navbar .navbar-container a.brand-logo {
display: inline-block;
font-size: 18px!important;
padding: 5px 0px;
}
.header-navbar.navbar .navbar-container a.brand-logo img{
max-width: 100%;
}
.card-body.customstyle_dashboard_view{
padding: 15px!important;
}
.top_header_card_width p{
font-size: 16px;
}
.card .text-editar_discription_jobs .nav-pill-warning.tabs_masters_daily .nav-item .nav-link{
border-bottom: 1px solid #ee9d43!important;
margin-bottom: 5px;
}
.text-editar_discription_jobs .nav.nav-pills.tabs_masters_daily{
border-bottom: 0px solid #ee9d43;
}
}
@media(min-width: 991px) and (max-width: 1200px){
.full_main_containers .table.b-table thead th:nth-child(5), .full_main_containers .table.b-table thead th:nth-child(6){
min-width: 105px;
}
.full_main_containers_mobile .table-responsive_view .table.b-table thead th:nth-child(5), .full_main_containers_mobile .table-responsive_view .table.b-table thead th:nth-child(6), .full_main_containers_mobile .table-responsive_view .table.b-table thead th:nth-child(7){
min-width: 105px;
}
}
@media (min-width: 768px){
.vertical-overlay-menu .content{
overflow: hidden;
}
.card_travels_mobile_veiw .card-body{
padding: 5px;
}
.custom_tablecolumn_dock tbody tr td:first-child{
/* background: #3584c4;
color: #ffff; */
padding-right: 0px;
padding-left: 0px;
/* border-top: 1px solid #1d739d; */
}
.custom_tablecolumn_dock .merge_column_detals hr{
margin: 3px 0px;
border-top: 1px solid #efefef;
}
.custom_tablecolumn_dock .meger_details .title_name_text{
/* color: #fff; */
}
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a.router-link-exact-active, .main-menu.menu-light .navigation > li.active > a{
background-color: transparent!important;
box-shadow: none!important;
}
.main-menu.menu-light .navigation > li.active > a {
color: #555555;
background: #F6F6F6!important;
border-radius: 0px;
/* border-left: 2px solid #ee9d43!important; */
}
.docscantitle .brand-logo{
font-size: 20px;
}
.custom_doctable thead tr th{
white-space: nowrap;
}
.text-editar_discription_jobs .nav.nav-pills {
width: 100%;
border-bottom: 0px solid #7367f0;
border-radius: 0px;
}
.text-editar_discription_jobs.masters_detailstabing_pills .nav.nav-pills .nav-item a {
margin-right: 4px!important;
padding: 8px 8px;
border-radius: 3px;
font-size: 14px;
}
.main_divtabsview .dragscroll::-webkit-scrollbar {
width: 5px;
height: 4px;
}
.main_divtabsview .dragscroll::-webkit-scrollbar-track {
background: #eee;
}
.main_divtabsview .dragscroll::-webkit-scrollbar-thumb {
background: #9b9d9f;
}
.main_divtabsview .dragscroll::-webkit-scrollbar-thumb:hover {
background: #68696a;
}
.content-wrapper .masters_detailstabing_pills .tabs_masters_detailstabing_pills li.nav-item a {
padding: 0.786rem 0.4rem;
font-size: 13px;
}
.text-editar_discription_jobs .nav-pill-warning .nav-item .nav-link {
box-shadow: none;
font-size: 14px;
font-weight: 500;
border-bottom: none!important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.text-editar_discription_jobs .nav-pills .nav-link {
border: 1px solid #7367f0!important;
border-radius: 0px;
margin: 0px;
}
.welcome_ssan_system{
height: calc(100vh - 100px);
position: relative;
}
.welcome_ssan_system h2{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 22px;
width: 100%;
text-align: center;
}
.card-header.border-bottom_eee{
border-bottom: 1px solid #eee!important;
padding-bottom: 15px!important;
}
.plate_photoscan .form-control{
height: 2.714rem;
}
.sealscan_camera_icon {
padding: 5px;
display: flex;
align-items: center;
border: 1px solid #ddd;
margin-left: 5px;
border-radius: 5px;
width: 40px;
justify-content: center;
}
.dockbarcodephotoscan{
width: 100%;
border: 1px solid #ddd;
border-radius: 5px;
}
.dockbarcodephotoscan img{
width: 50%;
}
.inoutmargin-5{
margin-left: 5px;
}
.noimageavalable{
position: relative;
}
.plate-video_view{
width: 100%;
}
.noimageavalable img{
width: 78%;
}
.videocampture, .noimageavalable{
border-radius: 5px;
}
.plate_photoscan_mobile .videocampture{
padding: 8px!important;
}
.noimageavalable .plate-canvas_view{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -53%);
height: 94%;
padding: 8px!important;
}
.gateentyscan_camera_icon{
padding: 5px 5px;
display: inline-block;
border: 1px solid #ddd;
margin-left: 5px;
border-radius: 5px;
width: 40px;
height: 36px;
justify-content: center;
background-color: transparent;
}
.gateentyscan_camera_icon .las{
font-size: 22px;
}
.dashboard_welcomeview{
position: relative;
}
.dashboard_welcomeview .welcome_ssan_system h2{
display: contents;
}
.dashboard_welcomeview .welcome_ssan_system .welcome_ssanlogo{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.main_divtabsviewtoggle{
position: relative;
}
.text-editar_discription_jobs.masters_detailstabing_pills .nav.nav-pills .main_divtabsviewtoggle a{
padding-right: 32px!important;
border-radius: 5px;
}
.main_divtabsviewtoggle a button{
padding: 4px;
width: 28px;
height: 100%;
margin-left: 0px;
position: absolute;
border-radius: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
z-index: 9;
top: 0px;
right: 0px;
color: #454545!important;
border: 0px solid #7367f0!important;
background: #fff!important;
border-left: none!important;
}
.date_picker_100 .mx-datepicker{
width: 100%;
}
.main_divtabsviewtoggle a.active button{
color: #fff!important;
border: 0px solid #7367f0!important;
background: #5568d3!important;
}
.main_divtabsviewtoggle .las.mastercreateicon{
margin-right: 0rem;
}
.main_divtabsviewtoggle a button:focus{
outline: none;
box-shadow: none;
}
.plate_photoexitpass{
padding: 10px 5px;
border-radius: 5px;
text-align: center;
}
.plate_photoexitpass img{
max-width: 100%;
}
.intelilinkuploadbtn{
padding: 9px 6px!important;
}
.pad_top_mar_bot-5 .breadcrumbs-top .content-header-left .content-header-title{
font-size: 18px;
color: #3E4757;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
}
.breadcrumbs-top .breadcrumb-wrapper .breadcrumb{
padding: 0.1rem 1rem;
}
.listGrid {
list-style: none;
margin: 0;
padding: 0;
}
.routePathtimelien .loadingcard-stati_timeline_hori .timeline-item .timeline-event{
text-align: center;
}
.routePathtimelien .loadingcard-stati_timeline_hori .timeline-item{
width: 33%;
}
.card-developer-meetup .card-header{
background: #03A9F4;
}
.card-developer-meetup .card-header .card-title{
color: #fff;
}
.daily_transaction_photos_details ul {
list-style-type: none;
padding: 0px;
display: inline-flex;
margin: 0px;
}
.daily_transaction_photos_details ul li{
float: left;
padding: 0px;
border: 1px solid #c8c6c6;
margin: 10px 5px 10px 5px;
box-sizing: content-box;
border-radius: 10px;
}
.daily_transaction_photos_details ul li img{
max-width: 100%;
}
.photo_details_doc_04 h6{
padding: 10px 0px;
text-align: center;
margin: 0px;
color: #424242;
font-size: 13px;
font-weight: 400;
}
.photo_details_doc_borders .daily_transaction_photos_details{
border: 1px solid #a7a7a7;
padding: 5px;
border-radius: 3px;
overflow: auto;
}
.vehicle_name_text{
font-weight: 500;
font-size: 13px;
letter-spacing: 0.3px;
color: #2d2e2e;
}
.innerphoto_details_doc_04{
width: 120px;
display: flex;
border-bottom: 1px solid #DBDBDB;
max-height: 120px;
min-height: 120px;
align-items: center;
margin:0px auto;
}
.home_das_all_buttons_style .btn{
padding: 0.686rem 1.5rem!important;
text-transform: capitalize;
letter-spacing: 0.3px;
margin-top: 2px;
}
.plate_photoscan_mobilebtn_mx-5 .cropimagebutton01{
padding: 6px 10px;
line-height: initial;
letter-spacing: 0.3px;
position: relative;
top: -3px;
}
.dock_resolution_timeselect{
padding: 0px 2px!important;
}
@media screen and (max-width: 1175px) {
.plate_photoscan_mobile_mx-5 button.btn {
padding: 0.486rem 0.6rem;
letter-spacing: 0.3px;
height: auto!important;
line-height: unset;
margin-top: 5px!important;
margin-bottom: 10px!important;
}
.plate_photoscan_mobile{
width: 50%!important;
margin-bottom: 5px;
padding: 0px 5px!important;
}
.plate_photoscan_mobile_mx-5{
margin: 0px -5px!important;
}
.plate_photoscan_mobilebtn_mx-5{
padding: 0px 5px!important;
}
.plate_photoscan_mobile_mx-5 button.btn {
padding: 0.486rem 0.6rem;
letter-spacing: 0.3px;
height: auto!important;
line-height: unset;
margin-top: 5px!important;
margin-bottom: 10px!important;
}
.card .plate_photoscan_mobile_mb-5{
margin-bottom: 5px!important;
}
}
@media (max-width: 580px){
.text-editar_discription_jobs.masters_detailstabing_pills ul li {
width: 33%;
margin-bottom: 6px;
}
.text-editar_discription_jobs .nav.nav-pills{
border-bottom: 0px solid #ee9d43;
}
.text-editar_discription_jobs.masters_detailstabing_pills ul.tabs_masters_mastercreatetab li{
width: 50%!important;
}
.card-header.border-bottom_eee h4.card-title{
font-size: 15px;
}
.view_photo_transaction.sealphotsviewmultiple .view_photo_multiple{
width: calc(100% - 10px)!important;
}
.calendar_vehicle_Schedule09 .fc .fc-toolbar .fc-toolbar-chunk:first-child{
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
text-align: right;
float: right;
justify-content: end;
width: 100%;
}
.container .table-responsive.datatableview {
padding: 5px 5px;
}
}
@media (max-width: 420px){
.text-editar_discription_jobs.masters_detailstabing_pills ul li {
width: 50%;
margin-bottom: 5px;
}
.content-wrapper .masters_detailstabing_pills .tabs_masters_detailstabing_pills li.nav-item a{
font-size: 12px;
padding: 0.786rem 0.1rem;
}
}
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
.bold42{
color: #424242;
font-size: 16px;
font-weight: 500;
}
.nor74{
font-size: 14px;
color: #747474;
font-weight: 500;
}
.daily_transaction_table .thead_bg{
background-color: #e2e8f0;
}
@media only screen and (min-width: 768px) {
.daily_transaction_toggler {
display: none;
}
.table_mobile_view{
display: none !important;
}
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
.table_desktop_view{
display: none !important;
}
.dis_none_ms{
display: none;
}
.table_mobile_view .daily_transaction_toggler{
border: 1px solid #DAE3F8;
border-radius: 10px;
padding: 10px;
margin-bottom: 8px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
text-align: start;
cursor: pointer;
}
.toggle_icon .las {
transition: transform 0.3s ease;
}
.icon_rotate{
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.daily_transaction_photos_details ul {
display: block;
overflow: hidden;
}
.daily_transaction_photos_details ul li{
border: none;
}
.text-editar_discription_jobs.masters_detailstabing_pills .nav.nav-pills .nav-item .blue_tab {
margin-right: 6px!important;
border-radius: 4px;
background-color: #fff;
/* color: #7949FF; */
}
.daily_transaction_photos_details ul li img{
width: 100%;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.daily_transaction_container{
box-shadow: none !important;
background-color: transparent !important;
}
.daily_transaction_container .masters_detailstabing_pills .nav-tabs {
width: 100%;
padding: 0;
}
.innerphoto_details_doc_04{
width: 100%;
height: 150px;
display: inline-flex;
overflow: hidden;
border-radius: 10px;
border-bottom: none;
}
.text_wrapping{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dashboard_main_container .card_crossdock_main_padding .my_projects-bgs_co .font-weight-bolder{
font-weight: 700!important;
font-size: 18px;
}
.table_mobile_view .toggle_icon{
background-color: #01d0fe;
padding: 10px;
border-radius: 20px;
display: flex;
}
.table_mobile_view .toggle_icon .las{
color: #fff;
font-size: 20px;
}
.table_mobile_view .expanded_mobile_data{
max-height: 0;
background: #fff;
border-radius: 10px;
overflow: hidden;
transition: max-height 0.5s ease;
}
.d-flex-ms{
display: flex;
}
.w-100-ms{
width: 100%;
}
.mb-30{
margin-bottom: 30px;
}
.photo_details_doc_borders .daily_transaction_photos_details{
border: none;
overflow: hidden;
white-space: nowrap;
max-height: 355px;
/* margin-top: 6px; */
/* margin-bottom: 6px; */
}
.meger_details .title_value_text{
width: 50%;
display: inline-block;
}
.meger_details .title_name_text{
width: 50%;
display: inline-block;
}
.expanded_mobile_data.expanded {
max-height: 650px;
border: 1px solid #DAE3F8;
margin-bottom: 8px;
}
.text-editar_discription_jobs.masters_detailstabing_pills ul li{
width: 46%;
}
.access_page_data .access_page_wraper .create_btn{
display: inline-block;
margin-bottom: 16px;
}
.access_page_data .access_page_wraper .input_fields{
width: auto !important;
}
.access_page_data .access_page_wraper{
display: block !important;
}
.access_page_data .access_page_wraper .right_side_wrapping{
justify-content: space-between !important;
}
.access_page_data .access_page_wraper .right_side_wrapping{
margin-top: 16px;
display: block !important;
}
.table_mobile_view .expanded_mobile_data .meger_details{
border-bottom: 1px solid #DAE3F8;
padding: 8px;
}
.datatableview table {
width: 100%;
}
.custom_doctable .velmld-parent tr td.text-center{
text-align: left!important;
}
.table-responsive.datatableview{
padding: 0px 10px;
}
/* Force table to not be like tables anymore */
.datatableview table, .datatableview thead, .datatableview tbody, .datatableview th, .datatableview td, .datatableview tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.datatableview thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.datatableview tr { border: 1px solid #ccc; }
.datatableview td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
.datatableview td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 9px;
left: 6px;
width: 40%;
padding-right: 10px;
white-space: nowrap;
/* Label the data */
content: attr(data-column);
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}
.datatableview .table td{
padding-left: 40%!important;
font-weight: 400;
font-size: 13px;
color: #3E4757;
letter-spacing: 0.2px;
min-height: 40px;
text-align: left!important;
}
/* .daily_transaction_container .datatableview .table td{
padding-left: 0%!important;
} */
/* .daily_transaction_table tbody tr {
border: 1px solid #DAE3F8 !important;
margin-bottom: 10px;
border-radius: 10px;
padding: 10px;
box-shadow: 0 1px 0px #DAE3F8, 0 1px 1px #DAE3F8;
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
} */
.datatableview tr:nth-of-type(odd) {
background: #fafafc;
border-bottom: none!important;
}
.datatableview tr:nth-of-type(even) {
background: #f2f2f2;
border-bottom: none!important;
}
.daily_transaction_table tbody {
background-color: #f5f2fb00 !important;
}
}
/* --------------- COLORS --------------- */
/* ---------- OTHER VARIABLES ---------- */
.masters_detailstabing_pills .nav-tabs {
width: 98%;
margin: 0px auto;
position: relative;
padding: 0 20px;
box-sizing: border-box;
user-select: none;
background-color: #F2F2F2;
overflow: hidden;
}
.videocampture_scannedcode video{
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.videocampture_scan img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.videocampture_scan{
position: relative;
height: 100%;
}
.videocampture_scan{
border-radius: 5px;
}
.videocampture_scannedcode{
border-radius: 5px;
width: 100%;
}
.videocampture_scannedcode .drawingBuffer{
position: absolute;
top: 0px;
left: 0px;
}
.barcodescanner_master video{
width: 100%;
}
.barcodescanner_master .drawingBuffer{
width: 100%;
}
.barcodescanner_master{
border: 1px solid #eee;
border-radius: 5px;
margin-bottom: 10px;
}
.userdownloadguide .las{
font-size: 18px;
}
.moibleviewdownload{
position: relative;
top: -2px;
font-size: 14px;
letter-spacing: 0.3px;
font-weight: 500;
}
.userdownloadguide a:hover{
text-decoration: underline;
}
.dropdown-user.userdownloadguide{
position: relative;
top: -2px;
}
.view_photo_transaction .close:hover{
color: #fff;
opacity: 1!important;
}
.plate_photoscan_mobile_canvasimage {
border: 1px solid #eee;
padding: 5px 5px!important;
border-radius: 5px;
position: relative;
text-align: center;
}
.plate_photoscan_mobile_canvasimage img{
width: 65%;
padding: 35px;
}
.plate_photoscan_mobile_full100{
width: 100%!important;
}
.plate_photoscan_mobile_canvasimage.platesecondphoto img{
width: 70%;
padding: 35px;
}
.plate_photoscan_mobile_canvasimage canvas{
display: block;
margin: 0px auto;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
padding: 4px;
transform: translate(-50%, -50%);
overflow: hidden;
}
.custom_doctable tbody tr td {
padding: 0.75rem 0.6rem;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.3px;
color: #74828F;
border-top: 1px solid #DBDBDB;
}
.merge_column_detals hr{
margin: 5px 0px;
border-top: 1px solid #eee;
}
.meger_details .title_name_text{
font-weight: 500;
font-size: 13px;
letter-spacing: 0.3px;
color: #000000;
}
.meger_details .statuswisecenterview{
margin: 5px 0px;
display: inline-block;
}
.meger_details .title_value_text a{
white-space: nowrap;
}
.meger_details .title_value_text{
font-weight: 400;
font-size: 13px;
color: #747474;
letter-spacing: 0.3px;
}
.table-responsive.datatableview .custom_doctable thead tr th{
padding-left: 8px!important;
padding-right: 8px!important;
text-transform: capitalize;
}
.pagination_viewallpages .VuePagination nav{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 15px;
}
/* outbound */
.table-responsive.outbound_view_dock{
padding: 8px;
margin-bottom: 5px;
}
.outboundrotetdiv_tdsss .inner_table_first_dock{
border: none!important;
}
.custom_outboundviewinnertablenewtable{
border: none!important;
}
.custom_outboundviewinnertablenewtable .custom_outboundviewinnertable tbody tr td{
white-space: nowrap;
}
.custom_outboundview tbody{
border: none!important;
}
.content-wrapper .container .outbound_view_dock .custom_outboundview thead tr th{
background-color: #fff!important;
border-top: none;
border-bottom: 0px solid #eee;
padding: 10px 5px;
min-width: 140px;
}
.custom_outboundviewinnertable{
width: 100%;
}
.innertable_top_borders{
border: none!important;
}
.content-wrapper .container .outbound_view_dock .custom_outboundviewinnertable .sector_bg{
background: #E6E9D6!important;
border: 1px solid #9c9580!important;
border-bottom: 1px solid #797979!important;
}
.rotetions_view_arrow {
float: right;
padding: 6px;
border-radius: 50%;
height: 30px;
background-color: #F1E9E9;
/* box-shadow: inset 0 -3px 0 0 rgb(34 41 47 / 20%); */
color: #fff;
margin-left: 5px;
transition: all 0.2s ease;
}
.filter_rotation_onlick.common_arrow_rotetion .rotetions_view_arrow .la-angle-down {
transform: rotate(180deg);
transition: 0.3s;
}
.filter_rotation_onlick .rotetions_view_arrow .la-angle-down {
transition: 0.3s;
}
.rotetions_view_arrow .las.la-angle-down {
font-size: 17px;
color: #33363F;
position: relative;
top: 1px;
}
.content-wrapper .container .outbound_view_dock .custom_outboundview thead tr th.bg-outbound-text{
background: #79DAEB!important;
border-right: 1px solid #aaa;
border-left: 1px solid #aaa;
}
.content-wrapper .container .custom_outboundviewinnertable th{
border-top: 0px!important;
}
.content-wrapper .container .outbound_view_dock .custom_outboundview tbody tr td{
padding: 20px 0px;
padding-top: 0px;
vertical-align: top;
font-size: 10px;
font-weight: 500;
}
.doc_truckdetails span{
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
margin: 0px 5px;
display: inline-block;
margin-bottom: 5px;
}
.truck_Vehicle_no h4{
font-size: 15px;
display: block;
font-weight: 600;
color: #464646;
}
.timeline-item.active .timeline-event h6{
color: #464646;
font-weight: 500;
font-size: 12px;
}
.all_tabs_docSummary ul li.all{
background: #197DA8;
color: #fff;
}
.all_tabs_docSummary ul li.route{
background: #19A873;
color: #fff;
}
.all_tabs_docSummary ul li.waiting{
background: #3561D2;
color: #fff;
}
.all_tabs_docSummary ul li.inactive{
background: #FFAB08;
color: #fff;
}
.all_tabs_docSummary ul li{
background: #F8F8FA;
padding: 5px;
border-radius: 4px;
width: 22%;
}
.right_gridviewD{
margin: 0px;
}
.right_gridviewD li{
border: 1px solid #c5bda8;
background: #F8F8FA;
padding: 6px 10px;
border-radius: 4px;
cursor: pointer;
color: #727c84;
}
.right_gridviewD li.active{
background: #FF9800;
color: #fff;
border: 1px solid #FF9800;
font-weight: 600;
}
.all_tabs_docSummary ul .count_text_all{
background: #E4E4E4;
padding: 5px;
border-radius: 2px;
height: 24px;
min-width: 24px;
line-height: 15px;
font-size: 12px;
font-weight: 400;
text-align: center;
letter-spacing: 0.3px;
white-space: nowrap;
}
.heading_text_all{
padding: 2px;
letter-spacing: 0.3px;
}
.loadingcard-stati_timeline_hori li{
float: left;
}
.loadingcard-stati_timeline_hori .timeline-item{
border: none;
border-top: 1px solid #EBE9F1;
padding-left: 0px;
width: 20%;
left: 10%;
}
.loadingcard-stati_timeline_hori .timeline-item.active{
border-top: 2px solid #2196F3;
}
.loadingcard-stati_timeline_hori{
position: relative;
padding: 2% 3%;
padding-bottom: 0px;
display: inline-block;
width: 100%;
margin: 0px!important;
}
.loadingcard-stati_timeline_hori .timeline-item .timeline-event {
position: relative;
min-height: 1rem;
left: -50%;
}
.loadingcard-stati_timeline_hori .timeline-item .timeline-event h6{
width: 100%;
}
.tableloading_scan_truck .svg_icons svg{
width: 30%!important;
padding-top: 5px;
}
.loadingcard-stati_timeline_hori .timeline-item:last-child{
border: none!important;
border-top: 0px solid #EBE9F1!important;
}
.loadingcard-stati_timeline_hori .timeline-item:last-of-type:after{
background: none!important;
}
.loadingcard-stati_timeline_hori .timeline-item .timeline-point.timeline-point-indicator{
top: -0.5rem;
}
.loadingcard-stati_timeline_hori .timeline-item:last-of-type:after {
content: '';
position: absolute;
left: -1px;
top: 0;
width: 100%;
height: 1px;
background: linear-gradient(#EBE9F1, transparent);
}
.all_tabs_docSummary ul li.all .count_text_all{
background: #7ec4e375;
color: #ffffff;
font-weight: 600;
}
.all_tabs_docSummary ul li.route .count_text_all{
background: #5ebe9a;
color: #ffffff;
font-weight: 600;
}
.all_tabs_docSummary ul li.waiting .count_text_all{
background: #6c84c3;
color: #ffffff;
font-weight: 600;
}
.all_tabs_docSummary ul li.inactive .count_text_all{
background: #d8a33e;
color: #ffffff;
font-weight: 600;
text-align: center;
}
.loadingcard-stati_timeline .timeline-event h6{
color: #74828F;
font-weight: 400;
font-size: 10px;
letter-spacing: 0.3px;
}
.truck_Vehicle_no span{
padding: 5px 0px;
display: block;
font-weight: 500;
}
.dock_summary_view_truck .card .card-header{
font-weight: 600;
letter-spacing: 0.3px;
font-size: 15px;
}
.card_style_box_shadow1 .loadingcard-statistics{
background: #F4F4FB;
padding: 10px;
}
.card_style_box_shadow1 .timeline .timeline-item .timeline-event{
min-height: 2.5rem;
}
.dock_summary_view_truck .card-title{
color: #424242;
}
.dock_summary_view_truck .card.border-warning {
border: 1px solid #DBDBDB!important;
border-radius: 10px;
}
.onroute_text{
color:#464646;
font-weight: 600;
}
.containerroute_wise h5{
color: #464646;
font-size: 16px;
font-weight: 600;
}
.onroute_text_inner p{
color: #74828F;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.3px;
}
.loadingcard-statistics h4.card-title{
color: #464646;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.3px;
}
.time_docksummary p{
font-weight: 400;
font-size: 12px;
color: #74828F;
letter-spacing: 0.3px;
}
.onroute_text_inner h6{
color: #464646;
font-size: 14px;
letter-spacing: 0.3px;
font-weight: 600;
}
.content-wrapper .container .outbound_view_dock .custom_outboundview .outboundrotetdiv_tdsss td{
vertical-align: bottom;
/* white-space: nowrap; */
font-size: 10px;
font-weight: 500;
min-width: 115px;
color: #292626;
}
.custom_outboundviewinnertable th{
border: 1px solid #eee!important;
padding: 2px!important;
}
.custom_outboundviewinnertable td{
border: 1px solid #797979;
}
.custom_outboundviewinnertable_right{
width: 100%;
}
.content-wrapper .container .custom_outboundviewinnertable_right th{
border-top: 0px!important;
}
.filter_card_searchbgst_dock.filter_rotation_onlick{
padding: 8px 0px!important;
}
.custom_outboundviewinnertable_right th{
border: 1px solid #eee!important;
padding: 2px!important;
}
.custom_outboundviewinnertable_right td{
border: 1px solid #797979!important;
padding: 2px;
}
.custom_outboundviewinnertable_right td{
padding: 6px 0px!important;
}
.sector_bg_blue{
background: #2196F3;
}
.bgm_width_dock{
width: 100px;
background: #ffd659;
color: #2d2e2e;
font-weight: 500;
font-size: 14px;
}
.loading_scan_truck .svg_icons{
width: 100%;
margin: 0px auto;
/* border-bottom: 5px solid #a5a2a2; */
display: inline-block;
}
.loading_scan_truck .svg_icons svg{
width: 75%;
/* float: right; */
margin: 0px auto;
display: block;
}
.card-title .title_test{
font-weight: 500;
font-size: 16px;
}
.icons_common_setview{
font-size: 28px;
width: 25px;
height: 25px;
line-height: 25px;
margin-right: 10px;
position: relative;
bottom: 5px;
}
.loading_werehouseimage img{
max-width: 57%;
}
.loading_scan_truck{
position: relative;
overflow: hidden;
top: 17%;
}
.loading_scan_truck .svg_icons svg{
bottom: 15%;
right: 0px;
position: relative;
-webkit-animation: linear infinite;
-webkit-animation-name: run;
-webkit-animation-duration: 15s;
}
/* @-webkit-keyframes run {
0% {
right: 0;
-webkit-transform: rotateY(0deg);
}
48% {
-webkit-transform: rotateY(0deg);
}
50% {
right: calc(100% - 340px);
-webkit-transform: rotateY(180deg);
}
98% {
right: 0;
-webkit-transform: rotateY(180deg);
}
100% {
right: 0;
-webkit-transform: rotateY(0deg);
}
} */
.outboundrotetdiv thead {
/* display: flex; */
display: table-row-group;
}
.outboundrotetdiv .custom_outboundviewinnertable thead{
display: table-row-group;
}
.table.custom_outboundview.outboundrotetdiv td{
vertical-align: top;
border-bottom: 1px solid #797979;
border-top: none;
}
.custom_outboundview.outboundrotetdiv .custom_outboundviewinnertable td{
border-top: 1px solid #797979!important;
}
.outboundrotetdiv_tdsss td{
padding-bottom: 0px!important;
height: 25px;
line-height: 25px;
border-radius: 0px!important;
}
.table.dockPakages_table td{
border: 1px solid #ddd;
float: left;
margin: 3px;
padding: 6px;
border-radius: 2px;
color: #3E4757;
}
.filter_card_searchbgst_dock .fc_my-05{
align-items: center;
cursor: pointer;
}
.all_buttons_style button {
cursor: pointer;
font-size: 16px;
text-transform: capitalize;
}
.card-header.filter_rotation_onlick h4.card-title {
color: #ffffff !important;
padding: 0px;
margin: 0px!important;
font-size: 16px;
}
.card-header.filter_rotation_onlick .bg-light-secondary {
/* background: rgb(225 238 255 / 12%) !important; */
color: #82868b !important;
background: #F1E9E9!important;
}
.avatar .avatar-content {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 0.857rem;
}
.filter_card_searchbgst_dock{
background: #2E85BE!important;
}
.border-warning {
border: 1px solid #dadddd!important;
}
.table.dockPakages_table tbody{
border: none!important;
}
/* .outboundrotetdiv head {
order: 2!important;
} */
/* blick css loading listing tab */
.loadingcard-stati_timeline_hori .timeline-item.active:last-child .timeline-point-indicator {
position: absolute;
top: 0%;
transform: translateX(-50%) translateY(-50%);
width: 14px;
height: 14px;
&:before {
content: '';
margin-left: 10%;
margin-top: 10%;
}
&::after {
content: '';
position: relative;
display: block;
min-width: 185%;
height: 185%;
box-sizing: border-box;
margin-left: 0%;
margin-top: 0%;
border-radius: 45px;
background-color: #6610f2;
animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
}
@keyframes pulse-ring {
0% {
transform: scale(.33);
}
80%, 100% {
opacity: 0;
}
}
@keyframes pulse-dot {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
}
}
/* end blick css here */
.parkingcapacity_remai h2{
color: #464646;
font-size: 18px;
font-weight: 600;
text-align: center;
}
.parkingcapacity_remai p{
color: #74828F;
font-size: 14px;
font-weight: 400;
text-align: center;
}
.onroute_text_inner{
margin-bottom: 5px;
}
.box_containermain{
position: relative;
}
.box_containermain img{
max-width: 100%;
min-width: 100%;
}
.box_containermain_drag {
position: absolute;
width: 100%;
height: 55%;
top: 19%;
left: -4%;
/* transform: rotateX(8deg); */
/* -webkit-transform: translateZ(50px); */
transform: rotate(30deg);
}
.draggable {
position: absolute;
cursor: pointer;
transform: rotate(90deg);
width: 50px;
}
.draggable img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.box_container_view_two{
position: absolute;
width: 100%;
height: 55%;
top: 19%;
left: -4%;
transform: rotate(30deg);
}
.box_inner_width20 img{
max-width: 100%;
}
.box_inner_width20 {
width: 40px;
float: left;
height: 100%;
flex-wrap: wrap;
display: inline-flex;
flex-direction: column-reverse;
}
.box_inner_width20 ul{
list-style: none;
padding:0px;
margin: 0px;
}
.box_inner_width20 ul li{
display: inline;
float: left;
width: 20%;
margin: 1px;
margin-bottom: 2px;
}
.box_inner_width20 ul li img{
max-width: 100%;
}
.box_inner_width20box span{
display: inline-block;
}
.common-margin-selectkpi{
margin-left: 5px;
margin-top: 5px;
}
.timepickerview08{
width: 100%!important;
}
#ticket_files{
border: 1px solid #ddd;
padding: 4px;
border-radius: 5px;
width: 100%;
}
.timepickerview08 .display-time{
width: 100%!important;
border: 1px solid #d2d2d2;
border-radius: 3px;
padding: 8px;
line-height: 46px;
min-height: 35px;
}
.ckeditarheightview .ck.ck-content{
height: 150px!important;
}
.ck.ck-powered-by{
display: none;
}
.ckeditarheightview .ck.ck-powered-by{
display: none!important;
}
.shipment_tab_view_docksummary03 ul li{
width: auto;
width: calc(50% - 4px)!important;
}
@media (max-width:767px){
.moibleviewdownload{
display: none;
}
.custom_tablecolumn_dock tbody tr td:first-child .meger_details{
padding: 0px 00px;
}
.customAnimation_dashboard2{
margin: 0px!important;
}
.mobileview_margin_top10{
margin-top: 10px;
padding: 0px 6px!important;
}
.mobileview_padd{
padding: 0px 6px!important;
}
.dashTiles_padd_05{
margin: 0px 0px!important;
padding: 0px!important;
}
.dashTiles_padd_05view{
padding: 0px 10px;
}
.gateentry_viewpage_mobile{
padding: 0px 10px;
}
.i_icon_st.la-signal.las.lab{
margin-right: 14px;
float: left;
transition: 200ms ease all;
font-size: 18px;
}
.pagination_viewallpages .VuePagination nav {
display: block;
}
.pagination_viewallpages .VuePagination nav .page-link{
padding: 0.3rem 0.45rem;
font-size: 13px!important;
min-width: 1.286rem;
border-top: none;
}
.plate_photoscan_mobile_canvasimage img{
padding: 15px;
}
.plate_photoscan_mobile_canvasimage.platesecondphoto img{
padding: 15px;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-buttons .nav-tabs-arrow{
top: 47%!important;
}
.text-editar_discription_jobs.masters_detailstabing_pills .nav.nav-pills .nav-item a{
padding: 10px 8px;
}
.intelilinkuploadbtn-right{
text-align: right;
}
.velmld-parent .dashboard_main_view_dock{
padding: 8px!important;
}
.my_dashboard_main_page.jumbotron_bg.dashboard_ {
padding: 10px 10px 0px 10px !important;
}
/* .global_performance_tab_container .jumbotron_bg.dashboard_secondview{
padding: 0px 5px 0px 5px !important;
} */
.global_performance_tab_container .jumbotron_bg{
background: none !important;
border: none !important;
border-radius: 10px;
overflow: hidden;
}
.global_performance_tab_container .dshboard_margin_x{
border: 1px solid #DAE3F8;
border-radius: 10px;
overflow: hidden;
}
.global_performance_tab_container .gateperformanceicon .avatar{
background: #fff !important;
width: 40px;
height: 40px;
border-radius: 10px;
padding: 8px !important;
margin-top: 10px !important;
margin-right: 10px !important;
}
.global_performance_tab_container .gateperformanceicon .avatar .avatar-content {
width: 24px;
height: 24px;
}
.welcome_page_number_container.jumbotron_bg.dashboard_secondview{
padding: 0px 5px 0px 5px !important;
}
.jumbotron_bg.dashboard_secondview{
padding: 8px 5px!important;
}
.card_crossdock_main_pd-8{
padding: 0px 5px!important;
}
.dashboardMainLogo{
text-align: center;
}
.dashboardMainLogo img{
max-width: 70%;
}
.jumbotron_bg.dashboard_secondview .dashTiles_icons{
margin: 0px;
}
.dashboardMainLogo{
margin:0px auto;
}
.performancedashboardTop_new{
margin: 0px auto;
}
.ul_recommanadedPallets li{
width: calc(50% - 6px);
}
.all_tabs_docSummary ul li{
width: calc(50% - 7px);
margin-bottom: 8px;
}
.dashboard_secondview .dashboardMainLogo{
justify-content: center;
}
.dashboardMaincontent .dashboardMaincontent_text{
text-align: center;
}
.text-editar_discription_jobs .mobileview_b_8_ticket_btns{
text-align: right!important;
}
.fc_mobileviewfontsize{
font-size: 14px;
}
}
@media only screen and (min-width: 1024px) {
.masters_detailstabing_pills .nav-tabs {
padding: 0 30px;
}
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-wrapper {
display: flex;
flex-direction: row;
overflow: hidden;
white-space: nowrap;
position: relative;
flex-basis: 100%;
max-width: 100%;
}
.masters_detailstabing_pills .mastercreateformright button{
padding: 3px;
margin-top: 2px;
}
.masters_detailstabing_pills .mastercreateicon{
font-size: 18px;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-wrapper .nav-tabs-items {
position: relative;
list-style-type: none;
display: flex;
overflow: auto;
margin: 0 auto;
padding: 0;
user-select: none;
flex-wrap: nowrap;
padding-bottom: 10px;
}
.view_photo_transaction{
text-align: center;
padding: 2%;
position: relative;
}
.view_photo_transaction img{
width: 100%;
}
.expected_Datevieww100 .time-picker {
width: 100%;
}
.expected_Datevieww100 input{
width: 100%!important;
border-radius: 5px;
height: 36px!important;
}
.expected_Datevieww100 input:focus{
outline: none;
}
.view_photo_transaction.sealphotsviewmultiple{
display: inline-block;
}
.view_photo_transaction button{
position: absolute;
z-index: 9;
background: #cd0000!important;
top: -13px;
right: -14px;
color: #fff;
width: 26px;
height: 26px;
line-height: 17px;
display: inline-block;
border-radius: 50%;
opacity: 1;
}
.view_photo_transaction.sealphotsviewmultiple .view_photo_multiple{
width: calc(50% - 10px);
float: left;
margin: 5px;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-wrapper .nav-tabs-items .tabs-item {
display: inline-block;
background-color: #FFFFFF;
flex-shrink: 0;
color: #004C97;
text-align: center;
font-weight: 700;
transition: color 0.3s ease-in-out;
cursor: pointer;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-wrapper .nav-tabs-items .tabs-item.active {
background-color: #F2F2F2;
color: #DE4097;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-wrapper .nav-tabs-items .tabs-item:hover {
color: #DE4097;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-buttons .nav-tabs-arrow {
color: #DE4097;
padding: 0;
border: 0;
outline: 0;
font-size: 25px;
position: absolute;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.3s;
cursor: pointer;
z-index: 9;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-buttons .nav-tabs-arrow:focus {
color: #da2a8b;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-buttons .nav-tabs-arrow:hover {
color: #c8237e;
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-buttons .nav-tabs-arrow.nav-tabs-arrow-left {
left: -6px;
}
@media only screen and (min-width: 1024px) {
.masters_detailstabing_pills .nav-tabs .nav-tabs-buttons .nav-tabs-arrow.nav-tabs-arrow-left {
left: -4px;
}
}
.masters_detailstabing_pills .nav-tabs .nav-tabs-buttons .nav-tabs-arrow.nav-tabs-arrow-right {
right: -5px;
}
@media only screen and (min-width: 1024) {
.masters_detailstabing_pills .nav-tabs .nav-tabs-buttons .nav-tabs-arrow.nav-tabs-arrow-right {
right: -3px;
}
}
.masters_detailstabing_pills .nav-tabs.subcategory-tabs .nav-tabs-wrapper .nav-tabs-items .tabs-item {
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
text-align: center;
transition: color 0.3s ease-in-out;
cursor: pointer;
box-shadow: none;
width: auto!important;
}
.masters_detailstabing_pills .nav-tabs.subcategory-tabs .nav-tabs-wrapper .nav-tabs-items .tabs-item.active, .nav-tabs.subcategory-tabs .nav-tabs-wrapper .nav-tabs-items .tabs-item:hover {
color: #DE4097;
}
.masters_detailstabing_pills .nav-tabs.scroll-both .nav-tabs-buttons .nav-tabs-arrow-left, .nav-tabs.scroll-left .nav-tabs-buttons .nav-tabs-arrow-left {
opacity: 1;
}
.masters_detailstabing_pills .nav-tabs.scroll-both .nav-tabs-buttons .nav-tabs-arrow-right, .nav-tabs.scroll-right .nav-tabs-buttons .nav-tabs-arrow-right {
opacity: 1;
}
.masters_detailstabing_pills .nav-tabs.no-bg {
background-color: rgba(0, 0, 0, 0);
}
.masters_detailstabing_pills .nav-tabs.no-padding {
padding: 0;
}
.text-editar_discription_jobs.masters_detailstabing_pills .nav.nav-pills .nav-item a.nav-link.active{
color: #fff!important;
font-size: 14px!important;
font-weight: 600;
letter-spacing: 0.3px;
box-shadow: none;
}
.text-editar_discription_jobs.masters_detailstabing_pills .nav.nav-pills .nav-item a.nav-link.active:after{
display: none;
}
.avgGatetimeview{
font-size: 18px;
font-weight: 600;
display: inline-block;
color: #fff;
}
.timeGatetimeview{
margin-bottom: 5px;
text-align: left;
padding: 0px 10px;
}
.dashTiles_icons .avatar-content .custom-class.las{
color:#fff;
}
.chart_dockperformance{
height: 100%;
}
.performancedashboardTop_new{
display: flex;
align-items: center;
justify-content: left;
vertical-align: middle;
height: 100%;
}
.dashboard_secondviewcommon{
padding: 20px;
}
.dashboardMainLogo{
display: flex;
align-items: center;
justify-content: left;
vertical-align: middle;
height: 100%;
}
.task-count-width_w p.card-text{
font-size: 13px;
color: #ffffff;
font-weight: 400;
margin-bottom: 5px;
}
.dashboard_third_dview .task-count-width_w h2{
color: #fff;
}
.dashboard_third_dview .task-count-width_w h5{
color: #fff;
letter-spacing: 0.3px;
font-weight: 500!important;
}
.dashboard_third_dview .card_bottom_line_animation .card-header .bg-light-default{
background: #eee;
border-radius: 5px;
width: 15%;
padding: 5px!important;
}
.dashboard_third_dview .card_bottom_line_animation .card-header .bg-light-default img{
max-width: 100%;
}
.table-bordered td{
color: #74828F;
}
.card.resolved {
border-left: 5px solid #28c76f;
}
.card.open_oranges {
border-radius: 0 0.428rem 0.428rem 0;
border-left: 5px solid #ff9800;
}
.avgGatetimeMi{
font-size: 14px;
letter-spacing: 0.3px;
color: #fff;
font-weight: 400;
letter-spacing: 0.4px;
text-transform: capitalize;
}
.table-responsive .custom_doctable thead tr th {
padding-left: 8px!important;
padding-right: 8px!important;
}
.my_projects-bgs_co .card-header, .userstats_profile_card_bg .card-header{
background-color: transparent!important;
}
.card.my_projects-bgs-7 {
/* background: linear-gradient(135deg,#EC6497 0,#EC6497 100%) !important; */
background: linear-gradient(135deg,#a660ed 0,#e730d3 100%) !important;
}
.card.review{
border-left: 5px solid #00cfe8;
}
.userstats_profile_card_bg {
background: #EDFAFF!important;
border-radius: 10px;
}
.card.my_projects-bgs_co {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
overflow: hidden;
}
.avgGatetime .avgGatetimeview.card-text{
color: #3E4757;
}
.avgGatetimeMi.card-text{
color: #3E4757;
}
.card .main_route_traking_map .card_route_traking_map{
border: 1px solid #DBDBDB!important;
box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1)!important;
}
.card_route_traking_map .card_route_traking_icons .avatar-content {
background: #fff!important;
box-shadow: 0 4px 14px 0 #E6E6E6!important;
border-radius: 5px;
border: 1px solid #DBDBDB;
width: 40px;
height: 40px;
}
.card_route_traking_icons_icon .avatar-content{
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 2px!important;
}
.card_route_traking_icons_icon .avatar-content img{
border-radius: 0px;
}
.fleet_inner_pra{
font-size: 10px;
}
.card_route_traking_icons_icon{
margin-right: 5px;
}
@media only screen and (max-width: 480px) {
.nav-tabs.full-tabs-mobile .nav-tabs-wrapper .nav-tabs-items .tabs-item {
width: 100%;
}
.dashboardMaincontent h3{
font-size: 15px!important;
}
.dashboard_third_dview ul li{
font-weight: 500;
font-size: 10px;
margin: 3px 1px;
width: calc(33% - 2px);
white-space: nowrap;
line-height: 21px;
}
}
.task-count-width_wtop{
align-items: baseline;
}
/* animation truck */
.jumbotron_bg{
background-color: #F4F4FB!important;
border: 1px solid #DBDBDB!important;
border-radius: 5px
}
.my_dashboard_main_page, .welcome_page_number_container{
background-color: #fff!important;
border: none!important;
}
.dashboardMaincontent{
position: relative;
}
.dashboardMaincontent h3{
color: #747474;
font-weight: 500;
font-size: 30px;
letter-spacing: 0.3px;
}
.card_crossdock_main_padding .card.my_projects-bgs_co{
/* border-radius: 100px 100px 0px 0px; */
margin-bottom: 0px;
}
.dashboard_main_container .card_crossdock_main_padding .card.my_projects-bgs_co{
overflow: unset;
border-radius: 40px 40px 12px 12px;
height: 120px;
}
.card_crossdock_main_padding .card.my_projects-bgs_co .card_crossdock_p5 .avatar{
background: #fff!important;
}
.dashboard_main_container .card_crossdock_main_padding .card.my_projects-bgs_co .card_crossdock_p5 .avatar{
background-color: #f5f5f5 !important;
}
.dashboard_main_container .card_crossdock_main_padding .card.my_projects-bgs_co .card_crossdock_p5 .avatar{
border: 10px solid #fff;
padding: 10px !important;
/* box-shadow: 0px 4px 4px 0px #00000040; */
}
.card_crossdock_main_padding .card.my_projects-bgs_co .avatar_iconsview .custom-class{
/* color: #424242!important; */
}
.card-developer-meetup .card-transaction .transaction-item .media{
align-items: center;
}
.gateperformanceicon_col_px5{
padding: 0px 8px !important;
}
.container .trip_tracking_details th, .container .trip_tracking_details td{
padding: 10px 10px!important;
border: none!important;
}
.avatar-content_tracksss{
width: 48px;
height: 48px;
display: block;
}
.avatar-content_tracksss img{
max-width: 100%;
}
.bg-white_track01{
background: #BDE9FF!important;
}
.bg-white_track02{
background: #FFC892!important;
}
.bg-white_track03{
background: #FF99C2!important;
}
.content_tracksss-radius {
border-radius: 5px;
}
.bg-white_track03{
background: #85F985!important;
}
.content-body.velmld-parent .container .trip_tracking_details .table.border th{
padding: 10px 10px!important;
text-transform: capitalize;
background: #F0F0F0!important;
}
.table-responsive.trip_tracking_details{
border-radius: 5px;
}
.container .trip_tracking_details td{
border: none!important;
}
.trackinglist_all_icon{
width: 26px;
height: 26px;
display: inline-block;
}
.trackinglisticon{
margin-bottom: 5px;
}
.trackinglist_all_icon img{
max-width: 100%;
}
.vehicle_traking_viewlist .tooltip {
position: relative;
float: right;
}
.vehicle_traking_viewlist .tooltip > .tooltip-inner {
background-color: #FFDF36;
padding: 5px 15px;
color: rgb(23, 44, 66);
font-weight: bold;
font-size: 13px;
}
.vehicle_traking_viewlist .popOver + .tooltip > .tooltip-arrow {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #FFDF36;
}
.vehicle_traking_viewlist section {
margin: 100px auto;
height: 1000px;
}
.vehicle_traking_viewlist .progress {
border-radius: 0;
overflow: visible;
}
.vehicle_traking_viewlist .progress-bar{
background-color: #FFDF36!important;
}
.vehicle_traking_viewlist .progress-bar {
background: rgb(23, 44, 60);
transition: width 1.5s ease-in-out;
}
.container .trip_tracking_details .vehicle_traking_viewlist{
border-top: 1px solid #eee!important;
}
.trip_tracking_details .meger_details .title_name_text{
color: #3E4757;
}
.trip_tracking_details .meger_details .title_value_text{
color: #74828F;
}
.trip_tracking_details .merge_column_detals .meger_details{
margin-bottom: 10px;
}
.bombimage{
width: 24px;
height: 24px;
margin-bottom: 12px;
}
.bombimage img{
max-width: 100%;
}
.bombitext{
margin-top: 10px;
}
.border-leftsidetrack .card.resolved{
border-left: 5px solid #28c76f!important;
}
.progressTextImagegif{
width: 100px;
margin: 0px auto;
}
.progressText.progressTextImage{
display: inline-block;
position: relative;
top: 35px;
width: 100%;
text-align: center;
}
.bottom_border_listingtrack{
border-bottom: 2px solid #eee!important;
margin-bottom: 5px;
}
.gateperformanceiconTrakingdb .gateperformanceicon .avatar .avatar-content{
width: 40px;
height: 50px;
margin:0px auto;
}
.gateperformanceiconTrakingdb .gateperformanceicon .avatar{
width: 65px;
}
.tracking_downarrows{
width: 30px;
display: inline-block;
}
.trackinglisticonbg .title_name_text{
color: #fff;
}
.trackinglisticonbg{
padding: 5px;
border-radius: 5px;
cursor: pointer;
}
.trackinglisticonbg.rackinglisticonbg-01{
background-color: #3561D2;
}
.trackinglisticonbg.rackinglisticonbg-02{
background-color: #FFAB08;
}
.trackinglisticonbg.rackinglisticonbg-03{
background-color: #197DA8;
}
.trackinglisticonbg.rackinglisticonbg-04{
background-color: #CF75FF;
}
.blue_tab{
background-color: #7949FF;
padding: 12px;
border-radius: 10px;
}
.dashboard_main_container{
margin-top: 10px;
}
.dashboard_main_container .dashboard_icon_bg{
position: relative;
top: -50px;
}
.w-50{
width: 50%;
}
.input_label{
color: #424242;
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}
.dashboard_date_box .mx-input-wrapper .mx-input{
border: 1px solid #DAE3F8;
border-radius: 10px;
padding: 10px;
height: 40px;
background: #F9F9F9;
}
.serach_btn{
background: #F9BC00;
border: none !important;
border-radius: 10px;
padding: 10px;
color: #FFFFFF;
font-weight: 500;
font-size: 14px;
margin-top: 4px;
}
.clear_btn{
background-color: #00BAFF;
border: none !important;
border-radius: 10px;
padding: 10px;
color: #FFFFFF;
font-weight: 500;
font-size: 14px;
margin-top: 4px;
}
.global_performance_tab_container .performance_projects-bgs-01{
background: linear-gradient(242.99deg, #91DBFF 0%, #4EC5FE 45.16%) !important;
}
.global_performance_tab_container .performance_projects-bgs-02{
background: linear-gradient(242.99deg, #FF99E3 0%, #C960AC 45.16%) !important;
}
.global_performance_tab_container .performance_projects-bgs-03{
background: linear-gradient(242.99deg, #FFCE7F 0%, #FCAB2B 45.16%) !important;
}
.global_performance_tab_container .performance_projects-bgs-04{
background: linear-gradient(242.99deg, #CEE76B 0%, #B4C960 45.16%) !important;
}
.global_performance_tab_container .performance_projects-bgs-05{
background: linear-gradient(242.99deg, #F79595 0%, #FD6767 45.16%) !important;
}
.global_performance_tab_container .performance_projects-bgs-06{
background: linear-gradient(242.99deg, #6CCEDD 0%, #60BBC9 45.16%) !important;
}
.monthly_details_tab{
background: #fff;
padding: 6px;
border-radius: 32px;
}
.monthly_details_tab .active button{
border-radius: 32px !important;
padding: 4px 15px !important;
width: 70px;
}
.monthly_details_tab .filters {
}
.font14_42{
color: #424242;
font-size: 14px;
font-weight: 600;
}
.font16_42{
color: #424242;
font-size: 16px;
font-weight: 600;
}
.font14_74{
font-size: 14px;
color: #747474;
font-weight: 400;
}
.entry_loading_control_container .plate_photoscan_mobile_canvasimage{
background: #F9F9F9;
}
.entry_loading_control_container .plate_photoscan_mobile_canvasimage img{
width: auto;
}
.entry_loading_control_container .gateentyscan_camera_icon{
background-color: #00BAFF;
}
.entry_loading_control_container .gateentyscan_camera_icon .las{
color: #fff;
}
.access_controll_header .access_controll_header_ul .nav-item a{
margin-right: 4px!important;
padding: 8px 8px;
border-radius: 3px;
font-size: 14px;
}
.access_controll_header .access_controll_header_ul .nav-link{
border: 1px solid #7367f0!important;
}
.access_controll_header .access_controll_header_ul .nav-link.active {
color: #fff !important;
background-color: #3F51B5 !important;
/* box-shadow: none; */
}
.rbac_main_container{
border: 1px solid #86868633;
border-radius: 10px;
background: #fff;
}
.rbac_main_container .access_controll_header{
margin: 15px 0px 0px 32px;
}
.rbac_main_container .access_controll_header .nav-tabs .nav-link.active:after{
background: none !important;
}
.align-center{
align-items: center;
}
.access_page_data .access_page_wraper{
border: 1px solid #DAE3F8;
border-radius: 10px;
padding: 10px;
display: flex;
align-items: center;
margin-bottom: 14px;
justify-content: space-between;
}
.access_page_data .access_page_wraper .no_menus_show{
padding: 6px;
color: #747474;
font-size: 14px;
}
.access_page_data .access_page_wraper .create_btn{
background: #7949FF;
padding: 8px;
border-radius: 10px;
}
.access_page_data .access_page_wraper .create_btn a{
color: #fff;
font-size: 16px;
font-weight: 600;
}
.access_page_data .access_page_wraper .icon_access{
background-color: #F4F4FB;
border-radius: 10px;
padding: 8px;
}
.access_page_data .access_page_wraper .icon_access .las{
font-size: 24px;
color: #424242;
}
.access_page_data .access_page_wraper .input_fields{
width: 550px;
}
.access_page_data .access_page_wraper .right_side_wrapping{
display: flex;
justify-content: end;
align-items: start;
}
.access_page_data .access_page_wraper .right_side_wrapping .permission_checkbox_container{
background-color: #f1f1f1;
padding: 12px;
border-radius: 10px;
border: 1px solid #ddd;
}
.save_btn_container{
text-align: end;
}
.save_btn_container button{
background-color: #7949FF;
border-radius: 10px;
padding: 10px 30px;
border: none;
color: #fff;
font-weight: 600;
}
.permission_checkbox_container .form-group{
margin-bottom: 4px !important;
}
.submenu_table_list{
margin-bottom: 0px !important;
}
.access_menu_data .submenu-box {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.5s ease, opacity 0.5s ease;
}
.access_menu_data .submenu-expanded {
max-height: 500px;
opacity: 1;
}
.access_menu_data .submenu-box table {
transform: scaleY(0);
transform-origin: top;
transition: transform 0.5s ease;
}
.access_menu_data .submenu-expanded table {
transform: scaleY(1);
}