/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not to modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Theme panel from Power Apps Portals.
 */
 body {
  color: #000000;
  background-color: #FFFFFF;
  /*font-family: 'Roboto', sans-serif !important;*/
  font-family: 'Nunito', sans-serif !important;
}

legend {
  color: #000000;
}

footer {
  color: #505254;
}

footer .footer-bottom {
  background-color: #FFFFFF;
}

.breadcrumb {
  background-color: transparent;
}

.breadcrumb>li a {
  color: #001b42;
}

.breadcrumb>li a:hover {
  color: #001b42;
}

.breadcrumb>.active {
  color: #000000;
}

a.active {
  color: #000000;
}

.nav-tabs>li>a:hover {
  background-color: #f2f2f2;
  color: #0B7F99;
}

.nav-tabs>li>a:focus {
  background-color: #f2f2f2;
  color: #0B7F99;
}

.btn-default {
  color: white;
  background-color: #0f293c;
  border-color: #0f293c;

}

/*updated by yaseen*/
.btn-default:hover {
  background-color: #205f8d;
  color: white;
  border-color: black;
}

.btn-default:active,
.btn-default.active {
  /*color: #0B7F99;
  background-color: #f2f2f2;
  border-color: #0B7F99;
*/
  background-color: #205f8d;
  color: white;
  border-color: black;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus {
  /*color: #0B7F99;
  background-color: #f2f2f2;
  border-color: #0B7F99;*/
  background-color: #205f8d;
  color: white;
  border-color: black;
}

.btn-default:focus,
.btn-default.focus {
  /*color: #0B7F99;
  background-color: #f2f2f2;
  border-color: #0B7F99;*/

  background-color: #205f8d;
  color: white;
  border-color: black;
}

.btn-info {
  color: #fff;
  background-color: #0f293c;
  border-color: #0f293c;
}

.btn-info:hover,
.btn-info:active,
.btn-info:focus {
  color: #fff;
  background-color: #205f8d;
  border-color: black;
}

.btn-primary {
  color: #ffffff;
  background-color: #0f293c;
  border-color: #0f293c;
  margin-left: 10px;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #205f8d;
  border-color: black;
}

.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #205f8d;
  border-color: black;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus {
  color: #ffffff;
  background-color: #205f8d;
  border-color: black;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #205f8d;
  border-color: black;
}

.navbar-static-top.navbar-inverse {
  background: linear-gradient(to right, #0e414d 0%, #27415f 100%);
}

.navbar-toggle {
  background-color: #0f293c;
}

.navbar-inverse .navbar-toggle {
  border: 1px solid #0f293c;
}

.navbar-inverse .navbar-toggle:hover {
  background-color: #205f8d;
}

.navbar-inverse .navbar-toggle:focus {
  border: 1px solid #000000;
  background-color: #205f8d;
}

.navbar-inverse .navbar-nav>li>a {
  color: #f4f6f7;
  border-bottom: 2px solid transparent;
}

.navbar-inverse .navbar-nav>li>a:hover {
  /*background-color: #0B7F99;
  color: black;*/
  /*text-decoration: underline;*/
  border-bottom: 2px solid white;
  color: #a0b4d2 !important;
  background: transparent;

}

.navbar-inverse .navbar-nav>li>a:active {
  background-color: transparent;
  /*color: black;*/
  /*text-decoration: underline;*/
  color: #a0b4d2 !important;
  border-bottom: 3px solid white;
}

.navbar-inverse .navbar-nav>li>a:focus {
  background-color: transparent;
  color: #a0b4d2 !important;
  /*color: black;*/
  /*text-decoration: underline;*/
  border-bottom: 3px solid white;
}

.navbar-inverse .navbar-nav>.open>a {
  color: #ffffff;
  /*background-color: #0B7F99;*/
  background: linear-gradient(to bottom, #0e414d 20%, #27415f 100%);


}

.navbar-inverse .navbar-nav>.open>a:hover {
  color: #ffffff;
  /*background-color: #0B7F99;*/
  background: linear-gradient(to bottom, #0e414d 20%, #27415f 100%);
}

.navbar-inverse .navbar-nav>.open>a:focus {
  color: #ffffff;
  /*background-color: #0B7F99;*/
  background: linear-gradient(to bottom, #0e414d 20%, #27415f 100%);
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
  /*background-color: #0B7F99;*/
  background: linear-gradient(to bottom, #0e414d 20%, #27415f 100%);
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color: #ffffff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
  background-color: #ffffff;
  color: #a0b4d2;

}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
  background-color: #ffffff;
  color: #a0b4d2;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a {
  background-color: #ffffff;
  color: #a0b4d2;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
  background-color: #ffffff;
  color: #a0b4d2;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
  background-color: #ffffff;
  color: #a0b4d2;
}

.nav>li>a:hover {
  background-color: #f2f2f2;
}

.nav>li>a:focus {
  background-color: #f2f2f2;
}

.nav .open .dropdown-menu {
  background-color: #FFFFFF;
}

.nav .open .dropdown-menu>li>a {
  color: #000000;
}

.nav .open .dropdown-menu>li>a:hover {
  background-color: #f2f2f2;
  color: #000000;
}

.nav .open .dropdown-menu>li>a:focus {
  background-color: #f2f2f2;
  color: #000000;
}

.nav .open .dropdown-menu>.active>a {
  background-color: #f2f2f2;
  color: #000000;
}

.nav .open .dropdown-menu>.active>a:hover {
  background-color: #f2f2f2;
  color: #000000;
}

.nav .open .dropdown-menu>.active>a:focus {
  background-color: #f2f2f2;
  color: #000000;
}

.nav>.open>a {
  background-color: #f2f2f2;
}

.nav>.open>a:hover {
  background-color: #f2f2f2;
}

.nav>.open>a:focus {
  background-color: #f2f2f2;
}

.sectionPrimaryColor {
  /*background-color: #0B7F99;*/
  background-color: rgb(160, 180, 210);
  color: #ffffff;
}

.sectionPrimaryColor h1,
.sectionPrimaryColor h2,
.sectionPrimaryColor h3,
.sectionPrimaryColor h4,
.sectionPrimaryColor h5,
.sectionPrimaryColor h6 {
  color: #ffffff;
}

.sectionPrimaryColor .crmEntityFormView h1,
.sectionPrimaryColor .crmEntityFormView h2,
.sectionPrimaryColor .crmEntityFormView h3,
.sectionPrimaryColor .crmEntityFormView h4,
.sectionPrimaryColor .crmEntityFormView h5,
.sectionPrimaryColor .crmEntityFormView h6 {
  color: #000000;
}

.sectionPrimaryColor .entitylist h1,
.sectionPrimaryColor .entitylist h2,
.sectionPrimaryColor .entitylist h3,
.sectionPrimaryColor .entitylist h4,
.sectionPrimaryColor .entitylist h5,
.sectionPrimaryColor .entitylist h6 {
  color: #000000;
}

a {
  color: black;

}

a:hover {
  color: black;
  text-decoration: underline;
}

a:focus {
  color: #0B7F99;
  text-decoration: underline;
}

.open>.btn-default.dropdown-toggle {
  color: #0B7F99;
  background-color: #e6e6e6;
  border-color: #0B7F99;
}

.open>.btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #0B7F99;
  border-color: #0B7F99;
}

.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #0B7F99;
  border-color: #0B7F99;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #f2f2f2;
}

.panel-default>.panel-body,
.list-group-item {
  background-color: #FFFFFF;
  color: #000000;
}

.panel-default>.panel-heading {
  background-color: #f2f2f2;
  color: #000000;
}

.facet-list-group-item-title {
  color: #000000;
}

.form-control {
  background-color: #FFFFFF !important;
  color: #000000;
}

input {
  background-color: #FFFFFF;
}

.bootstrap-datetimepicker-widget {
  background-color: #FFFFFF;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td span:hover {
  color: black;
}

.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active:hover {
  color: white;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: unset;
}

.login-heading-section {
  color: unset;
}

.navbar-static-top.navbar-inverse .navbar-brand a {
  color: #000000;
}

.search-results .highlight {
  color: #000000;
}

.table>thead>tr.info>td {
  background-color: #f2f2f2;
}

.table>thead>tr.info>th {
  background-color: #f2f2f2;
}

.table>thead>tr>td.info {
  background-color: #f2f2f2;
}

.table>thead>tr>th.info {
  background-color: #f2f2f2;
}

.table>tbody>tr.info>td {
  background-color: #f2f2f2;
}

.table>tbody>tr.info>th {
  background-color: #f2f2f2;
}

.table>tbody>tr>td.info {
  background-color: #f2f2f2;
}

.table>tbody>tr>th.info {
  background-color: #f2f2f2;
}

.table>tfoot>tr.info>td {
  background-color: #f2f2f2;
}

.table>tfoot>tr.info>th {
  background-color: #f2f2f2;
}

.table>tfoot>tr>td.info {
  background-color: #f2f2f2;
}

.table>tfoot>tr>th.info {
  background-color: #f2f2f2;
}

.table-hover>tbody>tr:hover {
  background-color: #f2f2f2;
}

.table-hover>tbody>tr>td.info:hover {
  background-color: #f2f2f2;
}

.table-hover>tbody>tr>th.info:hover {
  background-color: #f2f2f2;
}

.table-hover>tbody>tr.info:hover>td {
  background-color: #f2f2f2;
}

.table-hover>tbody>tr.info:hover>th {
  background-color: #f2f2f2;
}

.table-hover>tbody>tr:hover>.info {
  background-color: #f2f2f2;
}

.form-close {
  color: #000000;
}

.form-close:hover {
  color: #000000 !important;
}

.form-close:focus {
  color: #000000 !important;
}

::placeholder {
  color: #000000 !important;
}

.help-block {
  color: #000000;
}

.msos-selection-container,
.msos-container,
.msos-caret-container,
.msos-action-buttons:hover {
  color: #000000 !important;
  background: #FFFFFF !important;
}

.msos-option-selected,
.msos-selected-display-item,
.msos-quick-delete,
.msos-quick-delete:hover {
  background: #f2f2f2 !important;
}

.msos-label,
.msos-quick-delete,
.msos-quick-delete:hover {
  color: #000000 !important;
}

.msos-option-focused:after,
.msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after,
.msos-selecteditems-toggle:focus {
  border-color: #000000 !important;
}

.msos-option:hover,
.msos-option-selected:hover {
  background: #f9f9f9 !important;
}

.msos-selecteditems-toggle {
  color: #0B7F99 !important;
}



/* Added by yaseen*/

/*
thead>tr>th>a {
  color: white;
  text-align: center;
  text-decoration: none !important;
  font-weight: 500;
 
}

thead>tr>th>a:hover,thead>tr>th>a:active {
  color: white;
  background: #0b7f99;
  border: none;
}
*/

thead>tr>th>a {
  color: black;
  text-align: center;
  text-decoration: none !important;
  font-weight: bold;

}

thead>tr>th>a:hover,
thead>tr>th>a:active {
  /*color: white;
  background: white;*/
  border: none;
}

thead {
  /*background: #e3e3e3;*/
  border-bottom: solid 2.1px;
  /*background: #0b7f99;*/
  /*
  border-bottom: solid 2.1px;
    background: #303030eb;
    color: white;
  */
}

.jquery-bootstrap-pagination {
  /*background: #e3e3e3;*/
  border-top: solid 2.1px;

}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
  height: 35px;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777;
  /*background-color: #e3e3e3 !important;*/

}

select>option:hover {
  background-color: #0B7F99 !important;
}


.striped-rows tr:nth-child(even) {
  background-color: #f2f2f2;
}

.striped-rows tbody tr:hover {
  /*background: lightgray;*/
  transition: .7s all ease;
  /*background-color: #0b7f99;*/
  background: linear-gradient(to right, #0e414d 0%, #27415f 100%);

}

.striped-rows tbody tr:hover td a {
  /*background: lightgray;*/
  transition: .3s all ease;
  color: white;
}


.input-group-addon {
  color: white !important;
  background: #0f293c !important;

}

.entitylist-filter-option-text {
  width: 100%;
}

.xrm-editable-html.xrm-attribute.no-value {
  display: none;
}

.xrm-attribute-value.xrm-attribute-value-empty {
  display: none;
}

li.divider-vertical {
  display: none;
}

.container {
  width: 70% !important;
}

.page-heading {
  display: flex;
  margin-bottom: 0px;
}

ul.breadcrumb {
  width: 70%;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: darkgrey;
  border-color: black;
}

/*
.pagination>li>a:hover{
  color: white !important;
}*/
@media (min-width: 1200px) {
  .navbar-nav {
    float: none;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-right {
    margin-right: -15px;
    padding-top: 1.4em;
  }
}

@media (min-width: 1200px) {

  .container>.navbar-header,
  .container>.navbar-collapse,
  .container-fluid>.navbar-header,
  .container-fluid>.navbar-collapse {
    margin-right: 30px;
    margin-left: 30px;
  }
}

.mycontainer {
  display: inline;
  padding: 0px;
  margin: 0px;
}


.tooltip.right {
display: none;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0;
  display: none;
}
/*
@media (max-width: 1550px){
  .tooltip.right {
    left: 130px !important;
  }
}

@media (min-width: 1903px) {
  .tooltip.right {
    left: 191px !important;
  }
}
*/

.instructions {
  background: #ffffcc;
  color: black;
  padding: 10px;
  margin-bottom: 10px;
  border: solid 0.1px;
}

a#backlink {
  color: white;
  background: #0f293c;
  padding: 4px 10px 4px 10px;
  border: solid black 0.1px;
  border-radius: 0px;
}

a#JoinMeeting {
  color: white;
  background: #245274;
  padding: 4px 10px 4px 10px;
  border: solid black 0.1px;
  border-radius: 0px;
}
a#CreateQuote {
  color: white;
  background: #b96b37;
  padding: 4px 10px 4px 10px;
  border: solid black 0.1px;
  border-radius: 0px;
}

a#UniversalAccess {
  color: white;
  background: #308766d9;
  padding: 4px 10px 4px 10px;
  border: solid #308766d9 0.1px;
  border-radius: 0px;
}
a#getrecordingfile {
  color: white;
  background: #245274;
  padding: 4px 10px 4px 10px;
  border: solid black 0.1px;
  border-radius: 0px;
}
a#meetingstatistics {
  color: white;
  background: #0f293c;
  padding: 4px 10px 4px 10px;
  border: solid #0f293c 0.1px;
  border-radius: 0px;
}

.text-muted {
  display: none;
}

.displaynone{
	display:none;
}

.updateClientSubmit{
	margin-right: 28px;
    margin-top: 28px;
}

.entitylist-filter-option-group-box-overflow {
  max-height: none !important;
  overflow-y: auto;
}
.mybutton{
  margin-right: 28px;
  margin-top: 10px;
}

.crmEntityFormView, .entitylist {
  border: none !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
  border-right: none !important;
}

/* input#akouo_lspcompany_name {
  color: #555 !important;
}
input#akouo_meetingsubject{
color: #555 !important;
}
input#akouo_meetingstartdatetime_datepicker_description{
color: #555 !important;

}
input#akouo_meetingenddatetime_datepicker_description{
color: #555 !important;
} */

td.clearfix.cell.crmquickform-cell {
  padding-bottom: 0px !important;
}

/* div#EntityFormControl_788276862957ec118f8f002248130753_EntityFormView, div#EntityFormControl_20bd1ac93233ed119db1000d3a959fe7,div#EntityFormControl_6210adae4d30ed119db0000d3a959fe7,div#EntityFormControl_48b304a8807aec118d210022485c7b42 {
  font-family: sans-serif;
} */

label#akouo_lspcompany_label,label#akouo_meetingsubject_label, label#akouo_meetingstartdatetime_label, label#akouo_meetingenddatetime_label,label#emailaddress1_label,label#mobilephone_label, label#akouo_languages_label {
  color: #444;
}

input#akouo_lspcompany_name, input#akouo_meetingenddatetime_datepicker_description, input#akouo_meetingstartdatetime_datepicker_description, input#akouo_meetingsubject, textarea#akouo_languages, input#mobilephone {
  color: #666;
}

#calanderView .page-header {
  display: block;
}
button#MonthViewToggleButton {
  color: white !important;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #428bca !important;
}

.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

.switch input { 
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #205f8d;
}
/* span.slider.round:hover {
  background-color: #205f8d;
} */

/* input:focus + .slider {
box-shadow: 0 0 1px #205f8d;
} */

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}
#mytoggle{
  float:left;
} 
#toggle_p{
font-weight: bold;
margin-bottom: 20px;
}
a#DownloadTitleLink {
  display: none;
}

#confirm {
  background-color: #ffffff;
  border: 1px solid #aaa;
  position: fixed;
  width: 250px;
  left: 50%;
  margin-left: -100px;
  padding: 6px 8px 8px;
  box-sizing: border-box;
  text-align: center;
}
#confirm button {
  background-color: #0f293c;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #aaa;
  padding: 5px;
  text-align: center;
  width: 80px;
  cursor: pointer;
  margin: 10px;
}
#confirm button:hover{
  background-color: #428bca;
}
#confirm .message {
  text-align: left;
}
li ul li a:hover {
  background-color: #205f8d !important;
  color: white !important;
}

@media only screen and (max-width: 600px) {
 .container{
  width: 100% !important;
 }
 .container.maincontainer{
  width: 100% !important;
 }
 .button-82-front, .button-83-front{
  font-size: small !important;
  padding: none !important;
 }
 div#navbar {
  margin-left: 0px;
}
.page-heading {
  display: block;
}
.wrapper-body {
  min-height: calc(100% - 140px);
}
.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show, .swal2-popup.swal2-modal.swal2-icon-info.swal2-show {
  width: 80% !important;
  font-size: 10px !important;
}

}