body {
    background: url( '../images/diccas-bg.png' ) no-repeat fixed;
    background-size: cover;
    padding: 10px;
}

body.no-bg {
    background: #fff;
}

p {
    line-height: 18px;
}
b, strong {
    font-weight: 500;
}
i, em {
    font-weight: 300;
}

#container {
    box-shadow: 0 0 10px -5px #000;
    margin: 104px auto 48px;
    max-width: 1240px;
    position: relative;
    z-index: 100;
}

#content-area {
    background: #fff;
    display: inline-block;
    position: relative;
    width: 100%;
}

.mobile-flag-area,
#mobile-logo-area {
    display: none;
}
 
#header {
    height: 185px;
    display: block;
}

#logo-area {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    padding: 15px 30px 30px 30px;
    width: 100%;
}
#logo-area span, 
#logo-area a {
    display: block;
    text-align: center;
}
#logo-area img {
    width: auto;
    max-height: 173px;
    height: auto;
    display: inline;
}
    
#header-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    height: 100%;
    position: relative;
    width: 80%;
    padding: 30px 32px;
}
#header-content h1 {
    font-size: 25px;
    font-weight: 500;
    line-height: 29px;
}
#header-content a, #header-content p {
  color: #fff;
  line-height: 18px;
}

h1 {
    font-size: 25px;
    font-weight: 500;
}

h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

h2.arrow-header {
    margin-bottom: 0px;
    font-size: 16px;
}

.arrow-header {
  padding:11px 20px 8px;
}

#left-column-bg {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 20%;
}
#left-column {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-bottom: 30px;
    position: relative;
    width: 20%;
    z-index: 100;
}

.search-box {
    font-size: 14px;
    padding: 30px 20px 0px 20px
}

.search-box p {
    margin-bottom: 23px;
}

.search-box a {
    color: #4b4b4b;
}

.search-box p a:hover {
    color: #222;
}

.search-box label {
    font-size: 14px;
    margin-bottom: 2px;
}

.search-box input, .search-box select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    margin-bottom: 9px;
    width: 100%;
}
.search-box input[type="radio"] {
    width: auto;
}

.left-settings-box {
    font-size: 14px;
    padding: 10px 0 0 0;
    overflow: hidden;
    margin: 10px 20px 0 20px;
}

.style-button {
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    padding: 13px 0 12px 0;
}

a.style-button {
    text-decoration: none;
}

.style-button:hover {
    box-shadow: inset 0px 0px 20px 20px rgba(0, 0, 0, .25);
}

.style-button.wider-button,
.dynamic-form .style-button {
    padding: 11px 20px 10px;
    margin: 16px 0;
    line-height: 14px;
}
.search-box .fieldset input.style-button {
    padding: 11px 20px 10px;
    margin: 0;
}

.export-form .style-button, 
.message-form .style-button {
    margin: 0;
}

#right-column {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    float: left;
    padding: 25px 32px 10px;
    width: 80%;
}

.header-left {
    float: left;
    width: 74%;
}
.header-left.no-news {
    height: 29px;
}
.header-left.no-news p {
    line-height: 30px !important;
}

#header-content .flag-area {
    float: right;
}
#header-content .flag-area p {
    font-size: 0;
    line-height: 0;
}
#header-content .flag-area p a {
    padding-left: 5px;
    font-size: 0;
    line-height: 0;
}

#indexpage #right-column form {
    margin-bottom: 15px;
    overflow: hidden;
}

#indexpage #right-column fieldset {
    float: left;
    width: 45%;
}

#indexpage #right-column label {
    font-size: 14px;
    display: block;
    line-height: 18px;
    margin-bottom: 2px;
}

#indexpage #right-column input[type="text"],
#indexpage #right-column input[type="password"] {
    border-radius: 4px;
    box-sizing: border-box;
    height: 42px;
    padding: 0px 8px;
    width: 90%;
}

#indexpage #right-column .style-button {
    width: 90%;
    font-size: 14px;
}
#indexpage #right-column .error-msg, 
#indexpage #right-column .success-msg {
    margin-bottom: 22px;
}

#indexpage #content-area {
    background: #f0f0f0;
}

.fieldset-clear {
    display: block;
    margin-bottom: 22px;
}

.left-settings {
    background: none;
    overflow: hidden;
}

#delete_contact {
    display: none;    
}

#delete_contact_label:before {
    background-color: #fff;
    border: solid 1px #cecece;
    /* box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); */
    content: "";
    display: inline-block;
    height: 32px;
    left: 10px;
    position: absolute;
    width: 32px;
    top: 0px;
}

#delete_contact:checked + label:before {
    content: "\2713";
    font-size: 34px;
    text-align: center;
    line-height: 34px;
}

#delete_contact_label {
    display: inline-block;
    color: #4b4b4b;
    cursor: pointer;
    position: relative;
    padding: 10px 10px 10px 55px;
    margin: 10px 0;
    text-decoration: none;
}

.left-setting-link,
.picture-edit-link,
.below-search-link {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #4b4b4b;
    float: left;
    padding: 6px 0 6px;
    text-decoration: none;  
}

.left-setting-link {
    margin: 0;
    width: 100%;
}

.picture-edit-link,
.below-search-link {
    margin: 0 15px 10px 0;
    padding: 0;
}

.picture-edit-link span,
.below-search-link span,
.left-setting-link span {
    display: inline-block;
    float: left;
    padding: 12px 0 0 8px;
}

.picture-edit-link span.icon,
.below-search-link span.icon,
.left-setting-link span.icon {
    display: inline-block;
    float: left;
    height: 35px;
    padding: 0;
    width: 35px;
}

.absence-link span.icon,
.add-absence-repeat-group span.icon,
.add-absence-group span.icon {
    background: url( ../images/icon_ruler.svg ) no-repeat;
}
.left-settings .left-setting-link.selected span.icon {
    background-size: 100% 100%;
}
.left-settings .left-setting-link.selected span {
    color: #000;
}

.left-setting-link.main-setting-link span.icon {
    background: url( ../images/icon_ruler.svg ) no-repeat;
    background-size: 100% 90%;
}
.left-setting-link.settings-setting-link span.icon {
    background: url( ../images/icon_settings.svg ) no-repeat;
    background-size: 100% 90%;
}
.left-setting-link.request-setting-link span.icon {
    background: url( ../images/icon_requests.svg ) no-repeat;
    background-size: 100% 90%;
}
.left-setting-link.messages-setting-link span.icon {
    background: url( ../images/icon_messages.svg ) no-repeat;
    background-size: 100% 90%;
}
.left-setting-link.help-setting-link span.icon {
    background: url( ../images/icon_help.svg ) no-repeat;
    background-size: 100% 90%;
}
.left-setting-link.logout-setting-link span.icon {
    background: url( ../images/icon_logout.svg ) no-repeat;
    background-size: 100% 90%;
}
.left-setting-link.admin-setting-link span.icon {
    background: url( ../images/icon_security.svg ) no-repeat;
    background-size: 100% 90%;
}
.left-setting-link.ownprofile-setting-link span.icon {
    background: url(../images/icon_contact.svg) no-repeat;
    background-size: 100% 90%;
}

.left-setting-link.help-updated-setting-link {
    padding: 0;
    margin-top: 15px;
}
.left-setting-link.help-updated-setting-link span {
    background: url(../images/info_icon.png) no-repeat;
    color: #8e8e8e;
    font-size: 11px;
    font-weight: 300;
    line-height: 18px;
    padding: 0 0 0 18px;
}
.left-setting-link.help-updated-setting-link:hover span,
.left-setting-link.help-updated-setting-link:active span {
    color: #8e8e8e;
}

.profile-link span.icon,
.picture-edit-link span.icon {
    background: url(../images/icon_contact.svg) no-repeat;
}

.below-search-link.add-contact span.icon {
    background: url(../images/icon_add-contact.svg) no-repeat;
}

.below-search-link.print-list span.icon {
    background: url(../images/icon_print.svg) no-repeat;
}

.below-search-link.paging-link span.icon {
    background: url(../images/icon_download.svg) no-repeat;
}

.search-results .absence-link {
  background:url(../images/icon_absence.svg) no-repeat;
}

.search-results .edit-link {
  background:url(../images/icon_edit.svg) no-repeat;
}

.left-setting-link.ownprofileedit-setting-link span.icon {
    background: url(../images/selfedit.png) no-repeat;
}

.below-search-link.group-msg span.icon {
    background: url(../images/icon_messages.svg) no-repeat;
}

.dynamic-form a.toggle-column {
    color: #fff;
    display:block;
    float:left;
    font-size: 14px;
    padding: 13px 16px 10px;;
    margin: 0 3px 0 0;
    text-decoration: none;
}

#footer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: -4px;
    margin-top: -4px;
    padding: 15px 32px;
    position: relative;
    width: 100%;
    z-index: 200;
}

.footer-content {
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    width: 50%;
}

.footer-content a,
.footer-content p,
.footer-content span {
    color: #fff;
}

.footer-small-items {
    font-size: 12px;
}

.footer-right {
    text-align: right;
}

.hs-close {
    background: url('../images/hs-close.png') no-repeat top right;
    display: none;
    padding: 0 28px 0 0;
    
}

.search-info {
    background: url( '../images/info_icon.png' ) no-repeat;
    height: 16px;
    position: absolute;
    right: 0px;
    top: -2px;
    width: 16px;
}

.result-info-content,
.search-info-content {
    background: #000;
    color: #fff;
    display: none;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
    top: -36px;
    right: 0px;
    z-index: 10000;
}

.absence-link .result-info-content {
    left: 0px;
    right: auto;
}

.result-info-content {
    font-weight: normal;
}

.result-info-data {
    display: none;
}

.absence-link,
.edit-link {
        position: relative;
    }

.absence-form-area {
    background: #f0f0f0;
    display: inline-block;
    width: 100%;
}

.absence-header {
    font-weight: bold;
}

.absence-list {
    overflow: hidden;
}
.absence-list .plain-box {
    margin: 0;
    overflow: hidden;
}
.absence-list ul {
    border-top: 1px solid #d7d7d7;
    padding: 15px 20px;
}
.absence-list ul:first-child {
    border-top: 0;
}

.header-menu-area {
    bottom: 26px;
    margin-top: 10px;
    position: absolute;
}

.header-menu-link {
    display: block;
    float: left;
    font-weight: bold;
    margin:0 10px 0 0;
    text-decoration: none;
}

.header-spacer {
    display: block;
    float: left;
    font-weight: bold;
    margin:0 10px 0 0;
    padding-top: 2px;
}

input[type="text"],
input[type="password"],
select,
textarea {
    border-radius: 4px;
    border: solid 1px #cccccc;
    font-size: 13px;
    font-weight: 300;
    padding: 0px 4px;
}

input[type="text"],
input[type="password"],
select {
    background: #fff;
    box-sizing: border-box;
    height: 32px;
    line-height: 20px;
    padding: 2px 8px 0;
}

.absence-form-area textarea,
.wide-edit-form textarea {
    padding: 5px;
}

.wide-edit-form textarea {
  height:200px;
  width:888px;
}

#lync-content .contact-busy {
  /*background:#e11;*/
  background:url(../images/busy.png) no-repeat 4px center;
  padding:0 0 0 26px!important;
  font-weight: 300;
}

#lync-content .contact-available {
  background:url(../images/available.png) no-repeat 4px center;
  padding:0 0 0 26px!important;
}

#lync-content .contact-offline {
  background:url(../images/offline.png) no-repeat 4px center;
  padding:0 0 0 26px!important;
}

#lync-content .contact-away {
  background:url(../images/away.png) no-repeat 4px center;
  padding:0 0 0 26px!important;
}

#lync-content .contact-calendar {
  background:url(../images/calendar.png) no-repeat 4px center;
  padding:0 0 0 26px!important;
}

#lync-content .contact-lastseen {
  background:url(../images/lastseen.png) no-repeat 4px center;
  padding:0 0 0 26px!important;
}

#lync-content .contact-oof {
  background:url(../images/oof.png) no-repeat 2px bottom;
  padding:0 0 0 15px!important;
}

#lync-content .contact-goingoffline {
  background:url(../images/poistumassa.png) no-repeat 4px center;
  padding:0 0 0 26px!important;
}

#right-column p#lync-text {
    margin: 0;
}

.contact-block {
    margin: 0 0 20px;
}
.contact-block .sub-block {
    line-height: 18px;
    margin: 10px 0;
}

.sms-link {
    display: block;
    margin: 0;
    overflow: hidden;
}

.sms-icon {
    display: inline-block;
    float: left;
    height: 26px;
    padding: 0;
    margin-bottom: 0;
    width: 28px;
}

.sms-link .contact-item {
    display: inline-block;
    float: left;
    padding: 8px 0 0 0;
}

.translation-helper,
.hidden-source {
    display: none;
}

.days-block input,
.days-block .day-label {
    float: left;
    padding: 2px 0 0 0;
}

.search-box .fieldset.extended-search-set {
    display: none;
}

.search-box .fieldset a {
    display: block;
}

.search-box .fieldset a {
    display: block;
}

.search-box .fieldset a:hover {
    color: #222;
}

.form-block.hidden-form-block {
    display: none!important;
}

.sortable-container.hidden-container,
.edit-container.hidden-container {
    display: none!important;
}

.content-box {
    border-radius: 0 0 4px 4px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 20px 10px 20px;
}
.content-box p {
    margin: 0 0 10px 0 !important;
}
.content-box fieldset {
    margin: 0 0 10px 0 !important;
}
.content-box .message-form {
    margin-top: -10px;
}

.admin-links {

}
.admin-links .link-paragraph {
    margin: 0 0 10px 0 !important;
}
.admin-links .link-paragraph:after {
   content: "."; 
   clear: both;
   display: block; 
   height: 0; 
   visibility: hidden; 
}

.admin-link {
    color: #4b4b4b;
    font-size: 14px;
    text-decoration: none;
}

.admin-link:hover {
    color: #000;
}

.admin-link span {
    display: inline-block;
    float: left;
    padding: 9px 0 0 10px;
}

.admin-link span.icon {
    background: url(../images/icon_download.svg) no-repeat;
    display: inline-block;
    float: left;
    height: 35px;
    padding: 0;
    width: 35px;
}

.admin-link.export-link span.icon {
    background: url(../images/export.png) no-repeat;
}

.admin-link.imports-link span.icon {
    background: url(../images/icon_requests.svg) no-repeat;
}

.admin-link.msg-link span.icon {
    background: url(../images/icon_messages.svg) no-repeat;
}

.adminHeader {
    font-size: 14px;
    margin-bottom: 15px;
}