/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
body{margin:10px}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold}optgroup{font-weight:normal}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol{list-style:decimal outside}ul{list-style:disc outside}dl dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}sup{vertical-align:super}sub{vertical-align:sub}p,fieldset,table,pre{margin-bottom:1em}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px}img{-ms-interpolation-mode:bicubic}


#ajaxStatusDiv
{
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    color: rgb(198, 12, 48);
    position: fixed;
    opacity: 0.8;
    -moz-opacity:0.8;
    filter: alpha(opacity=80);
    top: 7px;
}


.search_form .view .yui-ac-highlight {
    text-shadow: none;
}

/* hack for webkit browsers ( namely Chrome and Safari ) */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #ajaxStatusDiv
    {
        position: absolute;
    }
}
/*********************************************************************************
 * "Powered by Beakon".
 ********************************************************************************/

/* Start Global CSS */
/* Base BeakonCRM Styles */

* {margin: 0; padding: 0; box-sizing: border-box}

a,
div {
  outline: 0;
}

a::-moz-focus-inner,
div::-moz-focus-inner {
  border: 0;
}

body {
    padding-top: 72px;
    margin: 0;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #12263F;
    text-align: left;
    background-color: #F9FBFD;
}

.subDmenu {
    position:absolute;
    display:none;
    visibility:hidden;
}

.menuItem, .menuItemHilite, .menuItemX, .menuItemHiliteX,
.menuItem:visited, .menuItemHilite:visited, .menuItem:hover, .menuItemHilite:hover,
.menuItem:active, .menuItemHilite:active, .menuItem:link, .menuItemHilite:link,
.menuItemX:visited, .menuItemHiliteX:visited, .menuItemX:hover, .menuItemHiliteX:hover,
.menuItemX:active, .menuItemHiliteX:active, .menuItemX:link, .menuItemHiliteX:link {
    line-height: 18px;
    color: #000;
    text-decoration: none;
    width: 120px;
    border-left: none;
    border-right: none;
    display: block;
    padding: 1px 5px 1px 7px;
    border-bottom: 1px solid #c0c0c0;
}

.menuItem {
    background-color:#f6f6f6;
}

.menuItemHilite {
    background-color:#FFFFFF;
}

.menuItemX {
    background-color:#CCCCCC;
}

.menuItemHiliteX {
    background-color:#999999;
}

.menu
{
    position:absolute;
    display:none;
    visibility:hidden;
    background-color:#f6f6f6;
    z-index: 2;
    border: #999999 solid 1px;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity: 0.9;
}

fieldset, table, pre {
    margin-bottom:0;
}

p {
    font-family: "Cerebri Sans", sans-serif;
    font-size: 0.9375rem;
}

a{
    font-family: "Cerebri Sans", sans-serif;
    font-size: 0.9375rem;
}

form {
    margin: 0;
}

textarea {
    font-family: "Cerebri Sans", sans-serif;
}

input[type=checkbox],input[type=radio] {
    border:0;
    background-color: transparent;
    margin: 0;
    vertical-align: bottom;
}

div.clear {
    height: 0;
    clear: both;
    visibility: hidden;
}

th, td {
    border: none;
    padding: 0;
}

#header ul li {
    display:inline;
}

#unified_search_advanced_img {
    cursor:pointer;
}

#unified_search_advanced_div {
    height: 1px;
    position: relative;
    overflow: hidden;
    width: 21em;
    padding-top: 5px;
}

#unified_search_advanced_div .edit.view {
    padding:6px 6px 6px 4px;
}

#unified_search_advanced_div .edit.view td {
    padding: 0 0.5em !important;
}

#themeColors img, #themeFonts img {
    margin-bottom: 0;
}

#HideHandle {
    padding-top: 5px;
    cursor: pointer;
}

#HideMenu {
    visibility: hidden;
    position: absolute;
    z-index:100;
}

#leftHandle {
    float:left;
}

/* new record form */
#newRecord form {
    padding: 8px 8px 5px 8px;
}

#newRecord form input, #newRecord form select, #newRecord form textarea {
    margin-bottom: 4px;
    margin-top: 2px;
    max-width: 140px;
}

#newRecord form button, #newRecord form input[type=button], #newRecord form input[type=submit], #newRecord form input[type=reset] {
    padding-top: 0;
    vertical-align: bottom;
}

#newRecord form .dataLabel {
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 0;
    vertical-align: bottom;
}

#newRecord form .dataField {
    padding-bottom: 3px;
}

#newRecord form #jscal_trigger {
    margin-bottom: 4px;
    margin-top: 2px;
    vertical-align: bottom;
}

#newRecord form a:link, #newRecord form a:visited, #newRecord form a:hover {
    text-decoration: underline;
    border-bottom: 0;
    padding-left: 0;
}

.actionsContainer span.utils{
    display: block;
    float: left;
    margin-top: 0px;
}

/* EditView/projects -> grid  */
.sqsSelectedSmartInputItem {
    background-color:#DEEFFF;
}

/* DetailView/EditView/ListView styles */
.view, table.view {
    margin-bottom:3px;
    margin-top:3px;
    padding:20px 16px 22px 30px;
    width: 100%;
}

.view tr td input[type=checkbox] {
    display: table-cell;
    vertical-align: middle;
}

.collapsed .panelContainer, .collapsed .collapseLink, .expanded .expandLink {
    display:none;
}

/* DetailView styles */
.detail h4 {
    font-weight: bold;
    font-size:1.2em;
    margin: 0;
    text-align: left;
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0;
}

.detail tr td {
    border: none;
    vertical-align: top;
    padding: 5px 6px 5px 6px;
    vertical-align: top;
    text-align: left;
}

.detail tr td[scope=row] {
    margin-top: 2px;
    margin-bottom: 10px;
    text-align: right;
    white-space:nowrap;
}

.detail tr td > li {
    margin-left: 1.5em;
}

/* editviews top buttons */
#EditView > table {
    overflow:auto;
    margin-bottom:2px;
}

#EditView .actionsContainer{margin: 15px 0;}

/* editviews */

.edit > table {
    margin-bottom: 0;
    padding: 3px 3px 3px 10px!important;
}

.edit h4 {
    text-align: left;
    padding-top:0;
    margin-top: 10px;
    padding-left:0;
}

.edit tr td {
    font-weight: normal;
    vertical-align: top;
    padding: 3px !important;
}

.edit tr td[scope=row] {
    padding: 5px 5px 5px 7px !important;
    text-align: left;
    vertical-align: top;
}

.edit tr th {
    padding: 5px 5px 5px 7px !important;
}

table#tabFormPagination td,  #tabFormPagination, #EditView > table#tabFormPagination.detail.view {
    border-bottom: none;
    margin-bottom: 0;
}

.edit tr td table, .edit tr td table tr td {
    padding: 3px 3px 3px 0 !important;
}

/* search panel on top of list views ( extends .edit .view definition ) */
.search {
    margin: 0 0 4px 0 !important;
}

.search > table {
    padding: 0 !important;
    margin: 0;
}

.search td input[type=text], .search td input[type=password] {
    width: 150px !important;
}

/* Listview styles */
.list, .edit .list {
    padding: 0 !important;
    margin-bottom: 10px;
}

.td_alt, .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col] {
  font-weight: bold;
  text-align: left;
  border-left: none;
  border-right: none;
  white-space:nowrap;
}

.list tr th, .list tr td {
    vertical-align: middle;
    padding: .9375rem;
}

.list tr td.odd {
    padding: 3px 8px 5px 5px;
    vertical-align: middle;
}

.list th a:link, .list th a:visited, .list td[scope=col] a:link, .list td[scope=col] a:visited {
    font-weight: bold;
    text-decoration: none;
}

.list th a:hover, .list td[scope=col] a:hover {
    text-decoration: underline;
}

.list tr.oddListRowS1 td, .list tr.evenListRowS1 td {
    white-space: normal;
    word-wrap: break-word;
}

.list tr.oddListRowS1 td[nowrap], .list tr.evenListRowS1 td[nowrap] {
    white-space: nowrap;
    word-wrap: normal;
}

.list td a.listViewTdToolsS1, .list tr td.nowrap {
    white-space: nowrap;
    word-wrap: normal;
}

.list td.inlineButtons {
    text-align: right;
    min-width: 75px;
}

/* style for page content tables */
.other {
    border: none !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    width: 100%;
}

.other td {
    font-weight: normal;
    padding: 4px 10px 4px 6px;
    vertical-align: middle;
}

.other td[scope=row] {
    padding: 4px 6px 4px 6px;
    white-space:nowrap;
}

.other .edit td {
    background: transparent !important;
}

.other .edit {
    margin-top: 0;
}

/* Special for Campaigns Wizard */
.other td.edit #wizard td {
    background: transparent;
}

.other td.edit #wizard h4 {
    padding-left: 0;
    margin-top: 0;
}

#wizard td {
    white-space: normal;
    word-wrap: break-word;
}

/* detail view */
.detail.view, .detail table, table.detail {
    padding: 0;
    width: 100%;
}

.detail td > table tr td {
    border: none;
}

/* Upgrade Wizard*/
.small {
    width:100%;
}

.small table {
    width:auto;
}

.small tr td table {
    background-color:transparent;
}

.small tr td[scope=row] table tr td, .small tr td[scope=row] table tr th {
    background-color:transparent;
}

.small tr td table tr th {
    text-align:left;
    border-bottom:none;
}

/* for subpanel tabs */
ul.tablist li, ul.subpanelTablist li {
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tablist li a, ul.subpanelTablist li a {
    padding: 3px 8px;
    margin: 0;
    border-bottom: none;
    text-decoration: none;
}

ul.subpanelTablist #addPageItem a, ul.subpanelTablist #addPageItem a:hover {
    border: none;
    background: transparent;
    text-decoration: none;
}

ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited {
    text-decoration: none;
}

.subpanelTabForm {
    padding: 15px 0 0 0;
}

table.subpanelTabForm td {
    padding-bottom: 2px;
    padding-top: 0;
}

.subpanelTabForm p {
    margin-bottom:0;
}

.subpanelTabForm h3 {
    padding-left: 3px;
}

.subpanelTabForm .h3Row {
    padding-top: 2px;
    margin-top: 0;
}

.subpanelTabForm {
    margin-bottom: 10px;
}

#groupTabs {
    margin-top: 20px;
}

#groupTabs li, #searchTabs li {
    margin:0 -3px 0 0;
}

table.subpanelTabForm {
    border-top: 0 none;
    margin-bottom: 4px;
}

.search_form {
    overflow: visible;
    text-align: left;
}

.search_form .view {
    width:100%;
    margin: 0 0 3px;
}
/* sitemap */

#sitemap {
    clear:both;
    width: 650px;
    display:none;
    z-index:9999;
    left:30%;
    top:10%;
}

#sitemap .edit.view {
    border: 2px solid;
    padding: 6px 6px 6px 16px;
}

#sitemap a:link, #sitemap a:visited {
    text-decoration:none;
}

#sitemap a:hover, #sitemap h4 a:hover {
    text-decoration:underline;
}

#sitemap h4 a:link, #sitemap h4 a:visited {

}

#sitemap ul {
    margin-top: 5px !important;
    margin-left: 5px !important;
}

#sitemap ul li {
    margin-bottom: 5px !important;
    display: list-item;
}

/* sitemap link div */
#sitemapLink a {
    cursor:pointer;
    margin:0 0 0 18px;
}
#sitemapLink span img {
    cursor:pointer;
    margin-left: 2px;
}

#bottomLinks {
    padding: 0 25px;
    float: right;
}

/* Footer styles */
footer {
    clear:both;
    border-top:1px solid #cccccc;
    bottom:0;
    position:relative;
    padding: 25px 25px 10px 0;
    margin:10px auto;
}

#copyrightbuttons {
    max-width:400px !important;
    margin:0 auto;
}

div#responseTime {
    width:50%;
    font-size:12px;
    color:#888888;
}

#copyright_data {
    width:auto;
    margin:0 auto;
}

#themePicker, #langPicker {
    text-align: center;
    margin-bottom: 0.5em;
}

/* Scheduler Styles */
#scheduler {
    margin-top: 5px;
}

#scheduler .schedulerDiv {
    color: #000000;
    text-align: left;
    width: 100%;
    background-color: #FAFAFA;
    border-collapse: collapse;
    border-bottom: 1px solid #999;
}

#scheduler .schedulerDiv table {
    width: 100%;
    border-collapse: collapse;
}

#scheduler .schedulerDiv table tr td {
    height: 18px;
    border: 1px solid #dddddd;
}

#scheduler .schedulerDiv table tr.schedulerTimeRow td {
    border-left: 0;
}

#scheduler .schedulerDiv table tr.schedulerTimeRow th[scope=col] {
    border-left:1px solid #DDDDDD;
    padding-left:4px;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td {
    background-color: #eeeeee;
    width: 15px;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row] {
    overflow: hidden;
    padding-left: 4px;
    width: 125px;
    background: transparent;
    border-left: 0;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime {
    border-left: 4px solid #75AF4F !important;
    background-color:#FFFFFF;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime {
    border-left: 4px solid #ff0000 !important;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell {
    background: transparent;
    border-left: 1px solid #dddddd;
    padding-left: 4px;
}

#scheduler .schedulerInvitees {
    margin-top: 1em;
}

#scheduler .schedulerInvitees .tabForm {
    margin-bottom: 0;
}

/* calendar module styles */
.monthFooter td {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 5px;
    border-top: 1px solid;
    border-bottom: 2px solid;
}

.monthHeader {
    padding: 6px 5px 4px 3px;
    margin-top: 10px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: top;
}

.monthHeader td {
    padding-left: 5px;
}

.monthViewDayHeight {
    height: 100px;
}

.monthViewDayHeight td[scope=row] {
    padding: 5px;
    text-align:center;
}

.monthViewDayHeight td {
    vertical-align: top;
    padding: 3px;
    text-align: right !important;
}

.yearViewDayHeight {
    height: 40px;
}

.monthCalBodyDayItem {
    margin: 7px 0 7px 0;
    padding: 5px 0 8px 0;
    border-top: 1px solid;
}

.monthCalBodyDayItem td {
    vertical-align: top;
}

.monthCalBodyDayItem td img {
    padding-right: 3px;
    vertical-align: top;
}

.monthCalBody th {
    vertical-align: top;
    padding: 7px;
    height: 20px;
    font-weight: normal;
}

.monthCalBodyTH th {
    padding: 5px !important;
    border-bottom: 1px solid;
    font-weight: bold;
}

.monthCalBody td {
    padding: 5px;
    text-align: left;
}

.monthCalBody td div table td {
    text-align: left!important;
}

.monthCalBody {
    padding: 0;
}

.monthCalBody td.yearCalBody {
    padding: 0;
    margin: 0;
}

.yearCalBodyMonth {
    padding:5px 0 0 0 !important;
    text-align:center !important;
}

.yearCalBodyMonth #daily_cal_table {
    margin-top: 5px;
}

.yearCalBodyMonth > a {
    font-weight: bold;
    margin: 0;
    padding: 5px;
    width: 100%;
    text-decoration: none !important;
}

.yearCalBodyMonth > a:hover {
    text-decoration: underline;
}

.calSharedUser {
    height: 20px;
    padding-top: 5px;
    padding-left: 8px;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px;
}

/* js calendar styles */
.calendar {
    border: 1px solid #999;
}

.calendar .button {
    background-color: #eee;
    background-image: none;
}

.calendar .combo {
    border-top: 1px solid #f1f1f1;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #f1f1f1;
    background: #eee;
    padding: 0;
}

.calendar .combo .active {
    background: #eee;
}

.calendar .combo .hilite {
    background: #f8f7f7;
    padding: 1px 4px 1px 4px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #9e9e9e;
}

.calendar .combo .label, .calendar .combo .label-IEfix {
    text-align: left;
    padding: 2px 4px 2px 4px;
}

.calendar .nav {
    background: transparent no-repeat 100% 100%;
}

.calendar table {
    background: #eee;
}

.calendar table .wn {
    background: #eeeeee;
    border-right: 1px solid #ccc;
}

.calendar tbody .day {
    background: #fff;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth.oweekend
{
    color: #666;
}

.calendar tbody .emptycell {
    display: none;
}

.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.weekend {
    background: #f6f6f6;
}

.calendar tbody .rowhilite td.wn {
    background: #fff;
}

.calendar tbody td.hilite,
.calendar tbody td.weekend.hilite {
    background: #f8f7f7;
    border-color: #9e9e9e;
}

.calendar tbody td.selected {
    border-color: #666;
    background: #eee;
}

.calendar tbody td.today {
    color: #666;
}

.calendar tbody td.weekend {
    color: #666;
    background: #f9f9f9;
}

.calendar tfoot .ttip {
    background: #e8f0f4;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background: #dfdfdf;
    color: #000;
}

.calendar thead .hilite {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-right: 1px solid #fff;
}

.calendar thead .name {
    background: #dddddd;
    border-color: #cccccc;
}

.calendar thead .title {
    padding: 3px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cccccc;
    color: #000;
    background: #f8f7f7;
}

.calendar thead .weekend {
    color: #000;
    font-weight: bold;
}

.listViewCalCurrentAppt {
    background-color: #75AF4F;
}

.listViewCalOtherAppt {
    background-color: #4D5EAA;
}

.listViewCalConflictAppt {
    background-color: #AA4D4D;
}

.listViewCalCurrentApptLgnd {
    background-color: #75AF4F;
    border: 1px solid #444444;
}

.listViewCalOtherApptLgnd {
    background-color: #4D5EAA;
    border: 1px solid #444444;
}

.listViewCalConflictApptLgnd {
    background-color: #AA4D4D;
    border: 1px solid #444444;
}

/* for overlib js library */
.olCapFontClass {
    font-weight: bold;
    color: #444;
    background-color: #dfdfdf;
}

.olCapFontClass A {
    color: #dfdfdf;
}

.olFgClass td, #forecastsWorksheet .olBgClass td.olFgClass {
    background-color: #fff;
    padding: 5px 7px 7px 10px !important;
    line-height: 18px;
}

.olCgClass td, #forecastsWorksheet .olBgClass td.olCgClass {
    border-bottom: 2px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px 3px 3px 10px !important;
}

.olCgClass {
    padding: 0;
    border: 0;
}

.olBgClass {
    background-color: #ddd;
    padding: 2px !important;
}

#forecastsWorksheet .olBgClass td {
    padding: 0 !important;
}

.olCloseFontClass {
    padding-bottom: 1px;
    text-align: right;
    background-color: #dfdfdf;
}

/* acl role colors */
.aclAll {
    color: #00D97E;
    font-weight: bold;
}

.aclOwner {
    color: #000000;
    font-weight: bold;
}

.aclNone {
    color: #E63757;
    font-weight: bold;
}

.aclEnabled {
    color: #00D97E;
    font-weight: bold;
}
.aclDisabled
{
    color: #E63757;
    font-weight: bold;
}

.aclAdmin {
    color: #2C7BE5;
    font-weight: bold;
}

.aclNormal {
    color: #00D97E;
    font-weight: bold;
}

/* for lists where we don't want to have bullet points */
ul.noBullet {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

li.noBullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* for subpanels */
#MorePanelHandle {
    cursor: pointer;
    display: inline;
    margin-left: 2px;
    margin-bottom: 2px;
    text-align: center;
    background: url('../../../../index.php?entryPoint=getImage&themeName=SuiteR&imageName=more.gif') no-repeat bottom left;
    color: #444;
}

.sqsFloater {
    position:absolute;
    z-index:2;
    bottom:0;
    right:0;
    display:none;
    padding:0;
}

.sqsFloater td {
    border:1px inset;
    color:black;
}

.sqsMatchedSmartInputItem {
    padding: 2px 5px 2px 5px;
    margin: 0;
    cursor: pointer;
}

.sqsSelectedSmartInputItem {
    background-color:#DEEFFF;
}

#sqsSmartInputResults {
    padding:0;margin:0;
}

.sqsNoMatch {
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    background-color:#eeeeee;
    color:#980000;
}

/* misc font displays */
.todaysTask {
    color: #FF7800
}

.overdueTask {
    color: #ff0000;
}

.required, .error {
    color: #ff0000;
}

.success {
    color: #00ee00;
}

.rssItemDate {
    color: #666666;
}

.date {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-right: 10px;
}

.dateFormat {
    font-weight: normal;
    font-style: italic;
}

/* list view page numbers */
.pageNumbers {
    padding-right: 3px;
    padding-left: 3px;
}

.contentBox {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 0 10px 0 0;
    margin: 10px 0 10px 0;
}

.contentBox td {
    padding-top: 0;
}

/* for team notices and my portal dashlets */
.teamNoticeBox {
    border: 1px solid;
    padding: 0;
    background: #fff;
    width:100%;
}

.teamNoticeText {
    padding: 0 10px 0 10px;
}

/* to force border to display on tiny-mce controls */
.mceToolbarTop {
    border-bottom:1px solid #CCCCCC !important;
}

#dashletCtrls {
    float: right;
}

ul#dashletCategories li a:link, ul#dashletCategories li a:visited {
    background: #eee;
}

ul#dashletCategories li a.current, ul#dashletCategories li a.current:hover {
    color: #444;
    background: transparent;
}

ul#dashletCategories li a:link:hover {
    border:1px solid #ccc;
}

#moduleDashlets h3,#chartDashlets h3,#toolsDashlets h3 {
    margin-top: 13px;
}

#dashletSearch table tr td input[type=button] {
    vertical-align: top;
}

.x-dlg-btns button.x-btn-text:hover,
.x-dlg-btns .x-btn-focus button.x-btn-text {
    color: #000;
}

/* Bug 27478 - IE Hacks to make sure username/password boxes on login page are same length */
td.edit.view td {
    text-align: left;
}

td.edit.view td[align=right] {
    text-align: right;
}

/* if we have horizontal padding anywhere in the table, it will break the rollup tree */
#forecastsWorksheet  tbody  tr  td,
#forecastsWorksheet  tr  td {
    padding: 3px 0 5px 0 !important;
}

#forecastsWorksheet  tr.pagination  td {
    padding: 0 !important;
}

#forecastsWorksheet tr.pagination td table td {
    padding:3px 7px 3px 5px !important;
}

/* for forecasts worksheet containing table ( overrides .list .view style ) */
#forecastsWorksheet > tbody > tr > td, #forecastsWorksheet > tr > td, #forecastsWorksheet #activetimeperiods  tr  td {
    padding: 0  ! important;
    vertical-align: top;
}

/* fixes email setting issues */
#tab_general > form > table, #tab_general > form > table.detail th, #tab_accounts > table, #tab_accounts > table.detail th {
    border: 0;
}

#tab_accounts .detail.view .edit.view {
    margin-top: 0;
}

#tab_accounts #ieSelect > table, #ieAccount > table, #ieAccount > table td table {
    padding: 0pt ! important;
    border-collapse: collapse;
}

#importDialogContent {
    overflow: hidden;
}

#importDialogContent #importDiv {
    margin-top: 0;
}

/* override some of the detail view styles for show more detail option (KBDocument detail view)*/
.detail td.subdetail {
    padding:0;
    border-bottom:medium none;
}

.detail td.subdetail table tr td {
    padding: 5px 6px;
}

/* override some of the detail view styles for the import options dialog */
#importOptions td {
    padding: 5px 6px;
}

#importOptions table {
    border-collapse:collapse;
}

#importOptions #chooser_choose_index_text, #importOptions #chooser_ignore_index {
    background: white;
    border: 0;
    text-align: left;
}

/* login page*/
.login table tr td {
    padding:0 !important;
    text-align:left;
}

.login {
    padding:10px 6px 12px 10px !important;
}

.login .login_more {
    text-align:right;
}

#lastviewicon, #newrecordicon, #shortcuts_img,#lastviewicon_1, #newrecordicon_1, #shortcuts_img_1 {
    display:none;
}

#popup_query_form {
    padding-left:0;
    padding-right:0;
}

.emailaddresses tr td[scope=row] {
    padding-left:0 !important;
    padding-top:0 !important;
}

/*System Settings*/
#container_upload {
    margin-top:7px;
}

/* Subpanel links */
.subTabs td {
    padding: 0 0.25em;
}

.sugarFeedDashlet {
    overflow:auto;
    max-height:375px;
}

.sugarFeedDashlet td.list th, .sugarFeedDashlet td.list td[scope=col] {
    display:none;
}

.sugarFeedDashlet tr {
    height:auto;
}

.sugarFeedDashlet .byLineBox {
    width:100%;
    position:relative;
    overflow: hidden;
}

.sugarFeedDashlet .byLineBox .byLineLeft {
    float:left;
}

.sugarFeedDashlet .byLineBox .byLineRight {
    display:inline;
    float:right;
    font-size:79%;
}

iframe.teamNoticeBox {
    width:99%;
    padding:0;
}

.loading-indicator {
    background-image:url('../default/ext/resources/images/default/grid/loading.gif');
    background-repeat:no-repeat;
    background-position:left;
    padding-left:20px;
    line-height:16px;
    margin:3px;
}

.x-sqs-list {
    border:1px solid #d0d0d0;
    background:#d0d0d0;
    overflow:hidden;
}

.x-sqs-list-inner {
    overflow:auto;
    background:#FFF;
    position:relative;
    overflow-x:hidden;
}

.x-sqs-list-item {
    font:normal 12px tahoma,arial,helvetica,sans-serif;
    border:1px solid #fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:1px;
}

.x-sqs-list .x-sqs-selected {
    border:1px dotted #f6f6f6!important;
    background:#d0d0d0;
    cursor:pointer;
}

embed {
    background: transparent;
}

#massupdate_form {
    margin-top: 20px;
}

#massupdate_form .buttons {
    padding-bottom: 2px;
}

/* Bug 32603 - Fixes missing center line for KB Admin */
#selected_directory_children {
    border-left: 1px solid;
    padding: 3px;
}

.dashletPanel .hd .hd-center .dashletToolSet a{
    padding: 0 2px;
}

.dashletPanel .hd .hd-center .dashletToolSet a:last-child  {
    padding-right: 0;
}

.dashletPanelMenu.wizard.import .bd .screen {
    padding: 20px;
    border: 0 none;
    height: 487px;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    display: block;
    background-color: #fff;
}

div.confirmTable {
    overflow: auto;
    width: 1056px;
    position: relative;
    margin-bottom: 20px;
}

/* Bug 19728 - Email Templates detail view is different with edit view */
#html_div p {
    margin: 12px 0;
}

#html_div p:first-child {
    margin: 0 0 12px 0;
}

/* Default Styles */

.h3Row {
    margin-top: 10px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: top;
}

.h3Row td {
    padding: 4px 5px 3px 3px;
}

h4, h5 {
    margin-bottom: 2px;
    padding-left: 4px;
}

hr {
    border: 0;
    border-top: 1px solid #cccccc;
    background-color: #cccccc;
    color: #cccccc;
    height: 1px;
    clear: both;
}

a:link, a:visited, a:hover {
    text-decoration: underline;
}

.buttonSlide {
    border: 0;
}

.buttonSlide .yui-hd {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.buttonSlide.yui-module .yui-hd .toggle em {
    background-image: url('../../../../index.php?entryPoint=getImage&themeName=SuiteR&imageName=slider_button_more.png');
    background-repeat: no-repeat;
    display: inline; /* prevent IE margin doubling */
    overflow:hidden;
    text-indent:9999px;
    float: right;
    text-align: right;
    height: 14px;
    width: 14px;
}

.buttonSlide.yui-module.yui-closed .yui-hd .toggle em {
    background-image: url('../../../../index.php?entryPoint=getImage&themeName=SuiteR&imageName=slider_button_less.png');
}

/* DetailView/EditView/ListView styles */
.view {
    border-bottom:1px solid;
    border-top:2px solid;
}

.td_alt, .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col] {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #edf2f9;
}

/* for subpanel tabs */
ul.subTabs {
    padding: 4px 0;
    margin: 0;
    border: none;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
}

ul.subTabs li {
    list-style: none;
    margin: 0;
    display: inline;
}

.activeSubTab, ul.subTabs li a.activeSubTab:link, ul.subTabs li a.activeSubTab:visited, ul.subTabs li a.activeSubTab:hover {
    font-weight: bold;
}

ul.subTabs li a {
    padding: 0 8px 0 8px;
    margin: 0;
    border-right: 1px solid;
    border-bottom: none;
    text-decoration: none;
}

ul.subTabs li a:link, ul.subTabs li a:visited {
    text-decoration: none;
}

.subTabMore {

    text-decoration: none;
    padding-top: 3px;
}

/* new record form */
#newRecord form {
    border-bottom: 1px solid;
}

/* misc links */
a.utilsLink:link, a.utilsLink:visited {
    font-weight: normal;
    text-decoration: underline;
    padding-bottom: 3px;
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover {
    text-decoration: none;
    line-height: 20px;
    margin-right: 2px;
}

/* themepicker */
#themepickerLinkSpan a {
    color: #444444;
}

/* for subpanel tabs */
ul.tablist li a, ul.subpanelTablist li a {
    border-top: 2px solid;
    border-right-color:#cccccc;
    border-top:none;
    border-bottom:none;
}

ul.tablist li a.current, ul.tablist li a.current:hover {
    border-bottom:2px solid #f6f6f6;
    font-weight: bold;
}

ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover {
    border-bottom:2px solid #fff;
    font-weight: bold;
}

.subpanelTabForm .h3Row {
    border-top: 1px solid #dddddd;
    background-image: none;
}

#colorPicker {
    border-right:2px solid #DDDDDD;
    padding:8px 4px 4px 0;
    margin-right:1px;
}

#colorPicker span {
    color:#cccccc;
}

#colorPicker #themepickerLinkSpan {
    color:#444444;
    text-decoration:underline;
    font-size:12px;
    font-weight:400;
}

#colorPicker #themepickerLinkSpan:hover {
    color:#0B578F;
}

/* YUI styles */
.ygrid-row, .ygrid-hd, .ygrid-hd-body, .ygrid-hd-body span {
    font-size: 8pt;
}

/* for team notices dashlet */
.teamNoticeBox {
    border-color: #abc3d7;
    color: #444444;
}

/* for subpanel tabs */
ul.tablist li a.activeSubTab:hover {
    border-bottom-color: #ddd;
    color: #000000;
}

ul.subpanelTablist li a.activeSubTab:hover {
    color: #000000;
}

/* new record form */
#newRecord form a:link, #newRecord form a:visited {
    color: #666666;
}
#newRecord form a:hover {
    color: #444444;
}

/* listviews */
.reportGroupByDataChildTablelistViewThS1 a:link,
.reportGroupByDataChildTablelistViewThS1 a:visited,
.list tr th,
.list tr th a:link,
.list tr th a:visited,
.list tr td[scope=col],
.list tr td[scope=col] a:link,
.list tr td[scope=col] a:visited {
    color: #95aac9;
}

.evenListRowS1 td, .oddListRowS1 td {
    color: #12263f;
    border-bottom: 1px solid #cbdae6;
}

.evenListRowS1:hover td, .oddListRowS1:hover td {
    background: #f9fbfd;
}

/* detailviews */
.detail tr td[scope="row"] {
    color: #000000;
    background-color: #e3ebf6;
    border-color: #cbdae6;
}

.detail h4 {
    color: #444444;
}

.detail tr th {
    border-color: #cbdae6;
}

.detail tr td {
    color: #444444;
    border-color: #cbdae6;
    background-color: #fff;
}

.detail tr td a:link, .detail tr td a:visited, .detail tr td a:hover {
    color: #0b578f;
}

/* editviews */
.edit td[scope=row] {
    color: #444444;
}

#EditView hr{
    border-color:#abc3d7;
}

.edit {
    color: #333333;
    background-color: #f6f6f6;
}

.detail .edit td {
    background-color: #fff !important;
    border-bottom: 0 !important;
}

/* other views */
.other {
    border-color: #abc3d7;
    background-color: #cbdae6;
}

.other td {
    color: #444444;
    background-color: #ffffff;
    border-left-color: #dfdfdf;
}

.other td[scope=row] {
    color: #000000;
    background-color: #fafafa;
}

.other td.edit {
    color: #000000;
    background-color: #f6f6f6;
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
    color: #444444;
}

/* calendar styles */
.monthCalBody {
    background-color: #abc3d7;
}

.monthFooter td {
    border-top-color: #abc3d7;
    border-bottom-color: #abc3d7;
    background-color: #ffffff;
}

.monthViewDayHeight a:hover {
    color: #0b578f;
}

.monthCalBodyTH th[scope=row], .monthViewDayHeight td[scope=row] {
    background-color: #ebebeb;
}

.monthCalBodyTH th {
    background-color: #fafafa;
    color: #444444;
    border-color: #abc3d7 !important;
}

.monthViewDayHeight td {
    border-color: #abc3d7;
    background-color: #ffffff;
    color: #444444;
}

.monthViewDayHeight td[class=weekEnd] {
    background-color: #f6f6f6;
}

.monthCalBodyDayItem {
    background-color: #ffffff;
    border-top-color: #abc3d7;
    border-bottom-color: #ddd;
}

.monthCalBody td {
    background-color: #fff;
    color: #444444;
}

.monthCalBody th a {
    color: #000000;
}

.yearCalBody {
    border: none;
}

.yearCalBodyMonth {
    background-color: #efefef !important;
    border-top: 2px solid #3C8DBC;
    border-bottom: 2px solid #fff;
}

.yearCalBody .monthHeader {
    border: none;
}

.yearCalBodyMonth #daily_cal_table {
    border-top: #abc3d7;
}

.yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay {
    border-color: #abc3d7;
}

.yearCalBodyMonth > a {
    color: #000000;
}

h5.calSharedUser {
    color: #444444;
}
.monthHeader {
    color: #444;
    background-color: #fff;
    border-color: #abc3d7;
    background-image: url('../../../../index.php?entryPoint=getImage&themeName=SuiteR&imageName=bg.gif');
}

/* for subpanel tabs */
.subpanelTabForm {
    border-color: #3C8DBC;
    color: #000000;
    background-color: #ffffff;
}

ul.tablist, ul.subpanelTablist {
    margin: 15px 15px -1px 15px;
}

ul.tablist li a, ul.subpanelTablist li a {
    background-color: #fff;
    border-color: #dddddd;
}

ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited {
    color: #444444;
}

ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover {
    color: #4f4f4f;
    background: #fff;
    border-right-color:#cccccc;
    border-top:none;
    border-bottom:none;
}

ul.tablist li a.current:link, ul.tablist li a.current:visited, ul.tablist li a.current:hover {
    background: #f6f6f6;
    border-bottom-color: #f6f6f6;
    border-right-color: #abc3d7;
    border-top-color: #abc3d7;
}

#change_layout {
    border: 0;
}

/* for overlib js library */
.olCgClass td {
    border-bottom-color: #abc3d7;
}
.olBgClass {
    background-color: #abc3d7;
}

.yui-layout .yui-layout-unit div.yui-layout-bd, .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border-color:#e3ebf6;
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav a, .yui-navset .yui-nav a em, .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a  {
    border-color: #e3ebf6;
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
}

a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close {
    background : transparent url('../../../../index.php?entryPoint=getImage&themeName=SuiteR&themeName=Sugar55&imageName=sugar-yui-sprites.png')  no-repeat scroll 0 -70px;
}

ul.yui-nav li.selected {
    background:#3C8DBC;
}

#basic_search_link {
    margin-left:6px !important;
}

div#chartDashlets {
    overflow-y: auto;
}

/* miscellaneaous 508 classes */
.detail508 tr td[scope="col"] {
    background-color: #e3ebf6;
    border-color: #CBDAE6;
    color: #000000;
    text-align: right;
    white-space: nowrap;
}

td.teamset-row, .edit tr td.teamset-row, .edit tr td table tr td.teamset-row {
    padding: 5px !important;
}

/* competible for SugarActionMenu */

ul.clickMenu {
    list-style: none;
    padding: 0;
    margin: 0 !important;
    vertical-align: bottom;
    color: #000000;
    display: inline-block;
    border:1px solid #dddddd;
    background:#eeeeee;
}

ul.clickMenu form{
    float:left;
    display:block;
}

#subPanel tbody .inlineButtons ul.clickMenu{
    float:right;
}

#globalLinksModule ul.clickMenu.SugarActionMenu li a:hover,
#globalLinksModule ul.clickMenu li:hover span,
ul.SugarActionMenuIESub li a:hover, ul.clickMenu.SugarActionMenu li a:hover, ul.clickMenu.SugarActionMenu li span.subhover:hover,
ul#globalLinksSubnav li a:hover, ul#quickCreateULSubnav li a:hover,
ul.clickMenu li ul.subnav li a:hover,ul.clickMenu li ul.subnav li input:hover, ul.clickMenu.subpanel.records li ul.subnav li a:hover, ul.clickMenu ul.subnav-sub li a:hover { /*--Hover effect for subnav links--*/

    color: inherit;
}

ul.clickMenu>li, ul.SugarActionMenuIESub li {
    background-color: #ffffff;
    border: 1px solid #e3ebf6;
    float: left;
    margin: 0 ;
    list-style: none;
    position: relative; /*--Declare X and Y axis base--*/
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding:5px;
    color:#283e59;
}

ul.clickMenu>li:hover, ul.SugarActionMenuIESub li:hover{
  background-color: #f9fbfd;
  border-color: #d2ddec;
}

ul.clickMenu li.single a{
    padding-right: 8px !important;
}

ul.clickMenu li a:hover{
    text-decoration: none !important;
}

ul.clickMenu li span { /*--Drop down trigger styles--*/
    float: left;
}

ul.clickMenu li span::after{
  width: auto;
  height: auto;
  font-size: 12px;
  line-height: 1.5;
  border: none !important;
  vertical-align: middle;
  font-family: 'Feather';
  content: "\e92e";
}


ul.clickMenu li span.subhover {
    cursor: pointer;
} /*--Hover effect for trigger--*/

ul.clickMenu li ul.subnav, ul.clickMenu ul.subnav-sub, ul.SugarActionMenuIESub {
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0;
    top: 104%;
    background: #fff;
    display: none;
    z-index: 1000;
    overflow:hidden;
    border: 1px solid rgba(18,38,63,.1);
    border-radius: .375rem;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: .9375rem;
    color: #12263f;
    text-align: left;
    list-style: none;
}

ul.clickMenu li ul.subnav li, ul.clickMenu ul.subnav-sub li, ul.SugarActionMenuIESub li{
    margin: 0;
    padding: 0;
    clear: both;
    width:100%;
    white-space: nowrap;

}

ul.clickMenu.subpanel.records {
  border: 1px solid #e3ebf6;
  background: #fff;
}

ul.clickMenu.subpanel.records:hover{
  background: transparent;
}

ul.clickMenu.subpanel.records li.sugar_action_button,
.inlineButtons ul.clickMenu > li {
    border: none;
    background: transparent;
}

ul.clickMenu.subpanel.records .subnav{
  right:0 !important;
  left: auto;
}

ul.clickMenu.subpanel.records li ul.subnav li a {
  color: #6e84a3;
}

ul.clickMenu.subpanel.records li ul.subnav li a:hover {
  color: #12263f;
}

ul.clickMenu.subpanel.records li > span{
    padding:0 5px 0 0 !important;
    background-position: 50% -28px;
}

ul.clickMenu.subpanel.records li ul.subnav li a span {
    height: 0;
    width: 0;
    background-image: none;
}

ul.clickMenu.button li span.ab:hover {
    background-position: 50% 0;

}

ul.clickMenu.button li > span {
    width: auto;
    background-position: 50% -20px;
    padding: 3px 15px 3px 10px !important;
    height: auto;
}

ul.clickMenu.button li > span a {
    padding: 0 !important;
}

ul.clickMenu.button span {
    padding-right: 5px;
}

ul.clickMenu.button li ul.subnav {
    width: auto;
}

ul.clickMenu li a.disabled {
    color:gray !important;
    cursor:default !important;
}

.oddListRowS1:hover td ul.clickMenu.subpanel.records li a, .evenListRowS1:hover td ul.clickMenu.subpanel.records li a {
    color: #000;
}

.oddListRowS1:hover td ul.clickMenu.subpanel.records li span, .evenListRowS1:hover td ul.clickMenu.subpanel.records li span {
    opacity: 1;
}

ul.clickMenu li ul.subnav li a,ul.clickMenu li ul.subnav li input, ul.subnav-sub li a, ul.SugarActionMenuIESub li a {
    float: left;
    background: #fff;
    width:100%;
    text-align: left;
    color: #000;

}

ul.clickMenu li ul.subnav li input {
    padding: 2px 10px !important;
    width:100%
}

td.paginationActionButtons ul.clickMenu .massall,
ul#selectLink.clickMenu .massall, td.selectCol .massall{
    float: left;
}

td.paginationActionButtons ul.selectmenu > li > a, td.selectCol ul.selectmenu > li > a, ul#selectLink.clickMenu > li > a {
    padding: 0 !important;
}

ul.clickMenu.showLess .moreOverflow , ul.clickMenu.showLess .moduleMenuOverFlowLess, ul.clickMenu.showMore .moduleMenuOverFlowMore {
    display:none;
}

ul#selectLink.clickMenu {
    height: 17px;
    min-width: 20px;
    background-image: none;
}

td.paginationActionButtons ul.clickMenu #massall,
ul#selectLink.clickMenu #massall{
    float: left;
    margin: 1px 4px;
}
.selectActions.clickMenu {
    display: none;
}

ul.clickMenu.show {
    display:inline-block;
}

ul#selectLink.clickMenu > li > a{
    padding-left: 0 !important;
}

ul#selectLink.clickMenu li span {
    height: 17px;
}

ul#selectLink.clickMenu li ul.subnav {

}

ul#detailViewActions.clickMenu {
    margin-top: 2px !important;
}

#selectActions.clickMenu {
    display: none;
}

#quickCreate {
    float: right;
}

#quickCreate ul.clickMenu {
    background: none;
    border: 0 none;
    padding-right: 0;
    font-family: "Cerebri Sans", sans-serif;
}

#quickCreate ul.clickMenu > li {
    width: 50px;
    height: 43px;

}
#quickCreate ul.clickMenu li > span {
    background: url('../../../../index.php?entryPoint=getImage&themeName=SuiteR&imageName=quick-create.png') no-repeat center center;
    height: 43px;
    width: 50px;
}

#quickCreate ul.clickMenu > li:hover {
    background-color: #276499;
}
ul#globalLinksSubnav li { min-width: 120px;}
ul#globalLinksSubnav, ul#quickCreateULSubnav,
#quickCreate ul.clickMenu li ul.subnav, #globalLinksModule ul.clickMenu li ul.subnav{
    top: 43px;
    right: 0;
    left: auto;
    padding: 10px 0;
    border: 1px solid #999;
    width: 100%;
}

#quickCreate ul.clickMenu li ul.subnav {
    width: auto;
}

#globalLinksSubnav li a, #quickCreateULSubnav li a,
#quickCreate ul.clickMenu li ul.subnav li a, #globalLinksModule ul.clickMenu li ul.subnav li a {
    padding: 4px 10px !important;
    font-size: 13px !important;
    color: #666666 !important;
    line-height: 1.45;
}
#quickCreateULSubnav li.moduleMenuOverFlowLess a, #quickCreateULSubnav li.moduleMenuOverFlowMore a,
#quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a {
    color: #999 !important;
}

#quickCreate ul.clickMenu li ul.subnav li a:hover, #globalLinksModule ul.clickMenu li ul.subnav li a:hover, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a:hover, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a:hover {
    color: #fff !important;
}

ul.clickMenu li ul.subnav li a:hover .showLessArrow, ul.clickMenu li ul.subnav li a:hover .showMoreArrow {
    background-position: center 8px;
    opacity: 1;
}

#quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a img, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a img
{
    opacity: .6;
}

/* Table CSS */
.view, table.view td {
    border:none;
}

#ajaxHeader {
    float:left;
}

a#create_link.utilsLink {
    color: #fff;
    background-color: #3C8DBC;
    border:none;
    padding:5px 8px 5px 8px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-decoration:none;
}

a#create_link.utilsLink:hover {
    background-color: #008080;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

h1,h2,h3,h4 {
    font-weight:normal;
    font-family: "Cerebri Sans", sans-serif;
    margin:0 0 5px 0;
}

select {
    padding:4px;
}

a:link {
    text-decoration:none;
}

iframe.teamNoticeBox {
    width:100%;
    overflow:auto;
}

#globalLinks ul li a {
    text-decoration:none;
}
.iconed {
    padding: 5px 5px 2px 0;
    margin-left:5px;
    float:left;
}

#query_string {
    margin:0;
}

.dashletPanel {
    padding:0;
    margin-top:15px;
}

.hd-center {
    padding:0;
    margin:0;
}

.bd {
    padding:0;
    margin:0;
}

.view, table.view {
    padding:0;
    margin:0;
    background:#fefefe;
}

.evenListRowS1 {
.background:#efefef;
}

.monthHeader {
    border:none;
    background:#efefef;
    padding:5px;
}

.toggler {
    margin:10px;
}

.detail h4 {
    font-weight: bold;
    margin:10px;
    text-align: left;
    border: none;
}

#dialog {
    text-align:center;
    overflow:hidden;
    zoom:1;
    padding:25px;
    z-index: 1;
    background-opacity:0.6;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: none;
}

#links {
    float:right;
}

#bottomLinks {
    margin:0 auto;
    text-align:center;
}

#moduleDashletsList {
    height:auto;
}

#dashletsList {
    max-height:400px;
}

button[disabled]:hover, input[type=submit][disabled]:hover, input[type=reset][disabled]:hover, input[type=button][disabled]:hover
{
    border: none;
    background-color: #777777;
    color: #000000;
}

.iconed_dull {
    opacity:0.6;
}

.dashletNonTable {
    padding: 0 5px 0 10px;
}

a.crumbLink {
    font-size:14px;
}

span.crumbLink {
    font-size:14px;
}

#settingsDialog table.view {
    padding:10px;
    margin:5px 0 5px 0;
}

.view tr {
    padding:5px 0 5px 0;
}

#mbfooter .yui-layout-hd td {
    background:none;
}

select, textarea {
    border:1px solid #ccc;
    padding:4px;
}

select:focus {
    border:1px solid #3C8DBC;
    padding:4px;
}

.chartContainer table tr td {
    padding:3px;
}

.tabForm {
    border: none;
    background:#ffffff;
}

#create_image {
    display:none;
}

#add_dashlets {
    display:none;
}

.about_suite {
    padding: 0 25px 0 0;
    float:left;
    max-width:550px !important;
}

.about_suite h3 {
    font-weight:normal;
    font-size:18px;
}

.about_suite ul li {
    font-size:14px;
    margin-bottom:10px;
    color:#777777;
}

#about_menu {
    margin-top:10px;
    margin-bottom: 20px;
    padding-left: 0;
}

#about_table {
    width:100%;
}

#about_header {
    padding: 10px 15px 20px 15px;
}

#about_menu li {
    list-style-type: square;
}

#featuring {
    padding:10px 0 0 0;
    font-size:14px;
    color:#777777;
}

.wrapper {
    border:1px solid #000;
    display:inline-block;
    position:relative;
}

.wrapper input,
.wrapper button {
    background-color:transparent;
    border:0;
}

.wrapper button {
    position:absolute;
    right:0;
    top:0;
}

.wrapper input {
    padding-right:30px; /* button padding */
}

input[type=text].cstm_code {
    resize:both;
    width:200px;
    height:200px;
}

#moduleDashletsList {
    max-height:375px !important;
}

#caseStyleUser {
    background:#f7f7f7;
    border:1px solid #cccccc;
    margin:10px;
    padding:10px;
}

#caseStyleContact {
    background:#DEDEDE;
    border:1px solid #cccccc;
    margin:10px;
    padding:10px;
}

#caseStyleInternal {
    background:#00EEEE;
    border:1px solid #cccccc;
    padding:10px;
    margin: 10px 60px 10px 10px;
}

.caseUpdateImage {
    margin:0 5px 0 0;
}

.caseUpdate{
    margin:5px 0 0 15px;
}

#extramargin {
    margin: 0 0 0 50px;
}

#lessmargin {
    margin: 0 50px 0 0;
}

/* Start color and theme picker */
.themePicker
{
    padding-top: 1em;
}

.themePicker td
{
    padding: 0 !important;
}

.themePicker > table > tbody > tr > td
{
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.themePicker hr
{
    margin: 0;
}

#themepickerLinkSpan
{
    cursor:pointer;
}

#colorPicker
{
    padding: 8px 5px 0 7px;
}

#colorPicker ul
{
    border: none;
    padding: 3px 0 0 0;
    margin: 0 0 0 10px;
}

#colorPicker ul li
{
    list-style-type: none;
    display: inline;
    padding: 0;
    cursor: pointer;
    margin: 0;
}

#themeName
{
    font-weight: bold;
}

#leftColumn
{
    left: 10px;
    position: absolute;
    float: left;
    width: 14.5em;
}

#color_menu, #font_menu {
    width:200px;
    height:15px;
    margin:0;
    padding:0;
}

#color_menu li, #font_menu li{
    float:left;
    height:15px;
    width:15px;
}

#themepickerDialog div[class="ft"]{
    display:none;
}

#stylepicker{
    border-width:1px;
    margin:0;
    padding:0;
    width:auto;
}

#themepickerDialog_c{
    right: 2em;
    top: 3em;
}

/* End color and theme picker */

/* Start BeakonCRM Responsive/Bootstrap additional CSS */
.headerlinks a:link, .headerlinks a:visited {
    color:#ffffff;
    padding:14px 5px 14px 0;
    width:100%;
}

.headerlinks a:hover {
    color:#428BCA;
}

.nav-pills li {
    display: inline;
}

ol, ul, dl {
    margin:0;
}

.form-signin img{
    max-width:95% !important;
}

#loginform {
    max-width: 300px;
    padding: 15px;
    margin: 0 auto;
    text-align: center;
    background:#ffffff;
    border: 1px solid #edf2f9;
    box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
    -moz-box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
    -webkit-box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}

div.input-group input{
    margin:0 auto;
    min-width:100% !important;
    max-width:100% !important;
}

.button-primary:active, .button-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.button-primary.disabled,
.button-primary[disabled],
fieldset[disabled] .btn-primary,
.button-primary.disabled:hover,
.button-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.button-primary.disabled:focus,
.button-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.button-primary.disabled.focus,
.button-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.button-primary.disabled:active,
.button-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.button-primary.disabled.active,
.button-primary[disabled].active,
fieldset[disabled] .btn-primary.active{
    background-color: #3C8DBC;
    border-color: #2e6da4;
}

.dropdown-divider {
  height: 0;
  margin: 0.75rem 0;
  overflow: hidden;
  border-top: 1px solid #EDF2F9;
}

.button-primary .badge {
    color: #3C8DBC;
    background-color: #fff;
}

.recent_h3{
    color:#333333;
}

.hr {
    height:1px;
    color:#ffffff;
    background:#ffffff;
}

/* Custom styles fore 'More' list item on top navigation */

.moremenu a{
    color:#ffffff !important;
    font-size:1.2em;
    cursor:pointer;
    margin:0;
    padding:8px 0 0 0;
}

.moremenu ul {
    margin:0;
    top:49px;
}

@media (max-height:600px) {
    .moremenu ul, .dropdown-menu {
        max-height: 500px !important;
        overflow: auto;
    }
}

@media (max-height:700px) {
    .moremenu ul, .dropdown-menu  {
        max-height: 550px !important;
        overflow: auto;
    }
}

@media (max-height:800px) {
    .moremenu ul, .dropdown-menu {
        max-height: 600px !important;

        overflow: auto;
    }
}

@media (max-height:900px) {
    .moremenu ul, .dropdown-menu {
        max-height: 550px !important;
        overflow: auto;
    }
}

@media (max-height:1000px) {
    .moremenu ul, .dropdown-menu {
        max-height: 800px;
        overflow: auto;
    }
}

@media (min-height:1000px) {
    .moremenu ul, .dropdown-menu {
        max-height: 800px;
        overflow: auto;
    }
}

.moremenu ul li a{
    color:#3C8DBC !important;
    cursor:pointer;
    padding:5px;
    font-size:1.2em;
    display: block;
}

.moremenu ul li:hover{
    border-radius:0 !important;
}

.moremenu ul li a:hover{
    color:#ffffff !important;
    background:none !important;
    cursor:pointer;
    padding:5px;
    background:#3C8DBC !important;
}

.button, input[type=submit], input[type=button] {
    background-color: #2C7BE5;
    border: none;
    color: #fff;
    cursor:pointer;
    margin:0px 2px 0px 2px ;
    padding:5px 8px 5px 8px;
}

.button, input[type="button"], input[type="submit"], input[type="reset"]{
    padding: 6px 10px;
    font-family: "Cerebri Sans", sans-serif;
    font-size: .8125rem;
}

.button:hover, input[type=submit]:hover, input[type=button]:hover, input[type="reset"]:hover{
  background-color: #1a68d1;
}

button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled]{
    background-color: #777777;
    border:none;
    color: #ffffff;
    cursor:pointer;
    font-size:12px !important;
    margin:0px 2px 0px 2px;
    padding:5px 8px 5px 8px;
}

.yui-layout-hd .button, .yui-layout-hd input[type=submit], .yui-layout-hd input[type=button]{
    font-size:1.5em !important;
}

.button:hover,
.button:focus,
.button.focus,
.button:active,
.button.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
}
.button:active,
.button.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.button .badge {
    color: #3C8DBC;
    background-color: #fff;
}

input[type=text], select{
    background:#ffffff;
    padding:5px;
}

.list tr th {
    font-weight:normal;
}

.edit h4 {
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    font-size:21px;
    border-bottom:1px solid #e3ebf6;
}

#globalinks ul li a {
    color:#333333;
}

#dashletresponsive {
    float: left;
}

.dashboardTbList {
    max-width:90% !important;
}

ul.dashboardTabList li {
    list-style:none;
}

#addbuttons {
    float:right;
    margin:0 5px 0 5px;
}

.navbar-inverse .navbar-brand {
    color:#ffffff;
    height:50px;
}
.navbar-brand img{
    height: 50px !important;
    margin-top: -13px !important;
}

.btn-success {
.background:#3C8DBC;
    border: none;
}

.headerlinks a:hover {
    color:#ffffff;
}

table {
    font-size:1em;
}

table legend {
    font-size:1.2em;
}

.edit h4 {
    font-size:1.2em;
}

.list tr th, .list tr th a {
  /* text-transform: uppercase; */
  font-weight: 600;
  letter-spacing: .08em;
  color: #95aac9;
}

.list tr th,
.list tr th a{
  font-size: .625rem !important;
}

.list tr td,
.list tr td a {
  font-size: .8125rem;
}

#tabs {
    border:none;
}

#tabs ul li {
    list-style:none;
}

.ui-widget-header {
    background:#ffffff;
    color:#565656;
    border:none;
}

.ui-tabs .ui-tabs-nav li a {
    padding:5px;
    font-size:0.9em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background:#eeeeee;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-default a:hover {
    font-weight:bold;
}

.ui-widget-content a {
    color:#3C8DBC;
}

.ui-widget-content a:hover {
    color:#008080;
}

.ui-tabs ul li a, .ui-tabs ul li a h3{
    padding:5px;
    margin:0;
}

/* CSS for custom admin panel */

#admincontainer {
    display: table;
}

#adminrow  {
    display: table-row;
}

#adminsection{
    display: table-cell;
}

#usermenucollapsed {
    margin:0 0 0 5px;display:none;
}
#searchbutton {
    display:none;
}

#searchmobile {
    margin-top:8px;
    display:none;
}
#searchbutton {
    margin:10px 5px 0 0;
}

#searchform{
    margin-right:-10px;
}

/* Media queries for larger screens to hide mobile content */

@media (max-width:1279px){
    #usermenu, #searchform, #searchmobile{
        display:none;
    }

    #globalLinks{
        border:none; padding:0;
    }

    .navbar-form .form-control {
        margin:8px 000;
    }
    #usermenucollapsed,#searchbutton{display:inline;}
}

@media (min-width:1280px) and (max-width:1440px) {
    #usermenu, #searchform, #searchmobile{
        display:none;
    }

    #globalLinks{
        border:none; padding:0;
    }

    .navbar-form .form-control {
        margin:8px 000;
    }
    #usermenucollapsed,#searchbutton{display:inline;}

    #search.navbar-right > .dropdown-menu {
      padding: 10px 5px;
    }

  .list tr td,
  .list tr td a,
  .list tr td > span:not(.fe) {
    font-size: .7125rem;
  }

  .list tr th,
  .list tr th a,
  .search td > label {
    font-size: .575rem !important;
  }
}

/* Media queries to hide sidebar, change menus for mobile */

@media (max-width: 979px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }

    .collapsing {
        overflow: hidden!important;
    }

    #searchmobile {
        display:block;
        width:100%;
    }
    /* Hide search/admin buttons for mobile/tablet screens */
    #usermenucollapsed{
        margin:0 0 0 5px;display:none;
    }

    #searchbutton {
        display:none;
    }

    #dashletresponsive {
        width:auto;
    }

    #buttontoggle {
        display:none;
    }

    .recentlyViewedSidebar, .recent_h3{
        display:none;
        margin:0;
        padding:0;
    }
    .moremenu ul li a{
        color:#ffffff;
    }

    .moremenu ul li a {
        color: #f7f7f7 !important;
        cursor: pointer;
        padding: 5px;
        font-size: 1em;
        display: block;
    }
}

/* Global add-ons */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* Top navigation - Hide default border to remove 1px line. */

.navbar-fixed-top {
    border: 0;
}

/* Sidebar CSS */

/* Hide for mobile, show later */

.sidebar {
    display: none;
}

@media (min-width: 979px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding:20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
        min-width:215px !important;
    }
}

#userlinks {
    margin: 0 0 15px 10px;
}

#userlinks a{
    padding:5px 10px 5px 10px;
    font-size:1.1em;
}

#userlinks_head {
    display:none;
}

@media (min-width: 480px) and (max-width: 979px) {
    #userlinks_head {
        display:inline;
        margin:2px 0 0 0;
    }
    #userlinks_head a {
        color: #ffffff;
        padding: 3px 10px 5px 10px;
        font-size: 1.1em;
    }

    #userlinks_head ul li a{
        color:#3C8DBC;
    }

    #userlinks_head ul li a:hover{
        color:#ffffff;
    }
}

span#quickcreateplus{
    padding:0 0 0 10px;
}

#quickcreatelinks{
    margin: 0 0 15px 12px;
    font-size:1.1em;
}

#quickcreatetop button, #desktop_notifications button{
    margin:10px 0 0 0;
}
/* Main content */

.main {
    padding: 20px 20px 0 20px;
    background:#ffffff;
}

@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.main .page-header {
    margin-top: 0;
}

/* Placeholder dashboard ideas */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

/* Padding for sidebar items */

.nav > li > a {
    padding:5px 0 5px 0;
}

li.moremenu {
    padding:8px 10px 8px 10px;
}

/* Fix so that sidebar does not oversize on larger screens */

@media (min-width:979px) {
    .col-sm-3 {

        max-width:215px !important;
    }
    .col-sm-offset-3 {
        margin-left:215px;
    }
    .col-sm-9{
        width:80%;
    }
}

@media (min-width:1024px) {
    .col-md-2 {

        max-width:215px !important;
    }
    .col-md-offset-2 {
        margin-left:215px;
    }
    .col-md-10{
        width:83%;
    }
}

@media (min-width:1536px) {
    .col-md-10{
        width:88%;
    }
}

@media (min-width:2560px) {
    .col-md-10{
        width:91%;
    }
}

/* Responsive detail view styles */

@media only screen and (max-width: 480px) {
    /* Force table to not be like tables anymore(deconstruct) */
    .detail table, .detail thead, .detail tbody, .detail th, .detail td, .detail tr {
        display: block;
        background: none;
    }

    .detail tr, .detail tr td[scope="col"], .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .detail tr td, .detail table, table.detail {
        background: none;
        border: none;
    }

    /* Custom styling for table header */
    .detail h4 {
        font-size: 1.2em;
        background: #eeeeee;
        border: 1px solid #cccccc;
        margin: 10px 0 0 0;
        padding: 8px;
    }

    .detail508 tr td[scope="col"] {
        font-weight: bold;
    }

    .detail tr{
        margin:0;
        padding:0;
    }

    .detail tr:last-child {
        border: none;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    /* Force table to not be like tables anymore(deconstruct) */
    .detail table, .detail thead, .detail tbody, .detail th, .detail td, .detail tr {
        display: block;
        background: none;
    }

    .detail tr, .detail tr td[scope="col"],
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th, .
    table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td,
    .detail tr td,
    .detail table,
    table.detail {
        background: none;
        border: none;
    }

    /* Custom styling for table header */
    .detail h4 {
        font-size:1em;
        background: #eeeeee;
        border: 1px solid #cccccc;
        margin: 10px 0 0 0;
        padding: 8px;
    }

    .detail508 tr td[scope="col"], .edit tr td[scope="col"] {
        font-weight: bold;
        margin:0;
        text-align:left;
        max-width:10%;
    }

    /* This border breaks up/defines sections from view */
    .detail tr {
        border-bottom: 1px solid #cccccc;
    }

    .detail tr:last-child {
        border: none;
    }

    .detail td, #DEFAULT td {
        display: inline-block;
        border: none;
        margin: 0 5px 0 25px;
        padding:0;
        font-size:1em;
        width:auto;
        min-width:35%;
    }
}

/* Responsive edit view styles */

@media (max-width:640px){

    /* Force table to not be like tables anymore(deconstruct) */
    .edit table, .edit thead, .edit tbody, .edit th, .edit td, .edit tr,
    .popupBody .edit table, .popupBody .edit thead, .popupBody .edit tbody, .popupBody .edit th, .popupBody .edit td, .popupBody .edit tr {
        display: block;
        background:none;
        width:100%;
    }
    .edit  tr,
    .edit tr td[scope="col"],
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td,
    .detail tr td,
    .detail table,
    table.detail {
        background:none;
        font-size:1em;


    }
    /* Custom styling for table header */
    .edit h4 {
        font-size:1.2em;
        margin:10px 0 0 0;
        padding:8px 0 8px 0;
    }
    .edit tr td[scope="col"] {
        font-weight:bold;
    }
    /* Fix for textarea so it does not overflow */
    td textarea {
        width:95%;
    }
    /* This border breaks up/defines sections from view */
    .edit tr {
        border-bottom: 1px solid #cccccc;
    }
    .edit tr:last-child {
        border:none;
    }
    .edit input[type=text] {
        font-size:1em;
    }
    .search td input[type=text]{
        /*width: 100% !important;*/
    }
    /* Fix for how email section/table shows */
    .emailaddresses tr, .emailaddresses td {
        display:inline;
        border:none;
    }
    /* Responsive dashlet styles */
    .dashletcontainer {
        float:left;
    }
    .dashletPanel {
        overflow:auto;
    }
    .dashboardTabList {
        display:none;
    }
    /* Fix to remove rogue bootstrap margin on smaller devices to correct margin issue */
    #bootstrap-container,.col-sm-9, .col-sm-offset-3, .col-md-10, .col-md-offset-2, .main {
        margin:0;
        padding:0;
    }
    /* Fix for mobile footer hiding content at bottom of page */
    #content, #pageContainer {
        width:100%;
        margin: 0 0 50px 0;
    }
}

/* Make buttons larger on mobile */

@media (max-width:1023px) {
    .quickcreate {
        margin:0;
        padding:5px 7px 5px 7px;
    }
}

/* Hide search form as standard */
@media (max-width:767px) {
    .search_form {
    }
}

/* Custom styling for recently viewed on sidebar */
li.recentlinks_top{
    float:left;
    width:75%;
    overflow: hidden;
    margin-left:2px;
}

li.recentlinks_topedit {
    float:right;
    width:20%;
}

li.recentlinks_topedit a:focus{
    color:#FFF !important;
}

.recentlinks_top a{
    width:100%;
    height:100%;
}


li.recentlinks a {
    float:left;

}

li.recentlinks_edit a {
    float:right;
}

li.recentlinks_edit a:hover {
    background:none !important;
}

/* Custom styling from group tabs menu structure */

[id^=moduleTab] a:hover{
    color: hotpink;
}

a[id^=grouptab], a[id^=moduleTab]{
    color: #f7f7f7;
    padding:15px 0 18px 0;
}

a[id^=grouptab]:visited, a[id^=grouptab]:active {
    background:none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background:none;
}

#globalLinksicons {
    margin:0 5px 0 0;
}

.popupBody {
    margin:10px;
    padding:0;
}

.popupBody input[type=text], .popupBody textarea{
    width:95%;
}

.popupBody .list .view {
    overflow:scroll;
    width:95%;
}

.navbar-inverse .navbar-toggle {
    border:none;
}

@media(max-width:767px){
    ul.navbar-nav li a,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color:#ffffff; !important;
    }
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background:none;
}

#user_password, #user_name, #password {
    width: 150px;
}

.edit img#company_logo_image{
    max-width:250px !important;
    margin-top:50px;
}

.chartContainer .label{
    color:#333333 !important;
    font-weight:normal;
    font-size:1em;
}

.serverstats{
    margin:0;
    padding:0;
    width:250px !important;
    float:left;
}

.dashboardTabList li a span {
    cursor:pointer;
}

.View {
    border: 1px solid #cccccc;
}

@media (max-width:768px) {
    .View {
        border: 1px solid #cccccc;
    }

    #month-tab, #year-tab, #shared-tab{
        display:none;
    }
}

.list thead {
    border-bottom: 1px solid #edf2f9;
    background: #f9fbfd;
}

.table > thead > tr > th {
    border:none;
}

@media (max-width:980px) {
    .dashletNonTable {
        display:none;
    }

    .dashletcontainer {
        width:100%;
        position:relative;
        margin:0;
        float:left;
        padding:0;
    }
}

.table > thead > tr > th {
    border:none;
}

.home_h3 span{
    margin: 0 5px 0 5px;
}

@media (max-width:640px){
    #cal-edit, #settings_dialog, #settings_dialog form, #container1 {
        top:10px;
        max-height:400px !important;
        max-width:300px !important;
        overflow:scroll;
    }
}

@media(min-width:1280px){
    #cal-edit{
        margin:50px 0 0 200px;
    }
}

#forgotpasslink {
    margin: 10px 0 0 0;
}

@media (max-width:480px) {
    .breadcrumb{
      padding: 0.75rem;
    }

    .listViewBody form, #massassign_form {
      overflow: auto;
    }

    .paginationChangeButtons > nav {
      float: none !important;
    }

    .paginationActionButtons{
        padding:30px;
    }

    .pageNumbers {
        font-size: 10px;
    }

    #selectedRecordsTop {
        max-width: 100px;
        float: left;
    }
    ul.clickMenu li span {
      display: inline-block;
      width: 13px;
      float: left;
    }

    /*--- 25-5-2015 ---*/
    #multiple_choic_id{width:100% !important;margin:20px 0px;float:left;}
    #add_multiple_choice div{width:100%;float:left;}
    #add_multiple_choice div input[type="text"]{width:35%;margin-left:3px;}

    table.view.black-bg tr td{width:50%;float:left;padding:5px 0px !important;}
    table.view.black-bg tr{width:100%;float:left;}
    table.view.black-bg tr td input[type="text"]{width:100% !important;float:left;}
    .radio-btn-container label{width:100% !important;}
    #pageNum_0_div  table tr td[width="50%"]{width:100%;float:left;}
    #pageNum_0_div  table tr td[width="30%"]{width:100%;float:left;}
    #pageNum_0_div  table tr{width:100%;}
    #pageNum_0_div  table tr td ul{width:100%;float:left;}
    #pageNum_0_div  table tr td ul li{width:100%;float:left;}
    table{width:100%;float:left;}
    table tr{width:100%;}
    #bootstrap-container{width:100%;float:Left;}
    /*--- 25-5-2015 end ---*/
    /*--- 26-5-2015 ---*/
    #MassUpdate table tbody tr td:first-child{display:table-cell !important;}
    /*--------- 27-5-2015 ------------*/
    #popup_query_form table tr{border-bottom:0px;}
    .helpIcon{display:none !important;}
    #description_of_first_aid{width:315px;}
    #EditView_tabs h4{width:100%;float:left;}
    #EditView_tabs {position: static !important; overflow: auto;}
    #EditView {margin: 0 10px !important;}

    /*----------------------*/
    .dcQuickEdit tr td{display:block;}
    .dcQuickEdit tr td input[type="submit"]{margin:1px;}
    /*----------- 28-5-2015 -------------*/
    .showsearch{border-radius: 0 !important;margin-top: -3px;}
    #rreg_RiskRegisterbasic_searchSearchForm table tr td{width:50%;float:left;}
    #residual_risk_ratingHelp{margin:8px 10px !important;}
    #inherent_risk_ratingHelp{margin:8px 10px !important;}
    .matrix-table td, .matrix-table th{font-size:10px !important;padding:0px !important; }
    #div-inherent_risk_rating .matrix-table td{font-size:15px !important;width:32%;display:inline-block; }
    #div-residual_risk_rating .matrix-table td{font-size:15px !important;width:32%;display:inline-block; }
    .action_buttons{border-bottom:0px;}
    .action_buttons input[type="submit"]{margin:2px 1px;}
    #div-inherent_risk_rating .matrix-table{width:100% !important;}
    #rreg_RiskRegister_detailview_tabs .detail td,#rreg_RiskRegister_detailview_tabs #DEFAULT td{width:40%;margin:0 5px;}
    #div-residual_risk_rating .matrix-table{width:100% !important;}
    .action_buttons{margin-top:17px;}
    #groupTabs li:first-child{display:block;margin-bottom:15px;}
    #groupTabs li{margin:0px;}
    #groupTabs li a{color:#4f4f4f;}
    #detailpanel_2{padding:0px 0px !important;}
    #detailpanel_2 h4{margin:10px 0 6px;}
    #LBL_EDITVIEW_PANEL1{padding:0px !important;}
    #learning_header_tbl{height:auto !important;}
    #learning_footer_tbl{height:auto !important;}
    .defaultSkin .mceListBox .mceText{width:40px !important;}
    .defaultSkin table.mceLayout tr.mceFirst td{padding:3px 2px 3px 0 !important;}
    .detail h4{width:100%;float:left;}
    .detail tr td{text-align:center;}
    /*---------------- 29-5-2015 -------------------*/
    #select_learning{width:80%;}
    .moduleTitle .btn{margin:0 10px;}
    #pageContainer{padding: 0 20px !important; margin: 0 0px !important;}
}

#buttontoggle {
    position: fixed;
    left: 0;
    top: 130px;
    background:#eeeeee;
    z-index: 100;
    height:32px;
    width:24px;
    padding:8px 4px 8px 4px;
}

/* Override bootstrap styles where not required */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #FFF;
    background:none !important;
}

/* Dashlet CSS */

.dashletPanel .h3Row {
    background: #ffffff;
    color:#12263f;
    border-bottom: 1px solid #edf2f9;
}

.dashletPanel{
  border: 1px solid #edf2f9;
  box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
  border-radius: calc(.5rem - 1px) calc(.5rem - 1px) calc(.5rem - 1px) calc(.5rem - 1px);
}

.dashletPanel .h3Row h3{
    font-weight: 500 !important;
    margin:0 0 0 10px;
    font-size: .9375rem;
}

#dashletbuttons{
    color:#3C8DBC;
    margin: 0 2px 0 2px;
}

#dashletbuttons:hover{
    opacity:0.8;
}

.dashletToolSet{
    margin: 0 10px 0 0;
}

.teamNoticeBox{
    border:none;
}

.oddListRowS1, .evenListRowS1{
  border-bottom:1px solid #edf2f9;
}

.list tr.oddListRowS1 td, .list tr.evenListRowS1 td{
    padding-top:10px !important;
    padding-bottom:10px !important;
}

#copyright_data a{
    color: #000000;
    margin: 0 5px 0 5px;
}

#copyright_data a:hover, #links a:hover{
    cursor:pointer;
    text-decoration:none;
}


.helpIcon{
    display:none !important;
}

.paginationWrapper{
    float:right;
    margin:0;
    padding:0;
}

.paginationWrapper span, .paginationWrapper span,{
    padding: 0;
    margin: 0;
}

.h3Row{
    padding:0;
    margin:0;
}

div.action_buttons form {
    float:left;
}

.paginationWrapper {
    float:right;
}

/* Fix to override bootstrap for email module panel collapse/expand */

.yui-layout .yui-layout-clip-right .collapse, .yui-layout-hd .collapse, .yui-layout .yui-layout-clip-left .collapse{
    visibility:visible !important;
    display:block !important;
}

.actionmenulinks a span{
    padding:5px;
}

/* Fix to make Boostrap drop down hover on larger screens */

@media (min-width:1024px) {
    .navbar-nav > li:hover ul.dropdown-menu, #globalLinks:hover ul.dropdown-menu, #quickcreatetop:hover ul.dropdown-menu {
        display: block;
    }
}

@media (min-width:1020px) and (max-width:1024px) {
  a[id^="grouptab"], a[id^="moduleTab"], .topnav li > a {
    font-size: .75rem !important;
  }
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
}

.recently_viewed_link_container{
    width:100%;
    float:left;
    overflow: hidden;
}

.recently_viewed_link_container_sidebar{
    margin-bottom:10px;
    width:100%;
    float:left;
    overflow: hidden;
}

h3 span{
    font-weight:bold;
}

@media only screen and (max-width: 959px) {

    table.mceLayout, textarea.tinyMCE {
        width: 100% !important;
    }

    /* make the toolbar wrap */
    .mceToolbar td {
        display:table-row;
        float: left;
    }
    .mceToolbar td:nth-of-type(11){
        clear: left;
    }

    table.mceLayout, textarea.richEditor, {
        width: 90% !important;
        overflow:scroll;
    }

    /* remove the toolbar wrap */
    .mceToolbar td {
        display:table-cell;
        float: none;
    }
    .mceToolbar td:nth-of-type(11){
        clear: none;
    }
    .defaultSkin .mceToolbar{
        height:auto !important;
    }
}

/* #layoutEditor .le_row {
    margin: 2px 3px;
    height:25px;
    clear: both;
    padding:0 10px 5px 20px !important;
} */

#toolbox .le_panel, #toolbox .le_row, .le_field {
    width: 150px;
    float: left;
    border: 1px solid #808080;
    background: none repeat scroll 0% 0% #EEE;
    padding:0 !important;
    margin: 2px 3px;
    overflow: hidden;
}

#toolbox, #panels{
  overflow:auto;
}

@media(min-width:980px) {
    #dialog1_c {
        margin-left: 40%;
    }
}

@media (max-width:1360px){
    /* #dlg{
        top:50px;
    } */

    #dlg .bd{
        max-height:500px;
        overflow-y:scroll;
    }
}

@media (max-width:979px) and (max-height:1024px) {
    #dashletsDialog_c{
        margin-top:25px;
        margin-left:0;
        margin-bottom:25px;
        height:70%;
        overflow:scroll;
    }
}

@media (min-width:979px) {
    #mobile_menu{
        display:none !important;
    }

    #quickcreatetop a, #desktop_notifications > a, .navbar-right > a {
      margin: 0 0.5rem !important;
      line-height: 55px;
      padding: 10px 5px 0 5px !important;
      cursor: pointer;
      vertical-align: middle;
      font-size: 1.0625rem;
    }

    #quickcreatetop ul li, #desktop_notifications ul li{
        padding:0 !important;
        margin:0 !important;
    }

    #quickcreatetop ul li a, #desktop_notifications ul li a{
        color:#3C8DBC !important;
        padding:0 3px 0 3px !important;
        margin:0 !important;
        line-height:35px;
    }

    #quickcreatetop ul li a:hover, #desktop_notifications ul li a:hover{
        color:#ffffff !important;
    }
}

.navbar-collapse.collapse{
    overflow:scroll !important;
}

#themePreview{
    width:250px;
}

.icon{
    fill: #3c8dbc;
    pointer-events: none;
}
/* End Global CSS */




/* Customizations by Robin Jassi */


#mechanism_of_injury{height:370px;}
#agency_of_injury{height:370px;}
#bodily_location_of_injury{height:352px;}
#case_classification{height:370px;}
#possible_nature_of_injury{width: 250px;}
#contributing_factors{width: 250px;}
#root_causes{width: 250px;}
#control_measure{width: 250px;}
#strategic_objective{width: 200px;}
#source_of_risk{width: 200px;}
#target_risk_level{width: 200px;}
#description_of_first_aid{width: 355px;}
#bodily_location_of_injury{height:250px;}
.popupBody input[type="text"], .popupBody textarea{width:auto;}
.matrix-table{border:2px solid black;}
.matrix-table td, .matrix-table th{border:2px solid black; padding:5px; font-size:15px; font-weight:bold;}
.matrix-table th, .matrix-table td.value{text-align:center;}
.matrix-table td.row_title input{font-size: 15px;}
.matrix-table td.value {.cursor:pointer;}
.matrix-table td.selected {background-color:#000000 !important; color:#ffffff !important;}
.hide{display:none;}
.listViewBody .matrix-table {border:1px solid black; width:220px;}
.listViewBody .matrix-table tr{height:30px;}
.listViewBody .matrix-table td,.listViewBody  .matrix-table th{font-size: 12px; font-weight: bold;}
.listViewBody .matrix-table td.value{padding: 0 !important;}
.matrix-table th, .matrix-table td.value{padding:5px 1px !important;}
footer{display:none;}
.relate_field {
    cursor: pointer;
    margin: 0 3px 0 0;
    padding: 5px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .detail508 tr td[scope="col"], .edit tr td[scope="col"]{min-width:40% !important;max-width:40% !important;}
}

#moduleDashletsList img{display:none;}
#Buttons tr td {text-align: left;}
#Buttons .wizardButton tr:first-child td .studiolink{display:none;}
#toolsCategory{display:none;}
#basicChartDashletsList table tr td a img{display:none;}

/*--------- 27-5-2015 -------------*/
#search_form_clear{.padding:5px 8px !important;}
#r_Injuryadvanced_searchSearchForm td{text-transform:capitalize;}
#occur_date_time_section span{top:0px !important;}
#occur_date_trigger{top:0px !important;}
.dateTime img{top:0px !important;}
#date_reported_time_section span{top:0px !important;}
#EditView_tabs h4{font-size:20px ;}
#FormEditView .edit tr td{padding:0px !important;}
#FormEditView h2{margin:9px 0px 9px ;}
#EditView_tabs label input[type="radio"]{float:Left;margin:2px ;}
#r_Injuryadvanced_searchSearchForm label input[type="radio"]{float:Left;margin:2px ;}
.relate_field{border:0px;background:none !important;}

#dashletsDialog_c{top:20% !important;}
#dashletsList{height:auto !important;}
#user_results1{float:left;margin:2px;}
#user_results2{float:left;margin:2px;}
#user_results3{float:Left;margin:2px;}


/*-------------- 28-5-2015 -------------*/
#date_start_time_section span{top:0px;}
#date_due_time_section span{top:0px;}
.utils{
    border: medium none;
    color: #fff;
    margin: 2px;
    padding: 5px 8px;}
.utils a{ color: #fff;}
.utils a img {margin-bottom:0px;}

/*---------- 29-5-2015 ------------*/
#create_link, .nicebutton, .button, input[type="submit"], input[type="button"]{border-radius:0.375rem;}

#attachment_file{
    margin-bottom:2px;
    width: 232px !important;
}
#Usersadvanced_searchSearchForm tr td{text-transform:capitalize;}
.section-text div textarea {
    background: #fff none repeat scroll 0 0;
    float: left;
    line-height: 20px;
    margin-top: 10px;
    padding: 5px;
    width: 100%;
}
#section_1 #FormEditView h2{margin:0px;}
.chartContainer > div > div > div,.chartContainer > div > div > div canvas {width:100% !important;}

.detail508 tr td[scope="col"]{white-space: normal;}
[id^="page_"][id*="_hidden"][id$="b"]{height:0 !important; margin:0 !important;}
ul.dashboardTabList{margin-bottom:0px; }
[id^="pageNum_"][id$="_div"] > table{margin-top:0px !important;}
[id^="pageNum_"][id$="_div"] > table.formHeader{margin-top:10px !important;}
[id^="pageNum_"][id$="_div"] > table > ul[id^="col_"]{margin-top:0px !important;}
#basic_search_link{display: inline-block !important;}
#scheduler #create-invitees{display:none;}

#invitees_search{float:right;}
#invitees_add_all{float:right;}

#pageContainer, .listViewBody{background: #F9FBFD none repeat scroll 0 0; margin: 0; padding: 0;}
.listViewBody{padding: 20px 40px;}
#search_form{border-top: 5px solid #e7eaec;}
.dashletPanel .bd-center{padding:20px; background-color:#ffffff; border-radius: 0 0 calc(.5rem - 1px) calc(.5rem - 1px); overflow: hidden;}

#bootstrap-container .dashboardTabList{
  overflow: auto;
  height: auto;
  padding: 1.5rem 0;
}

.yui-panel-container{max-width:88%;}
.yui-panel-container .yui-module.yui-overlay.yui-panel{max-width:100%;}
.yui-panel-container .yui-module.yui-overlay.yui-panel .bd > div{min-width:auto !important;}
.yui-panel-container .yui-module.yui-overlay.yui-panel .bd{width:100%; float:left;}
.yui-panel-container{z-index:1050; max-height:390px;}
.yui-panel-container .bd{overflow: auto;}
.yui-panel-container .bd > div{overflow: visible !important; min-height:auto !important;}
button, .button, input[type="button"], input[type="reset"], input[type="submit"], a#create_link.utilsLink, .btn-primary, .button, input[type=submit], input[type=button], a#create_link.utilsLink, .btn-group a, ul.clickMenu>li, ul.SugarActionMenuIESub li, ul.SugarActionMenuIESub li a,
ul.clickMenu li a, #advanced_search_link,#basic_search_link,.nicebutton{
    margin:1px; display:inline-block;
}

ul.clickMenu li{
    padding: 5px 10px;
    border-radius: 5px;
    font-family: "Cerebri Sans", sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 1.5em;
}

@media (min-width: 768px) {
    .showsearch{
        display:none;
    }
}
.todo-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.todo-list.small-list {
    font-size: 12px;
}
.todo-list.small-list > li {
    background: #f3f3f4;
    border-left: none;
    border-right: none;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 6px 6px 6px 12px;
}
.todo-list.small-list .btn-xs,
.todo-list.small-list .btn-group-xs > .btn {
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.5;
    padding: 1px 2px 1px 5px;
}
.todo-list > li {
    background: #f3f3f4;
    border-left: 6px solid #e7eaec;
    border-right: 6px solid #e7eaec;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 10px;
}
.todo-list .handle {
    cursor: move;
    display: inline-block;
    font-size: 16px;
    margin: 0 5px;
}
.todo-list > li .label {
    font-size: 9px;
    margin-left: 10px;
}
.check-link {
    font-size: 16px;
}
.todo-completed {
    text-decoration: line-through;
}

#map_area{width:100%; clear:both;}

@media (max-width: 640px) {
    #map_area{width:305px; height:215px; clear:both;}
    #bootstrap-container{
        padding:0 0 50px !important;
    }
    #reportDiv.alineasol_reports .legend div{clear:both;}
}
.hd-center .formHeader.h3Row tr td:first-child{width:70%;}
blockquote {
    font-size: 1em;
}
.sugarFeedDashlet table tr td:first-child{width:40px; vertical-align:top;}


#audit_category_advanced
{
    width: 200px !important;
}

.ui-dialog.ui-widget.ui-widget-content{max-width:90%;}



@media only screen and (max-width: 640px) {
    .file-field .repeater-row input{width:auto !important;}
    .edit tr{border-bottom:none !important;}

    .paginationChangeButtons {
        width:100%;
        float:left;
    }

    .paginationActionButtons{
        width:100%;
        float:left;
    }
}

.web-page-dashlet div.container{width:100%;}
.web-page-dashlet img{max-width:100%;}
#signupform{
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 5px 5px #dddddd;
    margin: 0 auto;
    max-width: 300px;
    width:100%;
    padding: 15px;
    text-align:center;
}
.from-signup h2.title{font-size:20px;}
.from-signup .form-group label{.font-size:14px; .width:40%; font-weight:bold; color: #555; margin:10px 0; display: inline-block;}
.from-signup .form-group .form-control{display:inline; width:100%;}
#pageContainer #pageContainer > div > table > tbody > tr > td{display:block; float:left;}
.mce-tinymce button{
    background: none !important;
}

@media only screen and (min-width: 640px) {
    .utilsLink-larger {
        font-size: 20px;
        padding: 12px !important;
        border-radius: 8px !important;
    }
}

#pageContainer, .listViewBody{background: #F9FBFD none repeat scroll 0 0; margin: 0; padding: 0;}

@media (max-width: 480px) {
    .listViewBody{
        margin: 0px;
        padding: 0 10px;
        background-color: white;
    }
    .moduleTitle h2 {
        padding-left: 10px;
    }

    .class_for_mobile_view_audit_module_title{
        text-align: center;
    }

    #select_audit{
        width: 95%;
    }

    .class_for_mobile_view_learning_module_title{
        text-align: center;
    }

    .for_learning_input_only{
        width: 70% !important;
    }

    .signature-container img{
        width: 100%;
    }

    .section-text td {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #saved_search_select{
        max-width: 200px;
    }

    .white-space{
        float:left;
    }

    [id^=list_subpanel_]
    {
        border: none;
    }

    #EditView_tabs > div div:last-child{
        padding-bottom: 12px !important;
    }

    #Documents_detailview_tabs{
        display: none;
    }

    #detailpanel_1{
        padding-bottom: 0px !important;
    }

    .dashletPanel{
        margin: 10px;
    }

    #pageContainer{
        padding: 0px !important;
    }

    .yui-nav{
        display: none;
    }

    .edit input[type=text]{
        max-width: 300px;
    }

    #report_table tr{
        height: auto !important;
    }

    #report_table td{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

#Usersadvanced_searchSearchForm #doughnutChart-containter{
    display: none;
}

#Usersbasic_searchSearchForm #doughnutChart-containter{
    display: none;
}

ul.clickMenu{
    border:none;
    background:none;
}

ul.clickMenu span.ab{
    border: none;
}

ul.clickMenu li ul.subnav li a {
  display: block;
  width: 100%;
  padding: .375rem 1.5rem !important;
  clear: both;
  font-weight: 400;
  color: #6e84a3;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  margin: 0 !important;
  font-size: .9375rem !important;
}
ul.clickMenu li ul.subnav li a:hover {
  color: #12263f;
  text-decoration: none;
  background-color: transparent;
}
li.topnav{
    padding:15px 0 14px 0;
}
ul.clickMenu.subpanel.records li > span{
    background-position: 50% 0px;
}

.id-ff-remove{
    border: none;
    border-radius: 0 5px 5px 0;
    padding: 6px 10px 5.5px 10px;
    margin: 0px 0 0 -15px;
}

.daslet_action_help{
    display: block;
    font-size: 10px;
    font-style: italic
}
#actionLinkTop li a, #actionLinkTop li a:hover{background:none;font-family: "Cerebri Sans", sans-serif;}
#actionLinkBottom li a, #actionLinkBottom li a:hover{background:none;font-family: "Cerebri Sans", sans-serif;}

#subpanel_list h3 span{
    font-size: 18px;
}
#subpanel_list h3{
    margin: 0;
}
#create_image{
    display:inline-block;
}
.actionsContainer span.utils {
    font-size: 15px !important;
    padding: 5px 10px 4px 10px !important;
    border-radius: 4px !important;
    font-family: "Cerebri Sans", sans-serif;
    margin:1px;
}

#create_link{
    padding: 0 !important;
    background: none !important;
    font-size:15px;
}
.actionsContainer span.utils a img, .moduleTitle span.utils a img {
    margin-bottom: 1px;
    margin-left: -10px;
    width: 13px;
    height: auto;
}
#search_form{
    border:none;
}
#bootstrap-container{
    background:inherit;
    padding:0 50px 10px 50px;
}

#pageContainer, .listViewBody{
    background:#F9FBFD;
}

.dashletPanel .h3Row{
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
}

.dashletPanel .h3Row tr td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.dashletPanel .h3Row tr td:first-child {padding-left: .9375rem;}
.dashletPanel .h3Row tr td:last-child {padding-right: 1rem;}

li#usermenu{
    height: 50px;
    overflow: visible;
}
h3{
    font-size: 20px;
}
.administrator_index{
    font-size: 14px;
}

.list tr.pagination td table td button {
    width: auto;
}
#groupTabs li a{
  border: 1px solid #e3ebf6;
  background-color: #e3ebf6;
  border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
  border-bottom: none !important;
  color: inherit;
  font-size: 11px;
  font-weight: bold;
  padding: 8px;
}
#groupTabs{float:left; padding:0; width:100%;}
#groupTabs li{float:left;margin: 0 1px 0 0;}
#groupTabs li a{float:left;}
ul.clickMenu li ul.subnav li a, ul.clickMenu li ul.subnav li input, ul.subnav-sub li a, ul.SugarActionMenuIESub li a{
    width: 100% !important;
}
#dialog1_c.yui-panel-container{
    margin-left: 0;
}

ul.clickMenu li a{
    margin: 0 4px 0 0;
    color: inherit;
}

ul.clickMenu{
    float:left;
}
a.search_create_button img{
    width:13px;
    margin-top:-3px;
}
a.search_create_button{
    text-decoration: none;
}

#display_tabs_td select{
    width: 150px !important;
}

#hide_tabs_td select{
    width: 150px !important;
}

@media screen and (max-width: 480px) {
    body {
        display: inline-block;
        width: 100%;
    }
    #content, #pageContainer {
        width: 100vw !important;
    }
}

#selectCountTop{
    height: 30px !important;
}

#user_role_list_basic,
#user_assignment_status_list_basic,
#status_basic, #status_id_basic, #status_c_basic,
#user_skill_list_basic, #datetime_c_basic_range_choice,
#date_modified_basic_range_choice,
#audituser_status_basic, #parent_type_basic,
#select_audit_basic, #date_created_basic_range_choice,
#audit_category_basic, #master_c_basic,
#course_category_basic, #date_entered_basic_range_choice,
#select_learning_basic, #incident_date_time_basic_range_choice,
#learninguser_status_basic{
    height: 36px;
}

.popupBody .moduleTitle .utils a{
    color: white !important;
    text-decoration: none;
}

#bootstrap-container footer{
    display: none;
}

#simbanic_doc_permissions_edit{
    width: 550px !important;
}

#simbanic_update_task{
    width: 500px !important;
}

/* fix of Pie Charts flickering */
svg > g > g:last-child { pointer-events: none }
/* End of fix */

@media screen and (max-width: 480px)
{
  .dashletOffset {
    margin: -10px !important;
  }

  .dashletPanel .bd-center{
      width: 100%;
      padding: 10px;
  }
  .search_form .view {
      width:100%;
      margin: 0 0 3px;
  }
}

#Usersadvanced_searchSearchForm #doughnutChart-containter{
    display: none;
}

#Usersbasic_searchSearchForm #doughnutChart-containter{
    display: none;
}
/*
** Dima 19.10.2018
** Fix bug with body height in mobile view
*/
@media screen and (max-width: 480px) {
    body {
        display: inline-block;
        width: 100%;
    }
    #content, #pageContainer {
        width: 100vw !important;
    }
}
/*
** Dima end fix 19.10.2018
*/

/* Fixes of issue with UI made by Dima 26.10.2018 */
/* UI Issue #1: Fix of shrinked dropdown columns */
#display_tabs_td select{
    width: 150px !important;
  }

#hide_tabs_td select{
    width: 150px !important;
}
/* end of UI issue #1 */
/* UI Issue #3: Fix of note box footer when note button was pressed */
#bootstrap-container footer{
    display: none;
}
/* End of UI issue #3 */
/* UI Issue #5: Fix of buttons Mass Update and Delete */
#delete_listview_top{
    padding: 1px 8px 1px 8px;
}
#delete_listview_bottom{
    font-size: 12px;
    padding: 0px 8px 0px 8px;
}
#massupdate_listview_top, #massupdate_listview_bottom{
    font-size: 12px;
}

#addQuestion, #addSection {
    text-align: center;
    background-color: rgba(103, 106, 108, 1);
    font-size: 18px !important;
    border: 2px solid gray;
    color: white;
    width: 150px;
    border-radius: 3px;
    width: 147px !important;
    padding: 0px 2px 0px 2px;
    height: 28px !important;
}

#addQuestion:hover, #addSection:hover {
    background: #0072C6 !important;
    transition: background 0.5s linear;
}

.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.glyphicon{
    top: 0 !important;
}

/* *****************************************************************************
 * New UI Changes
 ******************************************************************************/

/* Top Menu ------------------------------------------------------------------*/
.navbar{
  border-width: 0 0 1px;
  border-style: solid;
  padding: .5rem 1rem;
  border-color: #e3ebf6;
}

.navbar-inverse {} /* left empty for now */

li.topnav{
   margin:0;
   padding:15px 0 12px 0;
   font-size: 0.8375rem !important;
}

.moremenu ul, .dropdown-menu{
   position: absolute;
}

.dropdown-menu{
 top: 100%;
 left: 0;
 z-index: 1000;
 display: none;
 float: left;
 min-width: 10rem;
 padding: .7rem 0;
 margin-top: -1px;
 font-size: .9375rem;
 color: #12263f;
 text-align: left;
 list-style: none;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid rgba(18,38,63,.175);
 border-radius: .375rem;
 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

/* #search > div.dropdown-menu, */
#desktop_notifications #alerts.dropdown-menu {
  background: #fff !important;
}

a[id^="grouptab"], a[id^="moduleTab"]{
   padding: 15px 0 15px 0;
   font-size: 0.9375rem;
}

a.dropdown-toggle::after {
   display: inline-block;
   margin-left: .1125rem;
   vertical-align: .2125em;
   content: "";
   border-top: .25em solid;
   border-right: .25em solid transparent;
   border-bottom: 0;
   border-left: .25em solid transparent;
}

a.dropdown-toggle::after {
   width: auto;
   height: auto;
   border: none !important;
   vertical-align: middle;
   font-family: Feather;
   content: "\e92e";
}

.dropdown-menu li a {
   text-decoration:none;
   padding: .375rem 1.5rem;
   display:block;
}

.dropdown-menu li a:hover {
   background-color: inherit;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

#usermenu{
 cursor:pointer;
 list-style:none;
 margin: 0 0 0 10px;
}

li#usermenu:hover {
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}

#usermenu a::after {
 display: inline-block;
 vertical-align: .2125em;
 content: "";
 border-top: .25em solid;
 border-right: .25em solid transparent;
 border-bottom: 0;
 border-left: .25em solid transparent;
}

#usermenu a::after {
   width: auto;
   height: auto;
   border: none !important;
   vertical-align: middle;
   font-family: Feather;
   content: "\e92e";
}

#usermenu.dropdown-toggle::after {
  content: none;
}

#globalLinks {
   height:49px;
}

.user-avatar{
 width: 40px;
 height: 40px;
}

.user-avatar-small{
  width: 25px;
  height: 25px;
}

.top-search {
  border-radius: 20rem !important;
  padding-left: 30px !important;
  color: #6e84a3;
}

#searchform .input-group i,
#searchformdropdown .input-group i {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  color: #6e84a3;
}

/* Notifications */
.icon.active {
  position: relative;
}

.icon.active::after {
  content: "";
  position: absolute;
  top: 10%;
  right: 25%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #E63757;
}

#alerts{
    min-width: 350px;
}

.alerts-header {
  padding-top: .5rem;
  padding-bottom: .7rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid #edf2f9;
}

.alerts-header div {
  display: inline-block;
}

.alerts-header .alerts-header-title {
  font-weight: 500;
  line-height: 1.1;
  color: #12263f;
  text-align: left;
  letter-spacing: -.02em;
  font-size: .8125rem;
}

.alerts-header .alerts-header-actions {
  float: right;
}

.alerts-header .alerts-header-actions a,
.alert a.small {
  text-decoration: none;
  cursor: pointer;
}

.alert {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  border-radius: none;
  border-bottom: 1px solid #edf2f9;
  margin: 0;
}

.alert:hover {
  background: #f9fbfd;
}
/* END Notifications */

/* Mobile menu  */
#mobile_menu{
    overflow-y: scroll;
    overflow-x: hidden !important;
}

#mobile_menu li{
    list-style: none;
}

#mobile_menu a{
    display:block;
    padding:12px 0px;
}
/* END Mobile menu */

/* Footer styles for mobile */
#mobilefooter {
    width:100%;
    margin:0 auto;
    padding:5px;
    max-height:50px !important;
    background:#fff;
    border-top: 1px solid #e3ebf6;
    position:fixed;
    left:0;
    bottom:0;
}

#footernav{
    margin: 0 auto; padding: 0;
    width:110px;
}

@media screen and (min-width:479px) {
    #mobilefooter {
        display:none
    }

}

@media screen and (max-width:801px) {
    footer {
        display:none
    }
}
/* END Footer styles for mobile */
/* END Top Menu --------------------------------------------------------------*/

/* Dashlets ------------------------------------------------------------------*/
.dashletOffset{
  margin:-20px;
}

.dashletOffset nav .pagination {
  padding: .9375rem 1.5rem;
}

.dashletOffset .list th:first-child,
.dashletOffset .list td:first-child {
    padding-left: 1.5rem !important;
}

.dashletOffset .list th.footable-last-column,
.dashletOffset .list td.footable-last-column,
.dashletOffset .list th:last-child,
.dashletOffset .list td:last-child {
    padding-right: 1.5rem !important;
}

.dashletPanel .hd .hd-center .dashletToolSet a,
a.lv-edit-btn{
  padding: 0 7px;
  font-size: 1.1rem !important;
  color:#95aac9 !important;
}

.dashletPanel .hd .hd-center .dashletToolSet a:hover,
a.lv-edit-btn:hover{
  color:#6e84a3 !important;
}

.dashletPanel .hd .hd-center .dashletToolSet a:last-child  {
    padding-right: 0;
}

.dashletPanel .dropdown-ellipses {
  float: right;
}

.dashletPanel div.btn,
.dashletPanel span.btn,
.yui-dialog div.btn,
.yui-dialog span.btn,
.dashletPanel a.btn {
  font-size: 80%;
}

.dashletPanel .list tr th, .dashletPanel .list tr td {
    vertical-align: middle;
    padding: .9375rem 4px;
}
/* END Dashlets --------------------------------------------------------------*/

/* Loading panel -------------------------------------------------------------*/
#ajaxloading.yui-panel .bd {
  border-radius: calc(.5rem - 1px) !important;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }

.spinner-border {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid #2C7BE5;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1.1rem;
  height: 1.1rem;
  border-width: 0.1em;
  display: inline-block;
  margin-bottom: 1px;
}

#ajaxStatusDiv {
    background: #EDF2F9;
    color: currentColor;
    position: fixed;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 20;
    top: 72px;
    padding: 5px;
    width:100%;
    text-align: center;
}

/* ListView ------------------------------------------------------------------*/
#doughnutChart-containter{
  position: inherit !important;
}

.lv-edit-btn {
 padding: 0 !important;
}

.moduleTitle {
  padding-top: 10px;
  padding-bottom: 10px;
}

.moduleTitle h2 {
    display: block;
    float: left;
    letter-spacing: -.02em;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.3;
    color: #12263f;
}

.moduleTitle > h2 > a {
  font-size: inherit;
}

.moduleTitle > h2 > span.fe {
  color: #D2DDEC;
}

.custom-pdfcard-wrap{
  display:none;
  position:fixed;
  top: 39%;
  left: 41%;
  opacity:1;
  z-index:9999;
}

.custom-pdfcard-container,
.subpanel-wrap {
  background: #fff;
  border-radius: calc(.5rem - 1px);
  border: 1px solid #e3ebf6;
}

.custom-pdfcard-container .pdfcard-title{
  padding: 1rem 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  color: #12263f;
  border-bottom: solid 1px #edf2f9;
  margin-right: 35px;
}

.custom-pdfcard-container .pdfcard-content {
  padding: 1rem 1.5rem;
}

.custom-pdfcard-container .pdfcard-content a {
  display: block;
}

#MassUpdate {
  background: transparent;
  border: 1px solid #edf2f9;
  margin-bottom: 20px;
  box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
  border-radius: calc(.5rem - 1px);
}
#MassUpdate .list.view.table{
  border-radius: calc(.5rem - 1px);
  word-wrap: break-word;
}

#MassUpdate .list.view.table > thead {
  background: transparent;
}

#MassUpdate .list.view.table > thead > tr:last-child {
  background: #f9fbfd;
  border-top: 1px solid #edf2f9;
}

#MassUpdate .list.view.table > thead > tr:last-child th {padding-top: .9375rem; padding-bottom: .9375rem;}

#MassUpdate .list.view.table > tbody tr td:first-child {padding-left: 1.01rem;}
#MassUpdate .list.view.table > tbody tr td:last-child {padding-right: 1.01rem;}

#MassUpdate tr#pagination > td {
  padding: 0 !important;
}

.paginationChangeButtons > nav {
  float: right;
}

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

#massassign_form,
.listViewBody #search_form,
.search_table {
  background: #fff;
  border-radius: calc(.5rem - 1px);
  padding: 15px;
  border: 1px solid #edf2f9;
  margin-bottom: 20px;
  box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
}

.search td > label {
  font-weight: 600;
  font-size: .7rem;
  text-transform: uppercase;
}

ul.clickMenu.selectActions>li {
  color: #fff;
  background-color: #00D97E;
  border-color: #00D97E;
}

ul.clickMenu.selectActions>li:hover {
  color: #fff;
  background-color: #00b368;
  border-color: #00a660;
}

.dataLabel {
    font-size: inherit;
  }

.matrix-table .value {
  position: inherit;
}
.matrix-table .value:hover{
  opacity: .8;
}

#basic_search_link,
#saved_search_select{
  display:none
}

.report-list-table {
  word-break: break-word;
}

.view.listViewEmpty {
  padding: 10px 15px 0 15px !important;
  border-radius: calc(.5rem - 1px);
}


/* DetailView ----------------------------------------------------------------*/
.subpanel-wrap {
  overflow: auto;
  margin: 15px 0 !important;
  box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
}

.subpanel-wrap .h3Row {
  padding: 0.7rem;
  display: block;
}

#subPanel {
  border-radius: calc(.5rem - 1px);
  margin: 15px 0 25px 0 !important;
}

.subpanel-pagination {
  padding: 0 0.7rem;
}

.roundedTable {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #edf2f9;
  margin-bottom: 20px;
  box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
  border-radius: calc(.5rem - 1px);
}

.roundedTable table tr td,
.roundedTable table tr th {
  font-size: .7125rem;
}

/* EditView ------------------------------------------------------------------*/
#EditView > div#EditView_tabs{
  background: #fff;
  margin: 15px 0;
  padding: 15px;
  border: 1px solid #e3ebf6;
  box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
  border-radius: calc(.5rem - 1px) calc(.5rem - 1px) calc(.5rem - 1px) calc(.5rem - 1px);
}

#EditView > div#EditView_tabs.yui-navset {
  margin: 0;
  background: none;
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: unset;
}


/* Global Search -------------------------------------------------------------*/
.main-search-form-wrap {
  position: relative;
}

.searchField::placeholder,
.main-search-form-wrap span.text-muted{
  color: #95aac9;
}

.main-search-form-wrap span.text-muted{
  position: absolute;
  font-size: .9375rem;
  line-height: 2em;
}

.searchField {
  padding: 0 20px !important;
  color: #12263f;
  border: none;
}

/* Audit Calendar ------------------------------------------------------------*/
.search_table {
  display: block;
  padding: 15px !important;
  margin-bottom: 15px !important;
}

.search_table td,th {
  border:none !important
}

.monthHeader, .monthFooter {
  border: 1px solid #edf2f9;
  background:#fff;
  padding: .9375rem;
}

.monthHeader {
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
    border-bottom: none;
    margin-top: 15px;
}

.monthFooter {
  border-radius: 0 0 calc(.5rem - 1px) calc(.5rem - 1px);
  border-top: none;
}

#cal-grid {
  background: #fff;
}

/* Fields --------------------------------------------------------------------*/

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea,
.ms-parent > .ms-choice {
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.5;
    color: #12263F;
    background-color: #fff;
    background-image: none;
    border: 1px solid #D2DDEC;
    border-radius: 0.375rem;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

input[type="radio"] {
  margin: 0 4px 5px 4px;
}

.ms-parent > .ms-choice > div{
    top:5px;
}

.ms-choice > span {
  padding: 7px 14px !important;
}

textarea{
    height: auto;
    max-width: 450px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 6px;
    background-color: #fff;
}

#search_form textarea {
  max-width: 150px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus{
    outline: 0;
    color: #12263f;
    background-color: #fff;
    border-color: #2c7be5;
}

input[type="text"]::-moz-placeholder {
    color: #b1c2d9;
    opacity: 1
}

input[type="text"]:-ms-input-placeholder {
    color: #b1c2d9;
}

input[type="text"]::-webkit-input-placeholder {
    color: #b1c2d9;
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

/* For select fields */
select {
  display: inline-block;
  height: 34px;
  padding: 5px 22px 5px 12px;
  color: #12263F;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 0.35rem center/22px 12px;
  background-color: #FFFFFF;
  border: 1px solid #D2DDEC;
  border-radius: 0.375rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  select:focus {
    border-color: #2C7BE5;
    padding: 5px 22px 5px 12px;
    outline: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 0.35rem center/22px 12px;
    box-shadow: inset 0 1px 2px rgba(18, 38, 63, 0.075), 0 0 5px rgba(44, 123, 229, 0.5); }
    select:focus::-ms-value {
      color: #12263F;
      background-color: #FFFFFF; }
  select[multiple], select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  select:disabled {
    color: #95AAC9;
    background-color: #EDF2F9; }
  select::-ms-expand {
    display: none; }
/* For select fields END */

#searchFieldMain.searchField {
  border: none;
}

/* PDF -----------------------------------------------------------------------*/
.pdf-icon {
  display: inline-block;
  width: 27px;
  height: 32px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFRDFDMjQ7fQo8L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NTgsMTE4LjJMMzQ2LjUsOC40QzM0NSw2LjksMzQyLjksNiwzNDAuNyw2SDEzNWMtMzEuMSwwLTU2LjMsMjYuNi01Ni4zLDU5LjR2MjE5LjJINTEuM3YxNDguNmgyNy40djEzLjQgICBjMCwzMi43LDI1LjMsNTkuNCw1Ni4zLDU5LjRoMjY5LjRjMzEuMSwwLDU2LjMtMjYuNiw1Ni4zLTU5LjRWMTI0LjdDNDYwLjcsMTIyLjMsNDU5LjgsMTE5LjksNDU4LDExOC4yeiBNMzM3LjksMjQuNGw5Nyw5NS42ICAgaC01Mi44Yy0yNC40LDAtNDQuMi0xOS41LTQ0LjItNDMuNFYyNC40eiBNNDQzLjcsNDQ2LjZjMCwyMi45LTE3LjYsNDEuNS0zOS4zLDQxLjVIMTM1Yy0yMS43LDAtMzkuMy0xOC42LTM5LjMtNDEuNXYtMTMuNGgxODcgICBjMzYuNSwwLDY2LTMzLjMsNjYtNzQuM3MtMjkuNi03NC4zLTY2LTc0LjNoLTE4N1Y2NS40YzAtMjIuOSwxNy42LTQxLjUsMzkuMy00MS41aDE4NS45djUyLjdjMCwzMy44LDI3LjQsNjEuMyw2MS4yLDYxLjNoNjEuNiAgIFY0NDYuNnogTTEwMy45LDM5Ni40di03NWgyOC43YzguMywwLDE0LjgsMi4xLDE5LjQsNi40czcsOS45LDcsMTYuOWMwLDctMi4zLDEyLjctNywxNi45Yy00LjcsNC4yLTExLjIsNi40LTE5LjQsNi40aC0xNi4ydjI4LjQgICBIMTAzLjl6IE0xNzQuMiwzOTYuNHYtNzVIMTk5YzkuNSwwLDE3LjIsMywyMy4yLDguOWM2LDUuOSw4LjksMTMuNiw4LjksMjIuOXYxMS40YzAsOS40LTMsMTctOC45LDIyLjljLTYsNS45LTEzLjcsOC45LTIzLjIsOC45ICAgSDE3NC4yeiBNMjkwLjgsMzU0LjR2MTBoLTMwLjJ2MzJIMjQ4di03NWg0OHYxMGgtMzUuNXYyMi45SDI5MC44eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDMuMSwzNTQuMmMyLjMtMi41LDMuNS01LjYsMy41LTkuNHMtMS4yLTctMy41LTkuNWMtMi4zLTIuNS01LjgtMy44LTEwLjUtMy44aC0xNi4ydjI2LjVoMTYuMiAgIEMxMzcuMywzNTcuOSwxNDAuNywzNTYuNywxNDMuMSwzNTQuMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTk5LDMzMS41aC0xMi4zdjU1SDE5OWM2LDAsMTAuOC0yLDE0LjMtNi4xYzMuNS00LjEsNS4zLTkuMyw1LjMtMTUuN3YtMTEuNWMwLTYuMy0xLjgtMTEuNS01LjMtMTUuNiAgIEMyMDkuOCwzMzMuNSwyMDUsMzMxLjUsMTk5LDMzMS41eiIvPjwvZz48L3N2Zz4=) no-repeat right center;
  background-size: 30px auto;
}

/* Notes & Audit Comments  ---------------------------------------------------*/
#stream_footer_content {
	overflow: auto;
	margin-bottom: 10px;
}

/* Charts  -------------------------------------------------------------------*/
#doughnutChart-containter {
  padding: 15px 0 !important;
  overflow: auto;
}

#doughnutChart-containter .chart {
  height: 100%;
}

/* Audit & Learnning ---------------------------------------------------------*/
.current-audit-tab{
  background-color: #ffffff !important;
}


/* Subpanel Form */
#subpanel_list .subpanel-wrap .quickcreate{
    padding: 0 15px;
}
#subpanel_list .subpanel-wrap .quickcreate .action_buttons{
    margin: 10px 0;
}
table#subPanel thead tr th:first-child, table#subPanel thead tr th:last-child,
table#subPanel tr td:first-child, table#subPanel tr td:last-child{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* list view buttons */
.footable-visible > .btn, .footable-visible > span > .btn{
    font-size: 12px;
    padding: 3px 4px !important;
}

#EditView_tabs > div  > .edit.view{
    margin-bottom: 30px !important;
}

#EditView_tabs > div  > .edit.view:last-child{
    margin-bottom: 0px !important;
}

/* Dropdown radios */
/* .ms-drop > ul > li input[type="radio"]{
    display: none;
}
.ms-drop > ul > li.selected{
    background-color:rgba(0, 0, 0, 0.20);
} */

.signature-container{
    max-width: 450px !important;
}
div[id^="form_SubpanelQuickCreate_"][id$="_tabs"] {
    padding: 15px;
}


/* loading icon fix */
#loadingPage > img{
    display: none;
}
#loadingPage b{
    font-weight: 400 !important;
}
#loadingPage b::before{
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    border: 0.15em solid #2C7BE5;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
}


/* #sugar_text_quick-links tr td{
    height: 70px;
} */
.ms-drop{
    max-width: 400px;
}

.ui-dialog-content.ui-widget-content > div{
    font-size: 10px;
}
#EditView_tabs{
    width: 100% !important;
}
@media screen and (max-width: 767px) {
    #EditView_tabs{
        width: 100% !important;
    }
}

.ms-drop > ul > li.group > label.optgroup input[type="checkbox"]{
    display: none !important;
}
.custom-select, select{
    max-width: 400px;
}

/* Calender Fixes */
p.callnav_today{
    margin-bottom: 5px;
}
.yui-calendar td.calcell a{
    padding: 2px 8px !important;
}
.cal_panel .hd{
    padding: 10px 20px !important;
}
.cal_panel .container-close{
    margin-top: -3px;
}