/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27-sep-2015, 23:39:20
    Author     : awsultan
*/

* {
    margin: 0;
    padding: 0;
}

button {
  -webkit-user-select: text;  /* Chrome 49+ */
  -moz-user-select: text;     /* Firefox 43+ */
  -ms-user-select: text;      /* No support yet */
  user-select: text;          /* Likely future */
}

/* PAGE LAYOUT */

.ui-page-layout {
    
}

.ui-page-layout .ui-page-layout-header {
}

.ui-page-layout .ui-page-layout-left {
    position: absolute;
    width: 200px;
    left: 0;
}

.ui-page-layout .ui-page-layout-right {
    float: right;
    width: 200px;
}

.ui-page-layout .ui-page-layout-content {
    padding: 0 0 0 195px;
}

.ui-page-layout .ui-page-layout-footer {
}

@media only screen and (max-width: 768px) {
    
    .ui-page-layout .ui-page-layout-left {
        position: relative;
        width: 100%;
    }
    
    .ui-page-layout .ui-page-layout-content {
        padding: 0;
    }

}

/* HORIZONTAL LAYOUT */

div.ui-horizontal-layout {
    display: table;
    width: 100%;
}

.ui-horizontal-layout-item-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.ui-horizontal-layout-item {
    /*display: table-cell;*/
}

.ui-horizontal-layout-item > * {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    
    .ui-horizontal-layout.ui-responsive {
        display: block;
    }
    
    .ui-horizontal-layout.ui-responsive .ui-horizontal-layout-item-wrapper {
        display: block;
        width: 100% !important;
    }

    .ui-horizontal-layout.ui-responsive .ui-horizontal-layout-item {
        padding-right: 0 !important;
    }

}

/* VERTICAL LAYOUT */

div.ui-vertical-layout {
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.ui-vertical-layout-item-wrapper {
    display: table-row;
}

.ui-vertical-layout-item {
    display: table-cell;
}

.ui-vertical-layout-item > * {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

/* GRID LAYOUT */

div.ui-grid-layout {
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.ui-grid-layout-row {
    display: table-row;
}

.ui-grid-layout-cell {
    display: table-cell;
    vertical-align: top;
}

.ui-grid-layout-cell > * {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    
    .ui-grid-layout.ui-responsive {
        display: block;
    }
    
    .ui-grid-layout.ui-responsive > .ui-grid-layout-row {
        display: block;
    }
    
    .ui-grid-layout.ui-responsive > .ui-grid-layout-row > .ui-grid-layout-cell {
        display: block;
        width: 100% !important;
    }

}

/* FORM LAYOUT */

.ui-form-layout-label {
    float: left;
    width: 160px;
}

.ui-form-layout-field {
    float: left;
    width: calc(100% - 165px);
    margin-left: 5px;
}

.ui-form-layout-label > *,
.ui-form-layout-field > * {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    
    .ui-form-layout-label,
    .ui-form-layout-field {
        float: none;
        width: 100%;
    }

    .ui-form-layout-field {
        margin-left: 0;
    }

}

/* POPUP */

.ui-popup {
    position:absolute;
    z-index: 100;
}

/* DIALOG */

.ui-dialog-wrapper {
    position:fixed;
    z-index: 100;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
}

.ui-dialog-wrapper > * {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

.ui-dialog-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
}

.ui-dialog-layout-content {
    overflow: auto;
}

.ui-dialog-layout-content > * {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.ui-dialog-layout-header > *,
.ui-dialog-layout-footer > * {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

/* MENU */

.ui-menu {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    
    .ui-menu {
        position: relative;
        right: 0px;
        top: 0px;
        text-align: center;
    }
    
}

.ui-menu-item-wrapper {
    display: inline;
}

.ui-menu-item-wrapper > * {
    display: inline;
    box-sizing: border-box;
}

/* MESSAGE */

.ui-message-wrapper {
    position:fixed;
    z-index: 100;
}

.ui-message-wrapper > * {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

.ui-message-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.ui-message-close-button {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
}

/* ACCORDION */

.ui-accordion > * {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

/* SCROLL LAYOUT */

div.ui-scroll-layout {
    overflow: auto;
    /*position: fixed;*/
}

.ui-scroll-layout-item-wrapper {
}

.ui-scroll-layout-item {
}

.ui-scroll-layout-item > * {
}

@media only screen and (max-width: 768px) {

    div.ui-scroll-layout {
        position: initial;
        height:  auto !important;
    }
    
}