/* Styles dedicated to the custom application developed with ZnetDK */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;padding:0;border:0;font-size:100%;font:inherit;/*vertical-align:baseline;*/}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
/*ol,ul{list-style:none;margin:0;padding:0;}*/
/*blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}*/
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

#zdk-header {
    height:45px;
    background:#21B7C6;
    padding:0 20px;
}

h3 {
    font-weight:600;
    font-size:1.2em;
    margin:6px 0;
}

strong {
    font-weight: 600;
}

#zdk-header > a > img {
    margin-right:20px;
    height:45px;
}

#zdk-header-title, #zdk-header > a > img {
    float:left;
}

#zdk-header-title > h1, #zdk-header-title > h2 {
    float:left;
}

#zdk-header-title  > h1 {
    color:#fff;
    font-size: 21px;
    text-transform:uppercase;
    padding: 7px 12px 0;
    height:33px;
    background: #EB6841;
    border-bottom: 5px solid #BA3A14;
    border-right: 5px solid #CD542F;
}

#zdk-header-title > h2 {
    font-style:italic;
    font-size:14px;
    padding:12px 20px 0 40px;
}

#zdk-language-area-wrapper, #zdk-help-area, #zdk-connection-area {
    float:right;
}

#zdk-language-area-img {
    vertical-align: top;
}

#zdk-language-area-label {
    margin-left: 4px;
    vertical-align: text-bottom;
}

#zdk-connection-area {
    margin-top:5px;
}

#zdk-connection-area img {
    margin-right:7px;
    position:relative;
    top:4px;
}

#zdk-logout {
    margin-left:15px;
}

div.zdk-user-panel {
    width:auto;
    min-width: 190px;
    max-width: 360px;
}

#zdk-profile-view li {
    text-align:center;
}

#zdk-profile-view .pui-menuitem-link {
    width: 94%;
}

#zdk-profile-view li.username{
    margin-top:5px;
    font-weight:bold;
    font-size:1.1em;
}

#zdk-profile-view li.usermail{
    word-wrap: break-word;
}

#zdk-profile-view li.changepwd{
    margin-top:10px;
}
#zdk-profile-view li.my-user-rights {
    margin-top:5px;
}

#zdk-header, #zdk-footer {
    color:white;
}

#zdk-header, #zdk-footer, #zdk-breadcrumb-text, #zdk-help-area, #default_content {
    font-family: 'Open Sans', Helvetica, sans-serif;
}

#zdk-header a {
    color:#d3eced;
    font-size:0.9em;
}

#zdk-navi-toolbar {
    width:auto;
    height:40px;
    margin-top:4px;
    padding:0 15px;
}

#zdk-breadcrumb {
    float:left;
}

#zdk-breadcrumb .icone {
    float:left;
    background:url(../images/breadcrumb.png) no-repeat 15px 9px;
    background-color:#EB6841;
    padding:1.15em 1.5em;
    border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -o-border-bottom-left-radius: 8px;
}

#zdk-help-area .icone {
    float:left;
    background:url(../images/help.png) no-repeat 17px 6px;
    background-color:#21B7C6;
    padding:1.15em 1.5em;
    border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -o-border-bottom-left-radius: 8px;
}

#zdk-language-area-wrapper .icone {
    float:left;
    background:url(../images/world.png) no-repeat 14px 7px;
    background-color:#21B7C6;
    padding:1.15em 1.5em;
    margin-left:10px;
    border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -o-border-bottom-left-radius: 8px;
}

#zdk-ajax-loading {
    position:absolute;
    top:115px;
    left: 360px;
}

#zdk-language-area {
    float:left;
    background:#F1F1F1;
    height:25px;
    height:31px;
    padding:6px 10px 0;
}

#zdk-language-area > form > img {
    position:relative;
    right:3px;
    bottom:3px;
}

#zdk-breadcrumb-text, #zdk-help-area a {
    float:left;
    padding:8px 7px 0;
    height:29px;
    background:#F1F1F1;
    color:#3B5053;
    font-weight:600;
}

#zdk-help-area a:hover {
    color:#21b7c6;
}

#zdk_help_window h1 {
    font-size:1.5em;
    font-weight: 500;
    color: #EB6841;
}

#zdk_help_window h2 {
    font-size:1.3em;
    font-weight: 500;
    color:#21B7C6;
    margin-top: 10px;
}

#zdk_help_window h3 {
    font-size:1.1em;
    font-weight: 500;
    color:#32a9c3;
    margin-top: 5px;
}

#zdk_help_window p {
    margin-bottom: 5px;
}

#zdk_help_window div.ui-widget div.ui-state-highlight p {
    margin-top: 5px;
    margin-bottom: 5px;
}

#zdk-footer a {
    color:rgba(247, 199, 185, 1);
    font-size:1em;
}

#zdk-header a, #zdk-footer a, #zdk-help-area a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#zdk-header a:hover, #zdk-footer a:hover {
    color:#fff;
}

#zdk-content{
    margin:15px;
    color:#818181;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size:0.9em;
}

#znetdk-home-view a:link, #znetdk-home-view a:visited,
#zdk-content p > a:link, #zdk-content p > a:visited,
#default_content a:link, #default_content a:visited {
    color:#EB6841;
    text-decoration:underline;
}

#zdk-content p > a:hover, #zdk-content p > a:active,
#default_content a:hover, #default_content a:active {
    color:#44C0C2;
    text-decoration:none;
}

#zdk-content .pui-accordion-header a:hover,
#zdk-content .pui-accordion-header a:active {
    color:#00444B;
    text-decoration:none;
}

#zdk-content h2{
    font-size:2em;
    font-weight:600;
}

#zdk-content h3{
    font-size:1.3em;
}

#default_content  {
    border:0;
    padding:20px;
    font-size:1.1em !important;
}

#default_content h3  {
    font-size:1.3em !important;
    font-weight:600;
}

#zdk-footer {
    background:#EB6841; /*Orange */
    margin-top: 10px;
    padding:15px 0; 
    width:100%;
    text-align:center;
    font-size:14px;
}

#zdk-footer .first:after, #zdk-footer .second:after {
    content: " | ";
}

#zdk-messages.pui-growl {
    bottom: 45px;
    top: inherit;
    right: 15px;
}

.zdk-image-fatal {
    background-position: 0 -132px;
    margin: 0 10px 40px 0;
}

/* Styles specifically applied for the application */
p.ui-state-highlight, p.ui-state-error {
    font-size: 0.9em;
}

.pui-dialog-titlebar > i.fa  {
    float: left;
    position: relative;
    top: 6px;
    margin-right: 5px;
}