EVOLUTION-NINJA
Edit File: reports.css
html, body{ margin: 0 !important; padding: 0 !important; font-size:14px !important; font-family: Verdana,sans-serif!important; overflow-x: hidden !important; } /*--------------------------------header-------------------------------*/ .header{ padding: 10px 15px; border-bottom: 2px solid #000; position: fixed; z-index: 9; width: 100%; background-color: #fff; } #logo{ width: 70%; } .right-menu{ text-align:end; padding-top: 20px; } .right-menu ul{ list-style-type: none; padding-left: 0; padding-top: 15px; } .right-menu li{ display: inline-block; padding-right: 5%; color: #000; font-weight: 600; cursor: pointer; } .right-menu i{ padding-left: 10px; } .w3-dropdown-content { margin-left: 60px!important; padding: 10px!important; background-color: #EFF3FC!important; position: fixed!important; right: 10px; } .w3-dropdown-content a{ background-color: #fff; border-radius: 20px; padding: 5px; } .w3-dropdown-hover{ display: contents!important; } /*---------------------------------------SIDBAR_MENU--------------------------------------*/ .left-side-menu{ /* padding: 20px;*/ height: 650px; overflow-y: scroll; } .main-tag{ padding: 10px; } .main-tag a{ background-color:#1E5B92; color: #fff; padding: 8px 40px; border-radius: 8px; font-size: 16px; } .main-tag a:hover{ color: #fff; } .main-tag-sub{ padding-left: 10px; margin-top: 12px; } .main-tag-sub p{ background-color:#bbdff3; padding: 10px 20px; color: #000; border-radius: 12px; font-size: 14px; width: 75%; } .list-a li{ padding: 3px 0; } .list-a a{ color: #1E5B92; font-weight: 600; text-decoration: none; } /*==========================================*/ .reports-right h3 { color: #1E5B92; font-weight: 600; } #demo-table h4{ background-color:#080094; color: #fff; text-align: center; padding: 10px; } #demo-table thead{ background-color:#080094; } #demo-table thead th{ color: #fff; } #report-td-bg{ background-color:#DDDDDD; } #report-td-bg p{ color: #000; font-weight: 600; } @media only screen and (max-width: 600px){ .reports-right{ margin-top: 330px; } } /*===========================================CONSOLIDATED RESULTS===========================*/ .consolidated-results{ padding: 5% 0 0 0; } .consolidated-results h3{ color: #1E5B92; font-weight: 600; font-size: 25px; position: relative; } .consolidated-results h3::after{ position: absolute; content: ''; border:1px solid #000; width:32%; left: 0; top: 35px; margin: 0 auto; } .cons-p{ margin-top: 30px; font-size: 16px; } .table-1 thead{ background-color:#4F81BD; color: #fff; } .table-1 p{ color: #000; font-weight: 600; } .table-cont span{ color: red; } /*-----------------NEW_CHANGES-----------------------*/ .report-detail-tag{ box-shadow: 0px 0px 5px lightgrey; padding: 20px; /* margin: 0px; */ margin-bottom: 20px; } .report-detail-tag h4{ color: #080093; padding-bottom: 5px; border-bottom: 2px solid #1E5B92!important; } .report-detail-tag h5{ margin-bottom: 15px; } /*.report-detail-tag h5{ color:#080093; } .report-detail-tag h5 span{ color: initial; }*/ .txt-center{ text-align: center; } .list-group{ /*height: 550px; overflow-y: scroll; position: fixed;*/ width: 280px; position: fixed; } #sidebar-container { min-height: 100vh; /* background-color: #333;*/ padding: 0; } /* Sidebar sizes when expanded and expanded */ .sidebar-expanded { width: 280px; } .sidebar-collapsed { width: 60px; } /* Menu item*/ #sidebar-container .list-group a { height: 50px; color: #1E5B92; font-weight: 600; } /* Submenu item*/ #sidebar-container .list-group .sidebar-submenu a { height: 45px; padding-left: 30px; } .sidebar-submenu { font-size: 0.9rem; } /* Separators */ .sidebar-separator-title { background-color: #333; height: 35px; } .sidebar-separator { background-color: #333; height: 25px; } .logo-separator { background-color: #333; height: 60px; } /* Closed submenu icon */ #sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after { content: " \f0d7"; font-family: FontAwesome; display: inline; text-align: right; padding-left: 10px; } /* Opened submenu icon */ #sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after { content: " \f0da"; font-family: FontAwesome; display: inline; text-align: right; padding-left: 10px; } .bg-dark1{ background-color:#0160A2!important; } .bg-dark2{ background-color:#080094!important; padding: 5px; } .bg-dark2 p{ color: #fff; margin: 0; } .bg-dark3{ background-color: #fff!important; } .reports-side-bar{ margin-top:9%; } /*=========================NEW SIDEBAR======================================*/ @keyframes swing { 0% { transform: rotate(0deg); } 10% { transform: rotate(10deg); } 30% { transform: rotate(0deg); } 40% { transform: rotate(-10deg); } 50% { transform: rotate(0deg); } 60% { transform: rotate(5deg); } 70% { transform: rotate(0deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes sonar { 0% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } body { font-size: 0.9rem; } .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*----------------page-wrapper----------------*/ .page-wrapper { height: 100vh; } .page-wrapper .theme { width: 40px; height: 40px; display: inline-block; border-radius: 4px; margin: 2px; } .page-wrapper .theme.chiller-theme { background: #1e2229; } /*----------------toggeled sidebar----------------*/ .page-wrapper.toggled .sidebar-wrapper { left: 0px; height: 750px; } @media screen and (min-width: 768px) { .page-wrapper.toggled .page-content { padding-left: 300px; } } /*----------------show sidebar button----------------*/ #show-sidebar { position: fixed; left: 0; top: 10px; border-radius: 0 4px 4px 0px; width: 35px; transition-delay: 0.3s; } .page-wrapper.toggled #show-sidebar { left: -40px; } /*----------------sidebar-wrapper----------------*/ .sidebar-wrapper { width: 260px; height: 100%; max-height: 100%; position: fixed; top: 125px; left: -300px; z-index: 999; } .sidebar-wrapper ul { list-style-type: none; padding: 0; margin: 0; } .sidebar-wrapper a { text-decoration: none; } /*----------------sidebar-content----------------*/ .sidebar-content { max-height: calc(100% - 130px); height: calc(100% - 30px); overflow-y: auto; position: relative; } .sidebar-content.desktop { overflow-y: hidden; } /*--------------------sidebar-brand----------------------*/ .sidebar-wrapper .sidebar-brand { padding: 10px 20px; display: flex; align-items: center; } .sidebar-wrapper .sidebar-brand > a { text-transform: uppercase; font-weight: bold; flex-grow: 1; } .sidebar-wrapper .sidebar-brand #close-sidebar { cursor: pointer; font-size: 20px; } /*--------------------sidebar-header----------------------*/ /*-----------------------sidebar-search------------------------*/ .sidebar-wrapper .sidebar-search > div { padding: 10px 20px; } /*----------------------sidebar-menu-------------------------*/ .sidebar-wrapper .sidebar-menu { padding-bottom: 10px; } .sidebar-wrapper .sidebar-menu .header-menu span { font-weight: bold; font-size: 14px; padding: 15px 20px 5px 20px; display: inline-block; } .sidebar-wrapper .sidebar-menu ul li a { display: inline-block; width: 100%; text-decoration: none; position: relative; padding: 8px 30px 8px 20px; } .sidebar-wrapper .sidebar-menu ul li a i { margin-right: 10px; font-size: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; } .sidebar-wrapper .sidebar-menu ul li a:hover > i::before { display: inline-block; animation: swing ease-in-out 0.5s 1 alternate; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; font-style: normal; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; background: 0 0; position: absolute; right: 15px; top: 14px; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul { padding: 5px 0; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li { padding-left: 5px; font-size: 13px; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 400; font-style: normal; display: inline-block; text-align: center; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; font-size: 8px; } .sidebar-wrapper .sidebar-menu ul li a span.label, .sidebar-wrapper .sidebar-menu ul li a span.badge { float: right; margin-top: 8px; margin-left: 5px; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label { float: right; margin-top: 0px; } .sidebar-wrapper .sidebar-menu .sidebar-submenu { display: none; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after { transform: rotate(90deg); right: 17px; } /*--------------------------page-content-----------------------------*/ .page-wrapper .page-content { display: inline-block; width: 100%; padding-left: 0px; padding-top: 20px; } .page-wrapper .page-content > div { padding: 20px 40px; } .page-wrapper .page-content { overflow-x: hidden; } /*------scroll bar---------------------*/ /*-----------------------------chiller-theme-------------------------------------------------*/ .chiller-theme .sidebar-wrapper { background: transparent; } /*.chiller-theme .sidebar-wrapper .sidebar-header, .chiller-theme .sidebar-wrapper .sidebar-search, .chiller-theme .sidebar-wrapper .sidebar-menu { border-top: 1px solid #3a3f48; }*/ .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text { border-color: transparent; box-shadow: none; } .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role, .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text, .chiller-theme .sidebar-wrapper .sidebar-brand>a, .chiller-theme .sidebar-wrapper .sidebar-menu ul li a, .chiller-theme .sidebar-footer>a { color: #1E5B92; font-weight: 600; } .chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a, .chiller-theme .sidebar-wrapper .sidebar-header .user-info, .chiller-theme .sidebar-wrapper .sidebar-brand>a:hover, .chiller-theme .sidebar-footer>a:hover i { color: #b8bfce; } .page-wrapper.chiller-theme.toggled #close-sidebar { color: #bdbdbd; } .page-wrapper.chiller-theme.toggled #close-sidebar:hover { color: #ffffff; } .chiller-theme .sidebar-wrapper ul li:hover a i, .chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i { color: #16c7ff; text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5); } .chiller-theme .sidebar-wrapper .sidebar-menu ul li a i, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text { background-color: #0160A2!important; } .sidebar-submenu a{ color: #fff!important; } .chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span { color: #6c7b88; } .chiller-theme .sidebar-footer { background: #3a3f48; box-shadow: 0px -1px 5px #282c33; border-top: 1px solid #464a52; } .chiller-theme .sidebar-footer>a:first-child { border-left: none; } .chiller-theme .sidebar-footer>a:last-child { border-right: none; } .a_active > a{ background-color:#03a9f4; } /* ----start---labour user-report ------ */ @media only screen and (max-width: 600px){ #reports-pdf{ margin-top: 355px !important; height: 300px; position: relative; top: -180px; } #save-pdf{ margin-left: 150px; position: relative; top: -330px; } .report_head_pain{ margin-top: -40px !important; margin-left: 20px !important; width:85%; } .list-group{ margin-top: 20px; position: absolute; top: 260px; } .sidebar-content{ width: 130% !important; margin-left: 20px; max-height: calc(100% - 130px); height: calc(100% - 10px); border:2px solid black !important; } .page-wrapper{ position: relative; top: -6px; height: 50vh !important; } .sidebar-wrapper{ position: relative; top: -5px; height: 810px; } .reports-side-bar{ margin-top:75%; /* overflow-y: scroll; */ height: 596px; overflow-x: hidden; } .sidebar-menu{ /* overflow-y: auto; */ max-height: calc(100% - 130px); height: calc(100% - 30px); height: 440px; } .mob_userdate_report1{ width: 45% !important; margin-left: 10px; } .mob_userapply_report1{ margin-left: 300px; } .mob_usermain_report{ min-height: auto; width: 100% !important; min-height: auto; position: relative !important; left: -10px; top: -15px; } } /* ----end---labour user-report ------ */ @media only screen and (max-width: 600px){ .main_date_headerp{ margin-top: -155px !important; } }