/*********************************************************************************
 *
 * Login Page
 *
 *********************************************************************************/
.login .logo img{
    width: 70%;
}

.login .footer-logo {
    margin-top: 100px;
    text-align: center;
}

.login .footer-logo a {
    display: inline-block;
}

.login .footer-logo img {
    width: 200px;
}

/*********************************************************************************
 *
 * Loading Component
 *
 *********************************************************************************/

#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    display: none;
}

#loading .overlay {
    background: #404040;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

#loading .image {
    z-index: 1;
    background: url(../images/spinner.gif);
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

/*********************************************************************************
 *
 * Modal Component
 *
 *********************************************************************************/
#modal-iframe {
    border: none;
    width: 100%;
    height: 100%;
    overflow:hidden;
    overflow-x:hidden;
    overflow-y:hidden;
}

#tmp-modal .modal-body p {
    overflow: scroll;
    text-align: center;
}

#select-list-modal .modal-dialog.fullscreen,
#iframe-modal .modal-dialog.fullscreen,
#tmp-modal .modal-dialog.fullscreen,
#tmp-modal .modal-dialog.fullscreen #modal-iframe {
    width: 90vw !important;
    /*height: 90vh !important;*/
}

.modal-dialog.fullscreen iframe {
    display: block;
    border: none;
    height: 75vh;
    width: 88vw;
}

.modal-body iframe {
    border: none;
}

.modal-header {
    overflow: hidden;
}

#form-modal .modal-footer {
    width: 100%;
    text-align: center;
}

#form-modal .btn-success,
#form-modal .btn-danger {
    width: 45%;
}

/*********************************************************************************
 *
 * Base
 *
 *********************************************************************************/
body.iframe {
    background: none;
}
.page-fixed-main-content .portlet-title .subtitle,
.page-main-content .portlet-title .subtitle {
    font-size: 14px;
    font-weight: 100;
}

.page-fixed-main-content .portlet-title .description,
.page-main-content .portlet-title .description {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: underline;
}

.page-fixed-main-content .portlet-body,
.page-main-content .portlet-body,
.note{
    position: relative;
}

.page-fixed-main-content .btn-close-message,
.page-main-content .btn-close-message {
    color: #fff;
    font-size: 14px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 5px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    box-shadow: -2px 3px 5px #999 !important;
}

@media only screen and (min-width: 991px) {
    .page-content-fixed-header {
        display: none !important;
    }
}


/*********************************************************************************
 *
 * Form
 *
 *********************************************************************************/
.form-group.error label {
    color: #ab2828;
}

.form-group.error input,
.form-group.error select,
.form-group.error textarea {
    border: 1px solid #ab2828;
    background: #fff2f2;
}

#table thead{
	position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 1px;
    z-index: 1;
}

#table {
    overflow-x: scroll!important;
    display: block!important;
}
#table thead, #table tbody {
    display: block!important;
}
#table tbody {
    overflow-y: scroll!important;
    overflow-x: hidden!important;
}
td, th {
    min-width: 200px!important;
	max-width:200px!important;
}