@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-Regular.woff2) format('woff2'), url(../fonts/OpenSans-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/OpenSans-Italic.woff2) format('woff2'), url(../fonts/OpenSans-Italic.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans-Semibold.woff2) format('woff2'), url(../fonts/OpenSans-Semibold.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/OpenSans-SemiboldItalic.woff2) format('woff2'), url(../fonts/OpenSans-SemiboldItalic.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-Bold.woff2) format('woff2'), url(../fonts/OpenSans-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/OpenSans-BoldItalic.woff2) format('woff2'), url(../fonts/OpenSans-BoldItalic.woff) format('woff');
}

html.zurmo {
    background: #fafafa !important;
    -webkit-font-smoothing: antialiased;
}

.zurmo body {
    font-family: 'Open Sans', sans-serif !important;
}

a:link, a:active, a:visited {
    color: rgba(45, 62, 78, .8);
    cursor: pointer;
}

a:hover {
    color: #3D73BA !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

h1, h2, h3, h4, h5, h6 {
    color: #2D3F4E;
    text-shadow: none !important;
}

h1 {
    font-weight: 600;
}

.wrapper h1, .TitleBarAndDetailsView > div:not(.view-toolbar-container) h1,
.ProgressView > div:not(.view-toolbar-container) h1,
#MetadataViewEditView > div:not(.view-toolbar-container) h1,
.TableOfContentsView > div:not(.view-toolbar-container) h1,
.DetailsView > div:not(.view-toolbar-container) h1,
.EditAndDetailsView > div:not(.view-toolbar-container) h1,
.CheckServicesView > div:not(.MetadataView) h1 {
    font-weight: 400;
}

.model-tag.notification span {
    background: #ECBF1D !important;
}

.breadcrumbs a {
    color: #3D73BA !important;
}

#clear-search-link {
    background: #3D73BA !important;
}

.unread td {
    font-weight: bold;
    color: #2D3F4E;
}

#ui-datepicker-div .ui-datepicker-title {
    color: rgba(45, 62, 78, .8);
}

.ui-datepicker .ui-datepicker-header a:hover:before,
.ui-datepicker .ui-datepicker-header a:hover:after {
    color: #3D73BA !important;
}

.edit-portlet-menu ul a:hover,
.edit-row-menu ul a:hover {
    background-color: #3D73BC !important;
    color: #fff !important;
}

textarea {
    outline: none;
    box-shadow: none;
}

.button-label {
    font-weight: 600;
}

#corp-logo img {
    margin-top: 9px;
}

#corp-logo span{
    top: -1px;
}

#globalSearchInput {
    font-style: normal !important;
}

.juiportlet-widget-content .ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-header {
    background: #ededed !important;
    border: 1px solid #e1e1e1 !important;
}

.juiportlet-widget-content .ui-datepicker-title,
#ui-datepicker-div .ui-datepicker-title {
    text-shadow: none;
}

.split-button.active .button-trigger:hover .icon-trigger:after {
    color: #3D73BA !important
}

.notification-message-html-content-toggle {
    background: #2D3F4E !important;
}

#credit-link {
    background-position: 0px 3px;
}

.default-button:hover span,
.default-button:hover i[class^="icon"],
.default-button:hover i[class^="icon"]:after,
.default-button:hover i[class^="icon"]:before {
    color: #3D73BA !important;
}

#credit-link span {
    margin-left: 80px;
}

.default-btn {
    border: 0px !important;
    color: #FFF;
    text-shadow: none;
}

.default-btn .z-label {
    text-shadow: none !important;
}

.secondary-button:hover .z-label,
.default-btn:hover .z-label,
.white-button:hover .z-label,
.cancel-button:hover .z-label,
.portlet-create-button:hover .z-label {
    color: #FFF !important;
    background: #2D3F4B !important;
    box-shadow: none;
    text-shadow: none !important;
}

.default-button:hover span,
.default-button:hover i[class^="icon"],
.default-button:hover i[class^="icon"]:after,
.default-button:hover i[class^="icon"]:before,
.button-action:hover span,
.button-action:hover i[class^="icon"],
.button-action:hover i[class^="icon"]:after,
.button-action:hover i[class^="icon"]:before,
.button-action-trigger:hover span,
.button-action-trigger:hover i[class^="icon"],
.button-action-trigger:hover i[class^="icon"]:after,
.button-action-trigger:hover i[class^="icon"]:before {
    color: #3D73BA;
}

.juiportlet-widget-content .ui-datepicker-calendar td.ui-datepicker-today,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today {
    background: rgba(61, 115, 186, .3) !important;
}

.juiportlet-widget-head {
    background: #f6f6f6;
    border-bottom: 1px solid #e1e1e1;
}

.juiportlet-widget-head h3 {
    font-size: 16px;
    font-weight: 400;
    color: #2d3f4e;
}

.portlet-actions-container {
    background: #f6f6f6;
}

.logo-and-search {
    background: transparent;
}

.AppContent {
    margin-left: 220px;
}

.HeaderView > .container {
    background: #3D73BA !important;
}

#app-search {
    margin-top: 11px;
    margin-left: 30px;
}

.HeaderView {
    background: #3D73BA !important;
    box-shadow: none;
    border-bottom: 0px !important;
    height: 60px;
}

.AppNavigation {
    width: 225px;
    background: #fff;
    border-right: 1px solid #e1e1e1;
    border-left: 0px !important;
}

.AppContent {
    padding: 75px 20px 0 20px;
    background: #FBFBFB;
}

#RecentlyViewedView {
    background: #FFF !important;
}

#MenuView span {
    font-size: 14px;
    font-weight: 600;
}

.user-actions {
    top: 10px;
}

#MenuView {
    border-bottom: #eaeaea;
    background: #FFF !important;
    padding-top: 70px;
}

#MenuView li {
    padding: 0 0 5px 5px;
}

#MenuView .active > a {
    background: transparent;
    color: #2D3F4E !important;
    text-shadow: none !important;
    box-shadow: none;
}

#MenuView .hover > a {
    background: transparent;
    color: #2D3F4E !important;
    text-shadow: none !important;
    box-shadow: none;
}

#MenuView .over > a,
#MenuView .active > a,
#MenuView a:hover,
#RecentlyViewedView .over > a,
#RecentlyViewedView .active > a,
#RecentlyViewedView a:hover {
    background: transparent;
    color: #3D73BA !important;
    text-shadow: none !important;
    box-shadow: none;
}

.split-button.active .button-trigger:hover .icon-trigger:after {
    color: #3D73BA !important;
}

.juiportlet-widget {
    box-shadow: none !important;
    border: 1px solid #e1e1e1;
    background: #FFF;
}

.filter-portlet-model-bar .ui-state-active {
    background: #3D73BA;
}

#FooterView {
    margin: 0 0 0 225px;
}

.ui-chooser {
    width: 222px;
    background: #f5f5f5;
    box-shadow: none;
}

.juiportlet-widget-content .ui-datepicker-calendar,
#ui-datepicker-div .ui-datepicker-calendar {
    border-color: #e1e1e1 !important;
}

.add-fields-container .z-label {
    color: #2D3F4E;
}

a:hover .z-label,
a:active .z-label {
    color: #FFF !important;
    text-shadow: none !important;
}

.ui-multiselect-menu {
    margin-left: 110px;
}

.juiportlet-widget-content .ui-datepicker {
    box-shadow: none !important;
}

.juiportlet-widget-content .ui-datepicker-calendar td {
    border-top: 1px solid #dadada !important;
    border-color: #dadada;
    background: #FFF !important;
}

.pillbox {
    box-shadow: none !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 3px !important;
}

#ShortcutsMenu > li > a {
    box-shadow: none;
    background: #2d3f4e;
    color: #FFF;
    text-shadow: none;
}

#ShortcutsMenu ul a:hover {
    background-color: #3D73BA !important;
    color: #fff !important;
}

.pillbox i[class^="icon"] {
    color: rgba(45, 62, 78, .8) !important;
}

.z-label {
    background: #2D3F4E;
    text-shadow: none;
}

#search-form {
    box-shadow: none !important;
}

#more-search-linkmodal,
#more-search-link,
#kanban-board-options-link,
#select-list-attributes-link {
    color: rgba(45, 62, 78, .8) !important;
}

.pillbox .active > a,
.pillbox .active span,
.pillbox .active i[class^="icon"],
.pillbox .active i[class^="icon"]:before,
.pillbox .active i[class^="icon"]:after,
.pillbox .nav-open > a,
.pillbox .nav-open span,
.pillbox .nav-open i[class^="icon"],
.pillbox .nav-open i[class^="icon"]:before,
.pillbox .nav-open i[class^="icon"]:after {
    color: #3D73BA !important;
}

a:hover .z-label,
a:active .z-label {
    background: #3D73BA !important;
    color: #fff;
    box-shadow: none;
    text-shadow: 0px !important;
}

.z-button {
    border: 0px !important;
}

#user-header-menu ul {
    left: 10px;
    top: 40px;
}

#header-game-dashboard-link-wrapper > a:hover {
    color: #FFF !important;
}

#header-calendar-link:hover {
    color: #FFF !important;
}

#user-header-menu > li > a:hover,
#user-header-menu > li > a:focus,
#user-header-menu > li > a:active,
#settings-header-menu > li > a:hover,
#header-calendar-link-wrapper > li > a:hover,
#header-game-dashboard-link-wrapper > li > a:hover {
    color: #fff;
    border-left: 0px !important;
    border-right: 0px !important;
    background: transparent !important;
}

#user-header-menu > li > a,
#settings-header-menu > li > a,
#header-calendar-link-wrapper > li > a,
#header-game-dashboard-link-wrapper > li > a {
    border-left: 0px !important;
    border-right: 0px !important;
}

.user-menu-item li ul a:hover {
    color: #ffffff !important;
    background: #2e353e !important;
    text-shadow: none !important;
}

#ShortcutsMenu ul {
    background: #f5f5f5;
}

.user-menu-item li ul a {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-top: 0px !important;
}

.split-button.active .button-trigger:hover .icon-trigger:after {
    color: #3D73BA !important;
}

#user-header-menu.nav-open > li > a,
#settings-header-menu.nav-open > li > a,
#header-calendar-link-wrapper.nav-open > li > a,
#header-game-dashboard-link-wrapper.nav-open > li > a {
    border: 0px;
    background: transparent;
    border-left: 0px !important;
    border-right: 0px !important;
}

.user-menu-item li ul {
    box-shadow: none !important;
    background: #2D3F4E;
}

.split-button.active .button-trigger:hover .icon-trigger:after {
    color: #3D73BA !important;
}

.default-button:hover span,
.default-button:hover i[class^="icon"],
.default-button:hover i[class^="icon"]:after,
.default-button:hover i[class^="icon"]:before {
    color: #3D73BA;
}

#MenuView .over > a i,
#MenuView .active > a i,
#MenuView a:hover i,
#RecentlyViewedView .over > a i,
#RecentlyViewedView .active > a i,
#RecentlyViewedView a:hover i {
    text-shadow: none !important;
    color: #3D73BA !important;
}

#social-item-inline-edit-form .form-toolbar a {
    border: 0px;
}

.attributesContainer input {
    outline: none;
    box-shadow: none;
    height: 28px;
}

.attributesContainer textarea {
    outline: none;
    box-shadow: none;
    height: 28px;
}

.hasDropDown select {
    box-shadow: none;
    background: #FFF;
}

#RecentlyViewedView li {
    font-weight: 600;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
select.multiple:focus,
textarea:focus {
    box-shadow: none;
    border: 1px solid #3D73BA;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #fdfdfd;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
select.multiple:focus,
textarea:focus {
    box-shadow: none;
    border: 1px solid #3D73BA;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #fdfdfd;
}

.ranking {
    box-shadow: none;
    background: #2D3F4E;
}

.points {
    box-shadow: none;
    background: #3D73BA !important;
}

.ui-datepicker .ui-datepicker-title {
    color: #2D3F4E;
}

.ui-datepicker .ui-datepicker-next:before {
    color: #2D3F4E;
}

.ui-datepicker .ui-datepicker-prev {
    color: #2D3F4E;
}

.split-button + .default-button,
.split-button + .split-button,
.default-button + .default-button,
.default-button + .split-button {
    border-left: 1px solid #e1e1e1;
}

.wrapper,
.TitleBarAndDetailsView > div:not(.view-toolbar-container),
.ProgressView > div:not(.view-toolbar-container),
#MetadataViewEditView > div:not(.view-toolbar-container),
.TableOfContentsView > div:not(.view-toolbar-container),
.DetailsView > div:not(.view-toolbar-container),
.EditAndDetailsView > div:not(.view-toolbar-container),
.CheckServicesView > div:not(.MetadataView) {
    box-shadow: none !important;
}

.filter-portlet-model-bar .ui-state-active {
    background: #3D73BA !important;
}

.filter-portlet-model-bar .ui-state-hover {
    background-color: #2d3f4e;
!important;
}

#MenuView h3, #RecentlyViewedView h3 {
    font-weight: 600;
    font-size: 12px;
}

#GameRewardsSearchForm_filteredBy_area label:hover,
#MashableInboxForm_filteredBy_area label:hover,
#MashableInboxForm_optionForModel_area label:hover,
.latest-activity-toolbar label:hover,
.filter-portlet-model-bar label:hover {
    background: #aaa !important;
}

.type-opportunities h3:before {
    color: #2d3f4e !important;
}

#GameRewardsSearchForm_filteredBy_area .ui-state-active,
#MashableInboxForm_filteredBy_area .ui-state-active,
#MashableInboxForm_optionForModel_area .ui-state-active,
.latest-activity-toolbar .ui-state-active,
.filter-portlet-model-bar .ui-state-active {
    background: #3D73BC !important;
}

.background-1,
.background-2,
.background-3,
.background-4,
.background-5,
.background-6 {
    background: transparent !important;
    box-shadow: none !important;
}

#LoginLogo {
    height: 100%;
    width: 50%;
    padding-right: 10px;
    float: left;
    background: url("../images/ZurmoLogo.png") 25px 80px no-repeat;
}

#login-form input[type="text"] {
    box-shadow: none !important;
    outline: none !important;
}

#login-form input[type="password"] {
    box-shadow: none !important;
    outline: none !important;
}

#comment-inline-edit-form,
#social-item-inline-edit-form {
    border-bottom: 1px solid #e1e1e1;
}

.toolbar-mbmenu .options-menu > li > a {
    box-shadow: none;
}

.options-menu > li > a:hover {
    color: #FFF !important;
    background: #3D73BC !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.hasDropDown select:focus,
.hasDropDown select:hover {
    outline: none;
    box-shadow: none !important;
}

.hasDropDown:hover select {
    outline: none;
    box-shadow: none !important;
}

.button-actions a:hover {
    color: #ffffff !important;
    background: #3D73BA !important;
    text-shadow: none !important;
}

.toolbar-mbmenu .options-menu > li > a:hover {
    color: #3D73BA !important;
    box-shadow: none;
}

.ui-chooser .active {
    color: #3D73BA !important;
    text-shadow: none;
}

.ui-chooser .link:hover {
    color: #3D73BA !important;
    text-shadow: none;
}

.add-custom-field .left-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.add-custom-field .hasDropDown {
  margin-right: 0;
}

#attributeTypeNameButton {
  margin-left: 15px;
}