@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
body {font-family: 'Lato', sans-serif !important;font-size:14px;}



/* common css */
.myBTN {background-color: #003366;border-color: #003366;color: #fff;padding: 4px 18px 7px;min-width: 110px; border-radius: 5px;font-size: 15px;margin:0 2px;border:none;text-decoration:none;}
.myBTN.myBTNH{min-width:80px;margin:0 5px;}
.myBTN:hover {background-color: #003366;border-color: #003366;color: #fff;box-shadow: 0px 5px 8px #172a3c;}
.myBTN:focus {background-color: #003366!important;border-color: #003366!important;color: #fff!important;box-shadow: 0px 5px 8px #172a3c!important;}
.myBTN.small {padding: 2px 10px 5px;min-width: 50px;border-radius: 5px;font-size: 14px;margin-top:5px;}
.myBTN.disable, .myBTN.disable:hover {opacity:.5;background-color:#919191;cursor:not-allowed;box-shadow:none;}
.relative {position:relative;}
.colorOR {color: #ff7808;}
.colorBlu {color: #0021ca;}
.colorYlw {color: #f5c50e;}
.no-border {border: none;}
.width100 {width: 100%;}
.form-control { appearance: auto;font-size:14px;}
select.form-control {padding:8px 4px;height:37px;}
select.form-control option:first-child {display:none;}
select.form-control.devTyp option:first-child {display:initial;}
.select2-results__option{padding:1px 5px!important;}
.form-control:focus {border-color: #86b7fe;box-shadow: none;}
/*.bodyWrap {margin-top:75px;}*/
.required {color:red;}
body {background-color: #f1f1f1;} 
.mainHeader .logoS { margin-left: 50px;}
.myBTN.btn-block {width:auto;}
.page-header ,.page-header1 {font-size:20px!important; text-align:center;font-weight:500;padding-top: 10px; padding-bottom: 5px;}
.datepicker {padding:0;z-index:999 !important;}
.textEll {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 220px;}
.textEll:hover { white-space: normal;}
.tableFixScroll {max-height: 205px;overflow-y: auto;}
.tableFixScroll table thead {position: sticky;top: -1px;z-index: 999;}
.form-control:disabled, .form-control[readonly] {background-color: #eee;opacity: 1;cursor: no-drop;border:1px solid #ccc;}
.input-group-append .input-group-text { padding: 5px 10px; line-height: 25px;}
.select2-container--default .select2-selection--single {border:1px solid #ccc !important;}
.select2-container--default.select2-container--disabled .select2-selection--single{cursor:not-allowed!important;}
.select2-container--default .select2-results>.select2-results__options li:first-child {/*display:none;*/}
.btn:hover, .btn:focus, .btn:focus-visible {outline: none !important;box-shadow:none!important;}
select:focus-visible{outline:none!important;}
#loaderAuto {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;opacity: 1;background-color: #ffffffba;background-position: center center;z-index: 9999;text-align: center;background-position: center center;background-repeat: no-repeat;background-image: url('../images/loaderAuto.gif');background-size: 100px;}
.mt-20 {margin-top: 20px;}
.mt-10 {margin-top: 10px;}
.mb-20{margin-bottom:20px;}
.mb-10{margin-bottom:10px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
::-webkit-scrollbar{width:10px;height:14px;background-color:#F5F5F5;border-radius:5px;}
::-webkit-scrollbar-thumb{background-color:#333;border-radius:5px;}  
.modal-dialog{top:5%!important;}
.dblock{display:block;}

.text-danger.field-validation-error{font-size: 12px;position: absolute;}


/*Swal*/
.swal2-popup.swal2-modal, .swal-popup.swal-modal, .swal-modal {width:400px!important;}
.swal2-title, .swal-title {font-size:20px!important; padding-top: 5px;}
.swal2-html-container {font-size:18px!important; margin: 2px !important;margin-top:10px !important;}
.swal2-confirm, .swal-confirm, .swal-button {background-color: #2584F4 !important;color: #fff !important;font-size: 14px!important;padding: 6px 15px!important;}
.swal2-icon {/*width: 3em;height: 3em;*/margin-top: 20px;}
/*.swal2-x-mark-line-left  {top: 24px!important;width: 25px!important;height: 3px!important;left: 12px!important;}
.swal2-x-mark-line-right  {top: 24px!important;width: 25px!important;height: 3px!important;right: 12px!important;}*/
.swal-footer {text-align:center!important;padding-top: 0;}
  /*table th{text-align:center;}*/
.navWrapper .userName {line-height: 15px;font-weight: 700;max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.navWrapper .userDtls {font-size:12px;}
.navWrapper .emplWrap {/*background-color: #003366;color: #fff;padding: 5px 5px;border-radius: 4px;*/margin-right:1px;    margin-top: -2px;}
/*.navWrapper ul.dropdown-menu.show {transform: translate(-80px, 50px);}*/


/* Top Header */
.mainHeader .logoS {height:30px;}
.mainHeader {background-color: #f9f8f8;padding: 10px 0;}
.mainHeader .navbar-brand .logo_main {height: 40px;}
.mainHeader .navbar-nav {float: right;margin-right:0 !important;}
.mainHeader .navbar-nav .nav-link.users {background-color:#fff;border-radius: 20px;box-shadow: 0px 0px 3px #aec8ff;}
.mainHeader .navbar-nav .nav-link {color:#003366;font-size:18px;font-weight:600; padding: 5px 12px;}
.mainHeader .navbar-nav ul.dropdown-menu {padding: 0px 1px;}
.mainHeader .navbar-nav ul.dropdown-menu.show {left:-90px;}
.mainHeader .navbar-nav ul.dropdown-menu .dropdown-item i  {padding-right: 8px;}
.mainHeader .navWraps {display:block !important;}
.drpDwnPr .nav-link.dropdown-toggle {font-weight: 600;color: #000;font-size: 14px;}
.mainHeader .navbar-nav li:first-child a.vwProfiles {/*border-bottom: 1px solid #ededed;*/margin-bottom: 1px;}
.mainHeader .navbar-nav .dropdown-menu li a {padding: 5px 10px;font-size:14px}
.mainHeader .navbar-nav .dropdown-menu li:last-child a {border-top: 1px solid #ededed;padding: 7px 10px 10px;}
.mainHeader .navbar-nav .dropdown-menu .dropdown-item.active, .mainHeader .navbar-nav .dropdown-menu .dropdown-item:active {color: #000;background-color: #e1e1e1;}
.mainHeader .navbar-nav .vwProfiles .vwPr {padding-left: 0px;color: #003366;font-size: 13px;display: inline-block;font-weight:600;}
.bannerText {font-size: 30px; font-weight: 500; margin-top: -85px;padding-left: 10%;}
.topHeader {min-height:55px;}
.topHeader.header .page-brand {background-color: #f1f1f1;}
.topHeader {}
.sideMenu {margin-top:55px;}
.sideMenu.page-sidebar {background-color: #003466;position:fixed;top:0;}
.sideMenu.page-sidebar .side-menu a {padding-left:15px;}
.sideMenu.page-sidebar .side-menu .nav-2-level>li>a {padding:7px 10px 7px 42px;}
.sideMenu.page-sidebar .side-menu a i {font-size:18px;min-width:25px;text-align:center;}
.sideMenu.page-sidebar .side-menu a i.arrow {font-size:14px;text-align:right;transition:all ease .3s; }
.sideMenu .side-menu li.active>a>.arrow { transform: rotate(45deg); margin-top: -12px;transition:all ease .2s;}
.sideMenu .side-menu>li a {color:#fff;}
.sideMenu .side-menu>li a:focus, .side-menu>li a:hover { background-color: #001e3c;}
.fixed-navbar.sidebar-mini .page-brand {width: 50px !important;}
.fixed-navbar.sidebar-mini .sideMenu.page-sidebar {width: 50px !important;}
.fixed-navbar.sidebar-mini .brand-mini img {height: 20px;} 
.fixed-navbar.sidebar-mini .sideMenu.page-sidebar .side-menu a i {font-size:16px;min-width:25px;padding-right:20px;} 
.sideMenu.page-sidebar .side-menu.metismenu {height: 90vh;overflow-y: auto;}
.sideMenu {}

.content-wrapper.newBody {min-height:auto;padding-bottom:0;}

.loginFormWrap .myBTN {width: 100%;font-size:18px; margin-top: 20px;padding:8px 20px;border:none;}
.bookAcarModal .modal-header {padding:8px 15px; background-color: #a4e4ef;}

.custom-input {height:40px;}
.adminLogin .logoS {height:60px;}
.adminLogin {background-image: url(../images/bgH.jpg);background-repeat: no-repeat,no-repeat;background-position: center center;background-size: cover;color: #d3cece;height:100vh;}
.loginFormWrap {background: #fff;box-shadow: 0px 5px 20px #3e3e3e54;margin: 30px auto;max-width: 500px;overflow: hidden;position: relative;padding: 0;border-radius:8px;}
.loginFormWrap label {font-size: 16px;font-weight: normal;color: #666;margin-bottom: 5px;display: block;}
.loginFormWrap .loginForm {padding: 30px;padding-bottom: 35px;}
.loginFormWrap .field-icon {position: absolute;right: 25px;top: 40px;z-index: 2;color: #333;}

.apslBox {margin-top:20px;margin-bottom:30px;}
.apslBox .heading {font-size:28px;font-weight:600;margin-bottom:15px;margin-top:10px;}
ol.stLines {padding:0;padding-left:15px;}
ol.stLines li {font-size:18px;font-weight:600;}
ol.stLines .qsLine {display:block;margin-bottom:2px;font-size:20px;margin-top:25px;}
ol.stLines .qsDes {display:block;margin-bottom:2px;font-size:15px;margin-top:2px;font-weight:400;}
ol.stLines .ratings {display:inline-block;margin-bottom:20px;position:relative;}
ol.stLines .ratings .lineTxt {font-size:18px;font-weight:600;margin-right:5px;}
ol.stLines .ratings a {text-decoration:none;margin-right:5px;}
ol.stLines li .charCount {font-size: 13px;font-weight: 600;text-transform: capitalize;color: #959191;}
.wlcLine {font-size: 18px;font-weight: 500;min-height:25vh;}
/*.adminLines p { min-width: 100%;float: left;}
.adminLines p strong:first-child { min-width: 25%;float: left;}
.adminLines p strong:nth-child(n+2) { min-width: 25%;float: right;}*/
.adminLines .wlcLine .wlcPara {display:block;}
.adminLines .wlcLine .wlcPara strong:first-child { min-width: 25%;float: left;}
.adminLines .wlcLine .wlcPara span { padding-left:10px;}

.rating-box {display: inline-block;}
.rating-box .rating-container {direction: rtl !important;}
.rating-box .rating-container label {display: inline-block;margin: 1px 3px;color: #bdbdbd;cursor: pointer;font-size: 26px;transition: color 0.2s;line-height:28px;}
.rating-box .rating-container input {display: none;}
.rating-box .rating-container label:hover, .rating-box .rating-container label:hover ~ label, .rating-box .rating-container input:checked ~ label {color: #003366;}
.previewText {font-size:16px;font-weight:500;}

.profileWraper {margin-top:20px;}
.profileWraper .mnhght {min-height: 255px;display: inline-block;width: 100%;}
.profileWraper .panel-body {padding: 20px;background-color: #fff !important;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 32%);border-radius: 10px !important;}
.usrDtails strong {font-size: 18px;font-weight: 600;color: #003366;}
.profile-img img {width: 190px;height: 190px;border-radius: 50%;border: 7px solid #003366;}
.image-upload label {color: #fff;background: #919191;padding: 12px;border-radius: 50%;}
.image-upload {position: absolute;left: 0;right: -110px;bottom: 0px;}
.image-upload i {font-size:25px !important;}
.image-upload label {line-height: 1;font-size: initial;margin: 0;}
.image-upload > input {display: none;}

.textBox {position:relative;}
.text-danger.field-validation-error, .text-danger.errorMsg {position:absolute;font-size: 12px;font-weight: 600;}
.text-danger.errorMsg {bottom:-15px;}

.devWrap {border:1px solid #ccc;margin-bottom:20px;}
.devWrap .panel-heading {background-color:#003366;padding: 10px 15px;}
.devWrap .panel-body {padding: 15px 15px;}
.devWrap .panel-heading .panel-title {color:#fff;font-size: 18px;font-weight: 500;margin-bottom: 2px;}
.devTttl {color:#760000;font-size: 17px;font-weight:600;margin-bottom: 10px;}
.devTable {}
table.dataTable {margin:0 -2px!important;}
.table {border:1px solid #d1d1d1;margin-bottom:1px;}
.table>:not(:last-child)>:last-child>* {border-bottom-color: #adadad;}
.devTable .table {margin-bottom:0;}
.devTable .table thead {background-color:#003366;color:#fff;border-color: #525252;}
.devTable .table th, .devTable .table td  {padding:1px 8px;font-size:14px;vertical-align: middle;}
.devTable .table tr td .form-control {height:30px;}
.devTable .table tr {border-color:#f9f9f9;}
.devTable .table tr th {border-color:#a7a7a7;padding:10px 8px;}
.devTable .table tr td a {color:#003366;}
.devTable .table tr td a i {font-size:18px;}
/*.devTable .table tr th:first-child, .devTable .table tr td:first-child {text-align:center;width:50px;}*/
.devTable .table tr th:nth-child(n+2), .devTable .table tr td:nth-child(n+1) {width:30%;}
.devTable .table tr th:nth-child(n+3), .devTable .table tr td:nth-child(n+2) {width:60%;}
.devTable {}
.notesQ {float:left;}
.notesQ .heading {float:left;}
.notesQ .notesImg {float:right;height:150px;}
.starNote {text-align:right;}
.starNote ul {padding:0;}
.starNote ul li {list-style:none;display:inline-block;text-align: center; padding: 0 10px;}
.starNote ul li p {text-align:center;font-size:12px;font-weight:800;margin-bottom:0;font-style:italic;line-height:12px;}
.starNote ul li p.starLeft {float:left;}
.starNote ul li p.starRgt {float:right;}
.starNote ul li p span{display:block;}
.starNote i {color: #003366;font-size: 20px;padding: 2px 15px;}
.notesDetailsWrap {margin-bottom:30px;}
.notesDetailsWrap ul {padding:0; display: flex;}
.notesDetailsWrap ul li {list-style:none;display:inline-block;text-align: center; padding: 0 10px;}
.notesDetailsWrap ul li .twoRatings {display:flex;}
.notesDetailsWrap ul li h3 {font-size:16px;font-weight:600;border-bottom: 4px solid #036;margin-bottom: 2px;padding-bottom:7px;}
.notesDetailsWrap ul li h4 {font-size:17px;font-weight:600;}
.notesDetailsWrap ul li .noteBox {border:1px solid #036;padding:20px 10px;}
.notesDetailsWrap ul li .noteBox p {min-height:170px; max-height: 170px;overflow-y: auto;margin: 0;font-size: 14px;}
.notesDetailsWrap ul li .twoRatings .noteBox:first-child {margin-right:5px;width:50%;}
.notesDetailsWrap ul li .twoRatings .noteBox:nth-child(2n+2) {margin-left:5px;width:50%;}
.notesDetailsWrap ul li:nth-child(2n+1) {width:50%;}
.notesDetailsWrap ul li:nth-child(2n+2) {width:25%;}
.notesDetailsWrap ul li:nth-child(2n+3) {width:25%;}
.managerRate {}
ol.stLines .managerPageUser.ratings .lineTxt {font-size:16px;}
.managerPageUser .rating-box .rating-container input:checked ~ label, .managerPageUser .rating-box .rating-container label {font-size: 22px;}
.managerRate .rating-box .rating-container label:hover, .managerRate .rating-box .rating-container label:hover ~ label, .managerRate .rating-box .rating-container input:checked ~ label {color: #ad0000;}

footer.footer {position:static !important;line-height:24px !important;}
.textWrapRH1 {line-break:anywhere;}
.usrDtails p {min-height:30px;}

.sideNavBar.side-navbar {width: 200px;height: calc(100vh - 75px);position: fixed;margin-left: -300px;background-color: #fff;transition: 0.5s;box-shadow: 0px 0px 10px #ededed;}
.sideNavBar .nav-link {border-bottom: 1px solid #e7e7e7;color: #333333;font-size:14px;}
.sideNavBar .nav-link {}
.sideNavBar .nav-link:active, .sideNavBar .nav-link:focus, .sideNavBar .nav-link:hover {background-color: #46464626; color: #003366;}
.sideNavBar .nav-link.active, .sideNavBar .nav-link.active:hover {background-color: #003366;color: #fff;} 
.sideNavBar.active-nav {margin-left: 0;}
.sideNavBar .dropdown-menu.show {width:100%;border:none;padding:0;margin-top:-2px;position: static !important;transform: initial !important;}
.sideNavBar .dropdown-menu.show li .nav-link {padding:7px 2px 7px 35px;}

input[type=checkbox], input[type=radio] {margin: 4px 4px 0 0px;transform: translateY(2px);}


/*.active-cont {margin-left: 215px;margin-right: 15px;margin-top: 75px;}*/
#menu-btn {background-color: #003366;color: #fff;position:fixed;top:14px;left:5px;z-index:9999;padding: 4px 10px;}
.my-container {transition: 0.4s;}
.backBtn {margin-top:22px;}
.backBtn a {padding: 0px 10px;line-height: 15px;display: inline-block;min-width: 40px;}
.backBtn a i {font-size:30px;}

.testclass {display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;/*justify-content: center;-webkit-justify-content: center;*/}
ul.testclass {padding: 0;margin-bottom: 0;list-style-type: none;}
ul.testclass li {padding: 0 4px;}


.fa.new {color: #003366;}
.fa.newp {color: #fff;}
.fa.active {color: #43a047;}
.fa.paused {color: #dc3545;}
.fa.archived {/*color: #bd36d8;*/color: #00acc1;}
.fa.invoiced {color: #CCCC00;}
.fa.closed {color: #C71C22;}
.fa.Inactive {color: #E58A1B;}

.tile_count .tile_stats_count {padding: 5px 2px;background: #fff;text-align: center;box-shadow: 0px 0px 8px #919191;border:1px solid #fff;}
.tile_count .tile_stats_count .count {font-size: 14px;font-weight: 600;color: #fff;line-height: 1;background-color: #003366;padding: 2px 8px 3px;text-align: center;display: inline-block;margin-left: 5px;border-radius: 20px;}
.tile_count .tile_stats_count .count a, .tile_count a {color: #000000;text-decoration: none;}
.tile_count a:hover {text-decoration:none;}
.tile_count .tile_stats_count .count a:hover, .tile_count .tile_stats_count .count a:focus {color: #000000;text-decoration: underline;}

.tile_stats_count.Active {border:1px solid #43a047;}
.tile_stats_count.InActive {border:1px solid #E58A1B;}

.datepicker {padding:0;}
.datepicker td.today.day, .datepicker td.today.day:hover {background:none!important; background-color:#036  !important;color:#fff !important;}
.datepicker td.active.day, .datepicker td.active.day:hover {background:none!important; background-color:#336293  !important;color:#fff !important;}
.datepicker td, .datepicker th {border-radius:0;}
.datepicker th:hover {background-color:#336293 !important;}
.datepicker th.dow {background-color:#336293  !important;}
.datepicker .next.disabled, .datepicker .prev.disabled {background-color: #003366!important;visibility:visible!important;}
.datepicker th.dow:hover {background-color:#003366 !important;}

table thead {background-color: #003366; color: #fff;}
table tfoot tr.blue {background-color: #003366; color: #fff;}
table tfoot tr.lightblue {background-color: #eef6ff; color: #000;}
table tfoot tr.lightblue td { border-color: #b9b9b9;}
table th, table td {padding:6px 10px !important;}
table thead th {border:1px solid #004993;padding:6px 8px !important;}
table tfoot td {border:1px solid #004993;padding:6px 8px !important;font-weight:600;font-size:14px;}
table td {border:1px solid #d5d5d5; vertical-align: middle;}
table td a, table td a:not([href]):not([class]){text-decoration:none;font-weight:500;color: #003366;margin:0 1px;}
table td a:hover, table td a:not([href]):not([class]):hover  {color: #003366;}
.table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2;}
.dataTables_filter input{outline:0;}

input.form-control {height:37px;}
.select2-container--default .select2-selection--single {height:37px !important;padding:4px 2px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:5px !important;}
.select2-container--default .select2-results > .select2-results__options {overflow-x: hidden!important;}
.selectedProduct.clPrList {max-height: 74px;overflow-y: auto;}
.selectedProduct.clPrList ul {padding:0;}
.selectedProduct.clPrList ul li {list-style:none;display:inline-block;background-color: #f4f5f7;padding: 0px 4px;margin-right: 5px;margin-bottom: 5px;border-radius: 2px;}
.selectedProduct.clPrList ul li a {margin-left: 5px;background-color: #fff;padding: 0px 3px;border-radius: 12px;}

.releaseWrap {}
.releaseWrap .nav-tabs .nav-link {color: #333;background-color: #ebebeb;border-color: #ebebeb;padding:6px 12px;border-top-left-radius: 8px; border-top-right-radius: 8px;margin-right: 5px;font-weight: 600;}
.releaseWrap .nav-tabs .nav-link.active {color: #ffffff;background-color: #036;border-color: #036;font-weight:500;}
.releaseWrap .tab-content {padding:10px 0;}
.releaseWrap .dtlDrps {text-align:right;}
.releaseWrap .dtlDrps .form-group {display: inline-flex; position: absolute;top: -2px;right: 0;}
.releaseWrap .dtlDrps .form-control {width:auto;display:inline; padding: 5px 8px;}
.releaseWrap .dtlDrps #ReleaseStatusText.form-control {width:110px;}
.releaseWrap .dtlDrps .myBTN {border-radius: 5px;min-width: auto;}
.releaseWrap .dtlDrps .myBTN:hover {box-shadow:none;} 
.releaseWrap .noteBox {text-align:right;}
.releaseWrap .noteBox .myBTN {border-radius: 5px;min-width: auto;background-color: #fff;color: #3a3838; border: 1px solid #cfcfcf; padding: 5px 12px;}
.releaseWrap .noteBox {}
.releaseWrap .noteBox .myBTN:hover {box-shadow:none;background-color: #eff7ff;} 
.releaseWrap .domainLinks {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 100%;}
/*.releaseWrap .domainLinks:hover { white-space: normal;}*/

.taskCalendar table thead {background-color: #fff; color: #000;}
.taskCalendar table th, .taskCalendar table td {padding: 0px !important;}
.taskCalendar table a {text-decoration:none;font-weight:500;color: #000;}
.taskCalendar .fc-event {padding:0px 5px;}
.taskCalendar .fc-timegrid-event-short .fc-event-title {font-size:12px;}
.taskCalendar .fc-h-event, 
.taskCalendar .fc-v-event,
.taskCalendar .fc .fc-button-primary,
.taskCalendar .fc-event-resizable.fc-event
{background-color: #003366;color:#fff; border: 1px solid transparent;box-shadow: none !important; text-transform: capitalize;font-size: 12px;}
.taskCalendar .fc-daygrid-event-dot, .taskCalendar .fc .fc-list-event-dot {border-color:#fff;display:none;}
.taskCalendar a {color:#003366;}
.taskCalendar .fc .fc-toolbar-title {font-size:22px;}
.taskCalendar .fc-direction-ltr .fc-button-group > .fc-button { text-transform: capitalize;}
.taskCalendar .fc-direction-ltr .fc-daygrid-event.fc-event-end, .taskCalendar .fc-direction-rtl .fc-daygrid-event.fc-event-start {font-size:12px;padding: 1px 5px;}
.taskCalendar {}
.eventContent {display: none;position: absolute;z-index: 9999;background-color: white;border: 1px solid #ccc;padding: 2px 10px;
border-radius: 5px;font-size: 12px;}
.fc .fc-list-event:hover td {background-color:#003366 !important;}
.typeColorWrap {}
.typeColorWrap ul {padding:0;margin-top:15px;text-align:center;}
.typeColorWrap ul li {list-style:none;display:inline-block;margin-right:10px;}
.typeColorWrap ul li span {background-color:#fff;box-shadow:0 0 4px #818181;padding:3px 8px;border-radius:15px;}
.typeColorWrap ul li .pendingTag i {color:#7575ff;}
.typeColorWrap ul li .releaseTag i {color:#7db375;}
.typeColorWrap ul li .partialreleaseTag i {color:#efb05b;}
.typeColorWrap ul li .onholdTag i {color:#cdbe57;}
.typeColorWrap ul li .rejectTag i {color:#dd7878;}
.typeColorWrap ul li .maintenanceTag i {color:#939393;}
/*.fc-event-time {display:none;}*/

.addReleaseWrap .myBTN.myBTD {min-width: 100px;}
.addReleaseWrap .myBTN {border-radius: 5px;min-width: auto;}
.addReleaseWrap .changesBox {border:1px solid #ccc;padding:15px;border-radius:10px;}
.addReleaseWrap .uploadRBox {border:1px solid #ccc;padding:5px;border-radius:10px;}
.addReleaseWrap .uploadRBox .file_uploads,
.addReleaseWrap .uploadRBox .file_uploads input {height: 90px;width: 100%;position:relative;z-index:99;cursor:pointer;}
.addReleaseWrap .uploadRBox .file_uploads p {margin-bottom:0px;font-size:14px;}
.addReleaseWrap .uploadRBox .file_uploads p span {color:#a1a1a1;}
.addReleaseWrap .uploadRBox .file_uploads p i {font-size: 35px; color: #036;}
.addReleaseWrap .uploadRBox .file_uploads input {opacity: 0;}
.addReleaseWrap .uploadRBox .file_uploads .textFile {position:absolute;top:45%; left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index:0;}
.fileUp-lists {padding:5px;border:1px solid #f3f3f3;border-radius:10px;margin-top:10px;max-height:220px;overflow-y:auto;}
.fileUp-lists ul {padding:0;}
.fileUp-lists ul li {list-style:none;margin-bottom:3px;font-size:13px;position:relative;background-color: #ecf6ff;padding: 1px 5px;line-height: 14px;border-radius:5px;}
.fileUp-lists ul li button {background: #fff;border: 1px solid #fff;border-radius: 20px;color: #dc3545; padding: 1px 4px;margin-left:1px;position: absolute; right: 0px; line-height: 13px;}
.fileUp-lists ul li .txtHD { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 90%;max-height: 1.85em;line-height: 14px;font-size: 14px;color: #333;font-weight: 500;}
.fileUp-lists {}
.myBTN.btn-release,.myBTN.btn-pending,.myBTN.btn-onhold,.myBTN.btn-partial, .myBTN.btn-reject {padding: 2px 2px 4px;min-width: 90px;}
.myBTN.btn-release {background-color:#499f19;}
.myBTN.btn-pending {background-color:#828282;}
.myBTN.btn-onhold {background-color:#d4ce25;}
.myBTN.btn-partial {background-color:#198d9f;}
.myBTN.btn-reject {background-color:#d52f3f;}

.attachGrids {}
.attachGrids thead {background-color: transparent; color: #333;}
.attachGrids .table, .attachGrids .table th, .attachGrids .table td {border:none;}
.attachGrids .table tbody tr {background-color:#e9f4ff;border-bottom: 3px solid #fff;}
.commentsWrap {}
.commentsWrap .comment-input {height:30px;width: 200px;}
.commentsWrap .myBTN  {padding: 4px 8px 4px;min-width:inherit;}
.commentsWrap {}
.descTxt .textEll {max-width:350px;}
.descTxt .textEll:hover { white-space: normal;}


.listGridIco a {color: #003366;font-size:20px;margin: 0 4px; text-decoration: none;}
.gridMediaBox {border: 1px solid #ccc;padding: 2px 2px;border-radius: 5px; margin-bottom: 20px}
.gridMediaBox .atchImg {border-radius: 3px;height: 100px;margin: 0 auto;display: block;}
.gridMediaBox .tx1 {margin-bottom:1px;margin-top:5px;font-size:13px;padding:0 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 90%;max-height: 1.85em;line-height: 16px;}
.gridMediaBox .tx2 {margin-bottom:5px;font-size:11px;padding:0 2px;}
.gridMediaBox {}
.tfsLink { position: absolute;right: 4%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;}

.addReleaseWrap1 .myBTN {border-radius: 5px;min-width: auto;}
.addReleaseWrap1 .changesBox {border:1px solid #ccc;padding:15px;border-radius:10px;}
.addReleaseWrap1 .uploadRBox {border:1px solid #ccc;padding:5px;border-radius:10px;}
.addReleaseWrap1 .uploadRBox .file_uploads,
.addReleaseWrap1 .uploadRBox .file_uploads input {height: 90px;width: 100%;position:relative;z-index:99;cursor:pointer;}
.addReleaseWrap1 .uploadRBox .file_uploads p {margin-bottom:0px;font-size:14px;}
.addReleaseWrap1 .uploadRBox .file_uploads p span {color:#a1a1a1;}
.addReleaseWrap1 .uploadRBox .file_uploads p i {font-size: 35px; color: #036;}
.addReleaseWrap1 .uploadRBox .file_uploads input {opacity: 0;}
.addReleaseWrap1 .uploadRBox .file_uploads .textFile {position:absolute;top:45%; left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index:0;}
 .panel-body.card {padding: 20px 20px;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{outline:none;}
.dataTables_filter{margin-bottom:8px;}
#CommentApproveErr{position:absolute;}
.select2-container--default .select2-selection--single:focus-visible, .select2-container .select2-selection--single .select2-selection__rendered:focus-visible {outline: none;}
.calmarg{margin-bottom:15px;}
.btn-close:focus{box-shadow:none;}
.cursor{cursor:pointer!important;}
.headFix{font-size:17px;font-weight:600;}
#fromDateError, #toDateError{position:absolute;}
.table-responsive{width:100%;}
.text-danger.field-validation-valid{position:absolute;font-size: 12px;font-weight: 600;}
.errorMsgBH {font-size: 12px;}
.btnwdt {min-width: 78px;margin-bottom: 5px;}
/* ---------- table-sticky ---------- */
.sticWrapper tr th {
    background-color: #003366 !important;
}
.sticWrapper tr td, .sticWrapper .table-striped>tbody>tr:nth-of-type(odd), .sticWrapper .table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2!important;--bs-table-accent-bg:#f2f2f2;}
/*.sticWrapper tr th:nth-child(1), .sticWrapper tr td:nth-child(1) {width:80px;position:sticky;left:0px;z-index:999;}
.sticWrapper tr th:nth-child(2), .sticWrapper tr td:nth-child(2) {width:250px;position:sticky;left:80px;z-index:999;}
.sticWrapper tr th:nth-child(3), .sticWrapper tr td:nth-child(3) {width:250px;position:sticky;left:330px;z-index:999;}
.sticWrapper tr th:nth-child(4), .sticWrapper tr td:nth-child(4) {width:250px;position:sticky;left:580px;z-index:999;}*/

/*.sticWrapper tr th:nth-child(1), .sticWrapper tr td:nth-child(1) {width:50px;position:sticky;left:-1px;z-index:999;}
.sticWrapper tr th:nth-child(2), .sticWrapper tr td:nth-child(2) {width:200px;position:sticky;left:49px;z-index:999;}
.sticWrapper tr th:nth-child(3), .sticWrapper tr td:nth-child(3) {width:200px;position:sticky;left:249px;z-index:999;}
.sticWrapper tr th:nth-child(4), .sticWrapper tr td:nth-child(4) {width:200px;position:sticky;left:449px;z-index:999;}*/
.emailTableGrids {}
.emailTableGrids {}


.sticWrap tr th {background-color:#003366 !important;}
.sticWrap tr td, .sticWrap .table-striped>tbody>tr:nth-of-type(odd), .sticWrap .table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2!important;--bs-table-accent-bg:#f2f2f2;}
/*.sticWrap tr th:nth-child(1), .sticWrap tr td:nth-child(1) {width:80px;position:sticky;left:1px;z-index:999;}
.sticWrap tr th:nth-child(2), .sticWrap tr td:nth-child(2) {width:150px;position:sticky;left:80px;z-index:999;}
.sticWrap tr th:nth-child(3), .sticWrap tr td:nth-child(3) {width:200px;position:sticky;left:230px;z-index:999;}
.sticWrap tr th:nth-child(4), .sticWrap tr td:nth-child(4) {width:200px;position:sticky;left:430px;z-index:999;}*/

/*.sticWrap tr th:nth-child(1), .sticWrap tr td:nth-child(1) {width:50px;position:sticky;left:2px;z-index:999;}
.sticWrap tr th:nth-child(2), .sticWrap tr td:nth-child(2) {width:100px;position:sticky;left:54px;z-index:999;}
.sticWrap tr th:nth-child(3), .sticWrap tr td:nth-child(3) {width:200px;position:sticky;left:156px;z-index:999;}
.sticWrap tr th:nth-child(4), .sticWrap tr td:nth-child(4) {width:200px;position:sticky;left:358px;z-index:999;}*/


div.dataTables_wrapper div.dataTables_paginate {
    display: flex;
    /* padding-left: 0; */
    list-style: none;
    border-radius: .25rem;
}
/*.dataTables_wrapper .dataTables_paginate .paginate_button.current,{color:#fff!important;}*/
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
    pointer-events: none;
    cursor: auto;
    background-image: none;
    background-color: #003366;
    border-color: #003366;
}
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background: none !important;
    background-color: #003366 !important;
    border-color: #003366 !important;
}

.page-item:first-child .page-link, .pagination .page-number:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    z-index: 2;
    text-decoration: none;
   /*   background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)!important;
    border-color: #333 !important;*/
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative;
    display: block;
    padding: 0.5rem 1.75rem;
    line-height: 1.25;
    border: 1px solid #dcdcdc !important;
    margin: 0;
    margin-left: -1px;
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}


/* ---------- Enquiry ---------- */
.grpAddon .dd .ddTitle{background:#fff;border:none;height:37px;padding-left:4px;border:1px solid #bdbdbd;border-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.grpAddon .dd .divider{border:none;}
.grpAddon .dd{border:none;width:110px!important;text-align:left;border-radius:0;border:none;margin-top:0;}
.grpAddon .dd .ddChild li img{height:13px;width:22px;}
.grpAddon .dd .ddChild li{text-align:left;font-size:12px;padding:5px 2px;}
.grpAddon .dd .ddTitle .ddTitleText img{height:13px;width:22px;margin-top:-2px;}
.grpAddon .dd .ddTitle .ddTitleText{font-size:12px;padding:10px 10px 5px 1px;border-right:1px solid #ede8e8;}
.grpAddon .mobNoinput{box-shadow:none;background:#f4f4f4!important;padding-left:12px;}
.grpAddon .input-group-addon{padding:0;border:none; background: transparent;}
.grpAddon .btn{padding:8px 8px;}
.grpAddon .ddcommon input.text {height:33px;top:2px;}
.valBG1.field-validation-error{right:12px!important;}
.valBG.field-validation-error{bottom:-18px!important;}
#div_ContactNoMsg{position:absolute;font-size: 12px;font-weight: 600;bottom:-18px!important;}

/* ---------- LeadList ---------- */
.NewLead {color: #F9FF56;}
.QualifiedLead {color: #56AAFF;}
.closedLead {color: #FD3D44;}
.activeLead {color:  #00A500;}
.LostLead {color: #989898;}
.numTabSM{text-align:right;}
ul.numTabSM {margin-left:10px;}
ul.numTabSM li {display: inline-flex;margin-right: 5px;background-color: #fff;box-shadow: 1px 1px 4px #b5b5b5;padding: 5px 12px;border-radius: 5px;cursor: pointer;color: #333;}
ul.numTabSM li.bgA a {text-decoration:none;color:#000;}
ul.numTabSM li.bgA.active a, ul.numTabSM li.bgA:hover a  {color:#fff;}
ul.numTabSM li.bgA:hover {background-color: #003366;color:#fff;}
ul.numTabSM li p {font-size:14px;font-weight:500;}
ul.numTabSM li p i {font-size:14px;}
ul.numTabSM li.totalNM {background-color:#003366;color:#fff;cursor:default;}
ul.numTabSM li.active, ul.numTabSM li.active:hover {background-color:#003366;color:#fff;}
.noteModalTxt {line-break: anywhere;max-height: 250px;overflow-y: auto;overflow-x:hidden;}
.btnwdt{min-width:78px;margin-bottom:5px;}
.btnwdt.btnwdt1{min-width:78px;margin:0 3px;}

/* ---------- Lead-Detail ---------- */

.bidsBoxWrap .select2-container--default .select2-selection--single {border:1px solid #c3c3c3;}
.bidsBoxWrap {}
.bidUploadBox {text-align:center;border: 1px dashed #999;padding: 25px 0;cursor:pointer; background-color: #fefbfa;}
.bidUploadBox .uIcon {font-size:40px;line-height: 40px; margin-bottom: 0;}
.bidUploadBox .drTxt {font-size:16px;line-height: 20px;font-weight:500;color:#333; margin-bottom: 5px;}
.bidUploadBox .drTxt span {color:#FF5744;}
.colorBid {color:#FF5744;}
.bidUploadBox .docTxt {font-size:14px;line-height: 20px;color:#B0B0B0;margin-bottom: 0;}
.dtlBoxBid {background-color:#F1F1F1;border-radius: 15px;padding: 12px 8px;margin-top: 5px;margin-left: 5px;margin-right: 0px;}
.bidsBoxWrap .padTop {padding:2px 0;}
.myFiles {display:none;}
.bidsBoxWrap .bidGraphBox {}
.bidsBoxWrap .bidGraphBox {padding: 12px 8px;margin-top: 5px;margin-left: 5px;}
#container-speed {max-height:140px;margin-top:-10px;}
#container-speed .highcharts-axis-labels.highcharts-yaxis-labels, #container-speed .highcharts-tick {display:none;}


.leadAccordion {}
.sticWrap .textEll{max-width:180px;}
.leadAccordion .accordion-button:not(.collapsed){background-color:transparent;}
.leadAccordion .accordion-button {font-size: 16px;color: #000 !important;padding: 5px 10px;box-shadow: none !important;}
.leadAccordion .accordion-button:focus {background-color: transparent;}
.leadAccordion.accordion-button.cardBG{background:transparent!important;font-size:14px;}
.hidden {display: none;}
.leadAccordion .select2-container{display:block;}
.leadAccordion .accordion-body{padding:0;}
.leadAccordion table, .leadAccordion table td {border:none;padding:2px 10px !important;}
.leadAccordion {}
.leadAccordion {}
.leadAccordion {}
.leadAccordion {width:100%;}
.leadAccordion .card-header .title {font-size: 17px;color: #000;}
.leadAccordion .card-header .accicon {float: right;font-size: 20px;margin-top: 0px;}
.leadAccordion .card-header {cursor: pointer;border-bottom: 1px solid #ccc;padding:0;background-color:#efefefc7;    border-radius: 0 !important;}
.leadAccordion .card {border: none;}
.leadAccordion .card-body {border-top: 1px solid #e9e9e9;padding: 1px 1px;}
.leadAccordion .card-header:not(.collapsed) .rotate-icon {transform: rotate(90deg);}
.attachedFileBox {}
.attachedFileBox table tr:nth-child(even), .attachedFileBox table tr:nth-child(even) td {background-color:transparent !important;}
.attachedFileBox .table {margin-top:5px;}
.attachedFileBox .attachiconBid {height: 40px;margin-top: -3px;}
.attachedFileBox .table td {padding:8px 5px;}
.attachedFileBox .fileNameBid {font-size: 14px;color: #333; font-weight: 500;}
.attachedFileBox .fileDateBid {color:#818181;}
.attachedFileBox .fileDwnBid {color:#333;}
.attachedFileBox .fileDwnBid img {height: 15px;}
.leadAccordion.historyAccordion .attachedFileBox .attachiconBid {height: 40px;margin-top:0; border-radius: 30px;}
.leadAccordion.historyAccordion .attachedFileBox .table td {padding:5px 5px; background-color: #f9f9f9 !important;border-bottom: 1px solid #d9d9d9;}
.leadAccordion.historyAccordion.listFilters .card-header .accicon {float:none; color: #ff5744; margin-right: 3px;}
.leadAccordion.historyAccordion.listFilters .card-header .accicon .rotate-icon {font-size:14px;}
.leadAccordion.historyAccordion.listFilters .card-header, .leadAccordion.historyAccordion.listFilters .card-body {background-color:transparent;border:none;} 
.leadAccordion.historyAccordion.listFilters .card-header .title {font-size: 14px;}

.bidsBoxWrap .myBTN {border-radius: 5px;min-width: auto;}
.bidsBoxWrap .changesBox {border:1px solid #ccc;padding:15px;border-radius:10px;}
.bidsBoxWrap .uploadRBox {border:1px solid #ccc;padding:5px;border-radius:10px;}
.bidsBoxWrap .uploadRBox .file_uploads,
.bidsBoxWrap .uploadRBox .file_uploads input {height: 90px;width: 100%;position:relative;z-index:99;cursor:pointer;}
.bidsBoxWrap .uploadRBox .file_uploads p {margin-bottom:0px;font-size:14px;}
.bidsBoxWrap .uploadRBox .file_uploads p span {color:#a1a1a1;}
.bidsBoxWrap .uploadRBox .file_uploads p i {font-size: 35px; color: #036;}
.bidsBoxWrap .uploadRBox .file_uploads input {opacity: 0;}
.bidsBoxWrap .uploadRBox .file_uploads .textFile {position:absolute;top:45%; left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index:0;}
.nav-pills, .nav-tabs{margin-bottom:0!important;}
#div_Device {position: absolute;font-size: 12px;}

.escalWrap #commentError {position: absolute;right: 0;font-size: 12px;font-weight: 600;}
.creatName{color:#003366;}
.creatName.creatName1{padding-right:4px;font-size:12px;}
.creaHead{margin-bottom:-10px;}
.mangerHead{margin-bottom:-10px;}
.escHeading{font-size:17px;font-weight:600;}
.form-select:focus{box-shadow:none;}
.paraLength{font-style:italic;}

/* ---------- Employee Exit ---------- */

.exitWrapper .timeline{position:relative;padding-top:50px;padding-bottom:50px}
.exitWrapper .timeline::before{content:'';position:absolute;top:31%;left:80px;right:80px;height:2px;background-color:#ccc;z-index:0;}
.exitWrapper .timeline-step{position:relative;z-index:1;}
.exitWrapper .timeline-circle{width:20px;height:20px;background-color:#676767;border-radius:50%;margin:0 auto 10px auto;position:relative;z-index:2;}
.exitWrapper .timeline-circle.completed{background-color:#003366} 
.exitWrapper .timeline-title{font-weight:700;margin-bottom:5px;font-size: 16px;}
.exitWrapper .timeline-date{font-size:14px;color:#000000;font-style: italic;}
.exitWrapper .exitHeading{font-size:16px;font-weight:600;color:#003466;}
.exitWrapper .myBTN.myBTNBH{background-color:#676767;}
.exitWrapper .noduesBG{background-color:#003366;padding:6px 10px;}
.exitWrapper .noduesBG .heading{font-size:16px;color:#fff;}
.exitWrapper .accordion-button:not(.collapsed){background-color:none;color:#000;}
.exitWrapper .accordion-button:focus{box-shadow:none;}




.ticketWrap .myBTN.btnBH{padding:4px 10px 4px;min-width:80px;border-radius:5px;font-size:12px;border:1px solid #003366;}
.ticketWrap .myBTN.btnBHH{padding:4px 10px 4px;min-width:80px;border-radius:5px;font-size:12px;background-color:#fff;border:1px solid #000;color:#000;}
.ticketWrap .myBTN.btnBHH:hover{padding:4px 10px 4px;min-width:80px;border-radius:5px;font-size:12px;border:1px solid #003366;background-color:#003366;color:#fff;}
.ticketWrap .collapsticket{cursor:pointer;}
.ticketWrap .collapsible:before{content:'\002B';font-weight:700;}
.ticketWrap .collapsticket.active:before{content:"\2212"; display: none;}
.ticketWrap .collapsticket.isDisabled{pointer-events:none;}
hr{border-top:1px solid #442e2e;}
.ticketWrap .headingCMM{font-size:15px;}
.ticketWrap .subheadingCMM{font-size:14px;color:#999;display:block;font-style:italic;}
.ticketWrap h4.media-heading{font-size:15px;text-transform:capitalize;}
.ticketWrap .cmmIMg{width:40px;height:40px;border-radius:50%;}
.ticketWrap .commentsDetails{max-height:400px;overflow-x:auto;}
.ticketWrap .fontBold{font-weight:700;font-size:13px;color:#403e3e;letter-spacing:0;}

.genatWrapper .uploadRBox {border:1px solid #ccc;padding:5px;border-radius:10px;}
.genatWrapper .uploadRBox .file_uploads,
.genatWrapper .uploadRBox .file_uploads input {height: 90px;width: 100%;position:relative;z-index:99;cursor:pointer;}
.genatWrapper .uploadRBox .file_uploads p {margin-bottom:0px;font-size:14px;}
.genatWrapper .uploadRBox .file_uploads p span {color:#a1a1a1;}
.genatWrapper .uploadRBox .file_uploads p i {font-size: 35px; color: #036;}
.genatWrapper .uploadRBox .file_uploads input {opacity: 0;}
.genatWrapper .uploadRBox .file_uploads .textFile {position:absolute;top:45%; left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index:0;}






.ta {
}
/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){

}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){

}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){

}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){

}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){

}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
    body {background-color: #f7f7f7;}
    .fixed-top {position:static;}
    .mainHeader .logoS {height:30px; margin: 0 !important;}
    .bodyWrap {margin-top: 5px;}
    .bannerText {margin:0; padding:0;display:none;}
    .apslBox .heading {font-size: 24px;}
    .notesDetailsWrap ul, .notesDetailsWrap ul li .twoRatings {display:inline-block;}
    .notesDetailsWrap ul li:nth-child(2n+1), .notesDetailsWrap ul li:nth-child(2n+2), .notesDetailsWrap ul li .twoRatings .noteBox:first-child, .notesDetailsWrap ul li .twoRatings .noteBox:nth-child(2n+2) {width: 100%;margin: 0;margin-bottom: 15px;}
    .notesDetailsWrap ul li h3 {margin-top:20px;}
    .notesDetailsWrap ul li .noteBox p {min-height:auto;}
    .mainHeader .navbar-nav ul.dropdown-menu {position:absolute;}
    .mainHeader .navbar-nav ul.dropdown-menu.show {left:inherit;right:0;}
    .mainHeader .navbar-nav .nav-link.users {position: absolute;z-index: 99;right: 0;top: -40px;}
    .sideNavBar.active-nav {top:75px;}
    .bodyWrap, .active-cont {margin-top: 10px !important;}
    #menu-btn {position: absolute;left:inherit;right:30%;}
    .apslBox {margin-top: 0;margin-bottom: 0px;}
    .starNote {text-align: right;margin-top: 15px;}
    .page-header {text-align:center;font-size: 20px;margin-left: 20px;}

.sticWrapper tr th:nth-child(1), .sticWrapper tr td:nth-child(1),
.sticWrapper tr th:nth-child(2), .sticWrapper tr td:nth-child(2),
.sticWrapper tr th:nth-child(3), .sticWrapper tr td:nth-child(3),
.sticWrapper tr th:nth-child(4), .sticWrapper tr td:nth-child(4) {position:static;}

.sticWrap tr th:nth-child(1), .sticWrap tr td:nth-child(1),
.sticWrap tr th:nth-child(2), .sticWrap tr td:nth-child(2),
.sticWrap tr th:nth-child(3), .sticWrap tr td:nth-child(3),
.sticWrap tr th:nth-child(4), .sticWrap tr td:nth-child(4) {position:static;}

}