@font-face {
    font-family: 'SansLightItalic';
    src: url('../fonts/sourcesanspro-lightitalic-webfont.eot');
    src: url('../fonts/sourcesanspro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-lightitalic-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-lightitalic-webfont.svg#SansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansLight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#SansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansRegular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#SansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansItalic';
    src: url('../fonts/sourcesanspro-italic-webfont.eot');
    src: url('../fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-italic-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-italic-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-italic-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-italic-webfont.svg#SansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansBold';
    src: url('../fonts/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-bold-webfont.svg#SansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "dnt";
    src:url("../fonts/dnt.eot");
    src:url("../fonts/dnt.eot?#iefix") format("embedded-opentype"),
        url("../fonts/dnt.woff") format("woff"),
        url("../fonts/dnt.ttf") format("truetype"),
        url("../fonts/dnt.svg#dnt") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Icon Definition */
[data-icon]:before {
  font-family: "dnt" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "dnt" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-global-configuration:before {
  content: "\48";
}
.icon-activity:before {
  content: "\61";
}
.icon-full-approve:before {
  content: "\6e";
}
.icon-rights:before {
  content: "\77";
}
.icon-approve:before {
  content: "\62";
}
.icon-groups:before {
  content: "\6f";
}
.icon-save:before {
  content: "\78";
}
.icon-archive:before {
  content: "\63";
}
.icon-kalender:before {
  content: "\70";
}
.icon-write:before {
  content: "\4b";
}
.icon-attention:before {
  content: "\64";
}
.icon-message-time:before {
  content: "\49";
}
.icon-search:before {
  content: "\79";
}
.icon-auswahl:before {
  content: "\65";
}
.icon-linktesting:before {
  content: "\47";
}
.icon-slots:before {
  content: "\7a";
}
.icon-brief:before {
  content: "\66";
}
.icon-linktesting-automatic:before {
  content: "\46";
}
.icon-templates:before {
  content: "\41";
}
.icon-create:before {
  content: "\67";
}
.icon-login-schloss:before {
  content: "\71";
}
.icon-up:before {
  content: "\42";
}
.icon-delete:before {
  content: "\68";
}
.icon-logout:before {
  content: "\72";
}
.icon-up-down:before {
  content: "\43";
}
.icon-discard:before {
  content: "\69";
}
.icon-message:before {
  content: "\4a";
}
.icon-user:before {
  content: "\44";
}
.icon-down:before {
  content: "\6a";
}
.icon-message-user:before {
  content: "\4e";
}
.icon-download:before {
  content: "\6b";
}
.icon-preview:before {
  content: "\74";
}
.icon-workflow:before {
  content: "\45";
}
.icon-edit:before {
  content: "\6c";
}
.icon-projects:before {
  content: "\75";
}
.icon-export:before {
  content: "\6d";
}
.icon-regions:before {
  content: "\76";
}
.icon-senden:before {
  content: "\4c";
}
.icon-companies:before {
  content: "\4d";
}

/* base */
html, body{
    background: #eeeeee;
}
body{
    padding: 110px 0 0 0;
    font-family: Arial,Verdana,Helvetica, sans-serif;
    font-size: 12px;
    line-height: 125%;
}
.background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/background.jpg') no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.background_tool{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.hidden{
    display: none !important;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
h2, .accordion-heading .control-label{
    height: 70px;
    padding: 0 15px 0 15px;
    color: #56819e;
    font: 28px/70px 'SansLight', Arial, sans-serif;
    margin: 10px 0 0 0;
}
h2.edit_slot{
    background: #eeeeee;
    margin: 0px;
    height: 80px;
    line-height: 80px;
}
.ajaxLoader{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -60px;
    background: transparent url('../img/indicator.gif') no-repeat;
}
#wrapper{
    position: relative;
}
.btn{
    height: 30px;
    display: inline-block;
    padding: 0 13px 0 13px;
    background: #56819e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 13px/31px Arial, sans-serif;
    margin: 0 10px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #3d6985;
    box-sizing: border-box;
}
.btn:hover, .btn.active{
    background: #3d6985;
    text-decoration: none;
}
.btn.green{
    background: #5cb85c;
    color: #FFFFFF;
    border: 1px solid #409e43;
}
.btn.green:hover, .btn.green.active{
    background: #409e43;
    text-decoration: none;
    border: 1px solid #409e43;
}
.btn.red{
    background: #d9534f;
    color: #FFFFFF;
    border: 1px solid #ba3739;
}
.btn.red:hover, .btn.red.active{
    background: #ba3739;
    text-decoration: none;
    border: 1px solid #ba3739;
}
.btn.red.hide{
    width: 70px;
    box-sizing: border-box;
    text-align: center;
}
.btn.white{
    background: #f9f9f9;
    color: #333333;
    border: 1px solid #e2e2e2;
}
.btn.white:hover, .btn.white.active{
    background: #e2e2e2;
    text-decoration: none;
    border: 1px solid #e2e2e2;
}
.btn.blue{
    background: #3bbee4;
    color: #FFFFFF;
    border: 1px solid #00a2c7;
}
.btn.blue:hover, .btn.blue.active{
    background: #00a2c7;
    text-decoration: none;
}
.btn.green.yes{
    float: left;
    padding: 0 30px 0 30px;
    margin: 0 0 0 15px;
}
.btn.red.no{
    float: right;
    padding: 0 30px 0 30px;
    margin: 0 15px 0 0;
}
.btn.float{
    float: right;
}
.btn.nomargin{
    margin: 0 0 0 0;
    position: relative;
    right: -9px;
}
.btn.nomargin2{
    margin: 0;
    position: relative;
    right: 0px;
}
.searchWrap{
    width: 100%;
    height: 36px;
    padding: 3px 0 3px 0;
    background: #FFFFFF;
    margin: 0 0 20px 0;
    position: relative;
}
.searchWrap .searchOccourence{
    position: absolute;
    right: 42px;
    top: 0;
    display: none;
}
.searchWrap .searchOccourence p {
    float: left;
    color: #585858;
    font: 15px/42px Arial, sans-serif;
    margin: 0;
    height: 42px;
}
.searchWrap .searchOccourence a.icon.icon-down,
.searchWrap .searchOccourence a.icon.icon-up{
    height: 36px;
    width: 36px;
    padding: 0;
    border: none;
    font-size: 43px;
    line-height: 43px;
    color: #585858;
    text-align: center;
    position: relative;
    float: left;
    top: 3px;
    left: 3px;
    overflow: hidden;
}
.searchWrap .searchOccourence a.icon.icon-down:before,
.searchWrap .searchOccourence a.icon.icon-up:before{
    position: absolute;
    left: -3px;
}
.searchWrap input, .searchWrap input:focus, .searchWrap input:active{
    border: none;
    background: #FFFFFF;
    height: 36px;
    width: 1170px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 0 3px;
    color: #585858;
    font: 15px/15px Arial, sans-serif;
    float: left;
    padding: 0 0 0 15px;
    outline: none;
    outline-offset: 0px;
}
.searchWrap .searchButton{
    margin: 0 3px 0 0;
    height: 36px;
    width: 36px;
    padding: 0;
    border: none;
    text-align: center;
    font-size: 20px;
    line-height: 43px;
    color: #FFFFFF;
    position: relative;
}

#headbar {
    width: 100%;
    height: 69px;
    padding: 1px 0 0 0;
    background: #56819e;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.62);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.62);
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

/* Login */
.login_container{
    width: 350px;
    padding: 10px;
    background: rgba(255,255,255,0.5);
    position: absolute;
    left: calc(50% - 175px);
    top: calc(50% - 161px);
    z-index: 1;
}
.login_container .loginHead{
    height: 29px;
    background: #56819e;
    padding: 16px 0 15px 22px;
    overflow: hidden;
}
.login_container .loginHead img.logo{
    width: 82px;
    height: 29px;
    margin-right: 10px;
    border-right: 1px solid #FFFFFF;
    float: left;
}
.login_container .loginHead span{
    font: 17px/29px 'SansLight', Arial, sans-serif;
    color: white;
    height: 29px;
    float: left;
}
.login_container .form{
    padding: 24px 30px 30px 30px;
    background: #FFFFFF;
}
.login_container .form .inputWrap{
    position: relative;
}
.login_container .form .inputWrap input{
    width: 244px;
    padding: 0 0 0 46px;
    height: 36px;
    background-color: #eeeeee;
    border: none;
    margin-bottom: 10px;
}
.login_container .form .inputWrap .username{
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background: #56819e;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
    font-size: 20px;
    border-radius: 3px;
}
.login_container .form .inputWrap .password{
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background: #56819e;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
    font-size: 20px;
    border-radius: 3px;
}
.login_container .form .functionWrap{
    margin: 15px 0 20px 0;
}
.login_container .form .functionWrapForgotPWD{
    margin: 15px 0 0 0;
}
.login_container .form .functionWrapForgotPWD a{
    color: #ffffff;
    font: bold 13px/31px Arial, sans-serif;
    text-decoration: none;
    padding: 0 38px 0 38px;
}
.login_container .form .functionWrap label{
    height: 36px;
    width: 144px;
    display: inline-block;
    font: 12px/36px Arial, sans-serif;
    color: #333333;
    cursor: pointer;
}
.login_container .form .functionWrap .btn.login,
.login_container .form .functionWrapForgotPWD .btn.login{
    padding: 0 50px 0 50px;
    font: bold 14px/31px Arial, sans-serif;
    margin: 0;
    height: 32px;
}
.login_container .form a{
    color: #adadad;
    font: bold 12px/14px Arial, sans-serif;
    text-decoration: underline;
}
.login_container .form a:hover{
    text-decoration: none;
}
.login_container .form .newCheck,
.tableForm .controls .radio .newCheck,
form .controls .radio .newCheck,
.masterLayer .content_table td .newCheck{
    float: left;
    margin: 11px 10px 0 10px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    color: #eeeeee;
    line-height: 0px;
    font-size: 25px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.login_container .form .newCheck:before,
.tableForm .controls .radio .newCheck:before,
form .controls .radio .newCheck:before,
.masterLayer .content_table td .newCheck:before{
    position: absolute;
    top: -3px;
    left: -6px;
}
form .controls .radio .newCheck{
    color: #ffffff;
}
.tableForm .controls .radio .newCheck,
.masterLayer .content_table td .newCheck{
    margin: 1px 10px 0 0px;
}
.login_container .form .newCheck.checked,
.tableForm .controls .radio .newCheck.checked,
form .controls .radio .newCheck.checked,
.masterLayer .content_table td .newCheck.checked{
    color: #56819e;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.login_container .form fieldset{
    padding: 0;
    border: none;
    background: transparent;
}
.login_container .form fieldset .control-group{
    margin: 0;
}
.login_container .form fieldset .control-group label{
    padding: 0;
    margin: 0;
    border: none;
    width: 290px;
    text-align: left;
    font: 14px/30px Arial, sans-serif;
    height: auto;
    color: #333333;
    float: none;
}
.login_container .form fieldset .control-group .controls{
    float: none;
    margin: 0;
    width: 280px;
    padding: 0;
    border: none;
}
.login_container .form fieldset > div > .controls:last-child{
    border: none;
    padding: 0;
    margin: 0;
}

/* Menue */
#headbar .main_navi {
    width: 255px;
    background: transparent url('../img/iconset/menue.png') no-repeat 14px 13px;
    height: 44px;
    padding: 14px 0 13px 57px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: 0;
}
#headbar .main_navi:hover{
    background: transparent url('../img/iconset/menue_hover.png') no-repeat 14px 13px;
}
#headbar .main_navi p {
    padding: 0 0 0 15px;
    margin: 0;
    color: #FFFFFF;
    font: 28px/42px 'SansLight', Arial, sans-serif;
    line-height: 42px;
}
#headbar .main_navi.drop .dropmenu {
    position: absolute;
    top: 69px;
    left: 0px;
    width: 312px;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.12);
    z-index: 23;
}
#headbar .main_navi.drop .dropmenu li{
    height: 45px;
    padding: 0 0 0 0px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    position: relative;
}
#headbar .main_navi.drop .dropmenu li:before{
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#headbar .main_navi.drop .dropmenu li a{
    color: #56819e;
    font: 15px/23px 'SansLight', Arial, sans-serif;
    padding: 12px 0 12px 70px;
    height: 21px;
    display: block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#headbar .main_navi.drop .dropmenu li.active, #headbar .main_navi.drop .dropmenu li:hover{
    background: #56819e;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#headbar .main_navi.drop .dropmenu li:hover a:before{
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#headbar .main_navi.drop .dropmenu li.active a, #headbar .main_navi.drop .dropmenu li:hover a{
    color: #FFFFFF;
    padding: 13px 0 11px 70px;
    font: 15px/23px 'SansRegular', Arial, sans-serif;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#headbar .main_navi.drop {
    position: absolute;
    top: 0;
    left: -312px;
    background: #FFFFFF url('../img/iconset/menue_active.png') no-repeat 15px 14px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#headbar .main_navi.drop.active {
    left: 0px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#headbar .main_navi.drop p {
    color: #56819e;
}
#headbar .main_navi.drop .dropmenu {
    left: 0px;
}

/* Menue Icons */
#headbar .main_navi .dropmenu li.home {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
#headbar .main_navi .dropmenu li.home a:before{
    font-size: 35px;
    position: absolute;
    top: 7px;
    left: 17px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.home.active, #headbar .main_navi .dropmenu li.home:hover {
    border-top: 1px solid #a0adb6;
    border-bottom: 1px solid #a0adb6;
}
#headbar .main_navi .dropmenu li.home.active a:before, #headbar .main_navi .dropmenu li.home:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.regions a:before{
    font-size: 35px;
    position: absolute;
    top: 7px;
    left: 18px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.regions.active a:before, #headbar .main_navi .dropmenu li.regions:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.template a:before{
    font-size: 35px;
    position: absolute;
    top: 9px;
    left: 18px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.template.active a:before, #headbar .main_navi .dropmenu li.template:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.workflow a:before{
    font-size: 33px;
    position: absolute;
    top: 8px;
    left: 19px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.workflow.active a:before, #headbar .main_navi .dropmenu li.workflow:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.slots a:before{
    font-size: 35px;
    position: absolute;
    top: 8px;
    left: 18px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.slots.active a:before, #headbar .main_navi .dropmenu li.slots:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.activity a:before{
    font-size: 35px;
    position: absolute;
    top: 7px;
    left: 17px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.activity.active a:before, #headbar .main_navi .dropmenu li.activity:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.access_groups a:before{
    font-size: 30px;
    position: absolute;
    top: 9px;
    left: 20px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.access_groups.active a:before, #headbar .main_navi .dropmenu li.access_groups:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.access_rights a:before{
    font-size: 37px;
    position: absolute;
    top: 8px;
    left: 16px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.access_rights.active a:before, #headbar .main_navi .dropmenu li.access_rights:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.companies a:before{
    font-size: 37px;
    position: absolute;
    top: 8px;
    left: 16px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.companies.active a:before, #headbar .main_navi .dropmenu li.companies:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.users a:before{
    font-size: 31px;
    position: absolute;
    top: 8px;
    left: 19px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.users.active a:before, #headbar .main_navi .dropmenu li.users:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.conf a:before{
    font-size: 34px;
    position: absolute;
    top: 7px;
    left: 18px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.conf.active a:before, #headbar .main_navi .dropmenu li.conf:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.messaging a:before{
    font-size: 25px;
    position: absolute;
    top: 11px;
    left: 22px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.messaging.active a:before, #headbar .main_navi .dropmenu li.messaging:hover a:before{
    color: #ffffff;
}
#headbar .main_navi .dropmenu li.logout {
    background-color: #f6f9fa;
}
#headbar .main_navi .dropmenu li.logout a:before{
    font-size: 32px;
    position: absolute;
    top: 9px;
    left: 16px;
    color: #56819e;
}
#headbar .main_navi .dropmenu li.logout.active a:before, #headbar .main_navi .dropmenu li.logout:hover a:before{
    color: #ffffff;
}

/* submenu */
.submenu {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.submenu ul {
    display: inline;
}
.submenu ul > li {
    display: inline-block;
    padding: 0 15px 0 15px;
    height: 42px;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    margin: 0 0 0 -5px;
}
.submenu ul > li:first-child{
    margin: 0;
    -webkit-border-top-left-radius: 21px;
    -webkit-border-bottom-left-radius: 21px;
    -moz-border-top-left-radius: 21px;
    -moz-border-radius-bottomleft: 21px;
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
}
.submenu ul > li:last-child{
    border-right: 2px solid #FFFFFF;
    -webkit-border-top-right-radius: 21px;
    -webkit-border-bottom-right-radius: 21px;
    -moz-border-top-right-radius: 21px;
    -moz-border-radius-bottomright: 21px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
}
.submenu ul > li > a{
    color: #FFFFFF;
    font: 15px/42px 'SansLight', Arial, sans-serif;
    display: block;
}
.submenu ul > li:hover, .submenu ul > li.active{
    background: #FFFFFF;
}
.submenu ul > li:hover a, .submenu ul > li.active a{
    color: #56819e;
}
.submenu h1.subHeadline{
    color: #FFFFFF;
    font: 28px/42px 'SansLight', Arial, sans-serif;
    line-height: 42px;
}

/* Actions Menue */
.actionsmenu{
    position: absolute;
    right: 0;
}
.actionsmenu ul{
    height: 44px;
    padding: 14px 16px 12px 0;
    display: inline-block;
}
.actionsmenu ul li{
    float: left;
    width: 44px;
    height: 44px;
    margin: 0 0 0 15px;
    position: relative;
}
.actionsmenu ul li a{
    height: 40px;
    width: 40px;
    border: 2px solid #ffffff;
    display: block;
    text-align: center;
    border-radius: 25px;
}
.actionsmenu ul li a:hover{
    background: #FFFFFF;
}
.actionsmenu ul li a:before{
    font-size: 40px;
    line-height: 49px;
    color: #ffffff;
}
.actionsmenu ul li a:hover:before{
    color: #56819e;
}
.actionsmenu ul li a.back:before{
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    display: inline-block;
    font-size: 30px;
    line-height: 46px;
}
.actionsmenu ul li a.edit:before{
    font-size: 30px;
    line-height: 46px;
}
.actionsmenu ul li a.markcomplete:before{
    font-size: 34px;
    line-height: 46px;
}
.actionsmenu ul li a.export:before{
    font-size: 32px;
    line-height: 47px;
}
.actionsmenu ul li a.preview:before{
    font-size: 38px;
    line-height: 49px;
}
.actionsmenu ul li a.linktesting:before{
    font-size: 34px;
    line-height: 45px;
}
.actionsmenu ul li a.linktesting-automatic:before {
    font-size: 34px;
    line-height: 45px;
}
/*.actionsmenu ul li a.save{
    background-image: url('../img/iconset/save.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}
.actionsmenu ul li a.save:hover{
    background-image: url('../img/iconset/save_hover.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}*/
/*.actionsmenu ul li a.discard{
    background-image: url('../img/iconset/discard.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}
.actionsmenu ul li a.discard:hover{
    background-image: url('../img/iconset/discard_hover.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}*/

/* Tooltips */
.tipwrapper,
.tipwrapper-clicktip,
.filterWrapper{
    position: absolute;
    top: 56px;
    right: 0;
    display: none;
    z-index: 40;
}
.filterWrapper{
    top: 49px;
}
.tipwrapper-clicktip{
    z-index: 80;
}
.tipwrapper:before,
.tipwrapper-clicktip:before,
.filterWrapper:before{
    content: '';
    position: absolute;
    right: 15px;
    top: -14px;
    border: 7px solid #FFFFFF;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}
.tipwrapper.leftTriangle:before{
    right: auto;
    left: -16px;
    top: 12px;
    border: 7px solid #EEEEEE;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.tipwrapper.leftTriangle:after{
    content: '';
    position: absolute;
    right: auto;
    left: -14px;
    top: 12px;
    border: 7px solid #FFFFFF;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.tipwrapper p,
.tipwrapper-clicktip p,
.filterWrapper div.filterContent{
    padding: 10px 15px 10px 15px;
    width: auto;
    display: block;
    margin: 0;
    font: 15px/17px Arial, sans-serif;
    color: #56819e;
    background: #FFFFFF;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
}
.tipwrapper-clicktip p{
    padding: 0;
}
.actionsmenu ul li .tipwrapper-clicktip a{
    height: auto;
    width: auto;
    font: 14px/18px Arial, sans-serif;
    color: #333333;
    border-radius: 3px;
    padding: 10px 15px 10px 15px;
}
.actionsmenu ul li .tipwrapper-clicktip a:hover{
    background: #56819e;
    color: #FFFFFF;
}
.filterWrapper div label.filter_checkbox{
    height: 36px;
    width: 144px;
    display: block;
    font: 12px/36px Arial, sans-serif;
    cursor: pointer;
    border-bottom: 1px solid #eeeeee;
    text-overflow: ellipsis;
    overflow: hidden;
}
.filterWrapper div label.filter_checkbox:last-child{
    border: none;
}
.filterWrapper div label.filter_checkbox .newCheck{
    float: left;
    margin: 7px 10px 0 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    color: #eeeeee;
    line-height: 0px;
    font-size: 25px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.filterWrapper div label.filter_checkbox input{
    width: 10px;
    height: 10px;
}
.filterWrapper div label.filter_checkbox .newCheck.checked{
    color: #56819e;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

/* Breadcrumb */
#breadcrumbs{
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    overflow: hidden;
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 99;
}
#breadcrumbs .breadcrumb{
    overflow: hidden;
}
#breadcrumbs .breadcrumb li{
    float: left;
    padding: 0 25px 0 50px;
    font: 13px/42px Arial, sans-serif;
    position: relative;
    color: #585858;
}
#breadcrumbs .breadcrumb li a{
    font: 13px/42px Arial, sans-serif;
    color: #585858;
    display: block;
}
#breadcrumbs .breadcrumb li a:hover{
    color: #56819e;
}
#breadcrumbs .breadcrumb li:first-child{
    padding: 0 25px 0 30px;
}
#breadcrumbs .breadcrumb li:first-child:before{
    border: none;
}
#breadcrumbs .breadcrumb li:first-child:after{
    border: none;
}
#breadcrumbs .breadcrumb li:before{
    content: '';
    position: absolute;
    left: 2px;
    top: -1px;
    border: 23px solid #f3f3f3;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}
#breadcrumbs .breadcrumb li:after{
    content: '';
    position: absolute;
    left: 0px;
    top: -1px;
    border: 23px solid #FFFFFF;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}
.toBottom{
    position: fixed;
    right: 0px;
    top: 220px;
    width: 50px;
    height: 50px;
    border-radius: 5px 0 0 5px;
    background: #ffffff;
    cursor: pointer;
    text-align: center;
}
.toBottom:before{
    font-size: 40px;
    line-height: 60px;
    color: #56819e;
}

/* Logout Countdown */
#clock{
    height: 40px;
    background: #ffeded;
    overflow: hidden;
    position: fixed;
    top: 70px;
    right: 0;
    z-index: 99;
    padding: 0 30px;
    color: #e58886;
    font: 13px/42px Arial, sans-serif;
    display: none;
}
#big{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    text-align: center;
    display: none;
}
#bigClock{
    height: 90px;
    font: 80px/90px 'SansRegular', Arial, sans-serif;
    color: #FFFFFF;
    top: calc(50% - 45px);
    position: relative;
}
#big a{
    position: absolute;
    top: calc(50% + 50px);
    padding: 10px 20px;
}
a.previewLink{
    display: none;
    margin-left: 27px;
    font: bold 20px/36px Arial, sans-serif;
    color: #56819e;
}
button.ApprovePreviewButton{
    display: none;
}
.sendOnly{
    display: none;
}
/* Selects */
.customSelect{
    height: 36px;
    font: 14px/36px 'SansRegular', Arial, sans-serif;
    color: #585858;
    position: relative;
    display: inline-block;
    background: #FFFFFF;
    cursor: pointer;
    width: auto;
    outline: none;
}
.customSelect:before{
    position: absolute;
    right: 0px;
    color: #ffffff;
    font-size: 35px;
    line-height: 43px;
    width: 35px;
    height: 34px;
    border: 1px solid #3d6985;
    border-radius: 3px;
    background: #56819e;
    text-align: center;
}
.customSelect.disabled{
    color: #ababab;
    cursor: no-drop;
}
.customSelect.disabled:before{
    background: #cccccc;
    border-color: #adadad;
}
.customSelect.disabled:hover:before{
    background: #cccccc;
    border-color: #adadad;
}
.filters .customSelect{
    width: 193px;
    background-color: #eeeeee;
    margin: 0 0 10px 0;
}
.controls .customSelect, .controls .customSelect:hover{
    background-color: #EEEEEE;
    min-width: 700px;
}
.filters .customSelect:hover{
    background-color: #eeeeee;
}
.control-group.error .controls .customSelect{
    color: #333333;
}
.control-group.error .controls .customSelect:before{
    background: #e58886;
    border-color: #e96264;
}
.control-group.error .controls .customSelect:hover:before{
    background: #e96264;
    border-color: #e96264;
}
.control-group.error .controls .customSelect, .control-group.error .controls .customSelect:hover{
    background-color: #ffeded;
}
.controls .customSelect .customSelectList{
    width: 708px;
    border: 1px solid #EEEEEE;
    border-top: none;
    box-sizing: border-box;
}
.customSelect:hover:before{
    background: #3d6985;
    border-color: #3d6985;
}
.customSelect p.name{
    min-width: 20px;
    height: 36px;
    padding: 0 55px 0 13px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.customSelect .customSelectList{
    display: none;
    position: absolute;
    background: #FFF;
    z-index: 30;
}
.customSelect .customSelectList a.customSelectLink{
    display: block;
    padding: 0 13px 0 13px;
    border-top: 1px solid #fafafa;
    height: 36px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.customSelect .customSelectList a.customSelectLink.selected{
    background: #56819e;
    color: #ffffff;
}
.customSelect .customSelectList a.customSelectLink:hover{
    background: #56819e;
    color: #ffffff;
    text-decoration: none;
}

/* Radios */
.newRadio{
    float: left;
    margin: 12px 13px 0 0;
    width: 14px;
    height: 14px;
    cursor: pointer;
    font-size: 25px;
    color: #ffffff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.newRadio:before{
    position: absolute;
    top: -3px;
    left: -6px;
}
.newRadio.checked{
    color: #56819e;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.newRadio.checked.disabled{
    color: #ababab;
}
form .controls .radio .newCheck.checked.disabled{
    color: #ababab;
}
.radio_project{
    cursor: pointer;
}
.radio_project.disabled{
    color: #ababab;
    cursor: no-drop;
}

/* Wokspace */
#workspace{
    width: 1230px;
    margin: 40px auto 40px auto;
}
.row{
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    margin: 0 0 15px 0;
    padding: 10px;
}

/* Paginator */
.paginatorLine{
    margin: 20px 0 0 0;
}
.paginatorLine.top{
    margin: 20px 0 20px 0;
}
.paginatorLine .customSelect{
    float: left;
}
.paginatorLine .paginator{
    text-align: right;
}
.paginatorLine .paginator .pagerLink, .paginatorLine .paginator a.pagerLink{
    width: 36px;
    height: 36px;
    font: 14px/36px 'SansRegular', Arial, sans-serif;
    text-align: center;
    background: #FFFFFF;
    color: #333333;
    border: none;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.paginatorLine .paginator a.pagerLink{
    position: relative;
    top: -1px;
}
.paginatorLine .paginator .pagerLink:hover, .paginatorLine .paginator a.pagerLink:hover, .paginatorLine .paginator .pagerLink.active, .paginatorLine .paginator a.pagerLink.active{
    background: #f5f5f5;
    color: #adadad;
}

/* Content Tables */
.content_table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.content_table.fixed{
    table-layout: fixed;
}
.content_table.fixed th.w300{
    width: 300px;
}
.content_table.fixed th.w105{
    width: 105px;
}
.content_table.fixed th.w100{
    width: 100px;
}
.content_table.fixed th.w66{
    width: 66px;
}
.content_table.fixed th.w50{
    width: 50px;
}
.content_table.fixed th.w37{
    width: 37px;
}
.content_table.fixed th.w35{
    width: 35px;
}
.content_table.fixed th.w30{
    width: 30px;
}
.content_table.fixed th.w20{
    width: 20px;
}
.content_table.hidden{
    display: none;
}
.content_table thead{
    font: 13px/15px 'SansRegular', Arial, sans-serif;
    color: #b2b2b2;
}
.content_table thead th{
    height: 30px;
    padding: 0 15px 0 15px;
    vertical-align: middle;
    font-weight: normal;
    background: #f1f1f1;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    text-align: left;
    position: relative;
}
.content_table thead th a{
    font: 13px/15px 'SansRegular', Arial, sans-serif;
    color: #b2b2b2;
}
.content_table thead th.sorted{
    background: #56819e;
}
.content_table thead th.sorted a{
    color: #FFFFFF;
}
.content_table thead th a .icon-sort-down{
    position: absolute;
    right: 15px;
    top: 6px;
    border: 7px solid #FFFFFF;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}
.content_table thead th a .icon-sort-up{
    position: absolute;
    right: 15px;
    top: 13px;
    border: 7px solid #FFFFFF;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}
.content_table thead th:first-child{
    height: 34px;
    padding: 0 15px 0 25px;
}
.content_table tbody{
    background: #FFFFFF;
}
.content_table tbody tr.clickrow{
    cursor: pointer;
}
.content_table tbody tr td{
    height: 40px;
    padding: 0 15px 0 15px;
    vertical-align: middle;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    font: 13px/15px Arial, sans-serif;
    color: #585858;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content_table tbody tr td.overflow{
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
}
.content_table tbody tr td.selected{
    background-color: #56819e;
    color: #FFFFFF;
}
.content_table tbody tr td a.tdlink{
    font: 13px/15px 'SansRegular', Arial, sans-serif;
    color: #333333;
}
.content_table tbody tr td.right{
    text-align: right;
}
.content_table tbody tr td:first-child{
    padding: 0 15px 0 25px;
}
.content_table tbody td:first-child { border-left: 1px solid #d2d2d2; }
.content_table thead th:first-child { border-left: 1px solid #d2d2d2; }
.content_table thead tr:first-child th { border-top: 1px solid  #d2d2d2; }
.content_table tbody tr:last-child td { border-bottom: 1px solid #d2d2d2; }
.content_table thead th:last-child { border-right: 1px solid #d2d2d2; }
.content_table tbody td:last-child { border-right: 1px solid #d2d2d2; }

.content_table thead tr:first-child th:first-child{
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}
.content_table thead tr:first-child th:last-child{
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
.content_table tbody tr:last-child td:first-child{
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.content_table tbody tr:last-child td:last-child{
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.content_table.activity tbody tr td, .content_table.activity tbody tr td:first-child, .content_table.activity thead tr th{
    padding: 0 10px 0 10px;
}
.content_table.activity tbody tr td a{
    color: #56819e;
    font-weight: bold;
    text-decoration: underline;
}
.content_table.activity tbody tr td a:hover{
    text-decoration: none;
}
.content_table tbody tr td .radio_project{
    float: left;
}
.tab-content{
    position: relative;
}
.tab-content .content_table{
    position: absolute;
    top: 0;
    left: 0;
}

/* Messanger */
.messageWrapper{
    background: #fff;
    position: relative;
}
.ajaxLoaderSlot,
.messageWrapper .indicator {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2) url('../img/indicator.gif') no-repeat center center;
    width: 100%;
    height: 100%;
    z-index: 200;
}
.messageWrapper .threadList{
    width: 400px;
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    float: left;
}
.messageWrapper .threadList ul{
    width: 100%;
    height: 100%;
    margin: 0;
}
.messageWrapper .threadList ul li{
    height: 80px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    cursor: pointer;
}
.messageWrapper .threadList ul li.active{
    background: #56819e;
}
.messageWrapper .threadList ul li .Tag{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #a7a7a7;
    color: #FFF;
    text-align: center;
    font: 20px/52px 'SansRegular', Arial, sans-serif;
    margin: 15px 10px 0 10px;
    float: left;
}
.messageWrapper .threadList ul li.new .Tag{
    background: #56819e;
}
.messageWrapper .threadList ul li.new.active .Tag{
    background: #FFFFFF;
    color: #56819e;
}
.messageWrapper .threadList ul li .subject{
    height: 80px;
    font: 15px/80px Arial, sans-serif;
    color: #56819e;
    margin: 0;
    padding: 0;
}
.messageWrapper .threadList ul li.active .subject{
    color: #FFFFFF;
}
.messageWrapper .threadList ul li .threadInfo{
    position: absolute;
    bottom: 3px;
    left: 68px;
    margin: 0;
    font: 12px/14px 'SansRegular', Arial, sans-serif;
    color: #a7a7a7;
}
.messageWrapper .threadList ul li .threadInfo span{
    padding: 0 0 0 15px;
    position: relative;
}
.messageWrapper .threadList ul li .threadInfo .conDateTime:before{
    position: absolute;
    left: 0;
    top: 1px;
}
.messageWrapper .threadList ul li .threadInfo .lastSender:before{
    position: absolute;
    left: 0;
    top: 2px;
}
.messageWrapper .threadList ul li.active .threadInfo{
    color: #FFFFFF;
}
.messageWrapper .messages{
    float: left;
    width: calc(100% - 400px);
    height: calc(100% - 90px);
    padding: 5px 0 0 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    background: #f9f9f9;
}
.messageWrapper .messages .indicator {
    background: url('../img/indicator.gif') no-repeat center center;
}
.messageWrapper .messages .indicator.mini{
    height: 55px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0) 100%);
    text-align: center;
}
.messageWrapper .messages .indicator.mini:after{
    content: '';
    background-image: url('../img/indicator.gif');
    width: 50px;
    height: 50px;
    display: block;
    background-size: cover;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
}
.messageWrapper .messages.loaded{
    background: #FFFFFF;
}
.messageWrapper .messageForm{
    float: left;
    width: calc(100% - 400px);
    height: 90px;
    position: relative;
}
.messageWrapper .messageForm .reply{
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #eeeeee;
    resize: none;
    height: 90px;
    outline: none;
    padding: 15px 50px 15px 15px;
    font: 14px/16px 'SansRegular', Arial, sans-serif;
    color: #333333;
}
.messageWrapper .messageForm .replyBtn{
    width: 22px;
    height: 22px;
    border: none;
    position: absolute;
    right: 19px;
    bottom: 16px;
    outline: none;
    text-align: center;
    padding: 0px;
    background: transparent;
}
.messageWrapper .messageForm .replyBtn:before{
    font-size: 22px;
    line-height: 22px;
    color: #56819e;
}
.messageWrapper .messages .messagesThread{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.messageWrapper .messages .messagesThread .messageLine{
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 30px 0 30px;
    overflow: hidden;
    margin: 0 0 5px 0;
}
.messageWrapper .messages .messagesThread .messageLine.found{
    background: rgba(86, 129, 158, 0.5);
}
.messageWrapper .messages .messagesThread .messageLine .smallTag{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #a7a7a7;
    color: #FFF;
    font: 12px/32px 'SansRegular', Arial, sans-serif;
    text-align: center;
    margin: 18px 0 0 0;
    float: left;
}
.messageWrapper .messages .messagesThread .messageLine.me .smallTag{
    float: right;
    background: #56819e;
}
.messageWrapper .messages .messagesThread .messageLine .message{
    float: left;
    margin: 0 0 0 15px;
    padding: 15px 20px 15px 20px;
    max-width: 530px;
    min-width: 250px;
    background: #eeeeee;
    border-radius: 5px;
    position: relative;
    transform-origin: 0% 25px;
}
.messageWrapper .messages .messagesThread .messageLine.me .message{
    float: right;
    margin: 0 15px 0 0;
    background: #f9f9f9;
    transform-origin: 100% 25px;
}
.messageWrapper .messages .messagesThread .messageLine .message:after{
    content: '';
    width: 0px;
    height: 0px;
    border: 11px solid #eeeeee;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    top: 21px;
    left: -22px;
}
.messageWrapper .messages .messagesThread .messageLine.me .message:after{
    border: 11px solid #f9f9f9;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    left: inherit;
    right: -22px;
}
.messageWrapper .messages .messagesThread .messageLine .message p.messageHead{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.messageWrapper .messages .messagesThread .messageLine .message p.messageHead .name{
    float: left;
    font: 14px/16px 'SansBold', Arial, sans-serif;
    color: #56819e;
}
.messageWrapper .messages .messagesThread .messageLine .message p.messageHead .time{
    float: right;
    font: 12px/14px 'SansRegular', Arial, sans-serif;
    color: #a7a7a7;
    margin: 2px 0 0 0;
}
.messageWrapper .messages .messagesThread .messageLine .message .text{
    margin: 7px 0 0 0;
    color: #333333;
    font: 12px/14px Arial, sans-serif;
}
.messageWrapper .messages .messagesThread .messageLine .message .text .highlight{
    background: yellow;
}
.messageWrapper .messages .messagesThread .messageLine .message .text .highlight.act{
    background: rgba(255, 0, 0, 0.5);
}
.messageWrapper .messages .messagesThread .messageLine .message .indication{
    display: none;
}
.messageWrapper .messages .messagesThread .messageLine.me .message .indication{
    display: block;
    position: absolute;
    bottom: 3px;
    right: 7px;
    width: 18px;
    height: 18px;
}
.messageWrapper .messages .messagesThread .messageLine.me .message .indication.icon-approve:before{
    content: "n";
    font-size: 22px;
}
.messageWrapper .messages .messagesThread .messageLine.me .message.notReadTag .indication.icon-approve:before{
    content: "b";
    font-size: 22px;
}
.messageWrapper .messages .messagesThread .messageLine.me.notSavedYet .message .indication.icon-approve{
    background: transparent url('../img/indicator.gif') no-repeat center center;
    background-size: 10px 10px;
}
.messageWrapper .messages .messagesThread .messageLine.me.notSavedYet .message .indication.icon-approve:before{
    content: "";
}
#conversation-create-form{
    height: 100%;
    width: 100%;
    position: absolute;
    background: #FFFFFF;
}
#conversation-create-form .step1{
    padding: 0 0 5px 0;
    border-bottom: 1px solid #eeeeee;
}
#conversation-create-form p{
    height: 50px;
    padding: 0 15px 0 15px;
    color: #56819e;
    font: 28px/50px 'SansLight', Arial, sans-serif;
    margin: 0;
}
#conversation-create-form .step1 input{
    height: 36px;
    width: calc(100% - 20px);
    background: #EEEEEE;
    border: none;
    padding: 0 0 0 10px;
    color: #585858;
    font: 14px/14px Arial, sans-serif;
    outline: none;
    outline-offset: 0px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    box-sizing: border-box;
    margin: 5px 10px 0 10px;
}
#conversation-create-form .step2{
    height: calc(100% - 189px);
    border-bottom: 1px solid #eeeeee;
}
#conversation-create-form .step2 .controls .customSelect{
    height: 36px;
    width: calc(100% - 20px);
    background: #EEEEEE;
    border: none;
    color: #585858;
    font: 14px/14px Arial, sans-serif;
    outline: none;
    outline-offset: 0px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    box-sizing: border-box;
    margin: 5px 10px 0 10px;
}
#conversation-create-form .step2 .controls .customSelect input[type="text"]{
    display: inline-block;
    width: calc(100% - 10px);
    height: 100%;
    padding: 0 0 0 10px;
    margin: 0;
    border: none;
    background: #EEEEEE;
    color: #585858;
    font: 14px/36px Arial, sans-serif;
}
#conversation-create-form .step2 .controls .customSelect p.name{
    color: #585858;
    font: 14px/36px Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 10px;
    height: 36px;
}
#conversation-create-form .step2 .controls .customSelect .customSelectList a.customSelectLink{
    line-height: 36px;
}
#conversation-create-form .step3{
    width: 100%;
    height: 90px;
    position: relative;
    margin: 1px 0 0 0;
    z-index: 10;
}
#conversation-create-form .step3 textarea{
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    resize: none;
    height: 90px;
    outline: none;
    padding: 15px 50px 15px 15px;
    font: 14px/16px 'SansRegular', Arial, sans-serif;
    color: #333333;
}
#conversation-create-form .step3 button[type="submit"]{
    width: 22px;
    height: 22px;
    border: none;
    position: absolute;
    right: 19px;
    bottom: 16px;
    outline: none;
    text-align: center;
    padding: 0px;
    background: transparent;
}
#conversation-create-form .step3 button[type="submit"]:before {
    font-size: 22px;
    line-height: 22px;
    color: #56819e;
}

/* MiniMessenger */
.dragLayer{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 140;
    top: 0;
    left: 0;
    cursor: move;
    display: none;
}
.miniMessengerBG{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    margin: 0;
    background: rgba(0,0,0,0.6);
    transition: background 1s 0.5s ease-in-out, height 0s 0.5s ease-in-out, width 0s 0.5s ease-in-out;
}
.miniMessengerBG.dot{
    width: 70px;
    height: 70px;
    background: rgba(0,0,0,0);
    transition: background 1s 0s ease-in-out, height 0s 1s ease-in-out, width 0s 1s ease-in-out;
}
.miniMessengerBG .unreadMessages{
    position: absolute;
    top: 1px;
    right: -50px;
    z-index: 30;
    width: 24px;
    height: 24px;
    background: #d9534f;
    color: #FFFFFF;
    text-align: center;
    font: 17px/24px Arial, sans-serif;
    opacity: 0;
    border-radius: 100%;
    transition: right 0.5s 0s ease-in-out, opacity 0.5s 0s ease-in-out;
}
.miniMessengerBG.dot .unreadMessages{
    right: -4px;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: right 0.5s 1s ease-in-out, opacity 0.5s 1s ease-in-out;
}
.miniMessengerBG .unreadMessages span.number{
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
}
.miniMessengerBG .miniMessenger{
    position: absolute;
    width: 50%;
    height: 50%;
    overflow: hidden;
    background: #FFFFFF;
    -webkit-box-shadow: -4px 4px 4px 2px rgba(0,0,0,0);
    -moz-box-shadow: -4px 4px 4px 2px rgba(0,0,0,0);
    box-shadow: -4px 4px 4px 2px rgba(0,0,0,0);
    transition: box-shadow 0.5s 0.5s ease-in-out, width 0.5s 0.5s ease-in-out, height 0.5s 0.5s ease-in-out, border-radius 0.5s 0.5s ease-in-out;
}
.miniMessengerBG.dot .miniMessenger{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    -webkit-box-shadow: -4px 4px 4px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: -4px 4px 4px 2px rgba(0,0,0,0.3);
    box-shadow: -4px 4px 4px 2px rgba(0,0,0,0.3);
    transition: box-shadow 0.5s 0.5s ease-in-out, width 0.5s 0.5s ease-in-out, height 0.5s 0.5s ease-in-out, border-radius 0.5s 0.5s ease-in-out;
}
.miniMessengerBG .miniMessenger .headline{
    height: 73px;
    background: #56819e;
    color: #FFFFFF;
    font: 28px/73px 'SansLight', Arial, sans-serif;
    text-align: center;
    position: relative;
    border-radius: 0;
}
.miniMessengerBG.dot .miniMessenger .headline{
    cursor: pointer;
}
.miniMessengerBG .miniMessenger .headline:before{
    position: absolute;
    left: calc(50% - 18px);
    top: -36px;
    font-size: 36px;
    opacity: 0;
    transition: all 0.5s 0s ease-in-out;
}
.miniMessengerBG.dot .miniMessenger .headline:before{
    left: calc(50% - 18px);
    top: calc(50% - 18px);
    opacity: 1;
    transition: all 0.5s 1s ease-in-out;
}
.miniMessengerBG .miniMessenger .headline .closeMessenger{
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    display: block;
    position: absolute;
    top: 16px;
    left: 15px;
    z-index: 20;
    color: #ffffff;
    text-align: center;
    border-radius: 25px;
    transition: all 0.5s 1s ease-in-out;
}
.miniMessengerBG.dot .miniMessenger .headline .closeMessenger{
    left: -50px;
    transition: all 0.5s 0s ease-in-out;
}
.miniMessengerBG .miniMessenger .headline .closeMessenger:before{
    font-size: 40px;
    position: relative;
    top: -4px;
}
.miniMessengerBG .miniMessenger .headline h1{
    height: 73px;
    color: #FFFFFF;
    font: 28px/73px 'SansLight', Arial, sans-serif;
    text-align: center;
    position: relative;
    opacity: 1;
    transition: all 0.5s 0.5s ease-in-out;
}
.miniMessengerBG.dot .miniMessenger .headline h1{
    opacity: 0;
    transition: all 0.5s 0s ease-in-out;
}
.miniMessengerBG .miniMessenger .headline .newMessage{
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    display: block;
    position: absolute;
    top: 16px;
    right: 15px;
    color: #ffffff;
    text-align: center;
    border-radius: 25px;
    transition: all 0.5s 1s ease-in-out;
}
#workspace .headline .write{
    width: 40px;
    height: 40px;
    position: relative;
    top: 16px;
    float: right;
    border: 2px solid #56819e;
    color: #56819e;
    display: block;
    text-align: center;
    border-radius: 25px;
}
#workspace .headline .write:hover{
    background-color: #56819e;
    color: #FFFFFF;
}
#workspace .headline .write:before{
    font-size: 30px;
    position: relative;
    top: -9px;
    left: 1px;
}
.miniMessengerBG.dot .miniMessenger .headline .newMessage{
    right: -50px;
    transition: all 0.5s 0s ease-in-out;
}
.miniMessengerBG .miniMessenger .headline .newMessage:before{
    font-size: 30px;
    position: relative;
    top: -10px;
    left: 1px;
}
.miniMessengerBG .miniMessenger .messageWrapper{
    height: calc(100% - 73px);
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList{
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    border: none;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li{
    height: 80px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    cursor: pointer;
    width: 100%;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.active{
    background: #56819e;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .Tag{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #a7a7a7;
    color: #FFF;
    text-align: center;
    font: 20px/52px 'SansRegular', Arial, sans-serif;
    margin: 15px 10px 0 10px;
    float: left;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.new .Tag{
    background: #56819e;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.new.active .Tag{
    background: #FFFFFF;
    color: #56819e;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .subject{
    height: 80px;
    font: 15px/80px Arial, sans-serif;
    color: #56819e;
    margin: 0;
    padding: 0;
    float: left;
    width: 55%;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.active .subject{
    color: #FFFFFF;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .threadInfo{
    margin: 0;
    font: 12px/80px 'SansRegular', Arial, sans-serif;
    color: #a7a7a7;
    height: 80px;
    float: left;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .threadInfo span{
    padding: 0 0 0 15px;
    position: relative;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .threadInfo .conDateTime:before{
    position: absolute;
    left: 0;
    top: 1px;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .threadInfo .lastSender:before{
    position: absolute;
    left: 0;
    top: 2px;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.active .threadInfo{
    color: #FFFFFF;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList .messages{
    padding: 0 20px 20px 20px;
    height: calc(100% - 81px);
    width: 100%;
    float: none;
    overflow: hidden;
    border: none;
    background: #FFFFFF;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList .messages .wrap{
    height: calc(100% - 90px);
    width: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList .messages .messageForm{
    float: none;
    width: 100%;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList .messages .messageForm .reply{
    border: 1px solid #eeeeee;
    border-radius: 0 0 5px 5px;
}

/* Forms */
form fieldset.headline,
div.headline{
    height: 70px;
    border-bottom: 1px solid #eeeeee;
    background: #f9f9f9;
    padding: 0 15px 0 15px;
    color: #56819e;
    font: 28px/70px 'SansLight', Arial, sans-serif;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
form fieldset.formFooter,
div.formFooter{
    height: 36px;
    background: #f9f9f9;
    padding: 17px 15px 17px 15px;
    border: none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
div.formFooter{
    border-top: 1px solid #eeeeee;
}
form fieldset.formFooter .cancel{
    height: 36px;
    font: 14px/36px Arial, sans-serif;
    padding: 0 35px 0 35px;
    float: left;
}
form fieldset.formFooter .save{
    height: 36px;
    font: 14px/36px Arial, sans-serif;
    padding: 0 35px 0 35px;
    float: right;
}
form fieldset{
    padding: 30px 240px 30px 0;
    border: none;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
    background: #FFFFFF;
}
form fieldset .control-group{
    margin: 0 0 10px 0;
    position: relative;
}
form fieldset .control-group a.btn{
    margin: 0 0 0 20px;
}
form fieldset .control-group.accordeon{
    margin: 0;
}
form fieldset .control-group > label{
    border-right: 1px solid #eeeeee;
    width: 230px;
    height: 36px;
    padding: 0 20px 12px 0;
    margin: 0 0 -10px 0;
    text-align: right;
    font: bold 14px/36px Arial, sans-serif;
    color: #bcbcbc;
    display: block;
    float: left;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group.accordeon > label.accordeon{
    margin: 0;
    padding: 0 15px 0 15px;
    border-right: none;
    width: auto;
}
form fieldset .control-group:first-child > label{
    padding: 30px 20px 12px 0;
    margin: -30px 0 -10px 0;
}
form fieldset .control-group:last-child > label{
    padding: 0 20px 40px 0;
    margin: 0 0 -40px 0;
}
form fieldset .control-group:first-child:last-child > label{
    padding: 30px 20px 40px 0;
    margin: -30px 0 -40px 0;
}
#slot-field-values fieldset .control-group:last-child{
    margin: 0 0 -40px 0;
    padding: 0px 0 20px 0;
}
.RightsForm fieldset .control-group:last-of-type > .control-label{
    padding: 0 20px 42px 0;
    margin: 0 0 -40px 0;
}
.RightsForm fieldset .control-group:first-of-type:last-of-type > .control-label{
    padding: 30px 20px 40px 0;
    margin: -30px 0 -40px 0;
}
form fieldset > div > .controls:last-child{
    border-right: 1px solid #eeeeee;
    width: 230px;
    height: 0px;
    padding: 0 20px 31px 0;
    margin: 0 0 -31px 0;
    text-align: right;
    font: bold 14px/36px Arial, sans-serif;
    color: #bcbcbc;
    display: block;
    float: left;
}
form fieldset .control-group .controls{
    float: left;
    padding: 0 0 10px 20px;
    margin: 0 0 -10px -1px;
    width: 700px;
    border-left: 1px solid #eeeeee;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group.iata .controls{
    width: 500px;
}
form fieldset .control-group .controls.date-control{
    width: 310px;
}
form fieldset .control-group .accordion-body.regions .controls{
    padding: 0 0 10px 0px;
    width: 100%;
}
form fieldset .control-group .accordion-body.regions .controls:last-of-type{
    margin: 0 0 -12px -1px;
}
form fieldset .control-group.accordeon .controls.accordeon{
    float: right;
    margin: 0 0px 0 0;
    height: 70px;
    padding: 0;
    width: auto;
    border-left: none;
}
form fieldset .control-group .controls.margin input{
    margin: 0 0 10px 0;
}
form fieldset .control-group .controls.margin input:last-child{
    margin: 0;
}
#slot-field-values fieldset .control-group .controls label.radio{
    position: relative;
    margin: 0 0 22px 0;
}
form fieldset .control-group .controls.img,
form fieldset .control-group .controls.imgOptions{
    float: left;
    padding: 0 0 10px 20px;
    margin: 0 0 -10px -1px;
    width: 700px;
    height: 126px;
    cursor: pointer;
    overflow: hidden;
    border-left: 1px solid #eeeeee;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group .controls.imgOptions{
    height: auto;
}
form fieldset .control-group .controls.imgOptions .imageWrapper{
    height: 126px;
    overflow: hidden;
    margin: 0 0 10px 0;
    position: relative;
}
form fieldset .control-group .controls.img .thumb_img_preview,
form fieldset .control-group .controls.imgOptions .thumb_img_preview{
    width: 220px;
    max-width: 220px;
    word-break: break-all;
    height: 126px;
    border-right: 1px solid #eeeeee;
    background: #f9f9f9;
    display: table;
    float: left;
}
form fieldset .control-group .controls.img .thumb_img_preview .aligner,
form fieldset .control-group .controls.imgOptions .thumb_img_preview .aligner{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
form fieldset .control-group .controls.img .thumb_img_preview .aligner img,
form fieldset .control-group .controls.imgOptions .thumb_img_preview .aligner img{
    max-width: 220px;
    max-height: 124px;
}
form fieldset .control-group .controls.imgOptions .newRadio{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
}
form fieldset .control-group .controls.imgOptions .radio{
    padding: 0;
    height: 126px;
    overflow: hidden;
}
form fieldset .control-group .controls.img .infoWrapper,
form fieldset .control-group .controls.imgOptions .infoWrapper{
    float: left;
    background: #eeeeee;
    height: 114px;
    width: 467px;
    padding: 12px 0 0 12px;
}
form fieldset .control-group .controls.img .infoWrapper .description,
form fieldset .control-group .controls.imgOptions .infoWrapper .description{
    height: 57px;
    width: 100%;
    border-bottom: 1px solid #ffffff;
}
form fieldset .control-group .controls.img .infoWrapper .description .name,
form fieldset .control-group .controls.imgOptions .infoWrapper .description .name{
    display: block;
    color: #333333;
    font: 14px/16px Arial, sans-serif;
}
form fieldset .control-group .controls.img .infoWrapper .description  .expired,
form fieldset .control-group .controls.imgOptions .infoWrapper .description .expired{
    display: block;
    color: #88837d;
    font: 12px/24px Arial, sans-serif;
}
form fieldset .control-group .controls.img .infoWrapper .UploadInputs,
form fieldset .control-group .controls.imgOptions .infoWrapper .UploadInputs{
    height: 56px;
    width: 100%;
}
form fieldset .control-group .controls.imgOptions .infoWrapper .UploadInputs .btn.red{
    position: relative;
    z-index: 20;
}
form fieldset .control-group .controls.img .infoWrapper .UploadInputs .uploadButton,
form fieldset .control-group .controls.imgOptions .infoWrapper .UploadInputs .uploadButton{
    height: 34px;
    width: 129px;
    border: 1px solid #e2e2e2;
    background: #f9f9f9;
    border-radius: 3px;
    color: #333333;
    font: 14px/34px Arial, sans-serif;
    text-align: center;
    position: relative;
    margin: 10px 16px 0 0;
    float: left;
}
form fieldset .control-group .controls.img .infoWrapper .UploadInputs input[type="file"],
form fieldset .control-group .controls.imgOptions .infoWrapper .UploadInputs input[type="file"]{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
form fieldset .control-group .controls input[type="text"],
form fieldset .control-group .controls input[type="number"],
form fieldset .control-group .controls input[type="email"],
form fieldset .control-group .controls input[type="password"]{
    height: 36px;
    width: 100%;
    background: #EEEEEE;
    border: none;
    padding: 0 0 0 10px;
    color: #585858;
    font: 14px/14px Arial, sans-serif;
    outline: none;
    outline-offset: 0px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    box-sizing: border-box;
}
form fieldset .control-group .controls input:disabled{
    cursor: not-allowed;
    color: #ababab;
}
form fieldset .control-group .controls input[type="file"]{
    padding: 9px 0 0 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group .controls input.date{
    height: 36px;
    width: 300px;
    background: #eeeeee;
    border: none;
    padding: 0 0 0 10px;
    color: #585858;
    font: 14px/14px Arial, sans-serif;
    outline: none;
    outline-offset: 0px;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group .controls .icon.icon-kalender{
    position: absolute;
    left: 294px;
    color: #ffffff;
    font-size: 35px;
    width: 34px;
    line-height: 45px;
    height: 34px;
    background: #56819e;
    border: 1px solid #3d6985;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group .controls textarea{
    height: 100px;
    width: 100%;
    background: #EEEEEE;
    border: none;
    padding: 10px 0 10px 10px;
    color: #585858;
    font: 14px/14px Arial, sans-serif;
    outline: none;
    outline-offset: 0px;
    resize: none;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    box-sizing: border-box;
}
form fieldset .control-group.success .controls:after{
    font-family: "dnt" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "b";
    width: 16px;
    height: 16px;
    color: #5cb85c;
    font-size: 28px;
    line-height: 23px;
    text-indent: -6px;
    position: absolute;
    top: 11px;
    right: -34px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group.success .clickable{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 11px;
    right: -34px;
}
form fieldset .control-group.success .translation{
    font-size: 18px;
    line-height: 36px;
    text-indent: -6px;
    position: absolute;
    top: 0px;
    left: 830px;
    color: #bcbcbc;
    cursor: pointer;
}
form fieldset .control-group.error .controls:after{
    font-family: "dnt" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "i";
    width: 16px;
    height: 16px;
    color: #dc5f5c;
    font-size: 28px;
    line-height: 23px;
    text-indent: -6px;
    position: absolute;
    top: 11px;
    right: -34px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group.error .controls input,
form fieldset .control-group.error .controls textarea{
    background: #ffeded;
    color: #333333;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group.error .controls input.date{
    background: #ffeded;
    color: #333333;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group.error .controls .icon.icon-kalender{
    position: absolute;
    left: 294px;
    color: #ffffff;
    font-size: 35px;
    width: 34px;
    line-height: 45px;
    height: 34px;
    background: #e58886;
    border: 1px solid #e96264;
    text-align: center;
    border-radius: 3px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group.error .controls > label{
    background: #ffeded;
    color: #333333;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group.error > label{
    color: #e58886;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
form fieldset .control-group .controls > label{
    min-height: 36px;
    width: 100%;
    background: #EEEEEE;
    border: none;
    padding: 0 0 0 10px;
    color: #585858;
    font: 14px/36px Arial, sans-serif;
    outline: none;
    outline-offset: 0px;
    display: block;
    margin: 0 0 2px 0;
    box-sizing: border-box;
}
form fieldset .control-group.accordeon .controls.accordeon > label.accordeon{
    width: auto;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
form fieldset .control-group .controls > label > input{
    float: left;
    margin: 12px 13px 0 0;
    width: 14px;
    height: 14px;
}
form fieldset .control-group .controls > label > .radio_project > input[type="text"]{
    width: 88%;
}
form fieldset .control-group .controls > label.radio > button{
    margin: 0;
    position: absolute;
    top: 3px;
    right: 3px;
}
form fieldset .control-group .controls > label .seperateType{
    display: none;
}
form fieldset .control-group .controls > label .seperateType input{
    border-top: 1px solid #FFF;
    margin: 0 0 0 -10px;
}
form fieldset .control-group .controls > label .seperateType .expandSelect{
    width: 700px;
    height: 326px;
    margin: 0 0 0 -10px;
    padding: 0 0 0 0;
    outline: none;
    outline-offset: 0px;
    overflow-y: scroll;
}
form fieldset .control-group .controls > label .seperateType .expandSelect p.option,
form fieldset .control-group .controls > label .seperateType .expandSelect .optgroup p.opthead{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 0 0 0 10px;
    color: #585858;
    font: 14px/36px Arial, sans-serif;
    display: block;
    cursor: pointer;
}
form fieldset .control-group .controls > label .seperateType .expandSelect p.option.active{
    background: #C8C8C8;
}
form fieldset .control-group .controls > label .seperateType .expandSelect .optgroup{
    height: auto;
    padding: 0 0 0 10px;
    border-top: 1px solid #FFF;
}
form fieldset .control-group .controls > label .seperateType .expandSelect .optgroup p.opthead{
    border-top: none;
    font-weight: bold;
    margin: 0 0 0 -10px;
}
/* Datepicker */
.datepick-popup{
    background: #FFFFFF;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    left: 350px !important;
    z-index: 500;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.datepick-popup:before{
    content: '';
    position: absolute;
    left: -15px;
    top: 15px;
    border: 7px solid #eeeeee;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.datepick-popup:after{
    content: '';
    position: absolute;
    left: -14px;
    top: 15px;
    border: 7px solid #FFFFFF;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.datepick{
    padding: 17px;
}
.datepick .datepick-nav{
    height: 20px;
    overflow: hidden;
}
.datepick .datepick-nav .datepick-cmd-prev{
    height: 20px;
    width: 25px;
    display: inline-block;
    text-indent: -99999px;
    background: url('../img/iconset/datepicker_prev.jpg');
    float: left;
}
.datepick .datepick-nav .datepick-cmd-today{
    display: none;
}
.datepick .datepick-nav .datepick-cmd-next{
    height: 20px;
    width: 25px;
    display: inline-block;
    text-indent: -99999px;
    background: url('../img/iconset/datepicker_next.jpg');
    float: right;
}
.datepick .datepick-month-row .datepick-month .datepick-month-header{
    position: absolute;
    top: 20px;
    left: 70px;
    font: 12px/14px Arial, sans-serif;
    color: #333333;
}
.datepick .datepick-month-row .datepick-month th,
.datepick .datepick-month-row .datepick-month td{
    height: 20px;
    vertical-align: middle;
    text-align: center;
    padding: 0 2px 0 0;
    width: 25px;
    font: 12px/14px Arial, sans-serif;
    color: #333333;
}
.datepick .datepick-month-row .datepick-month td a{
    display: block;
    height: 20px;
    width: 25px;
    text-align: center;
    font: 12px/20px Arial, sans-serif;
    color: #333333;
}
.datepick .datepick-month-row .datepick-month td a.datepick-selected,
.datepick .datepick-month-row .datepick-month td a:hover{
    color: #FFFFFF;
    background: #56819e;
}
.datepick .datepick-ctrl{
    display: none;
}

/* Accordeon */
.accordion-heading{
    height: 70px;
    border: 1px solid #eeeeee;
    border-bottom: 0px;
    background: #FFFFFF;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.accordion-heading .arrow{
    position: absolute;
    top: 30px;
    right: 28px;
    width: 15px;
    height: 10px;
}
.accordion-heading .arrow:before{
    font-family: "dnt" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "j";
    color: #56819e;
    font-size: 40px;
    line-height: 19px;
    text-indent: -15px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    position: absolute;
    left: 3px;
}
.accordion-heading.noCollapse .arrow:before{
    font-family: "dnt" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "B";
    color: #ffffff;
    font-size: 40px;
    line-height: 19px;
    text-indent: -15px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    position: absolute;
    left: 3px;
}
.accordion-heading.noCollapse{
    background: #56819e;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.accordion-heading h2, .accordion-heading .control-label{
    margin: 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.accordion-heading h2.Info{
    position: absolute;
    top: 0;
    right: 65px;
}
.accordion-heading .control-label{
    float: left;
}
.accordion-heading.noCollapse h2, .accordion-heading.noCollapse .control-label{
    color: #FFFFFF;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.accordion-heading .controls{
    float: right;
    margin: 0 100px 0 0;
    height: 70px;
}
form .accordion-heading .controls .radio .newCheck{
    margin-top: 24px;
    width: 20px;
    height: 20px;
    font-size: 36px;
    color: #EEEEEE;
}
form .accordion-heading .controls .radio .newCheck:before{
    position: absolute;
    top: -4px;
    left: -8px;
}
form .accordion-heading .controls .radio .newCheck.checked{
    color: #56819e;
}
form .accordion-heading.noCollapse .controls .radio .newCheck.checked{
    color: #FFFFFF;
}
.accordion-heading .controls .radio_project{
    display: block;
    width: 251px;
    font: 28px/70px 'SansLight', Arial, sans-serif;
    color: #56819e;
    float: left;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.accordion-heading.noCollapse .controls .radio_project{
    color: #FFFFFF;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.accordion-body{
    border: 1px solid #eeeeee;
    border-bottom: 0px;
    background: #FFFFFF;
    font: 14px/16px Arial, sans-serif;
    color: #333333;
    overflow: hidden;
    display: none;
}
.accordion-body fieldset.centering{
    padding: 0;
}
.accordion-body fieldset.centering > div{
    overflow: hidden;
    margin: 10px auto 10px auto;
    width: 800px;
    background: #ededed;
}
.accordion-body fieldset.centering > div .control-group{
    float: left;
    width: 400px;
}
.accordion-body fieldset.centering > div .control-group:nth-child(2){
    margin-bottom: 0;
}
.accordion-body fieldset.centering > div .control-group:first-child > label{
    display: none;
}
.accordion-body fieldset.centering > div .control-group:nth-child(2) > label{
    padding: 0 20px 0 0;
    width: 150px;
    border: none;
    float: left;
    margin: 0;
    background: #EEEEEE;
}
.ErrorInfo{
    float: right;
    margin: 0px 10px 0 0;
    color: #e58886;
    font: bold 14px/36px Arial, sans-serif;
}
.accordion-body fieldset.centering > div .control-group:first-child .controls{
    padding: 0;
    width: auto;
}
.accordion-body fieldset.centering > div .control-group:first-child .controls > label{
    float: left;
    width: 200px;
}
.accordion-body fieldset.centering > div .control-group:nth-child(2) .controls{
    float: left;
    width: 230px;
    padding: 0px;
    border-color: #bcbcbc;
}
.accordion-body fieldset.centering > div .control-group:nth-child(2) .controls > input.number{
    border: none;
}
.accordion-body.noAccordeon{
    display: block;
}
/* Master Tables */
.master_table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.master_table tbody{
    background: #FFFFFF;
}
.master_table tbody tr td{
    height: 40px;
    padding: 0 15px 0 15px;
    vertical-align: middle;
    border-right: 1px solid #d2d2d2;
    font: 13px/15px Arial, sans-serif;
    color: #585858;
}
.master_table tbody tr.error{
    background: #ffeded;
}
.master_table tbody tr td.link{
    width: 900px;
    word-break: break-all;
}
.master_table tbody tr td{
    border-bottom: 1px solid #d2d2d2;
}
.master_table tbody tr:last-child td{
    border-bottom: none;
}
.master_table tbody tr:last-child td.border{
    border-bottom: 1px solid #d2d2d2;
}
.master_table tbody tr td.noBorder,
.master_table tbody tr.last{
    border-right: none;
}
.master_table tbody tr.completedGreen{
    background: #f3fff0;
}
.master_table tbody tr td.right{
    text-align: right;
}
.master_table tbody tr td:first-child{
    padding: 0 15px 0 25px;
}

/* Master Edit */
#master-editor, #master-viewer{
    text-align: center;
}
#master-editor .fullMasterWrapper, #master-viewer .fullMasterWrapper{
    display: inline-block;
}
.optionInfos{
    height: 82px;
    border-bottom: 1px solid #bebebe;
    background: url('../img/striped_background.png') repeat;
    position: relative;
}
.masterfooter{
    height: 80px;
    background: url('../img/striped_background.png') repeat;
}
.masterfooter.view{
    border-top: 1px solid #bebebe;
}
.optionInfos p{
    text-align: center;
    margin: 0;
    padding: 0;
    font: bold 15px/82px Arial, sans-serif;
    color: #adadad;
}
.optionInfos .discard{
    width: 44px;
    height: 44px;
    position: absolute;
    top: 20px;
    left: 38px;
    background: #e58886;
    border-color: #e96264;
}
.optionInfos .discard:hover{
    background: #e58886;
    border-color: #e96264;
}
.optionInfos .discard:before{
    font-size: 30px;
    line-height: 48px;
    top: 0px;
    left: 6px;
    color: #c54948;
    position: absolute;
}
.optionInfos .save{
    width: 44px;
    height: 44px;
    position: absolute;
    top: 20px;
    right: 28px;
}
.optionInfos .save:hover{
    background: #56819e;
    border-color: #3d6985;
}
.optionInfos .save:before{
    font-size: 30px;
    line-height: 50px;
    top: 0px;
    left: 6px;
    color: #ffffff;
    position: absolute;
}
.animate{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);
    position: relative;
    display: inline-block;
    text-align: left;
    margin: 0 0 -4px 0;
}
.slot-block{
    display: table;
    background-color: #FFFFFF;
    height: 100px;
    width: 100%;
}
.slot-block .wrapper{
    height: 100%;
    display: table-row;
}
.slot-block .wrapper .inner{
    height: 100%;
    display: inline-block;
    vertical-align: top;
}
.slot-block .wrapper .slot-preview{
    display: inline-block;
}
#master-viewer .fullMasterWrapper .slot-block .wrapper .slot-preview{
    margin: 0 120px 0 120px;
}
.slot-block .wrapper .slot-preview.progress{
    border-left: 10px solid #56819e;
    border-right: 10px solid #56819e;
}
.slot-block .wrapper .slot-preview.approved{
    border-left: 10px solid #5cb85c;
    border-right: 10px solid #5cb85c;
}
.slot-block .wrapper .slot-preview.error{
    border-left: 10px solid #ffb100;
    border-right: 10px solid #ffb100;
}
.slot-block .wrapper .slot-preview.temporary{
    border-left: 10px solid #eeeeee;
    border-right: 10px solid #eeeeee;
}
.slot-block .wrapper .slot-preview.subject{
    background: #EEEEEE;
}
.slot-block .wrapper .slot-preview .subject{
    padding: 40px 50px 40px 50px;
    color: #adadad;
    font: 14px/16px Arial, sans-serif;
}
.slot-block .wrapper .slot-preview .subject h4{
    color: #56819e;
    font: 28px/30px Arial, sans-serif;
    margin: 0;
    padding: 0;
}
.slot-block.rtl .wrapper .slot-preview .subject h4{
    text-align: right;
}
.slot-block .wrapper .slot-controls{
    width: 44px;
    padding: 31px 38px 22px 38px;
    position: relative;
}
.slot-block .wrapper .slot-controls.subject{
    padding: 17px 38px 7px 38px;
}
.slot-block .wrapper .slot-controls .control{
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 0 10px 0;
    border-radius: 4px;
}
.slot-block .wrapper .slot-controls .linkCount{
    text-align: right;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font: bold 10px/21px Arial, sans-serif;
    color: #939393;
}
.slot-block .wrapper .slot-controls .filledLinks{
    height: 21px;
    padding: 0 5px 0 0;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.slot-block .wrapper .slot-controls .filledLinks:before{
    position: absolute;
    left: 5px;
    top: 6px;
}
.slot-block .wrapper .slot-controls .fullLinks{
    height: 20px;
    padding: 0 5px 0 0;
    position: relative;
}
.slot-block .wrapper .slot-controls .fullLinks:before{
    position: absolute;
    left: 5px;
    top: 6px;
}
.slot-block .wrapper .slot-controls .control.master_edit{
    text-align: center;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    color: #adadad;
}
.slot-block .wrapper .slot-controls .control.master_edit:before{
    font-size: 30px;
    line-height: 48px;
}
.slot-block .wrapper .slot-controls .control.master_approve{
    text-align: center;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    color: #adadad;
}
.slot-block .wrapper .slot-controls .control.master_approve:before{
    font-size: 30px;
    line-height: 48px;
}
.slot-block .wrapper .slot-controls .control.master_remove{
    text-align: center;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    color: #adadad;
}
.slot-block .wrapper .slot-controls .control.master_remove:before{
    font-size: 30px;
    line-height: 48px;
}
.slot-block .wrapper .slot-controls .control.ajax-loading{
    background: #f9f9f9 url('../img/indicator.gif') no-repeat 50% 50%;
    background-size: 34px 34px;
}
.slot-block .wrapper .slot-controls .control.master_warning{
    text-align: center;
    text-indent: 3px;
    background: #ffd474;
    border: 1px solid #ffbd27;
    color: #ffb100;
}
.slot-block .wrapper .slot-controls .control.master_warning:before{
    font-size: 30px;
    line-height: 48px;
}
.slot-separator.completeLine{
    height: 0px;
    border-bottom: 1px solid #bebebe;
    position: relative;
    z-index: 20;
    margin: 0;
}
.slot-separator{
    height: 1px;
    position: relative;
    z-index: 20;
    margin: -1px 0 0 0;
    width: 100%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.slot-separator .tableDiv{
    display: table;
    width: 100%;
    height: 1px;
}
.slot-separator .tableDiv .firstLine{
    height: 1px;
    width: 130px;
    background: #bebebe;
    display: table-cell;
}
.slot-separator .tableDiv .slotLine{
    height: 1px;
    width: 800px;
    background: transparent;
    display: table-cell;
}
.slot-separator .tableDiv .lastLine{
    height: 1px;
    background: #bebebe;
    display: table-cell;
}
.slot-separator .insert_slot{
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    z-index: 10;
    top: -22px;
    left: 38px;
    text-align: center;
    background: #56819e;
    border: 1px solid #3d6985;
    color: #ffffff;
    border-radius: 4px;
}
.slot-separator .insert_slot:before{
    font-size: 30px;
    line-height: 48px;
}
.slot-separator .switch_slots{
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    z-index: 10;
    top: -22px;
    right: 38px;
    text-align: center;
    background: #56819e;
    border: 1px solid #3d6985;
    color: #ffffff;
    border-radius: 4px;
}
.slot-separator .switch_slots:before{
    font-size: 30px;
    line-height: 48px;
}

/* Master Layer */
#layerBG{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    display: none;
}
#secondLayerBG{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 205;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    display: none;
}
#layerBG.onlyIndicator{
    background: rgba(0,0,0,0.1);
}
.masterLayer{
    background: #ffffff;
    position: fixed;
    top: -815px;
    width: 1230px;
    height: 815px;
    left: 50%;
    margin-left: -615px;
    z-index: 200;
}
.masterLayer h1,
.masterLayer .layerHead{
    height: 73px;
    background: #56819e;
    color: #FFFFFF;
    font: 28px/73px 'SansLight', Arial, sans-serif;
    text-align: center;
    position: relative;
}
.masterLayer .layerHead{
    display: table;
    width: 100%;
}
.masterLayer .layerHead .submenu ul li{
    margin: 0 0 0 -6px;
}
.masterLayer h1 a.close,
.masterLayer .layerHead a.close{
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    display: block;
    position: absolute;
    top: 16px;
    left: 15px;
    z-index: 20;
    color: #ffffff;
    text-align: center;
    border-radius: 25px;
}
.masterLayer h1 a.close:before,
.masterLayer .layerHead a.close:before{
    font-size: 40px;
    position: relative;
    top: -4px;
}
.masterLayer h1 a.close:hover,
.masterLayer .layerHead a.close:hover{
    color: #56819e;
    background: #ffffff;
}
.masterLayer .layerHead a.insert,
.masterLayer .layerHead a.saveValues{
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    display: block;
    position: absolute;
    top: 16px;
    right: 15px;
    color: #ffffff;
    text-align: center;
    border-radius: 25px;
}
.masterLayer .layerHead a.insert:before,
.masterLayer .layerHead a.saveValues:before{
    font-size: 40px;
    position: relative;
    top: -4px;
}
.masterLayer .layerHead a.insert:hover,
.masterLayer .layerHead a.saveValues:hover{
    color: #56819e;
    background: #ffffff;
}
.masterLayer .layerHead a.reset{
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    display: block;
    position: absolute;
    top: 16px;
    right: 69px;
    color: #ffffff;
    text-align: center;
    border-radius: 25px;
}
.masterLayer .layerHead a.reset:before{
    font-size: 30px;
    position: relative;
    top: -10px;
}
.masterLayer .layerHead a.reset:hover{
    color: #56819e;
    background: #ffffff;
}
.masterLayer .masterlayerBody{
    overflow-y: auto;
    height: 742px;
}
.masterLayer .modal-body{
    width: 1230px;
    overflow: hidden;
    position: relative;
    height: 742px;
}
.masterLayer .modal-body .ajax-error{
    display: table;
    width: 1230px;
    height: 742px;
}
.masterLayer .modal-body .ajax-error .ajax-error-cell{
    display: table-cell;
    width: 1230px;
    height: 742px;
    text-align: center;
    vertical-align: middle;
    color: #e58886;
    font: 32px/34px Arial, sans-serif;
}
.masterLayer .modal-body .loader{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -60px;
    background: transparent url('../img/indicator.gif') no-repeat;
}
.masterLayer .modal-body .filters{
    width: 193px;
    padding: 15px;
    float: left;
}
.masterLayer .modal-body .filters .searchWrapperFilter{
    position: relative;
}
.masterLayer .modal-body .filters .searchWrapperFilter input{
    height: 36px;
    width: 193px;
    background: #EEEEEE;
    border: none;
    padding: 0 46px 0 10px;
    color: #585858;
    font: 14px/14px Arial, sans-serif;
    color: #333333;
    outline: none;
    outline-offset: 0px;
    box-sizing: border-box;
}
.masterLayer .modal-body .filters .searchWrapperFilter a.searchButton{
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: -9px;
    text-align: center;
    font-size: 20px;
    line-height: 43px;
    color: #FFFFFF;
    box-sizing: border-box;
    text-indent: -5px;
}
.masterLayer .modal-body #library{
    width: 1007px;
    height: 742px;
    overflow-y: scroll;
    background: #eeeeee;
    position: relative;
}
.masterLayer .modal-body #library .slot-list,
.masterLayer .modal-body #slot_assets .asset-list,
.masterLayer .modal-body .advancedInfo .asset-list{
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}
.masterLayer .modal-body #slot_assets .asset-list,
.masterLayer .modal-body .advancedInfo .asset-list{
    margin: 0;
    overflow: hidden;
    background: #eeeeee;
}
.masterLayer .modal-body #slot_assets .asset-list li,
.masterLayer .modal-body .advancedInfo .asset-list li{
    height: 165px;
    width: 960px;
    margin: 7px 15px 7px 15px;
    float: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.masterLayer .modal-body #library .slot-list li{
    height: 165px;
    width: 960px;
    margin: 7px 15px 7px 15px;
    float: left;
    cursor: pointer;
    position: relative;
}
.masterLayer .modal-body #library .slot-list li > div{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.masterLayer .modal-body #slot_assets .asset-list li,
.masterLayer .modal-body .advancedInfo .asset-list li{
    width: 1198px;
}
.masterLayer .modal-body #library .slot-list li.selected{
    margin: 3px 11px 3px 11px;
    border: 4px solid #56819e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}
.masterLayer .modal-body #library .slot-list li .overlay{
    display: none;
}
.masterLayer .modal-body #library .slot-list li.selected .overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(86,129,158,0.1);
}
.masterLayer .modal-body #library .slot-list li .thumb_img,
.masterLayer .modal-body #slot_assets .asset-list li .thumb_img,
.masterLayer .modal-body .advancedInfo .asset-list li .thumb_img{
    width: 220px;
    height: 165px;
    border-right: 1px solid #eeeeee;
    background: #f9f9f9;
    display: table;
    float: left;
}
.masterLayer .modal-body #library .slot-list li .thumb_img .aligner,
.masterLayer .modal-body #slot_assets .asset-list li .thumb_img .aligner,
.masterLayer .modal-body .advancedInfo .asset-list li .thumb_img .aligner{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
}
.masterLayer .modal-body #library .slot-list li .thumb_img .aligner .thumb,
.masterLayer .modal-body #slot_assets .asset-list li .thumb_img .aligner .thumb,
.masterLayer .modal-body .advancedInfo .asset-list li .thumb_img .aligner .thumb{
    max-width: 220px;
    max-height: 160px;
    -webkit-box-shadow: -1px 2px 2px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: -1px 2px 2px 0px rgba(0,0,0,0.26);
    box-shadow: -1px 2px 2px 0px rgba(0,0,0,0.26);
}
.masterLayer .modal-body #library .slot-list li .description,
.masterLayer .modal-body #slot_assets .asset-list li .description,
.masterLayer .modal-body .advancedInfo .asset-list li .description{
    float: left;
    background: #FFFFFF;
    height: 165px;
    width: 739px;
}
.masterLayer .modal-body #slot_assets .asset-list li .description{
    width: 977px;
}
.masterLayer .modal-body .advancedInfo .asset-list li .description{
    width: 920px;
}
.masterLayer .modal-body #library .slot-list li .description .name,
.masterLayer .modal-body #library .slot-list li .description .category,
.masterLayer .modal-body #slot_assets .asset-list li .description .name,
.masterLayer .modal-body #slot_assets .asset-list li .description .category,
.masterLayer .modal-body .advancedInfo .asset-list li .description .name{
    height: 48px;
    border-bottom: 1px solid #eeeeee;
}
.masterLayer .modal-body #slot_assets .asset-list li .description .name a,
.masterLayer .modal-body #slot_assets .asset-list li .description .category a,
.masterLayer .modal-body #slot_assets .asset-list li .description .name a:hover,
.masterLayer .modal-body #slot_assets .asset-list li .description .category a:hover{
    color: #56819e;
}
.masterLayer .modal-body #library .slot-list li .description .label,
.masterLayer .modal-body #slot_assets .asset-list li .description .label,
.masterLayer .modal-body .advancedInfo .asset-list li .description .label{
    width: 85px;
    display: inline-block;
    padding: 0 0 0 15px;
    color: #adadad;
    font: 15px/48px Arial, sans-serif;
}
.masterLayer .modal-body #library .slot-list li .description .value,
.masterLayer .modal-body #slot_assets .asset-list li .description .value,
.masterLayer .modal-body .advancedInfo .asset-list li .description .value{
    display: inline-block;
    color: #333333;
    font: 15px/48px Arial, sans-serif;
}
.masterLayer .modal-body #library .slot-list li #preview{
    position: absolute;
    top: 0px;
    left: 0px;
    background: #f9f9f9;
    width: 220px;
    height: 165px;
    border-right: 1px solid #eeeeee;
    z-index: 200;
}
.masterLayer .modal-body #library .slot-list li #preview .fullscreen,
#fullView .fullscreen{
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
    width: 36px;
    height: 36px;
    background-image: url('../img/iconset/fullscreen.png');
    background-position: center center;
    background-repeat: no-repeat;
    transform-origin: 100% 0%;
}
.masterLayer .modal-body #library .slot-list li #preview .previewWrap,
#fullView .previewWrap{
    position: absolute;
    transform-origin: 0% 0%;
    left: 50%;
    top: 50%;
}
.masterLayer .modal-body #slot-field-values{
    overflow-y: scroll;
    height: 662px;
    position: relative;
}
.masterLayer .infoText{
    position: relative;
    color: #adadad;
    font: 10px/12px Arial, sans-serif;
    display: inline-block;
    height: 10px;
    top: 0px;
}
#slot-field-values fieldset .control-group .controls label.radio .infoText{
    position: absolute;
    top: 40px;
    left: 0px;
}
.masterLayer .infoText.desktop{
    position: relative;
    top: -28px;
    right: -635px;
}
.masterLayer .infoText.mobile{
    position: relative;
    top: -30px;
    right: -563px;
    text-align: right;
}
#slot-field-values fieldset .control-group .controls.warning:after,
#slot-field-values fieldset .control-group .controls > label.radio.warning:after{
    content: '!';
    width: 16px;
    height: 16px;
    font: bold 16px/16px Arial, sans-serif;
    color: #ffb100;
    position: absolute;
    top: 11px;
    right: -34px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#slot-field-values fieldset .control-group .controls > label.radio.warning:after{
    right: -24px;
}
#slot-field-values fieldset .control-group .controls.warning input,
#slot-field-values fieldset .control-group .controls > label.radio.warning input,
#slot-field-values fieldset .control-group .controls.warning textarea{
    background: #ffebbc;
    color: #333333;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#slot-field-values fieldset .control-group .controls > label.radio.warning{
    background: #ffebbc;
    color: #333333;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#slot-field-values fieldset .control-group .control-label.warning{
    color: #ffb100;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#slot-field-values fieldset .control-group .controls.error:after,
#slot-field-values fieldset .control-group .controls > label.radio.error:after{
    font-family: "dnt" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "i";
    width: 16px;
    height: 16px;
    color: #dc5f5c;
    font-size: 28px;
    line-height: 23px;
    text-indent: -6px;
    position: absolute;
    top: 11px;
    right: -34px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#slot-field-values fieldset .control-group .controls > label.radio.error:after{
    right: -24px;
}
#slot-field-values fieldset .control-group .controls.error input,
#slot-field-values fieldset .control-group .controls > label.radio.error input,
#slot-field-values fieldset .control-group .controls.error textarea{
    background: #ffeded;
    color: #333333;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#slot-field-values fieldset .control-group .controls > label.radio.error{
    background: #ffeded;
    color: #333333;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#slot-field-values fieldset .control-group .control-label.error{
    color: #e58886;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.masterLayer .modal-body.rtl #slot-field-values fieldset .control-group .controls input[type="text"]{
    direction: rtl;
    padding: 0 10px 0 0;
}
.masterLayer .modal-body.rtl #slot-field-values .infoText.desktop{
    right: -12px;
}
.masterLayer .modal-body.rtl #slot-field-values .infoText.mobile{
    right: -12px;
    text-align: left;
}

/* Pixels */
.pixelsLayerBG{
    position: fixed;
    top: 0;
    left: calc(50% - 615px);
    width: 1230px;
    height: 971px;
    background: rgba(0,0,0,0.6);
    z-index: 250;
}
.pixelsLayer {
    width: 631px;
    height: 90%;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.75);
    padding: 20px;
    border: 2px solid #6d6b6a;
    border-radius: 18px;
}
.pixelsLayer h1{
    font: 24px/26px 'SansLight', Arial, sans-serif;
    color: #0f0f6e;
    margin: 0 0 25px 0;
}
.pixelsLayer .close{
    position: absolute;
    top: 17px;
    right: 14px;
    font-size: 35px;
    color: #0f0f6e;
}
.pixelsLayer .pixelsfilter{
    padding: 0 37px 0 0;
    font: 15px/42px Arial, sans-serif;
    color: #706d6b;
}
.pixelsLayer .pixelsfilter .searchWrapper{
    width: 260px;
    height: 42px;
    float: right;
    position: relative;
    margin: 0 0 0 64px;
}
.pixelsLayer .pixelsfilter .searchWrapper .search{
    width: 260px;
    height: 42px;
    padding: 0 0 0 13px;
    box-sizing: border-box;
    border: none;
    background: #eeeeee;
    color: #706d6b;
    font-size: 15px;
}
.pixelsLayer .pixelsfilter .searchWrapper .searchButton{
    position: absolute;
    right: 0;
    top: 0;
    margin: 3px;
    width: 36px;
    height: 36px;
    font-size: 20px;
    padding: 0;
    text-align: center;
    line-height: 38px;
    background: #ababab;
    border: 1px solid #919191;
}
.pixelsLayer .pixelsfilter .width,
.pixelsLayer .pixelsfilter .height{
    width: 120px;
    height: 42px;
    border: none;
    background: #eeeeee;
    color: #706d6b;
    font-size: 15px;
    padding: 0 0 0 13px;
    margin: 0 10px 0 0;
    box-sizing: border-box;
}
.pixelsLayer .pixelsfilter .height{
    margin: 0 0 0 10px;
}
.pixelsLayer .pixelsContent{
    margin: 30px 0 0 0;
    height: calc(100% - 124px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0px 35px 0 0;
}
.pixelsLayer .pixelsContent .loader{
    width: 100%;
    height: 60px;
    display: block;
    margin: 10px 0 0 0;
    float: left;
    background: transparent url('../img/indicator.gif') no-repeat center center;
    background-size: contain;
}
.pixelsLayer .pixelsContent .error{
    text-align: center;
    margin: 70px 0 0 0;
    color: #e96264;
    font-size: 28px;
    font-family: Arial;
}
.pixelsLayer .pixelsContent .pixelsWrapper{
    width: 150px;
    height: 185px;
    float: left;
    margin: 0 58px 16px 0;
    position: relative;
}
.pixelsLayer .pixelsContent .pixelsWrapper:nth-child(3n){
    margin: 0 0 16px 0;
}
.pixelsLayer .pixelsContent .pixelsWrapper .imageWrapper{
    width: 150px;
    height: 150px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
.pixelsLayer .pixelsContent .pixelsWrapper.active:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border: 2px solid #56819e;
    background: rgba(86, 129, 158, 0.4);
    box-sizing: border-box;
    z-index: 20;
    cursor: pointer;
}
.pixelsLayer .pixelsContent .pixelsWrapper.active:after{
    content: 'b';
    font-family: 'dnt' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 22px);
    width: 44px;
    height: 44px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 25;
    color: #ffffff;
    line-height: 44px;
    text-align: center;
    font-size: 36px;
}
.pixelsLayer .pixelsContent .pixelsWrapper .imageWrapper img{
    max-width: 100%;
    max-height: 100%;
}
.pixelsLayer .pixelsContent .pixelsWrapper .infoBox span{
    display: block;
    font: 11px/13px Arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pixelsLayer .pixelsContent .pixelsWrapper .infoBox .name{
    color: #333333;
}
.pixelsLayer .pixelsContent .pixelsWrapper .infoBox .expires{
    color: #88837d;
}

/* Comments */
.masterLayer .contentWrap{
    overflow-y: scroll;
    width: 1230px;
    height: 742px;
    background: #eeeeee;
}
.masterLayer .contentWrap .commentsWrapper{
    padding: 30px 97px 30px 62px;
    background: #FFFFFF;
}
.masterLayer .contentWrap .commentsWrapper .polaroid{
    margin: 0 17px 0 0;
    width: 78px;
    height: 78px;
    border-radius: 42px;
    float: left;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox{
    float: left;
    width: 959px;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-box .foreColor-trumbowyg-dropdown{
    background: #FFFFFF;
    border: 1px solid #e6e6e6;
    width: 264px;
    padding: 7px 5px;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-box .foreColor-trumbowyg-dropdown button{
    display: block;
    position: relative;
    float: left;
    text-indent: -9999px;
    height: 20px;
    width: 20px;
    border: 1px solid #333;
    padding: 0;
    margin: 2px;
}
.foreColor-trumbowyg-dropdown button:hover::after,
.foreColor-trumbowyg-dropdown button:focus::after{
    content: " ";
    display: block;
    height: 27px;
    width: 27px;
    background: inherit;
    position: absolute;
    top: -5px;
    left: -5px;
    border: 1px solid #FFF;
    -webkit-box-shadow: #000 0 0 2px;
    box-shadow: #000 0 0 2px;
    z-index: 10;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane{
    height: 20px;
    background: #e6e6e6;
    padding: 16px 0 12px 17px;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    position: relative;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane li{
    height: 17px;
    padding: 3px 0 0 0;
    display: inline-block;
    position: relative;
    width: 35px;
    float: left;
    text-align: center;
    border-right: 1px solid #bcbcbc;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane li:first-child{
    height: 19px;
    padding: 1px 0 0 0;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane li:last-child{
    border-right: none;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane li button{
    height: 14px;
    display: inline-block;
    width: 13px;
    text-align: center;
    border: none;
    text-indent: -9999px;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane li button.trumbowyg-foreColor-button{
    background: transparent url('../img/iconset/colorchoose.png') no-repeat;
    width: 30px;
    height: 20px;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane li button.trumbowyg-bold-button{
    background: transparent url('../img/iconset/bold.png') no-repeat;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane li button.trumbowyg-italic-button{
    background: transparent url('../img/iconset/italic.png') no-repeat;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #slot-comments-form .trumbowyg-button-pane li button.trumbowyg-underline-button{
    background: transparent url('../img/iconset/underline.png') no-repeat;
    width: 15px;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox .trumbowyg-editor{
    width: 937px;
    background: #eeeeee;
    min-height: 250px;
    border: 1px solid #f7f7f7;
    border-top: none;
    padding: 10px;
    position: relative;
    font: 14px/16px Arial, sans-serif;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox .trumbowyg-box{
    width: 959px;
    position: relative;
}
.trumbowyg-overlay {
  display: none;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox #btn-post-comment{
    margin: 0;
    float: right;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox .buttons{
    margin: 14px 0 0 0;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox .commentAttachment,
.masterLayer .modal-body #assets-form .commentAttachment{
    margin: 5px 0 0 0;
    height: 28px;
    padding: 8px 0 0 10px;
    background: #eeeeee;
}
.masterLayer .modal-body #assets-form .commentAttachment:last-of-type{
    margin: 5px 0 5px 0;
}
.masterLayer .contentWrap .commentsWrapper .commentsBox .commentAttachment:first-child{
    margin: 10px 0 0 0;
}
.masterLayer .contentWrap .comments{
    padding: 30px 100px 30px 93px;
}
.masterLayer .contentWrap .comments .comments_line{
    margin: 0 0 30px 0;
}
.masterLayer .contentWrap .comments .comments_line:last-child{
    margin: 0;
}
.masterLayer .contentWrap .comments .comments_line .comment-profile-image{
    width: 48px;
    height: 48px;
    border-radius: 26px;
    float: left;
    margin: 0 16px 0 0;
    background: #ababab;
}
.masterLayer .contentWrap .comments .comments_line .comment-data{
    float: left;
    width: 956px;
}
.masterLayer .contentWrap .comments .comments_line .comment-head{
    background: #f9f9f9;
    height: 48px;
    padding: 0 20px 0 15px;
    border-bottom: 1px solid #eeeeee;
}
.masterLayer .contentWrap .comments .comments_line .comment-head a.user{
    float: left;
    font: 16px/48px Arial, sans-serif;
    color: #56819e;
    text-decoration: none;
}
.masterLayer .contentWrap .comments .comments_line .comment-head .date{
    float: right;
    font: 14px/48px Arial, sans-serif;
    color: #ababab;
}
.masterLayer .contentWrap .comments .comments_line .message{
    padding: 20px 62px 15px 15px;
    background: #FFFFFF;
    position: relative;
    font: 14px/16px Arial, sans-serif;
    color: #333333;
}
.masterLayer .contentWrap .comments .comments_line .message .attachments{
    position: absolute;
    right: 6px;
    top: 6px;
    width: 34px;
    height: 34px;
    border: 1px solid #e2e2e2;
    background: #f9f9f9;
    color: #adadad;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
}
.masterLayer .contentWrap .comments .comments_line .message .attachments:before{
    font-size: 35px;
    line-height: 43px;
}
.masterLayer .contentWrap .comments .comments_line .message .attachments:hover{
    border: 1px solid #e2e2e2;
    background: #e2e2e2;
}
.masterLayer .contentWrap .comments .comments_line .message .attachments .attachment-drop{
    position: absolute;
    right: 0;
    top: 36px;
    padding: 0;
    margin: 0;
    display: none;
    list-style: none;
    z-index: 30;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.12);
}
.masterLayer .contentWrap .comments .comments_line .message .attachments .attachment-drop li{
    height: 36px;
    background: #ffffff;
}
.masterLayer .contentWrap .comments .comments_line .message .attachments .attachment-drop li a{
    display: block;
    padding: 0 13px 0 13px;
    border-top: 1px solid #fafafa;
    height: 36px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    font: 14px/36px 'SansLight', Arial, sans-serif;
}
.masterLayer .contentWrap .comments .comments_line .message .attachments .attachment-drop li a:hover{
    background: #56819e;
    color: #ffffff;
}
.masterLayer #assets-form{
    border-top: 1px solid #eeeeee;
}
/* Upload Layer */
.uploadLayer{
    background: #ffffff;
    position: fixed;
    top: -800px;;
    width: 1230px;
    height: 652px;
    z-index: 200;
}
.uploadLayer h1{
    height: 70px;
    border-bottom: 1px solid #eeeeee;
    background: #56819e;
    color: #FFFFFF;
    font: 28px/70px 'SansLight', Arial, sans-serif;
    padding: 0 0 0 30px;
}
#layerBG > .table,
.uploadLayer .table{
    display: table;
    width: 100%;
    height: 581px;
}
#layerBG > .table{
    height: 100%;
}
#layerBG > .table > .cell,
.uploadLayer .table .cell{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
#layerBG > .table > .cell .progress,
.uploadLayer .table .cell .progress{
    width: 135px;
    height: 170px;
    position: relative;
    left: 50%;
    margin-left: -66px;
}
#layerBG > .table > .cell .progress .loaderImage,
.uploadLayer .table .cell .progress .loaderImage{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -60px;
    background: transparent url('../img/indicator.gif') no-repeat;
}
#layerBG > .table > .cell .progress .percent,
.uploadLayer .table .cell .progress .percent{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -60px;
    color: #56819e;
    font: 34px/119px 'SansLight', Arial, sans-serif;
    text-align: center;
}
#layerBG > .table > .cell .progress .percent{
    color: #FFFFFF;
}
#layerBG > .table > .cell .progress .status,
.uploadLayer .table .cell .progress .status{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 135px;
    color: #56819e;
    font: 24px/26px 'SansLight', Arial, sans-serif;
    text-align: center;
}
#layerBG > .table > .cell .progress .status{
    color: #FFFFFF;
    width: 420px;
    left: -144px;
}

/* Error */
.alert{
    position: relative;
    padding: 15px 30px 15px 30px;
    background: #ffeded;
    color: #333333;
    font: 12px/14px Arial, sans-serif;
}
.warnings{
    position: relative;
    padding: 15px 30px 15px 30px;
    background: #fff5df;
    color: #ffb100;
    font: 12px/14px Arial, sans-serif;
}
.alert.top{
    position: fixed;
    top: 110px;
    width: 1170px
}
.alert-success{
    position: relative;
    padding: 15px 30px 15px 30px;
    background: #edffed;
    color: #333333;
    font: 12px/14px Arial, sans-serif;
}
.alert .close, .alert-success .close, .alert .alertclose, .warnings .close{
    font: 18px/14px Arial, sans-serif;
    position: absolute;
    right: 19px;
    top: 15px;
    color: #ff0000;
}
.warnings .close{
    color: #ffb100;
}

/* Confirm Modals */
#confirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(11,11,11,0.2);
	z-index:100000;
}
#confirmBox{
	width:460px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -230px;
    background: #FFFFFF;
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
}
#confirmBox h1{
	height: 73px;
    background: #56819e;
    color: #FFFFFF;
    font: 28px/73px 'SansLight', Arial, sans-serif;
    text-align: center;
    position: relative;
}
#confirmBox p{
	background: none;
    font-size: 16px;
    line-height: 1.4;
    padding: 15px;
    color: #333333;
}
#confirmButtons{
	padding: 0 0 25px 0;
}

/* Activity Log */
.optionInfos.activity{
    height: 66px;
    margin: 0 0 20px 0;
    border: none;
}
.optionInfos.activity p {
    font: 14px/36px 'SansRegular', Arial, sans-serif;
    color: #585858;
    text-align: left;
}
.optionInfos.activity .filterReset{
    width: 36px;
    height: 34px;
    background: #e58886;
    border-color: #e96264;
    margin: 0 0 0 10px;
    position: relative;
}
.optionInfos.activity .filterReset:hover{
    background: #e96264;
    border-color: #e96264;
}
.optionInfos.activity .filterReset:before{
    font-size: 30px;
    line-height: 39px;
    top: 0px;
    left: 2px;
    color: #c54948;
    position: absolute;
}
.optionInfos.activity .filterReset.nofilter{
    background: #f9f9f9;
    border-color: #e2e2e2;
}
.optionInfos.activity .filterReset.nofilter:hover{
    background: #f9f9f9;
    border-color: #e2e2e2;
    cursor: no-drop;
}
.optionInfos.activity .filterReset.nofilter:before{
    color: #c9c9c9;
}
.optionInfos.activity .filterApply{
    width: 36px;
    height: 34px;
    position: relative;
    margin: 0;
}
.optionInfos.activity .filterApply:before{
    font-size: 30px;
    line-height: 39px;
    top: 0px;
    left: 3px;
    color: #FFFFFF;
    position: absolute;
}
#nfq-activity-filter fieldset{
    height: 36px;
    background: none;
    padding: 15px;
    border: none;
}
#nfq-activity-filter fieldset .control-group{
    float: left;
    margin: 0 10px 0 0;
}
#nfq-activity-filter fieldset .control-group .controls{
    border: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}
#nfq-activity-filter fieldset .control-group .controls input.date{
    width: 195px;
}
#nfq-activity-filter fieldset .control-group .controls .icon.icon-kalender{
    left: 168px;
}
#nfq-activity-filter fieldset .control-group .controls .customSelect{
    width: 205px;
    min-width: 50px;
}
#nfq-activity-filter fieldset > div > .controls:last-child{
    width: 0px;
    border: none;
    margin: 0;
    padding: 0;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup{
    top: 48px !important;
    right: 0px !important;
    left: auto !important;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup:before{
    right: 11px;
    left: auto;
    top: -15px;
    border: 7px solid #eeeeee;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #eeeeee;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup:after{
    right: 11px;
    left: auto;
    top: -14px;
    border: 7px solid #FFFFFF;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #FFFFFF;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup .datepick .time{
    height: 65px;
    background: #eeeeee;
    text-align: center;
    margin: 0 -17px -17px -17px;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup .datepick .time p.head{
    padding: 10px 0 10px;
    margin: 0;
    text-align: center;
    color: #56819e;
    font: 14px/14px Arial, sans-serif;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup .datepick .time .trenner{
    margin: 0 5px 0 5px;
    font: 12px/24px Arial, sans-serif;
    color: #333333;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup .datepick .time .customSelect{
    width: 51px;
    height: 22px;
    border: 1px solid #e3e3e3;
    border-right: none;
    background: #ffffff;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup .datepick .time .customSelect:before{
    color: #c7c7c7;
    font-size: 23px;
    line-height: 30px;
    width: 22px;
    top: -1px;
    height: 22px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background: #f9f9f9;
    text-align: center;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup .datepick .time .customSelect p.name{
    padding: 0 24px 0 7px;
    height: 24px;
    line-height: 24px;
    color: #333333;
    font: 12px/24px Arial, sans-serif;
}
#nfq-activity-filter fieldset .control-group .controls .datepick-popup .datepick .time .customSelect .customSelectList a.customSelectLink{
    padding: 0 0 0 0;
    height: 24px;
    line-height: 24px;
}
.content_table.activity{
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}
.content_table.activity tbody{
    background: transparent;
}
.content_table.activity tbody tr td{
    height: 48px;
    padding: 0 15px 0 15px;
    vertical-align: middle;
    background: #FFFFFF;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font: 14px/16px Arial, sans-serif;
    color: #333333;
    word-wrap: break-word;
}
.content_table.activity tbody td:first-child { border-left: 1px solid transparent; }
.content_table.activity tbody tr:first-child td { border-top: 1px solid  transparent; }
.content_table.activity tbody tr:last-child td { border-bottom: 1px solid transparent; }
.content_table.activity tbody td:last-child { border-right: 1px solid transparent; }

.content_table.activity tbody tr:first-child td:first-child{
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}
.content_table.activity tbody tr:first-child td:last-child{
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
.masterLayer.activity .message{
    height: 110px;
    background: #f7f5f4;
    text-align: center;
    color: #333333;
    font: 14px/110px Arial, sans-serif;
}
.masterLayer.activity .message strong{
    font-weight: bold;
}
.masterLayer.activity .message a{
    font-weight: bold;
    text-decoration: underline;
    color: #56819e;
}
.masterLayer.activity .mainInfo{
    border-bottom: 1px solid #f7f5f4;
    overflow: hidden;
}
.masterLayer.activity .mainInfo p.label{
    width: 203px;
    height: 30px;
    padding: 0 20px 0 0;
    border-right: 1px solid #f7f5f4;
    font: bold 14px/30px Arial, sans-serif;
    text-align: right;
    float: left;
    margin: 0;
}
.masterLayer.activity .mainInfo p.value{
    width: 968px;
    height: 30px;
    padding: 0 0 0 20px;
    font: bold 14px/30px Arial, sans-serif;
    float: left;
    margin: 0;
}
.masterLayer.activity .advancedInfo{
    padding: 30px;
}
.masterLayer.activity .advancedInfo.change h3.changelogHead{
    margin: 20px 0 15px 0;
}
.masterLayer.activity .advancedInfo.change ul.numbersList{
    margin: 0 0 10px 10px;
    list-style: upper-roman inside;
}
.masterLayer.activity .advancedInfo.change ul.numbersList>li{
    font-weight: bold;
}
.masterLayer.activity .advancedInfo.change ul.bulletList{
    margin: 5px 0 5px 20px;
    list-style: disc inside;
}
.masterLayer.activity .advancedInfo.change ul.bulletList>li{
    font-weight: normal;
}
.masterLayer.activity .advancedInfo table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}
.masterLayer.activity .advancedInfo table th{
    background: #eeeeee;
    color: #979696;
    font: 14px/35px Arial, sans-serif;
    padding: 0 15px 0 15px;
    text-align: left;
}
.masterLayer.activity .advancedInfo table td{
    background: #f7f5f4;
    height: 48px;
    color: #333333;
    vertical-align: middle;
    font: 14px/16px Arial, sans-serif;
    padding: 0 15px 0 15px;
}

#ICSLayer .choosedList{
    float: left;
    width: 614px;
    border-right: 1px solid #eeeeee;
    overflow-y: auto;
}
#ICSLayer .availableList{
    float: right;
    width: 615px;
    overflow-y: auto;
}
#ICSLayer .DragList,
#ICSLayer .DropList{
    margin: 0;
    padding: 0;
}
#ICSLayer .DragList li.ui-draggable,
#ICSLayer .DropList li.ui-draggable{
    cursor: move;
}
#ICSLayer .DragList li.ui-draggable-dragging,
#ICSLayer .DropList li.ui-draggable-dragging{
    z-index: 50;
}
#ICSLayer .availableList .accordion-heading,
#ICSLayer .choosedList .accordion-heading,
#ICSLayer .choosedList .accordion-body{
    margin: 0 10px;
    border-bottom: 1px solid #eeeeee;
    cursor: move;
}
#ICSLayer .availableList .accordion-heading h2,
#ICSLayer .choosedList .accordion-heading h2{
    cursor: move;
}
#ICSLayer .choosedList .accordion-body label{
    border-right: 1px solid #eeeeee;
    width: 100px;
    height: 36px;
    padding: 10px 20px 12px 0;
    margin: 0 0 -10px 0;
    text-align: right;
    font: bold 14px/36px Arial, sans-serif;
    color: #bcbcbc;
    display: block;
    float: left;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#ICSLayer .choosedList .accordion-body .controls{
    float: left;
    padding: 10px 0 10px 20px;
    margin: 0 0 0 -1px;
    width: 420px;
    border-left: 1px solid #eeeeee;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#ICSLayer .choosedList .accordion-body .controls input{
    height: 36px;
    width: 100%;
    background: #EEEEEE;
    border: none;
    padding: 0 0 0 10px;
    color: #585858;
    font: 14px/14px Arial, sans-serif;
    outline: none;
    outline-offset: 0px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    box-sizing: border-box;
    cursor: text;
}