body {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    background-color: #FFFFFF;
}

#wrap {
    background: #FFFFFF;
}

.suit-columns .suit-column {
    position: fixed;
    top: 65px;
    height: 100%;
}

#suit-left {
    z-index: 100;
    left: 0;
    height: calc(100% - 65px);
    margin: 0;
    background: #3A3A3A;
}

#suit-center {
    position: absolute;
    right: 0;
    width: 100%;
    width: calc(100% - 240px);
    height: calc(100% - 105px);
    background: #FFFFFF;
    overflow: auto;
}

a,
input,
select,
textarea {
    outline: none !important;
}

input, button, select, textarea {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}

/*========== LOGIN ==========*/
body.login {
    background-color: #454545;
}

body.login .errornote {
    display: block;
    text-shadow: none;
    color: #FFFFFF;
    padding-left: 40px;
    background-color: #A82104;
    border: none;
    border-radius: 0;
}

body.login #content-main {
    left: 0;
    right: 0;
    width: 500px;
    margin: 0 auto;
    background: #32415E;
    border: 2px solid #222222;
    border-radius: 0;
    box-shadow: 0 5px 25px 8px #232323;
}

body.login #content-main h1 {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 58px;
    font-weight: 100;
    letter-spacing: .04em;
    text-align: center;
    line-height: 1em;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    border-radius: 0;
    background: #222222;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.login #content-main h1 i {
    display: none;
}

body.login #content-main h1 span {
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 40px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    padding: 5px 10px;
    background-color: #219CDC;
    border-radius: 3px;
}

body.login #content-main form {
    float: left;
    width: 100%;
    margin: 0;
    background: #454545;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.login #content-main form label {
    display: none;
}

body.login #content-main form .form-row {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
}

body.login #content-main form .form-row input[type='text'],
body.login #content-main form .form-row input[type='password'] {
    float: left;
    width: 100%;
    height: 60px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 100;
    color: #454545;
    margin: 0;
    padding: 0 40px;
    border: none;
    border-radius: 0;
    background-color: #ECECEC;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.login #content-main form .form-row.error input[type='text'],
body.login #content-main form .form-row.error input[type='password'] {
    padding-left: 30px;
    border-left: 10px solid #A82104;
}

body.login #content-main form .form-row .errorlist {
    display: none;
}

body.login #content-main .submit-row {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #454545;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.login #content-main .submit-row input {
    margin: 20px 0 0 40px;
}

body.login #content-main .submit-row .btn {
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 20px 40px;
}
/*========== END LOGIN ==========*/


/*========== HEADER ==========*/
#header {
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    background: #3A3A3A;
}

.header #branding {
    position: relative;
    border-right: none;
}

.header #branding h1 {
    font-size: 28px;
    line-height: 1em;
    font-weight: 400;
    letter-spacing: .04em;
    text-transform: capitalize;
    margin-top: 8px;
}

.header #branding a:hover h1 {
    text-shadow: none;
    color: #1C8ECB;
}

.header #branding h1 span {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    color: #FFFFFF !important;
    padding: 3px 10px;
    background-color: #219CDC;
    border-radius: 3px;
}

.header .header-content.header-content-first {
    border-left: none;
}

.header {
    text-shadow: none;
}

.header .header-content {
    margin-top: 8px;
}

.header .header-content .time {
    font-weight: normal;
}

.header a {
    color: #1C8ECB;
}

.header .header-content a {
    line-height: 17px;
}

.header a:hover {
    text-decoration: underline;
}

.header #user-tools .separator {
    color: #FFFFFF;
}
/*========== END HEADER ==========*/


/*========== LEFT COL ==========*/
.nav-quick-search {
    display: none;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    height: 50px;
}

.nav-quick-search .search-query {
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #FFFFFF;
    padding: 0 10px;
    background-color: #222222;
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-quick-search input.submit {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url('/static/images/suit_overrides/search_icon.png') center no-repeat;
}

.nav-quick-search input.submit:hover {
    background-color: #1C8ECB;
}

.left-nav {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: auto;
}

.left-nav ul {
    padding: 0;
}

.left-nav > ul > li {
    position: relative;
}

.left-nav > ul > li > a {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: .04em;
    color: #FFFFFF;
    padding: 12px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.left-nav > ul > li > a:hover,
.left-nav > ul > li:not(.active):hover {
    background: #222222 !important;
}

.left-nav > ul > li.active > a {
    position: relative;
    background: #1C8ECB !important;
}

.left-nav > ul > li:hover > a:after {
    position: absolute;
    top: 50%;
    right: 0;
    height: 0;
    width: 0;
    border: solid 8px transparent;
    content: " ";
    margin: -8px 0 0 0;
    border-right-color: #494949;
}

.left-nav > ul > li.no-hover:hover > a:after {
    display: none;
}

.left-nav > ul > li.active > a:after {
    position: absolute;
    display: block !important;
    top: 50%;
    right: 0;
    height: 0;
    width: 0;
    border: solid 8px transparent;
    content: " ";
    margin: -8px 0 0 0;
    border-right-color: #FFFFFF;
}

.left-nav > ul > li > a i {
    margin-top: 1px;
}

.left-nav ul li ul {
    background: #494949;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.left-nav > ul > li.active ul {
    padding: 10px 0 10px 0;
}

.left-nav > ul > li:not(.active):hover > ul {
    top: 30px;
    left: 200px;
    min-width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.left-nav > ul > li:not(.active):hover > ul.no-hover {
    display: none;
}

.left-nav ul li:not(.active):hover ul li,
.left-nav ul li:not(.active):hover ul li:hover {
    border: none;
}

.left-nav ul li ul li a {
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 10px;
}

.left-nav ul li:not(.active):hover ul li a {
    padding: 10px 20px !important;
}

.left-nav ul li ul li a:hover,
.left-nav ul li ul li.active a {
    font-weight: normal;
    color: #219CDC;
    text-shadow: none;
    background: transparent;
}

.left-nav > ul > li:not(.active):hover > ul > li:first-child a {
    border-radius: 0;
}

.left-nav > ul > li:not(.active):hover > ul > li:last-child a {
    border-radius: 0;
}

.left-nav ul a i {
    background-image: url("/static/images/suit_overrides/glyphicons-halflings-white-shadow.png");
    opacity: 1;
}
/*========== END LEFT COL ==========*/


a {
    color: #1C8ECB;
    text-decoration: none;
}


/*========== TABLE OVERVIEW ==========*/
.table-overview.applist {
    float: left;
    width: 100%;
    background-color: #EEEEEE;
}

.table-overview.applist tr {
    float: left;
    clear: both;
    width: 100%;
}

.table-overview.applist tr:hover {
    background-color: #DDDDDD;
}

.table-overview.applist tr th,
.table-overview.applist tr td a {
    padding: 20px;
}

.table-overview.applist tr th {
    float: left;
}

.table-overview.applist tr td {
    float: right;
    padding: 0;
}

.table-overview.applist tr td a {
    display: block;
}

.table-overview.applist tr td a:hover {
    color: #FFFFFF;
    background-color: #1C8ECB;
}

.table-overview caption a {
    color: #454545 !important;
}
/*========== END TABLE OVERVIEW ==========*/


.btn {
    color: #FFFFFF;
    text-shadow: none;
    padding: 10px 15px;
    background: #1C8ECB;
    border: none;
    border-radius: 0;
}

.btn:hover {
    color: #FFFFFF;
    background: #219CDC;
}

.btn-high {
    color: #FFFFFF;
    background: #5E77A9;
}

.btn-high:hover {
    color: #FFFFFF;
    background: #30435D;
}

.btn-info,
.btn-primary {
    color: #FFFFFF;
    background: #5CB1FE;
    border: none;
}

.btn-orange,
.btn-orange:hover,
.btn-warning,
.btn-warning:hover {
    color: #FFFFFF;
    text-shadow: none;
    background: #F79931;
    border: none;
}

.btn-orange:hover,
.btn-warning:hover {
    background: #EF5624;
}

.btn-info:hover,
.btn-primary:hover {
    color: #FFFFFF;
    background: #367EB1;
}

.btn-success {
    background: #51A351;
}

.btn-success:hover {
    background: #11823F;
}

.recoverlink .icon-repeat {
    background-image: url("/static/images/suit_overrides/glyphicons-halflings-white-shadow.png");
}

.alert {
    border-radius: 0;
}

body .alert,
body .alert {
    clear: left;
    width: 100%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.change-form .alert.alert-error {
    margin-top: 20px;
}

.footer .content {
    border-top: none;
}

/*========== INDEX PAGE ==========*/
#content .column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content .col-1 {
    width: 250px;
    margin-right: 20px;
}

#content #create-buttons {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#content .create-button {
    display: block;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 50px;
    color: #454545;
    margin-bottom: 20px;
    padding: 10px 15px;
    background-color: #EEEEEE;
    border-radius: 0;
}

#content .create-button:hover {
    color: #FFFFFF;
    background-color: #219CDC;
}

#content .create-button span {
    font-size: 20px;
    margin-right: 10px;
}

#content .first-div {
    margin-left: 0 !important;
}

.dashboard #content-related {
    margin-left: 0 !important;
}

ul.actionlist {
    padding: 15px 20px;
    background-color: #EEEEEE !important;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}

ul.actionlist li {
    padding: 6px 0;
    background-color: #EEEEEE !important;
    border: none;
    border-radius: 0 !important;
}
/*========== END INDEX PAGE ==========*/


/*========== BREADCRUMB ==========*/
.breadcrumbs {
    float: left;
    width: 100%;
    width: calc(100% - 225px);
}

.breadcrumb {
    float: left;
    width: 100%;
    text-shadow: none;
    margin: -20px -20px 20px -20px;
    padding: 10px 20px;
    background-color: #EEEEEE;
    border-radius: 0;
}

.breadcrumb.margin {
    margin-bottom: 20px;
}

.breadcrumb li {
    float: left;
    line-height: 26px;
    text-transform: uppercase;
}

.breadcrumb li .divider {
    float: left;
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #454545;
    padding: 0 10px;
}

.breadcrumb li a {
    float: left;
    display: block;
    font-size: 16px;
    text-shadow: none;
    line-height: 24px;
    margin-top: 1px;
}

.breadcrumb li.active {
    text-shadow: none;
    font-size: 24px;
    font-weight: 300;
    line-height: 1em;
    color: #454545;
}
/*========== END BREADCRUMB ==========*/


#content-main #searchbar {
    height: 38px;
    padding: 0 0 0 10px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
}

#content-main .box,
#content-main .well {
    background: #EEEEEE;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.applist,
#content-main .module {
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    overflow: visible;
}

#content-main .module.filtered {
    overflow: visible;
}

body.app-index #content .module {
    margin-top: 0;
}

.applist a.section {
    display: none;
}

.applist th,
.applist td {
    font-size: 14px;
    border: none;
}

.applist th {
    text-align: left;
    background-color: transparent;
}

.applist td {
    background-color: transparent;
    border-radius: 0 !important;
}

#result_list,
#result_list tr,
#result_list th,
#result_list td {
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#result_list {
    border-bottom: 1px solid #CCCCCC;
    border-spacing: 0;
}

#result_list tr {
    font-size: 14px;
    border: none;
    border-radius: 0;
}

#result_list thead tr th {
    background: #EEEEEE;
}

#result_list tr a {
    text-shadow: none;
}

#result_list tbody tr:nth-child(odd) td,
#result_list tbody tr:nth-child(odd) th {
    background-color: #F6F7F8;
}

#result_list tbody tr:hover td,
#result_list tbody tr:hover th {
    background-color: #EEEEEE;
}

#result_list tbody tr.selected td,
#result_list tbody tr.selected th {
    color: #FFFFFF;
    background-color: #454545;
}

#result_list tbody input[type='text'] {
    border: 1px solid #CCCCCC;
    border-radius: 0;
}

#result_list tbody input[type='text'].vIntegerField {
    width: 40px;
}

#suit_form_tabs {
    margin: 20px 0 0 0;
    padding: 0;
    background-color: #EEEEEE;
    border: none;
}

#suit_form_tabs li {
    margin: 0;
    padding: 0;
}

#suit_form_tabs li a {
    text-shadow: none;
    color: #454545;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#suit_form_tabs li.active a,
#suit_form_tabs li:hover a {
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    background: #219CDC;
}

#content-main .module {
    margin-top: 20px;
}

#content-main .module h2.legend {
    position: static;
    float: left;
    clear: both;
    width: 100%;
    width: calc(100% + 20px);
    font-size: 24px;
    font-weight: 300;
    line-height: 1em;
    color: #454545;
    margin: 0 -20px 10px -20px;
    padding: 10px 20px;
    background-color: #EEEEEE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content-main .module label,
#content-main .module input,
#content-main .module textarea {
    font-size: 14px;
}

#content-main .module .control-label {
    background-color: #F6F7F8;
    border: none;
    border-radius: 0;
}

#content-main .module.full-width .control-label {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    padding: 0;
    background-color: transparent;
}

#content-main .module.full-width .control-label label {
    font-size: 14px;
    font-weight: 700;
}

#content-main .module .controls {
    padding: 10px;
    background-color: #EEEEEE;
    border: none;
    border-radius: 0;
}

#content-main .module.full-width .controls {
    margin-bottom: 30px;
    padding: 0;
    background-color: transparent;
}

#content-main .module .controls input[type='text'],
#content-main .module .controls input[type='email'],
#content-main .module .controls input[type='password'],
#content-main .module .controls input[type='url'],
#content-main .module .controls textarea {
    width: 100%;
}

#content-main .module .controls input[type='text'],
#content-main .module .controls input[type='email'],
#content-main .module .controls input[type='password'],
#content-main .module .controls input[type='url'] {
    height: 40px;
    padding: 0 0 0 10px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
}

#content-main .module .controls input.vDateField,
#content-main .module .controls input.vTimeField {
    width: 100px !important;
}

#content-main .module .controls input.vDateField {
    margin-bottom: 10px;
}

#content-main .module .controls textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
}

#content-main .module.full-width .controls input[type='text'],
#content-main .module.full-width .controls input[type='password'],
#content-main .module.full-width .controls input[type='email'],
#content-main .module.full-width .controls input[type='url'] {
    background-color: #FFFFFF;
}

#content-main .module .controls .btn {
    float: right;
    height: 20px;
    margin: 0 !important;
}

#content-main .module .controls .help {
    float: left;
}

#content-main .module .controls .help img {
    margin-top: 5px;
}

#content-main .module div[class^='field-image'] .controls .help,
#content-main .module div[class*=' field-image'] .controls .help {
    width: 120px;
    margin-top: -40px;
}

#content-main .module div[class^='field-image'] .controls .help img,
#content-main .module div[class*=' field-image'] .controls .help img {
    width: 100%;
    margin: 0;
}

#content-main .module .controls .datetimeshortcuts {
    font-size: 12px;
    margin-top: 5px;
    margin-left: 0 !important;
}

#content-main select {
    height: 38px;
    font-size: 14px;
    padding: 0 5px;
    -webkit-appearance: textfield;
    /*background: url("../images/suit_overrides/form-select.png") 100% 50% no-repeat;*/
    border-radius: 0;
}

body.change-form #content-main select[multiple] {
    height: auto;
    padding: 10px;
}

#content-main .module .mce-tinymce {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content-main .suit-include {
    margin: 20px 0;
}

#content-main .suit-include span {
    color: #454545;
    font-size: 16px;
}

#content-main .suit-include .custom-link {
    display: block;
    float: left;
    font-size: 16px;
    padding: 20px;
    background-color: #EEEEEE;
}

#content-main .suit-include .custom-link:hover {
    color: #FFFFFF;
    background-color: #5CB1FE;
}

#content-main .form-horizontal .inline-group {
    width: 100%;
    margin-top: 50px;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content-main .form-horizontal .tab-content .inline-group {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

#content-main .inline-group h2 {
    position: static;
    float: left;
    clear: both;
    width: 100%;
    width: calc(100% + 20px);
    font-size: 24px;
    font-weight: 300;
    text-shadow: none;
    line-height: 1em;
    color: #454545;
    margin: 0 0 10px -20px;
    padding: 10px 20px;
    background-color: #EEEEEE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content-main .inline-group .tabular h2 {
    width: 100% !important;
    margin: 0 0 10px 0;
    padding: 10px;
}

.form-horizontal .inline-group .inline-related {
    width: 100%;
    overflow-y: scroll;
    border: none;
}

.form-horizontal .inline-group .inline-related h3 {
    width: 100%;
    font-size: 14px;
    text-shadow: none !important;
    color: #FFFFFF !important;
    background: #494949;
    border-radius: 0;
}

#content-main .form-horizontal .tab-content .inline-related {
    overflow-y: visible;
}

#content-main .form-horizontal .tab-content .inline-related h3 {
    margin: 0 0 20px -20px;
    padding-left: 20px;
    overflow-y: visible;
}

#content-main .form-horizontal .tab-content .inline-related h3 b {
    min-width: 0;
}

.form-horizontal .inline-group .inline-related h3 b,
.form-horizontal .inline-group .inline-related h3 strong {
    font-weight: lighter;
}

.form-horizontal .inline-group .inline-related .module {
    margin-top: 0 !important;
}

.form-horizontal .inline-group .table-bordered {
    border-spacing: 0;
    border: 0;
}

.form-horizontal .inline-group .table-bordered th,
.form-horizontal .inline-group .table-bordered td {
    border: none;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-horizontal .inline-group .table-bordered thead th {
    padding: 10px;
    background: #EEEEEE;
}

.form-horizontal .inline-group .table-bordered tbody td {
    padding: 10px;
}

.form-horizontal .inline-group .table-bordered input[type='text'],
.form-horizontal .inline-group .table-bordered input[type='email'],
.form-horizontal .inline-group .table-bordered input[type='url'] {
    height: 40px;
    padding: 0 0 0 10px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
}

.inline-group .tabular .mce-container iframe {
    height: 300px !important;
}

.inline-group .tabular .vFileBrowseField {
    float: left;
    width: 100%;
    min-width: 200px;
}

.inline-group .tabular .btn-info {
    float: left;
    clear: left;
    margin: 10px 10px 0 0 !important;
}

.inline-group .tabular .form-row .help {
    float: left;
    margin-top: 10px;
}

.form-horizontal .inline-group .table-bordered input.vIntegerField {
    width: 60px;
}

.form-horizontal .inline-group .add-row {
    width: 100%;
    margin: 10px 0 40px 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-horizontal .inline-group .add-row a {
    float: left;
    font-size: 14px;
    text-transform: capitalize;
    text-decoration: none;
    color: #454545;
    margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
}

.form-horizontal .inline-group .add-row a:hover {
    color: #FFFFFF;
    background: #219CDC;
}

.form-horizontal .inline-group .add-row td {
    background: #EEEEEE !important;
}

.form-horizontal .submit-row-bottom.change-password {
    margin-left: 230px;
}

body.change-password #content .italic-title {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#content-main #homesectionimage_set-group {
    margin-top: 20px;
}

#content-main #homesectionimage_set-group .inline-related,
#content-main #homesectionimage_set-group .module {
    margin-top: 0;
}

#content-main #homesectionimage_set-group .module h2 {
    display: none;
}

#content-main .field-categories ul {
    max-height: 78px;
    list-style: none;
    margin-left: 0;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    overflow: auto;
}

#content-main .field-categories ul label {
    margin: 0 0 8px 0;
}

#content-main .field-categories ul label input {
    margin: 0 5px 0 0;
}

#content-main .module .controls input.vFileBrowseField {
    float: left;
    width: calc(100% - 49px);
}

#content-main .module div[class^='field-image'] .controls input.vFileBrowseField,
#content-main .module div[class*=' field-image'] .controls input.vFileBrowseField {
    width: calc(100% - 180px);
    margin-left: 130px;
}

#content-main .controls p[id^='help_id_image'],
#content-main .controls p[id^='help_id_slideshowimage_set'] {
    display: block !important;
    width: 120px;
    height: 120px;
    margin-top: -40px;
    background: url('/static/images/suit_overrides/no_image_bg.png') center #FFFFFF;
    border: 1px solid #CCCCCC;
}

#content-main .module.full-width .controls p[id^='help_id_image'] {
    margin-bottom: 30px;
}

#content-main .module .controls p[id^='help_id_image'] img,
#content-main .controls p[id^='help_id_slideshowimage_set'] img {
    width: 100%;
    margin: 0 !important;
    background-color: #EFEFEF;
}

#content-main .module.full-width .control-group {
    float: left;
}

#content-main .module.full-width .field-publish_date,
#content-main .module.full-width .field-expire_date,
#content-main .module.full-width .field-event_date_from,
#content-main .module.full-width .field-event_date_thru,
#content-main .module.full-width .field-planned_open_date,
#content-main .module.full-width .field-date_opened,
#content-main .module.full-width .field-date_closed {
    float: left;
    width: 180px;
}

.popup .content-title {
    margin-left: 0;
}

.form-horizontal .control-group .controls .selector .selector-filter {
    margin: 0 0 10px 0;
}

.form-horizontal .control-group .controls .selector .selector-filter label {
    top: 10px;
    margin: 0 10px 0 0;
}

.form-horizontal .control-group .controls .selector .selector-filter input#id_groups_input,
.form-horizontal .control-group .controls .selector .selector-filter input#id_user_permissions_input {
    padding-right: 35px;
}

.form-horizontal .control-group .controls .selector select {
    width: 100% !important;
    max-width: 100% !important;
}

.form-horizontal .control-group .controls .readonly {
    font-size: 18px;
    padding: 5px 10px;
    background-color: #EEEEEE;
}

#content-main .box.save-box,
#content-main .menu-box {
    /*background: #454545;*/
}

#content-main .box.save-box {
    text-align: left;
    padding: 0;
}

#content-main .box.save-box .btn {
    width: 100%;
    font-size: 14px;
    text-align: left;
    color: #454545;
    margin: 0;
    padding: 10px;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content-main .menu-box {
    margin: 0;
    padding: 0;
}

#content-main .box.save-box a,
#content-main .menu-box li a {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #454545;
    padding: 10px;
    border: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content-main .box.save-box .btn:hover,
#content-main .box.save-box a:hover,
#content-main .menu-box li a:hover {
    color: #FFFFFF;
    background-color: #219CDC;
}

#content-main .box.save-box a.deletelink:hover {
    background-color: #A82104;
}

#content-main .menu-box a.historylink:hover {
    background-color: #51A351;
}

#content-main .box.save-box .btn:hover i,
#content-main .box.save-box a:hover i,
#content-main .menu-box li a:hover i {
    background-image: url('/static/images/suit_overrides/glyphicons-halflings-white-shadow.png');
}

#content-main .pagination-block {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px -20px;
    padding: 20px 20px;
    background-color: #EEEEEE;
}

#content-main .pagination-block .pagination ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#content-main .pagination-block .pagination ul li {
    float: left;
}

#content-main .pagination-block .pagination ul li a {
    text-shadow: none;
    border-radius: 0;
}

#content-main .pagination-block .pagination ul li.active a {
    text-shadow: none;
    background: #1C8ECB;
    border-color: #167AB0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#content-main .pagination-block .pagination ul li a:hover {
    color: #FFFFFF;
    background: #219CDC;
    border-color: #219CDC;
}


/*========== FOOTER ==========*/
#footer {
}
/*========== END FOOTER ==========*/


/*========== CHOSEN OVERRIDES ==========*/
#content-main .chosen-container {
    margin-top: 5px;
    border: 1px solid #CCCCCC;
}

#content-main .search-wrapper .chosen-container {
    width: 150px !important;
}

#content-main .chosen-single {
    position: relative;
    width: auto;
    height: 36px;
    padding: 0 0 0 10px;
    background: #FFFFFF;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content-main .chosen-with-drop .chosen-single {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#content-main .chosen-single span {
    line-height: 36px;
    color: #333333;
    margin-right: 20px;
}

#content-main .chosen-single div {
    width: 20px;
}

#content-main .chosen-single div b {
    background: url('/static/images/chosen/down_arrow.png') center no-repeat;
}

#content-main .chosen-with-drop .chosen-single div b {
    background: url('/static/images/chosen/up_arrow.png') center no-repeat;
}

#content-main .chosen-drop {
    z-index: 5000;
    width: 100%;
    width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    width: -o-calc(100% + 2px);
    width: calc(100% + 2px);
    margin-top: 0;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content-main .chosen-with-drop .chosen-drop {
    left: -1px;
}

#content-main .chosen-drop .chosen-results {
    width: 100%;
    margin: 0;
    padding: 0;
}

#content-main .chosen-drop .chosen-results li {
    width: 100%;
    font-size: 12px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content-main .chosen-drop .chosen-results li.result-selected,
#content-main .chosen-drop .chosen-results li.highlighted,
#content-main .chosen-drop .chosen-results li:hover {
    color: #FFFFFF;
    background: #0072BC;
}

#content-main .chosen-drop .chosen-results li.result-selected {
    background: #5CB1FE;
}

#content-main .chosen-container-multi {
    width: 250px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content-main .chosen-choices {
    padding: 10px;
    background: #FFFFFF;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content-main .chosen-container-multi .chosen-choices li.search-choice {
    margin: 5px 5px 0 0;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content-main .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url('/static/images/chosen/chosen-sprite.png') -42px 1px no-repeat;
}

#content-main .chosen-container-multi input {
    height: 20px !important;
    margin-top: 5px;
    padding: 0 !important;
}
/*========== END CHOSEN OVERRIDES ==========*/


/*========== CHECKBOX OVERRIDES ==========*/
#content-main .alt-checkbox {
    float: left;
    margin-right: 15px;
    background: transparent;
    border: 2px solid #DEDEDE;
    border-radius: 2px;
    box-shadow: none;
}

#content-main .alt-checkbox::before {
    text-shadow: none;
}

#content-main .alt-checkbox.outline-unchecked::before {
    color: #FFFFFF;
}

#content-main .alt-checkbox.checked::before {
    color: #5F5F5F;
}

#content-main .alt-checkbox:hover {
    border: 2px solid #5F5F5F;
}

#content-main .alt-checkbox.checked {
    border: 2px solid #5F5F5F;
}
/*========== END CHECKBOX OVERRIDES ==========*/


/*========== TINY MCE OVERRIDES ==========*/
.defaultSkin table.mceLayout {
    border: none !important;
}

.defaultSkin td.mceToolbar,
.defaultSkin .mceStatusbar {
    background: #EEEEEE !important;
    border: none !important;
}

.defaultSkin td.mceToolbar {
    padding-bottom: 10px !important;
}

.defaultSkin .mceStatusbar {
    padding-top: 10px !important;
}

.defaultSkin .mceIframeContainer {
    margin: 10px 0;
    border: 1px solid #CCCCCC;
}
/*========== END TINY MCE OVERRIDES ==========*/


.inner-two-columns .inner-right-column.fixed {
    top: 123px !important;
    right: 20px;
}

/*========== RESPONSIVENESS ==========*/
@media only screen and (max-width: 950px) {
    #suit-left {
        width: 34px !important;
    }

    #suit-center {
        width: calc(100% - 74px);
    }

    .left-nav > ul > li.active ul {
        display: none;
    }

    .left-nav > ul > li:not(.active):hover > ul {
        left: 34px;
    }
}
/*========== END RESPONSIVENESS ==========*/
