/* START MiniMessenger */
.miniMessengerBG .miniMessenger .headline{
    background: #196428;
}
#workspace .headline .write{
    border: 2px solid #196428;
    color: #196428;
}
#workspace .headline .write:hover{
    background-color: #196428;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.active{
    background: #196428;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.new .Tag{
    background: #196428;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.new.active .Tag{
    color: #196428;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .subject{
    color: #196428;
    box-sizing: border-box;
    padding-left: 10px;
}
.ajaxLoaderSlot,
.messageWrapper .messages .messagesThread .messageLine.me.notSavedYet .message .indication.icon-approve,
.indicator,
.messageWrapper .messages .indicator,
.messageWrapper .messages .indicator.mini:after,
.messageWrapper .indicator {
    background: rgba(0,0,0,0.2) url('../img/indicator.gif') no-repeat center center;
}
/* 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: #f2f2f2 url('../img/iconset/menue.png') no-repeat 14px 13px;
    background-position-y: center;
    top: 0px;
    width: 265px;
}
#headbar .main_navi:hover{
    background: #f2f2f2 url('../img/iconset/menue_hover.png') no-repeat 14px 13px;
    background-position-y: center;
    top: 0px;
}
#layerBG > .table > .cell .progress .loaderImage,
.uploadLayer .table .cell .progress .loaderImage,
.masterLayer .modal-body .loader,
.ajaxLoader{
    background: transparent url('../img/indicator.gif') no-repeat;
}

.submenu {
    padding-left: 145px;
}


/* END */

/* Icons */
.login_container .form .inputWrap .username,
.login_container .form .inputWrap .password{
    width: 34px;
    height: 34px;
    border: 1px solid #196428;
    background: #196428;
    color: #ffffff;
}

.filterWrapper div label.filter_checkbox .newCheck.checked {
    color: #e7001f;
}

.filterWrapper div label.filter_checkbox {
    color: #000000;
}

.login_container .form .newCheck.checked,
.tableForm .controls .radio .newCheck.checked,
form .controls .radio .newCheck.checked{
    color: #56b118;
}
.newRadio.checked{
    color: #56b118;
}
#headbar .main_navi .dropmenu li.home {
    border-top: 1px solid #ddd7da;
    border-bottom: none;
}
#headbar .main_navi .dropmenu li.home.active {
    border-top: 1px solid #ddd7da;
    border-bottom: none;
}
#headbar .main_navi .dropmenu li.home:hover {
    border-top: 1px solid #ddd7da;
    border-bottom: none;
}

#headbar .main_navi .dropmenu li.logout {
    border-top: 1px solid #ddd7da;
    background-color: transparent;
}
#headbar .main_navi .dropmenu li.logout.active, #headbar .main_navi .dropmenu li.logout:hover {
    border-top: 1px solid #ddd7da;
}
#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: #010066;
}

/* Setting all menu icons to the same size */
#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{
    font-size: 35px;
    top: 5px;
    left: 16px;
    padding-top: 3px;
}
.actionsmenu ul li a{
    border: 2px solid #196428;
    background-color: #196428;
    font-family: 'SansBold', Arial, sans-serif;
}
.actionsmenu ul li a:hover{
    background: #f2f2f2;
    border: 1px solid #df0000;
}
.actionsmenu ul li a:before{
    color: #ffffff;
}
.actionsmenu ul li a:hover:before{
    color: #df0000;
}
.toBottom:before{
    color: #010066;
}
.customSelect:before{
    color: #ffffff;
    border: 1px solid #196428;
    background: #196428;
}
.customSelect:hover:before{
    background: #f2f2f2;
    border-color: #df0000;
    color: #df0000;
}
.customSelect.disabled:before{
    background: #cccccc;
    border-color: #adadad;
}
.customSelect.disabled:hover:before{
    background: #cccccc;
    border-color: #adadad;
}
.searchWrap .searchButton{
    color: #FFFFFF;
}
.accordion-heading .arrow:before{
    color: #010066;
}
.accordion-heading.noCollapse .arrow:before{
    color: #ffffff;
}
.optionInfos .discard,
.optionInfos .save{
    background: #196428;
    border-color: #196428;
}
.optionInfos .discard:hover,
.optionInfos .save:hover{
    background: #ffffff;
    border-color: #196428;
}
.optionInfos .discard:before,
.optionInfos .save:before{
    color: #ffffff;
}
.optionInfos .discard:hover:before,
.optionInfos .save:hover:before{
    color: #196428;
}
.slot-separator .insert_slot,
.slot-separator .switch_slots{
    background: #ababab;
    border: 1px solid #919191;
    color: #ffffff;
}
.masterLayer h1 a.close,
.masterLayer .layerHead a.close,
.masterLayer .layerHead a.reset,
.masterLayer .layerHead a.insert,
.masterLayer h1 a.insert,
.masterLayer .layerHead a.saveValues{
    border: 2px solid #ffffff;
    color: #ffffff;
}
.masterLayer h1 a.close:hover,
.masterLayer .layerHead a.close:hover,
.masterLayer .layerHead a.reset:hover,
.masterLayer .layerHead a.insert:hover,
.masterLayer h1 a.insert:hover,
.masterLayer .layerHead a.saveValues:hover{
    color: #196428;
    background: #ffffff;
}
.masterLayer .modal-body .filters .searchWrapperFilter a.searchButton{
    color: #FFFFFF;
}
form fieldset .control-group .controls .icon.icon-kalender{
    color: #ffffff;
    background: #196428;
    border: 1px solid #196428;
}
form fieldset .control-group .controls .icon.icon-kalender:hover{
    color: #df0000;
    background: #f2f2f2;
    border: 1px solid #df0000;
}
form .accordion-heading .controls .radio .newCheck{
    color: #EEEEEE;
}
form .accordion-heading .controls .radio .newCheck.checked{
    color: #196428;
}
form .accordion-heading.noCollapse .controls .radio .newCheck.checked{
    color: #ffad00;
}
/* END */

/* Global */
.btn{
    background: #000000;
    border: 1px solid #000000;
    color: #ffffff;
}
.btn:hover, .btn.active{
    color: #df0000;
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
}

.btn.green:hover {
    color: #ffffff;
}

.btn.white:hover {
    color: #333333;
}
/* Overwriting delete hover button style */
.btn.red:hover, .btn.red.active {
    color: #ffffff;
}

/* Overwriting messenger popop styles */
/* Removes margin between subject */
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .Tag {
    margin-right: 0px;
}

.optionInfos.activity .filterApply {
    background: #196428;
    color: #fff;
    border-color: #196428;
}

.optionInfos.activity .filterApply:hover {
    border: 1px solid #df0000;
    background: #f2f2f2;

}

.optionInfos.activity .filterApply:hover:before {
    color: #df0000;
}

.optionInfos.activity .filterReset {
    background: #df0000;
    border-color: #df0000;
    color: #ffffff;
}

.optionInfos.activity .filterReset:hover {
    background: #f2f2f2;
    border-color: #df0000;
    color: #df0000;
}

.optionInfos.activity .filterReset:before {
    color: #ffffff;
}

.optionInfos.activity .filterReset:hover:before {
    color: #df0000;
}


h2, .accordion-heading .control-label{
    color: #000036;
}
#headbar {
    background: #f2f2f2; /* Old browsers */
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    height: 70px;
}

/* Login */
.login_container .loginHead{
    height: 66px;
    background: #ffffff; /* Old browsers */
    padding: 10px 0px 0px 0px;
    overflow: hidden;
    text-align: center;
}
.login_container .loginHead img.logo{
    width: 73px;
    height: 66px;
    border-right: none;
    float: none;
}
.login_container .loginHead span{
    display: none;
}
.login_container .form .functionWrap label{
    color: #000036;
}

.login_container .form .functionWrap .btn.login {
    height: 45px;
    margin: 0;
    float: right;
    padding: 0 16.5px;
    background-color: #196428;
    border-color: #196428;
    color: #ffffff;
}

.login_container .form .functionWrap .btn.login:hover {
    background-color: #196428;
    border-color: #196428;
    color: #ffffff;
}

.login_container .form .functionWrap .btn.login:focus {
    outline: none;
}

.login_container .form .inputWrap input {
    background-color: #f4f4f4;
}

.login_container .form {
    padding: 14px 30px 30px 30px;
}

.content_table thead th {
    font-family: Arial, sans-serif;
}

/* Navi */
#headbar .main_navi.drop {
    background: #f2f2f2 url('../img/iconset/menue_active.png') no-repeat 15px 14px;
    background-position-y: center;
    left: -325px;
}
#headbar .main_navi.drop p, #headbar .main_navi p {
    color: #000000;
    padding-left: 30px;
    font-family: Arial, sans-serif;
    font-size: 25px;
}
#headbar .main_navi.drop .dropmenu li a {
    color: #196428;
    font-weight: 500;
    font-family: Arial, sans-serif;
}

#headbar .main_navi.drop .dropmenu li a:hover {
    background-color: #196428;
}

/* Default menu icon */
#headbar .main_navi.drop .dropmenu li a:before {
    color: #196428;
    background-color: transparent;
}


#headbar .main_navi.drop .dropmenu li.active,
#headbar .main_navi.drop .dropmenu li:hover {
    background-color: #196428;
}

/* Menu active list */
#headbar .main_navi.drop .dropmenu li.active a {
    color: #df0000;
    padding: 12px 0 12px 70px;
}

#headbar .main_navi.drop .dropmenu li.active a:before {
    color: #df0000;
}

/* Menu list on hover */
#headbar .main_navi.drop .dropmenu li:hover a {
    color: #ffffff;
    padding: 12px 0 12px 70px;
}

#headbar .main_navi.drop .dropmenu li:hover a:before {
    color: #ffffff;
}

/* submenu */
.submenu ul > li, .submenu ul > li:last-child{
    border-color: #ffffff;
}
.submenu ul > li > a{
    color: #000000;
    font-family: Arial, sans-serif;
}
.submenu ul > li:hover, .submenu ul > li.active{
    background: #ffffff;
}
.submenu ul > li:hover a, .submenu ul > li.active a{
    color: #e7001f;
}
.submenu h1.subHeadline{
    color: #000000;
    font-family: Arial, sans-serif;
}

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

/* Paginator */
.paginatorLine .paginator .pagerLink:hover, .paginatorLine .paginator a.pagerLink:hover, .paginatorLine .paginator .pagerLink.active, .paginatorLine .paginator a.pagerLink.active{
    background: #f2f2f2;
    color: #df0000;
}

/* Overwriting nfq paginator link*/
.paginatorLine .paginator .pagerLink, .paginatorLine .paginator a.pagerLink {
    background-color: #000000;
    color: #ffffff;
    margin: 1px;
    font-family: Arial, sans-serif;
}

/* Changing font family for table links */
.content_table tbody tr td a.tdlink {
    font-family: Arial, sans-serif;
}

/* Forms */
form fieldset.headline{
    color: #010066;
}
form fieldset .control-group > label{
    color: #000036;
}
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: #010066;
}

/* Layer */
.uploadLayer h1{
    border-bottom: 1px solid #eeeeee;
    background: #196428; /* Old browsers */
}
.uploadLayer .table .cell .progress .percent,
.uploadLayer .table .cell .progress .status{
    color: #000036;
}

.masterLayer h1, .masterLayer .layerHead{
    color: #ffffff;
    background: #196428; /* Old browsers */
}

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

/* Content Tables */
.content_table tbody tr td.selected{
    background-color: #f2f2f2;
    color: #df0000;
}
.content_table thead th.sorted{
    background: #f2f2f2;
}
.content_table thead th a {
    color: #000000;
    font-family: Arial, sans-serif;
}

.content_table thead th.sorted a{
    color: #df0000;
}

.content_table thead th.sorted a icon{
    color: #df0000;
    fill: #df0000;
}
.content_table thead th a .icon-sort-down{
    border-bottom-color: #000000;
}
.content_table thead th a .icon-sort-up{
    border-top-color: #000000;
}
/*
.sort-field-active .icon-sort-down {
    border-bottom-color: #df0000;
}

.sort-field-active .icon-sort-up {
    border-bottom-color: #df0000;
}
*/

/* Accordeon */
.accordion-heading.noCollapse{
    background: #196428; /* Old browsers */
}
.accordion-heading.noCollapse h2, .accordion-heading.noCollapse .control-label{
    color: #ffffff;
}
.accordion-heading .controls .radio_project{
    color: #000036;
}
.accordion-heading.noCollapse .controls .radio_project{
    color: #ffffff;
}

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

/* Master */
.slot-block .wrapper .slot-preview .subject h4{
    color: #000036;
}
.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 #196428;
}
.masterLayer .modal-body #library .slot-list li.selected .overlay{
    background: rgba(5,22,77,0.1);
}

/* Confirm Box */
#confirmBox h1{
	background: #196428; /* Old browsers */
    color: #ffffff;
}