@charset "utf-8";

/* CSS Document */

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  background: #f3f3f9;
}

.topmenu {
  padding: 13px 0px;
  float: right;
  display: inline-block;
}

.cls {
  clear: both;
}

.man {
  /* max-width: 600px;
  margin: auto; */
  max-width:100%;
}

.collapsible .text {
  font-size: 18px;
  display: inline-block;
  margin-top: 4px;
}

.collapsible {
  background-color: #408bda;
  color: white;
  cursor: pointer;
  padding: 8px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-bottom: 10px;
}

.logo {
  width: 120px;
}

.collapsible {
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
}

.collapsible:after {
  content: "\f107";
  color: white;
  font-weight: bold;
  margin-left: 5px;
  font-size: 25px;
  float: right;
}

.collapsible.active:after {
  content: "\f106";
}

.rigth_icon {
  float: right;
}

.rigth_icon .fa {
  margin-left: 15px;
}

.boxs {
  margin: 0;
  padding: 0;
}

.boxs li {
  padding: 2% 0;
  width: 24%;
  margin-right: 2%;
  float: left;
  list-style: none;
  text-align: center;
  background-color: #408bda;
  color: #fff;
  font-weight: bold;
}

.boxs li span {
  font-size: 30px;
  font-weight: 600;
  display: block;
  margin-top: 20px;
}

.ac-title {
  position: relative;
  cursor: pointer;
  font: normal normal normal 14px/1 FontAwesome;
  margin-left: 15px;
  float: right;
  margin-top: 5px;
}

.ac-title p {
  font-size: 16px;
  font-weight: 500;
  word-wrap: break-word;
  color: #414141;
  margin: 0;
  padding: 10px 32px 10px 51px;
  border-radius: 0;
}

.accordian-para {
  display: none;
  border-top: none;
  margin: 0px 0 0 0;
}

.accordian-para {
  padding: 5px 10px 10px;
}

.ac-title.acc-active p {
  color: #014084 !important;
}

.plus-icon::after {
  content: "\f107";
  color: white;
  font-weight: bold;
  font-size: 25px;
  width: 20px;
  height: 20px;
  z-index: 99;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  background-repeat: no-repeat;
}

.cross-icon {
  transform: rotate(180deg);
}

.listbtn {
  background: #408bda;
  background-color: #408bda;
  color: white;
  cursor: pointer;
  padding: 8px 18px;
  font-weight: 600;
  border: none;
  text-align: left;
  outline: none;
  margin-bottom: 5px;
}

.btn1 {
  margin-right: 15px;
  padding: 8px 25px;
  border-radius: 100px;
  background-color: #408bda;
  color: #fff;
  cursor: pointer;
  border-color: #408bda;
  display: inline-block;
}

.boxs li i {
  font-size: 40px;
}

.boxs li p {
  margin-bottom: 0;
}

.boxs .li {
  background: #68a4e3;
}

.dashletPanel .h3Row,
.button {
  background: #2a5fc1;
}

.mobile-bar,
.dropdown-menu,
input[type="submit"],
.buttons .button {
  background-color: #2a5fc1;
}

.mobile-bar .toolbar .navbar-nav .dropdown-toggle {
  background-color: transparent !important;
}

.navbar-inverse .dropdown-menu li a {
  background-color: #fff;
  border-bottom-color: #fff !important;
}

.sidebar {
  background-color: #2a5fc1 !important;
}

div.p_login .p_login_top {
  background-color: #408bda !important;
}

.btn-danger {
  background-color: #408bda !important;
  border: 1px solid #408bda !important;
}

.sidebar .actionMenuSidebar li a {
  background-color: #408bda !important;
}

.create.quickcreatetop .dropdown-toggle {
  background-color: #f3f3f9 !important;
  color: #878a99;
}

.mobileheader .dropdown-menu li.recentlinks {
  border-bottom: #f5f5f5 !important;
}

div.p_login #loginform {
/*   padding-top: 0px !important; */
  margin-top: 4% !important;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
  margin-bottom: 10px;
  max-width:450px;
  padding:25px;
}

div.p_login .p_login_top a {
  background-image: url("../../public/p_login_logo.png") !important;
}

.accordian-block {
  line-height: 35px;
}

.accordian-block .listbtn {
  font-size: 20px;
}

.mobile_menu .glyphicon-plus {
  display: block;
  float: right;
  text-align: center;
  width: 28px;
  /* color: #fff; */
  font-size: 10px;
}
@media (max-width: 426px) {
  #zoom_in_link,
  #zoom_out_link,
  #reset_zoom_link {
      display: none !important;
  }
}


/* START CSS BY WDM TEAM */

a, .btn, .button, button{-webkit-transition:all .5s ease;transition:all .5s ease;}
div.p_login .p_login_top{display:none;}
div.p_login, div.p_login .p_login_middle, div.p_login .p_login_bottom{background: #2a5fc1;}
td.fc-widget-header table > thead, td.fc-widget-header, td.fc-widget-header table > thead > tr > th{background:#f3f6f9;}
.fc-day-header a, .fc-day-header a:hover, .fc-day-header a:focus, thead.fc-head, .qtip .qtip-content{color: #212529;}
.fc-day-header a:hover, .fc-day-header a:focus{text-decoration:underline;}
.qtip .qtip-content{background:#fff;}
.fc-day-top{background:none;}
a.fc-day-number{color:#534d64;font-weight:bold;}
td.fc-day-top.fc-today .fc-day-number{color:#fff;}
div.p_login .p_login_bottom{text-align:center;padding-top:0;}
div.p_login .p_login_bottom a#admin_options, div.p_login .p_login_bottom a#powered_by{color:#fff;}
div.p_login #loginform .companylogo img{margin:0 !important;}
div.p_login #loginform .input-group input{border:1px solid #ced4da;border-radius: 4px;}
#forgotpasslink{padding-bottom:0;}
.login-language-chooser{margin:0 0 20px;}
.login-language-chooser select{height:29px;line-height:24px;vertical-align:middle;}
div.p_login #loginform .click_here{border-top:1px solid #ced4da;padding:5px 0 0;margin:5px 0 0;font-size:15px;}
div.p_login #loginform #bigbutton:hover, div.p_login #loginform #bigbutton:focus{background-color: #204791;}
a, .table-responsive.list > tbody > tr > td > a{color:#2a5fc1;}
.table-responsive.list > tbody > tr > td > a{border-bottom-color: #2a5fc1;}
.recentlyViewedHome .ul-div ul{float:left;width:100%;margin-top:40px;}
.recentlyViewedHome .ul-div ul .recently_viewed_link_container_sidebar{float:left;width:20%;box-sizing:border-box;padding:5px;}
.recentlyViewedHome .ul-div ul .recently_viewed_link_container_sidebar .recentlinks{background:#fff;padding:30px 15px;width:100%;
  margin-top: 5px !important;height: 140px !important;box-sizing:border-box;text-align:center;position:relative;line-height:normal;border: 1px solid #e9ebec;box-shadow: 0 1px 2px rgba(56,65,74, 0.15);}
.list #pagination td .paginationTable .paginationActionButtons{background:#fff;border-top: 1px solid #e9ebec;border-bottom: 1px solid #e9ebec;}
.recentlyViewedHome .recentlinks .recent-links-detail .suitepicon{font-size:36px;color:#878a99;}
.recentlyViewedHome .recentlinks .recent-links-edit{position: absolute;right: 0;top: 0;background: rgba(42, 95, 193, .8);color: #fff;display: inline-block;padding: 2px 4px;font-size: 14px;}
.recentlyViewedHome .recentlinks .recent-links-edit:hover, .recentlyViewedHome .recentlinks .recent-links-edit:focus{background: rgba(42, 95, 193, 1);}
.content .recentlyViewedHome{position:relative;}
.content .recentlyViewedHome .recent_h3, .content .moduleTitle .module-title-text, #gantt_chart .moduleTitle h2{margin:0;color: #495057;font-weight: bold;text-align:left;text-transform:uppercase;font-size:16px;line-height: normal;letter-spacing:0;}
.content .recentlyViewedHome .recent_h3, .content .moduleTitle, #gantt_chart .moduleTitle{position:fixed;margin-left:-3%;top:60px;width:100%;padding:10px 3%;background:#fff;box-shadow: 0 1px 2px rgba(56,65,74, 0.15);z-index:2;border-top: 1px solid #f3f3f9;}
.content .modal-body .moduleTitle{position:inherit;margin:0;padding:0;box-shadow:none;border:none;background:none;top:0;}
.navbar-fixed-top{left:17%;padding-left:30px;}
.sidebar{top:0;}
.bootstrap-container.col-md-offset-2{padding:0;}
.navbar-inverse, .mobile-bar, .list thead{background:#fff;}
.mobile-bar{border-top: 1px solid #f3f3f9;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a.with-home-icon, .navbar-inverse .nav > .topnav > span.notCurrentTab > a, .navbar-search .searchbutton, .desktop_notifications .alertsButton, .globalLinks-mobile > .btn-default.usermenucollapsed, .mobile-bar .searchbutton.btn-default:hover, .desktop_notifications > button:hover, .desktop_notifications.open > .dropdown-toggle.btn-success{color:#878a99;}
.create.quickcreatetop .dropdown-toggle{line-height:40px;}
.quickcreatetop .suitepicon-action-caret{line-height:36px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0;}
.desktop-bar > .toolbar > li > .btn.searchbutton, .tablet-bar #toolbar li.navbar-nav .btn.searchbutton{font-size:24px;line-height:46px;}
.desktop-bar > .toolbar > li > .btn.searchbutton:hover, .tablet-bar #toolbar li.navbar-nav .btn.searchbutton:hover{width:42px;height:42px;}
.desktop-bar #toolbar li.navbar-nav:last-child{margin-top:0;vertical-align:top;}
.globalLinks-desktop .user-menu-button{height:60px;line-height:52px;padding-left:5px;padding-right:5px;margin-left:10px;}
.globalLinks-desktop .suitepicon-action-current-user, .mobileheader .modulename a, .list tr th a:link, .list tr th{color: #878a99;}
.globalLinks-desktop .user-menu-button span{color: #495057;font-weight:bold;}
.globalLinks-desktop .suitepicon-action-caret{line-height:48px;}
.button-toggle-expanded, .button-toggle-collapsed span, #invitees_search, #header_table_chart #create_link, #EditView .edit input[type="submit"]#invitees_search{background: #2a5fc1;}
.button-toggle-expanded:hover, .button-toggle-collapsed span:hover, .button-toggle-expanded:focus, .button-toggle-collapsed span:focus, #invitees_search:hover, #invitees_search:focus, #header_table_chart #create_link:hover, #header_table_chart #create_link:focus, #EditView .edit input[type="submit"]#invitees_search:hover, #EditView .edit input[type="submit"]#invitees_search:focus{background: #204791;}
.button-toggle-expanded{top:15px;z-index: 1030;}
.button-toggle-collapsed{left: 0;top: 0;background: #fff;border-radius: 0;width: 17%;height: 60px;}
.button-toggle-collapsed span{border-top-right-radius: 3px;border-bottom-right-radius: 3px;width: 30px;height: 30px;z-index: 1000;cursor: pointer;display:inline-block;margin-left:0;margin-top: 15px;text-align: center;}
div.p_login #loginform span.error{margin:0;}
div.p_login #loginform .companylogo img{max-height:100px;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #878a99;}
.mobileheader .suitepicon-action-caret{margin-top:-5px;}
.footer_right{padding:0 10px 0 0;}
.footer_right .btn{color: #fff;padding: 0 10px;margin: 0;line-height: 32px;letter-spacing: 0;-webkit-transition:all .5s ease;transition:all .5s ease;}
.footer_right .btn:hover {-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear;background: #2a5fc1;color:#fff;}
.footer_right .btn small{display:none;}
.footer_right .btn .suitepicon{margin:0;}
footer{background:#fff;padding:10px 0 8px;}
footer .footer-module-option, footer .footer-bar.fixed-footer{height:auto;background:none !important;}
footer .footer-module-option{float: left;width: 30%;}
footer .footer-bar.fixed-footer{float: left;width: 65%;margin:0;text-align:left;}
.navbar-inverse .nav > .topnav{background:none;}
.navbar-inverse .nav > .topnav > span.currentTab > a, .navbar-inverse .nav > .topnav > span.notCurrentTab > a{padding:0 5px;}
.navbar-fixed-top .dropdown-menu, .navbar-inverse .dropdown-menu{background: #fff !important;box-shadow: 0 5px 10px rgba(30,32,37,.12);max-height: 240px;background:#fff;padding:0;border:none;}
.globalLinks-desktop .user-dropdown {transform: translate(0px, 10px);-webkit-transform: translate(0px, 10px);}
.globalLinks-desktop .user-dropdown li a, .navbar-inverse .dropdown-menu li a, .quickcreatetop .dropdown-menu li a{color: #212529;padding: 7px 15px;}
.navbar-inverse .dropdown-menu li a:hover, .navbar-inverse .dropdown-menu li a:focus, .navbar-inverse .nav > .topnav .currentTab a, .navbar-inverse .nav > .topnav > span.notCurrentTab > a:hover, .navbar-inverse .nav > .topnav > span.currentTab > a{background:#f3f3f9 !important;color: #2a5fc1;}
.navbar-inverse .nav > .topnav > span.notCurrentTab > a:hover, .navbar-inverse .nav > .topnav > span.currentTab > a{border-top: 3px solid #2a5fc1;}
.bootstrap-container.col-sm-offset-3{margin-top:103px;}
div.list-view-rounded-corners > table, #wrapper_chart, .search_form{box-shadow: 0 1px 2px rgba(56,65,74, 0.15);border-radius: 4px;padding: 10px;background: #fff;}
.sugar_action_button{line-height:26px;}
#select_actions_disabled_top{opacity:0.65;}
label.selected-actions-label{cursor:default;}
.selectActionsDisabled a, .paginationTable button[disabled], .yui-panel-container .container-close, .yui-calendar td.calcell.oom, #header_table_chart #create_link{color:#fff;}
#header_table_chart #create_link{border-radius: 4px;}
.paginationTable .list-view-pagination-button{width:auto;}
.navbar-inverse .dropdown-menu .recentlinks a:hover, .navbar-inverse .dropdown-menu .favoritelinks a:hover, .yui-calendar td.calcell a{color: #2a5fc1;}
.yui-panel-container .container-close{margin:0;}
.paginationTable .list-view-pagination-button{padding:0 10px;}
select{line-height:24px;}
.panel-heading a div {line-height: 32px;}
.panel-heading a.collapsed:before, .panel-heading a:before{position:relative;top:3px;}
.suitepicon-module-calendar:before{vertical-align:initial;}
.subpanel-table.list tr.pagination span.pageNumbers{top:2px;}
.subpanel-table .SugarActionMenu .single a{min-height: 30px;line-height: 14px;}
.dateTime td{vertical-align:top;}
span.id-ff button{vertical-align:bottom;margin-bottom:0;margin-top:0;}
#invitees_search, #EditView .edit input[type="submit"]#invitees_search{margin-top:23px;}
footer li .footer-links.btn-footer.btn-calendar{background-color: rgba(42, 95, 193, 0.15);border-color: rgba(42, 95, 193, 0.15);color: #2a5fc1;}
footer li .footer-links.btn-footer.btn-calendar:hover{background-color:#2a5fc1;border-color: #2a5fc1;color:#fff;}
footer .footer-module-option li .btn-footer.btn-calendar .suitepicon{color: #2a5fc1 !important;}
footer .footer-module-option li .btn-footer.btn-calendar:hover .suitepicon, footer .footer-module-option li .btn-footer.btn-calendar:focus .suitepicon{color: #fff !important;transition: all .5s ease;}
.btn, #header_table_chart #create_link{padding:5px 10px;}
.btn-info, .buttons input#btn_view_change_log, .buttons #save_and_send_invites_header, .btn.btn-primary.start,  input[type="button"].btn-info, table.subpanel-table li.sugar_action_button{background-color: #299cdb;color: #fff;border: 1px solid #299cdb;}
.btn-info:hover,  .btn-info:focus, .buttons input#btn_view_change_log:hover, .buttons input#btn_view_change_log:focus, .buttons #save_and_send_invites_header:hover, .buttons #save_and_send_invites_header:focus, .btn.btn-primary.start:hover, .btn.btn-primary.start:focus, input[type="button"].btn-info:hover, input[type="button"].btn-info:focus, table.subpanel-table li.sugar_action_button:hover, table.subpanel-table li.sugar_action_button:focus{background-color:#2385BA;border-color:#2385BA;color:#fff;}
table.subpanel-table li.sugar_action_button a:hover, table.subpanel-table li.sugar_action_button a:focus{color:#fff;}
.invitees_item .related-value, .edit-view-field .suitepicon:before, .paginationWrapper span, .suitepicon.suitepicon-action-edit:before, .suitepicon.suitepicon-module-user:before, .suitepicon.suitepicon-action-minus:before{vertical-align:middle;}
#reminders .remove-reminder-btn, .buttons #CANCEL, #btn_clr_category_name, .input-group-btn .email-address-remove-button, #btn_clr_assigned_user_name, #btn_clr_parent_name, ul.clickMenu.SugarActionMenu li.single a.listViewTdToolsS1, .footer_right .btn, #btn_clr_billing_contact, .button.product_delete_line, #btn_clr_contact_name, .btn.btn-warning.cancel, .btn.btn-danger.delete, #btn_clr_opportunity, #CANCEL_FOOTER, #CANCEL_HEADER, div.modal-footer > button.btn.button.purple.btn-default, .modal-search .submitButtonsAdvanced #search_form_clear_advanced, .modal-search .row .submitButtons #search_form_clear{background-color: #f06548 !important;color: #fff;border: 1px solid #f06548 !important;}
#reminders .remove-reminder-btn:hover, #reminders .remove-reminder-btn:focus, .buttons #CANCEL:hover, .buttons #CANCEL:focus, #btn_clr_category_name:hover, #btn_clr_category_name:focus, .input-group-btn .email-address-remove-button:hover, .input-group-btn .email-address-remove-button:focus, #btn_clr_assigned_user_name:hover, #btn_clr_parent_name:hover, #btn_clr_assigned_user_name:focus, #btn_clr_parent_name:focus, ul.clickMenu.SugarActionMenu li.single a.listViewTdToolsS1:hover, ul.clickMenu.SugarActionMenu li.single a.listViewTdToolsS1:focus, .footer_right .btn:hover, .footer_right .btn:focus, #btn_clr_billing_contact:hover, #btn_clr_billing_contact:focus, .button.product_delete_line:hover, .button.product_delete_line:focus, #btn_clr_contact_name:hover, #btn_clr_contact_name:focus, .btn.btn-warning.cancel:hover, .btn.btn-danger.delete:hover, .btn.btn-warning.cancel:focus, .btn.btn-danger.delete:focus, #btn_clr_opportunity:hover, #btn_clr_opportunity:focus, #CANCEL_FOOTER:hover, #CANCEL_FOOTER:focus, #CANCEL_HEADER:hover, #CANCEL_HEADER:focus, div.modal-footer > button.btn.button.purple.btn-default:hover, div.modal-footer > button.btn.button.purple.btn-default:focus, .modal-search .submitButtonsAdvanced #search_form_clear_advanced:hover, .modal-search .submitButtonsAdvanced #search_form_clear_advanced:focus, .modal-search .row .submitButtons #search_form_clear:hover, .modal-search .row .submitButtons #search_form_clear:focus{background-color:#cc563d !important;border-color:#cc563d !important;}
.buttons #SAVE, .buttons #SAVE_HEADER, .buttons #close_and_create_new_header, #create_invitee_as_contact, #create_invitee_as_lead, #addGroup, #reminder_add_btn, .add-btn.btn, .btn.btn-primary.fileinput-button, #EditView div.action_buttons #SAVE_FOOTER, #EditView div.action_buttons #SAVE_HEADER, div.modal-footer > button.button.red, .modal-search .form-item input[type="button"], table.subpanel-table .pagination .sugar_action_button, table.subpanel-table .pagination li.sugar_action_button > form > a{background-color: #0ab39c;color: #fff;border: 1px solid #0ab39c;}
.subpanel-table ul.subnav, table.subpanel-table .pagination a{background-color: #0ab39c;}
.list .SugarActionMenu .sugar_action_button > .subnav a{border-bottom:1px solid #099885;}
ul.clickMenu li ul.subnav li a:hover{background-color: #099885;}
.buttons #SAVE:hover, .buttons #SAVE:focus, .buttons #SAVE_HEADER:hover, .buttons #SAVE_HEADER:focus, .buttons #close_and_create_new_header:hover, .buttons #close_and_create_new_header:focus, #create_invitee_as_contact:hover, #create_invitee_as_lead:hover, #create_invitee_as_contact:focus, #create_invitee_as_lead:focus, #addGroup:hover, #addGroup:focus, #reminder_add_btn:hover, #reminder_add_btn:focus, .add-btn.btn:hover, .add-btn.btn:focus, .btn.btn-primary.fileinput-button:hover, .btn.btn-primary.fileinput-button:focus, #EditView div.action_buttons #SAVE_FOOTER:hover, #EditView div.action_buttons #SAVE_FOOTER:focus, #EditView div.action_buttons #SAVE_HEADER:hover, #EditView div.action_buttons #SAVE_HEADER:focus, div.modal-footer > button.button.red:hover, div.modal-footer > button.button.red:focus, .modal-search .form-item input[type="button"]:hover, .modal-search .form-item input[type="button"]:focus, table.subpanel-table .pagination .sugar_action_button:hover, table.subpanel-table .pagination .sugar_action_button:focus, table.subpanel-table .pagination li.sugar_action_button > form > a:hover, table.subpanel-table .pagination li.sugar_action_button > form > a:focus, table.subpanel-table .pagination li.sugar_action_button:hover > form > a{background-color: #099885;color: #fff;border: 1px solid #099885;}
#Contacts0_email_widget_add, .email-address-add-line-container .email-address-add-button{background-color: #0ab39c !important;color: #fff;border: 1px solid #0ab39c !important;}
#Contacts0_email_widget_add:hover, #Contacts0_email_widget_add:focus, .email-address-add-line-container .email-address-add-button:hover, .email-address-add-line-container .email-address-add-button:focus{background-color: #099885 !important;color: #fff;border: 1px solid #099885 !important;}
.invitees_item .related-value{padding-left:3px;}
.navbar-inverse .nav > .topnav{line-height:58px;}
.moduleTitle h2 span.pointer{line-height:normal;font-size:18px;}
div.buttons{padding-top:10px;}
.actionsContainer .action_buttons{padding:0 0 10px;}
.actionsContainer.footer .action_buttons{padding-top:10px;}
ul.clickMenu.SugarActionMenu li.single a{padding:4px 8px;line-height:normal;min-height:auto;vertical-align:middle;}
select[multiple]{max-width:220px;width:auto !important;}
.edit-view-field .dateTime .suitepicon:before{vertical-align:text-top;}
.yui-overlay, .yui-panel-container{z-index:11 !important;}
.panel-email-compose{background-color: #408bda;}
.favorite .suitepicon{font-size:19px;}
.favorite .suitepicon, div.modal-footer > button.btn.button.purple.btn-default{line-height:normal;}
.bootstrap-container{margin-top:106px;}
.searchform .query_string{background-color: #f3f3f9;color: #878a99;box-shadow:none;}
iframe{background:#f3f3f9;border:none;}
.search_form .view .col-xs-12 input[type="text"]{width:76%;}
div.modal-footer > button.btn.button.purple.btn-default{margin-bottom:4px;}
a#basic_search_link{background-position:136px 9px;}
 .desktop-bar > .toolbar > li > .alertsButton.btn{position:relative;}
 .desktop_notifications .alert_count{top:0;position:absolute;}
input#agendaDay-tab[selected], input#agendaWeek-tab[selected], input#month-tab[selected], input#sharedMonth-tab[selected], input#sharedWeek-tab[selected], #agendaDay-tab:hover, #agendaWeek-tab:hover, #month-tab:hover, #sharedMonth-tab:hover, #sharedWeek-tab:hover{background:#f06548;}
.desktop_notifications .dropdown-menu{color: #495057;padding:8px;}


@media (max-width: 1200px){
	.navbar-fixed-top{left:0}	
}
@media (max-width: 768px){
	.content .recentlyViewedHome .recent_h3, .content .moduleTitle{top:105px;text-align:center;}
	.navbar-fixed-top{position:fixed;}
	footer .footer-module-option{border-bottom: 1px solid #f3f3f9;margin-bottom:9px;padding-bottom:7.5px;}
	footer .footer-module-option, footer .footer-bar.fixed-footer{position:inherit;width:100%;text-align:center;padding:0;}
	footer .footer-bar ul{float:none;}
	.footer-bar.fixed-footer .toolbar{margin-top:0;}
	.fixed-footer > .toolbar > li.globalLinks-mobile{margin-bottom:0;}
	.footer-bar.fixed-footer .toolbar{float:none !important;}
}
@media (max-width: 750px) {
  .mobile-pagination{padding-bottom:10px;}
  .tab-content .list tr th{font-size:12px !important;}
  .mobile-bar .desktop_notifications .alert_count{left:18px;}
}
@media (max-width: 479px){
	.recentlyViewedHome .ul-div ul .recently_viewed_link_container_sidebar .recentlinks{padding:5px;}
	.man .recentlyViewedHome .recentlinks a .item-summary{font-size:14px;}
	.recentlyViewedHome .recentlinks .recent-links-detail .suitepicon{font-size:24px;}
	/* .man .recentlyViewedHome .recentlinks a .item-summary{min-height:34px;} */
	div.p_login #loginform{max-width:90%;padding:25px;}
	div.p_login #loginform .click_here{font-size:13px;}
}

@media screen and (min-width: 751px) and (max-width: 767px){
	.recentlyViewedHome .ul-div ul .recently_viewed_link_container_sidebar .recentlinks{padding:20px 10px;}
	.man .recentlyViewedHome .recentlinks a .item-summary{min-height: 32px;font-size: 13px;}
	
}

@media screen and (min-width: 751px) and (max-width: 1200px){
	.custom-desktop{display:none;}
	
}

@media screen and (min-width: 768px) and (max-width: 920px){
	.recentlyViewedHome .ul-div ul .recently_viewed_link_container_sidebar .recentlinks{padding:20px 10px;}
	.man .recentlyViewedHome .recentlinks a .item-summary{min-height: 36px;font-size: 15px;}
	
}

@media screen and (min-width: 769px) and (max-width: 1024px){
	.footer-bar ul{width:100%;}
	footer .footer-module-option{border-bottom: 1px solid #f3f3f9;margin-bottom:10px;padding-bottom:10px;}
	  footer .footer-module-option, footer .footer-bar.fixed-footer{bottom: 0px;position: relative;padding-right:0;width:100%;text-align:center;}
}

@media (min-width: 1230px){
	.navbar-fixed-top{left:18%;}
}

@media (min-width: 1300px){
	.navbar-fixed-top{left:17%;}
}

@media (min-width: 1500px){
	.navbar-fixed-top{left:14.8%;}
}

@media (min-width: 1600px){
	.navbar-fixed-top{left:13.8%;}
	.searchform.navbar-form{margin-right:0;width: 200px;margin-top: 9px;}
	.navbar-form.searchform .input-group-btn .btn{margin:0;padding-left:0;}
	.searchform button{color: #878a99;}
	.navbar-form.searchform .input-group-btn{background-color: #f3f3f9;}
}

@media (min-width: 1900px){
	.navbar-fixed-top{left:11.8%;}
}

@media (min-width: 2300px){
	.navbar-fixed-top{left:10%;}
}

/* END CSS BY WDM TEAM */


@media (max-width: 750px) {
	.recentlyViewedHome .ul-div ul .recently_viewed_link_container_sidebar{width:50%;height: 150px !important}
  .navbar .container-fluid .navbar-header {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .modulename {
    margin-left: 0px !important;
  }
}
@media (max-width: 479px) {
  .recentlyViewedHome .ul-div ul .recently_viewed_link_container_sidebar{width:50%;height: 80px !important;margin-bottom: 10px !important;}
}

.navbar-inverse .navbar-toggle {
  padding-left: 0px !important;
}

.navbar-inverse .dropdown-menu li {
  position: relative;
}

.mobile_menu .glyphicon-plus {
  position: absolute;
  top: 8px;
  right: 0;
}

#homeQuickLink a {
  display: inline-block;
  font-size: 15px;
  color: #878a99;
  padding: 8px 8px 8px 10px;
  border-radius: 3px;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

@media (min-width: 1561px) {
  .desktop-toolbar {
    width: 55% !important;
  }
}

@media (min-width: 1201px) {
  .desktop-toolbar {
    width: 45% !important;
  }
  .desktop-bar {
    width: 55%;
    padding-top: 0px;
	padding-right:0px;
  }
}

.mobileheader h2.group_name {
  text-align: center;
  font-size: 17px;
  margin-top:20px;
}

#about_header img {
  width: 184px;
  border-radius: 4%;
}

@media (max-width: 750px) {
  .navbar-fixed-top {
    height: 100px !important;
    max-height: 100px !important;
	padding-left:0;
  }
  .custom-desktop {
    display: none !important;
    line-height: 10px !important;
  }
  .bootstrap-container {
    margin-top: 150px !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  .custom-group-name-header {
    height: 40px !important;
  }
}

@media (min-width: 751px) {
  .tablet-bar {
    width: 43% !important;
	float:right;
  }
  .navbar-header {
    width: 57% !important;
  }
  .custom-group-name-header {
    display: none !important;
    width: 0% !important;
  }
  .content .recentlyViewedHome .recent_h3, .content .moduleTitle{top:60px;}
}

.ac-title .suitepicon-action-below {
  margin-top: 45%;
  z-index: 99;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  background-repeat: no-repeat;
}

/* mobile footer css start*/

.footer-bar.fixed-footer {
  bottom: 0%;
  height: 52px;
  position: fixed;
  text-align: center;
  z-index: 10;
}

.footer-bar.fixed-footer .toolbar {
  float: right;
}

.fixed-footer .footer-links {
  font-size: 32px;
  border: none;
  box-shadow: none;
  color:#495057;
  padding: 6px 8px;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
}

.footer-module-option {
  bottom: 45px;
  height: 55px;
  position: fixed;
  width: 100%;
  text-align: center;
  background-color: #dddddd !important;
  z-index: 10;
}

.footer-module-option ul li {
  text-transform: uppercase;
  font-size: 15px;
  vertical-align: middle;
  padding: 0px 10px;
  border-width:1px !important;
}
.footer-module-option ul li:last-child{padding-right:0;}

.footer-module-option .footer-links {
  font-size: 30px;
  color: black;
  vertical-align: sub;
  margin:0;
  line-height:normal;
}

@media (max-width: 1024px) {
  .footer_right {
    display: none;
  }
}

/* mobile footer css end*/

/* update font size start*/

.list tr th {
  padding: 3px 3px 10px 3px !important;
}

.list tr th a:link {
  font-size: 18px !important;
  display: flex;
  align-items: center;
}

.list tr th {
  font-size: 18px !important;
}

.list {
  font-size: 16px !important;
}

/* update font size end*/

.panel-default > .panel-heading {
  background: #408bda !important;
}

.panel-heading a.collapsed {
  background-color: #408bda !important;
}

.list #pagination td .paginationTable .paginationChangeButtons {
  background-color: #fff !important;
}

.listViewLinkButton li.sugar_action_button,
#selectLinkTop li.sugar_action_button,
#selectLinkBottom li.sugar_action_button {
  background: #408bda !important;
}

input[type="text"],
input[type="password"],
textarea {
  background: #e8f2fc61;
  border: 1px solid #9dcbfcc7;
}

.detail-view-field {
  background-color: #e8f2fc61 !important;
}

.content #tab-actions > .dropdown-menu li {
  background-color: #68a4e3 !important;
  border-bottom: 1px solid #adcae6 !important;
}

.list .pagination td table td {
  background: #adcae6;
}

select {
  border-color: #2a5fc1 !important;
}

@media (min-width: 768px) {
  .email-address-input-group input[type="email"].form-control {
    background: #e8f2fc61 !important;
    border: 1px solid #9dcbfcc7 !important;
  }
}

footer {
  border: none !important;
}

.content .nav-tabs > li.active > a,
.content .nav-tabs > li.active > a:focus,
.content .nav-tabs > li.active > a:hover {
  background-color: #408bda !important;
}

.content .nav-tabs > li > a,
.content .nav-tabs > li > a:focus,
.content .nav-tabs > li > a:hover {
  background-color: #adcae6 !important;
}

.content #tab-actions > a {
  border-color: #adcae6 !important;
}

.recentlyViewedSidebar li:hover {
  background-color: #408bda !important;
}

.yui-navset .selected a em,
.yui-calendar .calhead {
  background: #408bda;
}

.topnav:hover,
.navbar-inverse .nav > .topnav > span.notCurrentTab > a:hover,
.yui-calendar a.calnav {
  background-color: #f3f3f9;
  color: #495057;
}

.navbar-inverse .dropdown-menu,
.navbar-inverse .dropdown-menu li a:hover,
.yui-calendar td.calcell.selected,
.yui-calendar td.calcell.selected a {
  background: #1b6ad5;
}

.topnav .dropdown-menu li.recentlinks {
  border-bottom: 1px solid #ffffff;
}

.content #tab-actions > .dropdown-menu .button,
.content #tab-actions > .dropdown-menu {
  background-color: #68a4e3 !important;
}

@media (max-width: 767px) {
  #bootstrap-container #content {
    /* padding-bottom: 240px; */
  }
}

.globalLinks-desktop .user-menu-button {
  background-color: #fff;
}

@media (min-width: 751px) {
  .desktop_notifications > .btn-success {
    background-color: #408bda;
  }
}

input[type="button"] {
  background: #2a5fc1;
}

form#MassAssign_SecurityGroups {
  background-color: #f6fafd;
}

.quickcreatetop .dropdown-menu,
.yui-calendar .calweekdayrow,
.yui-calendar td.calcell.oom {
  background-color: #1b6ad5;
}

@media (max-width: 767px) {
  .email-address-input-group {
    background: #e8f2fc61;
    border: 1px solid #9dcbfcc7;
  }
  #schedulerTable tr td:first-child {
    text-overflow: ellipsis;
    max-width: 45px;
  }
  #schedulerTable {
    width: 100%;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
  }
  #scheduler .schedulerDiv {
    padding: 20px 10px 10px 10px;
  }
  #month-tab {
    display: unset;
  }
}

input[type="email"] {
  background: #f6fafe;
}

@media (max-width: 466px) {
  .popup .moduleTitle h2 {
    background: #e8f2fc61;
    padding: 0 0 0 0px;
    font-size: 22px;
  }
  .popup table td {
    padding: 0 5px;
  }
  .popup .print {
    padding: 0 0px 0 0;
  }
}

.yui-module .hd,
.yui-panel .hd, .monthHeader {
  background: #408bda none repeat scroll 0 0;
  background-color: #408bda;
}
.monthHeader{line-height:normal;}
.monthHeader h3{margin-bottom:0;}
.monthHeader svg{margin:7px 0;}
.monthCalBody > .calSharedUser, .fc-view-container .monthCalBody{background:#fff;color:#333;}

.yui-calendar a.calnavright,
.yui-calendar a.calnavleft {
  background-color: #adcae6;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
}

/* Recently Viewed Home css start*/

.recentlyViewedHome .recent_h3,
.recentlyViewedHome .recentlinks a {
  color: #68a4e3;
  /* font-family: "Candara"; */
  text-align: center;
}

.recentlyViewedHome .recentlinks {
  /* line-height: 30px; */
}

.recentlyViewedHome .recentlinks a .item-summary {
/*   width: 230px;
  display: inline-block;
  padding: 0px 10px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top; */
  display:block;
  /* min-height: 40px; */
  font-size: 16px;
  /* font-weight: 600; */
  color: #495057;
}

.recentlyViewedHome .ul-div {
  display: flex;
  align-items: center;
  justify-content: start;
}

.recentlyViewedHome .recentlinks a .suitepicon:before {
  vertical-align: middle;
}

/* Recently Viewed Home css end*/

@media (max-width: 1560px) {
  .globalLinks-desktop .dropdown-toggle {
    width: 100%;
  }
}

.edit-view-row .label {
  margin-bottom: 5px;
}

@media (max-width: 750px) {
  .edit tr {
    border-bottom: none;
  }
}

.desktop_notifications > .btn-success:hover {
  background-color: transparent;
}

#EditView_tabs .edit #reminders [type="checkbox"] {
  margin-top: 3px;
}

#tab-content-2 .detail-view-row .label {
  bottom: 15px;
}

.footer-bar.footer-module-option .suitepicon:before,
.footer-bar.fixed-footer .suitepicon:before {
  vertical-align: unset;
}

.footer-doller-icon {
  height: 29px;
  border-radius: 50%;
  vertical-align: unset;
  padding-top: 5px;
}

.footer-dropup-menu {
  top: unset;
  bottom: 40px;
  background: #1b6ad5;
  left: -108px;
}

.footer-dropup-menu.dropdown-menu li a {
  display: block;
  font-size: 14px;
  color: #fff;
  padding: 7px 10px 7px 10px;
  margin: 0;
  border-bottom: 1px solid #fff;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: unset;
}

#sales_setting ul.nav-pills {
  padding-left: 20px;
}

.mobileheader .modulename a {
  letter-spacing: 0px;
}

.paginationActionButtons .suitepicon.suitepicon-action-right:before {
  vertical-align: unset;
}

#scheduler_search label {
  max-width: unset;
}

#searchFieldMain {
  width: 100%;
}

.paginationChangeButtons .button .suitepicon::before {
  vertical-align: unset;
}

@media only screen and (max-width: 625.5px) {
  .fc-view-container .monthCalBody {
    height: 50px;
  }
  .fc-view-container .monthCalBody .calSharedUser {
    position: absolute;
    width: 100%;
    padding-right: 40px;
  }
}

td.fc-widget-header table > thead > tr > th {
  overflow: hidden;
  text-overflow: ellipsis;
}

.list tr td {
  word-break: break-word;
}

div.qtip.qtip-default {
  z-index: 500 !important;
}

.fc-agendaDay-view .fc-axis.fc-widget-header {
  width: 0px !important;
}

@media (max-width: 360px) {
  .buttons .button {
    font-size: 8px;
  }
  .footer-module-option ul li {
    font-size: 14px;
  }
  .navbar-toggle {
    margin-right: 0px;
  }
  .modulename {
    font-size: 12px;
  }
  .logo {
    width: 100px;
  }
  .create.quickcreatetop .dropdown-toggle {
    padding-right: 14px;
  }
}

.panel-content .edit-view-row-item .mce-container,
.panel-content .edit-view-row-item .mce-container * {
  background: #f6fafe;
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  select#sales_stage {
    width: 100%;
    font-size: 14px;
    padding: 0 35px 0 5px;
  }
}

.fixed-footer > .toolbar > li.globalLinks-mobile {
  vertical-align: top;
  margin-top: 0;
}

@media only screen and (min-width: 751px) and (max-width: 820px) {
  .modulename {
    margin-left: 0px;
  }
  .mobileheader h4.recent_h3 {
    font-size: 15px;
  }
}

@media only screen and (min-width: 751px) and (max-width: 790px) {
  .mobileheader h4.recent_h3 {
    width: 126px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-bottom: -15px;
  }
}

.navbar-fixed-top .dropdown-menu {
  height: auto;
}

#popup-window-modal .modal-body .pagination .suitepicon:before {
  vertical-align: unset;
}

/* .mask { commented because mask covered mail settings
    z-index: 11 !important;
} */

.desktop-bar #desktop_notifications .suitepicon:before, .tablet-bar #desktop_notifications .suitepicon:before, 
.desktop-bar #globalLinks .suitepicon-action-current-user:before {
  vertical-align: middle;
}

.tablet-bar #globalLinks .suitepicon-action-current-user:before {
  vertical-align: unset;
}

@media (max-width: 750px) {
  .navbar-search > .dropdown-menu {
    top: 45px;
  }
  .desktop_notifications .alertsButton {
    border: none !important;
  }
}

#attachments_view_span {
  width: 100%;
}

#attachments_view_span .preview {
  padding: 10px 5px;
}

#attachments_view_span .preview p {
  margin-top: 10px;
  width: 100px;
  word-break: break-all;
}

/* commented on 20210704 / calendar tooltip title showing red
/* .qtip-title-text,
.qtip-title-buttons a {
    color: #f08377;
} */

@media (max-width: 1560px) {
  .navbar-search > .dropdown-menu {
    width: 240px;
  }
  .navbar-search .query_string {
    background-color: white;
    border: 1px solid #9dcbfcc7;
    color: #534d64;
  }
}

.edit #scheduler_search input[type="text"] {
  width: 85%;
  display: block;
}

@media only screen and (min-device-width: 480px) and (max-device-width: 980px) {
  .edit #scheduler_search tr td[scope="col"] {
    max-width: 100%;
  }
}

/*-------- footer menu start ----*/

.footer-bar {
  background-color: #68a4e3;
}

@media (max-width: 1200px) {
  .footer-bar {
    margin-top: 0;
    line-height: 40px;
  }
}

.footer-bar li {
  line-height: normal;
  display: inline-block;
}

.footer-bar {
  padding: 0 20px 0 0;
  width: 100%;
}

footer .fixed-footer li .footer-links.btn-footer {
  border: none;
  margin: 0;
  background: rgba(42, 95, 193, 0.15);
  padding: 0 5px 3px;
  color: #2a5fc1;
  text-transform: uppercase;
}
footer .fixed-footer li .footer-links.btn-footer:hover, footer .fixed-footer li .footer-links.btn-footer:focus{
	background: #2a5fc1;
	color:#fff;
}
.dropdown.nav.navbar-nav.globalLinks-mobile.open a {
  background: #2a5fc1 !important;
  color: #fff;
}

.footer-bar ul {
  float: left;
}

footer li .btn-footer .footer-action-label {
  font-size: 14px;
  margin: 0px;
}

footer .fixed-footer li .btn-footer .footer-doller-icon {
  height: 25px;
}

footer .fixed-footer li ul.dropdown-menu.footer-dropup-menu li {
  width: 100%;
}

@media only screen and (max-width: 425px) {
  .fixed-footer .footer-links {
    padding: 6px 4px;
    font-size: 25px;
  }
  footer .fixed-footer ul.toolbar {
    margin-top: 5px;
  }
}

@media (max-width: 767px) {
  footer li .footer-action .footer-action-label {
    display: none;
  }
  .mobile-bar {
    padding: 0px 10px;
	text-align:center;
  }
}

@media only screen and (min-width: 768px) {
  footer li .footer-links.btn-footer {
    border: 1px solid #778591;
    padding: 0px 5px 3px;
    background-color: transparent;
    font-size: 20px !important;
  }
  footer .footer-module-option li .btn-footer .suitepicon {
    color: black !important;
  }
  .footer-doller-icon {
    vertical-align: bottom;
    padding-top: unset;
  }
  .fixed-footer > .toolbar > li.globalLinks-mobile {
    margin: 0 1px 0 1px;
  }
}

@media only screen and (min-width: 1025px) {
  .footer_right {
    width: auto;
    height: 45px;
  }
  footer li .footer-links.btn-footer {
    font-size: 20px !important;
  }
  .footer-bar.fixed-footer {
    position: relative;
    margin-top: 45px;
    background-color: #f6fafd;
  }
  .fixed-footer > .toolbar > li.globalLinks-mobile {
    margin: 6px 1px 0 1px;
  }
  .footer-module-option {
    bottom: 0px;
    height: 0px;
    position: relative;
  }
  .globalLinks-mobile .dropdown-toggle {
    height: auto;
    width: auto;
  }
  .footer-bar {
    padding: 0 0px 0 0;
  }
}

/*-------- footer menu end ----*/

#desktop_sms {
  font-size: 40px;
  color: white;
}

.desktop-bar #toolbar li {
  vertical-align: middle;
}

.desktop-bar #toolbar li.navbar-nav {
  height: 40px;
  margin-top: 10px;
}

.tablet-bar #toolbar li {
  vertical-align: middle;
}

.tablet-bar #toolbar li.navbar-nav {
  height: 45px;
  margin: 0px 2px;
  padding-top: 2px;
}

.mobile-bar #toolbar #desktop_sms a {
  background-color: transparent;
  border: none;
  padding: 0px;
}

.tablet-bar #toolbar #desktop_sms a {
  border: none;
}

#desktop_sms a img {
  vertical-align: top;
  max-width: 34px;
  margin: 4px 0;
}

.mobile-bar #toolbar #desktop_sms a img {
  vertical-align: middle;
  width: 30px;
  margin:0;
}

.tablet-bar #toolbar #desktop_sms a img {
  width: 40px;
}

.mobile-bar .toolbar .navbar-nav .dropdown-toggle {
  padding: 4px;
}

.mobile-bar .toolbar .navbar-nav #usermenucollapsed {
  padding: 0px;
}

.modal .modal-dialog-centered {
  min-height: calc(100% - (1.75rem * 2));
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.input-group-icon {
  position: absolute;
  right: 15px;
  z-index: 3;
  top: 2px;
}

.input-group-icon i {
  vertical-align: bottom;
}

.content {
  padding: 20px 3% 110px 3%;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: unset;
}

@media only screen and (max-height: 585px) {
  div.p_login .p_login_bottom {
    position: unset;
  }
}

@media only screen and (max-width: 992px) {
  #popup-window-modal .modal-dialog {
    margin: 10px 0;
    width: auto;
  }
  #lineItems table.group {
    overflow: scroll;
    display: block;
  }
  #lineItems,
  #lineItems .group_body {
    padding-left: 0px;
  }
  .content #EditView_tabs .tab-content {
    padding: 5px;
  }
}

#lineItems,
#lineItems table {
  background-color: #f5f5f5;
}

.content .nav-tabs > li.dropdown.open > a {
  background-color: #408bda !important;
}

ul::-webkit-scrollbar-thumb {
  background: #e8f2fc61;
}

div::-webkit-scrollbar-thumb {
  background: #e8f2fc61;
}

.panel-default > .panel-heading > a:not(.panel-heading a div) {
  background-color: #2a5fc1;
}

.edit-view-pagination .btn-pagination {
  background-color: #68a4e3;
}

.desktop_notifications .has-alerts .alert-header {
  background-color: #408bda;
  color: #408bda;
}

.edit-view-pagination .btn-pagination[disabled] {
  background-color: #adcae6;
}

.desktop_notifications .has-alerts .alert-info {
  border: 1px solid #1b6ad5;
}

.suitepicon.suitepicon-module-aos-quotes:before {
  font-family: "FontAwesome" !important;
  content: "\f155";
}

.suitepicon.suitepicon-module-aos-invoices:before {
  font-family: "FontAwesome" !important;
  content: "\f571";
}

.suitepicon.suitepicon-module-aos-quotes,
.suitepicon.suitepicon-module-aos-invoices {
  margin-right: 4px;
  margin-left: 3px;
}

.qtip-default .qtip-titlebar {
  background-color: #408bda;
}

.qtip-content {
  background-color: #adcae6;
}

.edit-view-field input[type="text"].datetimecombo_date {
  width: 84px;
}

.yui-panel-container.shadow#ajaxloading_c {
  width: 100%;
  left: unset !important;
  top: 45% !important;
}

.yui-panel-container.shadow #ajaxloading {
  margin: auto;
}

@media only screen and (min-height: 400px) {
  div.p_login .p_login_bottom {
    position: unset !important;
  }
}

.recentlyViewedHome .recentlinks a .suitepicon-module-aos-invoices {
  margin: 2px;
}

.tablet-bar li.navbar-search.open .dropdown-menu {
  top: 45px !important;
}

.desktop-bar li.navbar-search.open .dropdown-menu {
  top: 60px !important;
}

.monthHeader .text-right a:link {
  display: inline-flex;
}

.yui-dialog #Confirm\ {
  margin: auto;
  width: 50%;
}
.yui-dialog {
  z-index: 16001 !important;
}

.form-item select[size] {
  padding: 0 0px 0 5px;
}

.paginationActionButtons .suitepicon.suitepicon-action-last:before,
.paginationActionButtons .suitepicon.suitepicon-action-next:before {
  vertical-align: unset;
}

.suitepicon-action-next:before {
  content: "\f127";
}

.recentlyViewedSidebar .recentlinks .suitepicon-module-aos-quotes,
.favoritesSidebar .recentlinks .suitepicon-module-aos-quotes {
  padding-right: 5px;
}

.recentlyViewedSidebar .recentlinks .suitepicon-module-aos-invoices,
.favoritesSidebar .recentlinks .suitepicon-module-aos-invoices {
  padding-right: 1px;
}

#attachments_view_span .btn-success.edit {
  padding: 6px 12px;
  border: 1px solid #f08377;
}

#bootstrap-container.bootstrap-container {
  background-color: #f3f3f9 !important;
}

.favoritesSidebar .recentlinks .suitepicon:before {
  vertical-align: unset;
}

.globalLinks-desktop .user-dropdown {
  right: 0px;
}

@media (max-width: 750px) {
  .globalLinks-mobile.open .mobile-bar .user-dropdown {
    display: block;
  }
  .mobile-bar .user-dropdown {
    left: auto;
    right: 0px;
  }
  .mobile-bar .toolbar .navbar-nav .dropdown-toggle{padding-top:0;padding-bottom:0;}
  .desktop_notifications .alertsButton{font-size:26px;}
}

.edit-view-field select#sales_stage {
  width: 100%;
}

#forgot_password_dialog #generate_pwd_button {
  height: 40px;
  font-size: 16px;
}

@media (min-width: 1201px) {
  .desktop-bar > .toolbar > li > .btn{
	  background: #fff;
	  padding: 0 !important;
	  border-radius: 50%;
	  width: 42px;
	  height: 42px;
	  line-height: 42px;
  }
  .desktop-bar > .toolbar > li > .btn, .desktop-bar > .toolbar > li#desktop_notifications > .btn:hover, .desktop-bar > .toolbar > li#desktop_notifications > .btn:focus, .desktop-bar > .toolbar > li#desktop_notifications.open > .btn:hover, .desktop-bar > .toolbar > li#desktop_notifications.open > .btn:focus, #desktop_notifications.open > .dropdown-toggle.btn-success{font-size: 30px;color: #878a99;}
  .desktop-bar > .toolbar > li > .btn:hover, .desktop-bar > .toolbar > li > .btn:focus, .desktop-bar > .toolbar > li#desktop_notifications > .btn:hover, .desktop-bar > .toolbar > li#desktop_notifications > .btn:focus, .desktop-bar > .toolbar > li#desktop_notifications.open > .btn:hover, .desktop-bar > .toolbar > li#desktop_notifications.open > .btn:focus,  #desktop_notifications.open > .dropdown-toggle.btn-success{background:#f3f3f9;}
  .desktop-bar > .toolbar > li > .btn.btn-danger{background:#f3f3f9 !important;border-color:#f3f3f9 !important;}
}

.pb-5 {
  padding-bottom: 5px !important;
}

@media only screen and (min-width: 768px) {
  footer li .footer-links.btn-footer .suitepicon,
  footer li .footer-links.btn-footer i.fas {
    font-size: 15px !important;
  }
}

.list tr th a:link span.suitepicon:before {
  vertical-align: -webkit-baseline-middle;
}

@media (max-width: 750px) {
  .moduleTitle {
    display: inline-flex;
  }
  .moduleTitle .module-title-text {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .favorite{height:auto;width:auto;}
}

#EditView .edit .email-address-input-container input[type="email"] {
  line-height: 14px;
}

#alerts .clear-all-alerts-btn {
  background-color: #68a4e3;
  border-color: #68a4e3;
}

#attachments_view_span button[disabled] {
  font-size: 14px;
  height: unset;
  text-transform: unset;
  margin: 0 4px 5px 0;
  border-radius: 4px;
  letter-spacing: normal;
  line-height: 1.428571429;
  text-transform: none;
  color: #f5f5f5;
  border: 1px solid #778591;
}

.modal .modal-footer .btn {
  margin-bottom: 0px;
}

.tablet-bar #toolbar li.navbar-nav .btn {
  color: #878a99;
	  background: #fff;
	  font-size: 30px;
	  padding: 0 !important;
	  border-radius: 50%;
	  width: 42px;
	  height: 42px;
	  line-height: 42px
}
.tablet-bar #toolbar li.navbar-nav .btn:hover, .tablet-bar #toolbar li.navbar-nav .btn:focus{background: #f3f3f9;color: #878a99;}
.tablet-bar .globalLinks-mobile .suitepicon-action-current-user{font-size:30px;}
.desktop_notifications .btn-success:focus, .desktop_notifications .btn-success.active, .desktop_notifications .btn-success:active, .desktop_notifications.open > .dropdown-toggle.btn-success{color: #878a99;font-size:26px;}

@media (max-width: 767px) {
  .modal-calendar-settings .modal-content {
    width: 100%;
  }
  .panel-heading a div,
  .modal .panel .panel-heading a div {
    width: 91%;
  }
}

.modal-calendar-settings #subpanel_settings_color {
  width: 100%;
  overflow: auto;
}

button[disabled] {
  color: #f5f5f5;
  line-height: 16px;
}

#EditView_tabs .edit [type="checkbox"].email-address-reply-to-flag {
  margin-top: 10px;
}

.suitepicon-module-ru-contact-categories::before {
  content: "\f1c1";
}

.w-30 {
  width: 30px;
}

@media only screen and (max-width: 1024px) {
	footer.expandedSidebar{position:fixed;z-index:1;background:#fff;bottom:0;height:101px;box-shadow: 0px -1px 2px rgba(56,65,74, 0.15);border-radius: 0;padding:0;}
	.content{padding-bottom:180px;}
  .search_form .view {
    padding: 0px;
  }

  div.modal-header {
    padding: 15px;
  }

  .search_form .view .col-xs-12 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .content .detail-view .tab-content {
    padding: 14px;
  }

  form textarea {
    width: 90%;
  }

  .sub-panel .list tr th a:link,
  .sub-panel .list tr th {
    font-size: 13px !important;
  }
}

.d-grid {
  display: grid;
}

.gap-10 {
  gap: 10px;
}

.d-flex {
  display: flex;
}

input[type="date"] {
  background-color: #d8f5ee;
  border: 1px solid #9dcbfcc7;
  padding: 5px;
  border-radius: 4px;
}

.mr-20 {
  margin-right: 20px !important;
}

.min-w-max-content {
  min-width: max-content !important;
}

.overflow-auto {
  overflow: auto;
}

.group_name {
  color: #495057;
  margin-top:5px;
}

.float-right {
  float: right;
}

.d-block {
  display: block;
}

.moduleTitle .module-title-text {
  /* line-height: 20px; */
}

.tbl-more-opt {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .tbl-more-opt {
    display: block;
    margin-left: 5px;
    cursor: pointer;
    font-size: 14px;
  }
  .tbl-more-opt:hover {
  }
  .pagination-top {
    display: none;
  }
  .pagination-bottom-tr {
    display: none;
  }
}

.email-pm-verification-container div {
  justify-content: center;
}

.custom-badge {
  padding: 8px;
  font-size: 16px;
}

@media only screen and (max-width: 1024px) {
  .pm-option-btn {
    width: 100%;
    padding: 0 4px 0 4px;
    font-size: 10px;
  }
}

.p-0 {
  padding: 0px !important;
}

@media (max-width: 750px) {
  .list tfoot #pagination td .paginationTable .pageNumbers {
    display: block;
  }
  /* tfoot ul.columnsFilterLink.listViewLinkButton,
  tfoot ul.searchLink.listViewLinkButton {
    display: none;
  } */
}

@media (max-width: 767px) {
	footer .footer-module-option, footer .footer-bar.fixed-footer{margin:0;}
  .popupBody #signatureForm .edit td {
    /* display: table-cell; */
    background: transparent;
    width: auto;
  }
  #sigText_toolbar1 td,
  #sigText_toolbar2 td,
  #sigText_toolbar3 td {
    display: table-cell;
    /* background: transparent;
    width: auto; */
  }
  .defaultSkin td.mceToolbar {
    background: #f0f0ee !important;
    height: auto;
  }
  .defaultSkin td.mceStatusbar {
    background: #f0f0ee !important;
  }
}
  .btn-yellow {
    background-color: #e59b33 !important;
  }
  .btn-yellow:hover {
    background-color: #be8b44 !important;
}
table.list tr td:nth-child(1),
table.list tr td:nth-child(2) {
    width: 30px; 
}
list #pagination td
.paginationTable .pageNumbers, .pageNumbers{color: #534d64 !important;}
.search_form #searchFieldMain{max-width : 90%;}
@media (max-width: 479px) {
  .user-cog-mobile {
    font-size: 24px !important;
  }
}

.line-clamp-2 {
   overflow: hidden;
   display: -webkit-box !important;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
div#content div#pagecontent form#MassUpdate table.list.view tbody tr td {
  font-weight: normal !important;
}

@media (max-width: 767px) {
  .search_form #searchFieldMain{max-width : 60%;}
  #UnifiedSearchMainTable{width:100%}
  .GlobalSearchModuleRecords{width: 100%; overflow-x: auto;}
}

@media (max-width: 479px) {
  .search_form #searchFieldMain{max-width : 30%;}
  #GlobalSearchSettings #disabled_div {
    width: 300px !important;
  }
  #GlobalSearchSettings #enabled_div {
    width: 300px !important;
  }
}
@media (min-width: 1200px) {
  footer.expandedSidebar {
      position: fixed !important;
      bottom: 0 !important;
      right: 0!important;
      margin-bottom: 1px!important;
  }
}
@media (max-width: 1200px) {
  footer.expandedSidebar {
      position: fixed !important;
      bottom: 0 !important;
      right: 0!important;
  }
}
footer.expandedSidebar {z-index: 999 !important;}
.mobileOnly .glyphicon-list-alt {
  height: 25px !important;
  margin-bottom:6px !important;
}
.mobileOnly .glyphicon-remove {
  height: 25px !important;
  margin-bottom:9px !important;
}
.sugar_action_button.mobileOnly {
  height: 25px !important;
}

@media (max-width: 421px) {
  .sugar_action_button.mobileOnly {
    margin-top: 2px !important;
  }
}
.toggle[type='checkbox'] {
  transform: scale(1.2) !important;
  margin-left: 19px;
}
.today-tab {
  margin-left:15px;
  font-size:16px !important;
  cursor:pointer;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 10px;
padding-left: 10px;
}
.recently-viewed-tab {
  font-size:16px !important;cursor:pointer;
  padding-top: 4px;
padding-bottom: 4px;
padding-right: 10px;
padding-left: 10px;
}
.favorites-tab {
  font-size:16px !important;cursor:pointer;
  padding-top: 4px;
padding-bottom: 4px;
margin-right:15px;
padding-right: 10px;
padding-left: 10px;
}
/* Mobile view adjustments */
@media (max-width: 768px) {

  .favorites-tab,
  .recently-viewed-tab,
  .today-tab {
    font-size: 14px !important;      
    padding: 6px 8px;                 
    margin: 0 5px;                   
    display: inline-block;          
  }

  #fix-width {
    display: flex;
    justify-content: space-between;  
    width: 100%;                      
    overflow-x: auto;                 
    white-space: nowrap;              
  }
}

.active-tab{
color: white;
background-color: #547ecd !important;
}
@media (max-width: 767px) {
  .text-truncate {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
  }
}
@media (max-width: 300px) {
  .text-truncate {
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
  }
}
.user-roles {
  display: flex;   
    margin-top: 10px;

}
.role-child {
  width: 30%;
}
.for-mobile{
display: none !important;
}
.for-desktop{
  display: '';
  }
@media (max-width: 504px) {
  .user-roles {
    display: block;
    margin-top: 10px;
  }
  .role-child {
    width: 80%;
    margin-left: 30%;
  }
  .admin-role{
    margin-top: -18px;
  }
  .for-mobile{
    display: table-row !important;
    }
  .for-desktop{
    display: none !important;
    }
}

@media (max-width: 480px) {
  .recentlyViewedHome .ul-div ul .recently_viewed_link_container_sidebar .recentlinks{
    height: 80px !important;
}
}

.fc-time-grid .fc-slats td {
  height: 2.5em !important;
}
.search-input {
  color: #495057 !important;
  -webkit-text-fill-color: #495057 !important;
}
#actionLinkTop li.sugar_action_button {
height: 27px !important;
}
#actionLinkBottom li.sugar_action_button {
height: 27px !important;
}

#left_pane {
overflow: auto !important;
height:auto !important;
}
/* CSS class to show elements only on desktop */
.only-desktop {
  display: none !important;
}

/* Media query for larger screens (desktops) */
@media (min-width: 1024px) {
  .only-desktop {
      display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  .footer-bar {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  footer.expandedSidebar {
    padding-bottom: 10px !important;
  }
}
  .card-text-truncate {
    max-width: 100%;
    overflow: hidden !important;
    white-space: nowrap !important;
    display: block !important;
    text-overflow: ellipsis !important;
}

@media (min-width: 1201px) {
  body.sidebar-visible #fix-width {
    width: 87% !important;
    max-width: 87% !important;
    overflow: hidden !important;
  }

  body.sidebar-visible #content .moduleTitle {
    width: 87% !important;
    max-width: 87% !important;
    overflow: hidden !important;
  }
}

a.disabled {
  pointer-events: none;
  color: gray;
  opacity: 0.70;
}


@media (max-width: 768px) {
  footer.expandedSidebar {
    display: none;
  }
  
  footer.expandedSidebar:not(.keyboard-active) {
    display: block;
  }
}

footer.expandedSidebar {
  transition: opacity 0.3s ease;
}