/*
html {
    background: #bdc3c7;
}
*/
/*
[draggable] {
    cursor: move !important;
}
*/
/*
 * Noto Nastaliq Urdu Draft (Arabic) http://www.google.com/fonts/earlyaccess
 */
 /* @font-face {
    font-family: Noto_Nastaliq;
    font-weight: 200;
    src: url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.eot);
    src: url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.ttf) format('truetype');
  }
  body.languageRTL * {
    font-family: Noto_Nastaliq !important;
  } */
  .languageRTL .meetingPanelButton img {
    margin-left: -9px
  }
  body  {
    background: #80C340;
    margin: 0px;
    /* font-family: 'Roboto', sans-serif !important; */
    font-weight: normal !important;
    /* 'Roboto',
    sans-serif !important; */
}

.display-inline {
    display: inline-block;
}

.padding-zero {
    padding: 0px !important;
}

/*
 *   OneScreen Hype Videos Custom Styling
 */

[id^="subbar_"] {
    height: 100% !important;
}

[id^="bar_"] {
    /*height: 5% !important;*/
    height: 30px !important;
    top: 0px !important;
    bottom: '' !important;
}

.in-slider-mode [id^="bar_"],
#myVideo [id^="bar_"] {
    height: 25% !important;
}

.player:fullscreen {
    display: inline-block !important;
}

.transparent-button {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}
#applicationSettingsModal .nav-tabs > li > a{
	padding: 3px 10px;
	color: #938F8B;
}
#applicationSettingsModal .nav-tabs > li.active > a,
#applicationSettingsModal .nav-tabs > li.active > a:hover,
#applicationSettingsModal .nav-tabs > li.active > a:focus,
#accountSettingsModal .nav-tabs > li.active > a,
#accountSettingsModal .nav-tabs > li.active > a:hover,
#accountSettingsModal .nav-tabs > li.active > a:focus  {
    color: #416581;
    cursor: default;
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid #416581;
}
#applicationSettingsModal .nav-tabs {
	margin-bottom: 10px;
}      
#accountSettingsModal .nav-tabs {
    margin-bottom: 6px;
} 

/* Guest footer layout spacing */
.guest-footer-div {
    padding-bottom: 1px; /* increase to add more space between the language button and bottom of the screen */
}

/* Guest footer language dropup (fixed width + consistent menu width) */
.guest-footer-div .language-selct-div .dropup {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 170px;
}
.guest-footer-div .language-selct-div .language-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 170px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 12px;
    outline: 0;
    padding: 4px 10px;
    line-height: 1.5;
}
.guest-footer-div .language-selct-div .language-dropdown-globe-icon {
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
}
.guest-footer-div .language-selct-div .language-dropdown-label {
    color: #fff;
    font-size: 12px;
    flex: 1;
    text-align: center;
}
.guest-footer-div .language-selct-div .language-dropdown-caret {
    border-top-width: 0;
    border-bottom: 4px solid #fff;
    flex-shrink: 0;
}
.guest-footer-div .language-selct-div .language-dropdown-menu {
    bottom: 100%;
    top: auto;
    left: 0;
    right: 0;
    width: 170px;
    min-width: 170px;
    max-height: 160px;
    overflow-y: auto;
    padding: 0;
    text-align: center;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: #fff;
}
.guest-footer-div .language-selct-div .language-dropdown-menu::-webkit-scrollbar {
    display: none;
}
.guest-footer-div .language-selct-div .language-dropdown-menu li {
    display: flex;
    justify-content: center;
}
.guest-footer-div .language-selct-div .language-dropdown-menu li a {
    display: block;
    width: 96%;
    font-size: 12px;
    color: #333;
    padding: 6px 16px;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #bda0a026 !important;
}
.guest-footer-div .language-selct-div .language-dropdown-menu li:last-child a {
    border-bottom: none !important;
}
.guest-footer-div .language-selct-div .language-dropdown-menu li a:hover {
    color: #fff;
    background-color: #7fc23e;
}
.guest-footer-div .language-selct-div .language-dropdown-menu li a.currentLang {
    color: #7fc23e;
    font-weight: 600;
}
.guest-footer-div .language-selct-div .language-dropdown-menu li a.currentLang:hover {
    color: #fff;
    background-color: #6aa830;
}
#networksettingstab .dropdown-menu > .active > a, 
#networksettingstab .dropdown-menu > .active > a:hover, 
#networksettingstab .dropdown-menu > .active > a:focus {
    color: #333;
    text-decoration: none;
    background-color: #FFFFFF;
    outline: 0;
}
.OutlookIntegrationdiv{
    text-align: center; 
    color: #999;
}
#networksettingstab .dropdown-menu > li > a {
    display: block;
    padding: 3px 30px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
#networksettingstab .row  {
    margin-bottom: 0px;
}
#settingssoundcontrol:hover {
    cursor: pointer;
}
.ajs-custom {
    padding-top: 8px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 8px !important;
    color: #fff !important;
    background: rgba(217, 92, 92, .95) !important;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .5) !important;
}

#networksettingstab .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute ;
    display: inline-block ;
    left: 1% ;
    top: 3px ; 
    color: #416581 ;
}
.ajs-custom-notifier {
    z-index: 1981 !important;
}

::-webkit-media-controls {
    display: none !important;
}

.mute {
    display: none;
}

.disabled {
    pointer-events: none !important;
    opacity: 0.5 !important;
}
/*Css for recurrent meetings*/

#recurringMeetingDiloag .modal-body {
    padding-bottom: 6px;
}

.modal.disabled .modal-header,
\ .modal.disabled .modal-body,
.modal.disabled .modal-footer {
    opacity: 0.5;
}

.textCenter {
    text-align: center;
}

.contact-list {
    background-color: #F4F7F8;
    margin-bottom: 5px;
}

.repeat-meeting-act {
    margin-top: 5px;
}

.repeat-meeting-act .meeting-set {
    display: inherit;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mar-bot-10 {
    margin-bottom: 10px;
}

.mar-bot-15 {
    margin-bottom: 15px;
}

.form-repeat {
    margin-bottom: 0px !important;
    min-height: 285px !important;
}

.form-repeat label {
    font-weight: normal;
}

.hours-list.list-inline {
    margin-bottom: 0;
}

.hours-list.list-inline>li {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    float: left;
    margin-left: -1px;
    width: 17.1%;
}

.hours-list.list-inline>li input[type="checkbox"] {
    display: none;
}

.hours-list.list-inline>li label {
    border: 1px solid #B1C7D6;
    color: #315d7b;
    display: block;
    margin: -1px 0 0;
    height: 27px;
    line-height: 27px;
}

.hours-list.list-inline>li input[type="checkbox"]:checked+label {
    background: #315d7b;
    border: 1px solid #B1C7D6;
    color: #FFF;
}

.am-hours .hours-list.list-inline>li:first-child label {
    border-radius: 4px 0 0 0;
}

.am-hours .hours-list.list-inline>li:nth-child(6) label {
    border-radius: 0 4px 0 0;
}

.pm-hours .hours-list.list-inline>li:last-child label {
    border-radius: 0 0 4px 0;
}

.pm-hours .hours-list.list-inline>li:nth-child(7) label {
    border-radius: 0 0 0 4px;
}

.status-msg .fa {
    position: relative;
    top: 3px;
}

.status-msg .message-text {
    margin-left: 20px;
}

.repeat-footer .btn {
    width: 90px;
}

.btn.btn-success:hover {
    color: #fff;
    background-color: #6fAB36 !important;
    border-color: #6fAB36 !important;
}

.weekly-list.list-inline,
.yearly-list.list-inline {
    margin-bottom: 0;
    margin-left: 0;
}

.weekly-list.list-inline>li,
.yearly-list.list-inline>li {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    width: 24%;
}

.weekly-list.list-inline>li input[type="checkbox"],
.yearly-list.list-inline>li input[type="checkbox"] {
    display: none;
}

.weekly-list.list-inline>li label,
.yearly-list.list-inline>li label {
    border: 1px solid #B1C7D6;
    border-radius: 4px;
    color: #315d7b;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 5px 10px 0;
}

.weekly-list.list-inline>li input[type="checkbox"]:checked+label,
.yearly-list.list-inline>li input[type="checkbox"]:checked+label {
    background: #315d7b;
    border: 1px solid #B1C7D6;
    color: #FFF;
}

.monthly-list.list-inline {
    margin-bottom: 0;
    margin-left: 0;
}

.monthly-list.list-inline>li {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    float: left;
    margin-left: -1px;
    width: 12.8%;
}

.monthly-list.list-inline>li input[type="checkbox"] {
    display: none;
}

.monthly-list.list-inline>li label {
    border: 1px solid #B1C7D6;
    color: #315d7b;
    display: block;
    margin: -1px 0 0;
    height: 27px;
    line-height: 27px;
}

.monthly-list.list-inline>li input[type="checkbox"]:checked+label {
    background: #315d7b;
    border: 1px solid #B1C7D6;
    color: #FFF;
}

.monthly-list.list-inline>li:first-child label {
    border-radius: 4px 0 0 0;
}

.monthly-list.list-inline>li:nth-child(8) label {
    border-radius: 0 4px 0 0;
}

.monthly-list.list-inline>li:nth-child(25) label {
    border-radius: 0 0 0 4px;
}

.monthly-list.list-inline>li:last-child label {
    border-radius: 0 0 4px 0;
}

.mMeetingActionsDiv {
    width: 40%;
    margin-left: 30%;
}

.sMeetingActionsDiv {
    width: 50%;
    margin-left: 25%;
}

.mMeetingActionsDiv .startMeetingActionBtn {
    padding-right: 4.5%;
}

.sMeetingActionsDiv .startMeetingActionBtn {
    padding-right: 3.5%;
}

.startMeetingActionBtn {
    padding-right: 26px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.mMeetingModeDropdown {
    margin-left: 35.75% !important;
    width: 28.5%;
    /* height: 36px; */
    margin-top: -2.5% !important;
    top: 84.5% !important;
}

.sMeetingModeDropdown {
    margin-left: 33% !important;
    width: 33.35%;
    /* height: 57px;
    top: 80.5% !important; */
    height: 106px;
    top: unset !important;
    bottom: 42px !important;
    /* padding-bottom: 55px !important; */
}

/* .sipDialOut img {
    right: 7.9% !important;
    right: 9.9% !important;
} */

.mMeetingModeDropdown:before,
.sMeetingModeDropdown:before {
    display: none !important;
}

.mMeetingModeDropdown li {
    height: 2%;
}

#sMeetingModeDropdown li {
    cursor: pointer;
}

#mMeetingModeAudio {
    cursor: pointer;
}
#mMeetingModeLecture {
    cursor: pointer;
}

/* Properties edited for responsive in profile picture UI */
.otherDetails {
    font-size: 12px;
    /* margin-left: 3px; */
    position: absolute;
    top: 24px;
    color: rgba(11, 11, 11, 0.75);
}

.mModalDropdownUL li,
.inviteModalDropdownUL li,
.scheduleModalDropdownUL li {
    /*height: 10px;*/
    margin: 5 15;
    margin-top: 5px;
}

/*.mModalDropdownUL:before{
    left: 151px !important;
}*/

.inviteModalDropdownULArrowUp:before {
    left: 160.5px !important;
}

.scheduleModalDropdownULArrowUp:before {
    left: 157px !important;
}

.scheduleModalDropdownULArrowDown:after {
    left: 157px !important;
    top: auto !important;
    bottom: -16px;
    border-top: 8px solid #ccc;
}

.scheduleModalDropdownULArrowDown:before {
    border-bottom: 0 !important;
}

.mModalDropdownUL {
    top: auto;
    width: 42%;
}

.scheduleModalDropdownUL {
    top: auto;
    width: 42%;
}

.mModalDropdownULArrowDown:after {
    left: 151px !important;
    top: auto !important;
    bottom: -16px;
    border-top: 8px solid #ccc !important;
}

.mModalDropdownULArrowUp:before {
    left: 151px !important;
}

.inviteModalDropdownUL {
    /*top: 40px !important;*/
    width: 180px;
}

.inlineCheckNumber {
    position: absolute;
    display: inline;
    right: 40px;
    top: 17px;
}

/* .inviteInlineCheckNumber {
    position: absolute;
    display: inline;
    right: 40px;
    top: 10px;
    padding: 6px;
} */

.scheduleInlineCheckNumber {
    position: absolute;
    display: inline;
    right: 40px;
    top: 17px;
}

#listPartition {
    margin: 0;
    border: 0;
    border-top: 1px solid #eee;
}

.innerCheckbox,
.inviteInnerCheckbox,
.scheduleInnerCheckbox {
    margin-left: 0 !important;
    margin-top: 3.5px !important;
}

.innerPhoneNumber,
.inviteInnerPhoneNumber,
.scheduleInnerPhoneNumber {
    color: #025da3;
}

.communityActionsDropdown {
    color: black;
    width: 178px;
    margin-left: -36.5% !important;
    top: auto;
}

.communityActionsDropdown li {
    height: 38px;
}

.communityActionsDropdown li:hover,
.otherCommunitiesDropdown li:hover {
    background: 1px white !important;
}

.dropdownDeleteCommunity:focus,
.otherCommunitiesDropdown span:focus {
    outline: 0;
}

.communityActionsDropdownArrowUp:before {
    left: 90.5% !important;
    border-bottom-color: #ccc !important;
}

.moreMemberActionsDropdown li {
    color: #315d7b;
}

.moreMemberActionsDropdown {
    /* left: -82% !important; */
    left: -116% !important;
}

.moreMemberActionsDropdown:before {
    left: 82% !important;
}

.moreMemberActionsDropdown hr,
.otherCommunitiesDropdown hr {
    margin: 0;
}

.moreMemberActionsDropdown li {
    height: 35px;
}

.c-Member-Action span {
    cursor: pointer;
}

.dropdownDeleteCommunity {
    color: rgba(255, 0, 0, 0.7) !important;
    font-size: 14px !important;
}

.otherCommunitiesDropdown {
    left: -79% !important;
    top: auto;
    width: 178px;
}

.otherCommunitiesDropdown li {
    height: 35px;
}

.otherCommunitiesDropdownArrowUp:before {
    left: 91% !important;
    border-bottom-color: #ccc !important;
}

/*CSS for recurrent ending*/

.timeFuzzy {
    color: #315D7B;
}

.ml-30 {
    margin-left: 30px;
}

.searchBar {
    margin-left: -51px;
}

.fadeActionButtons {
    opacity: 0.7;
}

.fadeActionButtons:hover {
    opacity: 1;
}

.dlabelFilterModal {
    padding: 2px !important;
    color: black !important;
}

/* #cancelIcon {
    opacity: 0.7;
} */

.dlabelFilterModal:hover {
    background-color: transparent !important;
}

.tab-actions {
    /*position: absolute;
    margin-left: 52.65%;
    top: 2%;*/
}

/* .scheduleAltContact {
    position: absolute;
    top: 10px;
    left: 0px;
} */

.hamburgerContacts {
    font-size: 18px;
    margin-top: 13px;
    margin-left: 2px;
}

.contactsMoreActions {
    background-color: #ffffff !important;
    padding-bottom: 0 !important;
    min-width: 250px !important;
    width: auto;
}

.contactsMoreActions li {
    height: 35px;
}

.dial-contact {
    color: #315d7b;
    margin-left: -7px;
}

.audioCall {
    color: #315d7b;
    position: absolute;
    margin-left: 2px;
    top: 7px;
}
.lectureCall-contacts {
    color: #315d7b;
    /* position: absolute; */
    margin-left: 2px;
    top: 7px;
}
*/

.contactsMoreActions .lectureCall{
    color: #315d7b;
    position: absolute;
    margin-left: 6px;
    top: 7px;
}

.my-communities-list-item .lectureCall,
.my-communities-list .lectureCall,
.other-communities-list-item .lectureCall, 
.other-communities-list .lectureCall {
    color: #315d7b;
    position: relative;
    margin-left: 4px;
}

.communityDropdownAudioCall {
    color: #315d7b;
    /* position: absolute; */
    margin-left: 2px;
    top: 4px;
}

.dialText {
    position: absolute;
    margin-left: 40px;
    top: 7px;
    overflow: hidden;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.removeContactText {
    color: rgba(255, 0, 0, 0.7);
    margin-left: -2px;
}

.itemContainer {
    margin: 5px 0px;
    margin-left: 8px;
    position: relative;
}

.dialIconSpan {
    margin-left: 5px;
    margin-top: 0px;
    /* position: absolute; */
}

.moreActionsLi {
    border-bottom: 1px solid rgba(128, 128, 128, .5);
}

.contactsMoreActions:before {
    border-bottom: 0 !important;
}

.contactsMoreActionsArrowUp:before {
    border-bottom-color: white !important;
    left: 92.5% !important;
    top: -7.5px !important;
    border-bottom: 7px solid #ccc !important;
}

.contactsMoreActionsArrowDown:after {
    left: 88% !important;
    bottom: -14px !important;
    border-top: 7px solid #fff;
    border-right: 7px solid transparent !important;
    border-left: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;
    top: auto !important;
}

.inviteModalDropdownULArrowDown:before,
.communityActionsDropdownArrowDown:before,
.mModalDropdownULArrowDown:before,
.otherCommunitiesDropdownArrowDown:before,
.moreMemberActionsDropdownArrowDown:before,
.historyActionsDropdownArrowDown:before {
    border-bottom: 0 !important;
}

.inviteModalDropdownULArrowDown:after {
    border-top: 8px solid #ccc;
    left: 160.5px !important;
    top: auto !important;
    bottom: -16px;
}



/* .communityActionsDropdownArrowDown.dropup:after {
    left: 90.5% !important;
    bottom: auto !important;
    border-bottom: 7px solid #ccc;
    top: -15px;
} */

/* .otherCommunitiesDropdownArrowDown:after {
    left: 91% !important;
    top: auto !important;
    border-top: 8px solid #ccc;
    bottom: -15px;
} */

.moreMemberActionsDropdownArrowDown:after {
    left: 82% !important;
    border-top: 8px solid #ccc;
    top: auto !important;
    bottom: -16px;
}

/* .historyActionsDropdownArrowDown:after {
    left: 130px !important;
    border-top: 8px solid #ccc;
    top: auto !important;
    bottom: -16px;
} */
.popUpArrowHead:after {
    right: 10px;
    left: auto;
    position: absolute;
    top: 12px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    content: '';
    z-index: 9999;
}
.marginBottom{
    margin-bottom: 7px !important;
}
.popUpArrowHeadDown:after{
    right: 10px;
    left: auto;
    position: absolute;
    top: -8px;
    display: inline-block;
    border-left: 8px solid transparent;
    border-top: 8px solid #ffffff;
    border-right: 8px solid transparent;
    content: '';
    z-index: 9999;
}

.moreMemberActionsDropdownArrowUp:before {
    border-bottom-color: #ccc !important;
}

.historyActionsDropdown {
    left: auto !important;
    right: 0;
    top: auto !important;
}

.historyActionsDropdown li {
    /*height: 20px !important;*/
}

.historyActionsDropdown:before {
    left: 130px !important;
    border-bottom-color: #ccc !important;
}

.history-poll-dropdown-menu {
    width: 180px !important;
    margin-top: 7px !important;
}


.history-poll-dropdown-menu > li {
    padding: 5px;
}

.history-poll-dropdown-menu > li > span {
    padding-bottom: 5px;

}
#poll-menu li{
    display: inline;
    border-top: solid 1px black;
    width: 100%;
}
#poll-menu li:first-child{
    border-top: none;
}
.checkbox-alter{
    margin-top: 10px;
}
.scrollable-menu{
    height: auto;
    max-height: 240px;
    overflow-x: hidden;
    width: 220px;
}

.history-poll-dropdown-menu .callHistoryPollText {
    font-size: 14px;
    color: #000;
}

.history-poll-dropdown-menu .callHistoryPollDownload {
/*
    color: navy;
    font-size: 18px;
    padding-top: 3px; 
*/
    cursor: pointer;
}

#start-meeting-modal-list {
    min-height: 40%;
}

#invite-meeting-modal-list {
    min-height: 40%;
}

#schedule-meeting-modal-list {
    min-height: 30%;
}

#add-member-modal-list {
    min-height: 50%;
}

.borderPartition {
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 4px;
}

@media all and (min-width: 2338px) {
    /*#licodeCallControlPanel{
        left: 34% !important;
    }*/
}

@media (min-width:1500px) {
    .partialScreenClass {
        height: 76% !important;
        margin-top: 105px !important;
        margin-right: 123px !important;
    }
    #deleteMeetingBtn {
        /*margin-left: 6% !important*/
    }

    /*#meetings-search-input > input{
        width: 56% !important;
    }*/
    /* #globalBackButton { */
        /*margin-left: 74%*/
    /* } */
    #OneScreenMainLogo {
        /*content: url('assets/img/os-hype@2x.png');*/
    }
}

@media all and (min-width: 1920px) {
    #licodePageUp>i,
    #licodePageDown>i {
        font-size: 35px;
    }
}

@media all and (min-width: 1911px) and (max-width: 2337px) {
    .fa-repeat {
        /*margin-left: -2.5% !important;
		margin-right: 1% !important;*/
    }
    .hype-search-div {
        top: 2.35% !important;
        right: 30.75% !important;
    }
    .searchBar {
        margin-left: -40% !important;
    }
    #meetingsActionBtnSpan {
        top: 0.8% !important;
    }
    #licodePageUp>i,
    #licodePageDown>i {
        font-size: 35px;
    }
    #licodeCallControlPanel {
        /*left: 31% !important;*/
        height: 9% !important;
    }

    #right-menu {
        top: 25% !important;
    }

    #scheduledMeetingsInnerDiv,
    #recenCallsInnerDiv1,
    #recordedMeetingsInnerDiv {
        /*height: 84% !important;*/
        /*margin-left: 11% !important;*/
        /*width: 78% !important;*/
    }
    #scheduledMeetingsInnerDiv.scheduledMeetingsInnerDivSqueezed,
    #contactsInnerDiv.contactsInnerDivSqueezed,
    #recenCallsInnerDiv1.recenCallsInnerDivSqueezed,
    #recordedMeetingsInnerDiv.recordedMeetingsInnerDivSqueezed,
    #myCommunityInnerDiv.communitiesInnerDivSqueezed {
        height: 78% !important;
    }
    #myCommunityInnerDiv {
        /*width: 78.5% !important;
		margin-left: 11% !important;*/
        /*height: 84% !important;*/
    }
    #otherCommunityInnerDiv {
        /*height: 84% !important;*/
        /*margin-left: 9.75% !important;
        width: 78% !important;*/
    }
    #toDoIcons {
        height: 7.5% !important;
    }
    #settingsBtnNew {
        /*right:-20.5% !important;*/
    }
    #searchinputContact {
        /*margin-left:39% !important;
        margin-top: -5.5% !important;*/
    }
    #contactTabAddContact {
        /*margin-left: 42.3% !important;
        top: 1.65% !important;*/
    }
    #recordings-search-input {
        top: 2.25% !important;
        /*right: 20% !important;*/
        /*width:31% !important;*/
    }

    /*#contactsInnerDiv {
        height: 81% !important;
    }
    #recenCallsInnerDiv1{
        height: 81% !important;
    }
    #recordedMeetingsInnerDiv{
        height: 81% !important;
    }
    #myCommunityInnerDiv{
        height:81% !important;
    }*/
    #playRecordingsControlPanel {
        left: 30% !important;
    }
    #playLocalRecordingsControlPanel {
        left: 30% !important;
    }
    .marginLeftTitle {
        /*margin-left: 11% !important;*/
    }
    #globalEditButton {
        /*margin-right: -12% !important;
        margin-left: -7% !important;*/
    }
    #deleteMeetingBtn {
        margin-left: -1% !important;
        padding-left: 3%;
        padding-right: 5%;
    }
    /* #globalBackButton {
        margin-left: -80%;
    } */
    /*  #meetings-search-input > input{
        margin-right: 5% !important;
    }*/
}

@media all and (min-width: 1432px) and (max-width: 1790px) {
    #licodePageUp>i,
    #licodePageDown>i {
        font-size: 25px;
    }
    /*#licodeCallControlPanel {
        left: 24% !important;
    }*/

    /*#recenCallsInnerDiv1,
    #recordedMeetingsInnerDiv,
    #myCommunityInnerDiv {
        height: 79% !important;
        width:58.5% !important;
    }*/
    #scheduledMeetingsInnerDiv,
    #contactsInnerDiv {
        width: 100% !important;
    }

    #scheduledMeetingsInnerDiv.scheduledMeetingsInnerDivSqueezed,
    #contactsInnerDiv.contactsInnerDivSqueezed,
    #recenCallsInnerDiv1.recenCallsInnerDivSqueezed,
    #recordedMeetingsInnerDiv.recordedMeetingsInnerDivSqueezed,
    #myCommunityInnerDiv.communitiesInnerDivSqueezed {
        height: 73.5% !important;
    }
    #otherCommunityInnerDiv {
        /*margin-left: 19.5% !important;
        width: 58.5% !important;*/
        height: 84% !important;
    }
    .marginLeftTitle {
        /*margin-left: 20.5% !important;*/
    }
    .communitiesContainer {
        /*width:58.35% !important;*/
    }
    #settingsBtnNew {
        /*right:-30% !important;*/
    }
    #searchinputContact {
        /*margin-left: 40%;*/
    }
    #contactTabAddContact {
        /*margin-left:49% !important;*/
    }
    #toDoIcons {
        height: 9% !important;
    }
    .meetingActionBtnSpan {
        right: 28.65% !important;
    }

    /*#contactsInnerDiv {
        height: 79% !important;
    }
    #recenCallsInnerDiv1{
        height: 79% !important;
    }
    #recordedMeetingsInnerDiv{
        height: 79% !important;
    }*/
}

@media all and (min-width: 1440px) and (max-width: 1490px) {
    /*Resolution for MAC*/
    #right-menu {
        top: 23% !important;
    }
    #licodePageUp>i,
    #licodePageDown>i {
        font-size: 25px;
    }
    #licodeCallControlPanel {
        /*left: 24% !important;*/
    }

    #scheduledMeetingsInnerDiv,
    #recenCallsInnerDiv1,
    #recordedMeetingsInnerDiv,
    #myCommunityInnerDiv {
        height: 81% !important;
        /*width:55% !important;*/
    }
    #scheduledMeetingsInnerDiv.scheduledMeetingsInnerDivSqueezed,
    #contactsInnerDiv.contactsInnerDivSqueezed,
    #recenCallsInnerDiv1.recenCallsInnerDivSqueezed,
    #recordedMeetingsInnerDiv.recordedMeetingsInnerDivSqueezed,
    #myCommunityInnerDiv.communitiesInnerDivSqueezed {
        height: 74.5% !important;
    }
    .marginLeftTitle {
        /*margin-left: 22.5% !important;*/
    }
    .communitiesContainer {
        /*width:55% !important;*/
    }
    #settingsBtnNew {
        /*right:-32% !important;*/
    }
    #searchinputContact {
        /*margin-left: 65% !important;
        width:10.5% !important;*/
    }
    #contactTabAddContact {
        /*top: 1.5% !important;
        margin-left:51% !important;*/
    }
    #toDoIcons {
        height: 9% !important;
    }
    #contacts-search-input {
        top: 2.65% !important;
    }
    .tab-actions {
        /*margin-left: 50.75%;*/
    }
    #otherCommunityInnerDiv {
        /* width: 55.05% !important;
        margin-left: 21.25% !important;*/
    }
    #editMeetingBtn {
        /* float:right;
        margin-right: -18px;
        margin-top: -8px*/
    }
    #deleteMeetingBtn {}
    #meetings-search-input>input {
        /*margin-right: -29%!important;*/
    }
    #meetings-search-input {
        /*Gtop:2.65% !important;*/
    }
    #meetingActionBtnSpan {
        /*top:2.12% !important;*/
    }
    /*#contactsInnerDiv {
        height: 79% !important;
    }
    #recenCallsInnerDiv1{
        height: 79% !important;
    }
    #recordedMeetingsInnerDiv{
        height: 79% !important;
    }*/
}

#oneScreenClientVersion {
    font-size: 10px;
    color: gray;
    margin-left: 16px;
}

#oneScreenClientVersion+li {
    border-bottom: none;
}

#oneScreenClientVersion+li:hover {
    background-color: rgba(0, 0, 0, .075);
}

#settingsDropdown {
    text-align: left;
    padding-bottom: 0px;
    min-width: 210px !important;
}

#settingsDropdown li {
    text-align: left;
}

#settingsDropdown li:firstChild {
    background-color: rgba(0, 0, 0, .075);
    cursor: normal;
}

#settingsDropdown li:hover {
    background-color: rgba(0, 0, 0, .075);
}

.contactNameSpan {
    /* width: 300px; */
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}

.communityNameSpan.otherCommunityNameSpan {
    width: 460px;
}

.communityActionButtonsGroup {
    float: right;
    /* top: -6px; */
}

label.selectiveGroupChat:before {
    top: 15px;
}

span.selectiveGroupChatNames {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    margin-top: 8px;
}

.panel {
    margin-bottom: 0px !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.panel:hover {
    /*background-color: rgba(95, 142, 175, 0.44) !important;*/
}

.caret {
    transition: all 0.25s;
    transform: rotate(0);
}

.caret.rotate {
    transform: rotate(180deg);
}

.callviewControls {
    width: 32px;
    height: 32px;
    display: inline-block;
}

.recordingToggle {
    background: url(../img/callview/recordingsprite.svg) no-repeat;
    background-size: 100%;
}

.recordingToggleLocal {
    background: url(../img/callview/recordingspriteLocal.svg) no-repeat;
    background-size: 120%;

}

.recordingToggleOff {
    background-position: top;
}

.recordingToggleOn {
    background-position: center;
}
.recordingToggleDisabled,
.recordingToggleSaving {
    background-position: bottom;
    cursor: not-allowed;
}
/*
.recordingToggleSaving {
    background-position: bottom;
}
*/

.groupChat {
  /*  background: url(../img/callview/groupchat.png) no-repeat center; /*
    opacity: 1 !important;
}

.groupChatDisabled {
    /*    opacity: 0.5;
    pointer-events: none;
*/
}
.vadOn {
    background-position: bottom !important;
}
.vadOff,
.vad-Disabled {
    background-position: top !important;
}
.vadToggle {
    background: url(../img/callview/vadsprite.svg) no-repeat;
    background-size: 100%;
}
.localAudioToggle {
    background: url(../img/callview/micsprite.svg) no-repeat;
    background-size: 100%;
}

.localAudioOn {
    background-position: top;
}
*

.toDoIcons-check .col-sm-2 {
    width: 13.6%;
    display: inline-block;
    flex:1;
    text-align: center;
    line-height: 1;
}
.localAudioOff,
.localAudioDisabled {
    background-position: bottom;
}

.localAudioDisabled {
    opacity: 0.5;
    pointer-events: none;
}

.callOnHoldToggle {
   background: url(../img/callview/onhold-sprite.svg) no-repeat;
   background-size: 100%;
}

.callOnHold-off{
   background-position: top;
}

.callOnHold-on{
   background-position: bottom;
}

.callOnHold-disabled{
   background-position: bottom;
   
}

.local-call-on-hold {
    background: url(../img/callview/mypauseimg.svg) no-repeat;
	background-size: contain;
    background-position: center;
    background-color: black;
    background-size: 34% !important;
}

.local-call-on-hold video {
    display: none;
    vertical-align: baseline;
}

.remote-call-on-hold {
    background: url(../img/callview/remotepauseimg.svg) no-repeat;
    background-size: contain;
    background-position: center;
    background-color: black !important;
    background-size: 19% !important;
    background-repeat: no-repeat;
}

.vad-no-active-speaker {
    background: url(../img/callview/vad-placeholder-logo.svg) no-repeat;
    background-size: 40%;
    background-position: center;
    background-color: black;
 }

.muteAllStreams {
    background: url(../img/callview/speakerssprite.svg) no-repeat;
    background-size: 100%;
}

.muteAllStreamsOff {
    background-position: top;
}

.muteAllStreamsOn {
    background-position: bottom;
}

.localVideoToggle {
    background: url(../img/callview/videosprite.svg) no-repeat;
    background-size: 100%;
}

.localVideoOn {
    background-position: top;
}

.localVideoOff,
.localVideoDisabled,
.localVideoAudioOnly {
    background-position: bottom;
}

.callHangup {
    background: url(../img/callview/endcall.png) no-repeat center;
}

.remoteStreamSpeakerOn {
    background: url(../img/callview/speakerremotesprite.png) no-repeat top;
    width: 20px;
    height: 20px;
    top: 5px;
    position: relative;
}

div[id^="volume_"] {
    cursor: pointer;
}
.in-slider-mode .v-r video {
    bottom: 0px !important;
}
.remoteStreamSpeakerOff {
    background: url(../img/callview/speakerremotesprite.png) no-repeat bottom;
    width: 20px;
    height: 20px;
    top: 5px;
    position: relative;
}

.in-slider-mode .call-controls .remoteStreamSpeakerOff {
    top: 0px;
}

.in-slider-mode [id^="volume_"].remoteStreamSpeakerOn {
    top: 0px;
}

.in-slider-mode .call-controls .message_contact_button {
    margin-left: 56%;
}

.in-slider-mode .call-controls .licode-video-dropdown-menu li>img:not(.is-completely-fullscreened),
#myVideo .licode-video-dropdown-menu li>img:not(.is-completely-fullscreened) {
    /* height: 80% !important; */
    height: 20px !important;
}

.in-slider-mode .licode-video-dropdown-menu {
    /* right: 0px !important; */
    right: 16px !important;
}

.in-slider-mode [src="assets/img/callview/icon-fullscreen.png"] {
    margin-top: 3px !important;
}

.in-slider-mode [src="assets/img/dial.png"] {
    margin-top: 3px !important;
}

.callviewControls:after {
    position: relative;
    top: 95%;
    white-space: nowrap;
}

.recordingToggleOff:after {
    content: attr(data-record);
    color: white;
}

@media only screen and (min-width: 2500px){
    .recordingToggleOff:after {
        margin-left: -12px;
    }

}

.vadToggleOff:after {
    /* content: "VAD"; */
    margin-left: -28px;
    color: red;
}

.vadOff:after{
    /* content: "VAD"; */
    color: white;
}

.recordingToggleOn:after {
    /* content: "Stop"; */
    color: red;
}

.vadToggleOn:after {
    content: "Stop";
    color: red;
    margin-left: -28px;
}
.recordingToggleSaving:after {
    /* content: "Saving"; */
    color: white;
}

.recordingToggleDisabled:after {
    /* content: "Record"; */
    color: white;
}

.groupChat:after {
    content: "";
    left: 0px;
    opacity: 1;
    /*content: attr(data-state);  */
}

.groupChatDisabled:after {
    /*content: attr(data-state);*/
    opacity: 0.5;
    /*left: -21px;*/
}
.vadOn:after {
    /* content: "VAD"; */
    color: #F04E23;
}

.localAudioOn:after {
    /* content: "Mic"; */
    color: white;
}

.localAudioOff:after {
    /* content: "Mic"; */
    color: white;
}

.localAudioDisabled:after {
    /* content: "Mic N/A"; */
    color: white;
}

.muteAllStreamsOn:after {
    /* content: 'Unmute'; */
    color: white;
}

.callOnHold-off:after {
    /* content: 'Hold'; */
    color: white;
}
.callOnHold-on:after {
   /* content: 'Unhold'; */
    color: red;
}

.muteAllStreamsOff:after {
    /* content: 'Mute'; */
    color: white;
}
.localVideoAudioOnly:after {
    /* content: "Audio Only" !important; */
    left: -9px;
    color: #22678e;
}

.localVideoDisabled:after {
    /* content: "Camera NA" !important; */
    left: -9px;
    color: #22678e;
}

.localVideoOn:after {
    /* content: "Video"; */
    color: white;
}

.localVideoOff:after {
    /* content: "Video"; */
    color: white;
}

.callHangup:after {
    /* content: "Hangup"; */
    color: white;
    margin-left:-3px;
}
@media only screen and (min-width: 2550px) {
    .callHangup:after {
        margin-left: -16px;
    }
}




/*#localVideoOff:after{
    content: "Video";
    position: absolute;
    left:28%;
}*/

/*#muteAllStreams:after{
    content: "Mute";
    position: absolute;
    left: 32%;
}*/

/*#licodeCallHangup:after{
    content: "Hangup";
    position: absolute;
    left: 32%;
}*/

/*#groupChat:after{
    content: "Group Chat";
    position: absolute;
    left: 20%;
}*/

/*#licodeRecording:after{
    content: "Record";
    position: absolute;
    left: 32%;
}*/

/*#localAudioOff:after{
    content: "Mic";
    position: absolute;
    left: 41%;
}
*/

#licodeRecording.selected:after {
    content: "Stop";
    position: absolute;
    left: 38%;
}

#licodeRecording.saving:after {
    content: "Saving";
    position: absolute;
    left: 35%;
}
/* #recordingStatus > #recordCloudStatus:after {
    top: 20%;
    content: "Cloud";
    position: absolute;
    font-size: 12px;
    margin-left: 2px;
    color: #0000FF;
}

#recordingStatusLocal > #recordCloudStatusLocal:after {
    top: 20%;
    content: "Computer";
    position: absolute;
    font-size: 12px;
    margin-left: 2px;
    color: #0000FF
} */

#recordingStatus > #recordCloudStatus {
    margin-rigth: 18px; 
}

#recordingStatusLocal > #recordCloudStatusLocal {
     margin-rigth: 18px; 
}

#recordingStatusTitle{
    font-size: 13px;
    /* margin-top: 1%; */
    margin-top: 9px;
    margin-right: -8px 
}


#recordingStatusLocal{
    /* padding-left: 20px; */
  
}

#recordingStatus{
    /* padding-left: 20px; */
}


/*#sipCallFullScreen:after{
    content: "Full Screen"
}*/

#licodeRecording>.glyphicon.glyphicon-record.gray-fore,
#licodeRecording>.glyphicon.glyphicon.glyphicon-record {
    font-size: 4.649em;
}

.no-participants-span {
    display: none;
    position: absolute;
    margin: auto !important;
    left: 0px;
    font-size: 18px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 400px;
    height: 42px;
    color: #CCC;
    text-align: center;
}

.badgeBubble {
    right: 0px;
    top: 0px;
    padding: 1px 5px 1px 5px;
    font-size: 10px;
    text-align: center;
    background: #f1282f;
    color: #fff;
    border: 2px solid #80C340;
    border-radius: 50%;
    float: left;
    position: absolute;
    z-index: 9;
    text-indent: 0px !important;
    font-weight: 500;
}

.fill {
    /*min-height: 100%;*/
    height: 100%;
}

.fill-width {
    width: 100%;
}

.background-green {
    background-color: #80C340;
}

.background-blue {
    background-color: #315D7B;
}

.cloud-color {
    color: #ecf0f1;
}

.background-cloud {
    background-color: #ecf0f1;
}

.font-medium {
    font-size: 18px;
}

.search {
    background-color: transparent;
    border: 1px solid darkgray;
    border-radius: 10px;
    margin-bottom: 10px;
    height: 23px !important;
    line-height: 37px !important;
    /* padding-left: 20px; */
    outline: none;
    width: 100%;
    padding: 10px;
}

.search::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #95a5a6;
}

#image-div {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
}

#logo {
    margin-top: 60px;
    margin-left: 35%;
}

#dialer-div {
    padding-top: 40px;
    height: 580px;
    margin-left: 37%;
}

#recentCallsDiv {
    margin-top: 0px;
    height: 100% !important;
    color: #ecf0f1;
    overflow: hidden;
}

#myCommunityDiv {
    /* margin-top: 0px; */
    margin-top: 6px;
    height: 98% !important;
    color: #ecf0f1;
    overflow: hidden;
}

#myCommunityDiv tr {
    cursor: pointer;
    color: #ecf0f1;
}

#myCommunityDiv tr:hover {
    color: #ecf0f1;
    background-color: rgba(95, 142, 175, 0.44) !important;
}

#myCommunityInnerDiv {
    width: -webkit-fill-available !important;
}

#searchclear {
    position: absolute;
    top: 25%;
    left: 93%;
    cursor: pointer;
    color: darkgray;
}

#searchclearRecordings {
    position: absolute;
    top: 13.5%;
    left: 88%;
    cursor: pointer;
    color: darkgray;
}

#searchclearMeeting {
    position: absolute;
    top: 12% ;
    left: 93%;
    cursor: pointer;
    color: darkgray;
}

#searchStartMeetingPopup {
    position: relative;
    /* top: -28px;
    left: 90%; */
    top: 0px;
    left: -7%;
    cursor: pointer;
    color: darkgray;
}

#searchScheduleMeetingPopup {
    position: absolute;
    top: 5px;
    right: 2%;
    cursor: pointer;
    color: darkgray;
}

li:focus,
ul:focus,
li:active,
ul:active:not(.navbar-hype-dropdown-menu) {
    outline: none !important;
    box-shadow: none !important;
}

div#licodeScreenShare:after,
div#invitePartyMeeting:after,
div#licodeStartWhiteBoard1:after,
div#licodeHideWhiteBoard:after,
div#createNewPoll:after,
div#publishMultipleStreams:after {
    color: white;
}

div#licodeScreenShare:after {
    /*content: "Share Screen";*/
    content: attr(data-content);
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
    margin-left: 0px;
}

div#createNewPoll:after {
    content: attr(data-content);
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
    margin-left: 20px;
}

div#publishMultipleStreams:after {
    content: attr(data-content);
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
    margin-left: -6px;
}

div#invitePartyMeeting:after {
    content: "Invite Member";
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}

div#licodeStartWhiteBoard1.reinitialize:after {
    /*  margin-left: 0px;*/
}

div#licodeStartWhiteBoard1:after {
    content: "Whiteboard";
    margin-left: 6px;
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}

.remote-layout-button-unset:after {
    /* content: "Remote Layout" !important; */
    margin-left: -2px;
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}

.remote-layout-button-normal:after {
    /* content: "Remote Normal" !important; */
    margin-left: -3px;
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}

.remote-layout-button-single:after {
    /* content: "Remote Single" !important; */
    margin-left: 0px;
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}

.remote-layout-button-slide:after {
    /* content: "Remote Slide" !important; */
    margin-left: 2px;
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}

#changeLayoutButton:after {
    content: "";
    margin-left: 2px;
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}

#callSettingsButton:after {
    content: "";
    margin-left: 11px;
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}
/*transcript styling starts */
.transcript-empty {
    opacity: 0.5;
    text-align: left;
    color: #969da2;
    margin-left: 8px;
}
.msg_4{
    opacity: 0.35;
}
.msg_3{
    opacity: 0.5;
}
.msg_2{
    opacity: 0.65;
}
.msg_1{
    opacity: 0.8;
}
.vertical-align-middle{
    vertical-align:middle;
}
.enable-transcript-bg {
    background: url(../img/callview/transcript-sprite.svg) no-repeat center;
    background-position: top;
    background-size: 100%;
}
.enable-transcript-bg:hover {
    background-position: center;
}
.enable-transcript-bg:after {
    /* content: "Transcript"; */
    /* font-size: 13; */
    color: white;
    /* font-size: 11px; */
    /* line-height:1; */
    /* margin-left: -9px; */
}
@media only screen and (min-width: 2500px) {
    .enable-transcript-bg:after {
        margin-left: -19px;
    }

}

#transScriptButton:after {
    content: "";
    margin-left: 0px;
    position: absolute;
    font-size: 9px;
    margin-top: 3px;
}
.transcript-subtitle-overlay {
    position: fixed;
    width: 70%;
    min-height: 30px;
    left: 17%;
    bottom: 80;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
    border-radius: 5px;
    color: black;
    display: none;
  }
  .speech-text-area{
    padding-left: 8px;
    list-style-type: none;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    margin-right: 50px;
  }
  .speaker-name {
      color: rgb(128, 195, 64) !important;
  }
  .speaker-name-you {
    color: rgb(253, 253, 253);
}
  .transcript-subtitle-overlay div {
    color: white;
    display: inline;
  }
  .close-transcript {
    position: absolute;
    right: 10px;
    top: 5px;
    background: transparent;
    border: none;
    z-index: 60;
    color:white;
  }
  .close-transcript img {
    width: 15px;
  }
  .transcriptLanguageDropdown {
    width: 85px;
    position: absolute;
    right: 44px;
    top: 5px;
    background: transparent;
    z-index: 60;
    color: #fff;
    opacity: .7;
    border-radius: 2px;
    font-size: 12px;
    display: none;
  }
  .transcriptLanguageDropdown option {
      color: rgb(34, 30, 30);
  } 
  

/*transcript styling ends*/
div#licodeHideWhiteBoard:after {
    content: "Toggle WhiteBoard";
}

#contacts-search-input {
    /*top: 70px;*/
}

@media all and (min-width: 1601px) {
    #contacts-search-input {
        /*left: 48.3% !important;*/
    }
    #contacts-search-input>input {
        /*width: 170% !important;*/
    }
    #recordings-search-input {
        /*left: 47.3% !important;*/
    }
    #recordings-search-input>input {
        /*width: 52% !important;*/
    }
    #meetings-search-input {
        /*
        right: 21% !important;
        top:1.25% !important;
        left: 42.3% !important;
        top: 1.86% !important*/
    }
    .communitiesContainer {
        /*width: 73.5% !important;*/
    }
    /*#meetings-search-input > input{
        width: 50% !important;
    }*/
    #searchclearMeeting {
        /*left: 74% !important;*/
    }
    #searchclearRecordings {
        /*left: 72% !important;*/
    }
    #searchClear {
        /*left: 136% !important;*/
    }
}

@media all and (min-width: 1241px) and (max-width: 1600px) {
/*
    .mic-arrow-icon {
        margin-left: 15px !important;
    }
    .micDropdownMenuArrowHead {
        right: -16% !important;
    }
*/
    #contacts-search-input {
        /*left: 45.3% !important;*/
        /*right: 31.75%*/
    }
    #contacts-search-input>input {
        /*width: 170% !important;*/
    }
    #recordings-search-input {
        /*left: 52.3% !important;*/
    }
    #recordings-search-input>input {
        /*width: 90% !important;
        margin-left: -18%;*/
    }
    
    /*#meetings-search-input{
        left: 43.3% !important;
    }*/
}

@media all and (min-width: 1800px) and (max-width: 1911px) {
    .marginLeftTitle {
        /*margin-left: 15.5% !important;*/
    }
    #settingsBtnNew {
        /*right:-25.5% !important;*/
    }
    #searchinputContact {
        /*margin-left: 36% !important;*/
    }
    #contactTabAddContact {
        /*margin-left: 45.15% !important;
        top: 1.3% !important;*/
    }
    #contacts-search-input {
        /*top:2.25% !important;*/
    }
    #toDoIcons {
        height: 7.5% !important;
    }

    #scheduledMeetingsInnerDiv,
    #recenCallsInnerDiv1,
    #recordedMeetingsInnerDiv,
    #myCommunityInnerDiv {
        /*height: 85% !important;*/
        /*width:69% !important;*/
    }
    .communitiesContainer {
        /*width: 69% !important;*/
    }
    #otherCommunityInnerDiv {
        height: 84% !important;
        /*margin-left: 14.35% !important;
        width: 68.5% !important;*/
    }
    #recordings-search-input>input {
        width: 73% !important;
        float: right;
        margin-right: 5.25%;
    }
    #recordedMeetingsInnerDiv {
        padding: 0;
    }

    /*#meetings-search-input{
        top: 1.9% !important;
    }*/
}

@media (max-width: 1300px) {
    /*#meetings-search-input > input{
        width: 86% !important;
    */
    #contactsInnerDiv {
        width: 100% !important;
    }
    #searchinputMeeting {
        margin-right: 16px
    }
    .hype-search-div {
        /*right: 30.9% !important;*/
    }
    #deleteMeetingBtn {
        margin-right: -24px !important;
    }

    #scheduledMeetingsInnerDiv,
    #recenCallsInnerDiv1,
    #recordedMeetingsInnerDiv,
    #myCommunityInnerDiv {
        /*width: 49% !important; */
    }
    .tab-actions {
        /*margin-left: 54.85%;*/
    }
    #meetingActionBtnSpan {
        /*right: 26.5% !important;*/
    }
    #contactsInnerDiv {
        /*margin-top: -3.5% !important;*/
    }
    .communitiesContainer {
        /*width: 49% !important;*/
    }
    .marginLeftTitle {
        /*margin-left: 25.35% !important;*/
    }
    #settingsBtnNew {
        /*right: -34% !important;*/
    }
}

/*Ubuntu*/

@media (min-width: 1300px) and (max-width: 1340px) {
    /*#meetings-search-input > input{
        width: 82% !important;
    }*/
    .marginLeftTitle {
        /*margin-left: 25% !important;*/
    }
    #settingsBtnNew {
        /*right: -34% !important;*/
    }

    #scheduledMeetingsInnerDiv,
    #contactsInnerDiv,
    #recenCallsInnerDiv1,
    #recordedMeetingsInnerDiv,
    #myCommunityInnerDiv {
        /*width: 49.5% !important;*/
    }
    #otherCommunityInnerDiv {
        /*width: 49.5% !important;
        margin-left: 24% !important;*/
    }
    .communitiesContainer {
        /*width: 49.5% !important;*/
    }
    .tab-actions {
        /*margin-left: 54% !important;*/
    }
}

@media (min-width: 1401px) and (max-width: 1600px) {
    /*
    #meetings-search-input > input{
        /*width: 61% !important;*/
}

@media all and (min-width: 1200px) and (max-width: 1240px) {
    #contacts-search-input {
        left: 41.3% !important;
    }
    #contacts-search-input>input {
        width: 150% !important;
    }
    /* #recordings-search-input {
        left: 41.3% !important;
    }
    #recordings-search-input>input {
        width: 150% !important;
    } */
    /*
    #meetings-search-input{
        left: 41.3% !important;
    }

    #meetings-search-input > input{
        width: 150% !important;
    }
*/
}

@media all and (min-width: 1025px) and (max-width: 1440px) {
    .meetingActionBtnSpan {
        position: absolute;
        top: 10%;
        right: 23%;
    }

    #meetings-search-input {
        /* text-align: center;
        position: absolute;
        top: 60px;
        right: 35%;
        width: 22%;*/
    }

    #searchinputMeeting {
        width: 100%;
    }
    #meetingActionBtnSpan {
        /* position: absolute;
        top: 9%;
        right: 28%;*/
    }
}

/* Media Queries for 4k Display */

@media all and (min-width: 1441px) and (max-width: 1910px) {
    #meetings-search-input {
        /*text-align: center;
       position: absolute;
       top: 60px;
       right: 37%;
       width: 21%;*/
    }
    #searchinputMeeting {
        width: 100%;
    }
    #meetingActionBtnSpan {
        /*position: absolute;
       top: 7%;
       right: 29.5%;*/
    }
}

@media all and (min-width: 1911px) and (max-width: 1920px) {
    #meetings-search-input {
        /*text-align: center;
       position: absolute;
       top: 60px;
       right: 41%;
       width: 17%;*/
    }
    #searchinputMeeting {
        width: 100%;
    }
    #meetingActionBtnSpan {
        /*position: absolute;
       top: 6%;
       right: 34%;*/
    }
}

@media all and (min-width: 1921px) and (max-width: 2560px) {
    #meetings-search-input {
        /*text-align: center;
       position: absolute;
       top: 60px;
       right: 42%;*/
        /*width: 13%;*/
    }
    #searchinputMeeting {
        width: 100%;
    }
    #meetingActionBtnSpan {
        /*position: absolute;
       top: 9%;
       right: 38%;*/
    }
}

@media all and (min-width: 1025px) and (max-width: 1199px) {
    #contacts-search-input {
        /*left: 43.3% !important;*/
    }
    #contacts-search-input>input {
        /*width: 130% !important;*/
    }
    /* #recordings-search-input {
        left: 43.3% !important;
    }
    #recordings-search-input>input {
        width: 130% !important;
    } */
    /*
    #meetings-search-input{
        left: 43.3% !important;
    }

    #meetings-search-input > input{
        width: 130% !important;
    }
*/
}

@media all and (min-width: 426px) and (max-width: 768px) {
    .meetingActionBtnSpan {
        position: absolute;
        top: 9.36%;
        right: 20%;
    }
    
    #searchclearMeeting {
        top: 4px;
        left: 83%;
    }
    /* Properties removed for responsive in profile picture UI */
    /* #meetingActionBtnSpan {
        position: absolute;
        top: 10%;
        right: 22%;
    } */
   
}

@media all and (min-width: 769px) and (max-width: 1024px) {
    /*Resolved conflict here. Re-validate the code. @Ali, @Ahmed*/
    #contacts-search-input {
        /*left: 42.3% !important;*/
    }
    #contacts-search-input>input {
        /*width: 150% !important;*/
    }
    #recordings-search-input {
        /*left: 42.3% !important;*/
    }
    #recordings-search-input>input {
        /*width: 105% !important;
        margin-left: 15px;*/
    }
    /* Properties removed for responsive in profile picture UI
    #meetingActionBtnSpan {
        position: absolute;
        top: 9%;
        right: 25%;
    }
    
     #meetings-search-input {
        text-align: center;
        position: absolute;
        top: 60px;
        right: 30%;
        width: 27%;
    } */

    #searchclearMeeting {
        top: 4px;
        left: 83%;
    }
    #recordings-search-input.hype-search-div {
        right: 26.5% !important;
    }
    #meetings-search-input {
        /*left: 42.3% !important;*/
    }
    #meetings-search-input>input {
        /*width: 150% !important;*/
    }
    #meetingActionBtnSpan {
        right: 25.25% !important;
    }
    .hype-search-div {
        right: 30.5% !important;
    }
    #settingsBtnNew {
        /*right: -36% !important;*/
    }
    #toDoIcons {
        width: 44.8% !important;
        right: -3.2% !important;
    }
    #deleteMeetingBtn {
        margin-right: 0 !important;
    }
}

@media all and (max-width: 991px) {
    #contacts-search-input {
        /*left: 45.3% !important;*/
    }
    #contacts-search-input>input {
        /*width: 117% !important;*/
    }
    /* #recordings-search-input {
        left: 45.3% !important;
    }
    #recordings-search-input>input {
        width: 100% !important;
        margin-left: 50px;
    } */
    /*
    #meetings-search-input{
        left: 45.3% !important;
    }

    #meetings-search-input > input{
        width: 117% !important;
    }
*/
}

#right-menu-callview>div.one-icon-sidedar {
    display: table;
    vertical-align: top !important;
    padding-bottom: 20px;
    padding-top: 20px;
    /*margin-left: 4px;*/
}

#scheduledMeetingsDiv {
    margin-top: 0px;
    height: 100% !important;
    color: #ecf0f1;
    /* overflow: auto; */
}

#scheduledMeetingsInnerDiv {
    /*width: 50%;*/
}

#contactsDiv {
    margin-top: 0px;
    color: #ecf0f1;
    /*overflow: auto;*/
}

#contactsInnerDiv {
    /*width: 52%;
    height: 77%;
    overflow-y: auto;
    padding-right: 0px !important;*/
}

#scheduledMeetingsDiv tr {
    cursor: pointer;
    color: #ecf0f1;
}

#recenCallsInnerDiv {
    width: 50%;
}

#recentCallsDiv tr {
    cursor: pointer;
    color: #ecf0f1;
}

#recentCallsDiv tr:hover {
    color: #ecf0f1;
    background-color: rgba(95, 142, 175, 0.44) !important;
}

#scheduledMeetingsDiv tr:hover {
    color: #ecf0f1;
    background-color: rgba(95, 142, 175, 0.44) !important;
}

.marginLeftTitle {
    margin: 0;
    margin-top: 15px;
}

#recordedMeetingsDiv {
    margin-top: 0px;
    height: 100% !important;
    color: #ecf0f1;
    overflow: hidden;
}

#meetingTitleBarDiv {
    border-bottom: 1px solid white;
    font-size: 1.2em;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ddd;
}

#meetingTitleBarDiv #meetingInfo {
    cursor: pointer;
    padding: 0;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    /* opacity: 0.5; */
}

#meetingTitleBarDiv #meetingInfo div:hover {
    opacity: 1.0 !important;
}

#meetingTitleBarDiv #meetingIdBar {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#meetingTitleBar {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:default;
    font-size:14px;
    color:white;
    font-family:'Roboto';
    font-weight:300;
    margin-bottom: 0px;
    max-width: 270px;
    /* padding-right: 0px;
    padding-left: 0px; */
}

#meetingTitleBarDiv #meetingParticipantsCount {
    /*    font-size: 12px;*/
    color: white;
    cursor: pointer;
}

#meetingTitleBarDiv #userJoinedInfo {
    opacity: 0.5;
    cursor: pointer;
    padding: 0;
}

#meetingTitleBarDiv #userJoinedInfo:hover {
    opacity: 1.0 !important;
}

span.glyphicon-link {
    font-size: 1.4em;
}

#recordedMeetingsInnerDiv {
    /*width: 52%;*/
    width: auto !important;
    height: 83%;
    overflow-y: auto;
    overflow-x: hidden;
    /*padding-left: 0;
    padding-right: 0;*/
}

#localRecordedMeetingsInnerDiv {
    height: 77%;
    overflow-y: auto;
    overflow-x: hidden;
}

.localVideoTopbar {
    width: 89%;
    height: 10%;
    max-height: 30px;
    position: absolute;
    top: 0;
    background-color: #333;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#playLocalRecordingsControlPanel {
    position: absolute;
    width: 754px;
    bottom: 0px;
    left: 25%;
    border-radius: 10px;
}

#localRecordingSearch {
    display: none;
    margin-top: -43px;
    z-index: 10;
    position: absolute;
    right: 24%;
    width: 15.2%;
}

#localRecordingClearSearch {
    right: 4px;
    position: absolute;
    top: 4px;
    color: darkgrey;
    display: none;
}

.hype-search-div {
    position: absolute;
    top: 2.65%;
    right: 31.75%;
    width: 18%;
}

hype-search-input {
    width: 100% !important;
}

.selectedTab {
    background: linear-gradient(to top, #80c340 0%, #315D7B 100%);
    margin: -1px auto;
}

#recordedMeetingsDiv tr {
    cursor: pointer;
    color: #ecf0f1;
}

#recordedMeetingsDiv tr:hover {
    color: #ecf0f1;
    background-color: rgba(95, 142, 175, 0.44) !important;
}

#sipCallDiv {
    height: 580px;
    width: 1000px;
    position: relative;
    background: url(../img/phone-squared.png) no-repeat center;
}

#sipCallfarEndMedia {
    margin-top: 40px;
    height: 480px;
    width: 640px;
    background-color: black;
}

#sipCallLocalMedia {
    position: absolute;
    height: 100px;
    width: 150px;
    bottom: 60px;
    left: 180px;
}

#sipCallControlPanel {
    position: absolute;
    height: 45px;
    width: 450px;
    bottom: 80px;
    left: 365px;
    border-radius: 10px;
    padding: 0px 30px;
}

#sipCallControlPanel .btn-group {
    margin: 0 auto;
}

#licodeDiv {
    height: 100%;
    width: 100%;
    /* position:fixed; */
    position:absolute;
    left: 0;
}

#licodeTitleBar, .more-participant-parent-div .dropdown-menu {
    padding: 0;
}

@media (max-width: 1365px) {
    #licodeVideosDiv,
    #licodeVideosDivFullScreen {
        top: 7% ;
    }
}

#licodeVideosDiv {
    position: absolute;
    /*left: 10%;*/
    left: .1%;
    height: 96%;
    /*width: 91%;*/
    width: 100%;
    /*width: 95%;*/
    /* padding-left: 82px; */
    overflow: hidden;
    top: 4% ;
    /* padding-top: 22px !important; */
}

#licodeVideosDivFullScreen {
    position: absolute;
    /*left: 10%;*/
    left: 11.9% !important;
    height: 95% !important;
    width: 87%;
    top: 7.5% ;
    /*
    width: 91%;*/
    /* overflow: auto; */
    display: none;
}
.in-slider-mode #licodeVideosDivFullScreen {
    left: -7.1% !important;
    height: 91% !important;
}

/* #licodeVideosDivFullScreen div.v-r > div {
    min-height: 582px !important;
    min-width: 1200px !important;
} */

#licodeRowToAppendFullScreen {
    /*margin-right:15px;*/
    overflow: hidden;
    margin: 0;
}

#playRecordingsDiv {
    height: 100%;
    width: 100%;
    position: relative;
    margin-top: 5px;
}

#recordingVideosDiv {
    position: absolute;
    left: 10%;
    height: 85%;
    width: 91%;
    overflow-y: auto;
    margin-top: 10px;
}

.smallLicodeVideo {
    /*  height: 150px;
    width: 250px;
    border-color: #ecf0f1;
    margin: 20px;*/
}

/* #licodeCallControlPanel {
    position: absolute;
    width: 754px;
    bottom: 0;
    left: 20%;
    border-radius: 10px;
    
} */
#licodeCallControlPanel {
    position: absolute;
    min-height: 40px;
    max-height: 50px;
   /* width: 754px; */
    bottom: 0px;
    /* left: 20%; */
    border-radius: 5px 5px 0 0;
    background-color: rgba(0,0,0,0.2);
/*    z-index: 222222;*/
    /* display: block !important; */
    /* background-image: linear-gradient(to bottom, #fcfcfc, #fcfcfc), linear-gradient(to top, #000000, #000000); */
}
#playRecordingsControlPanel {
    position: absolute;
    /* height: 99px; */
    width: 754px;
    bottom: 0px;
    left: 25%;
    border-radius: 10px;
    /* padding: 0px 30px; */
}

.toDoIcons-check-play .fa{
    font-size: 34px;
}

#alertMessage {
    position: absolute;
    left: 27%;
    top: -57%;
    width: 50%;
}

/*
#licodeCallControlPanel .btn-group{
    margin: 0 auto;
}
*/

.forbidden {
    /*cursor: not-allowed;*/
    opacity: 0.5;
    pointer-events: none;
}

.controlPanelButtons {
    opacity: 0.3;
    border: none;
    color: #ecf0f1;
}

.controlPanelButtons:hover {
    opacity: 1.0;
    color: black;
}

/*#sipCallFullScreen:hover, #sipCallHangup:hover , #licodeCallHangup:hover, #localVideoOff:hover, #localAudioOff:hover ,#muteAllStreams:hover, #groupChat:hover{
    color: #e74c3c;
}*/

#whiteBoardDiv {
    height: 510px;
    width: 83% !important; 
    z-index: 1 !important;
}

/*----- Incoming call modal start -------*/

#incoming-call-modal {}

#incoming-call-modal .modal-header {
    height: 5%;
    font-size: 1em;
    padding: 5px;
}

#incoming-call-modal .modal-footer {
    text-align: center;
    padding: 3px;
}

.farEndName {
    height: 12.5%;
    padding: 1%;
    background-color: #e74c3c;
    border-radius: 5%;
    text-align: center;
    display: block;
    color: #ecf0f1;
}

.callType {
    margin-bottom: 0.5em;
}

.incoming-call-icon {
    color: #ecf0f1;
    font-size: 1.5em;
}

.incoming-call-icon:hover {
    color: #2ecc71;
}

/*----- Incoming call modal end -------*/

#toDoIcons {
    bottom: 5px;
    margin-top: 35px;
    /*border-top: 1px solid rgba(255,255,255,.2);*/
    padding-left: 60px;
    width: 55%;
    /*height: 83.6px;*/
    text-align: center;
    position: fixed;
    color: white;
    right: 0;
    left: 0;
    background-color: #315D7B;
}

.toDoIcons-check {
    padding:0 !important;
    margin:  0 !important;
    display: flex;
    justify-content: center;
  /*  margin-top: 7px; */
    /*border-top: 1px solid rgba(255, 255, 255, .2);*/
   /* padding-left: 20px; */
    height: 58px;
    text-align: center;
    color: white;
    font-family: 'Roboto';
    font-weight: 400;
    opacity: 1.0;
    font-size: 11px;
}

.toDoIcons-check-play {
    margin-top: 7px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding-left: 20px;
    height: 50px;
    text-align: center;
    color: white;
    padding-left: 215px !important;
}

/*single icon in the lower boundary*/

.one-icon {
    color: #ecf0f1;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .2);
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    display: block;
    height: 120%;
    float: left;
    width: 20%;
}

.one-icon span {
    font-size: 3.0em;
}

.one-icon:hover {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: .5;
}

.one-icon-licode {
    color: #ecf0f1;
    cursor: pointer;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding-top: 4px;
    text-align: center;
    display: block;
    height: 144%;
}

#toDoIcons-check-play .one-icon-licode {
    border: 1px solid rgba(255, 255, 255, .2);
}

.one-icon-sidedar {
    color: #ecf0f1;
    cursor: pointer;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding-top: 5px;
    text-align: center;
    display: block;
    font-size: 0.8em;
    padding-left: 12px !important;
}

.one-icon-licode span.glyphicon {
    font-size: 3em;
}

.button-row {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}

#sip-address {
    width: 100%;
    height: 45px;
    font-size: 16px;
}

container {
    width: 320px;
    display: inline-block;
    font-size: 16px;
    align-items: center;
}

block {
    display: inline-block;
    cursor: pointer;
    width: calc(25% - 10px);
    height: 60px;
    margin: 5px;
    float: right;
    border-radius: 5px;
    text-align: center;
    padding-top: 20px;
    font-size: 15px;
    background: rgb(249, 252, 247);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(249, 252, 247, 1) 0%, rgba(245, 249, 240, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(249, 252, 247, 1)), color-stop(100%, rgba(245, 249, 240, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(249, 252, 247, 1) 0%, rgba(245, 249, 240, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(249, 252, 247, 1) 0%, rgba(245, 249, 240, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(249, 252, 247, 1) 0%, rgba(245, 249, 240, 1) 100%);
    /* IE10+ */
    background: linear-gradient(135deg, rgba(249, 252, 247, 1) 0%, rgba(245, 249, 240, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

block:hover {
    -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.5);
    /* inset 0 1px 1px rgba(255, 255, 255, 1); */
    /*top internal highlight*/
}

block:active {
    -moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.7);
    /* inset 0 2px 3px rgba(255, 255, 255, 1); */
    /*top internal highlight*/
}

block[v2] {
    height: 130px;
}

block[h2] {
    width: calc(50% - 10px);
}

#dialerCallButton:hover {
    color: #ecf0f1;
    background: -moz-linear-gradient(-45deg, rgba(248, 255, 232, 1) 0%, rgba(227, 245, 171, 0.75) 27%, rgba(226, 244, 170, 0.74) 28%, rgba(128, 195, 64, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(248, 255, 232, 1)), color-stop(27%, rgba(227, 245, 171, 0.75)), color-stop(28%, rgba(226, 244, 170, 0.74)), color-stop(100%, rgba(128, 195, 64, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(248, 255, 232, 1) 0%, rgba(227, 245, 171, 0.75) 27%, rgba(226, 244, 170, 0.74) 28%, rgba(128, 195, 64, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(248, 255, 232, 1) 0%, rgba(227, 245, 171, 0.75) 27%, rgba(226, 244, 170, 0.74) 28%, rgba(128, 195, 64, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(248, 255, 232, 1) 0%, rgba(227, 245, 171, 0.75) 27%, rgba(226, 244, 170, 0.74) 28%, rgba(128, 195, 64, 1) 100%);
    /* IE10+ */
    background: linear-gradient(135deg, rgba(248, 255, 232, 1) 0%, rgba(227, 245, 171, 0.75) 27%, rgba(226, 244, 170, 0.74) 28%, rgba(128, 195, 64, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='rgba(95, 142, 175, 0.44)', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#multipartyCallModalButton {}

#callInviteEmailGroup,
#callInviteEmailGroupSchedule {
    min-height: 40px;
    max-height: 120px;
    overflow: auto;
    overflow-x: hidden;
    cursor: pointer;
}

/* --------- Centralizing icons -----------------*/

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
}

.centerPseudo {
    display: inline-block;
    text-align: center;
}

.centerPseudo::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0px;
}

.centerFlex {
    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    /*-moz-box-align:center;*/
    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}

/*WhiteBoard*/

#canvas {
    z-index: 3;
    top: 0px;
    background-color: #EEF2F3;
    opacity: 0.94;
}

#canvasPic {
    position: absolute;
    top: 0px;
    z-index: 4;
    left: 18%;
    background-color: rgba(140, 140, 140, 0);
}

#conversation {
    overflow: auto;
    height: 265px;
    margin: -15px;
}

#message_container {
    position: absolute;
    left: 78%;
    bottom: 88px;
    height: 310px;
    width: 265px;
}

#message_send {
    position: absolute;
    left: 78%;
    bottom: 37px;
    height: 50px;
    width: 265px;
}

.mute-buttonDefault {
    /*color:red !important;*/
}

/*.mute-buttonDefault:after{
    content: "Unmute" !important;
}*/

.mute-buttonDefault:hover {
    /*color:white !important;*/
}

.mute-buttonMuted {
    content: url("../img/callview/mute-speakers-off.png");
}

.videoOff-buttonDefault {
    /*color:red !important;*/
}

.videoOff-buttonDefault:hover {
    /*color:white!important;*/
}

.videoOff-buttonOff {
    content: url("../img/callview/video-off.png");
}

.audioOff-buttonDefault {
    /*color:red !important;*/
}

.audioOff-buttonDefault:hover {
    /*color:white!important;*/
}

.audioOff-buttonOff {
    content: url("../img/callview/mic-off.png");
}

#screen-shareRemote {
    position: absolute;
    left: 63%;
    height: 20%;
    width: 20%;
    top: 6%;
    z-index: 1;
}

#screen-shareLocal {
    position: absolute;
    left: 18%;
    height: 20%;
    width: 20%;
    top: 6%;
}

.emerald {
    background-color: #40d47e;
}

.red {
    background-color: #e74c3c;
}

.white {
    color: white;
}

.tab-selected {
    background-color: rgb(128, 195, 64);
}

.red-fore {
    color: #e74c3c;
}

.gray-fore {
    color: #95a5a6;
}

#buttons_div {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20px;
}

video {
    /*background:#000;*/
    /*margin: 5px;*/
    overflow: hidden;
    color: #ccc;
    /*border-radius: 6px;*/
    /*border: 1px solid rgba(0,0,0,0.8);*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

video:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

#recenCallsInnerDiv1,
#recenCallsInnerDiv {
    /*height: 79%;*/
    height: 84% !important;
    /* overflow-y: auto;
    overflow-x: hidden; */
    padding-right: 0px !important;
}

.recordedMeetingsInnerDivSqueezed,
.recenCallsInnerDivSqueezed,
.communitiesInnerDivSqueezed,
.contactsInnerDivSqueezed,
.scheduledMeetingsInnerDivSqueezed {
    height: 70% !important;
}

/*.recenCallsInnerDivSqueezed{
    height: 70% !important;
}*/

#no-othercommunity-row td {
    border-top: 0px solid #ddd;
}

#otherCommunityInnerDiv,
#myCommunityInnerDiv {
    /*    width: 52%;*/
    height: 84%;
    /* overflow-y: auto; */
    padding-right: 0px !important;
}
#otherCommunityInnerDiv {
    width: -webkit-fill-avaliable !important;
}

/*.communitiesInnerDivSqueezed{
    height: 70% !important;
}*/

#contactsInnerDiv1 {
    width: 100%;
    height: 80%;
    overflow-y: auto;
}

/*.contactsInnerDivSqueezed{
    height: 70% !important;
}*/

#scheduledMeetingsInnerDiv {
    /*height: 77%;*/
    height: 84% !important;
    /*width: 52%;*/
    /* overflow-y: auto; */
    padding-right: 0px !important;
}

@media all and (max-width: 767px) {
    #scheduledMeetingsInnerDiv {
        height: 74% !important;
    }   
}

/*.scheduledMeetingsInnerDivSqueezed{
    height: 70% !important;
}*/

/* #meetingTitleBar {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} */

.tabs-text {
    /*margin-left: 24%;*/
}

.tabs-text-meetings {
    margin-left: 24%;
}

.tabs-text-contacts {
    margin-left: 24%;
}

.collapsible-inner-color {
    background-color: #214963;
}

.collapsible-inner-text {
    margin-left: 38%;
    /*width: 75%;*/
    display: block;
    word-wrap: break-word;
}

.collapsible-inner-text-col2 {
    display: block;
    word-wrap: break-word;
}

/*#recenCallsInnerDiv {
    width: 50%;
    height: 50%;
    overflow-y: auto;
}*/

.video-off {
    background-color: black;
    background-image: url(../img/audioonly.svg);
    background-size: contain;
    background-position: center center;
    background-size: 23% !important;
    background-repeat: no-repeat;
}

.video-off-local {
    background-image: url(../img/audioonly.svg);
    background-size: contain;
    background-position: center center;
    background-size: 43% !important;
    background-repeat: no-repeat;
    background-color: black;
}

.video-off video {
    display: none !important;
    vertical-align: baseline;
}
#recordingRowToAppend>.containter.col-lg-4.col-md-4.col-sm-4.col-xs-4 {
    margin-bottom: 10px;
}

.error-highlight {
    border: 1px solid red !important;
}

.text-input-alignment{
    margin-top: 10px;
    margin-bottom: 9px;
}

button.ajs-close {
    margin-top: 7px;
}

#group-chat-checkboxes p.name {
    display: inline-block;
}

#btnUpdatePassword:after {
    content: attr(data-state);
}

#btnUpdateDevices:after {
    content: attr(data-state);
}

/* animated recording indicator */

.blink {
    animation: blinker 1s cubic-bezier(1.0, 0.5, 1.0, 0.5) infinite alternate;
}

@keyframes blinker {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Overriding bootstrap button colors */

.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active {
    color: #fff !important;
    background-color: #80C340 !important;
    border-color: #70a939 !important;
    outline: 0px auto #70a939 !important;
}

@media (min-width: 768px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }

    .licode-call-controls {
        margin-left: 26.333333% !important;
    }
    .callview-navbar-div .topbar-left-items {
        width: 43%;
    }
}

@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
    .licode-call-controls {
        margin-left: 32.333333% !important;
    }
    .callview-navbar-div .topbar-left-items {
        width: 40%;
    }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */

@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

.video-columns {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.in-slider-mode .video-colums {
    top: 21px;
}

.video-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#licodeRowToAppend {
    width: 100%;
    height: 100%;
/*	overflow: hidden;*/
}

#licodeRowToAppend .ios-stream video,
#licodeRowToAppendFullScreen .ios-stream video,
#licodeRowToAppend .screen-stream video,
#licodeRowToAppend .android-stream video,
#licodeRowToAppendFullScreen .android-stream video {
    object-fit: cover;
    width: 100%;
    position: center
}

#licodeRowToAppend video.video-contain,
#licodeRowToAppendFullScreen video.video-contain {
    object-fit: contain !important;
}

#licodeRowToAppend video.video-fill,
#licodeRowToAppendFullScreen video.video-fill {
    object-fit: fill !important;
}

/*#licodeRowToAppendFullScreen video.video-cover,
#licodeRowToAppend video.video-cover{
    object-fit: cover !important;
}
*/

.rotate-720deg:before {
    transform: rotate(720deg);
    transition: 1sec;
}

.rotate-360deg:before {
    transform: rotate(720deg);
    transition: 1sec;
}

#refreshAvailableCameraList:before {
    content: '\0042';
    display: inline-block;
    transition: 0.6s all;
}

#refreshAvailableCameraList span {
    float: left;
    margin-right: 5px;
    margin-top: -1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

#refreshAvailableCameraList {
    float: right;
    display: inline-block;
    font-family: 'hype artboard';
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
    margin-top: 3px;
    text-decoration: none;
    margin-right: 15px;
    line-height: 1;
    border-right: 1px solid #ccc;
    padding-right: 15px;
    -webkit-font-smoothing: antialiased;
}

.display-inline-flex-important {
    display: inline-flex !important;
}

body .display-none-important {
    display: none !important;
}

#streamsContainer {
    max-height: 400px;
    overflow: auto;
    text-align: center;
}

#streamsContainer>div.available-stream-container .checkbox-success input[type="checkbox"] {
    position: relative;
    margin: 0;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}

#streamsContainer>div.available-stream-container .checkbox {
    display: block;
    margin-bottom: 0px;
}

#streamsContainer>div.available-stream-container .checkbox label {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: -14px;
    text-align: left;
    padding-left: 25px;
}

#streamsContainer>div.available-stream-container .checkbox input[type="checkbox"]:checked+label::after,
#streamsContainer>div.available-stream-container .checkbox input[type="radio"]:checked+label::after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 20px;
    top: -1px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

#streamsContainer>div.available-stream-container .checkbox-success input[type="checkbox"]:checked+label::after,
#streamsContainer>div.available-stream-container .checkbox-success input[type="radio"]:checked+label::after {
    color: #fff;
}

#streamsContainer>div.available-stream-container .checkbox-success input[type="checkbox"]:checked+label::before {
    background-color: #68AB35;
    border-color: #68AB35;
}

#streamsContainer>div.available-stream-container .checkbox-success input[type="checkbox"]:checked+label::before,
#streamsContainer>div.available-stream-container .checkbox-success input[type="radio"]:checked+label::before {
    background-color: #68AB35;
    border-color: #68AB35;
}

#streamsContainer>div.available-stream-container .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    border: 1px solid #CCC;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

#streamsContainer>div.available-stream-container {
    display: inline-block;
    width: 50%;
    margin: 0px;
    padding: 3px;
    cursor: pointer;
}

#streamsContainer>div.available-stream-container>div.available-stream-shadow {
    background: transparent;
}

#streamsContainer>div.available-stream-container>label.available-stream-label,
#streamsContainer>div.available-stream-container>i.available-stream-check {
    /*position: absolute;*/
    /*color: white;*/
    z-index: 9;
    font-size: 11px;
}

#streamsContainer>div.available-stream-container>i.available-stream-check {
    display: none;
    font-size: 14px;
    color: rgb(128, 195, 64);
    z-index: 10;
}

#streamsContainer>div.available-stream-container>label.available-stream-label {
    text-align: center;
    /*width: 46.5%;*/
    /*background: #5559;*/
}

video.available-stream,
#streamsContainer>div.available-stream-container>div.available-stream-shadow {
    width: 100%;
    transition: 0.5s;
}

video.available-stream:hover {
    /*transform: scale(1.05);*/
}

    /* {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    margin-left: -20px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
} */

.video-cover-helper {
    flex-direction: column !important;
}

video.video-cover {
    object-fit: cover !important;
    /* width: unset !important; */
    margin-left: 0px;
}

.video-screen-fill {
    object-fit: fill !important;
    width: unset !important;
}

.video-local-cover {
    object-fit: cover !important;
}

video.video-contain {
    object-fit: contain !important;
}

#licodeRowToAppend .in-slider-mode video {
    object-fit: contain !important;
}

#fullscreen-control-tray {
    position: fixed;
    right: -63px;
    top: 30px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid white;
    background: #000000;
    padding-right: 22px;
    opacity: 0.4;
    user-select: none;
    transition: right 1s;
}

#fullscreen-control-tray:hover {
    right: -55px;
    opacity: 0.9;
    background: #000000 !important;
}

.fullscreen-control-tray-with-control {
    right: -98px !important;
}
*/
/*
.in-slider-mode [id^="licodeVideosPage"] .bar-position {
    position: fixed;
    z-index: 1;
}
*/

#back_local {
  display: none !important;
}
.fullscreen-control-tray-with-control:hover {
    right: -90px;
}


.fullscreen-control-tray-open {
    right: -10px !important;
    background: #000000 !important;
}

.fullscreen-control-tray-close {
    right: -98px !important;
}

.fullscreen-toggle-control-btn {
    width: 40px;
    display: inline-block;
    padding: 2.5px;
    border-radius: 5px;
    opacity: 0.6;
}

.fullscreen-toggle-control-btn:hover {
    opacity: 1;
}

.fullscreen-toggle-control-btn img {
   margin-right: -52px;
   margin-top:6px;
}

.fullscreen-exit-btn {
    width: 30px;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    opacity: 0.6;
    margin-left: 10px;
}

.fullscreen-exit-btn:hover {
    opacity: 1;
}

[data-streamname="localStream"] {
  width: 100% !important;
}

#streamlocal {
  width: 100% !important;
}


/*
#licodeRowToAppend video.video-fullscreened{
    object-fit: contain !important;
}
*/


#licodeRowToAppend video .video-fullscreened .video-contain {
    object-fit: contain !important;
}

#licodeRowToAppend video.video-fullscreened.video-cover {
    object-fit: cover !important;
}

#licodeRowToAppend .in-slider-mode .stream-fitting-button{  
    display: none;
}

.licodeVideosPage {
    width: 100%;
    height: 100%;
	
    /*position: absolute;*/
}
#licodeRowToAppend {
    width: 100%; 
    height: 100%; 
}

.in-slider-mode [id^="licodeVideosPage"] {
    max-height: 500px;
/*
    overflow-y: auto;
    overflow-x: hidden;
*/
}


.in-slider-mode .signal-bars {
    height: 21px !important;
    width:31px !important;
    display: inline-block;
    position: absolute;
    right: 0px !important;
    top: -4px;
    padding-right: 0px !important;
    padding-left: 6px !important;
}

.in-slider-mode .call-controls [id^=cc-dropdown], #cc-dropdownlocal {
    height: 23px !important;
    margin-top: -2px !important;
    padding-right: 3px;
}

.in-slider-mode [id^="licodeVideosPage"] .v-r, .profile-image-div-recent img, .communityContactListImg {
    margin-top: 0px !important;
}

.stream-swap-list {
    position: absolute;
    background: rgba(128, 195, 64, 0.6);
    border-radius: 5px;
}

.swapVideosListItem {
    list-style: none;
    font-size: 16px;
    color: white;
}

#licodePageController {
    position: absolute;
    right: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    padding: 4px;
    margin: 0px;
    width: 1.6%;
    top: 41%;
    z-index: 1059;
    overflow: hidden;
}
.licodeScreenSharePadding{
    padding-right: 21px !important;
}

#licodePageController.controller-in-slider-layout {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    right: auto;
    margin-left: 0px;
}

.licode-page-button {
    font-size: 15px;
    opacity: 0.7;
    width: 40%;
    margin: auto;
    padding: 21%;
    /*height: 7px;*/
    border-radius: 50%;
    background: #315D7B;
    /*margin: 2px;*/
    cursor: pointer;
    margin-bottom: 5%;
    margin-top: 5%;
    border: 1px solid #80C340;
}

.licode-page-button.licode-page-current {
    border: 1px solid #315D7B;
    background: white;
    /*    width: 8px;
    height: 8px;*/
    /*margin-left: 2px;*/
    opacity: 1;
}

#licodePageUp>i,
#licodePageDown>i {
    font-size: 25px;
    font-weight: bold;
}

#licodePageUp,
#licodePageDown {
    cursor: pointer;
    text-align: center;
}

#licodePageUp {}

#licodePageDown {}

.border-right-light-blue {
    border-right: 1px solid #42789c;
}

/*div[id^="licodePageShift"]:after,
div[id^="licodePageShift"]:before{
    content: attr(data-pageid);
    top: -4px;
    position: relative;
    font-size: 10px;
    color: white;
}

div[id^="licodePageShift"]:before {
    left: -13px;
}

div[id^="licodePageShift"]:after {
    left: 7px;
}*/

.video-box-selected {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    /*padding: 3px 0px 3px 3px;*/
    /*margin: 5px 1px 3px 0px;*/
    border: 1px solid rgba(81, 203, 238, 1);
}

.local-videos-container {
    position: absolute;
    /*width:100%;*/
    width: auto;
    bottom: 17px;
    left: 2%;
    /*    border: 3px solid rgba(0,0,0,0.6);
    box-shadow: 0 5px 9px #333;*/
}

/* Agora: self-preview in bottom-right (remotes use layoutManager grid in #licodeRowToAppend). */
.local-videos-container.agora-local-pip {
    left: auto;
    right: 2%;
    width: 14%;
    height: 18%;
    bottom: 17px;
}

.local-videos-container.agora-local-pip #agora-local-root {
    position: relative;
    width: 100%;
    height: 100%;
}

.local-videos-container.agora-local-pip #player_agora_local {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.font-normal{
    font-weight: normal;
}
.guest-sso-btn-b{
    width: 110px;
}


/*
.local-videos-container.guest-page {
    width: 8.1%;
}
*/

.local-videos-container #myVideo>div:not(#localStreamToggler) {
    border: 2px solid gray;
    box-shadow: 0 5px 9px #333;
    width: 125px;
    height: 82px;
    position: relative;
    float: left;
    border-radius: 3px;
    transition: 0.2s all;
}

.local-videos-container #vad>div:not(#localStreamToggler) {
    border: 3px solid rgba(0, 0, 0, 0.6);
    box-shadow: 0 5px 9px #333;
    width: 160px;
    height: 104px;
    position: relative;
    float: left;
    transition: 0.2s all;
}


#myVideo {
    /* display: flex; */
}

 #vad{
    display: flex;
    position: fixed;
    left: 190px;
    z-index: 70;
    bottom: 16px;
}

.local-stream-container-expanded #myVideo>div {
    cursor: pointer;
}

#myVideo .stream-remove-button-external {
    display: none;
}

.local-stream-container-expanded #myVideo .stream-remove-button-external {
    display: block;
}

.local-stream-container-expanded #myVideo>div:not(#localStreamToggler):hover {
    transform: scale(1.1);
    z-index: 999999;
}

#localVideos-container,
#myVideo,
#player_local,
#bar_local,
#subbar_local {
    z-index: 2;
}

.local-stream-container-expanded .caller-id {
    font-size: 10px !important;
    top: 2px !important;
}
span.caller-id.video-recovering{
    color: #b8a374 !important;
}
.local-videos-toggler {
    display: none;
    width: 15px;
    background: rgba(0, 0, 0, 0.7);
    float: left;
    height: 82px;
    transition: 0.2s all;
    cursor: pointer;
    order: 100;
}

.local-videos-toggler>.toggler-arrow-direction {
    margin-left: 7px;
    font-size: 10px;
    color: white;
    transition: 0.3s all;
    position: relative;
    margin-top: -8px;
    /*margin-left: 4px;*/
    height: 16px;
    top: 50%;
}

#myVideo:hover>.local-videos-toggler {
    display: block;
}

div#localStreamToggler:hover {
    width: 25px;
}

.local-videos-toggler:hover>.toggler-arrow-direction {
    margin-left: 13px !important;
}

.local-stream-toggler-expanded.local-videos-toggler:hover>.toggler-arrow-direction {
    margin-left: 6px !important;
}

/* The Overlay (background) */

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed;
    /* Stay in place */
    z-index: 9999999999;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.7);
    /* Black w/opacity */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */

.overlay-content {
    position: relative;
    top: 25%;
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 22px;
    color: #2d89ef;
    display: inline-block;
    /* Display block instead of inline */
    transition: 0.3s;
    /* Transition effects on hover (color) */
}

#licenseFeedbackMessage {
    height: 100px;
}

/* When you mouse over the navigation links, change their color */

.overlay a:hover,
.overlay a:focus {
    color: #2d89ef;
}

.overlay h3 {
    color: #f1f1f1;
    font-size: 15px;
}

/* Position the close button (top right corner) */

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.rotate-video {
    /*transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);*/
}

#scheduledMeetingsInnerDiv .popover {
    max-width: 500px;
}

#recentCallsDiv .popover {
    max-width: 500px;
}

.popoverHeadings {
    font-size: 11px;
}

.videoSystem-Advanced-options:hover {
    cursor: hand;
}

/*Video swap modal css*/

.sv-page-heading {
    text-align: center;
    text-transform: UPPERCASE;
    background: #DCDCDC;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#swapVideoModal .row [class*="col"] {
    padding-top: 5;
    padding-bottom: 5;
}

.sv-participant-name-div {
    text-align: left;
    border: 1px solid #DCDCDC;
}

.sv-participant-name-div.sv-currently-selected {
    background: rgb(128, 195, 64);
}

.sv-participant-name-div.sv-currently-selected .sv-participant-name-span,
.sv-participant-name-div.sv-currently-selected i.fa.fa-check-circle {
    color: white;
}

.sv-participant-name-span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    margin-left: 15px;
    padding-left: 5px;
    color: #535353;
}

.sv-removable-item {
    overflow: hidden;
}

.sv-participant-name-div:not(.sv-currently-selected):hover .sv-participant-name-span,
.sv-participant-name-div:not(.sv-currently-selected):hover>.fa.fa-check {
    color: #315D7A;
}

.sv-participant-name-div>.fa.fa-check {
    color: #c5cdd3;
}

.sv-participant-name-div.sv-currently-selected i.fa.fa-check-circle,
.sv-participant-name-div>.fa.fa-check {
    position: absolute;
    height: 15px;
    margin-top: -7.5px;
    top: 50%;
}

#swapVideoModal .sv-modal-desc {
    padding-left: 0;
}

.swapVideosListItem {
    cursor: pointer;
}

.sv-currently-selected {
    cursor: unset;
}

ul[aria-labbeldby^="cc-dropdown"]:after {
    content: '';
    display: none;
}

ul[aria-labbeldby^="cc-dropdown"]:before {
    content: '';
    display: none;
}

.noPendingLi {
    list-style: none;
}

#meetingTitleBarDiv #userJoinedInfo:focus {
    outline: none;
}

.screen-skill-guru-div {
    position: absolute !important;
    right: 9px;
    top: 9;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.translateRight {
    transform: translateX(400px);
}

.screen-skill-guru-btn {
    float: right;
}



/*
.screen-skill-guru-div:hover .guru-outer-desc {
	color: white;
}
*/

#guru-list,  #guru-list-inmeeting {
    max-height: 208px;
    overflow: auto;
    padding: 0px;
    min-width: 237px;
/*    max-width: 250px;*/
    max-width: 308px;
    margin-bottom: 0;
}

ul#guru-list:after {
    position: absolute;
    top: -8px;
    left: 274px;
    display: inline-block;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #80C340;
    border-left: 11px solid transparent;
    content: '';
}

ul#guru-list:before {
    border-color: transparent;
}

li.guru-item {
    padding: 8px;
    font-size: 20px;
    white-space: nowrap;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

li.guru-item i.fa {
    padding: 4px;
    cursor: pointer;
}

.guru-outer-desc-div {
    text-align: right;
    display: inline-block;
    line-height: 7px;
    padding-top: 15px;
}

.guru-outer-desc {
    color: #BBB;
    font-size: 14px;
}

.guru-list-heading {
    background: #80C340;
    color: white;
    padding: 10px;
}

.guru-item-heading-1,
.guru-item-heading-2 {
    margin: 0px;
}

.guru-item-heading-1 {}

.guru-item-heading-2 {
    font-size: 10px;
    margin-top: -2px;
}

.guru-list-footer {
    padding: 9px;
    opacity: 0.85;
    text-align: center;
    font-size: 11px;
}

.guru-name-div {
    width: 50%;
    display: inline-block;
}

.guru-name-count {
    display: inline-block;
}

.guru-name-actual {
    font-size: 11px;
    margin-left: 2px;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.guru-name-count {
    font-weight: normal;
    font-size: 12px;
}

.guru-communication-div {
    float: right;
}

.guru-communication-btn {
    margin: 8px 6px;
    cursor: pointer;
}

.guru-communication-btn>img {
    width: 28px;
}

.guru-item-heading-1 {
    font-size: 15px;
}

.phoneNumberSpan {
    font-size: 12px;
    margin-left: 3px;
    position: absolute;
    top: 21px;
    color: rgba(11, 11, 11, 0.75);
}

/*Verification divs styles*/

#verificationDiv {
    display: none;
    bottom: 11%;
    z-index: 1;
    width: 290px;
    right: 2%;
    border-radius: 5px;
}

#verificationDiv {
    position: fixed;
    background: blanchedalmond;
    color: #1d1b40;
}

#verificationDiv .verification-desc,
#verificationDiv .verification-desc span,
#verificationDiv #emailVerificationEmail,
#verificationDiv #emailVerificationTime {
    color: #1d1b40;
}

#verificationDivBlocker {
    position: relative;
}

.verification-div-email,
.verification-div-phone {
    display: none;
}

.verification-div .verification-div-email,
.verification-div .verification-div-phone {
    position: relative;
    padding: 20px 10px;
}

.verification-div .verification-div-phone {
    border-bottom: 1px solid #e5e5e5;
}

#verificationDiv .verification-div-phone {
    border-bottom: 1px solid #999;
}

.verification-div .close-verification-div {
    padding: 8px;
    position: absolute;
    cursor: pointer;
    top: 0px;
    font-size: 18px;
    right: 0px;
}

.verification-div .verification-desc {
    text-align: left;
    display: inline-block;
    padding-bottom: 10px;
}



.verification-div #emailTime {
    font-weight: bold;
}

#verificationDiv #resend-emailBtn1, 
#verificationDiv #verifySMScode,
#verificationDivBlocker #resendPhoneCode {
    background-color: #315D7B !important;
    border: 0;
    display: inline-block;
}

.verification-div #checkEmailVerificationStatus,
.verification-div #changePhoneBlocker {
    background: transparent !important;
    border: 0;
    color: #315D7B !important;
    /*font-weight: bold;*/
}

.font-size-13 {
    font-size: 13px !important;
}

.custom-styled-btn {
    background: transparent !important;
    border: 0 !important;
    color: #315D7B !important;
    /*font-weight: bold;*/
}

.verification-div #phoneVerificationCodeDiv {
    display: inline-block;
}

.verification-div #phoneVerificationCodeDiv input {
    width: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#verificationDiv #phoneVerificationCodeDiv input {
    padding-left: 3px;
    font-size: 16px;
    vertical-align: middle;
}

#accountVerificationBlocker {}

.p-b-10 {
    padding-bottom: 10px;
}

#accountVerificationBlocker #phoneVerificationCodeDiv {
    padding-bottom: 10px;
}

#accountVerificationBlocker .modal-body {
    padding: 0px;
}

#accountVerificationBlocker .modal-header {
    padding: 15px;
}

#accountVerificationBlocker .verification-div #phoneVerificationCodeDiv input {
    height: 32px;
    width: 26px;
    margin-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 24px;
    color: #777;
}

#accountVerificationBlocker #verificationDivEmail .verification-desc {
    display: block;
    text-align: center;
}

#accountVerificationBlocker .verification-div,
#accountVerificationBlocker #verificationDivEmail,
#accountVerificationBlocker .modal-title {
    text-align: center;
}

#accountVerificationBlocker .modal-title {
    color: #e74c3c;
}

.text-gray {
    color: #ccc;
}

#verificationDivBlocker #verificationDivPhone,
#verificationDivBlocker #verificationDivEmail {
    border-bottom: 1px solid #e5e5e5;
}

.un-styled-button,
.un-styled-button:hover,
.un-styled-button:active,
.un-styled-button:visited {
    outline: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.guest-or-continue {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    /*margin-top: 60px !important;*/
}
.guest-redirect-home{
    text-decoration: none;
    cursor: pointer;
}
.center-align{
    display: flex;
    justify-content: center;
}
@media(max-height:2500px) {
    #page-content {
        zoom: 150%;
    }
}

@media(max-height:3600px) {
    #page-content {
        zoom: 250%;
    }
}

.dropup-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.videocontainer {
    height: 150;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:black;
    width:100%;
    object-fit: cover;
 }

 .convas {
    background-color: #EFF2F5;
    max-height:8px;
    width:100%;
    border-radius:25px;
    overflow: hidden;
    
}

#fullScreen-infoBar{
    position: absolute;
    color: #2d2b2b;
    width: 450px;
    top: 20px;
    left: 50%;
    margin-left: -225px;
    text-align: center;
    background: #c6e2fb;
    padding: 8px;
    border-radius: 3px;
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
    display: none;
    cursor: pointer;
}

#dedicatedRoomLogs {
    width: 382px;
    /* background: transparent; */
    left: -101px;
    border-color: transparent;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 169px;
    overflow-x: hidden;
    padding: 0px;
    border-radius: 0px 0px 5px 5px !important;
    cursor: default;
    display: none;
}

.dedicatedRoomStaticElementsContainer {
    position: absolute;
    width: 380px;
    /* background: transparent; */
    left: -100px;
    border-color: transparent;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 16px;
    overflow-x: hidden;
    padding: 0px;
    border-radius: 4px 4px 0px 0px;
    background: white;
    z-index: 1000;
    display: none;
    cursor: default;
}

.barIcon {
    display:inline-block;
    /* opacity: 0.5; */
}

.dedicatedRoomDropDownButtons {
    /*width: 60px;*/
    font-size: 11px !important;
    border: 0px !important;
}

.staticListItemDedicatedRoom {
    background: #eeeded;
    padding: 5 5 5 5 !important;
    /* border-radius: 3px 3px 0px 0px !important; */
}
.inviteHistorytext{
    font-weight: 500;
    margin-top: 9px;
}
.DRBtnText{
    text-align: center;
}
.staticItemDedicatedRoom {
    font-size: 12px;
    color: #000000;
    padding: 0px;
    margin-top: 8px;
    overflow: hidden !important;
    max-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*padding-left: 22px !important;*/
}

.dedicatedRoomHistory {
    color: black;
    height: 34px;
    font-size: 14px;
    /* margin-top: 7px; */
    margin-left: 10px;
}

.dedicatedItemSubHeading, .webcastItemSubHeading {
    color: #676262;
    font-size: 12px;
}
.dedicatedItemSubValue, .webcastItemSubValue {
    color: #000000;
    font-size: 12px;
    overflow: hidden;
    max-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 242px;
}

.webcastItemSubValue {
    max-height: unset;
}

.dedicatedItemSubTitle, .meetingTitleSub {
    font-size: 15px;
    color: #333;
    overflow: hidden !important;
    max-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.meetingTitleSub {
    max-height: unset;
}



.caret-upward {
    display: inline-block;
    width: 0;
    height: 0;
    /* margin-left: 2px; */
    vertical-align: middle;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid rgb(238, 237, 237);
    border-top: 0px;
    /* margin-left: 178px; */
    position: absolute;
    top: 30px;
    left:22px;
    display: none;
    z-index: 999;
}

.joinDedicatedRoomActiveListBtn {
    width: 100%;
    margin-top: 8px;
    padding: 7px 12px 7px 5px !important;
}

.urlContainer span {
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.white-seperator {
    width: 100%;
    height: 2px;
    background-color: white;
}

.dedicatedParticipant {
    position: relative;
    top: 3px;
}
* {
    box-sizing: border-box;
  }
  
.sizing-box {
  height: 32px;
  width: 32px;
  top: 2px;
  border-radius: 4px 4px 0 0;
}
  
.in-slider-mode .sizing-box {
    height: 35px;
    width: 32px;
}

.signal-bars {
    display: inline-block;
    position: absolute;
    right: 0px;
    padding: 3px 4px 4px 4px;
    cursor: pointer;
    padding-bottom: 0px;
    margin-top: 2px;
    height:  27px; 
}

.signal-bars .bar {
    width: 4px;
    margin-left: 1%;
    min-height: 5%;
    display: inline-block;
}

.signal-bars .bar.first-bar {
    height: 0%;
}

.signal-bars .bar.second-bar {
    height: 0%;
}

.signal-bars .bar.third-bar {
    height: 30%;
}
  
.signal-bars .bar.fourth-bar {
    height: 50%;
}
  
.signal-bars .bar.fifth-bar {
    height: 75%;
}
  
.good .bar {
    background-color:white;
    border: thin solid white;
    border-width: 1px;
}

.emptyBar {
    background-color:transparent !important;
    border: thin solid #f3f3f3 !important;
    border-width: 1px !important;
}

.dedicatedRoomUrlCopied {
    left: -68px;
    top: 7px;
    font-size: 12px;
    font-weight: 600;
    color: green;
    position: absolute;
    display: none;
    background-color: #f5f5f5;
    width: 80px;
    height: 18px;
    text-align: center;
    border-radius: 5px;
}
  
.screenControlIcon {
    position: absolute;
    top: 2px;
    right: 25px;
}

.flex-center-vertically {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.flex-center-horizontally {
    display: flex;
    justify-content: center;
    flex-direction: row;
}
.in-slider-mode .screenControlIcon {
    position: absolute;
    top: 0px;
    right: 17px;
}

@media only screen and (min-width: 500px) {
    #source_popover{
        width: 280px;
    }
}

@media only screen and (max-width: 500px) {
    .callviewControl {
        width:32px !important;
    }
    .vadOn:after {
        content: " ";
    }

    #source_popover{
        width: 40vw;
    }
    
    .vadOff:after {
        content: " ";
    }
  .recordingToggleOff:after {
    content: "";
    color: #22678e;
    }
    #licodeCallControlPanel {
        height:50px;
    }
    .callOnHold-on:after{
        content: '' !important;
    }
      
    .padding-icons {
        margin-top: 6px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
  

@media only screen and (max-width: 500px) {
    .enable-transcript-bg:after {
        content: "";
    }
  .muteAllStreamsOff:after {
    content: '' !important;
  }
  .localVideoOn:after {
    content: '' !important;
  }
  .localVideoOff:after {
    content: '' !important;
  }
  .callHangup:after {
    content: '' !important;
  }
  .callOnHold-off:after {
    content: '' !important;
  }
  .localAudioOn:after {
    content: '' !important;
  }
  .localAudioOff:after {
    content: '' !important;
  }
  .groupChat:after {
    content: '' !important;
  }
  .muteAllStreamsOn:after {
    content: '' !important;
  }
  .recordingToggleOn:after {
    content: '' !important;
  }
  #recordingStatus > #recordCloudStatus:after { 
    content: '' !important;
  }
  #recordingStatusLocal > #recordCloudStatusLocal:after {
    content: '' !important;
  }
  #recordingStatus, #recordCloudStatusLocal{
  padding-left: 0px !important;
  }
}

/*new top and bottom bar styling starts*/
 .callview-login-nav-container {
          height: 50px;
          padding: 0;
        }
        .callview-hype-gradient-right {
        /* background: linear-gradient(to right, #31546E , #80C342); */   
        height: inherit;
        margin-right:0px;
        }
        .callview-login-main-logo-img {
        height: inherit;
        }
        .callview-copy {
          width: 13px;
          height: 14px;
          object-fit: contain;
          opacity: 1;
        }
        .callview-person {
            width: 21px;
            object-fit: contain;
        }
        /* .callview-person:hover{
          height: 23px !important;
          width: 23px !important;
        } */
        .callview-li {
            padding-right: 16px;
            padding-left: 16px;
            display: inline ;
            float: left;
        }

        @media screen and (max-width: 500px) {
            .callview-li {
            padding-right: 7px;
            padding-left: 7px;
            }
            .topbar-left-items {
                padding-left: 0px !important;
            }
        }
        .callview-li:hover {
          cursor: pointer;
        }
        .callview-right-li {
          /* width: 11%; */
          display: inline ; 
          font-size: 11px;
          font-family: 'Roboto';
          font-weight:100;
          padding-left: 12px;
          padding-right: 10px;
          padding-top:3px;
          white-space: nowrap;

        }

        @media screen and (max-width: 1147px) and (min-width: 1023px) {
            .callview-right-li {
            padding-right: 8px;
            padding-left: 8px;
            }
        }

        @media screen and (max-width: 1022px) and (min-width: 890px) {
            .callview-right-li {
            padding-right: 6px;
            padding-left: 6px;
            }
        }

        @media screen and (max-width: 884px) and (min-width: 768px) {
            .callview-right-li {
            padding-right: 6px;
            padding-left: 6px;
            }
        }

        @media screen and  (min-width: 2550px){
            .callview-right-li {
                padding-right: 23px;
                padding-left: 23px;
                }
        }

        


        .callview-right-li:hover {
          cursor:pointer;
        }

        .callview-settings {
          width: 27px;
          height: 27px;
          object-fit: contain;
        }
        #licodeScreenShare img {
            width: 30px;
            height: 30px;
            object-fit: contain;

        }
      /*  .callview-settings:hover {
          height:30px;
          width: 30px;
        } */
        .callview-nopadding{
          /* padding: 0px !important; */
        }
        .callview-text-navbar{
          color: white;
          font-family: 'Roboto';
          font-size: 10px;
          font-weight: 300;
          font-style: thin;
          font-stretch: normal;
          line-height: 1.5;
          letter-spacing: normal;
        }
        
        @keyframes example {
          from {width: 0%;}
          to {width: 43px;}
        }

        @keyframes slide-out {
          from {width: 43px;}
          to {width: 0px;}
        }

       .call-actions {
  
            height: 54px;
            z-index:1;
            opacity: 0.9;
            border-radius: 5px 5px 0 0;
            background-image: linear-gradient(to bottom, #fcfcfc, #fcfcfc), linear-gradient(to top, #000000, #000000);
            bottom: 0px;
            position: absolute; 
            text-align: center !important;
            right:0;
            left:0;
            color: white !important;
        }
        .call-action-li {
          height: 54px;
          width: 14.28%;
          color: white !important;
        }
        .call-action-li:hover {
          cursor: pointer;
        }
        .call-action-span {
          color: blue !important;
          opacity: 1.0 !important;
          background-color:none !important;
          font-size: 13px;
          line-height: 1.62 !important;
        }
        .call-actions-buttons {
          padding-top:15px;
        }
        .sidebar-list-items {
          list-style-type: none;
          height: 6%;
          width: 100%;
        }
        .sidebar-list-items:hover{
          cursor:pointer;
        }
        .navbar-left-items{
            padding-top:16px;
            padding-left:0px;
            font-size: 14px;
        }
        @media only screen and (max-width:992px){
          .navbar-ul {
            padding-top: 7px;
          }
          #callview-navbar {
              max-height: 50px;
          }
        }
        @media only screen and (max-width:560px){
          .nav-sidebar {
            position: absolute;
            top: 50px; 
            right:0;
            background-color:orange; 
            height:100%;
          }
        }

        @media screen and (min-width: 768px) {
          .nav-bar-for-mob {
            /* width: 50% !important; */
          }
          .callview-right-li {
              /* width: 11% !important; */
            }
            .side-menu-new  {
              /* width: 50% ; */
            }
        }

        @media screen and (max-width: 767px) {
            #recordingStatusTitle {
                margin-left: 0;
            }
            #logoIconDiv {
                margin-left: 0;
            }
            .callview-li-change {
                /* width: 50% !important;
                padding-left: 0px !important;
                padding-right: 0px !important; */
            }
            @keyframes example {
                from {width: 0px;}
                to {width: 52px;}
            }
            @keyframes example1 {
                from {width: 52px;}
                to {width: 0px;}
            }

            .nav-bar-for-mob {
              z-index: 1;
              background: linear-gradient(to top, rgb(49, 93, 123) 0%, rgb(128, 195, 64) 100%);
              height: 84vh !important;
              margin-top: 52px !important;
              width: 52px;
              display: none;

              /* margin-top: 0.7%; */
              /* animation-name: example;
                animation-duration: 0.5s;
                animation-fill-mode: forwards; */
             
            }
            .nav-bar-for-mob li {
              
            }
            .callview-right-li {
              width: 50px !important;
              margin: 0px;
              padding: 0px;
              height: 10% !important;
              /* animation-name: example;
                animation-duration: 1s;
                animation-fill-mode: forwards; */
            }
          }
          @media only screen and (max-width:768px){
            #logoIconDiv.col-sm-1 {
                width: 14.333333% !important;
            }
            #recordingStatusTitle.col-sm-1 {
                width: 14.333333% !important;
            }
            .callview-navbar-div {
                height: 50px;
            }
            /* #recordingStatus > #recordCloudStatus:after {
                top: 20%;
                content: "Cloud";
                position: absolute;
                font-size: 12px;
                margin-left: 22px !important;
            } */
            #recordingStatus {
                padding-left: 0px !important;
            }
            #callview-navbar {
                max-height: 50px;
            }
            #licodeCallControlPanel {
                max-height: 45px !important;
            }
  
          }
            @media screen and (max-width: 576px) {
            .side-menu-new {
              display: block;
            }
            #logoIconDiv.col-sm-1 {
                width: 22.333333% !important;
            }
            #recordingStatusTitle.col-sm-1 {
                width: 22.333333% !important;
            }
        }
        @media screen and (max-width: 800px) and (min-width: 768px) {
          .nav-bar-for-mob { 
            /* width: 50% !important; */
          }
          #licodeCallControlPanel {
              width: 460px;
          }
          #logoIconDiv.col-sm-1  {
              width: 8% !important;
          }
          #recordingStatusTitle.col-sm-1 {
            width: 8% !important;
        }
        }
        @media screen and (max-width: 320px) {
          .callview-li-change {
                /* width: 55% !important; */
            }
            #recordingIconLi.col-xs-2 {
              width: 13% !important;
            }
            #logoIconDiv.col-sm-1 {
                width: 29.333333% !important;
            }
            #recordingStatusTitle.col-sm-1 {
                width: 29.33333% !important;
            }
            .nav-bar-for-mob {
                height: 450px !important;
            }
          
        } 
       
        @media only screen and (min-width:1024px){
            #logoIconDiv.col-sm-1 {
                width: 4.333333% !important;
            }
            #recordingStatusTitle.col-sm-1 {
                width: 4.33333% !important;
            }
            /* #recordingStatus > #recordCloudStatus:after {
                top: 20%;
                content: "Cloud";
                position: absolute;
                font-size: 12px;
                margin-left: 22px !important;
            } */
            #recordingStatus {
              /* padding-left: 0px !important; */
            }

        }
        @media only screen and (min-width: 1025px) {
        #recordingStatus {
            /* padding-left: 50px !important; */
        }
        /* #recordingStatus > #recordCloudStatus:after {
                top: 20%;
                content: "Cloud";
                position: absolute;
                font-size: 12px;
                margin-left: 2px !important;
            } */
        }
        @media only screen and (max-width: 500px) {
          .transcript-subtitle-overlay {
            position: fixed;
            width: 80% !important;
            min-height: 50px;
            left: 4% !important;
            bottom: 170px !important;
            background-color: rgba(0, 0, 0, .5);
            z-index: 2;
            cursor: pointer;
            border-radius: 5px;
            color: black;
            display: none;
          }
          #licodeCallControlPanel {
            display: block !important;
          }
        }

        .top-nav-bar {
            z-index: 1;
            background: linear-gradient(to right, rgb(49, 93, 123) 0%, rgb(128, 195, 64) 100%);
            min-height: 50px;
            display:none;
        }
        @media screen and (min-width: 2550px) {
             
            /* .top-nav-bar {
                height: 80px;
            } */
            .callview-settings {
                width: 50px;
                height: 50px;
                object-fit: contain;
            }
            #licodeScreenShare img {
                width: 50px;
                height: 50px;
                object-fit: contain;
    
            }
            .side-menu-new {
                /* width: 40% !important; */
            }
            .callview-text-navbar {
                font-size: 18px;
            }
            .top-nav-bar{
                min-height: 50px;
            }
            .navbar-left-items{
                /* padding-top:30px; */
                padding-left:0px;
                font-size: 30px;
            }
            .navbar-left-items img {
                height: 35px;
                width: 35px;
            }
            .dedicated-room-icon img {
                height: 35px !important;
                width: 35px !important;
            }
            #iconInfo {
                margin-top: 5px;
            }
            #logoIconDiv.col-sm-1 {
                width: 5.333333% !important;
            }
            #recordingStatusTitle.col-sm-1 {
                width: 5.3333% !important;
            }
            .callview-login-main-logo-img {
                height: 80px;
                
            }
            #licodeCallControlPanel{
                width: 30%;
            }
            #licodeCallControlPanel img{
                height: 30px;
                width: 30px;
            }
            .local-videos-container {
                top: 88%;
                left: 1%;
            }
            .toDoIcons-check {
                font-size: 18px;
            }
        }
          @media screen and (max-width: 2040px) {
            /* .top-nav-bar {
                height: 80px;
            } */
            .callview-settings {
                width: 24px;
                height: 30px;
                object-fit: contain;
            }
            #licodeScreenShare img {
                width: 30px;
                height: 30px;
                object-fit: contain;
    
            }
            .callview-text-navbar {
                font-size: 10px;
            }
            .tablet-nav-bar {
                margin-top: 0.7%;
            }
            .top-nav-bar{
                max-height: 50px;
            }
          }
          .tablet-nav-bar {
              margin-top: 0.3%;
          }
        
/*new top and bottom bar styling ends*/

@media only screen and (max-width: 800px) {
    #meetingTitleBarDiv {
      margin-top:50px;
      margin-left: 10px;
    }
}

@media only screen and (max-width: 600px) {
    #meetingTitleBarDiv {
      margin-top:55px;
    }
    .meeting-duration-text {
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    #meetingTitleBarDiv {
      margin-top:15px;
    }
}

@media only screen and (max-width: 500px) {
     #right-menu-callview {
       display: none;
     }
}

@media only screen and (max-width: 500px) {
    #licodeVideosDiv {
      padding-left: 0px;
    }
}


/* @media only screen and (max-width: 500px) {
    #licodeCallControlPanel {
        width: 500px !important;
        height: 10%;
    }

}

*/

@media only screen and (max-width: 400px) {
    .video-row:first-child {
        margin-top: 110px !important;
    }
}

@media only screen and (max-width: 350px) {
    .video-row:first-child {
        margin-top: 117.5px !important;
    }
}
@media only screen and (max-width: 420px) {
    .video-row:first-child {
        margin-top: 80.5px !important;
    }
}

@media only screen and (max-width: 420px) {
    .local-videos-container {
        top: 77% !important;
    }

}

@media only screen and (max-width: 500px) {
    #meetingTitleBar {
        margin-bottom: 7px !important;
    }

}

@media only screen and (max-width: 500px) {
    .icon-small-mob {
      zoom: 0.7;
      margin-top: 12px;
    }

}

@media only screen and (max-width: 500px) {
    .callviewControls {
        width: 32px;
        height:32px ;
        margin-top:7px;
    }
}

@media (min-width: 2550px) {
.licode-call-controls {
    margin-left: 35.333333%
    }
}

@media (min-width: 1200px){
    .licode-call-controls {
        margin-left: 30.333333% !important;
    }
    /* .mic-arrow-icon {
        margin-left: 50px !important;
    } */
    /* .micDropdownMenuArrowHead {
        right: -37px !important;
    } */
}
.micDropdownMenuArrowHead {
    right: -37px !important;
}

@media only screen and (min-width: 3000px) {
    .callview-login-main-logo-img {

    margin-top: 0px !important;

    }
}

@media screen and (min-width: 2560px) {
    .side-menu-new {
        /* width: 43% !important; */
    }
    #callview-navbar {
        height: 82px;
    }
}

#enableMeetingTranscript, #meetingDurationTime {
    line-height: 1 !important;
}
.meetingParticipantsCountSpan {
    font-weight: 300;
}
.chat-pannel-isVisible {
    margin-right: 0px !important;
}

.dedicated-room-icon {
    border-left: 1px solid rgba(255, 255, 255, .5);
    height: 19px;
}

.dedicated-room-icon img:not(.user-profile-picture) {
    height: 22px ;
    width: 22px ;
}

@media screen and (min-width: 2550px) {
    .dedicated-room-icon {
       margin-top: 6px;
       height:33px !important;
   } 
}

.close-whiteboard-button {
    /* opacity: 0.9; */
    display: table !important;
    /* font-family: hype artboard; */
    background-color: #e3e6ef !important;
    /* padding: 0 !important; */
    font-family: 'Roboto';
    /* font-size: 26px !important; */
    border-radius: 5px 5px 0 0px !important;
    margin-left: -1px !important;
    border-bottom: 1px gray !important;
}

 @media screen and (min-width: 2000px) {
    .close-whiteboard-button {
        font-size: 27px !important;
    }
} 

@media screen and (max-width: 800px) {
    .close-whiteboard-button {
        width: 39px !important;
    }
} 

.whiteboard-cross-span {
    line-height: 0.9;
    margin-top: 4px;
    font-size: 13px;
}

@media screen and (min-width: 2000px) {
    .whiteboard-cross-span {
        margin-top:11px;
    }
}
@media screen and (min-width: 3000px) {
    .whiteboard-cross-span {
        margin-top:18px;
    }
}

/* .whiteboard-close-button {
    position: relative;
    opacity: 1 !important;
    right: 33px;
    top: -16px;
    /* top: 3px;
    right: 14%;
    position: absolute; */
    /* left: 50%; */
    /* float:none !important;

/* .close {
    float: right !important;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
} */
.community-right-icon {
    font-size: 18px;
    /* z-index: 2; */
    top: 21px !important;
    right: -14px;
    color: #1D384A;
    font-weight:bolder;
}

.communityNameSpan::first-letter{
    text-transform: uppercase;
}

.communityNameSpan {
    /* width: 396px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    position: absolute;
    top: 6px;
    left: 39px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    'Roboto',
    sans-serif !important; */
    padding-top: 5px;
    height: 23px;

}
.in-slider-mode .signal-bars .dropdown-menu-right {
    left: 0 !important;
    right: auto !important;
}

/* Stream stats must sit above the whiteboard toolbar (#whiteBoardControlsDiv). */
.stats-dropdown-menu.stateBarDropdown,
[id^="streamStatPanel_"] {
    z-index: 10060 !important;
}

.signal-bars .stats-dropdown-menu.stateBarDropdown {
    box-shadow: 0 16px 40px rgba(8, 6, 24, 0.55);
}

.vadImg {
    float: right;
    margin-top: 4px;
    position:absolute;
    right: 5px;
    cursor: pointer;
}

/* #licodeCallControlPanel .tooltip {
    background-color: white !important;
    font-size: 50px !important;
}

#licodeCallControlPanel .tooltip-inner {
    background-color: white !important;
    font-size: 50px !important;
}

 .tooltip > .tooltip-inner {
    background-color: #73AD21; 
    color: #FFFFFF; 
    border: 1px solid green;
    padding: 15px;
    font-size: 20px;
} */

#licodeCallControlPanel .one-icon-licode[title]:hover::after{
    position: absolute;
    bottom: 10px;
}

/* #licodeRecordingIcon:hover:after {
    content: 'Start/Stop Recording';
    color: rgb(41, 40, 40);
    position: absolute;
    top: -25%;
    left: 12;
    background-color: rgb(235, 235, 235);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-align: center;
    border: 0.5px solid gray;
    font-family: 'Segoe UI';
    letter-spacing: 0.3px;
    box-shadow: 3px 3px rgba(0,0,0, 0.3);
    font-size: 12px;
  } */

  #licodeRecordingIcon.recordingOn:hover:after {
    content: 'Recording In Progress';
  }

  /* #vadDiv:hover:after {
    content: 'Enable/Disable Voice Activity Detection';
    color: rgb(48, 48, 48);
    position: absolute;
    top: -25%;
    left: 12;
    background-color: rgb(235, 235, 235);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-align: center;
    border: 0.5px solid gray;
    font-family: 'Segoe UI';
    letter-spacing: 0.3px;
    box-shadow: 3px 3px rgba(0,0,0, 0.3);
    font-size: 12px;
  } */

  /* #localAudioOff:hover:after {
    content: 'Mute/Unmute Your MIC';
    color: rgb(46, 46, 46);
    position: absolute;
    top: -25%;
    left: 12;
    background-color: rgb(235, 235, 235);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-align: center;
    border: 0.5px solid gray;
    font-family: 'Segoe UI';
    letter-spacing: 0.3px;
    box-shadow: 3px 3px rgba(0,0,0, 0.3);
    font-size: 12px;
  } */

  /* #callHoldButton:hover:after {
    content: 'Hold/Unhold';
    color: rgb(46, 45, 45);
    position: absolute;
    top: -25%;
    left: 12;
    background-color: rgb(235, 235, 235);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-align: center;
    border: 0.5px solid gray;
    font-family: 'Segoe UI';
    letter-spacing: 0.3px;
    box-shadow: 3px 3px rgba(0,0,0, 0.3);
    font-size: 12px;
  } */

  /* #muteAllStreams:hover:after {
    content: 'Mute/Unmute Everyone';
    color: rgb(51, 50, 50);
    position: absolute;
    top: -25%;
    left: 12;
    background-color: rgb(235, 235, 235);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-align: center;
    border: 0.5px solid gray;
    font-family: 'Segoe UI';
    letter-spacing: 0.3px;
    box-shadow: 3px 3px rgba(0,0,0, 0.3);
    font-size: 12px;
  } */


  /* #localVideoOff:hover:after {
    content: 'Start/Stop Your Video';
    color: rgb(62, 62, 62);
    position: absolute;
    top: -25%;
    left: 12;
    background-color: rgb(235, 235, 235);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-align: center;
    border: 0.5px solid gray;
    font-family: 'Segoe UI';
    letter-spacing: 0.3px;
    box-shadow: 3px 3px rgba(0,0,0, 0.3);
    font-size: 12px;
  } */

  /* #licodeCallHangup:hover:after {
    content: 'Hangup';
    color: rgb(50, 49, 49);
    position: absolute;
    top: -25%;
    left: 12;
    background-color: rgb(235, 235, 235);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-align: center;
    border: 0.5px solid gray;
    font-family: 'Segoe UI';
    letter-spacing: 0.3px;
    box-shadow: 3px 3px rgba(0,0,0, 0.3);
    font-size: 12px;
  } */

  /* #enableMeetingTranscript:hover:after {
    content: 'Show Transcript';
    color: rgb(39, 39, 39);
    position: absolute;
    top: -25%;
    left: 12;
    background-color: rgb(235, 235, 235);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-align: center;
    border: 0.5px solid gray;
    font-family: 'Segoe UI';
    letter-spacing: 0.3px;
    box-shadow: 3px 3px rgba(0,0,0, 0.3);
    font-size: 12px;
  } */
  .v-r [id^="testABC"] {
    background-color: black;
  }

  /*new layout styling starts*/
  .sliderlicodeVideosDiv{
    left: 25px !important ;
    top: 6% !important;
    padding-top: 22px !important;
}
  @media (min-width: 2550px) {
    .sliderlicodeVideosDiv{
        left: 25px !important ;
        /* top: 6% !important; */
        /* padding-top: 22px !important; */
    }
        #licodeVideosDivFullScreen div.v-r > div {
            min-height: 1050px !important;
            /* max-width: 22895.50px !important; */
            width: 99.5% !important;
        }
        .v-r {
            margin-top: 0px !important;
        }
        #licodeVideosDivFullScreen {
            position: absolute;
            left: 10%;
            left: 11% !important;
            height: 95% !important;
            width: 87%;
            top: 7% ;
            display: none;
        }
        #licodeVideosDiv {
            position: absolute;
            left: .1%;
            height: 96%;
            width: 100%;
            overflow: hidden;
            top: 5% ;
            /* padding-top: 22px !important; */
        }
        .local-videos-container #myVideo>div:not(#localStreamToggler) {
            border: 2px solid gray;
            box-shadow: 0 5px 9px #333;
            width: 245px;
            height: 129px;
            position: relative;
            left: 1px;
            float: left;
            border-radius: 3px;
            transition: 0.2s all;
        }
        .in-slider-mode .signal-bars {
            height: 28px !important;
            right: 32px;
            top: 5px;
        }
    }
    @media (max-width: 2040px) {
        #licodeVideosDiv {
            position: absolute;
            left: 0% !important;
            height: 98%;
            width: 100%;
            overflow: hidden;
            top: 50px ;
            /* padding-top: 22px !important; */
        }
        #licodeVideosDivFullScreen {
            position: absolute;
            left: 10%;
            left: 10% !important;
            height: 98% !important;
            width: 87%;
            top: 7.5%;
            display: none;
            overflow: hidden;
        }
        /*.in-slider-mode .signal-bars {
            height: 19px !important;
             right: 24px; 
            right: 0px;
            top: -4px;
        }*/
        #licodeVideosDivFullScreen div.v-r > div {
            min-height: 100% !important;
            width: 99.5% !important;
        }
        @media (min-width: 1450px) and (max-width: 2039px) { 
            #licodeVideosDiv {
                top: 5.6%;
            }
            .in-slider-mode .signal-bars {
                height: 20px !important;
/*                right: 24px;*/
                right: 0px;
                top: -5px;
            }
            #vadFullScreen{
                position: absolute;
                top: 6%;
                height: 100%;
                width: 100%;
                left: 0%
            }
        }
        #licodeVideosDivFullScreen {
            position: absolute;
            left: 10%;
            left: 10% !important;
            height: 95% !important;
            width: 87%;
            top: 7% ;
            display: none;
        }
    }
    .sliderlicodeVideosDiv [id^="licodeVideosPage"] .v-r {
        margin-top: 0px !important;
    }
    .v-r {
        margin-top: 0px !important;
    }

    .stream-video video {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        bottom: 0px !important;
        top: 0px !important;
        left: 0px !important;
    }
    .stream-fullscreen-video video {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        bottom: 0px !important;
        /* top: 0px !important; */
        left: 0px !important;
    }

    .in-slider-mode .dropdown-menu-right {
        right: auto;
        left: 0;
    }
    .sharedScreenVideo{

    }
    /* full screen screen sharing video */
    .sharedScreenVideoFS  video {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        bottom: 0px !important;
        top: 0px !important;
        left: 0px !important;
        
    }
    .layoutVideoElement  {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        bottom: 0px !important;
        top: 0px !important;
        left: 0px !important;
        
    }
    /* layoutmode screen sharing video */
    .sharedScreenVideoLM  {
        object-fit: fill !important;
        width: auto !important;
        height: 100% !important;
        position: absolute !important;
        bottom: 0px !important;
        top: 0px !important;
        left: 0px !important;
        
    }
    #licodeVideosDivFullScreen div[id^='player_'] {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: black;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
    }
    .objectFill{
        object-fit: fill;
        width: 80% !important;
        height: 85% !important;
        position: absolute !important;
        bottom: 0px !important;
        top: 30px !important;
        left: 10% !important;
    }
    
    #licodeVideosDiv .screen-sharing {
        /* height: 95% !important; */
        background-color: black;
    }
    #licodeVideosDiv .screen-sharing div[id^='player_'] {
        height: 70% !important;
        top: 15.5%;
    }
    @media only screen and (max-width: 1365px) {
        .objectFill {
            object-fit: fill;
            width: 80% !important;
            height: 83% !important;
            position: absolute !important;
            bottom: 0px !important;
            top: 26px !important;
            left: 10% !important;
        }
    }
  /*new layout styling ends*/
  @media only screen and (max-width: 500px) {
  #meetingTitleBar {
      width: 28%;
    }
  }

  @media only screen and (max-width: 700px) {
    .panel .communityActionHover {
        display:none !important;
    }
  }

  @media only screen and (min-width: 701px) {
    .delete-for-small-screen {
        display:none !important;
    }
  }
  .community-select-area {
    width: 37%;
    margin-top:21px;
  }
  @media screen and (max-width: 991px) and (min-width: 769px) {
    .community-select-area {
        width: 49%;
    } 
  }

  .communityNameSpan {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family:Helvetica;
    font-size:16px;
    font-weight:normal;
    padding-left: 5px;
  }

  .members-count-community {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family:Helvetica;
    font-size:11px;
    font-weight:normal;
    opacity:0.7;
    letter-spacing:normal;
    padding-left: 5px;
  }

  .my-communities-list {
    display: inline-block;
    padding:0;
    margin-top:50px;
    height: 72vh;
    padding: 0 !important;
    /* overflow-y: auto;
    overflow-x: hidden;  */
  }

  .my-communities-list-item {
    display:inline-block;
    padding-right:0px;
    padding-left:2px;
    height:79vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 !important;
  }

  @media screen and (max-width: 766px){
    .other-communities-list-item{
        height:68vh;
    }
  }

  @media screen and (max-width: 766px){
    .my-communities-list-item{
        height:68vh;
    }
  }



  .no-member-in-community {
    height:68px;
    display:none;
    background: rgba(255,255,255,0.1);
    margin-left: 5px;
  }

  .other-communities-list {
    display: inline-block;
    padding:0 !important;
    margin-top:50px; 
    height: 73vh;   
  }
  .other-communities-list-item {
    display:inline-block;
    padding-right:0px;
    padding-left:2px;
    height:79vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 !important;
  }

  .ul-item-nocommunity {
      width: 100% !important;
  }

  .li-item-nocommunity {
    width: 11.9% !important;
  }

.communitabs-li-item {
    width:33%;
  }
  .tab-content-communities {
    width: 139%;
  }

  .myCommunityDiv .tab-main-div{
    width: 55%;
    margin:0 auto;
  }

  .communitiesContainer{
    width:92.4%;
    }

  @media screen and (min-width: 991px) and (max-width: 1200px) {
    .myCommunityDiv .tab-main-div {
        width: 60%;
    }
    .tab-content-communities {
        width: 118%
    }
    #communityTabs {
        width:39%;
    }
    .communitiesContainer{
        width:98.4%;
    }
  }

  @media screen and (max-width: 991px) and (min-width: 769px) {
    .myCommunityDiv .tab-main-div {
        width: 70%;
        margin-left: 200px
    }
    .tab-content-communities {
        width: 100%
    }
    #communityTabs {
        width:33%;
    }
    .communitiesContainer{
        width:99.4%;
    }
}

  @keyframes recordingIcon {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  .recording-icon {
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 31px;
    animation-name: recordingIcon;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }

  .recording-dropdown {
    z-index: 1000;
    position: absolute;
    left: 42px;
    top: 8px;
    display: inline-block;
    cursor: pointer;
  }

  .community-main-heading {
    font-family: 'Roboto';
    font-size:24px;
    font-weight:100;
    display:inline;
  }

  /* .my-communities-list-item .communityDataMember::before { 
    left: 22px !important;
    left: 53px !important;
    top: 30px !important;
  } */

  .other-communities-list-item .communityDataMember::before, .my-communities-list-item .communityDataMember::before  { 
    left: 72px !important;
    top: 28px !important;
  }

  /* .other-communities-list-item .communityDataMember p {
    padding-top: 12px;
    padding-left: 12px;
  } */

  /* .my-communities-list-item .communityDataMember p {
    padding-top: 12px;
    padding-left: 12px;
} */
  
.no-contact-div, .no-meetings-div {
    margin-top:12px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,0.3);
}

.no-contact-div-span, .no-meetings-div-span {
    text-align: center;
    display: block;
    font-weight: 300;
    font-size: 14px;
}

.add-contact-span, .add-meetings-span {
    color: #80C342;
    padding-left: 2px;

}

.no-history-div {
    font-weight: 300;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin-top: 11px;
    padding-top: 23px;
}

.no-recording-div {
    font-weight: 300;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin-top: 1px;
    padding-top: 23px;
}

.no-history-span {
    letter-spacing: 0.1;
    font-weight: 300;
    font-size: 14px;
}

.no-community-div {
    margin-left: 21.3%;
    margin-top: 9px;
}

@media screen and (max-width: 767px) {
    .no-community-div {
        margin-left: 0;
        width: 100% !important;
    }
    .opensips-user-text-div {
        float: unset !important;
    }
    .opensips-username-text {
        margin-top: 0px;
        padding-top: 6px;
    }
}

.no-community-title{
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 100;
    opacity: 0.9;
    display: inline;
}

.my-communities-list::-webkit-scrollbar {
    width: 5px;
}

/* .my-communities-list:hover {
    overflow-x: hidden;
    overflow-y: auto;
} */

.my-communities-list .communityActionsDropdownArrowDown{
    left: 27px !important;

}
.my-communities-list .communityActionsDropdownArrowDown:after{
    right: 7px;
    left: auto;
    position: absolute;
    bottom: -8px;
    top: auto;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    content: '';
    transform:rotate(180deg);

}

.other-communities-list .otherCommunitiesDropdownArrowDown:after{
    right: 7px;
    left: auto;
    position: absolute;
    bottom: -8px;
    top: auto;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    content: '';
    transform:rotate(180deg);
}

.other-communities-overflow {
    width: 95%;
}

.my-communities-overflow {
    width: 95%;
}

.my-community-panel:first-of-type, .other-community-panel:first-of-type  { 
    margin-top: 4px;
}

.username-letter{
    text-transform: uppercase;
    color: #717171;
    font-size: 36px;
}

.username-text-div {
    height: 50px;
    width: 50px;
    border-radius: 40px;
    background-color: #bbbaba;
    margin: 0 auto;
    cursor:pointer;

}

.username-text-div:hover .username-letter{
    display:none !important;
}

.username-text-div:hover img{
    display:none !important;
}
 
.username-text-div:hover {
    background: url(../img/profile-hover-icon.svg) no-repeat center;
    background-size: 50%;
    background-color: #1D384A;
}
.sharescreen-custom-dropdown {
    display:block;
    border-radius: 5px;
    position:relative;
    background-color: white;
    width:170px;
    right: -50px;
    top:34px;
    z-index: 1;
}
.sharescreen-custom-dropdown-fullscreen {
    display:block;
    border-radius: 5px;
    position:fixed;
    background-color: white;
    width:170px;
    right: 0;
    top:70px;
    opacity:0;
}

.in-slider-mode .sharescreen-custom-dropdown {
    right: -102px;
    top: 21px;
}

.in-slider-mode .sharescreen-dropdown-tip {
    left: 49px !important;
}

.profile-pic-nav .user-profile-pic {
    height: 30px;
    display: inline-block;
    width: 30px;
    border-radius: 20px;
    margin-top: 10px;
    object-fit: cover;
    margin-left: 2px;
    background-color: #6D7F8D;
    background-image: url(/assets/img/icon-user.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

#profileDivAccSettings .user-profile-pic {
    height: 50px;
    width: 50px;
    border-radius: 45px;
    vertical-align: baseline;
    object-fit: cover;
    float: left;
}   

.presence-span-not {
    position: absolute;
    top: -10;
    left: 10;
}
.usercontact-text-div,
.meetings-noti-text-div,
.merge-contact-text-div,
.opensips-user-text-div,
.access-control-text-div,
.transcript-participant-text-div,
.owner-profile-div {
    height: 32px;
    width: 32px;
    border-radius: 40px;
    background-color: #6D7F8D;
    margin: 0 auto;
    cursor: default;
    float: left;
}

.username-contact-letter, .inviter-username-letter, .opensips-username-text, .access-control-span, .transcript-participant-span, .owner-name-span {
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    margin-top: 6px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.community-text-div {
    height: 32px;
    width: 32px;
    border-radius: 40px;
    background-color: #bbbaba;
    margin: 0 auto;
    cursor: pointer;
    float: left;
    margin-top: 6px;
}

.community-contact-letter {
    text-transform: uppercase;
    color: #717171;
    font-size: 16px;
    margin-top: 6px;
    display: block;
}

.meeting-participant-text-div, .notification-profile-picture-error {
    height: 31px;
    width: 31px;
    border-radius: 50%;
    background-color: #6D7F8D;
    display: inline-block;
    border: 0.7px solid #385D7A;
    float:left;
    margin-right: -5px;
    margin-top: -2px;
    cursor:pointer;
    border-left: 1px solid #385D7A;

}

.participant-username-letter {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: white;
    font-size: 15px;
    margin-top: 5px;
    display: block;
}

.meeting-action-border {
    margin-top: 22px;
    transform: rotate(90deg);
    float: left;
    height: 0;
    width: 17px;
    opacity: 0;
    border: 0;
    border-top: 0.5px solid #eee;
    margin-right: 10px;
    margin-left: 11px;

}

/* .meetingDataHolder .dropup .dropdown-menu {
    top: unset;
    bottom: 94px;
    left: unset;
    margin-left: -116px;
    position: fixed;
} */

.meetingDataHolder .dropup .glyphicon-triangle-top {
    top: 80px !important;
    transform: rotate(180deg);
}

.more-participant-text-div {
    height: 30px;
    width: 30px;
    border-radius: 40px;
    background-color: #b7ccd6;
    display: inline-block;
    border: 1px solid #385D7A;
    margin-top: -2px;
    margin-left: -5px;
}

.more-participants-list {
    margin: 0;
    padding: 0;
    /* border: 1px solid #385D7A; */
}

.more-participants-count {
    text-align: center;
    color: #2075c7;
    font-size: 14px;
    margin-top: 5px;
    display: block;
    padding-top: 0px;
    padding-left: 1px;
}

.more-participant-parent-div {
    display: inline-block;
    border-radius: 14px;
}

#scheduledMeetingsTable {
    height: 100%;
    margin-top:5px;
    padding-left: 0px !important;
    overflow-y:auto;
}

.history-participant-text-div, .recording-participant-text-div, .noti-participant-text-div {
    height: 30px;
    width: 32px;
    border-radius: 50%;
    background-color: #6D7F8D;
    display: inline-block;
    border: 0.7px solid #385D7A;
    /* box-shadow: 0.3px 0.3px 0.3px 0.3px #385D7A; */
    margin-right: -5;
}

.history-participant-username-letter, .chat-participant-span, .webcast-name-span {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: white !important;
    font-size: 15px;
    margin-top: 5px;
    display: block;
}

.history-profiles-div {
    float: right;
    margin-top: 17px;
}

#historyTable {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

#historyTable .dropup .glyphicon-triangle-top {
    /* top: 121px !important; */
    transform: rotate(180deg);
    position: absolute;
    bottom: -10px;
}

.recording-action-border, .history-action-border {
    margin-left: 19px;
    margin-right: 9px;
    margin-top: 17px;
    transform: rotate(90deg);
    float: right;
    height: 1px;
    width: 18px;
    opacity: 0;
    border: 0;
    border-top: 0.5px solid #eee;
}

.history-action-border {
    margin-top:30px;
}

.communityVideoCallBtn{
    float:right;
    padding-left: 22px !important;
}
.communityOtherDeletCommunityBtn {
    padding: 0 !important;
    display: inline-block;
    margin-top: 9px;
    margin-left: 7px;
}

.dropdown-submenu {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 20px;
    background-color: #b7ccd6;
    margin-top: 6px;
    cursor: pointer;
}

.recent-sub-dropdown, .dedicated-invite-sub-dropdown {
    top: unset !important;
    width: unset !important;
    overflow: inherit !important;
    margin-top: 4px !important;
    right: 47px !important;
    padding: 0 !important;
}

.dedicated-invite-sub-dropdown {
    padding-left: 15px !important;
    right: 123px !important;
    left: unset !important;
    background-color: #f2f2f2 !important;
}

.recent-more-participants-count, .dedicated-more-participants-count {
    text-align: center;
    color: #365D7A !important;
    font-size: 14px !important;
    margin-top: 5px;
    display: block;
    padding-top: 0px;
    padding-left: 1px;
}

.recent-sub-dropdown .glyphicon-triangle-top, .dedicated-invite-sub-dropdown .glyphicon-triangle-top {
    position: absolute;
    top: -10px;
    color: #eee;
    right: 83px;
    float: right;
}

.user-profile-contact-notification {
    padding-right: 12;
    padding-left: 12;
    float: left;
    padding-left: 0px;
}

.contact-notification-span {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    opacity: 0.9;
    font-size: 14px;
}

.noti-meeting-sub-dropdown {
    top: unset !important;
    width: unset !important;
    margin-top: 3px !important;
    padding: 0 !important;
    /* padding-bottom: 12px !important; */
    /* padding-top: 12px !important; */
    left: 93px !important;
    /* overflow: auto;
    max-height: 150px; */
}

.noti-meeting-sub-dropdown .noti-meeting-dropdown-icon {
    position: absolute;
    top: -11px;
    color: #eee;
    right: 78px;
    float: right;
}

.noti-meeting-sub-dropdown, .multiparty-sub-dropdown li {
    display:block;
    color:black;
    /* padding-left: 20px; */
}

.noti-meeting-owner-div {
    padding-right: 12;
    /* height: 96px;
    display: inline-block; */
    float: left;
}

.meeting-modal-contact-img {
    display: inline-block;
    /* margin-right: 0;
    margin-left: 24px; */
    /* margin-top: 4px; */
}

.meeting-modal-contact-text {
    height: 32px;
    width: 32px;
    border-radius: 40px;
    display: inline-block;
    /* margin-right: 0;
    margin-left: 24px; */
    background-color: #6D7F8D;
}

.share-recording-profile-picture {
    padding-left: 23px;
    display: inline-block;
    height: 55px;
}

.share-recording-profile-text {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: #6D7F8D;
}

.share-profile-text-parent {
    display:inline-block;
    float:left;
    padding-left:24px;
}

.share-recording-profile-text span {
    color:white;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 1px;
    font-size: 20px;
}

.chat-modal-contact-img {
    display: inline-block;
    margin-left: 12px;
}

.chat-modal-contact-text, .incoming-call-notification-text, .meeting-owner-profie-text {
    height: 32px;
    width: 32px;
    float: left;
    border-radius: 50%;
    margin-left: 12px;
    background-color: #6D7F8D;
}

.multiparty-sub-dropdown, .incoming-multiparty-sub-dropdown {
    top: unset !important;
    width: unset !important;
    overflow: inherit !important;
    margin-top: 5px !important;
    right: 25px !important;
    padding-bottom: 12px !important;
    padding-top: 12px !important;

}

.incoming-multiparty-sub-dropdown {
    right: 5px !important;
}

.multiparty-sub-dropdown .glyphicon-triangle-top, .incoming-multiparty-sub-dropdown i {
    top:-11px;
    position: absolute;
    color: #eee;
    right:14px;
    float:right;
}

.recent-participant-text-div, .chat-participant-text, .webcast-participant-text-div {
    height: 30px;
    width: 32px;
    border-radius: 50%;
    border-left: 2px solid white;
    background-color: #6D7F8D;
    display: inline-block;
    float: left;
    margin-right: -5;
}

.recent-participant-text-div span i {
    color: white;
    margin-top: 2px;
    font-size: 15px;
}

.inmeeting-participant-picture-div {
    float:left;
    margin-right: 10px;
    margin-left: 10px;
}

.inmeeting-participant-text-div, .inmeeting-participant-sip-div, .inmeeting-participant-phone-div {
    margin-right: 10px;
    margin-left: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #6D7F8D;
    float: left;
}

.inmeeting-participant-text-div, .inmeeting-participant-sip-div, .inmeeting-participant-phone-div span {
    display: block;
    color: white;
    text-transform: uppercase;
    padding-top: 3px;
    font-size: 18px;

}

.inmeeting-participant-sip-div span {
    display: block;
    padding-top: 4px;
    font-size: 13px;
}

.inmeeting-participant-phone-div span i {
    padding-top: 4px;
    font-size: 16px;
}

.inmeeting-participants-partition {
    margin-top: 10px;
    display: inline-block;
}
#userJoinedInfoList .list-group-item:last-child .inmeeting-participants-partition {
    display: none;
}
.invite-modal-phone {
    color: white;
    font-size: 18px;
    padding-top: 8px;
    display: block;
}

.user-contact-phone-span, .merge-contact-phone-span {
    padding-top: 9px;
    display: block;
    font-size: 18px;
    color: white;
}
.meeting-participant-sip {
    font-size: 12px;
    display: block;
    margin-top: 6px;
    color:white;
}
.meeting-participant-phone {
    padding-top: 6px;
    font-size: 16px;
    display: block;
    color:white;
}

.meeting-participant-email {
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 2;
    display: block;
    color: white;
}

.meeting-participant-text-div:last-child, .outgoing-multiparty-text-participant:last-child {
    margin-right: 0;
}


.more-history-participants-dropdown {
    margin-top: 4px !important;
}

.more-participant-parent-div .dropdown-menu,
.recent-sub-dropdown,
.dedicated-invite-sub-dropdown,
.more-history-participants,
.noti-meeting-sub-dropdown,
.multiparty-sub-dropdown {
    max-width: 160px;
}

.more-participants-dropdown-list {
    overflow: hidden;
    display: block;
    /* margin-left: -20px; */
    color: black;
    text-overflow: ellipsis;
}

.notification-participant-phone, .notification-participant-sip {
    height: 30px;
    width: 31px;
    border-radius: 50%;
    background-color: #6D7F8D;
    float: left;
    border-left: 1px solid white;
    margin-right: -5px;
    margin-top: -2px;
}
.notification-participant-sip-span, .notification-participant-phone-span, .webcast-phone-span, .webast-sip-span{
    color: white;
    padding-top: 8px;
    display: block;
    font-size: 12px;
}

.notification-participant-phone-span {
    font-size: 15px;
}

.inmeeting-participant-status {
    left: 48px !important;
    top: 22px !important;
}

.schedule-inmeeting-partcipants-presence::before{
    /* left: 21px !important; */
    left: 39px !important;
    top: 26px !important;
}

.dedicatedroom-invite-div {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

#removeProfilePic {
    font-size: 9px;
    color:white;
    left: 32px;
    position: relative;
    border-radius: 10px;
    width: 25px;
    height: 25px;
    top: -4px;
    cursor:pointer;
}

#accountSettingTab .acct-setngs-style{
    /* Property Removed in new modal UI
    border-top: 1px solid #e5e5e5; */
    padding-top: 2px;
    padding-bottom: 5px;
}
.remove-profile-pic {
    background: url(../img/profile-hover-icon.svg) no-repeat center;
    background-size: 50%;
    background-color: #1D384A;
}
.header-dropdown-sharing {
    height: 21px;
    width:100%;
    display:inline-block;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    margin-top:-16px;
    padding-left:4%;
    padding-right:4%;
}

.in-slider-mode .header-dropdown-sharing {
    margin-top: -9px !important;
}
.padding-top-30 {
    padding-top: 30px;
    margin-left: -9px;
}

#accountSettingsModal .form-group {
    /* Property Edited in new modal UI 
    margin-bottom: 3px; */
    margin-bottom: 15px;
}
.languages-Button-text{
    color: #7fc23e;
    background-color: transparent;
    border: none;
    font-size: 9px !important;
}
.languagechangeerror{
    color: red;
    margin-left: 0;
    display: none;
}

/* .side-images-li-history {
    position: absolute;
    left: 2px;
    left:9px;
    padding: 0px 10px 0px 0px;
    margin: 5px;
} */
#accountSettingsModal .form-control{
    padding: 0px 6px !important;
    display: inline-block;
 
}

.translation_callViewBottomBarTranscript {
    margin-left: -8px;
}
.translation_callViewBottomBarVAD {
    margin-left: -4px;
}
.translation_callViewBottomBarHangup {
    margin-left: -4px;
}
.translation_callViewBottomBarRecord {
    margin-left: -2px;
}

.recent-sub-dropdown li {
    display:block;
    color:black;
    overflow:hidden;
    text-overflow: ellipsis;
}

.recent-meeting-partition, .inmeeting-participants-partition {
    margin-top: 3px;
    margin-bottom:1px;
    opacity: 0.2; 
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #000;
    margin-left: -15px;
    width: 107%;   
}

.inmeeting-participants-partition {
    margin-top: 9px;
}

#activity-listDrop li:last-child hr{
    opacity: 0;
  }

.profile-image-div {
    border-radius: 50%;
    border-left: 2px solid #466E88;
    margin-right: -5px;
    float:left;
    display: inline-block;
    cursor: pointer;
}

.profile-image-div:last-child {
    margin-right: 0;
}

.profile-image-div-recent, .incoming-multiparty-partcipants, .outgoing-multiparty-participant, .meeting-noti-image-div, .chat-participant-picture {
    border-radius: 50%;
    border-left: 2px solid #fff;
    margin-right: -5px;
    display: inline-block;
    float: left;
}

.profile-image-div-recent:last-child, .incoming-multiparty-partcipants:last-child, .outgoing-multiparty-participant:last-child, .chat-participant-picture:last-child  {
    margin-right: 0;
}

.recent-meeting-pictures, .incoming-multiparty-pictures, .outgoing-multiparty-pictures {
    margin-top: 10px;
    margin-bottom: 10px;
}

.recent-meetingid-span {
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: 500;
    color: black !important;
    opacity: 0.7;
    font-family: 'Roboto', sans-serif;
}

#activity-listDrop li.recent-meetings-list {
    padding-top: 10 !important;
    padding-bottom: 0px !important;
}

.recent-meetings-list:first-of-type h4 {
    margin-top: 12px !important;
}
.recent-time-span {
    font-weight: 400;
    /* color: black !important; */
    /* opacity: 0.5; */
}

.translation_callViewBottomBarMute {
    width: 92px;
    margin-left: -31px;
}

@media (max-width: 767px){
    #guruDropDownDivInMeeting {
        position: absolute;
        background-color: white;
        top: 3px;
        padding-top: 0;
        right: 53px;
    }    
}

.editWebcastName {
    color: white;
    /* margin-top: 3px; */
    /* margin-left: 350px; */
    cursor: pointer;
    display: none;
    padding: 0 5px;
    /* position: absolute; */
}
/*********************** webcast styling starts *******************/
.webcastDetailsDropDown {
    position: absolute;
    width: 380px;
    left: -95px;
    border-color: transparent;
    max-height: 400px;
    margin-top: 16px;
    padding: 0px;
    border-radius: 4px 4px 4px 4px;
    background: white;
    z-index: 1000;
    display: none;
    cursor: default;
    overflow-x: hidden;
    overflow-y: hidden;
}
.webcastDetailsDropDownHeader {
    border-bottom: 2px white solid;
    background: rgb(238, 237, 237);
    padding: 8px 11px !important;
}
.arrow-up {
    width: 0;
    height: 0;
    vertical-align: middle;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid rgb(238, 237, 237);
    border-top: 0px;
    position: absolute;
    top: 30px;
    right: 20px;
    display: none;
    z-index: 999;
}
#editWebcastimg {
    height: 15px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.history-cell {
    padding: 10px;
    border: 1px solid #dddddd96;
}
.webcastHistory-parrent {
    overflow-y: auto;
    display: inline-block;
    width: 100%;
    max-height: 255px;
    word-wrap: break-word;
    overflow-x: hidden;
}
.invite-history-text-left {
    text-align: left;
    width: 100px;
    padding-left: 0px;
    font-size: 12px;
}
#webcastRoomName{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 286px;
    text-align: left;
    font-size: 12px;
    padding-top: 8px;
}

.webcastRoomInviteLbl, .drop-down-text-web-cast{
    padding-top: 3px;
    text-align: left;
}

#webcastRoomPinStatus {
    font-weight: 600;
}

.display_block {
    display: block;
}
.display_none {
    display: none !important;
}

.webcastFullScreen{
    position: absolute;
    top: 6.3%;
    height: 96%;
    width: 100%;
    left: 0%;
    display: none;
}

#webcastfullScreenABC{
    width: 100%;
    height: 100%;
}

#player_webcast_full {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: black;
    overflow: hidden;
}

/* #webcastFullVideo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0px;
} */

#bar_full_webcast {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    display : block;
}

#subbarStream_webcast {
    width: 100%;
    height: 100%;
    max-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #333;
    background:rgba(0,0,0,0.5);
}

#fulwebcastName {
    height: 100%;
    max-width: 80%;
    position: absolute;
    font-family: Roboto, sans-serif;
    color: rgb(255, 255, 255);
    font-size: 15px;
    left: 4px;
    top: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}



.webcast-on-hold {
    background: url(../img/callview/mypauseimg.svg) no-repeat;
    background-size: contain;
    background-position: center;
    background-color: black !important;
    background-size: 60% !important;
    background-repeat: no-repeat;
 }
/************************** webcast styling ends ***********************/

/* **************** Release Notes Styling Starts **************** */
#hypeReleasNotesModal .modal-dialog {
    max-width:  444px !important;
}

.releaseNotesList, .releaseNotesList ul {
     margin-top: 0;
    padding-left: 2em;
    list-style-type: none;
    padding: 0px 15px 15px 15px;
}
  .releaseNotesList li:before {
    margin-left: -1.3em;
    font-weight: bold;
  }
  .releaseNotesList li.tick:before {
    content: "\2713";
    color: rgb(128, 195, 64);
  }
  .notesList {
    padding-left: 25px;
    color: #5f5c5c;
  }
  #releaseNotesOkBtn {
    padding: 7px 25px;
    margin-bottom: -14px;
  }

  .notReleaseNotes{
    text-align: center;
  }

  .individual-release {
        text-align: left;
  }

.releaseNotesList {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }

.individual-release-list li {
    display: flex;
}
/* **************** Release Notes Styling Ends **************** */
.username-share-recording, .missed-call-profile-text {
    height: 34px;
    width: 34px;
    border-radius:50%;
    background-color: #6D7F8D;
    float: left;
    margin-right: 12px;
}
.username-share-recording-text {
    text-transform: uppercase;
    color: white;
    display: block;
    font-size: 20px;
    padding-top: 2px;
}
.share-recording-profile {
    float: left;
    margin-right: 12px;

}

.user-profile-picture-settings {
    float: left;
    margin-right: 12;
    margin-top: -3px;
}

.user-name-settings, .user-email-settings {
    padding:0;
    margin: 0;
    line-height: 1.2;
}

.user-name-settings {
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
}

.user-email-settings {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.5;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: block;
    min-height: 17px;
}
.username-div-settings {
    float: left;
    height: 38px;
    width: 38px;
    border-radius: 30px;
    background-color: #bbbaba;
    margin-right: 12;
}
.username-text-span-settings {
    text-transform: uppercase;
    font-size: 24px;
    color: white;
    display: block;
    margin-top: 1px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

@media all and (min-width: 850px) and (max-width: 1100px) {
    #recordedMeetingsDiv .tab-main-div{
        width: 75%;
        margin-left: 25%;
    }
    /* #recordedMeetingsDiv .tab-main-header{
        width:82%;
    } */
    #contactsDiv .tab-main-div {
        width: 70%;
        margin-left: 23%;
    }
    #recentCallsDiv .tab-main-div{
        width:76%;
        margin-left: 21%;
    }
}

.single-participant-outgoing-call {
    height: 40px;
    width: 40px;
    margin-top:6px;
    margin-left:30px;
    float: left;
    border-radius: 50%;
    margin-left: 12px;
    background-color: #6D7F8D;
}

.outgoing-multiparty-text-participant, 
.outgoing-multiparty-phone-participant,  
.outgoing-multiparty-sip-participant, 
.incoming-multiparty-text-participant{
    height: 31px;
    width: 33px;
    border:0;
    border-radius: 33px;
    background-color: #6D7F8D;
    border-left:2px solid white;
    display: inline-block;
    margin-right: -5px;
}

.acc-settings-label-div {
    display: inline-block;
    width:27%;
    margin-right:30px;
}

.acc-settings-label-span {
    float:right;
    position: relative;
    top: 7px;
}

.acc-settings-modal-inputs {
    display: inline-block;
    float: none !important;
    width:65% !important;
}
@media all and (max-width: 459px) {
    #accountSettingsModal .modal-content {
        width:100% !important;
    }
    .acc-settings-label-div {
        width: 29%;
        margin-right: 8%;
    }
    .acc-settings-modal-inputs {
        width: 62% !important;
    }
    #updateCellInput2 {
        width: 33.4% !important;
    }
}

#settingsBtnNew ul .list-group-item:first-of-type {
    cursor:default;
}

.dedicated-incoming-request, .dedicated-outgoing-request {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    background-color: #6D7F8D;
    margin: 0 auto;
    cursor: pointer;
    float: left;
    margin-top: 9px;
}

.dedicated-guest-span {
    text-transform: uppercase;
    color: white;
    display: block;
    padding-top: 8px;
    font-size: 17px;
    font-weight: 300;
}

.dedicated-user-profile-img {
    float: left;
    margin-right: 10px;
    padding-left: 32px;
}

.dedicated-incoming-request {
    margin-top:0px;
}

.dedicated-missed-notif-text {
    float: left;
    height: 34px;
    width: 34px;
    background-color: #6D7F8D;
    border-radius: 34px;
}

.dedicated-missed-notif-span {
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 6px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.dedicated-missed-notif-image {
    /* padding-right: 12px; */
    float: left;
    height: 60px;
}

.recording-participant-text-div {
    margin-top: -3px;
}

.more-recording-participants-dropdown , .incoming-multiparty-partcipants, .outgoing-multiparty-participant {
    margin-top: 2px !important;
}

.tabs-more-participants-tip {
    position: absolute;
    top: 8px !important;
    color: #eee;
    right: 1px;
    float: right;
}

.dropup .more-history-participants{
    bottom: 53% !important;
}

.meetingDataHolder .dropup .tabs-more-participants-tip {
    position: absolute;
    bottom: -16px;
    top: unset !important;
    margin-right: 0px !important;
    transform: rotate(180deg);
}

.settings-profile-picture-parent {
    width:27%;
    float:left;
    margin-bottom: 0;
    margin-top:3px;
}
.accnt-activation-blocker {
    min-width: 100%;
    position: fixed;
    text-align: center;
    min-height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99999;
    color: black;
    display: none;
}
.accnt-activation-blocker .modal-sm {
    width: 312px !important;
}
.accountBlockerModalTitle {
    text-align: left;
}
.contactLetterDivParrent {
    float: left;
    padding-right: 18px;
    margin-top: 3px;
}
/* .accnt-activation-blocker-activate:hover,
.accnt-activation-blocker-signout:hover {
    color: #365D7A;
} */
/* .accnt-activation-blocker-signout,
.accnt-activation-blocker-activate{
    font-size: 24px;
    margin-top: 15%;
    color: white;
    cursor: pointer;
    width: 100px;
} */
/* body *:not(.accnt-activation-blocker){
    display: none
} */
.float-left {
    float:left;
}

.display-inline-block {
    display: inline-block;
}

.list-group-itemCustomMeeting .participantMeeting {
    margin-right:23px;
}
.contactProfileDiv{
    float: left;
    padding-right: 18px;
}
.userContactSpanParent, .mergeContactSpanParent{
    float: left;
    padding-right:18px;
    margin-top: 3px;
}
.c-MemberAction {
    float: right; 
    display: none; 
    position: absolute; 
    top: 6px; 
    right: 2px
}
.communityLetterDivParent{
    float: left;
    width: 7%;
}
.communityNameContainer {
    display: inline-block; 
    /* padding-top: 10px; */
    font-weight: 300
}
.historyPixandBtnParent{
    float: right;
}
.historyBtnsContainer {
    float: right; 
    opacity: 0;
}
.historyPixContainer {
    float: left;
}
.historyPixandBtnDivider {
    float: left;
}
.recordingPicContaier {
    float: right;
    opacity: 0;
}
/* .communityContactListImg{
    height: 30px;
    width: 30px;
    border-radius: 20px;
} */

.editMeetingCheckBox {
    margin-left:0px !important;
    margin-top:13px !important;
}

#invite-meeting-modal-list li:not(.ignoreListClick) {
    height:54px;
    margin-right: 150px;
    color: black;
    width: 99%;
    cursor: pointer;
    border: 1px solid rgba(204, 204, 204, 0.4) !important;
    display: block;
}

/* .meeting-invite-alt-contact {
    padding-left: 75px;
    padding-top:6px;
} */

.inviteNewModalChecKBox {
    margin-left:0 !important; 
    margin-top:13px;
}

.share-recording-checkbox {
    width: 100%; 
    font-weight: normal; 
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 9px;
}

.share-recording-checkbox input {
    margin-left:0 !important; 
    margin-top:13px;
}

.shareRecModalContactContainer li {
    height: 54px;
}

#share-recording-contacts-list .name {
    /* padding-left: 30px; */
    padding-top:2%;
    display: inline-block;
}

#start-meeting-modal-list li {
    margin-right:150;
    color:black;
    width:99%;
    border: 1px solid rgba(204,204,204,0.4) !important;
}
.newPasswordFieldsContainer {
    margin-bottom: 17px;
    width: 65%;
    float: right;
}
#start-group-chat-modal-list li, #invite-group-chat-modal-list li {
    padding-top: 6px;
    height: 54px;
}

.notifications-dropdown-text-div .timeMeeting {
    color: black;
    font-weight: 400;
    opacity: 0.8;
} 
.meetingsListPixContainer {
    float: right;
}
.acctSettingsModalFirstRow{
    width: 67%;
    float: right;
    margin-bottom: 21px;
}

.meetingDataHolder .titleMeeting {
    /* font-weight: 300; */
    color: white;
    font-size: 16px;
}

.meetingDataHolder .timeMeeting {
    color: #ecf0f1;
}
.recentMeetingPictures {
    float: left;
}
.recentMeetingsDropdown-fuzzyTime {
    /* float: right; */
    color: #BBB;
}
.recentMeetingListCallIcon {
    float: right;
}
.chatModalCheckBox {
    float: left;
}
.notificationOwnerImgContainer{
    float: left;
}
.moreParticipantsArrowUp {
    font-size: 25px !important;
    margin-top: -25px;
    margin-right: 22px;
}

.historyPixContainer .dropup .tabs-more-participants-tip {
    position: absolute;
    bottom: -15px !important;
    top: unset !important;
    right: 2px;
    transform: rotate(180deg);
}
.notification-meeting-message {
    display: -webkit-box;
}

.dedicated-missed-notif-text-parent {
    /* padding-right: 13px; */
    float: left;
    height: 48px;
}

.transcript-main-div span:first-child {
    margin-top: 1px;
    /* display: inline-block; */
}

.callHistoryListItem .timeMeeting {
    display: inline-block;
    margin-top: 4px;
}

.dedicated-dropdown-top-icon {
    font-size: 24px;
    top: -17px;
    position: absolute;
    left: 40%;
    color: #f2f2f2;
}

#contacts-search-input #searchclear {
    top: 4px !important;
}

.meetings-noti-text-div-parent, .meeting-noti-pic-div {
    float: left;
    height: 70px;
    padding-right: 9px;
}
.outgoing-phone-div-parent, .outgoing-sip-div-parent {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
}
.outgoing-phone-text-div, .outgoing-sip-text-div {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    background-color: #6D7F8D;
    cursor: default;
    color: white;
    margin-top: 6px;
    padding-top: 3px;
}

.poll-string-span {
    font-size: 10px;
    font-weight: 300;
    opacity: 0.5;
}
.poll-strinig-partition {
    padding-left: 7px;
    padding-right: 9px;
    font-size: 11px;
    opacity: 0.5;  
}

.mModalDropdownULParentDiv .ignoreListClick {
    width: 90% !important;
} 

.merge-contact-div-parent {
    padding-right: 8px;
}

.meeting-participant-text-div:last-child {
    margin-right: 0;
}

.outgoing-multiparty-pictures {
    float: left;
    margin-top:7px;
}

.multiparty-sub-dropdown {
    /* opacity: 0.9; */
    box-shadow: 0 0 15px 0 rgba(0,0,0, 0.45);
}

#scheduleCallModal #searchScheduleMeetingPopup {
    right: 11%;
    top: 4px !important;
}

#start-meeting-modal-list .ignoreListClick, #invite-meeting-modal-list .ignoreListClick {
    border: none !important;
}
.contact-invite-li .notifications-dropdown-text-div {
    width: 93%;
}

.dedicatedroom-invite-div .dropup .dedicated-invite-sub-dropdown {
    right: unset !important;
    left: -54px !important;
}

.dedicatedroom-invite-div .dropup .dedicated-invite-sub-dropdown .dedicated-dropdown-top-icon {
    top: unset !important;
    bottom: -15px !important;
    transform: rotate(180deg);
}

.inviteDropdownParentDiv #listPartition {
    border-top: 1px solid #eee !important;
}

.more-history-participants-list, .meetingDataHolder .more-participants-list, .more-recording-participants-list, .multiparty-sub-dropdown{
    width: 100% !important;
    max-height: 150px;
    padding: 0 !important;
    /* box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.41) !important; */
    box-shadow: 5px 5px 9px 6px rgba(0,0,0,0.18)
    /* padding-left: 40px !important;
    padding-left: 44px !important; */
}

.recordingPicContaier .dropdown-menu {
    left:unset;
    margin-left:-118px;
    top:unset !important;
    bottom: unset !important;
}

.recordingPicContaier .dropdown-menu ul{
    max-height: 150px;
    width: 100%;
    overflow: auto;
}

.notifications-dropdown .imgContainer .dropdown-submenu,
.meetingDataHolder .profile-image-div img,
.history-profiles-div .profile-image-div img,
.recordingPicContaier  .profile-image-div img,
.incoming-multiparty-partcipants img,
.outgoing-multiparty-participant img {
    margin-top: -2px !important;
}

.user-profile-picture {
    height:30px;
    width:30px;
    border-radius:50%;
    object-fit: cover !important;
    background-color: #6D7F8D;
    background-image: url("/assets/img/icon-user.svg");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center; 
}

.contact-profile-div img {
    margin-top:4px;
}

.more-history-participants {
    left:unset !important;
    margin-left:-118px !important;
    top:unset !important;
    padding: 0 !important;
}

.noti-participant-text-div {
    border:0 !important ;
    border-left:1px solid white !important;
}

.notification-more-participant-items, .meeting-more-participant-items, .history-more-participant-items, .recording-more-participant-items {
    max-height: 240px;
    width: 100%;
    overflow: auto;
    padding: 0 7px 7px;
    background: rgba(0,0,0,0.05);
}

.notification-more-participant-items li {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
}

.meeting-dropdown-more-participants {
    left: unset;
    margin-left: -119px;
    top: unset;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.more-participants-dropdown-list {
    padding: 1px;
}

.more-participants-dropdown-list:first-of-type {
    padding-top: 7px;
}

#meetingTitleItem {
    margin-top: -7px;
    cursor: default;
    max-width: 270px;
    padding-right: 0px; 
}

.meeting-duration-text, .meeting-duration-time {
    color: white;
    font-family: 'Roboto', sans-serif;
    opacity: 0.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 11px;
}

.meeting-duration-time {
    opacity: 0.8;
    line-height: 1.1;
}
.meeting-title-time-div {
    white-space: nowrap;
    overflow: hidden;
    max-width:270px;
    text-overflow: ellipsis;
}
.outgoing-multiparty-status {
    display: inline-block;
    margin-top: 12px;
    padding-left: 12px;
}
.inmeeting-user-email {
    width: unset !important;
    margin-bottom: 0;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.more-recording-participants-list, 
.more-history-participants-list, 
.more-participants-list, 
.recent-sub-dropdown, 
.noti-meeting-sub-dropdown,
.dedicated-invite-sub-dropdown, 
.multiparty-sub-dropdown {
    max-height: 240px !important;
}

.upload-image-preview {
    object-fit: cover;
    height: 55px !important;
    width: 55px !important;
    border-radius: 40px;
    float: left;
    opacity: 1 !important;
}

.opensips-text-div-parent {
    margin-top: 0px !important;
    display: none;
}


.chat-sub-dropdown {
    margin-top: 0px;
}

.chat-participants-dropdown {
    /* right: -12px !important; */
    margin-top: 5px !important;
    left: unset !important;
}

.chat-participants-dropdown .glyphicon-triangle-top {
    right: 42%;
}

.message_box_user .popover-content {
    max-width: 200px;
} 

.control-access-profile-picture {
    display: inline-block;
    padding-right: 13px;
}

#controlAccessModalMsg {
    display: block;
    text-align: left;
    margin-right: 17px;
}

#controlAccessModalProfile {
    top: 5px;
/*    padding-right: 5px;*/
    display: inline-block;
    float: left;
    margin-top: -5px;
    margin-left: 5px;
}

.access-control-text-div {
    margin-left: 9px;
    margin-right: 13px;
}

.chat-participant-picture, .chat-participant-text {
    margin-bottom: 10px;
}

.participant-main-div #controlRadioBtn {
      margin: 0;
}

.add-chat-partcipant-name {
    padding-left: 30px;
    padding-top:2%;
    display:inline;
}

.invite-chat-text-div {
    margin-left:23px;
    display:inline-block;
    float:none;
}

.remove-profile-picture-icon {
    margin-top: 5px;
    margin-left: 5px;
}
.remove-profile-picture-icon span {
    background-color: #5353e0;
    border: 2px solid white;
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
}

/* #licodeRowToAppendFullScreen [id^="subbarStream_"] {
    top: 7px !important;
} */
[id^="cc-dropdown"] {
    height: 31px;
}
.sliderlicodeVideosDiv .licodeVideosPage [id^="cc-dropdown"] {
    height: unset;
}

#bar_local #cc-dropdownlocal{
    height: 21px;
}

.notification-profile-picture-error {
    border: none !important;
    border-left: 1px solid white !important;
}

.meeting-action-buttons {
    /* float: right; */
    opacity: 0;
}

.recordingActionButtons {
    float:right;
    margin-top:-5px;
    opacity: 0;
}

#speechText li {
    margin-bottom: 5px;
}

.transcript-participant-text-div {
    height: 25px;
    width: 25px;
}

.transcript-participant-div {
    padding-left:0px; /*10px*/
    padding-right:3px;
}

.transcript-participant-div .user-profile-picture {
    height: 25px;
    width: 25px;
}
.transcript-participant-div .transcript-participant-span {
    font-size: 12px;
    margin-top: 5px;
}

.transcripSpeechContainer {
    padding-left:5px; 
    margin:0px;
    margin-top:6px;   
}

.incoming-call-notification {
    margin-left:30px;
    height:40px;
    width:40px;
    margin-top:18px;
}
.incoming-call-notification-parent {
    float: left;
    height: 80px;
    margin-top: 10px;
    margin-right: 13px;
}

.incoming-call-notification-picture {
    height: 92px;
    padding-right: 10px;
    margin-top: 8px;
}
.dropup .noti-meeting-sub-dropdown {
    left: -65px !important;
}
.dropup .noti-meeting-sub-dropdown .glyphicon-triangle-top {
    bottom: -10px !important;
    top: unset !important;
    transform: rotate(180deg);
}

.communityReqPenddingLbl{
    float:right;
    display:inline-block;
    padding-top:10px;
    padding-right:12px;
}

.webcastPinContainerParrent {

}

.webcastInviteContainerParrent{
    padding-right:0;
    padding-top:10px;
    display:-webkit-box;
}

#webcastRoomPinBtn{
    font-size: 11px !important;
    border: 0px !important;
    width: 60px;
    max-height: 28px;
}

#webcastInviteBtn {
    font-size: 11px !important;
    border: 0px !important;
    min-width: 60px;
    max-height: 28px;
}

.translation_joinWebcastRoom img {
    height: 17px;
    padding-right: 3px;
}

.myCommunityHeaderDropdownLecIcon {
    height:20px;
    width:20px;
    margin-left:7px;
}
.float-right {
    float:right;
}

.meeting-owner-div {
    padding-right: 15px;
    margin-top: 4px;
}

.meetingDataHolder, .recording-data-div {
    display: flex;
}
.meetingDataHolder .meeting-participants, .meeting-history-participants, .recording-participants  {
    opacity: 0.6;
    font-weight: 300;
    font-size: 11px;
    word-break: break-all;
    letter-spacing: 0.5;
}

.side-images-li-history {
    padding-right: 7px;
}

.history-sip-participant {
    font-size: 13px;
    margin-top: 7px;
}

.callHistoryListItem .meeting-owner-div {
    margin-top: 0px;
}

.transcript-speaker-text {
    padding-left: 7px;
}

#webcastPinTxt[type=number]::-webkit-inner-spin-button, 
#webcastPinTxt[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
/* #recordedMeetingsTable li {
    padding-bottom: 0;
} */

.emergency-message-content {
    margin-top: 4px;
    width: 85%;
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-all;
}

#urlStreamBtn {
    display: none;
}

#guruCallButton .callview-settings {
    height: 30px;
    width: 29px;
}

@media (min-width: 1180px) and (max-width: 1288px) {
    .callview-navbar-div .topbar-left-items {
        width: 35%;        
    }
}

@media (min-width: 1092px) and (max-width: 1174px) {
    .callview-navbar-div .topbar-left-items {
        width: 38%;        
    }
    .callview-right-li {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width: 990px) and (max-width: 1091px) {
    .navbar-left-items .callview-li {
        padding-left: 14px;
        padding-right: 14px;
    }
    
    .callview-right-li {
        padding-right: 6px;
        padding-left: 6px;
    }

}
.webcast-participant-profile {
    margin-right: -5px;
}

.webcast-participant-profile .user-profile-picture {
    height: 30px !important;
    width: 30px !important;
}

.participantsRow{
    margin-top: 6px;
    margin-bottom: 6px;
    display: inline-block;
}
.webcast-participant-text-div {
    height: 32px;
    width: 33px;
}

.webcast-phone-span {
    font-size: 16px;
}

.webcastroom-submenu {
    height: 32px;
    width: 32px;
    position: relative;
}
.webcastroom-submenu .dedicated-invite-sub-dropdown {
    margin-top: -5px !important;
    right: -72px !important;
}

.participantsRow .webcastItemSubValue {
    overflow: visible !important;
}

.webcastItemSubValue .dropup .dedicated-dropdown-top-icon {
    top: unset !important;
    bottom: -18px !important;
    transform: rotate(180deg);    
}

.more-participants-li-div {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 980px) and (max-width: 1020px) {
    /* .topbarLogoSideContainer{
        padding-left: 0;
    } */
    .callview-navbar-div .topbar-left-items {
        width: 33%;
    }
    #meetingTitleItem {
        width: 123px;
    }
    /* .editWebcastName {
        margin-top: -19px;
        float: right;
    } */
}

.outgoing-call-profile-picture {
    margin-left: 30px;
    padding-right: 14px;
    margin-top: 8px;
}

.outgoing-call-profile-picture img, 
.schedule-call-profile-picture img, 
.incoming-call-owner-div img, 
.incoming-call-notification-picture img,
.inmeeting-owner-profile-picture img  {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    /* padding-top: 10px;
    padding-left: 10px; */
    background-color: #6D7F8D;
    object-fit: cover;
}
.incoming-schedule-li .user-profile-picture-div:first-of-type {
    margin-top: 18px;
}

.incoming-immdediate-li .user-profile-picture-div:first-of-type,
.incoming-immdediate-li .user-profile-text-parent:first-of-type,
.inmeeting-immediate-li .user-profile-text-parent:first-of-type,
.inmeeting-immediate-li .user-profile-picture-div:first-of-type,
.incoming-schedule-li .user-profile-picture-div:first-of-type,
.outgoing-call-li .user-profile-picture-div:first-of-type,
.outgoing-call-li .user-profile-text-parent:first-of-type {
    margin-left: 30px;
}

.incoming-schedule-li .user-profile-picture-div:first-of-type img,
.inmeeting-schedule-li .user-profile-picture-div:first-of-type img,
.inmeeting-schedule-li .user-profile-text-parent:first-of-type .user-profile-text-div {
    height: 40px;
    width: 40px;
}

.incoming-owner-div .user-profile-picture-div img, .incoming-owner-div .user-profile-text-div {
    height: 40px;
    width: 40px;
}

.schedule-call-profile-picture {
    margin-left: 15px;
    margin-top: 18px;
}

.schedule-call-text-div {
    margin-left: 30px;
    height: 40px;
    width: 40px;
    margin-top: 18px;
}

.incoming-schedule-li .user-profile-text-div:first-of-type {
    margin-left: 30px;
    height: 40px;
    width: 40px;
    margin-top: 18px;
}

.incoming-schedule-li .user-profile-text-div:first-of-type .user-name-text-span,
.incoming-immdediate-li .incoming-owner-div .user-profile-text-div:first-of-type .user-name-text-span,
.inmeeting-schedule-li .user-profile-picture-div:first-of-type img,
.inmeeting-schedule-li .user-profile-text-parent:first-of-type,
.inmeeting-schedule-li .user-profile-text-div:first-of-type .user-name-text-span,
.inmeeting-immediate-li .incoming-owner-div .user-profile-text-div .user-name-text-span,
.outgoing-call-li .outgoing-owner-div .user-profile-text-div:first-of-type .user-name-text-span {
    margin-top: 10px;
}

#dedicatedRoomLogs .user-profile-picture, #webcsatInviteHistory .participantsRow .user-profile-picture {
    background-color: #999999 !important;
}

.guru-dropdown-top-icon {
    position: absolute;
    right: 24px;
    top: -14px;
    color: #80C340;
    font-size: 20px;
}

#guruDropDownDivInMeeting {
    margin-top: 9px;
}

#guruDropDownDivInMeeting .guru-item-heading-1 {
    font-weight: 400;
    font-size: 15px;
}

.recent-meeting-pictures .user-profile-picture {
    background-color: #999999;
}

#guruListFooterInMeeting .guru-item-heading-1-footer, #guru-list-inmeeting .guru-name-actual, #guruListHeadingInMeeting .guru-item-heading-2 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
.guru-item-heading-1-footer{
    color: #999;
}

#guruListFooterInMeeting {
    padding: 0;
    margin-bottom: 11px;
    margin-top: 13px;
}

/* #guruListHeadingInMeeting {
    border-radius: 0px;
} */

#guruDropDownDivInMeeting {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* .community-invite-member-li .meeting-modal-contact-img, .group-chat-invite-li .meeting-modal-contact-img, .group-chat-invite-li .meeting-modal-contact-text{
    margin-left: 9px;
} */

/* .community-invite-member-li .meeting-modal-contact-text {
    margin-left: 7px;
} */

@media (min-width: 850px) and (max-width: 1020px) {
    .topbarLogoSideContainer{
        padding-left: 0;
    }

}

@media (min-width: 850px) and (max-width: 913px) {
    .topbarLogoSideContainer .callview-li {
        padding-right: 12px;
        padding-left: 12px;
    }

    #meetingTitleItem {
        width: 116px;
    }
    .callview-navbar-div .topbar-left-items {
        width: 36%;
    }
}

.emergency-profile-div .user-profile-picture {
    width: 26px;
    height: 26px;
}

.emergency-profile-div .chat-profile-text-span {
    font-size: 15px !important;
    padding-top: 4px;
}

.emergency-profile-div .chat-profile-text-div {
    height: 28px;
    width: 28px;
}

.dedicated-missed-notification-content {
    width: 80%;
    padding-left: 10px;
}

.dedicated-room-missed-li .notifications-dropdown-text-div {
    padding: 0px;
}

.sharedScreenVideo .licode-video-dropdown-menu .muteStreamBtn,
.screen-stream .licode-video-dropdown-menu .muteStreamBtn {
    display: none !important;
}

.guru-call-notification-li .chat-profile-text-div {
    height: 36px;
    width: 36px;
    margin-top: 12px;
    margin-left: 12px;
}

.guru-call-notification-li .chat-profile-text-span {
    padding-top: 8px;
}

.licodeVideosPage .stream-audio-indication {
    display: none !important;
}

#micDropdownCallView {
    left: 34px; position: absolute;top:12; 
}

@media (min-width: 950px) and (max-width: 1050px) {
    #micDropdownCallView {
        left: 26px !important;
    }
    .mic-arrow-icon {
        width: 25px;
        margin-left: 20px;
    }
}
.marginLeft {
    margin-left: 11px;
}
.urlPadding {
    padding: 20px 15px 20px 15px;
}
.urlRadioPadding {
    padding: 6px 15px 6px 15px;
}

.community-filter-arrow, .community-actions-arrow {
    font-size: 19px;
    color: white !important;
    position: absolute;
    top: -13px;
    right: 20px;
}

.community-actions-arrow {
    right: 4px;
}

.my-communities-list-item .communityActionsDropdown {
    left: -5px;
}

.user-profile-text-div {
    height: 30px;
    width: 30px;
    float: left;
    border-radius: 50%;
    background-color: #6D7F8D;
}
.user-name-text-span {
    text-transform: uppercase;
    color: white !important;
    font-size: 14px;
    margin-top: 5px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.outgoing-call-li .user-profile-picture-div,
.outgoing-call-li .user-profile-text-parent {
    margin-top: 8px;
}

.outgoing-call-li .outgoing-owner-div .user-profile-picture-div .user-profile-picture, .outging-call-li .outgoing-owner-div .user-profile-text-div {
    height: 40px;
    width: 40px;
}

.streamBarTextColor {
    color: red !important;
}

.share-control-opacity:not(.stream-fullscreen-video) {
    opacity: 0.3
}

.fullscreen-toggle-control-btn .screenControlIcon img {
    height: 28px;
    width: 28px;
    margin-top: 4px;
}

#control-local .localVideoPublishingOptDropdown {
    top: auto !important;
    bottom: 100% !important;
}

.meeting-notification-content-element {
    width: 80%;
}

.meeting-notification-content-element {
    float: left;
}

.contact-invite-li .li-content {
    width: 80%;
    float: left;
}

.contact-invite-li .notifications-dropdown-text-div,  .contact-invite-li .notifications-dropdown-text-div{
    padding-left: 0px;
}
.meeting-owner-profie-text {
    width: 40px;
    margin-left: 30px;
    height: 40px;
}

.incoming-participants-div {
    float:right;
    display:inline-block;
    margin-right:20px;
    margin-top:-21px;
}

.recent-more-dropdown-icon {
    position: absolute;
    top: -10px;
    color: #eee;
    right: 83px;
    float: right;
}

.incoming-multiparty-participants {
    float:right;
    display:inline-block;
    margin-top:-4px;
    margin-right: 7px;
}

.dedicated-incoming-text-parent {
    padding-left:25px;
}

.dedicated-incoming-text-parent .dedicated-incoming-request {
    margin-right:22px;
}

.community-invite-li {
    display: inline-block;
}

.community-invite-li .li-content {
    width: 80%;
    text-align: left;
}

.community-invite-li .li-content .notifications-dropdown-text-div {
    padding-left: 0;
    /*word-break: break-all;*/
}

.cell-inputs-div {
    display: inline
}

.dial-contact-div {
    position: relative;
    right: 0 !important;
    max-width: 130px;
    margin-left: 0px;
    top: 0px;
}

.dial-contact-div .detailsMoreOptions {
    width: 131px !important;
    display: block !important;
}

.emergency-message-text {
    color: black !important;
}

.user-profile-div-stream .user-profile-text-div, .user-profile-div-stream .user-profile-picture{
    height: 24px;
    width: 24px;
    margin-top:  3px;
}
.user-profile-div-stream .user-name-text-span {
    margin-top: 3px;
    /* margin-left: 2px; */
    font-size: 13px;
}

.user-profile-div-stream {
    padding-left: 6px;
}

.user-profile-div-stream .user-profile-text-div i {
    color: white;
}

.sessionExpiryLblParent {
    display: inline-block;
    width: 27%;
}
.inactiveUserSettingsContainer .sessionExpiryCheckboxParent {
    display: inline-block;
    width: 5%;
    padding-left: 10px;
}
.sessionExpiryCheckboxParent .sessionExpiryCheckbox{
    vertical-align: middle;
    height: 13px;
    width: 13px;
    margin-top: 7px;
}
.sessionExpiryCheckboxTxt {
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
}
.translation_accountSettingsSessionExpiry {
    padding-top: 5px;
    display: block;
}
.inactiveUserSettingsContainer{
    height: 100px;
    padding-top: 20px;
}

.sessionExpiryDescMsgParent .sessionExpiryDescMsg  {
    padding: 6px 10px 0px 10px;
    color: #999;
}

.in-slider-mode .user-profile-div-stream {
    display: none;
}

#subbarStream_local .caller-id, .in-slider-mode .caller-id {
    left: 4px !important
}

.remove-profile-picture-icon {
    position: absolute;
}

#bar_local .user-profile-div-stream {
    display: none;
}

.user-profile-div-stream .fa-youtube-play, .user-profile-div-stream .fa-phone {
    margin-top:  3px;
}

#controlRadioBtn div{
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-profile-picture-settings img {
    height: 36px;
    width: 36px;
    border-radius:30px;
    object-fit: cover;
}

#scheduleCallModal .sMeetingActionsDiv {
    width: 35%;
    margin: 0 auto;
}

.resend-invite-text {
    opacity: 0.8;
    cursor: pointer;
    font-size: 12px;
    color: rgba(0,0,0,0.5);
}

.resend-invite-text:hover {
    opacity: 1;
}

.resend-invite-div {
    margin-top: -24px;
    float: right;
    margin-right: 37px;
}
.resend-complete-icon {
    color:#80C340;
    font-size: 16px;
}

#scheduleCallModal .modal-body .schedule-call-modal-form {
/*    background-color: #F3F7F8;*/
    margin-left: -7px;
    margin-right: -7px;
    margin-top: 0px;
    margin-bottom: 10px !important;
    /*border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);*/
}

#scheduleCallModal .modal-body .schedule-call-modal-form #scheduleMeetingDiv {
/*
    border: none;
    margin: 0 auto;
    float: none;
    width: 78.333333%;
*/
}

#scheduleCallModal .modal-body .schedule-call-modal-form #scheduleMeetingDiv .scheduleModalListItem,
#scheduleCallModal .modal-body .schedule-call-modal-form #scheduleMeetingDiv .list-group-item {
    background-color: transparent;
    margin-bottom: 0;
}

.inviteModalSearchBox input {
    background-color: white;
}

.join-info-header-divider {
    padding-left: 28px !important;
}

.dedicated-resend-div, .resend-invite-webcasting {
    margin-left: 15px;
}

.resend-invite-popover, .dedicated-resend-div, .resend-invite-webcasting {
    float: none;
    margin-top: 0px;
    margin-right: 0px;
}

.resend-invite-loader, .resend-complete-icon, .resend-invite-div:not(.resend-invite-popover), .resend-invite-error {
    display: none;
}

#dedicatedRoomLogs li:hover .dedicated-resend-div , #webcsatInviteHistory .history-cell:hover .resend-invite-webcasting {
    display: inline-block;
}

.resend-invite-error {
    color: red;
}

.resend-invite-popover .resend-invite-text {
    font-size: 11px;
}

.resend-invite-loader-div {
    display: inline-block;
}

.resend-invite-popover .resend-invite-loader-div .resend-complete-icon,
.resend-invite-popover .resend-invite-loader-div .resend-invite-loader,
.resend-invite-popover .resend-invite-loader-div .resend-invite-error {
    font-size: 13px;
}

.dedicated-resend-div, .resend-invite-webcasting {
    float: right;
}

.webcast-fuzzy-time-row {
    display:flex;
    justify-content: space-between;
    height: 20px;
}

.inviteOuterMainDiv {
    margin-top: -3px;
}

.inviteNewModalChecKBox {
    top: 16px;
}

.inviteOuterMainDiv .meeting-modal-contact-text {
    height: 32px;
    width: 32px;
}

.inviteOuterMainDiv .user-profile-picture-error, .meeting-modal-contact-img .user-profile-picture-error {
    background-color: #395f7c !important
}

/* .meeting-invite-alt-contact span {
    display: block;
} */

/* #invite-meeting-modal-list .meeting-modal-contact-text {
    margin-top: 3px;
} */

.preload-images {
    display: none !important;
}

.invite-error-div {
    margin-left: 37px;
}

.meeting-notification-li {
    position:relative;
    cursor:pointer;
    min-height:130px;
    width:100%;
    display:inline-block;
}

.missed-call-content {
    width: 70%;
    float: left;
    margin: 0 10px;
}

.missed-call-profile-text {
    margin-right: 0px;
}

.resetTxtRepeat1-icon,
.resetTxtRepeat2-icon,
.resetTxtRepeat3-icon,
.resetTxtRepeat-icon {
    padding-right: 3px;
}

#listImmediateCalls .outgoing-call-li .outgoing-multiparty-status {
    margin-top: 12px;
}
.outgoing-owner-div .user-profile-picture-div {
    margin-top: -4px;
}

.outgoing-owner-div .user-profile-text-div,
.outgoing-user-div .user-profile-picture  {
    height: 40px;
    width: 40px;

}

/* .outgoing-owner-div .user-profile-text-parent {
    padding-left: 44px;
} */

.outgoing-call-li .dropdown-submenu {
    margin-top: 5px;
}

#searchclearChat,
#clearChatAddParticipant,
#clearInvite,
#searchRecordingContactsPopup {
    position: absolute;
    top: 15%;
    left: 89%;
    cursor: pointer;
    color: darkgray;
}
#clearInvite {
    position: absolute;
    top: 15%;
    left: 70%;
    cursor: pointer;
    color: darkgray;
}
#searchclearChat,
#clearChatAddParticipant{
    left: 86%;
}
#searchRecordingContactsPopup{
    left: 93%;
}

.localVideoFittingIcon {
    height: 17px;
}

.in-slider-mode .call-controls .licode-video-dropdown-menu li .localVideoFittingIcon:not(.is-completely-fullscreened),
#myVideo .licode-video-dropdown-menu li .localVideoFittingIcon:not(.is-completely-fullscreened) {
    height: 17px !important;
}

#meetingActionBtnSpan {
    display: inline-block;
}
#meetings-search-input {
    width: 50%;
    position: relative;
    float: left;
    margin-top: 10px;
}

#globalBackButton {
    margin-top: 11px;
}

#cancelIcon {
    opacity: 0.7;
    margin-top: 7px;
    padding-right: 5px;
}

.recording-data-div .meeting-owner-div {
    margin-left: 12px;
}

.want-screen-control {
    font-size: 11px;
    float:left;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.share-screen-control-icon {
    width:26px;
    height: 26px;
    float:right;
    cursor:pointer;
    margin-right: 10px;
}
.in-slider-mode .share-screen-control-icon {
    width: 18px !important;
    height: 18px !important;
}

.editMeetingBtn {
    padding-top: 0px;
}

#searchinputMeeting {
    margin-top: 2px;
}

.in-slider-mode .stream-bar-dropdown {
    height:  19px;
    padding: 0px;
    margin-right: 4px !important;
}

#callControls_local .stream-bar-dropdown {
    margin-right: 0px !important; 
}

#licodeVideosDiv .licode-video-dropdown-menu, #licodeVideosDivFullScreen .licode-video-dropdown-menu {
    right: 22px !important;
}

.in-slider-mode .message_contact_button img {
    padding-top: 1px;
}

.webcastroom-submenu .dedicated-invite-sub-dropdown, #dedicatedRoomLogs .dedicated-invite-sub-dropdown {
    max-height: 153px !important;
    overflow: auto !important;
}
.webcastroom-submenu .dedicated-invite-sub-dropdown .more-participants-li-div li {
    overflow: hidden;
    text-overflow: ellipsis;

}

.participantsRow .signle-event-dropdown-position {
    position: absolute;
}

#dedicatedRoomLogs .signle-event-dropdown-position {
    position: fixed;
}

#dedicatedRoomLogs .dedicated-invite-sub-dropdown {
    margin-top: -4px !important;
}

.screen-control-to-guru {
    right: 10px;
}

.guru-control-custom-dropdown {
    right: -29px;
}

.guru-control-top-icon {
    left: 111px !important;
}

.in-slider-mode .screen-control-to-guru {
    right: 0px;
}

#fullscreen-control-tray .screenControlIcon {
    right: 60px;
}

.recent-meeting-pictures .history-participant-username-letter {
    margin-top: 6px;
}

.inmeeting-schedule-li .divNotificationStack,
.inmeeting-immediate-li .incoming-meeting-notiification {
    width: 80%;
}

.share-recording-li .user-profile-picture-div,
.share-recording-li .user-profile-text-parent
/* .notification-reminder-li .user-profile-picture-div,
.notification-reminder-li .user-profile-text-parent, */
/* .missed-call-invite-li .user-profile-picture-div,
.missed-call-invite-li .user-profile-text-parent  */
{
    margin-right: 10px;
    /* margin-left: 8px; */
}

.immediate-inmeeting-info-li .user-profile-picture-div,
.immediate-inmeeting-info-li .user-profile-text-parent {
    margin-right: 10px;
    margin-left: 10px;
}

.immediate-inmeeting-info-li .user-profile-text-parent .sip-user-span,
.immediate-inmeeting-info-li .user-profile-text-parent .phone-user-span {
    margin-top: 8px;
}

.immediate-inmeeting-info-li .user-profile-text-parent .email-user-span {
    margin-top: 7px;
}

.immediate-inmeeting-info-li .user-profile-text-parent .sip-user-span {
    font-size: 13px;
}

.checkMicIcon {
    color: #2c6d9a;
    padding-left: 18px;
    padding-right: 5px;
}
.micCanvasParent {
    display: none;
}
.checkMicIconContainer {
    cursor: pointer;
    color: #2c6d9a;
}

.edit-meeting-alt-li {
    margin-right:150 !important;
    color:black !important;
    width:99% !important;
    border: 1px solid rgba(204,204,204,0.4) !important
}

.edit-meeting-alt-li .editMeetingCheckBox  {
    top: 8px;
    left: 32px;
}

.in-slider-mode .stream-bar-dropdown img {
    height: 15px !important;
}

.stats-bar-main-div {
    margin-left: 5px;
}

.in-slider-mode .stats-bar-main-div {
    margin-left: 0px;
}

.invite-alt-contact {
    left: 30px;
}

.schedule-meeting-info-content {
    margin-bottom: 0 !important; 
    overflow-y: auto; 
    overflow-x:hidden; 
    height:auto;
    max-height: 209px;
}

.schedule-meeting-info-content li {
    border-bottom: 1px solid gainsboro !important;
}

.screen-share-popup-icon {
    width: 30px;
    height: 30px;
}

.community-add-member-div {
    padding-top: 5px;
    padding-bottom: 11px;
}

#add-member-modal-list .clusterize-no-data{
    text-align: center !important;
}

.meetingTitleBarDivHide {
    display: none !important;
}
.reminder-notification-content {
    width: 80%;
    display: inline-block;
    /* float: left; */
}

.outgoing-user-div .user-profile-picture-div {
    margin-right: 12px;
}

.outgoing-user-div .user-profile-picture-div, .outgoing-user-div .user-profile-text-div {
    margin-right: 12px;
}

/* ------- Styling for Invite Modal ------- */
.invite-modal-checkbox-section input {
    position: unset !important;
}

.invite-modal-profile-section {
    margin: 0 10px;
    margin-top: 4px;
}

.invite-modal-checkbox-section {
    margin-top: 10px;
}

.invite-modal-profile-section .meeting-modal-contact-img, .invite-modal-profile-section .meeting-modal-contact-text {
    margin-left: 0px;
    margin-top: 0px;
}

.invite-modal-name-section .otherDetails,  .invite-phone-section .ignoreListClick .inviteInnerCheckbox {
    position: unset;
}

.inviteModalDropdownUL .ignoreListClick .inviteInnerCheckbox {
    margin-top: 0px !important;
    margin-right: 8px;
}

.invite-phone-section {
    width: 50%;
}

.inviteModalDropdownUL .ignoreListClick .innerPhoneNumber {
    position: absolute;
        bottom: 11px;

}

.invite-phone-section .inviteModalDropdownUL {
    left: unset;
    right: -12px;
}

/* ------- End Styling for Invite Modal ------- */

.in-slider-mode .licodeVideosPage .call-controls .dropdown-menu-right {
    z-index: 1060;
}


.inmeeting-partcipant-content #statusMsg {
    margin: 0px;
}

.immediate-inmeeting-info-li .callInviteInfoModalCallBtn .userInfoImg {
    top: 11.5%;
}

#userPresenceStatus {
    margin-top: -2px;
    font-size: 11px;
    opacity: 0.6;
    letter-spacing: 0.3;
}

.user-name-presence {
    margin: 9px 16px 0px 16px;
}

.meeting-modal-presence-status {
    font-size: 11px;
    opacity: 0.6;
}

li .start-modal-checkbox-section input,
li .schedule-modal-checkbox-section input, 
li .edit-modal-checkbox-section input,
li .add-chat-checkbox-section input,
li .share-recording-checkbox-section input {
    position: unset !important;
}

.start-modal-profile-section ,
.schedule-modal-profile-section , 
.edit-modal-profile-section,
.chat-modal-profile-section,
.add-member-profile-section {
    margin: 0 10px;
    margin-top: 5px;
}

li p.meeting-modal-presence-status {
    margin: 0 14px;
}

li div.meeting-modal-presence-status {
    margin: 0 14px;
}

#start-group-chat-modal-list .group-chat-invite-li.group-chat-invite-li::before {
    top: 33px;
}

.add-chat-profile-section,
.share-recording-profile-section,
.info-profile-section,
li.list-group-item .info-name-section p.inmeeting-presence {
    margin: 0 10px;
}

.share-recording-profile-section {
    margin-top: 2px;
}

.share-recording-checkbox-section {
    margin-top: -2px;
}

#invite-meeting-modal-list li.list-group-item::before  {
    top: 33px;
}

/* ------- Styling for Info Popover Schedule ------- */
li.list-group-item .info-name-section p {
    margin: 0 ;
}

.info-name-section .inmeeting-presence, .info-name-section .user-alt-name {
    font-size: 11px;
    opacity: 0.6;
}

.info-name-section .user-sub-name {
    padding: 0 10px;
    opacity: 0.6;
}

.content-div-sip {
    width: 53%;
    overflow: hidden;
    white-space: nowrap;
}

#userJoinedInfoList li.list-group-item::before  {
    left: 49px;
    top: 26px;
}

.user-sub-address {
    opacity: 0.6;
}

.alt-sub-text {
    padding: 0 5px;
}

.user-alt-name, .user-name-main {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sip-dial-button-section {
    margin: 3px 7px 0px;
    /* ------- top left/right bottom ------- */
}

/* ------- End Styling for Info Popover Schedule ------- */
.missed-call-content .notifications-dropdown-text-div {
    padding: 0px;
}

.history-meeting-webcast {
    color: #e0b76b;
    font-size:12px;
    padding: 0px 2px;
    word-spacing: 4;
}

.history-meeting-joined {
    font-size: 12px;
    opacity: 0.7;
    font-weight: 300;
}

.community-name-presence-section {
    display: inline-block !important;
    margin: 0 10px;
    margin-top: -4px;
}

.list-group .communityDataMember {
    padding-top: 7px;
}

.other-lec-call-li .lec-call-span {
    padding-top: 8px;
    display: inline-block;
}

#webcastCopyUrlBtn {
    font-size: 11px !important;
    border: 0px !important;
    margin-top: 3px;
    min-width: 60px;
    max-height: 28px;
}

.fileUploadData{
    color: #777;
    display: block;
    font-size: 9px;
}

.outgoing-call-li .outgoing-owner-div .user-profile-text-parent {
    margin-top: -2px;
}

.remote-recording {
    color: red !important;
    margin-left: -8px;
}

.recordingToggleOn div {
    color: red !important;
}

@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)   { 
    #licodeVideosDivFullScreen {
        top:7.5% !important
    }
}  

.outgoing-multiparty-pictures .user-profile-text-parent, .outgoing-multiparty-pictures .user-profile-picture-div,
.incoming-multiparty-pictures .user-profile-text-parent, .incoming-multiparty-pictures .user-profile-picture-div {
    border-radius: 50%;
    margin-right: -5px;
    border-left: 2px solid #fff;
}

.dedicated-trans-history {
    margin-top: 7px;
    margin-left: -5px;
}

.transcript-with-poll {
    margin: 0 15px;
}

.immediate-inmeeting-info-li .callInviteInfoModalCallBtn .btn-defaultCustomRed .userInfoImg {
    top: 11.9%;
    right: 5.0%;
}

.dedicated-room-outgoing-profile .user-profile-text-div, .dedicated-room-outgoing-profile img {
    height: 40px;
    width: 40px;
}

.dedicated-room-outgoing-profile .user-profile-text-parent, .dedicated-room-outgoing-profile .user-profile-picture-div {
    padding-left: 100px;
    margin-top: 5px;
}

.dedicated-room-outgoing-profile .user-profile-text-parent .user-name-text-span { 
    margin-top: 10px;
}

.dedicated-room-outgoing-guest .user-profile-text-parent, .dedicated-room-outgoing-guest .user-profile-picture-div {
    padding-left: 50px;

}
/* #userJoinedInfoList .list-group-item:first-of-type {
    margin-top: 0px;
} */

.setPositionToRigth{
    float: right;
    padding-right: 5px;
}

/*#repeatsOn{
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.repeatOnWidth{
    width: 85%;
    margin-top: 7px;
}

.repeatTextWidth{
    width: 15%;
}*/

.dedicated-profile-parent .user-profile-text-div {
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-right: 22px;
}

.dedicated-profile-parent .user-profile-text-div .user-name-text-span {
    margin-top: 10px;
}

.recent-meeting-pictures .user-profile-text-div {
    height: 30px;
    width: 32px;
    border-radius: 50%;
    border-left: 2px solid white;
    background-color: #6D7F8D;
    display: inline-block;
    float: left;
    margin-right: -5;
}

.schedule-inmeeting-info-alt .phone-user-span {
    margin-top: 8px;
}

.repeatTextWidth {
    margin-top: 7px;
}

#muteBtn:focus, #muteBtn2:focus, #muteBtn3:focus, #muteBtn4:focus, #muteBtn:hover, #muteBtn2:hover, #muteBtn3:hover, #muteBtn4:hover {
    text-decoration: none;
} 

.top-li-item .other-lec-call-li .lec-call-span {
    padding-top: 0px;
}

#recent-activity-button:hover {
    background: none;
}

.remoteRecDisabled {
    background-position: center;
    cursor: not-allowed;
    pointer-events: none;
}

.form-group .share-recording-label {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 62px;
    margin-top: 4px
}

.share-rec-select {
    margin-top: 3px;
}

.shareRecModalPresence {
    margin-top: 1px;
}

#accountVerificationBlocker .modal-footer {
    border-top: none;
}

#localvideoContainer #localvideoPlayer {
    height: 97%;
}

#playLocalRecordingPlayStop, #playLocalRecordingPauseResume, #playLocalRecordingExit {
    border-left: 1px solid rgba(255,255,255,0.2);
}

#joinMeetingModal {
    overflow: hidden;
    height: 100%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.tab-contact-icon.contact-invite-cacnel {
    margin: 0 6px;
    height: 16px;
    width: 15px;
    padding-top: 3px;
}

body .resend-contact-button {
    padding-top: 3px !important;
}

#phoneSelectOption {
    max-height: 200px;
    overflow: auto;
}

#phoneSelectOption li {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 5px;
    text-align: left;
    width: 100%;
    padding-left: 12px;
    cursor: pointer;

}

#phoneSelectOption li:nth-child(even) {
    background: aliceblue;
}

#phoneSelectOption li span:nth-child(odd) {
    text-align: right;
    width: 45px;
    display: inline-block;
    padding: 0 7px;
}

.in-slider-mode .video-off, .in-slider-mode .remote-call-on-hold  {
    background-size: 43% !important;
}

.slightFade {
    opacity: 0.8;
}

/* body  video {
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg); 
}

.screen-stream video,
#recordingVideosDiv .video-off,
.youtubeStream  video {
    transform: rotateY(0deg) !important;
    -webkit-transform:roteY(0deg) !important;
    -moz-transform:rotateY(0deg) !important;
} */

#chat-message-header-box .popover-content .user-profile-text-div {
    height: 30px;
    width: 32px;
    margin-right: -5px;
    border-right: 2px solid white;
}
.recording-beta {
    font-size: 10px;
    position: absolute;
    right: 4px;
    background-color: red;
    padding: 2px;
}

.beta-text-plugin {
    letter-spacing: 0.2;
    border-radius: 3px;
    font-size: 9px;
    background-color: red;
    padding: 3px;
    position: absolute;
    color: white;
    top: 10px;
    right: 7px;
    font-family: 'Roboto';
}

.pass-prompt {
    padding: 3px;
    position: absolute;
    right: 17px;
    top: 9px;
    background-color: #F0D88E;
    border-radius: 3px;
}

.pass-prompt p {
    margin: 0px;
    padding: 0px 5px;
    color: #777;
}

.pass-prompt .arrow-icon {
    left: -6px;
    position: absolute;
    font-size: 19px;
    color: #F0D88E;
}
#scheduleCallModal .pass-prompt {
    right: 10px;
    top: 4px;

}

.remove-youtube-li {
    padding: 5px 15px;
}

.remove-youtube-li span:nth-child(1) {
    color: red;
    float: left;
    padding-right: 15px;
    font-size: 20px;
}

.remoteRecLocal {
    background-position: center;
}

.recording-list-li .name-section {
    margin: 0 10px;
}


.local-section-header {
    background-color: #eaeff2;
    padding: 5px 10px;
    color: #365D7A;

}

.local-recording-ul .recording-list-li {
    padding: 8px 10px;
    border-bottom: 1px solid lightgray;
}

.recording-list-li .local-recording-list {
    padding: 8px 10px;
}

.recording-list-li .recording-text, .recording-list-li .name-section {
    padding-top: 4px;
}

.recordingListCallViewTopBar {
    max-width: 240px;
    min-width: 240px !important;
}

.cloud-recording-section {
    padding:10px
}

.recording-list-li .recording-text {
    color: #7fc23e
}

.youtube-dropdown-top-icon {
    position: absolute;
    right: 24px;
    top: -14px;
    color: white;
    font-size: 20px;
}

.youtubeDropDown {
    margin-top: 10px;
    /* max-width: 107px; */
    /* min-width: 44px; */
    width: 220px !important;
    height: 85px !important;
    margin-top: 9px !important;
    border-radius: 10px !important;
}
.youtubeDropDownWeb {
    height: 50px !important;
}

.youtube-item{
    cursor: pointer;
    margin-left: 19px;
}

.shareVideo {
    vertical-align: middle;
}
.youtubeText{
    color: #365D7A;
    font-weight: normal;
    font-size: 14px;
    padding-left: 7px;
    padding-top: 6px;
    position: absolute;
}

.share_text {
    color:#80C340 !important;
}
.line {
    width: 99%;
    height: 0;
    border: 1px solid #C4C4C4;
    margin: 5px 0 5px 0;
    display:inline-block;
}

.youtubecaretIcon{
    position: absolute;
    right: 6px;
    top: 11px;
    color: white;
    font-size: 13px;
}

#choose-meeting-modal .radioBoxDedicated, 
#choose-meeting-modal .radioBoxWebcast,
#joinMeetingModal .radioBoxDedicated, 
#joinMeetingModal .radioBoxWebcast,
#joinMeetingLoginModal .radioBoxDedicated, 
#joinMeetingLoginModal .radioBoxWebcast,
#guestConfirmationModal .radioBoxDedicated,
#guestConfirmationModal .radioBoxWebcast {
    color: black;
}

.rbDedicatedRoom, .rbWebcastRomm {
    color: white;
}


select#callParticipantsTimezone {
    flex: 1;
    margin-right: 15px;
}

#participantsTimezoneModal .filter-option-inner-inner {
    margin-right: 10px;
}

.selectpicker#callParticipantsTimezone + button,
.meetingTimezoneDropdown + button {
    color: #333;
    box-shadow: none;
    background-color: transparent;
    font-size: 13px;
}

select#callParticipantsTimezone option {
    direction: ltr;
}

#immediateMeetingEmailAddressList {
    background: #F4F7F8; 
    border-radius: 5px; 
    padding: 15px 20px 15px 20px;
    max-height: 69%;
    overflow-y: scroll !important;
    min-height: 62%;
}

img[data-target="#participantsTimezoneModal"],
button[data-target="#participantsTimezoneModal"] {
    cursor: pointer;
}

#immediateMeetingEmailAddressList .meetingTimezoneDropdown {
/*    position: inherit;
    right: 15px; */
    overflow: visible;
}

.open .scheduleModalDropdownUL.phone-dropdown-down {
    top: 50px;
}

.in-slider-mode .remote-call-on-hold-fullscreen, .remote-call-on-hold-fullscreen  {
    background-size: 19% !important;
}

.in-slider-mode .audio-only-fullscreen, .audio-only-fullscreen {
    background-size: 23% !important
}

.recording-count-name {
    margin: 0 10px;
}

.recording-count-name .recording-current-user {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.recording-count-name .recording-current-count {
    color: rgba(0,0,0,0.6);
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    margin-top: -2px;
}

#userJoinedInfoList .immediate-inmeeting-info-li .callInviteInfoModalCallBtn {
    display: block;
    float: none;
    position: unset;
    margin-top: 3px;
}

#userJoinedInfoList .immediate-inmeeting-info-li .callInviteInfoModalCallBtn .userInfoActionBtn {
    padding: 0 !important;
}

#userJoinedInfoList .immediate-inmeeting-info-li .callInviteInfoModalCallBtn .userInfoActionBtn img {
    position: unset;
}

.raiseHandPopDownListItem.lectureCallOwner .invitToPublishBtn .fa-plus {
    padding: 0px 0px 0px 12px;

}

.immediate-inmeeting-info-li.raiseHandPopDownListItem.lectureCallOwner .invitedContactStatus {
    margin-right: 38px;
}

.chat-members-list {
    margin-top: 8px;
    margin-left: 8px;
}

.start-meeting-section .second-heading-section  .back-to-account, .end-meeting-section .second-heading-section  .back-to-account {
    font-size: 16px;
    color: #7fc23e;
}

@media (min-width: 1450px) and (max-width: 1540px) { 
    #licodeVideosDiv {
        top: 6.6%;
    }
}

.raise-hand-icon-local {
    height: 13px;
    width: 16px;
    margin-top: 2px;
}

.raise-hand-indication-local {
    bottom: 5px;
    position: absolute;
    height: 18px;
    width: 18px;
    background: white;
    border-radius: 20px;
    left: 102px;
    z-index: 3;
    display: none;
}

/* @media (min-width: 2000px) {
    #vadFullScreen {
        top: 5.7% !important;
    }
}

@media (min-width: 2500px) {
    #vadFullScreen {
        top: 4.7% !important;
    }
}


@media (min-width: 1440px) and (max-width: 1999){
    #vadFullScreen {
        top: 6.7% !important;
    }
} */


.recording-dropdown-icon {
    color: rgba(255,255,255,0.9);
    font-size: 11px;
    padding: 0 1px;
}

.turn-server-radio-div {
    display: flex;
    justify-content: space-between;
    margin: 10px 17px;
    margin-bottom: 0px;
}

.turn-server-radio-div p {
    margin: 0;
}

#listImmediateCalls .divNotificationStack .incoming-participants-div {
    margin-top: -38px;
}

#global-notification-popup .incoming-immdediate-li .user-profile-picture-div,
#global-notification-popup .incoming-immdediate-li .user-profile-text-parent {
    margin-top: 6px
}

#global-notification-popup .user-profile-picture, #global-notification-popup .user-profile-text-parent  {
    margin-top: 12px;
}

#global-notification-popup #listImmediateCalls .incoming-immdediate-li .user-profile-picture {
    margin-top: 0px;
}

#global-notification-popup .outgoing-multiparty-pictures .user-profile-picture {
    margin-top: 4px;
}

#global-notification-popup .outgoing-owner-div .user-profile-picture {
    margin-top: 17px;
}

#listImmediateCalls .incoming-immdediate-li .incoming-more-participants,
#listImmediateCalls .outgoing-call-li .outgoing-more-participants {
    height: 37px;   
    width: 37px;
}

#listImmediateCalls .incoming-immdediate-li .incoming-more-participants .recent-more-participants-count,
#listImmediateCalls .outgoing-call-li .outgoing-more-participants .recent-more-participants-count {
    margin-top: 9px;
}

#listImmediateCalls .incoming-immdediate-li .incoming-more-participants {
    margin-top: 14px;
}


/* #listImmediateCalls .outgoing-call-li .incoming-more-participants .recent-more-participants-count {
    margin-top: 
} */

#netwroksettingsmsglbl {
    margin-bottom: 5px;
    margin-top: 0px;
}

.turn-server-radio-div label {
    float: right;
    margin-top: 3px;
    margin: 3px 4px;
    cursor: pointer;
}

.turn-server-radio-div input {
    cursor: pointer;
}

.acc-delete-pass {
    z-index: 2147483647 !important;
}

.myNav-trash-icon{
    height: 17px;
    width: 17px;
    
}

.myNav-trash-icon-second{
    margin-bottom: 5px;
}

.languageRTL .myNav-trash-icon-second{
    margin-bottom: -7px;
}

.deletePassAlertClass {
    display:none;
    text-align:left;
    margin-bottom:0 !important;
    padding: 0 15px;
    color: #ff0000;
}

.shake_button {
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.languageRTL .accnt-activation-blocker-activate{
    margin: 0 10px;;
}
.languageRTL .accActivateModalFooterDiv, .languageRTL .accActivateModalFooter{
    display: flex;
}

.accActivateModalFooterDiv{
    margin: auto;
}

#listImmediateCalls .outgoing-call-li .outgoing-more-participants {
    position: relative;
}

#listImmediateCalls .outgoing-call-li .outgoing-more-participants .multiparty-sub-dropdown {
    position: absolute;
    top: 105% !important;
    right: -15% !important;
}
#meeting-pannel-webcast.translation_joinWebcastRoom {
    width: 141px !important;
  }