:focus-visible {
    outline: none;
}
/*Menu CSS*/
#menu {
  /*background: #343434;
  color: #eee;
  height: 35px;
  border-bottom: 4px solid #eeeded*/
}

#menu ul,
#menu li {
  margin: 0 0;
  padding: 0 0;
  list-style: none
}

#menu ul {
  height: 35px
}

#menu li {
  float: left;
  display: inline;
  position: relative;
  /*font: bold 12px Arial;
  text-shadow: 0 -1px 0 #000;
  border-right: 1px solid #444;
  border-left: 1px solid #111;
  text-transform: uppercase*/
}

#menu li:first-child {
  border-left: none
}
#menu ul.menus a {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--bs-body-font-family);
    line-height: 35px;
}
#menu a {
  display: block;
  line-height: 35px;
  padding: 0 14px;
  text-decoration: none;
  color: #000;    font-weight: 500;
}

#menu li:hover > a,
#menu li a:hover {
 /* background: #111*/
}

#menu input {
  display: none;
  margin: 0 0;
  padding: 0 0;
  width: 80px;
  height: 35px;
  opacity: 0;
  cursor: pointer
}

#menu label {
  font: bold 30px Arial;
  display: none;
  width: 35px;
  height: 36px;
  line-height: 36px;
  text-align: center
}

#menu label span {
  font-size: 12px;
  position: absolute;
  left: 35px
}

#menu ul.menus {
  height: auto;
  width: 180px;
  background: #f2fcfb;
  position: absolute;
  z-index: 99;
  display: none;
  border: 0;
}

#menu ul.menus li {
  display: block;
  width: 100%;
  font: 12px Arial;
  text-transform: none;
}

#menu li:hover ul.menus {
  display: block
}

#menu a.home {
  background: #c00;
}

#menu a.prett {
  padding: 0 27px 0 14px
}

#menu a.prett::after {
  content: "";
  width: 0;
  height: 0;
  border-width: 6px 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 9px
}

#menu ul.menus a:hover {
  /*background: #333;*/
}

#menu ul.menus .submenu {
  display: none;
  position: absolute;
  left: 180px;
 /* background: #111;*/
  top: 0;
  width: 180px;
}

#menu ul.menus .submenu li {
  /*background: #111;*/
}

#menu ul.menus .has-submenu:hover .submenu {
  display: block;
}
.mobileLi li { width:100%;}
/*Menu CSS*/
.dataTable .form-select {
  background: #27bdb1  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px !important;
}
.card { background-color:#fbfbfb;}
p { color:#5D5C5C;}
.footerSection p { color:#fff;}
.backgroudImage {
	background-image: url("/storage/images/outer-bg-image2.jpg");
	background-repeat: repeat;
}
.btn-primary-gro , .btn-primary-gro:hover { 
	background-color:#27bdb1;
	color:#fff;
	border-radius: 4px;
    padding: 6px 18px;
    font-size: 18px;
}
h2,h3 { font-weight:700; }
.text-color { color:#27bdb1;}
.btn-secondary , .btn-secondary:hover { 
    color:#fff;
	border-radius: 4px;
    padding: 6px 18px;
    font-size: 18px;
}
.customBorder input, .customBorder select{
	border:1px solid #18c4b8;line-height: 35px;
}
.customForntWeight { 
	font-weight:700;
}
.fontWeightNormal { font-weight:normal; } 
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    	background-color:#27bdb1;
	    color:#fff;
        border-color: #27bdb1;
}
a.btn:first-child:active, :not(.btn-check)+.btn:active{
    	background-color:transparent;
	    color:#fff;
        border-color: #27bdb1;
}

.btn-outline-primary , .btn-outline-primary:hover{ 
     border-color: #27bdb1;
     color:#27bdb1;
}

.btn-outline-primary2 , .btn-outline-primary2:hover{ 
     border-color: #27bdb1;
     color:#b6b9b9;
}

.tooltip-inner {
            background-color: #cd0d7e !important;
            color: #fff ;
        }
.tooltip-arrow {
   display: none !important;
}
.spinner-border{
   position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    color: #cd0d7e; 
}
.required:after {
  content: " *";
    color: red;
    font-weight: 100;
}
label {
    font-weight: 700;
    font-size:15px;
}
.screen3 , .screen2 , .screen4{
    display:none;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100% !important; }
.bootstrap-select .dropdown-menu {
    width: 100% !important;
}
select option[value=""]   { color:#a09f9f !important; }
::placeholder {
  color: #a09f9f;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #a09f9f;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #a09f9f;
}
.bootstrap-select .dropdown-menu {
    min-width: 100% !important;
}
.btnFullWidth , .btnFullWidth:hover{
    width: 100%;
    font-size: 17px;
    padding:7px 18px;
}
.dashboardTopSection {
    background-color: #f2fcfb;
    border-radius: 4px;
    padding: 8px 18px;
    text-align: center;
    font-weight: 500;    border: 1px solid #27bdb1;
}
.btn-outline-primary, .btn-outline-primary:hover {
    background-color: transparent;
    border-radius: 4px;
    padding: 6px 18px;
}
.dataTables_filter {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 18px;
    margin-top: 14px;
}
.trheading {
    background: #27bdb1;color:#fff;
}
table.dataTable tbody tr {
    background-color: #F0F4F4;
}

table.dataTable tbody th {
    color: #fff;
}
table.dataTable tbody tr select{
     background-color: #27bdb1;
     color:#fff !important;
}
table.dataTable tbody tr select option {
    background: #f2fcfb!important;
    color: #666 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #27bdb1 !important;
    text-align: center;
    color: #fff !important;
    border-radius: 12px;
    margin-top: 12px;
}
table.dataTable tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: hidden !important;
    border-width: 0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    color: var(--bs-table-striped-color);
}
table.dataTable {
    border-collapse: separate;
    border-spacing: 0 5px;
}
.dataTables_wrapper .dataTables_paginate {
    text-align: center;float: none; font-weight:bold;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
    background: #f2fcfb !important;
    border:1px solid #27bdb1;
    border-radius: 12px;
    color:#666 !important;
}
.marginLeftNective{
margin-left: -5px;
}
.text-color-alert { color: #27bdb1; }

.form-switch .form-check-input { 
    height: 30px !important;
    width: 60px;
}
button:disabled {
    background-color:#6c757d !important;
    color:#fff !important;
    
}
.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; }
.toggle.ios .toggle-handle { border-radius: 20rem; }
#q1,#q2,#q3,#q4,#q5, #q6, #q7, #q8, #q9, #q10, #q11, #q12 { display:none;}
   .bootstrap-select .dropdown-toggle .filter-option {
    display: block;
    width: 100%;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #18c4b8;
    line-height: 35px;height:auto !important;
}
.suggestiveActivitiesOption , .copyToClipSection , .copyToClipSection2 { display:none;}
 #toggle_1 , #toggle_2 , #toggle_3 { display:none; }
 .bootstrap-select .dropdown-header { color: #000;font-weight: 700;font-size: 19px; }  
   th, td {
    text-align: center !important; 
}
.dataTables_filter input{
    border-radius: 6px;
    border: 1px solid #27bdb1;
	}
	.dataTables_wrapper.no-footer .dataTables_scrollBody {
	   border-bottom :  none !important;
	}
.footerSection {   
    background: #0b9c93;
    color: #fff;
    position: sticky;
    bottom: 0;
    width: 100%;
        z-index: 999;
}
.p-2 {
    padding: 0.3rem!important;
}
.nav-link {
    font-weight: 500;
}

.admin a.btn:first-child:active, :not(.btn-check)+.btn:active , a.btn-primary-gro:active {
         background-color: #27bdb1; 
    color: #fff;
    border-color: #27bdb1; 
}
.text-danger {  color: #27bdb1 !important; }
a {    text-decoration: none; }
@media only screen and (max-width: 700px) {
  .fullWidthMobile  {
    width:100%;
  }
.dataTables_wrapper .dataTables_filter {  
  font-size: 13px;
}
table.dataTable tbody th, table.dataTable tbody td {
    min-width: 100px;
}
.ptintPdfMobile .col-md-6, .ptintPdfMobile  .col-md-4 {
    text-align: left !important;
}
.dashboardButtonSection .btn { width:100%; margin-top:12px;}
.createPlanRightSection {
    text-align: center;
    top: 0px !important;
    right: 0 !important;
}
.errorMsgMobile { margin-left:0 !important;}
span.add_button ,span.view_button,span.remove_button{ margin-top:10px!important; margin-left:10px!important;}
.mobileLabel { padding:5px !important;}
}

@media only screen and (max-width: 840px) and (min-width: 701px)  {
.ipadW100 { width:100% !important;}
 .dashboardButtonSection .btn { width:70%; margin-top:12px;}   
 .ipadDashboard .col-md-3 , .screen4  .col-md-3 { width:50%; }
 .ipadDashboard .col-md-6 { width:100%; }
 .ipadFontSize15 , .ipadFontSize15:active { font-size:15px;}
 .ipadMargin10 { margin-bottom:20px;}
 .createPlanRightSection {    text-align: center !important; top:0px !important;         margin-bottom: 47px;
        right: 0px !important;}
 .screen1 label  {     font-weight: 500;
    font-size: 15px;
    min-height: 40px;
} 
.google_translate_section {  
     margin:0px 18% !important;  
    }
    .google_translate_section b {
    float: unset !important;
    top: 4px !important;
}
.goog-te-gadget-simple { width:50% !important };
.errorMsgMobile {     margin-left: 0 !important;
    width: 100% !important;
    text-align: center !important; }
    .screen3 .field_wrapper ,.screen3 .field_wrapper .col-md-8 , .screen3 .field_wrapper .col-md-4 , .screen3  .col-md-5 , .screen3  .col-md-9, .screen3  .col-md-3{ width:100% !important; }
    .screen3 .field_wrapper .col-md-4 span { margin-top: 10px;
    margin-left: 10px;
 }
 .mobileLabel { padding:8px !important;}
}
td {
    font-weight: 500  !important;
}