@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); 
 

/* ---------- CSS ---------- */
body{ font-family: "Nunito", sans-serif;background:#fff;font-size: 13px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{}
.page-wrapper.pageBody {background-color:#f5f5f5; border-top-left-radius: 20px;min-height: calc(100vh - 70px);margin-bottom: 0;}
.page-wrapper.pageBody .page-content {padding:15px;}
a {cursor:pointer; color: #9bbe3f;}
a:hover {color: #000;text-decoration:none;}

.bgWhite {background-color: #fff !important;}
.bgGr1 {background:#C5E86C;}
.bgGr2 {background:#90B72B;}
.font10{font-size:10px;}
.hideAll {display:none !important;}
.top-menu.ms-auto .dropdown-laungauge,
.top-menu.ms-auto .dark-mode,
.top-menu.ms-auto .dropdown-app,
.top-menu.ms-auto .dropdown-noti,
.top-menu.ms-auto .dropdown-cart
{
    display: none !important;
}
.fnt12{font-size:12px;}
.relative{position:relative;}
.color-mn {color: #a5c74e;}
.width100{width:100%;}
span.required {color: red;}
.borderRight{border-right: 2px solid #000;}
.form-control, .form-select {font-size:13px !important;padding: 8px 8px;line-height: 16px; /*appearance: auto;*/ height: 34px;}
.form-select {cursor: pointer;padding-right: 20px;background-position-x: calc(100% - 4px);background-position-y: 10px;}
textarea.form-control {height: auto;}
.form-control:focus, .form-select:focus{box-shadow:none!important;border-color:#dee2e6;}
:focus-visible{outline:none;}
.modal-header{border-bottom:1px solid #eeeeee !important;padding:10px 15px 6px;}
.modal-header .modal-title {font-size:18px;}
.modal-header .close {border: 1px solid #333;padding: 0px 3px 1px;margin: 0;margin-top:2px; border-radius: 25px;line-height: 16px;color: #000;opacity: .7;font-size: 18px;}
.text-danger.field-validation-error, .text-danger.field-validation-valid, .errorMsg {font-size: 12px;position: absolute; margin-left: 4px;}
.text-danger.validation-summary-errors ul {padding:0;margin-bottom: 5px;font-size: 12px;}
.text-danger.validation-summary-errors li {list-style:none;}
.calImg {height:16px;width:15px;top:32px;}
.btn.focus, .btn:focus,.swal2-styled:focus{box-shadow:none;}
.lineAB::before,.lineAB::after {display: inline-block;content: ""; border-top: 1px solid #ccc;width: 40%;margin: 0 20px;transform: translateY(-3px);}
.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: none;}
.ideaCaldender .calImg, .calendarUI .calImg {position: absolute;right: 7px;cursor:pointer; }
.dotBW {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.dotBW:hover {cursor:pointer;}

/* ---------- ScrollBar ---------- */
.pageBody ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.pageBody  ::-webkit-scrollbar {width:4px;height:4px;background-color:#F5F5F5;border-radius:1px;}
.pageBody  ::-webkit-scrollbar-thumb {background-color:#9a9a9b !important;border-radius:1px;}

/* ---------- Toggle Switch ---------- */
.switch {position: relative;display: inline-block;width: 40px;height: 16px;top: 0px;left:1px;}
.switch.switchwrap{left: 45px;}
.switch input {opacity: 0;width: 0;height: 0;}
.switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.switch .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: -2px;bottom: -2px;background-color: #818181;-webkit-transition: .4s;transition: .4s;}
.switch input:checked + .slider {background-color: #cbe683;}
.switch input:focus + .slider {box-shadow: 0 0 1px #ccc;}
.switch input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);background-color: #90b72b;}
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%;}
.switch input[type=number]::-webkit-inner-spin-button {opacity: 1;}

/* ---------- Headings ---------- */
/*.logoM {height:15px;}*/
.logoM {max-height:30px;}
/*.logoM.logoUser{max-height:30px;}*/
.pageBody .page-header {font-size: 20px;text-align: left;font-weight: 700;padding-top: 1px;padding-bottom: 0px;margin-bottom:5px;}
.pageBody .page-header.hdr2 {font-size: 18px;}
.pageBody .page-header.hdr3 {font-size: 16px;}
.pageBody .page-header.hdr4 {font-size: 14px;}
.pageBody .page-subHeading {font-size: 12px;font-weight: 500;}
.topbar {}
.topbar ul.dropdown-menu {padding:7px;border: 1px solid #ebebeb;border-radius: 10px;}
.topbar ul.dropdown-menu .dropdown-item {padding:5px 10px;border: 1px solid #ebebeb;border-radius: 5px;margin-bottom:5px;font-size: 12px;}
.topbar ul.dropdown-menu .dropdown-item i {font-size: 12px !important;margin-right: 5px; font-weight: 600;}
.topbar {}


/* ---------- Sidebar Menu ---------- */
.wrapper .sidebar-header {border:none;}
.wrapper .sidebar-wrapper, .wrapper .topbar  {box-shadow:none !important;}
.wrapper .topbar .user-box  {border:none !important;}
.wrapper .sidebar-wrapper .sidebar-header .toggle-icon  {color:#9bbe3f;margin-top:3px;margin-left:3px;}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon  {display: block; transform: rotate(180deg);}
.wrapper .sidebar-wrapper .sidebar-header .toggle-icon .cross  {display: none;transition:all linear 1s;}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon .arrow  {display: none;transition:all linear 1s;}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon .cross  {display: none;margin-top:3px;transition:all linear 1s;}
.wrapper.toggled.sidebar-hovered .sidebar-wrapper .sidebar-header .toggle-icon .arrow  {display: none;transition:all linear 1s;}
.wrapper.toggled.sidebar-hovered .sidebar-wrapper .sidebar-header .toggle-icon .cross  {display: block;transition:all linear 1s;}
.wrapper .sidebar-wrapper .sidebar-header .logo-icon  {display: none;}
.wrapper.toggled .sidebar-wrapper .sidebar-header .logo-icon  {display: block;box-shadow: 0px 0px 5px #c5e86c;border-radius: 5px;}
.wrapper.toggled.sidebar-hovered .sidebar-wrapper .sidebar-header .logo-icon  {display: none;}
.sidebar-wrapper .metismenu a, .sidebar-wrapper .metismenu ul a {font-size:14px;font-weight:500; padding: 8px 10px; border-radius: 10px; color: #000;}
.sidebar-wrapper .metismenu ul li a {padding: 2px 0px;padding-left: 10px;border-radius: 0;border-left: 3px solid #efefef;margin: 12px 0px;margin-left: 20px;line-height: 14px;}
.sidebar-wrapper .metismenu ul li.mm-active a, .sidebar-wrapper .metismenu ul li.mm-active a:hover {color: #769d11;background-color: transparent;border-left:3px solid #769d11; }
.sidebar-wrapper .metismenu ul li a:hover {color: #769d11;background-color: transparent;border-color:#769d11;}
.sidebar-wrapper .metismenu a .parent-icon {font-size:18px;}
.sidebar-wrapper .metismenu a .menuIcon {height:15px; width: 15px;}
.sidebar-wrapper .metismenu ul a i {font-size:16px;margin-right:2px;display:none;}
.sidebar-wrapper .metismenu .mm-active>a, .sidebar-wrapper .metismenu .mm-active>a:hover {color: #000;background-color: #C5E86C;font-weight: 500;}  
.sidebar-wrapper .metismenu li a:hover, .sidebar-wrapper .metismenu li a:focus {color: #000;background-color: #e8f9bd;font-weight: 500;}
.metismenu .has-arrow:after { transform: rotate(136deg) translateY(-50%);}
.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active>.has-arrow:after { transform: rotate(226deg) translateY(-50%);}
.cursor{cursor:pointer;}
.textEll.textEllNM{max-width:125px;}
/* ---------- Buttton-CSS ---------- */
.btn i, .btn.myBTN i, .myBTN i {
    font-size: 14px;
}
.btnBH {color: #fff;background-color: #90B72B;border-radius: 25px;border: none;padding: 6px 20px;font-size: 16px;font-weight: 600;letter-spacing: 1px;box-shadow: 0px 1px 5px rgb(150 84 239 / 31%);}
.btnBH:hover, .btnBH:focus, .btnBH:active, .btnBH:not(:disabled):not(.disabled):active, .btnBH:not(:disabled):not(.disabled):active:focus {color: #fff;background-color: #a5c74e;border-color: #a5c74e;}

.myBTN {color: #fff;background-color: #90B72B;border-radius: 4px;border: none;padding: 6px 10px;font-size: 13px;font-weight: 600;border: 1px solid #90B72B;}
.myBTN:hover, .myBTN:focus, .myBTN:active, .myBTN.disabled, .myBTN:not(:disabled):not(.disabled):active, .myBTN:not(:disabled):not(.disabled):active:focus {color: #fff;background-color: #90B72B;border-radius: 4px;border: none;padding: 6px 10px;font-size: 13px;font-weight: 600;border: 1px solid #90B72B;}
.myBTNH, .myBTNH:focus, .myBTNH:active, .myBTNH:not(:disabled):not(.disabled):active, .myBTNH:not(:disabled):not(.disabled):active:focus {color: #000;background-color: #fff;border-radius: 4px;border: 1px solid #ababab;padding: 6px 10px;font-size: 13px;font-weight: 600;}
.myBTNH:hover {color: #fff;background-color: #90B72B;border-radius: 4px;padding: 6px 10px;font-size: 13px;font-weight: 600;border: 1px solid #90B72B;}
.myBTN.tblBTN, .myBTN.tblBTN:hover, .myBTN.tblBTN:focus, .myBTN.tblBTN:active,.myBTN.tblBTN:not(:disabled):not(.disabled):active, .myBTN.tblBTN:not(:disabled):not(.disabled):active:focus {border-radius:30px;padding: 1px 10px;font-size: 11px;}
.userBTN{color: #000;background-color: #fff;border-radius: 4px;border: 1px solid #ababab;padding: 6px 10px;font-size: 13px;font-weight: 600;}
.userBTN:hover{color: #000;background-color: #fff;border-radius: 4px;border: 1px solid #ababab;padding: 6px 10px;font-size: 13px;font-weight: 600;cursor:auto!important;}

.btnDisable {cursor: not-allowed;}
.badge {padding:4px 10px;font-size:12px;font-weight:500;border-radius:10px; min-width: 80px;color:#fff;}
.badge.bg-success, .badge.badge-success, .badge.bg-success:hover, .badge.badge-success:hover {background-color: #28A745 !important;color:#fff;}
.badge.bg-secondary,.badge.badge-expired, .badge.bg-secondary:hover,.badge.badge-expired:hover {background-color: #9C9C9C !important;color:#fff;}
.badge.bg-primary,.badge.badge-primary, .badge.bg-primary:hover,.badge.badge-primary:hover {background-color: #215287 !important;color:#fff;}
.badge.bg-danger,.badge.badge-danger, .badge.bg-danger:hover,.badge.badge-danger:hover {background-color: #cd2334 !important;color:#fff;}
.badge.bg-warning ,.badge.badge-warning, .badge.bg-warning:hover,.badge.badge-warning:hover  {background-color: #e9a11d !important;color:#fff;}
.badge.bg-info,.badge.badge-info, .badge.bg-info:hover,.badge.badge-info:hover {background-color: #009bbb !important;color:#fff;}
 
.badge.bg-successBH, .badge.badge-successBH {background-color: transparent !important;border:1px solid #28A745;color:#28A745;}
.badge.bg-secondaryBH,.badge.badge-expiredBH {background-color: transparent !important;border:1px solid #9C9C9C;color:#9C9C9C;}
.badge.bg-primaryBH,.badge.badge-primaryBH {background-color: transparent !important;border:1px solid #215287;color:#215287;}
.badge.bg-dangerBH,.badge.badge-dangerBH {background-color: transparent !important;border:1px solid #cd2334;color:#cd2334;}
.badge.bg-warningBH ,.badge.badge-warningBH  {background-color: transparent !important;border:1px solid #e9a11d;color:#e9a11d;}
.badge.bg-infoBH,.badge.badge-infoBH {background-color: transparent !important;border:1px solid #009bbb;color:#009bbb;}

.textEll {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 300px;}
.textEll:hover { white-space: normal;}
input[type=checkbox], input[type=radio]{cursor:pointer;}
input[type="checkbox" i]:disabled {
    cursor: no-drop;
}
/* ---------- Table-CSS ---------- */
.fa.active {color: #43a047;}
.fa.paused {color: #dc3545;padding-right: 4px;}
.fa.archived {color: #00acc1;}
.fa.pendingB {color: #808080;}
.fa.invoiced {color: #CCCC00;}
.fa.closed {color: #C71C22;}
.fa.Inactive {color: #E58A1B;}

table {border: 1px solid #f1f1f1;border-color:#f1f1f1 !important;width: calc(100% - 2px) !important;}
table thead {background-color: #F6F6F6;color: #000;border:none;}
table thead th {border: none !important;;}
table.dataTable.no-footer{border-bottom:none;margin-bottom:15px;}
table tbody + tbody, table tbody {border-top: 1px solid #f9f9f9 !important;}
.tableFix {position: relative;width: 100%;max-height: 230px;overflow-y: auto;}
.tableFix table thead th {position: sticky;top: 0px;z-index: 9999;background-color: #F6F6F6;}

/*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:8px 8px !important;font-size:12px;border-bottom: 1px solid #efefef !important;}
table thead th, table.dataTable thead th {border:1px solid #F6F6F6;padding:8px 8px !important;border:none;}
table tfoot td {border:1px solid #004993;padding:4px 8px !important;font-weight:600;font-size:13px;}
table td, .table td {/*border:1px solid #d5d5d5;*/border:none; vertical-align: middle !important; vertical-align: middle;}
table td a, table td a:not([href]):not([class]){text-decoration:none;font-weight:700;color: #769d11;margin:0 1px;}
table td a:hover, table td a:not([href]):not([class]):hover  {color: #000;}
.table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2;}
.dataTables_filter input{outline:0;border: 1px solid #958585;border-radius: 20px;}
.table-striped tbody tr, .table-striped tbody tr td, .table-striped>tbody>tr:nth-of-type(odd)>*, .table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(even) {background-color:#fff !important;--bs-table-accent-bg: #fff;border:none;    vertical-align: middle;}
.dataTables_wrapper .dataTables_length {font-size:13px;}

.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: #6F7176;
    border-color: #6F7176;
    padding: 2px 5px !important;
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background: none !important;
    background-color: #90B72B !important;
    border-color: #90B72B !important;
    padding: 2px 8px !important;
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 2px 8px !important;font-size: 12px;background-color: #404040;color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {background-color: #efefef;border-color:#d8d8d8; color: #000 !important;}
.dataTables_wrapper .dataTables_filter input {border: 1px solid #cdcdcd;} 

.dataTables_paginate.paging_simple_numbers {margin-bottom:5px;margin-top: 5px;}
.dataTables_wrapper .dataTables_info {font-size: 13px;padding-top:4px;}
.dataTables_filter ::-webkit-search-cancel-button {cursor:pointer;}
.dataTables_length select {border-radius: 12px;min-width: 50px;border-color: #cdcdcd;}


/* ---------- Tab menu-CSS ---------- */
.tabMenus {}
ul.tabMenus {background-color: #E6E6E6;display: inline-block;padding: 10px 12px;border-radius: 10px;}
ul.tabMenus li {display:inline-block;list-style:none;}
ul.tabMenus li a {}
ul.tabMenus li a:hover {text-decoration:none;}
ul.tabMenus li .CmmMenu {padding: 10px 15px 8px;margin: 0 12px;background-color: transparent;font-weight:500; border-radius: 10px;}
ul.tabMenus li .CmmMenu:hover {background-color: #f6f6f9;}
ul.tabMenus li .CmmMenu.active {padding: 10px 15px 8px;border-radius:10px;}
ul.tabMenus li .CmmMenu .menuHeading{font-size:13px; margin: 0;font-weight:600;}
ul.tabMenus li .CmmMenu.active .menuHeading {font-size:13px; margin: 0;font-weight:600;color: #fff;}
ul.tabMenus li .CmmMenu.active {background-color:#000;}
ul.tabMenus.nav-tabs .nav-item .nav-link, ul.tabMenus.nav-tabs .nav-link {margin:0 7px;border: none;box-shadow: none;color: #000;padding: 7px 15px 7px;font-weight: 500;border-radius: 10px;}
ul.tabMenus.nav-tabs .nav-item.show .nav-link:hover, ul.tabMenus.nav-tabs .nav-link:hover {background-color: #f6f6f9;}
ul.tabMenus.nav-tabs .nav-item.show .nav-link, ul.tabMenus.nav-tabs .nav-link.active {background-color: #000;color: #fff;}
ul.tabMenus.nav-tabs .nav-item.show .nav-link .menuHeading, ul.tabMenus.nav-tabs .nav-link.active .menuHeading {}
ul.tabMenus {}

/* ---------- CK Editor -CSS ---------- */
.cke_reset_all.cke_dialog_container {}
.cke_reset_all.cke_dialog_container table.cke_dialog { width: auto !important;border:none !important;}
.cke_reset_all.cke_dialog_container table.cke_dialog tbody { border:none !important;} 
.cke_reset_all.cke_dialog_container table.cke_dialog td { border:none !important;} 
.cke_reset_all.cke_dialog_container table.cke_dialog td a.cke_dialog_ui_button_ok {color: #fff;background: #90B72B;border: 1px solid #90B72B;}
.cke_reset_all.cke_dialog_container table.cke_dialog .cke_dialog_ui_hbox .cke_dialog_ui_hbox_last {text-align:right;}



/* ---------- Datepicker-CSS ---------- */
.datepicker {padding:0; z-index: 9999 !important;}
.datepicker.datepicker-orient-top {top:170px !important;}
/*.datepicker.datepicker-orient-bottom {top:340px !important;}*/
.datepicker-dropdown.datepicker-orient-bottom:before, .datepicker-dropdown.datepicker-orient-bottom:after {display:none;}
.datepicker.form-control {padding:2px 10px;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {color: #bbb;}
.datepicker td.today.day, .datepicker td.today.day:hover {background:none!important; background-color:#9bbe3f  !important;color:#fff !important;}
.datepicker td.active.day, .datepicker td.active.day:hover {background:none!important; background-color:#333 !important;color:#fff !important;}
.datepicker td, .datepicker th {border-radius:0;}
.datepicker th:hover {background-color:#333 !important;}
.datepicker th.datepicker-switch, .datepicker th.prev, .datepicker th.next {background-color:#9bbe3f !important; color: #fff;}
.datepicker th.datepicker-switch:hover, .datepicker th.prev:hover, .datepicker th.next:hover {background-color:#a5c74e !important;}
.datepicker th.dow { background-color:#333  !important;color:#fff !important; }
.datepicker td .month.active,
.datepicker td .month.focused.active,
.datepicker td .year.active, 
.datepicker td .year.focused.active, 
.datepicker td .year.active:hover, 
.datepicker td .decade.focused.active,
.datepicker td .decade.focused.active:hover, 
.datepicker td .century.focused.active, 
.datepicker td .century.focused.active:hover 
{background:none;background-color:#333  !important;color:#fff !important; }
.datepicker .next.disabled, .datepicker .prev.disabled {background-color: #9bbe3f!important;color:#fff !important;visibility:visible!important;}
.datepicker th.dow:hover {background-color:#000 !important;}
.clockIcon { position: absolute;right: 5px;top: 7px;font-size: 15px;color: #97bb38;z-index:99;}
.bootstrap-datetimepicker-widget.dropdown-menu {width:100% !important;}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table td span {width: 30px;height: 30px;line-height: 30px;}
.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-up {background-image: url(/image/arrow-time.png);background-position: 5px 8px;background-repeat: no-repeat;font-family: 'Font Awesome 5 Free';}
.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-down {background-image: url(/image/arrow-time.png);background-position: 5px -32px;background-repeat: no-repeat;font-family: 'Font Awesome 5 Free';} 


.form-check-label {
    cursor: pointer;
}
.form-check-input {width:16px;height:16px;margin-top:0px;}
.form-check-input:checked {background-color: #000000;border-color: #000000;}
.form-check-input:focus {box-shadow:none;}
.brdrR {border-right: 1px solid #ccc;}
.btn-close:focus{box-shadow:none;}
hr {margin-top: 5px;border-top: 1px solid #2c324c;margin-bottom: 10px;}
.user-img {width: 35px;height: 35px;border-radius: 50%;border: 0 solid #e5e5e5;padding: 0;}
.dropdown-toggle::after{font-size:18px;}
.dropdown-item.active, .dropdown-item:active {background-color: #90B72B;}


/* ---------- Thanks page-CSS ---------- */
.thanksBG {background-image: url(/image/thanksBG.jpg); background-position: center; height: 100vh;}
.thanksBG .thank-you-container {text-align: center;padding: 1px;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.thanksBG .logo img {height: 25px;margin-bottom: 30px;}
.thanksBG .thank-you-message h1 {color: #a5c74e;font-size: 30px;margin-bottom: 5px;font-weight: 700;text-transform:uppercase;}
.thanksBG .thank-you-message p {color: #333;font-size: 15px;font-weight: 700;}

/* ---------- Profile Survey page-CSS ---------- */
.profileSurveyWrap {margin-top:40px;}
.profileSurveyWrap .prLogo {height:25px;}
.profileSurveyWrap .prQsWrap {margin-top:40px;}
.profileSurveyWrap .prQsWrap .prQsOptBox {height:300px;overflow-y:auto;padding-left: 25px; margin-top: 10px;}
.profileSurveyWrap .prQsWrap {}
.profileSurveyWrap .myBTN, .profileSurveyWrap .myBTN:focus, .profileSurveyWrap .myBTN:active,.profileSurveyWrap .myBTN:not(:disabled):not(.disabled):active, .profileSurveyWrap .myBTN:not(:disabled):not(.disabled):active:focus {width: 250px;font-size: 18px;border-radius:20px;}
.profileSurveyWrap {}

.ss {
}
/* ---------- 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){
    .page-wrapper{overflow:hidden;}


}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){ 
    ul.tabMenus {padding:15px;}
    ul.tabMenus li {width:100%;margin-bottom: 5px !important;}
    ul.tabMenus li:last-child {margin-bottom: 0px;}
    ul.tabMenus.nav-tabs .nav-item .nav-link, ul.tabMenus.nav-tabs .nav-link {margin:0; background-color: #cfcfcf;width: 100%;}
    ul.tabMenus.nav-tabs .nav-item.show .nav-link, ul.tabMenus.nav-tabs .nav-link.active {background-color: #000;}
    .lineAB::before, .lineAB::after {width: 15%; margin: 0 10px;}
    .top-menu .nav-item.mobile-search-icon {display:none !important;}
    .page-wrapper{overflow:hidden;}
    .tableFix table thead th{z-index:0;}
    .chatfooterBox .emojionearea{max-width:80%;} 


 }