.dashboard .card-header.no-margin { margin:0;} .caret { border-left:5px solid rgba(0, 0, 0, 0); border-right:4px solid rgba(0, 0, 0, 0); border-top:5px solid;} .pmd-navbar.navbar .btn.pmd-btn-fab:hover, .pmd-navbar.navbar .btn.pmd-btn-fab:focus, .pmd-navbar.navbar .btn.pmd-btn-fab.focus { color: #fff;} /*==========================header css===========================*/ .pmd-navbar .pmd-user-info.pull-right { margin-right:15px; margin-left:10px;} .pmd-navbar .navbar-nav > li.all-res-drop {margin-bottom:0; padding-left:103px;} .pmd-navbar .navbar-nav > li.all-res-drop > a {border-color: rgba(0,0,0,0); font-size:24px; color:#ffffff; font-family:"Roboto"; text-transform:capitalize; line-height:auto; cursor:pointer; padding:19px 30px 20px; background-color: #4285f4;} .pmd-navbar .navbar-nav > li.all-res-drop > a .select-res-name {white-space:nowrap; text-overflow: ellipsis; width:160px; overflow: hidden; float:left;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:transparent; color: #fff;} .navbar-right .open .dropdown-menu { right:auto;} .all-res-drop .dropdown-menu{ max-height:360px; width:250px; overflow-x: hidden; overflow-y: scroll;} .all-res-drop .mCustomScrollbar .mCSB_inside > .mCSB_container { margin-right:10px;} .all-res-drop .dropdown-menu li a { font-size:16px; padding: 10px 10px 10px 20px; clear: both; color: #333333; display: block; font-weight: normal; line-height: 1.42857; white-space:normal;} .all-res-drop .dropdown-menu li a:hover, .all-res-drop .dropdown-menu li a:focus, .all-res-drop .dropdown-menu li a:active, .all-res-drop .dropdown-menu li a.active { background-color:#F5F5F5;} .navbar .notification .dropdown-menu::before{border-bottom: 7px solid rgba(0, 0, 0, 0.2);border-left: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid rgba(0, 0, 0, 0);content: "";display: inline-block; right:24px; position: absolute;top: -7px} .navbar .notification .dropdown-menu::after{border-bottom: 6px solid #ffffff;border-left: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid rgba(0, 0, 0, 0);content: "";display: inline-block; right: 24px; position: absolute; top: -6px;} nav .notification .pmd-dropdown-menu-container { left:auto; right:0; padding:0; margin-bottom:0; width:380px; top:65px; background:#fff;} nav .notification .notification-blank { padding:120px 16px; text-align:center; opacity:0.7;} nav .notification .badge {border-radius: 30px; display: inline-block; font-size: 13px; font-weight: 500; height: 24px; left: 26px; line-height: 24px; min-width: 20px; padding: 0; position: absolute; text-align: center; top: 8px; color:#4285f4; border:0;} nav .pmd-navbar-right-icon .badge{border-radius: 30px;display: inline-block;font-size: 11px;font-weight: 500;height: 22px;left: 11px;line-height: 22px;min-width: 20px;padding: 0 0px;position: absolute;text-align: center;top: -11px; font-family:"Roboto",sans-serif; background-color:#fff;} nav .notification .notification-blank span.dic { display:block; font-size:58px; margin-bottom:10px; opacity:0.3;} .navbar .notification.open .pmd-dropdown-menu-container:after{border-bottom: 6px solid #ffffff;border-left: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid rgba(0, 0, 0, 0);content: "";display: inline-block; right: 13px; position: absolute; top: -6px;} .navbar .notification .dropdown-menu { padding:0; width:100%; position:relative;} nav .notification a{ position:relative; overflow:visible; margin-top:25px;} nav .notification .nav-dropdown { padding:16px; border-bottom:1px solid #F5F5F5;} nav .notification .nav-dropdown h3 { margin:0; font-size:16px;} nav .notification .nav-dropdown h3 a { float:right; text-transform:capitalize; font-size:13px;;} nav .notification .list-group-item { background:#F9F9F9; line-height:15px; cursor:pointer; float:left; width:100%;} nav .notification .list-group-item { padding:0; border-bottom:1px solid #ebebeb; margin:0;} nav .notification .list-group-item a { border:0;} nav .notification .list-group-item .avatar-list-img40x40 { margin-top:0;} nav .notification .list-group-item .list-group-item-text { color:#4d575d; opacity:1; line-height:1.4; display:block; white-space:normal; font-size:14px;} nav .notification .list-group-item .list-group-item-text span { color:#333;} nav .notification .list-group-item .list-group-item-date { color:rgba(0, 0, 0, 0.44); font-size:13px; display:block;} nav .notification .list-group-item > a { padding:16px; right:0; margin-top:0;} nav .notification .list-group-item.unread { background:#fff;} nav .notification .list-group-item:hover { background:#F5F5F5;} .pmd-navbar .navbar-nav > li.notification svg { margin-right:0;} nav .notification .nav-dropdown h3 a { text-decoration:underline; margin-top:0;} nav .notification .nav-dropdown h3 a:hover { text-decoration:none;} .navbar-inverse{ background-color:#2c6fdd; border-color:#2c6fdd;} .avatar-list-img40x40{width:40px;height:40px;border-radius:50%;display:table-cell;overflow:hidden;vertical-align:middle;position:relative; text-align:center; } .avatar-list-img40x40 .dic { vertical-align:middle;} .avatar-list-img40x40 {width:40px;height:40px;border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;position:relative; line-height: 38px;} .avatar-list-img40x40 img {max-height: 40px; width: auto; height: auto; max-width: 40px; display:inline-block;} .avatar-list-img140x140{width:140px;height:140px; border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;position:relative; text-align:center; line-height:140px; margin:0 auto;} .avatar-list-img140x140::after {border-radius: 50%;box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;content: "";height: 140px;left: 0;position: absolute;top: 0;width: 140px;z-index: 100;} .avatar-list-img140x140 img {max-height: 140px; width: auto; height: auto; max-width: 140px; display:inline-block;} /*=============================content area=========================*/ .constructor, .pmd-content{padding-top: 63px; padding-bottom:50px; padding-left:0; padding-right:0;} .pmd-content .container-fluid { max-width:1590px;} /*==============================dashboard common css===============================*/ .dashboard { margin-top:60px; animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -webkit-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -ms-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -o-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -moz-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s;} .dashboard .masonry .masonry-brick, .dashboard.masonry .demo { padding-left:10px; padding-right:10px;} .dashboard .service-icon { width:64px; height:64px; display:block; position:relative; margin-right:10px;} .dashboard .service-icon img, .dashboard .service-icon svg { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;} .dashboard .heading {font-size: 18px; margin-top:0; margin-bottom:0;} .dashboard .card { margin-bottom:20px;} .dashboard .card-body, .dashboard .notification .content-section { min-height:100px;} .dashboard .value-added { padding: 0 30px;} .rupee-icon:before { content:""; display:inline-block; background:rgba(0, 0, 0, 0) url("../images/rupee-icon.png") no-repeat scroll 1px 0 / 10px ;width:13px; height:19px; vertical-align:middle;} .rupee-icon-big:before { content:""; display:inline-block; height:19px; vertical-align:middle; background-size:11px;} h2.typo-fill-secondary{ color:rgba(77, 87, 93, 0.68);} .pmd-display2{ opacity:1; font-weight:500;} .grow-up{ margin-left:5px;} /*=================site activity css=========================*/ /*total sales circle chart css*/ .total-sales { text-align:center; margin-bottom:25px;} .total-sales .circle { display: inline-block; margin:0 10px 0 10px; position:relative;} .total-sales .circles-wrp { margin-bottom:6px;} .total-sales .circles-integer { font-size:20px; font-family: 'Roboto'; display:block; font-weight:700;} .total-sales .border-right {border-right:1px solid #dfe3e7;} .total-sales .chart-title {line-height: 1.1; padding: 0 15px; width: 99px; margin:auto; font-weight:500;} .total-sales .circle .circles-text { height:auto !important;} .total-sales .circles-integer:before { content:""; display:inline-block; height:19px; vertical-align:middle; background-size:11px;} /* total sales progressbar chart css*/ .total-revenue .progress { height:8px; margin:0; border-radius:10px; background:#DFE3E7; box-shadow:none;} .total-revenue ul { margin:0;} .total-revenue .list-group-item{ padding:1px 0; display:table; margin:0 auto;} .total-revenue .media-body { vertical-align:middle; max-width:175px;} .total-revenue .media-left { font-size:16px; font-family:'Roboto'; text-align:left; color: #888888; font-weight:500;} .total-revenue .media-right { font-size:20px; font-family: 'Roboto'; text-align:left; padding-left:20px; min-width:110px; font-weight:700;} .total-revenue .progress .progress-bar { height: 100%; width: 0; background-color:#F7912F; color:#F7912F;} /*=====================marketplace card css new============================*/ .dashboard .marketplace {display:block; width:100%; height:auto; position:relative; min-height:280px;} .dashboard .row { margin-left:-10px; margin-right:-10px;} .dashboard .col-xs-12 { padding-left :10px; padding-right:10px;} .marketpace-card { padding:2px;} .dashboard .marketplace .content-section { margin-bottom:23px; min-height:125px;} .services-active { padding-top:30px;} .dashboard .marketplace .heading { margin-bottom:0; margin-top:0;} .activated-service {margin-right:10px;} .btn-services {font-size:18px; line-height:22px; text-transform: uppercase; padding:10px 13px; margin-top:25px; color:#ffffff;} .btn-services:hover, .btn-services:focus, .btn-services.focus {color:#fff; background-color:#3679e7;} .marketplace-link { position:absolute; height:100%; width:100%;} .marketplace-main-card { text-align:center; padding:25px 20px; position:relative;} .marketplace-main-card a {height: 100%; position: absolute; width: 100%; left:0; top:0;} .marketplace-main-card .svg-icon { margin:0 auto;} .marketplace-main-card .svg-icon svg { min-height:70px;} .marketplace-main-card .svg-icon img { text-align:center; display:block; margin:0 auto; width:70px; opacity:0.8; margin-top:-5px;} .marketplace-main-card h3 { margin-top:10px; font-size:18px;} .marketplace-main-card p { font-size:14px; margin-bottom:0;} .transactional-chart .highcharts-series-group { left:0; position:absolute;} .total-transaction { padding-right:20px;} .total-transaction li { padding:0 0 5px 0; font-family:'Roboto'; } .total-transaction li .media-body { color:rgba(77, 87, 93, 0.68); } .total-transaction li .media-right a { text-decoration:underline; font-family: "source_sans_proregular";} .total-transaction li .media-right a:hover { text-decoration:none;} .total-transaction li .media-right { color:#4d575d; font-size:18px; min-width:125px; text-align:right; font-family: "source_sans_proregular";} .total-transaction li.total-amt { border-top: 1px solid #dfe3e7; margin-top:5px; padding-top:5px;} .total-transaction li.total-amt .media-left { padding-right:10px;} .total-transaction li.total-amt .media-body { color: #4d575d; } .total-transaction li.total-amt .media-right { font-size:20px; min-width:205px;} .bank-transaction tr { border-bottom:1px solid #dfe3e7; margin:0; border-left:0;} .bank-transaction tr:last-child { border:0;} .bank-transaction tr td { padding:7px 0; line-height:1.3;} .bank-transaction tr td.pull-right { font-size:18px; min-width:98px; text-align:right;} .bank-transaction { border-left: 1px solid #dfe3e7; padding-left:30px; margin-left:-15px; padding-right:0;} .registered { margin-right:15px; font-size:14px; font-family: "source_sans_proregular";} .no-trasaction span { display:block; font-size:16px; line-height:1.4;} /*========================total payout css new=============================*/ /*circle chart css*/ .payout-border:first-child { margin-top:25px; border-left:0;} .payout-border {border-left:1px solid #dfe3e7; margin-top:45px; margin-bottom:20px} .total-payout .chart { text-align:center;} .total-payout .circle { display: inline-block; margin:0 10px 0 10px;} .total-payout .circles-wrp { margin-bottom:6px;} .total-payout .circles-integer { font-size:20px; font-family: 'Roboto'; display:block;} .total-payout .heading.no-margin { margin:0;} .total-payout.stake-chart .chart{ position:relative; left:-17px;} .total-payout .media-right { padding:0;} .total-payout .media-right .dropdown .pmd-btn-fab.btn-sm { margin-right:-20px;} /*highchart css*/ .highcharts-button { display:none !important;} .highcharts-yaxis-title { color:#4d575d !important; fill: #4d575d !important; font-size:14px !important;} .highcharts-yaxis-labels text { color:#434348 !important; fill:#434348 !important;} /*pending payout css*/ .pending-amount {border-bottom:1px solid #dfe3e7;} .pending-payout { padding-left:45px; padding-right:55px;} .pending-payout .list-group-item { width:100%;} .pending-payout .pending-title { color: rgba(7, 87, 93, 0.68); font-family: "Roboto"; font-size: 16px; min-width: 65px; padding-bottom:3px;} .pending-payout .pending-total-amount { color:#4d575d; font-size:20px; font-family: 'Roboto'; padding-top:3px;} .pending-payout .progress { width:100%;} .pending-payout .progress .progress-bar.progress-bar-card { background-color: #2ab7ee; color: #2ab7ee;} .pending-payout .progress .progress-bar.progress-bar-wallet { background-color: #00719d; color: #00719d;} /*with holder css*/ .with-holder { margin-top:20px;} .suspence-recepe {border-bottom:1px solid #dfe3e7; margin-bottom: 20px; padding-bottom: 20px !important;} .total-payout .list-group-item-heading{ text-transform:uppercase;} .total-payout .list-group-item-text{ color:#4d575d; font-weight:500;} /*===================range date picker=====================*/ .daterangepicker.dropdown-menu {opacity:1; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); clip: initial; } .range-calendar {cursor:pointer; position:absolute; right:30px;} .range-calendar svg:hover path { fill: #4d575d !important;} .selected-date {float: left; font-size: 14px; padding-right: 15px; padding-top: 3px;} /*======================browser usage================*/ .value-added .pmd-display2 a { text-decoration:underline;} .value-added .pmd-display2 a:hover { text-decoration:none; color: #4e575e;} .value-added .value-added-section { border-right:1px solid #dfe3e7; border-bottom:1px solid #dfe3e7; padding-top:14px; padding-bottom:15px;} .value-added .value-added-section .title { font-size:18px; line-height:1.2; color:rgba(77, 87, 93, 0.68); font-weight:500;} .value-added .value-added-section:nth-child(2), .value-added .value-added-section:nth-child(4),.value-added .value-added-section:nth-child(6) { border-right:0;} .value-added .value-added-section:nth-child(5), .value-added .value-added-section:nth-child(6) { border-bottom:0;} .pt10 { padding-top:10px;} /*==========================Statistics card=======================*/ .statistics { padding:0 10px; margin:-20px 0 20px;} .statistics .statistic-img-circle { width:64px; height:64px; border:4px solid #3cad44; border-radius:50%; margin:25px auto 5px auto;} .statistics img, .statistics svg { max-width:57px; margin:0 auto; height:57px;} .statistics .pmd-display2 { font-size: 25px;} .statistics .typo-fill-secondary {color: rgba(77, 87, 93, 0.68);font-weight: 500;} /*========================user details====================*/ .sms-details .media-right { width:15%;} .sms-details .media-right a { margin: 0 5px;} .sms-details .card-header svg:hover path, .sms-details .card-header svg:hover rect, .sms-details .card-header svg:hover ellipse { fill:#4d575d;} .sms-details .card-header .service-icon svg:hover path, .sms-details .card-header .service-icon svg:hover rect{ fill: #fff;} /*======================project progress css====================*/ .project-progress .content-section ul { margin:30px 0 0 0;} .project-progress .timeline { padding-left:50px; border-bottom:1px solid #ebebeb; width:100%; margin:0; padding-left: 50px; padding-top: 25px;} .project-progress .timeline:last-child { border: 0;} .project-progress .timeline:before { background:#fff; content:""; position:absolute; top:0; bottom:0; left:25px; height:101%; width:2px; display:block;} .project-progress .timeline:after { background:#fff; border-radius:50% !important; content:""; display:block; height:12px; left:25px; margin-left:-5px; margin-top:-6px; position:absolute; top:50%; width:12px; z-index:2;} .project-progress .timeline.project-notification:before { background:#df6c6c !important;} .project-progress .timeline.project-notification:after { background:#df6c6c !important;} .project-progress .timeline.project-info:before { background:#67b951 !important;} .project-progress .timeline.project-info:after { background:#67b951 !important;} .project-progress li h5.typo-fill-secondary{ color:#999; font-size:12px;} /*=====================recent post css========================*/ .recent-post ul{ margin-top:0;} .recent-post .card-body{ min-height:289px;} .reload{margin-right: 15px;} .reload:hover svg path{ fill: #4d575d;} .pmd-card-list .post{ width: 20%; text-align:right;} .post-time{ font-size:11px; color:#a5a4a4;} /*==================Total Payout===================*/ .suspence-icon, .mappes-icon{ float:left; margin-right:16px;} /*circle chart css*/ .total-payouts .circle { display: inline-block; margin:20px 0 0 0; width:44%; position:relative;} .total-payouts .circles-wrp { margin-bottom:10px;} .total-payouts .circles-integer { font-size:20px; font-family: 'Roboto'; vertical-align:middle; padding-top:10px;} .total-payouts p { position:absolute; top:30px; right:0; bottom:0; left:0; margin: auto;} /*======================footer========================*/ footer { border-top: 1px solid rgba(0,0,0,0.1); background:#fff; padding-top:17px; padding-bottom:14px; -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);} .pmd-sidebar ~ footer { padding-left:80px;} .pmd-sidebar.pmd-sidebar-open ~ footer {padding-left : 290px;} .copyright-text { font-size:14px; color:#4d575d; padding-top:18px;} .copyright-text a:hover { color:#4285f4;} footer a { color:#4d575d; display:inline-block;} footer .pmd-card-subtitle-text { font-size: 12px; line-height:18px; opacity:1;} footer .media-left { padding-left:0; padding-right:10px;} footer .media-left svg { margin-top:12px;} footer .pmd-card-title-text a { color:#fff;} footer a:hover svg path, footer a:focus svg path { fill: #4d575d;} footer a:hover { color:#4d575d;} /*===================landing page css=========================*/ /*inner page*/ .pmd-content.inner-page { padding-bottom:0px; min-height:848px;} .pmd-content.inner-page .container-fluid { max-width:1210px;} .pmd-content.inner-page .container-fluid.full-width-container { max-width:1590px;} /*inner page header and breadcrumb section*/ .marketplace-icon {display: block; height: 46px; margin-left:30px; margin-top:12px; position: relative; width: 46px;} .marketplace-icon svg {bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; height:30px;} .main-banner{ background: #ffffff; width:100%; height:70px;} .main-banner .media-body { width:auto;} .main-banner .media-body img { margin-top:14px;} /*landing page tabing css*/ .app-tabing { position:absolute; right:40px; margin-top:14px;} .app-tabing .pmd-tabs .nav-tabs { border-radius:7px; border: 1px solid #e5e5e5; margin:0 auto; display:inline-block; overflow:hidden;} .app-tabing .pmd-tabs .nav > li > a { background-color:#f0f0f0; opacity:1; font-size:16px; color: rgba(77,87,93,0.68); padding: 12px 20px; font-family: 'Roboto';} .app-tabing .pmd-tabs .nav-tabs > li.active > a, .app-tabing .pmd-tabs .nav-tabs > li.active > a:hover, .app-tabing .pmd-tabs .nav-tabs > li.active > a:focus { background-color:#fff; color:#e23c3c;} /*landing page content area css*/ .app-details { padding: 5px 30px 0; margin-bottom:20px;} .app-details .media-left { min-width:390px; padding-right:80px; padding-bottom:20px;} .app-details h2 { margin:0 0 15px 0;} .app-details h4 { line-height:26px;} .app-card .card { border:1px solid #dfe3e7; padding:0;} .app-card .card:hover { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition:box-shadow ease-in 0.3s;-moz-transition:box-shadow ease-in 0.3s;transition:box-shadow ease-in 0.3s;} .apps-card .card-header { padding:0; margin-top:-1px;} .apps-card .card-header h2 { padding:20px 20px 10px 20px; margin-top:0; margin-bottom:0;} .app-details .card-header h2 .icon-bg { width:37px; height:37px; border: 1px solid #e5e5e5; padding:6px 0 0 2px; border-radius:50%; margin-right:7px; display:inline-block; text-align:center;} .apps-card .card-header h4 { padding: 0 25px;} .app-card .app-logo-set { position:relative; margin: -1px -1px 20px -1px; min-height:100px; max-height:100px; overflow:hidden; display:block;} .app-card .app-logo-set img { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; max-width:230px; max-height: 68px;} .app-card .view-detail { display:block; padding-top:5px;} .app-card .extra-services {border-bottom: 1px solid #dfe3e7; min-height: 100px;} .app-card .extra-services span { float: left; height: 100px; position: relative; width: 50%;} .app-card .extra-services span img {bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; max-width:100%;} .app-card .extra-services .right-border { border-right:1px solid #dfe3e7;} .app-card .extra-services:last-child { border-bottom:0;} .app-list-icon {position:fixed; top:20%; right:0; width: 50px; z-index:1;} .app-list-icon li { background-color:transparent; padding:0;} .app-list-icon li a:first-child, .app-list-icon li a:last-child {border-radius: 50%; } .app-list-icon li a{ background-color: transparent; background-color:rgba(44, 51, 62, 0.5); border-radius: 50%; width:40px; height:40px; margin:7px 0; padding:0; text-align:center; display:block;} .app-list-icon li a:hover, .app-list-icon li a.active, .app-list-icon li a:active { background-color:#4285f4;} .app-list-icon li a svg { height:23px; margin-top:8px;} /*app bg colors*/ .moibikwik-bg { background:#e8ffff;} .paytm-bg { background:#def7ff;} .petpooja-bg { background:#EF3C4F;} .sms-service-bg { background:#03a9f5;} .grab-bg { background:#076185;} .road-runner-bg { background:#dc8d40;} .parcel-bg { background:#00a4da;} .ruplee-bg { background:#314d9c;} .hdfc-bg { background:#4fa7a0;} .ezetap-bg { background:#ededeb;} .mass-blurb-bg { background:#defdff;} .foodpanda-bg { background:#ea5b31;} .runner-bg { background:#63c327;} .swiggy-bg { background:#f38520;} .zomato-bg { background:#cc202e;} .landing-kart-bg { background: #fff0e3;} .fuddy-buddy-bg { background:#f6ffdd;} .ressy-bg { background:#e4e1ff;} .presto-bg { background:#365357;} .delivery-service-bg { background: #0DA397 url(../images/delivery-service.jpg) center center repeat-x;} .easy-mover-bg { background: #3b3b3b;} .feedback-management-bg, .petpooja-bg { background: #ef3d4e url(../images/feedback-management.jpg) center center repeat-x;} .capital-float-bg { background: #F0FDFF;} /*app detail page css*/ .app-card-detail .app-logo-set{ min-height:223px; min-width:360px; margin:0;} .app-card-detail .media-right { min-width:285px; padding-left:0; padding-right:30px;} .app-card-detail .media-right .rating { display:block; margin-top:20px; float:right;} .app-card-detail .media-right .btn { margin-top:12px;} .app-card-detail .bank-varify{ margin-top:20px; margin-bottom:0;} .app-card-detail .media-right h4 { font-size:16px;} .mobi-banner-bg { background:url(../images/mobikwik-banner-bg.jpg) no-repeat center top; width:100%;} .petpooja-banner-bg { background:url(../images/petpooja-banner-bg.jpg) no-repeat center center; width:100%;} .slick-slider { opacity:1;} .app-slider.slick-slider { margin-bottom:45px;} .app-slider img {padding-top:30px; width:100%;} .customer-review { padding-top:20px; padding-left:20px; padding-right:20px;} /* app detail apge rating section*/ .rating-description-section { margin:0 30px; padding-bottom:35px;} .review-no { font-size:80px; line-height:1.4;} .total-ratings { margin-top:35px; margin-left:30px;} .total-ratings .media-left { font-size:14px; min-width:45px; color:#777;} .total-ratings .progress { height:20px; margin:0; background: transparent;} .total-ratings .list-group-item{ padding:2px 0;} .total-ratings .progress .progress-bar { height: 100%; width: 0; color:#000; font-size:12px; text-align:left; padding-left: 10px; vertical-align:middle; line-height:1.8;} .total-ratings .five-progressbar .progress-bar { background-color:#96c337;} .total-ratings .four-progressbar .progress-bar { background-color:#add633;} .total-ratings .three-progressbar .progress-bar { background-color:#ffd322;} .total-ratings .two-progressbar .progress-bar { background-color:#ffa322;} .total-ratings .one-progressbar .progress-bar { background-color:#ff8c5a;} .review-person-list li .media-body { width:250px; word-break:keep-all;} .review-person-list .avatar-list-img{ width:48px; height:48px;} .review-person-list h4.pmd-card-title-text { font-size:16px; font-family:'Roboto'; } .review-person-list .pmd-card-subtitle-text { opacity:1; line-height:1.3; display:block; padding-top:5px;} .review-person-list h4.pmd-card-title-text .star-rating { padding-left:20px; margin-top:-4px;} .review-person-list h4.pmd-card-title-text .star-rating i { font-size:13px;} .review-person-list { margin-bottom:0;} /*================divider css======================*/ .divider{ border-bottom:1px solid #dfe3e7; padding-top:35px; margin-bottom:20px; clear:both;} /*==================common ul li css==================*/ .list-arrow { padding-top:20px;} .list-arrow ul { margin-bottom:5px;} .list-arrow .list-group-item { background:url(../images/right-arrow.png) no-repeat left 10px; font-size:18px; padding-top:0; padding-bottom:2px; } .list-arrow ol { padding:4px 0 5px 0;} .list-arrow ol li:before { content:""; width:5px; height:5px; border-radius:50%; background-color:#777; display: inline-block; margin-right:10px; vertical-align:middle;} .list-arrow ol li { background:none; list-style:none; line-height:1.7;} .que-ans { padding-top:15px; color:rgba(77, 87, 93, 0.68); font-size:18px;} .que-ans .que { font-size:18px; color:#4d575d; margin-bottom:8px;} .que-ans .ans { padding-left:17px;} .que-ans .list-arrow { padding-top:0;} .que-ans .list-arrow ol { padding-top:0; margin-bottom:20px;} /*=====================css keyframes and fade class for tab animation=====================*/ .tab-content > .tab-pane { visibility:hidden;} .tab-pane.active{ animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -webkit-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -ms-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -o-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -moz-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; position:relative; z-index:1; visibility:visible; } /*==================browser usage page======================*/ .inner-page-two .search-input{ width:75%; margin-right:20px; float:left;} @keyframes fadeIn { 0%{transform:translate(0, 40px);-webkit-transform:translate(0, 40px);opacity:0;} 100%{transform:translate(0, 0);-webkit-transform:translate(0, 0);opacity:1;} } @-webkit-keyframes fadeIn { 0%{transform:translate(0, 40px);-webkit-transform:translate(0, 40px);opacity:0;} 100%{transform:translate(0, 0);-webkit-transform:translate(0, 0);opacity:1;} } @-moz-keyframes fadeIn { 0%{transform:translate(0, 40px);-webkit-transform:translate(0, 40px);opacity:0;} 100%{transform:translate(0, 0);-webkit-transform:translate(0, 0);opacity:1;} } /*=============================For Loader========================*/ .btn-loader.loader { opacity:1; margin: auto; font-size: 0.3em; position: absolute; text-indent: -9999em; border-top: 1em solid rgba(226, 60, 60, 0.2); border-right: 1em solid rgba(226, 60, 60, 0.2); border-bottom: 1em solid rgba(226, 60, 60, 0.2); border-left: 1em solid #E23C3C; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; top:0; right:0; left:0; bottom:0; overflow:hidden; } .btn-loader.loader, .btn-loader.loader:after { border-radius: 50%; width: 7em; height: 7em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*==================star rating css======================*/ .rating:not(:checked) > input {position:absolute; top:-9999px; clip:rect(0,0,0,0);} .rating:not(:checked) > label {width:1em; overflow:hidden; white-space:nowrap; cursor:pointer; color: #C8C8C8; font-size:18px; margin:0; float:right;} .rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label, .rating > input:checked + label:hover, .rating > input:checked + label:hover ~ label, .rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover ~ label, .rating > label:hover ~ input:checked ~ label {color: #ffa322;} .rated-star i { color:#ffa322; font-size:17px;} .blank-star i { color:#c8c8c8; font-size:17px;} .rating-set { min-width:120px; height: 25px;} .app-details .media-body { overflow:visible;} .back-btn{ margin-top:20px; padding: 8px 0; color:#444;} .back-btn:hover { color:#E23C3C;} .back-btn span { font-size:16px; margin-right:5px;} .app-overview{ border-bottom:1px solid #dfe3e7; margin-bottom:-1px;} /*=====================fancy box css====================*/ /*common fancy box css*/ .fancybox-close {background: rgba(0, 0, 0, 0) url("../images/close-black.png") no-repeat scroll center center;} .fancybox-close {cursor: pointer; height: 40px; position: absolute; right: 10px; top: 17px; width: 40px; z-index: 8040; opacity:0.5;} .fancybox-opened .fancybox-skin { border-radius:15px 15px 5px 5px;} .popup-header {font-size:24px; color:#fff; padding:20px 20px; text-align:left; font-family:"Roboto"; border-radius:5px 5px 0 0;} .popup-header.red-color {background:#4285f4;} .popup-header.green-color {background:#51d184;} .popup-footer { background: #f5f5f5; padding: 10px 30px; clear:both; color:#888; font-size:14px; border-radius:0 0 5px 5px;} /*purchase licence fancybox css*/ .licence-details { padding:10px 20px 30px 20px; float:left;} .licence-details .details-box { width:50%; float:left;} .licence-details ul { margin:0; padding:0;} .licence-details ul li.list-group-item { width:48px; height:48px; background:#4d575d; color:#fff; font-size:30px; font-family:"Roboto"; text-align:center; padding:2px 5px 5px 5px; vertical-align:middle; margin: 5px; cursor:pointer; border-radius:50%;} .licence-details ul li:hover , .licence-details ul li:focus, .licence-details ul li:active, .licence-details ul li.active, .licence-details ul li.active:hover { background: #51d184;} .licence-details .controls { margin-top:60px;} .licence-details .set-border { background:url(../images/border-right.png) no-repeat right 20px;} /*delivery credit fancybox css*/ .delivery-credit-detail {padding:10px 35px 20px 35px;} .delivery-credit-detail h4 { color:#888; margin-bottom:30px;} .delivery-credit-detail .controls input { -webkit-appearance:none; border:1px solid #cccccc; width:140px; text-align:left; border-radius:3px; padding:2px 10px; font-size:30px; color:#4e575e; font-family:"Roboto"; margin-left:3px;} .delivery-credit-detail .controls-btn{ margin-top:30px;} .table-detail .table > thead > tr { background-color:#e8edf2;} .table-detail .table > thead > tr th:first-child, .table-detail .table > tbody > tr td:first-child { text-align:left; padding-left:20px;} .table-detail .table > thead > tr th { font-size: 18px; color:#4d575d; font-family: 'Roboto'; text-align:center; } .table-detail .table > tbody > tr td { text-align:center;} .table-detail .table.table-bordered { border:1px solid #dfe3e7;} .table-detail .total { font-size:18px; padding:0 30px 10px 20px;} /*delet msg fancy box css*/ .form-open, .marketplace-launching { display:none;} .delete-msg-alert .formSep { font-size:18px; margin-top:20px; margin-bottom:30px;} /*bank detail fancybox css*/ .dashboard-card .card-header.violet .media-right { min-width:70px;} .dashboard-card .card-header.violet .media-right a { margin:0 3px;} .bank-detail h3.heading { color:rgb(68, 68, 68); font-size:22px; text-align:center; background:rgb(235, 235, 235); margin:0; border-bottom:1px solid rgb(212, 212, 212); padding:15px 10px; font-family:source_sans_proregular; border-radius:5px 5px 0 0;} .bank-detail .form-horizontal {padding-bottom:10px; text-align:center; color:rgb(68, 68, 68);} .bank-detail .control-group { display:block; clear:both; margin:15px 20px;} .bank-detail .control-group label { float:left; font-size:16px; margin-right:20px; min-width:130px; text-align:left;} .bank-detail .control-group.note { font-size: 14px; margin-top: 30px; text-align: left;} /*marketplace launching screen fancybox css*/ .launch-screen { padding:35px 110px 20px;} .launch-screen .petpooja-logo { margin-bottom:25px;} .launch-screen .petpooja-logo img { max-width:100%; height:40px;} .launch-screen .marketplace-logo img { max-width:100%;} .launch-screen .launching-text { font-size:20px; color:#4d585e; line-height:1.2; margin-bottom:25px;} .launch-screen .service-name {color: #4d585e; font-size: 16px; line-height: 1.2; max-width: 102px; padding-top:10px; text-align:center;} .btn.btn-red { background-color:#ee3446; color:#fff; text-transform:uppercase; font-size:18px; line-height:1.3; font-weight:500; padding:8px 30px 10px; min-width:250px;} .skip-btn { display:block; color:#888; font-size:18px; font-weight:400; text-align:center; font-family:source_sans_proregular; margin:0 auto; text-transform:capitalize; padding-top:20px;} .launch-screen .marketplace-logo { font-family: 'Cabin', sans-serif; font-weight:600; font-size:45px; line-height:0.8; color:#ee3446; text-transform:uppercase; margin-bottom:35px;} .launch-screen .marketplace-logo span { color:#373435;} .launching-sections .list-inline > li { min-width:120px;} /*=========================faqs=========================*/ .faqs-section{height:100%; color:#333;} .faqs-section h3 { margin-bottom: 50px;} .faqs-section .list-group-item.active, .faqs-section .list-group-item.active:hover, .faqs-section .list-group-item.active:focus{background:transparent;} .faqs-section .list-group-item.active a, .faqs-section .list-group-item.active:hover a, .faqs-section .list-group-item.active:focus a, .faqs-section .list-group-item a:hover, .faqs-section .list-group-item a:focus {color: #4285f4;} .faqs-section h5{color:rgb(68, 68, 68); margin-bottom:50px; margin-top:50px} .faqs-section p { color:rgb(119, 119, 119); font-size:18px;} .faqs-section p strong { font-weight:600;} .faqs-section .list-group-item.active .dic {color: #4285f4;} /*Accordion*/ .faqs-section .panel{ background-color:transparent; text-align:left; box-shadow:none; border:0;} .faqs-section .panel-heading{ background-color:transparent;} .faqs-list{ margin:30px;} .faqs-section .panel-title{text-transform:none; font-size:18px; line-height: 24px;} .faqs-section .dic.media-left{ padding-right: 19px; line-height:1; font-size:22px;} .faqs-section .panel-group .panel-heading + .panel-collapse > .panel-body, .faqs-section .panel-group .panel-heading + .panel-collapse > .list-group{ border:none; padding-left:55px; padding-bottom:0; padding-top:0;} /*=====================card SMS======================*/ .card-sms-plan { margin:20px 0 0; border:none;} .card-sms-plan .card-header h3 { margin:0 0 16px; text-align:center; color:#fff;} .card-sms-plan .card-body { padding-left: 13px; padding-right: 13px; } .card-sms-plan .card-body p { min-height:105px; } .card-sms-plan .card-body .sms-acount { font-family: "Roboto"; font-size: 40px; line-height: 1;} .card-sms-plan .card-body .sms-text { font-size:16px; display:block;} /*=================food delivery detail=====================*/ .service-providers{ margin:0 30px;} .service-providers .app-logo-set { min-width:100%; min-height:125px;} .service-providers h4 { margin-top:45px; margin-bottom:45px; text-align:center;} .service-providers .divider { padding-top:10px; margin-bottom:14px;} .service-providers .rating-set { padding-top:4px; height:35px;} .service-provider-details .list-group {margin:0;} .service-provider-details .list-group-item { padding: 6px 0;} .service-provider-details .list-group-item .media-body { padding-top:2px; line-height:20px;} .service-provider-details .list-group-item i { min-width:40px;} .service-providers .list-arrow { padding-top:8px; margin-bottom:25px;} .service-providers .list-arrow .list-group-item { font-size:16px;} .feature-list .list-group-item { padding:20px 0; width:33%;} .feature-list .svg-set { width:50px; height:50px; background:#0eb6a8; text-align:center; border-radius:50%; padding:0; overflow:hidden; display:inline-block; vertical-align:middle; padding-top:8px;} .feature-list .svg-set img { height:33px;} .feature-list .media-body { font-size:18px;} .feature-list ul { margin:0 auto;} .feature-list { margin-bottom:20px;} .ml20 { margin-left:20px;} .margin-none { margin:0;} .btn-setting{ margin-left:20px;} .service-providers .col-md-3 { padding-left:7px; padding-right:7px;} /*=====================trial version fancybox================*/ .trial-version { margin-top:30px;} .trial-version .trial-title {text-align:center; color:#4e575e; font-size:18px; margin-bottom:25px;} .trial-version .btn { margin-left:10px;} /*==================floating button for mobile view======================*/ .pmd-floating-action { z-index:1;} /*Floating action button*/ .floaitng-links-custom .pmd-floating-action-btn:last-child::before { background: transparent; box-shadow:none;} .floaitng-links-custom .pmd-floating-action-btn::before { background-color:#e5e5e5;} .floaitng-links-custom .pmd-floating-action-btn {-webkit-transition: 0.3s ease-out; -moz-transition: 0.2s ease-out; transition: 0.3s ease-out;} .floaitng-links-custom .pmd-floating-action-btn:last-child:hover {-webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); transform: rotateZ(90deg);} .dashboard .dropdown-menu { padding:0;} .dashboard .dropdown-menu > li > a { padding: 5px 10px;} .title-icon { max-height: 30px;} /*===============================sidebar with icons=============================*/ .pmd-sidebar .pmd-sidebar-nav .dropdown-menu { background:#1d2229; padding:10px 0;} .pmd-sidebar .pmd-sidebar-nav li.entity-drop a { background:#2C343F;} .pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a { padding-left:65px; padding-top:10px; padding-bottom:10px; background-color: transparent;} .pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a:hover, .pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a:focus, .pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a.active { opacity:1; color:#fff;} .pmd-sidebar .pmd-sidebar-nav .dropdown-menu li a { padding-left:24px; padding-top:15px; padding-bottom:15px;} .pmd-sidebar .dropdown-menu > li > a:hover, .pmd-sidebar .dropdown-menu > li > a:focus, .pmd-sidebar .dropdown-menu > li > a.active { color:#ffffff;} .constructor, .pmd-content { margin-left: 64px;} .pmd-sidebar { width:65px; min-width:65px; transform:translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);} .pmd-sidebar.pmd-sidebar-open {min-width: 274px; width: 274px;} .pmd-sidebar .pmd-sidebar-nav li a { padding: 18px 20px 16px; color:#c8c8c8; background-color:transparent;} .pmd-sidebar-left .nav > li > a:hover svg.stroke-fill path, .pmd-sidebar-left .nav > li > a:focus svg.stroke-fill path, .pmd-sidebar-left .nav > li > a:active svg.stroke-fill path, .pmd-sidebar-left .nav > li > a.active svg.stroke-fill path {stroke: #fff; fill: none;} .pmd-sidebar-left .nav > li > a:hover svg circle, .pmd-sidebar-left .nav > li > a:focus svg circle, .pmd-sidebar-left .nav > li > a:active svg circle, .pmd-sidebar-left .nav > li > a.active svg circle {fill: #fff;} /*online order icon*/ .pmd-sidebar-left .nav > li > a:hover svg.stroke-fill.online-order path, .pmd-sidebar-left .nav > li > a:focus svg.stroke-fill.online-order path, .pmd-sidebar-left .nav > li > a:active svg.stroke-fill.online-order path, .pmd-sidebar-left .nav > li > a.active svg.stroke-fill.online-order path {stroke: #fff;} .pmd-sidebar-left .nav > li > a:hover svg.stroke-fill.online-order polygon, .pmd-sidebar-left .nav > li > a:focus svg.stroke-fill.online-order polygon, .pmd-sidebar-left .nav > li > a:active svg.stroke-fill.online-order polygon, .pmd-sidebar-left .nav > li > a.active svg.stroke-fill.online-order polygon {fill: #fff;} /*desktop billing, management icon*/ .pmd-sidebar-left .nav > li > a:hover svg circle, .pmd-sidebar-left .nav > li > a:focus svg circle, .pmd-sidebar-left .nav > li > a:active svg circle, .pmd-sidebar-left .nav > li > a.active svg circle {fill: #fff;} /*reports icon*/ .pmd-sidebar-left .nav > li > a:hover svg.reports rect, .pmd-sidebar-left .nav > li > a:focus svg.reports rect, .pmd-sidebar-left .nav > li > a:active svg.reports rect, .pmd-sidebar-left .nav > li > a.active svg.reports rect {fill: #fff;} /*svg*/ .stake-chart .set-svg svg { max-height:37px;} .set-svg svg {max-height: 30px;} .pmd-display2 { font-size:28px;} /*=================sidebar custome scrollbar css=========================*/ .pmd-sidebar { padding-top:50px; padding-bottom:43px;} .mCSB_inside > .mCSB_container { margin-right:0px;} .pmd-sidebar .mCSB_scrollTools .mCSB_draggerRail { background-color:transparent;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#717171;} /*================running table page css====================*/ /*running table css*/ .pmd-btn-fab.btn-sm.refresh-btn { border:1px solid #dfe3e7; width:35px; min-width:35px; height:34px; text-align:center; vertical-align:middle; position:absolute; right:35px; top:80px;} .pmd-btn-fab.btn-sm.refresh-btn svg { height:95%;} .invoice-no { font-size:12px; text-align:center; min-width:62px; padding-right:0;} .invoice-no span { display:block; font-size:16px; color:#4d575d;} .table-total-amount { width:78%; line-height:15px;} .table-no-section { text-align:center; margin-top:15px;} .table-no-section .round { background-color: transparent; border-radius: 50%; color: #4d575d; display: inline-block; font-family: 'Roboto'; font-size: 20px; height: 50px; vertical-align: middle; width: 50px; border:2px solid #a5a5a5; text-align:center;} .table-no-section .round span {display: table-cell; height: 45px; vertical-align: middle; width: 50px;} .table-card-footer{ margin:0; border-top:1px solid #dfe3e7; min-height:85px;} .table-card-footer li { padding:5px 5px 7px 5px; background-color: #f6f6f7; border-right:1px solid #dfe3e7; border-top:0; width:33.33%; float:left;} .table-card-footer li:last-child { border-right:0;} .table-card-footer span { display:block;} .table-card-footer span.title {font-size:12px;} .table-card-footer span.icon { height:34px; padding-top:7px;} .table-card-footer span.waiter-name { overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:100%; margin:0 auto;} .more-table-details { position:absolute; right:20px; top:10px;} .checkout-table { background-color:#e8edf2;} .checkout-table .table-card-footer li { background-color:#dfe3e7;} /*running table blank state css*/ .no-table-found { padding-top:100px;} .blank-state-btn {background: #333333; bottom: 80px; color: #ffffff; padding: 7px 15px; position: absolute; right: 0; z-index: 10;} .blank-state-btn:hover, .blank-state-btn:focus{ color:#fff;} /*================online order page css======================*/ .inner-page-two .order-app-name { position:absolute; right: 30px; top: 16px;} .inner-page-two .chart-card h4 { margin:0;} .inner-page-two .chart-card .card-header { background-color:#F9FAFC; margin-bottom:0; padding:16px 20px; margin-top:-1px;} /*=================login screen css====================*/ .body-custom{ height:100%;} .logincard{margin:auto; position:relative; top:50%; max-width:360px; transform: translate(0px, -50%);} .logincard .checkbox{ margin-left:0px;} .logincard .dic{ margin-right:7px;} .logincard .card-header{ padding:0; margin:0px auto;} .loginlogo{ text-align:center; padding:30px 15px 10px;} .loginlogo a img{ max-width:100%;} .forgot-password{padding-top:8px;} .remember{ color:#999;} .redirection-link{ margin-top:30px; margin-bottom:30px;} .card-footer-no-border{ border-color:transparent; padding-top:0;} .card-footer-p16{ padding-left:20px; padding-right:20px; } .login-card h3, .register-card h3, .forgot-password-card h3{ color:rgba(0, 0, 0, 0.87); font-size:16px; margin-top:0; margin-bottom:20px;} .login-card .card-body, .register-card .card-body{ padding-bottom:10px; margin:0;} .register-card, .forgot-password-card{ display:none;} .register-card, .login-card, .forgot-password-card{ position:relative;} .register-card h3 span, .login-card h3 span{ color:rgba(0, 0, 0, 0.54);} .forgot-password-card h3 span{ font-size:14px; color:rgba(0, 0, 0, 0.54); width:80%; margin-top:5px; display:inline-block; line-height:18px;} .forgot-password-card .form-group.pmd-textfield{ margin-bottom:55px;} .card-footer .pmd-checkbox-label {display: inline-block;margin-top: -2px;} @media screen and (max-width: 768px) { .logincard{max-width:300px;} .forgot-password a{font-size: 0.7rem;} } /*====================payment history page css=======================*/ .table-data-page .table-header { border-bottom:1px solid #eff1f3; padding:0 25px; float:left; width:100%; background-color:#F9FAFC;} .search-bar { border-bottom:1px solid #eff1f3; margin:0 10px; padding:13px 12px 0 9px;} .search-bar .form-group { margin-bottom:13px;} .search-bar .select2-container--bootstrap .select2-selection--single { border-radius:0; border:1px solid #dfe3e7; height:40px; padding: 8px 24px 8px 12px; background-color:#fff;} .search-bar .select2-container--bootstrap .select2-selection { box-shadow: none;} .search-bar .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-color:#a5a5a5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width:4px 4px 0;} .search-bar .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { font-size:16px; font-family: "source_sans_proregular";} .search-bar .btn {padding: 12px 10px; font-family:"source_sans_proregular"; margin-right:5px;} .table-data-page .table > tbody > tr > td:last-child a { margin: 0 1px;} .search-bar .select2-container--bootstrap { width:100% !important;} .table-header-title { font-size:20px; color:#4d575d; text-transform:capitalize; margin-bottom:20px;} .custom-dropdown { margin-top:19px; display:block; height:40px;} .custom-dropdown > a { background-color:#fff; font-size:14px; text-transform:capitalize; padding:8px 13px; cursor:pointer; border:1px solid #dfe3e7; border-radius:2px;} .custom-dropdown.open > a { background-color:#e8e8e8} .custom-dropdown > a .caret { border-top-color: #a5a5a5;} .custom-dropdown .pmd-dropdown-menu-container { height:60px !important; top:29px;} .custom-dropdown .dropdown-menu { padding:0;} .table-data-page .table-responsive .status-btn { font-size:12px; color:#fff; text-transform:uppercase; width:80px; height:25px; border-radius:2px; padding:4px 0 3px 0; vertical-align:middle; text-align:center; display:block;} .table-data-page .table-responsive .blue-bg {background: #2F7AF7;} .table-data-page .table-responsive .green-bg { background: #3CAD45;} .table-data-page .table-responsive .red-bg { background: #F7912F;} .table-data-page thead { background-color:#eeeeee;} /*======================top hamberger icon to arrow css=====================*/ .c-hamburger { display: block; position: relative; overflow: hidden; padding: 0; width: 20px; height: 40px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background .3s; transition: background .3s; background-color:transparent; margin:0 auto; } .c-hamburger:focus { outline: 0 } .c-hamburger span { display: block; position: absolute; top: 20px; left: 0; right: 0; height: 2px; background: #fff; } .c-hamburger span::after, .c-hamburger span::before { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; content: "" } .c-hamburger--htla.is-active span::after, .c-hamburger--htla.is-active span::before, .c-hamburger--htra.is-active span::after, .c-hamburger--htra.is-active span::before { width: 50% } .c-hamburger span::before { top: 5px } .c-hamburger span::after { bottom: -20px } .c-hamburger--htla span { -webkit-transition: -webkit-transform .3s; transition: transform .3s } .c-hamburger--htla span::before { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform .3s, width .3s, top .3s; transition: transform .3s, width .3s, top .3s } .c-hamburger--htla span::after { -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: -webkit-transform .3s, width .3s, bottom .3s; transition: transform .3s, width .3s, bottom .3s; top:-5px; } .c-hamburger--htla.is-active span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .c-hamburger--htla.is-active span::before { top: 0; -webkit-transform: translateX(-9px) translateY(1px) rotate(145deg); -ms-transform: translateX(-9px) translateY(1px) rotate(145deg); transform: translateX(-9px) translateY(1px) rotate(145deg); } .c-hamburger--htla.is-active span::after { bottom: 0; -webkit-transform: translateX(-3px) translateY(12px) rotate(45deg); -ms-transform: translateX(-3px) translateY(12px) rotate(45deg); transform: translateX(-3px) translateY(12px) rotate(45deg); } /*====================section custom css================*/ .section-custom{ max-width:800px;} /*========================= Inbox Style starts =========================*/ .mailbox .tab-pane h5{font-size:14px;color:rgba(0,0,0,0.40);margin:30px 0 10px;font-weight:400;text-align:right;} .mailbox .avtar-detail{color:#333;display:table-cell;} .mailbox .user-details{min-width:200px;} .mailbox .user-details .avatar-list-img40x40{float:left;margin-right:16px;display:table-cell;} .mailbox .date-time{font-size:12px;font-weight:500;color:rgba(0,0,0,0.44);display:inline-block;text-align:right;min-width:80px;line-height:1.25;} .mailbox .list-group-item{ padding:16px; border-bottom:solid 1px #eee;} .mailbox .list-group-item .message-detail .list-group-item-heading{line-height:18px;} .mailbox .read.list-group-item{background:#f9f9f9;} .mailbox .list-group-item .message-detail .list-group-item-heading span{color:rgba(0,0,0,0.54);font-size:14px;font-weight:400;} .mailbox .list-group-item .avtar-detail .list-group-item-heading span{color:rgba(0,0,0,0.54);font-size:15px;} .mailbox .list-group-item .avtar-detail .list-group-item-text{font-size:13px;line-height:1.25;margin-top:4px;display:inline-block;color:rgba(0, 0, 0, 0.54);opacity:1;} .mailbox .action-bar{margin-bottom:20px;} .mailbox .action-bar .checkbox{margin:0;height:35px;width:18px;} .mailbox .action-bar .checkbox .custom-checkbox{width:18px;height:16px;display:inline-block;vertical-align:middle;} .mailbox .action-bar .btn-delete{background:transparent;padding:0;height:35px;width:auto;min-width:inherit;vertical-align:middle;line-height:31px; margin-left:10px;} .mailbox .action-bar .floatinglabels{position:relative;} .mailbox .action-bar .floatinglabels .form-control{border-color:#ccc;} .mailbox .action-bar .dic-search{bottom: 5px;color: #848484;display: inline-block;font-size: 20px;position: absolute;right: 0;width: 20px;} .mailbox .action-bar .btn-delete:hover .dc{background-position:center 0px;} .mailbox .action-bar .btn-delete .dc{vertical-align:middle;margin:0;} .mailbox .media-left.media-check{vertical-align:middle;padding-right:4px;} .btn-delete .dic{width:22px;height:26px;display:inline-block;vertical-align:middle;color:rgba(0,0,0,0.54)} .btn-delete:hover .dic{color:rgba(0,0,0,0.84)} .mailbox .checkbox label.pmd-checkbox{ padding-right:0;} .mailbox .list-group-item a:hover, .mailbox .list-group-item a:focus, .mailbox .list-group-item a:active{ text-decoration:none;} /*========================= Notification Start=========================*/ .btn-group .list-group .list-group-item-text{font-size:13px;line-height:20px;display:inline-block;font-weight:400;color:#666;font-family:Roboto} .btn-group .list-group .list-group-item-date,.page-content .list-group .list-group-item-date{display:block;color:#a4a4a4;font-size:13px} .btn-group .list-group .list-group-item a{font-weight:500;color:#333;font-family:Roboto} .btn-group .list-group li:last-child { border:0;} .notifications .media-body{overflow:visible} .page-content > h2{color:#a4a4a4} .page-content .list-group-item-text{font-family:roboto;font-weight:300;opacity:1;font-size:15px} .page-content .list-group-item-text a{font-weight:500; color:#333;} .notifications .card .list-group-item{border-bottom:1px solid #e8e8e8;border-radius:0;margin:0;position:relative;padding:15px} .page-content .list-group-item.last{border:none;padding-bottom:0} .list-group-item.saved-article:hover,.list-group-item.saved-article.unread, .list-group-item.unread{background:#F7F7F7} .list-group-item.saved-article.unread, .list-group-item.unread{ background:#fff;} .list-group-item-text {opacity: 0.74;} .notifications .list-group-item.new-day:first-child{margin-top:46px} .notifications .list-group-item.new-day::before{content:attr(data-date);display:block;font-size:13px;font-weight:500;left:0;position:absolute;color:rgba(51,51,51,0.64);top:-30px;} .notifications .list-group-item.new-day{border-top:1px solid rgba(0,0,0,0.08);margin-top:62px} .mobile-only { display:none !important;} /*==========================Contact Start============================*/ .contact-page {margin-bottom: 250px;position: relative;} .contact-page .contact-form {bottom: 0;left: 0;margin-top: -436px;position: relative;right: 0;top: 200px;} .contact-page .contact-details {display: table; width:100%;} .contact-page .feedback-form {padding: 30px 20px;width: 100%;} .contact-page .fill .adress-col {background: #2c6fdd none repeat scroll 0 0;display: table-cell;float: none;padding-bottom: 30px;padding-top: 30px;vertical-align: top;} .contact-page .pmd-display1 {color: #4d4d4d;margin-top: 0;opacity: 1; font:33px/40px "Roboto";} .contact-page .fill .adress-col .contact-info {color: #fff;margin-top: 35px;} .contact-page .fill .adress-col .contact-info span b {text-transform: uppercase; color:#fff; font-weight:300; opacity:0.74; font-size:13px;} .contact-page .fill .adress-col .contact-info span a{ color:#fff; opacity:0.74;} .contact-page .contact-details .content-title{ color:#fff;} .contact-page .fill .adress-col .content-title {color: #fff;margin-top: 0; font:33px/40px "Roboto";} .feedback-form .sub-title {color: #737373;font-size: 18px;font-weight: 300;line-height: 20px;margin-bottom: 20px;} /*===================About css ==============================*/ .about-content{ padding:0 20px 16px;} .about-content ol{ padding-left:16px;} .about-content h3{ font-weight:bold;} /*==================404 page========================*/ .body-404page{ background-color:#1453a1; display:block;} .errorpage{ height:100%;} .wrapper {min-height: 100%;position: relative; background: url("../../themes/images/propeller-bg.jpg") bottom no-repeat;} .header-primary {margin-top: 160px;padding: 8px 0;text-align: center;} .header-primary > a {transition: opacity 0.3s ease-in-out 0s;} .header-primary .logo {animation: 1.2s linear 0s normal none 1 running fadeInUp;} .content-primary {margin: 0 auto;padding: 0px 0 224px;text-align: center;color:#fff;} .content-primary .section-footer {margin-top: 40px;} .content-primary h1.title{ color:#fff; font-size:36px;} .content-primary > h1 {animation: 1.7s linear 0s normal none 1 running fadeInUp;margin-bottom: 20px;} .content-primary > p{ animation:1.9s linear 0s normal none 1 running fadeInUp;} .content-primary .section-footer .btn{ margin:0 8px; min-width:160px;} .content-primary .section-footer .btn.btn-primary{ animation:2.4s linear 0s normal none 1 running fadeIn;} .content-primary .section-footer .btn.btn-secondary{ animation:2.8s linear 0s normal none 1 running fadeIn;} /*========================Blank page======================*/ .no-table-found h2 {color:#555;} .no-table-found p {margin-bottom: 20px; opacity: 0.75; color:#555;} .no-table-found .btn{font-size: 15px; padding: 14px 30px; width: 290px;} /*Statistics and SMS card */ .statistics-content,.sms-details{ min-height:310px;} /*=========================todo list css======================*/ .todos .card-body{ min-height:289px;} .todo-lists{ padding:2px 12px;} .todo-lists .checkbox{ margin-top:12px; margin-bottom:12px;} /*========= Data Table css ==============*/ /* Propeller Customised Css */ .card-heading{ display:inline-block; width:100%;} table.dataTable{margin-bottom: 0 !important; margin-top: 0 !important;} /* Datatable Row infornation*/ .pmd-datatable-pagination {float:right; line-height:40px;} .pmd-datatable-pagination > div{ display:inline-block; vertical-align:middle;} /* Datatable Row infornation*/ div.dataTables_wrapper .pmd-datatable-pagination div.dataTables_info{ padding:0; margin-left:32px;} div.dataTables_wrapper .pmd-datatable-pagination div.dataTables_length select{ width:48px; border-width:0; border-bottom-width:1px; box-shadow:none; padding:0; border-radius:0; height:24px;} /*dc datatable pagination*/ div.dataTables_wrapper div.dataTables_paginate{ margin-left:20px;} div.dataTables_wrapper div.dataTables_paginate ul.pagination{ vertical-align:middle;} .pmd-datatable-pagination .pagination{margin:0;} .pmd-datatable-pagination .pagination li.disabled a, .pmd-datatable-pagination .pagination li.disabled span, .pmd-datatable-pagination .pagination li a, .pmd-datatable-pagination .pagination li span{ background:none; border:none; margin-right:4px; border-radius:3px; min-width:24px; text-align:center; padding:4px 4px; border:1px solid; border-color:transparent; line-height: 22px; padding-top:0; padding-bottom:0; } .pmd-datatable-pagination .pagination li.active a, .pmd-datatable-pagination .pagination li.active span{background:#fff;color:#333; border:1px solid rgba(0,0,0,0.15);} .pmd-datatable-pagination .pagination li.previous, .pmd-datatable-pagination .pagination li.next{margin:0 12px;} .pmd-datatable-pagination .pagination li.previous a, .pmd-datatable-pagination .pagination li.next a{font-family: 'Propeller Icons'; font-size: 24px; height: auto; line-height: 24px; padding:0; background-color:transparent; border:none; margin:0;} .pmd-datatable-pagination .pagination > li{display:inline-block; vertical-align:middle;} .pmd-datatable-pagination .pagination li.previous a:before{ content: "\e88c";} .pmd-datatable-pagination .pagination li.next a:before{ content: "\e88d";} /*Datatable search*/ .search-paper{ float:right;} /*Datatable Title*/ .data-table-title{ float:left;} /*Rows per page*/ div.dataTables_wrapper div.dataTables_length label{ margin-bottom:0;} /*Datatable Sorting*/ table.dataTable thead .sorting::after{} table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after{ font-family: 'Propeller Icons'; font-size: 18px;} table.dataTable thead .sorting::after{content: "";} /*table.dataTable thead .sorting_desc::after{content: "\e7de";} table.dataTable thead .sorting_asc::after{content: "\e7e0";}*/ /*Datatable Custom Select*/ .custom-select { margin: 0; border-bottom: 1px solid #ccc; width: 120px; overflow: hidden; background-color: #fff; background: #fff url("../../../docs/component-file/DataTables/media/images/arrow_drop_down.svg") no-repeat 90% 50%; padding: 2px 0 2px 0; margin-left:32px;} .custom-select select::after{ position: absolute; right:8px; font-size:18px; top:-3px;} .custom-select select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none;-moz-appearance: none; appearance: none;} .custom-select select:focus {outline: none;} /*Datatable Custom Select*/ table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before{border: medium none; box-shadow: none; font-size: 18px; left: inherit; right: 10px; background-color:#fff; color:#31b131; height:22px; line-height:21px; width:22px; top: 44%;} table.dataTable.dtr-column > tbody > tr.parent td.control::before, table.dataTable.dtr-column > tbody > tr.parent th.control::before{ background-color:#fff;} table.dataTable > tbody > tr.child{ background-color:#fff;} table.dataTable > tbody > tr.child ul{display: block;} @media screen and (max-width: 640px) { div.dataTables_wrapper div.dataTables_length label{ position:relative;} .custom-select-title{ vertical-align:top;} .custom-select{ margin-left:0;} div.dataTables_wrapper .pmd-datatable-pagination div.dataTables_info{margin-left: 0; word-wrap:break-word;} .pmd-datatable-pagination > div{ display:inline-block; width:100%; margin-bottom:8px;} div.dataTables_wrapper div.dataTables_paginate{margin-left: 0;} .search-paper{ width:100%; margin-bottom: -20px; margin-top: 20px;} .search-paper label{width:100%;} div.dataTables_wrapper div.dataTables_filter input{ width:100%; margin-left:0;} div.dataTables_wrapper div.dataTables_info{white-space:inherit;} .pagination li.previous, .pagination li.next{ margin:0 4px} .pmd-datatable-pagination{ float:none;} } table.dataTable td.select-checkbox{ width:24px;} table.dataTable td.select-checkbox::before, table.dataTable td.select-checkbox::after{box-sizing: border-box; display: block; top: 50%; position: absolute; left: 50%;} table.dataTable td.select-checkbox::before{ border-color: rgba(0, 0, 0, 0.54); border-radius: 2px; border-style: solid; border-width: 2px; content: ""; height: 18px; width: 18px; margin-left: -9px; margin-top: -10px;} table.dataTable tr.selected td.select-checkbox::after{opacity: 1; transform: rotate(45deg); border-image: none; border-style: none solid solid none; border-width: 0 2px 2px 0; color: #fff; content: ""; display: table; height: 12px; position: absolute; transition: all 0.2s ease 0s; width: 6px; margin:-9px 0 0 -3px} table.dataTable tr.selected td.select-checkbox::before{ background-color:rgba(0, 0, 0, 0.87);} /*Propeller custom checkbox for Data table*/ table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected, table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected{ background-color:#edf4fd;} table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover{ background-color:#edf4fd;} table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1, table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1{ background-color:#edf4fd;} /*Data table inverse*/ table.dataTable.table-inverse tbody > tr.selected, table.dataTable.table-inverse tbody > tr > .selected, table.dataTable.stripe.table-inverse tbody > tr.odd.selected, table.dataTable.stripe.table-inverse tbody > tr.odd > .selected, table.dataTable.display.table-inverse tbody > tr.odd.selected, table.dataTable.display.table-inverse tbody > tr.odd > .selected{ background-color:#313131;} table.dataTable.hover.table-inverse tbody > tr.selected:hover, table.dataTable.hover.table-inverse tbody > tr > .selected:hover, table.dataTable.display.table-inverse tbody > tr.selected:hover, table.dataTable.display.table-inverse tbody > tr > .selected:hover{ background-color:#313131;} table.dataTable.display.table-inverse tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe.table-inverse tbody > tr.even.selected > .sorting_1, table.dataTable.display.table-inverse tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe.table-inverse tbody > tr.odd.selected > .sorting_1{ background-color:#313131;} table.dataTable.table-inverse td.select-checkbox::before{ border-color: rgba(255, 255, 255, 0.54);} .card-inverse .custom-select{ background: #373a3c url("../../../docs/component-file/DataTables/media/images/arrow_drop_down-white.svg") no-repeat scroll 90% 50%;} .card-inverse div.dataTables_length select{color: #fff;} .card-inverse .custom-select-info{ background-color: #313131; height: 64px; position: absolute; top: 0; width: 100%; line-height:64px; padding:0 16px; font-size:16px;} .dataTables_wrapper{ position:relative;} .custom-select-info{ background-color: #edf4fd; height: 64px; position: absolute; top: 0; width: 100%; line-height:64px; padding:0 16px; font-size:16px;} .custom-select-item{float:left;} .custom-select-action{ float:right;} .custom-select-action button{ margin-left:8px;} .data-tables .custom-select-action .btn-primary .dic {color: #5677fc;} /*===========Form page css ===============*/ #bill-info form .row{ margin-left:0; margin-right:0;} .buttonsgroup{ margin-bottom:16px; margin-top:16px;} .buttonsgroup a{ margin-right:10px;} .buttonsgroup a:last-child{ margin-right:0;} .select2-container--bootstrap .select2-selection{border:none; border-bottom: 1px solid #e6e6e6; box-shadow:none; border-radius:0; background-color:transparent;} .select2-container--bootstrap .select2-selection--single{ padding:6px 24px 6px 0} .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection{ box-shadow:none;} .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{padding: 0;} .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{margin: 5px 5px 0 0; border: 1px solid #e6e6e6;} @media (min-width: 1280px) and (max-width: 1919px) { .total-sales .circle { margin:0 5px;} .marketplace .media-right { display:block; padding-left:0;} .marketplace .media-right .btn-services { margin-top:10px; font-size:16px; padding:8px 10px;} .total-payout .circle { margin-top:30px;} .stake-chart .set-svg svg { height:31px;} .set-svg svg { height:27px;} .statistics { padding:11px 10px;} .table-total-amount { width:77%;} .value-added .value-added-section { padding-bottom:20px; padding-top:19px;} .constructor, .pmd-content { padding-bottom:100px;} .dashboard { margin-top:30px;} .constructor, .pmd-content { padding-bottom:10px;} .total-transaction { padding-right:16px; min-height:180px;} .bank-transaction { padding-left:16px; padding-right:0;} .dashboard .marketplace { height:260px;} } @media (min-width: 1025px) and (max-width: 1400px) { /*====for 1280px res===*/ .value-added .value-added-section{ padding-bottom: 24px; padding-top: 25px;} .value-added-service-card .card { min-height:372px;} .dashboard .marketplace { height:241px;} .transactional-chart { display:none;} .transaction-sec-one { display:none;} .transaction-sec-two{ width:50%;} .transaction-sec-three { width:50%;} .value-added-service-card .card { min-height:322px;} .value-added .value-added-section .title { font-size:15px;} .value-added .value-added-section { padding-bottom:26px;} } @media (min-width: 1359px) and (max-width: 1400px) { .value-added-service-card .card { min-height:393px;} .dashboard .marketplace { height:260px;} .value-added .value-added-section { padding-bottom:22px;} .value-added-service-card .card { min-height:322px;} } @media (min-width: 768px) and (max-width: 1919px) { /*for sidebar only icon show*/ .constructor, .pmd-content { margin-left: 63px;} .pmd-sidebar.pmd-sidebar-open { width:65px; min-width:65px;} .pmd-sidebar-slide-push.pmd-sidebar-open ~ .wrapper .constructor, .pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-content { margin-left:64px;} .pmd-sidebar, .pmd-sidebar:hover { width:274px; transform:translate3d(10, 10, 10); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);} .pmd-sidebar .pmd-sidebar-nav li a {padding: 15px 20px;} .pmd-sidebar.pmd-sidebar-open ~ footer { padding-left:80px;} .statistics .statistic-img-circle { height:54px; width:54px;} .statistics img, .statistics svg { height:46px; max-width:59%;} } @media (max-width: 1280px) { .banner-title { font-size:31px;} .btn-setting { margin-left:0; margin-top:6px;} .app-tabing .pmd-tabs .nav > li > a { padding: 15px 35px;} .app-tabing .pmd-tabs { top:-26px;} .dashboard .heading .grow-up { margin-top:-1px;} .total-payout.stake-chart .chart { left:0;} .statistics img, .statistics svg { max-width:54px;} .statistics .pmd-display2 { font-size:25px; margin-top:5px; margin-bottom:5px;} .statistics .typo-fill-secondary { line-height:1.3; min-height: 45px;} footer{ padding-left:0;} footer h3 { font-size: 17px;} .total-payout.stake-chart .chart #payment-chart { width:280px !important;} #sms-chart { width:100% !important; height:199px !important;} .dashboard .service-icon { width:45px; height:45px; margin-right:0;} .dashboard .service-icon img, .dashboard .service-icon svg { height: 24px;} .dashboard .total-payout .service-icon svg { height:20px;} .dashboard .heading { font-size:16px;} .dashboard .pmd-display2 { font-size:23px;} .stake-chart .set-svg svg { height:35px;} .set-svg svg { height:28px;} .marketplace .grow-up img {height:11px;} .app-tabing .pmd-tabs { top:-3px;} .marketplace-icon { margin-left:25px;} .app-tabing { right:25px;} h2 { font-size:22px;} .review-no { min-width:100px; font-size:60px;} .list-arrow { padding-top:5px;} .pmd-sidebar.pmd-sidebar-open { overflow:auto;} .all-res-drop.open > .pmd-dropdown-menu-container > .dropdown-menu { max-height:360px;} .marketplace .content-section .media-body { margin-top:15px; display:block; width:100%;} .table-total-amount { width:67%;} .table-total-amount .pmd-display2 { font-size:24px;} .breadcrumb { } .pmd-btn-fab.btn-sm.refresh-btn { right:15px;} .pmd-content.inner-page { min-height: 718px;} .dashboard .value-added { padding:0 16px;} .constructor, .pmd-content {padding-bottom: 10px;} .btn-services { font-size:16px; padding:7px 10px;} .statistics {padding: 9px 10px;} .pmd-navbar .navbar-nav > li.all-res-drop { padding-left:10px;} .pmd-navbar .navbar-nav > li.all-res-drop > a { padding:21px 30px 18px;} .contact .map-location{ margin-left:0; margin-right:0;} } @media (max-width: 1279px) { .notifications p { font-size:14px; line-height:16px;} .notifications .btn{ min-width:25px;} .indigo .media-right { width:45%;} .dashboard p { font-size:15px;} .constructor, .pmd-content { padding-left:0; padding-right:0;} .feature-list .list-group-item { width:49%; text-align:center;} .feature-list .media-body { text-align:left;} .dashboard .marketplace { margin-bottom:0;} .btn-services{ margin-top:20px;} .marketplace .content-section .media-body { display:block; margin-top:10px; width:100%;} .marketplace .media-body .activated-service { display: inline-block;} .statistics { padding:30px 16px;} .sms-details .media-right { width:20%;} .form-group.pmd-textfield.select2-custom-navbar { padding-left:30px; margin-top:17px;} .select2-custom-navbar .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{ font-size:22px;} .payout-border { position:static;} .suspence-map-amount .range-calendar { top:20px;} .total-payout.stake-chart .chart #payment-chart { width:450px !important;} .payout-border:nth-child(1), .payout-border:nth-child(2) { margin-bottom:0;} .payout-border:nth-child(3), .payout-border:nth-child(4) { border-top:1px solid #e4e4e4; margin-top:0; padding-top:30px;} .sms-details .content-section {text-align:center;} .sms-details .content-section .source-regular { margin-bottom:20px;} #sms-chart { width:100% !important; height: 168px !important;} .copyright-text { padding-top:13px;} .notification .heading { margin-top:0;} .dashboard .heading .grow-up { margin:0;} .marketplace .media-right { display:block; text-align:center;} .dashboard .row { margin-left:-15px; margin-right:-15px;} .dashboard .col-xs-12 { padding-left: 15px; padding-right:15px;} .notification a { color:#4d575d;} footer .pmd-card-title-text a {color: #4d575d;} .pmd-navbar .navbar-nav > li.all-res-drop{ padding-left:0;} .pmd-navbar .navbar-nav > li.all-res-drop > a { font-size:18px; padding:25px 15px 20px;} .pmd-navbar .navbar-nav > li.all-res-drop > a .select-res-name { width:140px;} .pmd-navbar .navbar-nav > li > a { padding:23px 10px 20px;} .value-added .value-added-section .title { margin-bottom:10px;} .dashboard { margin-top:35px;} .bank-transaction { padding-left: 15px; padding-right:15px; border-left:0; border-top:1px solid #dfe3e7; margin-left:0; padding-top:20px;} .bank-transaction li { border-top:0;} .total-transaction { padding-right:15px;} .value-added .value-added-section { padding-bottom:30px; padding-top:30px;} .value-added .value-added-section br { display:none;} } @media (min-width: 992px) and (max-width: 1279px) { .dashboard { margin-top:25px;} .app-details .media-left { min-width:300px; padding-right:16px;} .total-sales .circle { margin:0 3px;} .btn-services { margin-top:10px; font-size: 16px; padding:7px 13px;} .table-total-amount{ width: 70%;} .pmd-content.inner-page {min-height: 674px;} .total-sales .chart { padding-bottom:40px;} .total-sales .chart.total-revenue { padding-bottom:0; } .total-sales .border-right { border:0;} .value-added .value-added-section {padding-bottom: 37px; padding-top: 36px;} .statistics {padding: 0 16px;} .value-added .value-added-section:nth-child(3) { border-bottom: 1px solid #dfe3e7;} .value-added .value-added-section { border-right:0;} .value-added .value-added-section, .value-added .value-added-section:nth-child(3) { border-bottom:0; padding-top:15px; padding-bottom:15px;} .visible-single-restaurt-name {font-size: 18px; max-width: 230px; overflow: hidden; padding-left: 15px; padding-top: 20px; padding-bottom:20px; text-overflow: ellipsis; white-space: nowrap;} .transaction-sec-three {float: right; padding-left: 0; width: 50%;} } @media (max-width: 1024px) { .app-list-icon { display:none;} .dashboard .marketplace { height:393px;} } @media (max-width: 991px) { .pmd-navbar .navbar-nav > li > a { font-size:14px; line-height:25px; padding:18px 11px;} .dashboard .statistics-rounds ul li .title { font-size:15px;} .total-payouts { min-height:143px;} .activated-text { margin-bottom:15px;} footer .media-left { padding-left:0;} footer .pmd-card-title-text{ font-size:18px;} .total-revenue{ margin-top:24px;} .total-payouts .circle { margin:23px 0 20px;} .app-details .media-left { display:block; padding: 0 0 30px 0; min-width:100%;} .app-overview { padding-bottom:30px;} .app-overview .media-left { display:block; padding:0 0 20px 0;} .app-card-detail .app-logo-set { min-width:100%; min-height:113px;} .fancybox-opened .fancybox-skin { margin:15px;} .fancybox-outer, .fancybox-inner { width:100% !important; height:auto !important;} .app-card .app-logo-set img {padding: 0 10px;} .copyright-text { text-align:center; margin-bottom:20px;} footer { display: block; padding-bottom: 25px; padding-left: 0; padding-top: 10px;} .content-area .card { min-height: auto;} .table-total-amount{ width:75%;} .app-card .card { min-height:390px;} .navbar-right{ float:right !important; margin-right:0;} .pmd-navbar .navbar-nav > li > a { padding: 12px 11px;} .total-revenue { margin-top:54px;} .visible-single-restaurt-name {font-size: 18px; padding:10px 15px 11px;} } @media (min-width: 768px) and (max-width: 991px) { .dashboard p { font-size:14px;} .total-sales .circle { margin:26px 0 0; width:32.33%;} .dashboard .notifications p { max-height:35px; overflow:hidden;} .total-revenue .list-group { margin-bottom:0;} .review-person-list h4.pmd-card-title-text .star-rating { display:block; margin:5px 0 0 0; padding:0;} .app-overview .card-body { padding-left:30px;} .back-btn { margin-top:0;} .labelbar .main-title { max-width:197px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display:inline-block;} .marketplace .media-right { text-align:left; padding-left:0;} #sms-chart { width:350px !important; height: 200px !important;} .total-payout.stake-chart .chart #payment-chart { width:300px !important;} .statistics .row > div{ margin-bottom:15px; margin-top:15px;} .sms-details .content-section { text-align:left;} .sms-details .content-section { margin-top:40px;} .form-group.pmd-textfield.select2-custom-navbar { margin-top:20px; padding-bottom:23px;} .pmd-navbar .pmd-user-info.pull-right { margin-right:0; padding-top:5px;} .table-total-amount{ width:74%;} .pmd-btn-fab.btn-sm.refresh-btn{ top:140px;} .pmd-content.inner-page {min-height: 885px;} .dashboard .marketplace { height:auto;} .dashboard { margin-top:80px;} .main-banner { margin-top:40px;} .navbar-nav > li { float:right;} .pmd-navbar .navbar-nav > li.all-res-drop { float:left;} .pmd-navbar .navbar-nav > li.all-res-drop > a { padding:13px 15px 10px} .navbar-right { width:100%;} } @media screen and (max-width: 767px) { .pmd-user-info > a { color:rgb(239, 66, 82);} .dropdown-menu > li > a { font-size:14px; color:rgb(68, 68, 68); border-bottom:1px solid rgb(232, 232, 232);} .dropdown-menu > li:last-child > a { border-bottom:0;} .labelbar { height:auto; padding:10px 0 0 0;} .mainmenu{ float: none !important; width:100%;} .mainmenu .dropdown-toggle{ width:100%; margin-bottom:10px;} footer .pmd-card-title-text { font-size:15px;} .total-sales .circle { margin-top:30px;} .navbar-right .dropdown-menu{ min-width:100%;} .labelbar .main-title { display:none;} .mainmenu .dropdown-menu { min-width:99%;} .app-details { padding:0 15px;} .review-person-list li .media-body { width:100%;} .back-btn { float:none !important; display:block;} .launch-screen .marketplace-logo img { height:25px;} .launch-screen .petpooja-logo { margin-bottom:15px;} .launch-screen .marketplace-logo{ margin-bottom:20px;} .btn.btn-red { min-width:170px; padding:7px 10px; font-size:16px;} .skip-btn{ padding-top:15px; font-size:18px;} .launch-screen .marketplace-logo { font-size:32px; margin-bottom:15px;} .launch-screen { padding:35px 10px 20px;} .launching-sections .list-inline { margin-left:0; margin-bottom:0;} .launch-screen .service-name { margin: 0 auto; max-width: 70%;} .launching-sections .list-inline > li { margin:0 auto 30px; min-width:auto;} .launch-screen .launching-text { font-size:18px;} .feature-list .list-group-item { width:100%; padding-bottom:0;} .service-providers{ margin:0 15px;} .app-overview .media-left { padding-bottom:0;} .service-providers .rating-set { padding-top:4px; padding-bottom:4px; text-align:center;} h2 { font-size:20px;} .trial-version .btn { min-width:100px; font-size:14px;} .app-card .app-logo-set { max-height:105px; min-height:105px;} .licence-details .details-box { width:100%; float:none;} .licence-details .set-border { background:none;} .licence-details .controls { margin-top:30px;} .licence-details { float:none; padding:10px 20px 20px;} .licence-details ul li.list-group-item { padding:3px 5px 5px; width:35px; height:35px; font-size:20px;} h2 { font-size:18px;} .licence-details .details-box h2 { margin-top:10px;} .pmd-display2 { font-size:20px;} .licence-details .controls { margin-top:10px;} .licence-details ul li.list-group-item { margin:0 5px;} .breadcrumb { margin-top:20px;} .popup-header { padding:10px 20px; font-size:22px;} .delivery-credit-detail { padding: 10px 20px 20px;} .delivery-credit-detail h4 { font-size:16px; margin-bottom:20px;} .delivery-credit-detail .controls input { font-size:20px;} .delivery-credit-detail .controls-btn { margin-top:15px;} .fancybox-close { top:6px;} .banner-title { font-size:27px; line-height:3;} .total-sales .circles-integer{ font-size:18px;} /*new dashboard*/ .dashboard .heading .grow-up{ margin-top:-1px;} .dashboard .pmd-display2 { font-size:26px;} .dashboard .col-xs-12 .payout-border { margin-top:0; border-left:0; border-top: 1px solid #dfe3e7; padding-top:30px;} .dashboard .col-xs-12 .payout-border:first-child { border:0;} .suspence-map-amount { margin-right:0;} .total-payout .media-right .dropdown .pmd-btn-fab.btn-sm{ margin-right:0;} #sms-chart, .total-payout.stake-chart .chart #payment-chart { width:500px !important;} .total-sales .border-right { border:0;} .all-res-drop {clear: both; float: none; margin: 0 auto; padding: 0; text-align: center; width: 100%; border-color: rgba(0, 0, 0, 0); text-transform: capitalize; padding:10px 0; background-color:#4285f4;} .all-res-drop.open, .all-res-drop:hover, .all-res-drop:focus, .all-res-drop:active, .all-res-drop.active { background-color:rgba(0, 0, 0, 0.2);} .all-res-drop > a {color: #ffffff; cursor: pointer; font-size: 16px;} .all-res-drop > a .caret {display: inline-block; margin-right:10px; margin-top: 11px; vertical-align: top;} .all-res-drop > a .select-res-name {width:92%; text-align:left; padding:0 0 0 10px; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .pmd-navbar .navbar-nav > li.all-res-drop { padding:0;} .pmd-navbar .navbar-nav > li.all-res-drop > a{ padding:10px 0; margin-top:0; background-color: transparent;} .navbar-default { min-height:94px;} .pmd-navbar .navbar-nav > li.all-res-drop > a { font-size:16px;} .pmd-navbar .navbar-nav > li.all-res-drop > a .select-res-name { text-align:left; margin-right:5px; width:92%;} .all-res-drop.open > .pmd-dropdown-menu-container > .dropdown-menu { background-color:#fff; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);} .all-res-drop.open > .pmd-dropdown-menu-container > .dropdown-menu { width:100%;} .all-res-drop.open > .pmd-dropdown-menu-container > .dropdown-menu { background-color: #ffffff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .all-res-drop.open > .pmd-dropdown-menu-container > .dropdown-menu { width: 100%; } .all-res-drop.open > .pmd-dropdown-menu-container > .dropdown-menu { max-height: 260px; } .pmd-sidebar .dropdown-menu > li > a { border-bottom:0;} .marketplace .media-right { display:block; text-align:left; padding-left:0;} .btn-services { font-size:16px; padding:8px 11px;} .entity-drop .media-right { padding-top:0;} .total-payout .card-header {} .suspence-recepe { margin-bottom:20px; padding-bottom:20px;} .suspence-map-amount .card-header { margin:0;} .total-payout .card-header { margin-bottom:0;} .divider { margin-bottom:10px; padding-top:25px;} .main-banner .media-body img { max-width:140px;} .marketplace-icon{ width:36px; height:36px;} .marketplace-icon svg { height:22px;} .constructor, .pmd-content{ margin-left:0;} .pmd-sidebar {-webkit-transform: translate3d(-280px, 0, 0); -moz-transform: translate3d(-280px, 0, 0);transform: translate3d(-280px, 0, 0); padding-top:0;} .pmd-sidebar.pmd-sidebar-open { transform:translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);} .pmd-sidebar ~ footer { padding-left:0; padding-bottom:25px;} .pmd-sidebar.pmd-sidebar-open ~ footer { padding-left:0;} .list-arrow .list-group-item { font-size:16px;} .constructor, .pmd-content { padding-bottom:30px;} .all-res-drop.open > .pmd-dropdown-menu-container > .dropdown-menu { max-height:260px;} .pmd-btn-fab.btn-sm.refresh-btn{ top:93px;} .pmd-content.inner-page {min-height: 455px;} .no-table-found { padding-top:50px;} .statistics .statistic-img-circle { height:44px; width:44px; border:2px solid #3cad44;} .statistics img, .statistics svg { height: 42px; max-width: 52%;} .feedback-management { width:100%;} .feedback-management .highcharts-container { width:100% !important; max-width:100%; min-width:100%;} .total-revenue table { width:100%;} .total-revenue table tr { padding-bottom:20px; display:block;} .total-revenue .media-left { display:block; } .total-revenue .media-body { display:block; width:100%; max-width:100%;} .total-revenue .media-right{ display:block; float:right; vertical-align:top; margin-top:-35px;} .statistics { padding: 0 16px;} .pmd-navbar .navbar-brand { padding-top:14px;} .navbar-brand > img { max-height:30px;} .pmd-navbar .pmd-navbar-right-icon { margin:0 auto; clear:both; text-align:center;} .visible-single-restaurt-name { font-size: 16px; clear: both; float: none; margin: 0 auto; text-align: center; width: 100%;} .pmd-navbar .navbar-nav > li > a { padding-top:15px; padding-bottom:11px; padding-right:10px;} nav .notification .pmd-dropdown-menu-container { max-width:445px !important; width:300px !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.176); max-height: 400px; overflow-x: hidden; overflow-y: auto; top: 50px;} .dashboard .marketplace { height: 250px;} .total-transaction { padding-right:0;} .bank-transaction { padding-left:0;} .pmd-navbar .navbar-nav > li img, .pmd-navbar .navbar-nav > li svg { margin-right:13px; margin-top:5px;} .total-transaction li .media-left { display:none;} .search-bar .btn { margin-bottom:25px;} .trasactional-blank-state { margin: 20px 0;} .value-added-detail-page .pmd-card-title-text { margin-bottom: 20px; } .mailbox .use-details{width:100%;padding:0;} .mailbox .media-body{display:block;width:auto;padding-left:30px;margin-top:8px;} .mailbox .duration{display:none;font-size:13px;text-align:right;padding-top:8px;} .mailbox .tab-content .card-body{padding:16px;} .contact .map-location{ margin-left:0; margin-right:0;} .contact-page .contact-details{ display:block;} .contact-page .fill .adress-col{ display:inline-block;} nav .notification a{ margin-top:20px;} } @media screen and (max-width: 600px) { footer .pmd-card-title-text { display:none;} footer .pmd-card-subtitle-text { font-size:13px;} footer .media-left{ display:block; padding:0;} footer .col-xs-4 { text-align:center; padding-left:15px;} .total-revenue .progress { max-width:100%;} #sms-chart, .total-payout.stake-chart .chart #payment-chart { width:400px !important;} } @media screen and (max-width: 590px) { .app-tabing .pmd-tabs .nav > li > a { padding: 15px 25px;} .app-details .media-right { display:block; padding-left:0; padding-top:5px;} .app-card-detail .media-right { display:block; width:100%;} .app-overview .media-right { padding-left:15px; padding-right:15px;} .app-overview a.btn-primary { display:inline-block;} .rating-description-section { margin:0 15px;} .review-person-list .media-left { display:block;} .review-person-list { text-align:center;} .review-person-list .pmd-card-title-text img { display:block;} .review-person-list h4.pmd-card-title-text .star-rating { display:block; margin:5px 0 0 0; padding:0;} .faqs-section .panel-heading { padding-left:0; padding-right:0;} .faqs-section .panel-title { font-size:16px; line-height:20px;} .faqs-section .dic.media-left{ padding-right:10px; font-size:18px;} .faqs-section .panel-group .panel-heading + .panel-collapse > .panel-body, .faqs-section .panel-group .panel-heading + .panel-collapse > .list-group { padding-left:30px;} .faqs-section p { font-size:16px;} .app-overview .media-right { text-align:left;} .app-card-detail .media-right .rating { float:left; margin-top:0;} .btn-medium { min-width:90px; margin-bottom:10px;} } @media (max-width: 480px) { .dashboard .card-header .media-left { padding-right:10px;} .dashboard .service-icon { height: 40px; margin: 0; width: 40px;} .dashboard .service-icon img, .dashboard .service-icon svg { max-height: 25px; width: 25px;} .range-calendar{ right:25px; text-align:right;} .selected-date{ display:block; padding-right:0; float:none; font-size:12px;} .dashboard .pmd-display2 { font-size:20px;} #sms-chart, .total-payout.stake-chart .chart #payment-chart { width:300px !important;} .sms-details .media-right { width:30%;} .title-icon { max-height:27px;} .total-payout .card-header .media-left svg { max-height: 30px;} .total-payout .card-header .service-icon svg{ max-height:16px;} .app-tabing .pmd-tabs .nav > li > a { padding:10px 20px;} .main-banner{ height:120px;} .main-banner .media-right { display:block; margin:0 auto;} .app-tabing { position:static;} .registered { display:block; margin-bottom:15px;} .bank-transaction li span.pull-right { float:none;} .logincard .loginlogo img { height:60px;} .logincard .card { margin-bottom:0;} .value-added .value-added-section .title { font-size:16px;} .inner-page-two .search-input{ width:100%; margin-right:0;} .add-button{ float:right; margin-top:20px;} .content-primary .section-footer .btn {margin-bottom: 10px;margin-top: 10px;width: 80%;} .select2-container--bootstrap{ width:100% !important;} } @media (min-width: 321px) and (max-width: 480px) { .launch-screen .petpooja-logo { margin-bottom:15px;} .launch-screen .marketplace-logo img { height: 20px;} .launching-sections .list-inline > li { min-width:150px;} .pending-payout { padding-left:0; padding-right:0;} .logincard { max-width: 330px;} } @media screen and (max-width: 479px) { .notifications .btn-alert{margin-left:0;display:none !important;} .notifications .mobile-only,.mobile-only{display:inline-block !important;} .wide-only,.tooltip{display:none!important} .media-right.datetimepicker{ display:block;} } @media (max-width: 320px) { .launch-screen .service-name { max-width:102px;} #sms-chart, .total-payout.stake-chart .chart #payment-chart { width:260px !important;} .dashboard .heading { margin-top:2px;} .dashboard .col-xs-12 .payout-border { padding-top:20px;} .total-payout .chart { margin-top:35px;} .statistics-range-calendar .range-calendar { top:23px;} .sms-details .media-right { width:32%;} .pmd-navbar .navbar-nav > li.all-res-drop > a .select-res-name { width:115px;} .logincard { max-width: 290px;} .value-added .value-added-section .title { font-size:15px;} } /* New css added for table sticky header */ .header-search-bar { margin-right:15px; margin-top:7px;} .header-search-bar .btn { border:1px solid #fff; background:none; border-top-left-radius:0; border-bottom-left-radius:0;} .header-search-bar .btn .material-icons { color:#fff; vertical-align:top;} .header-search-bar .btn:focus { background:rgba(255,255,255,0.1); border-color:#fff;} .header-search-bar .btn:hover .material-icons { color:#fff;} .header-search-bar .form-control { border:none; box-shadow:none; border-radius:2px 0 0 2px; margin-right:10px; } .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label::before { background-color: rgba(0, 0, 0, 0.87); border-color:rgba(0, 0, 0, 0.54); } .pmd-content.inner-page.inner-page-height { min-height:0px;} .table-wrap { overflow:auto;} .table-action-bar.media:first-child, .table-action-bar { margin:15px 0 15px;} .table-action-bar.media, .table-action-bar .media-body { overflow:visible;} .table-action-bar .action-left { white-space:nowrap; padding-right:30px;} .table-action-bar .action-right { white-space:nowrap;} .table-action-bar .btn { margin-right:3px;} .table-action-bar .btn .checkbox { margin:0;} .table-action-bar .btn .pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label, .table-action-bar .btn .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label { padding-left:18px; } .table-action-bar .action-right { min-width:360px;} .table-action-bar .page-selection { display:inline-block; vertical-align:bottom; } .table-action-bar .page-selection .pmd-textfield { width:40px; text-align:center;} .table-action-bar .page-selection .pmd-textfield .form-control { text-align:center;} .table-action-bar .page-selection > span { display:inline-block; float:left; margin:0 7px;} .table-action-bar .dropdown .material-icons { color:#333;} .table-action-bar .dropdown .pmd-btn-fab { margin:0;} .table-action-bar .dropdown-menu .btn { display:block; text-align:left; margin:0; width:100%; border-radius:0; padding:12px 16px; background:none; } .table-action-bar .dropdown-menu .btn:hover { background:#f1f1f1;} .table-action-bar .dropdown-menu .btn-success { color:#55ae2e;} .table-action-bar .dropdown-menu .btn-info { color:#4683ea;} .table-action-bar .dropdown-menu .btn-danger { color:#d14836 ;} .btn { color:#333;} .btn-checkbox {min-width:10px; padding:7px 16px; line-height:1.5;} .btn-icon { min-width:10px; padding:3px 16px; line-height:1.2;} .btn-default { background:#fff; } .btn-icon .material-icons { font-size:26px;} .btn-info { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4387fd+0,4683ea+100 */ background: #4387fd; /* Old browsers */ background: -moz-linear-gradient(top, #4387fd 0%, #4683ea 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4387fd 0%,#4683ea 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4387fd 0%,#4683ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4387fd', endColorstr='#4683ea',GradientType=0 ); /* IE6-9 */ color:#fff; } .btn-danger { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd4b39+0,d14836+100 */ background: #dd4b39; /* Old browsers */ background: -moz-linear-gradient(top, #dd4b39 0%, #d14836 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #dd4b39 0%,#d14836 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #dd4b39 0%,#d14836 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#d14836',GradientType=0 ); /* IE6-9 */ color:#fff; } .btn-success { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91dd70+0,55ae2e+100 */ background: #91dd70; /* Old browsers */ background: -moz-linear-gradient(top, #91dd70 0%, #55ae2e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #91dd70 0%,#55ae2e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #91dd70 0%,#55ae2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91dd70', endColorstr='#55ae2e',GradientType=0 ); /* IE6-9 */ color:#fff; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #ccc;} .pmd-table.table > thead > tr > th { color:rgba(0, 0, 0, 0.6);} .table-wrap { position:relative; /* overflow:hidden; /* margin-bottom:15px; */ } /*.table-responsive { max-height: 600px; overflow:auto; margin-bottom:0;} */ /* .table-wrap .table-responsive .well { margin:0;} */ .table-wrap .table { margin:0;} .table-wrap .table .header-fixed.hide { display:block !important; } .table-wrap .table .header-fixed { position: absolute; top: 0; background: #cedbe7; /*left: 0;*/ /*right: 0;*/ z-index: 10; /* 10 less than .navbar-fixed to prevent any overlap */ } .table-wrap.table thead { background-color: #eaeaea;} .table-wrap-fixed { position: relative;} .table-wrap-fixed .table-wrap { position: initial; } /* Sidebar scoll bar changes */ .pmd-sidebar-scroll { position: absolute; left:0; right: 0; top: 0; overflow-y: auto;} .pmd-sidebar aside.legal { left: 0; border-top: 1px solid rgba(255, 255, 255, 0.25); z-index: 1000;} .pmd-sidebar-footer { padding:0 12px 20px 0px; text-align:center;} .pmd-sidebar-footer .btn-link { color: #c8c8c8; font-size: 12px; text-transform: capitalize; margin-right: 15px;} .pmd-sidebar-footer .btn-link:hover { color: #fff; text-decoration: none;} @media screen and (max-width:1350px) { .table-action-bar .btn { min-width:10px;} .btn-icon { padding:3px 12px;} .table-action-bar .action-right { min-width: 337px;} } @media screen and (max-width:991px){ .table-wrap { overflow:visible;} } @media screen and (max-width:767px) { .table-action-bar .action-right { min-width:10px; width:100%; padding:0; display:block; margin-top:10px;} .table-action-bar .btn-refresh { float:left;} .table-action-bar { margin-top:10px;} } @media screen and (max-width:379px) { .table-action-bar .action-right .btn-icon { padding:3px 5px;} .table-action-bar .action-right .btn-icon .material-icons { font-size:22px;} } .container-iframe { height: 100%; overflow: hidden; } .ifrm { border: 0px; width: 100%; height: 100%; } .left-shadow{border-left: 3px solid #2865CA;} .right-shadow{border-right: 1px solid #999999;} .social-icons{margin-left: 0px;padding-left: 10px;padding-right: 5px;} .search-bar-div{width: 400px;} .search-bar-container{padding-left: 7px;height: 50px;} .company-link{cursor: pointer;overflow: hidden;height: 42px;line-height: 25px; white-space: nowrap} .navbar-header img{float: left;} .single-company{width: 226px;} .multiple-company{width: 195px;} .company-dropdown{padding:10px;} .unread {background-color: #ffffff; font-weight: bold;} .pmd-navbar .navbar-brand { padding: 2px 16px 2px 8px !important; font-size: 20px !important; line-height: 50px !important; } .pmd-navbar.navbar .btn.pmd-btn-fab { margin: 8px 0; } .pmd-navbar .pmd-navbar-right-icon { margin-left: 0px !important; } #right-sidebar ul > li > a { display: block;padding:12px 16px; clear: both; line-height:1.42857143; color: #333; font-size: 14px;text-align: left;list-style: none; } .media-right{ padding-left: 16px; display: table-cell; vertical-align: top; } .file_grid { padding: 20px 0 0 20px; } .file_box { border: 1px solid #cccccc;float: left;width: 150px;height: 150px; text-align: center;margin: 0 20px 20px 0; } .file_box_img_div { float: left; width: 100%; } .file_box_img { max-height: 64px;margin-top: 25px;max-width: 120px; } .file_box_file_name { float: left;width: 100%;margin-top: 10px;font-size: 14px;font-family: 'Roboto',sans-serif;color: #3e3e3e; }