/* START MiniMessenger */
.miniMessengerBG .miniMessenger .headline h1 {
    color: #e11414;
}
.miniMessengerBG .miniMessenger .headline{
    background: #f4f4f4;
    color: #e11414;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .Tag{
    background: #e11414;
}
.miniMessengerBG .miniMessenger .headline .newMessage,
.miniMessengerBG .miniMessenger .headline .closeMessenger{
    border: 2px solid #e11414;
    color: #e11414;
}
#workspace .headline .write{
    border: 2px solid #e11414;
    color: #37414B;
}
#workspace .headline .write:hover{
    background-color: #37414B;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.active{
    background: #f4f4f4;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.new .Tag{
    background: #f4f4f4;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.new.actigit .Tag{
    color: #37414B;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .subject{
    color: #37414B;
}
.ajaxLoaderSlot,
.messageWrapper .messages .indicator,
.messageWrapper .messages .indicator.mini:after,
.messageWrapper .messages .messagesThread .messageLine.me.notSavedYet .message .indication.icon-approve,
.messageWrapper .indicator {
    background: rgba(0,0,0,0.2) url('../img/indicator.gif') no-repeat center center;
}
.messageWrapper .messageForm .replyBtn:before,
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.active .subject,
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.active .threadInfo,
#conversation-create-form .step3 button[type="submit"]:before {
    color: #e11414;
}
/* END */

/* START Only change background images between here. */
.background {
    background: url('../img/background.jpg') no-repeat;
    background-size: cover;
}
.background_tool{
    background-image: url('../img/background_tool.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
#headbar .main_navi {
    background: transparent url('../img/iconset/menue.png') no-repeat 14px 13px;
}
#headbar .main_navi:hover{
    background: transparent url('../img/iconset/menue_hover.png') no-repeat 14px 13px;
}
#layerBG > .table > .cell .progress .loaderImage,
.uploadLayer .table .cell .progress .loaderImage,
.masterLayer .modal-body .loader,
.ajaxLoader{
    background: transparent url('../img/indicator.gif') no-repeat;
}
/* END */

/* Icons */
.login_container .form .inputWrap .username,
.login_container .form .inputWrap .password{
    width: 34px;
    height: 34px;
    border: 1px solid #37414B;
    background: #000000;
    color: #ffffff;
}
.login_container .form .newCheck.checked,
.tableForm .controls .radio .newCheck.checked,
form .controls .radio .newCheck.checked{
    color: #37414B;
}
.newRadio.checked{
    color: #37414B;
}
#headbar .main_navi .dropmenu li.home {
    border-top: 1px solid #d8decf;
    border-bottom: none;
}
#headbar .main_navi .dropmenu li.home.active, #headbar .main_navi .dropmenu li.home:hover {
    border-top: 1px solid #d8decf;
    border-bottom: none;
}
#headbar .main_navi .dropmenu li.logout {
    border-top: 1px solid #e4e4e3;
    background-color: transparent;
}
#headbar .main_navi .dropmenu li.logout.active, #headbar .main_navi .dropmenu li.logout:hover {
    border-top: 1px solid #e4e4e3;
}
#headbar .main_navi .dropmenu li.home a:before,
#headbar .main_navi .dropmenu li.regions a:before,
#headbar .main_navi .dropmenu li.template a:before,
#headbar .main_navi .dropmenu li.workflow a:before,
#headbar .main_navi .dropmenu li.slots a:before,
#headbar .main_navi .dropmenu li.activity a:before,
#headbar .main_navi .dropmenu li.access_groups a:before,
#headbar .main_navi .dropmenu li.access_rights a:before,
#headbar .main_navi .dropmenu li.companies a:before,
#headbar .main_navi .dropmenu li.users a:before,
#headbar .main_navi .dropmenu li.conf a:before,
#headbar .main_navi .dropmenu li.logout a:before{
    color: #bdb8b1;
}
#headbar .main_navi .dropmenu li.home.active a:before, #headbar .main_navi .dropmenu li.home:hover :before,
#headbar .main_navi .dropmenu li.regions.active a:before, #headbar .main_navi .dropmenu li.regions:hover a:before,
#headbar .main_navi .dropmenu li.template.active a:before, #headbar .main_navi .dropmenu li.template:hover a:before,
#headbar .main_navi .dropmenu li.workflow.active a:before, #headbar .main_navi .dropmenu li.workflow:hover a:before,
#headbar .main_navi .dropmenu li.slots.active a:before, #headbar .main_navi .dropmenu li.slots:hover a:before,
#headbar .main_navi .dropmenu li.activity.active a:before, #headbar .main_navi .dropmenu li.activity:hover a:before,
#headbar .main_navi .dropmenu li.access_groups.active a:before, #headbar .main_navi .dropmenu li.access_groups:hover a:before,
#headbar .main_navi .dropmenu li.access_rights.active a:before, #headbar .main_navi .dropmenu li.access_rights:hover a:before,
#headbar .main_navi .dropmenu li.companies.active a:before, #headbar .main_navi .dropmenu li.companies:hover a:before,
#headbar .main_navi .dropmenu li.users.active a:before, #headbar .main_navi .dropmenu li.users:hover a:before,
#headbar .main_navi .dropmenu li.conf.active a:before, #headbar .main_navi .dropmenu li.conf:hover a:before,
#headbar .main_navi .dropmenu li.logout.active a:before, #headbar .main_navi .dropmenu li.logout:hover a:before{
    color: #ffffff;
}
.actionsmenu ul li a{
    border: 2px solid #e11414;
    font-family: 'SansBold', Arial, sans-serif;
}
.actionsmenu ul li a:hover{
    background: #f4f4f4;
}
.actionsmenu ul li a:before{
    color: #e11414;
}
.actionsmenu ul li a:hover:before{
    color: #e11414;
}
.toBottom:before{
    color: #444444;
}
.customSelect:before{
    color: #ffffff;
    border: 1px solid #000;
    background: #000;
}
.customSelect:hover:before{
    background: #000;
    border-color: #000;
}
.customSelect.disabled:before{
    background: #cccccc;
    border-color: #adadad;
}
.customSelect.disabled:hover:before{
    background: #cccccc;
    border-color: #adadad;
}
.searchWrap .searchButton{
    color: #FFFFFF;
    border: 1px solid #1E2429;
    box-sizing: border-box;
}
.filterWrapper div label.filter_checkbox .newCheck.checked{
    color: #37414B;
}
.accordion-heading .arrow:before{
    color: #37414B;
}
.accordion-heading.noCollapse .arrow:before{
    color: #1E2429;
}
.optionInfos .discard,
.optionInfos .discard:hover,
.optionInfos .save,
.optionInfos .save:hover{
    background: #000000;
    border-color: #000000;
}
.optionInfos .discard:before,
.optionInfos .save:before{
    color: #ffffff;
}
.slot-separator .insert_slot,
.slot-separator .switch_slots{
    background: #000000;
    border: 1px solid #434343;
    color: #ffffff;
}
.masterLayer .layerHead a.insert,
.masterLayer .layerHead a.saveValues,
.masterLayer h1 a.close,
.masterLayer .layerHead a.close,
.masterLayer .layerHead a.reset,
.masterLayer h1 a.insert,
.masterLayer .layerHead a.saveValues{
    border: 2px solid #df0000;
    color: #df0000;
}
.masterLayer .layerHead a.insert:hover,
.masterLayer .layerHead a.saveValues:hover,
.masterLayer h1 a.close:hover,
.masterLayer .layerHead a.close:hover,
.masterLayer .layerHead a.reset:hover,
.masterLayer h1 a.insert:hover,
.masterLayer .layerHead a.saveValues:hover{
    color: #df0000;
    background: #dddddd;
}
.masterLayer .modal-body .filters .searchWrapperFilter a.searchButton{
    color: #FFFFFF;
}
form fieldset .control-group .controls .icon.icon-kalender{
    color: #ffffff;
    background: #000000;
    border: 1px solid #1E2429;
}
form .accordion-heading .controls .radio .newCheck{
    color: #EEEEEE;
}
form .accordion-heading .controls .radio .newCheck.checked{
    color: #37414B;
}
form .accordion-heading.noCollapse .controls .radio .newCheck.checked{
    color: #1E2429;
}
form fieldset .control-group.error .controls:after{
    color: #d9534f;
}
/* END */

/* Global */
.btn, .btn.green{
    background: #000000;
    border: 1px solid #000000;
}
.btn.preview{
    background: #55acef;
    border: 1px solid #55acef;
}
.btn.login{
    background: #000000; /* Old browsers */
    border: 1px solid #000000;
}
.btn:hover, .btn.active{
    background: #1E2429;
    border: 1px solid #1E2429;
}
.btn.login:hover, .btn.login.active{
    background: #000000; /* Old browsers */
    border: 1px solid #000000;
}
.btn.red, .btn.red.active{
    background: #df0000;
    border: 1px solid #df0000;
}
h2, .accordion-heading .control-label{
    color: #1E2429;
}
#headbar {
    background: #f4f4f4; /* Old browsers */
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
}

/* Login */
.login_container .loginHead{
    height: 44px;
    background: #f4f4f4; /* Old browsers */
    padding: 14px 26px 12px 0;
    overflow: hidden;
}
.login_container .loginHead img.logo{
    width: 277px;
    height: 35px;
    margin-right: 0;
    margin-top: 4px;
    border-right: none;
    float: right;
}
.login_container .loginHead span{
    display: none;
}

/* Navi */
#headbar .main_navi.drop p {
    color: #444444;
}
#headbar .main_navi p {
    color: #df0000;
}
#headbar .main_navi.drop {
    background: #fafafa url('../img/iconset/menue_active.png') no-repeat 15px 14px;
    left: -312px;
}
#headbar .main_navi.drop .dropmenu{
    width: 312px;
}
#headbar .main_navi.drop .dropmenu li a{
    color: #000000;
}
#headbar .main_navi.drop .dropmenu li.active, #headbar .main_navi.drop .dropmenu li:hover{
    background-color: #000000;
}
#headbar .main_navi.drop .dropmenu li.active a, #headbar .main_navi.drop .dropmenu li:hover a{
    color: #d8decf;
}

/* submenu */
.submenu ul > li, .submenu ul > li:last-child{
    border-color: #dddddd;
}
.submenu ul > li > a{
    color: #bcc1c6;
}
.submenu ul > li:hover, .submenu ul > li.active{
    background: #dddddd;
}
.submenu ul > li:hover a, .submenu ul > li.active a{
    color: #444444;
}
.submenu h1.subHeadline{
    color: #df0000;
}

/* Breadcrumb */
#breadcrumbs .breadcrumb li a{
    color: #ababab;
}
#breadcrumbs .breadcrumb li:last-child{
    color: #000000;
    font-weight: bold;
}
/* Dropdowns */
.customSelect .customSelectList a.customSelectLink.selected,
.customSelect .customSelectList a.customSelectLink:hover{
    background: #000000;
    color: #d8decf;
}

/* Paginator */
.paginatorLine .paginator .pagerLink, .paginatorLine .paginator a.pagerLink{
    color: #333333;
}
.paginatorLine .paginator .pagerLink:hover, .paginatorLine .paginator a.pagerLink:hover, .paginatorLine .paginator .pagerLink.active, .paginatorLine .paginator a.pagerLink.active{
    background: #000000;
    color: #ffffff;
}

/* Forms */
form fieldset.headline{
    color: #1E2429;
}
form fieldset .control-group > label{
    color: #333333;
}
form fieldset .control-group.error > label{
    color: #d9534f;
}
form fieldset .control-group.error .controls input, form fieldset .control-group.error .controls textarea{
    color: #d9534f;
}
form fieldset .control-group.error .controls .icon.icon-kalender{
    background: #d9534f;
    border-color: #d9534f;
}
.control-group.error .controls .customSelect:before{
    background: #d9534f;
    border-color: #d9534f;
}
form fieldset .control-group .controls > label .seperateType .expandSelect p.option,
form fieldset .control-group .controls > label .seperateType .expandSelect .optgroup p.opthead{
    color: #ababab;
}
form fieldset .control-group .controls > label .seperateType .expandSelect p.option.active{
    background: transparent;
    color: #333333;
}
.datepick .datepick-month-row .datepick-month td a.datepick-selected, .datepick .datepick-month-row .datepick-month td a:hover{
    background: #f4f4f4;
}
/* Layer */
.uploadLayer h1{
    border-bottom: 1px solid #f2f1ed;
    background: #f4f4f4;
}
.uploadLayer .table .cell .progress .percent,
.uploadLayer .table .cell .progress .status{
    color: #333333;
}

.masterLayer h1, .masterLayer .layerHead{
    color: #df0000;
    background: #f4f4f4;
}

.masterLayer .contentWrap .comments .comments_line .comment-head a.user{
    color: #1E2429;
}

/* Content Tables */
.content_table tbody tr td.selected{
    background-color: #37414B;
    color: #ffffff;
}
.content_table thead th.sorted{
    background: #000000;
}
.content_table thead th.sorted a{
    color: #ffffff;
}
.content_table thead th a .icon-sort-down{
    border-bottom-color: #ffffff;
}
.content_table thead th a .icon-sort-up{
    border-top-color: #ffffff;
}
.content_table.activity tbody tr td a{
    color: #1E2429;
}

/* Accordeon */
.accordion-heading.noCollapse{
    background: #f4f4f4;
}
.accordion-heading.noCollapse h2, .accordion-heading.noCollapse .control-label{
    color: #1E2429;
}
.accordion-heading .controls .radio_project{
    color: #1E2429;
}
.accordion-heading.noCollapse .controls .radio_project{
    color: #ffffff;
}

/* Tooltips */
.tipwrapper p,
.tipwrapper-clicktip p{
    color: #333333;
}

/* Master */
.slot-block .wrapper .slot-preview .subject h4{
    color: #1E2429;
}
.slot-block .wrapper .slot-controls .control.ajax-loading{
    background: #f9f9f9 url('../img/indicator.gif') no-repeat 50% 50%;
    background-size: 34px 34px;
}

/* Slot Insert */
.masterLayer .modal-body #library .slot-list li.selected{
    border: 4px solid #000000;
}
.masterLayer .modal-body #library .slot-list li.selected .overlay{
    background: rgba(100,165,5,0.1);
}

/* Confirm Box */
#confirmBox h1{
    background: #f4f4f4; /* Old browsers */
    color: #df0000;
}