/*********************************************\
  WoF
  Communication platform
  Piotr Polak (c) 2003-2005 Softeris.pl
\*********************************************/



/*
    Note: It is best to use a less version of this file ( see http://css2less.cc
    For the media queries use @screen-sm-min instead of 768px.
    For .omb_spanOr use @body-bg instead of white.
*/

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('../java/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../java/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../java/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../java/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
    url('../java/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

A { text-decoration:none; }

/*body { margin:15px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif }*/

body { margin:15px; margin-bottom: 0px; font-family: LatoWeb, Helvetica, Arial, sans-serif }

INPUT, SELECT, TEXTAREA { font-family: Helvetica, Arial, sans-serif }

.button_td { padding-left: 9px; padding-right: 10px; }

.edit_td { padding: 1px 3px; font-size: 0.9em; }

.edit_td INPUT, .edit_td SELECT, .edit_td TEXTAREA { font-size:0.82em }

.view_td { padding: 2px; font-size: 0.82em; }

html div.col-lg-12.col-md-12.col-xs-12.mainContainer div.col-lg-4.col-lg-offset-4.col-md-6.col-md-offset-3.col-sm-8.col-sm-offset-2.col-xs-10.col-xs-offset-1.loginForm form#wof_login div.form-group button.btn.btn-warning.col-lg-4.col-md-4.col-sm-4.col-xs-4{
    margin-bottom: 15px;
}

html body div.col-lg-12.col-md-12.col-xs-12.mainContainer div.col-lg-4.col-lg-offset-4.col-md-6.col-md-offset-3.col-sm-8.col-sm-offset-2.col-xs-10.col-xs-offset-1.loginForm form#wof_login div.form-group label{
    margin-top: 5px;
}

html {
    padding-bottom: 20px;
}

body
{
    margin: 15px;
    margin-bottom: 0px;
}

/* poczatek porządnego stylowania */
.small { font-size:12px; }

/*po alert 8.03.03
/*Ukrywanie kolumn PM*/
.img_show {
    /* background-image: url(../images/minus.png);
     background-repeat: no-repeat;
     background-size: 20px auto;
     width: 14px;
     height: 14px;float: right;*/
    cursor: pointer;
    display: block;
}

.img_hidden{
    /*background-image: url(../images/plus.png);
    background-repeat: no-repeat;
    background-size: 17px auto;
    height: 15px;
    margin-left: 0;
    width: 15px;
    */
    cursor: pointer;
    display: none;
}

.view_td {
    min-width: 6px;
    margin-left: 10px;
}

.image_thumb
{
    /*width: 234px;*/
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

/* ------------------------------- */
/* ------------ MAIN ------------- */
/* ------------------------------- */

.tooltip-disabled a font {
    text-decoration: line-through;
}

#my_view {
    position: relative;
    top: 3px;
    margin: 0;
    height: auto !important;
}

.nomargin {
    margin: 0 !important;
}

.div-cell-lines .div-cell-lines-data .SumoSelect {
    width: 100% !important;
}

.more-lines-button, .delete-lines-button {
    position: relative;
    top: 10px;
}
input {
    padding-left: 3px;
}
.process-bar {
    margin-top: 15px;
    margin-bottom: 15px;
}

.menu-softeris-workflow {
    margin-top: 0 !important;
    margin-bottom: 15px;
}

.workflow-alert {
    font-weight: bold;
}

.workflow-alert-error {
    color: #ff0000;
}

.top-bar {
    margin-bottom: 15px;
    padding: 0px;
}

.BackupColumn{
    width: 24%;
    display: inline-block;
}

.BackupImage{
    width: 50px;
    height: 50px;
}

.file-icon {
    margin: 0 auto;
}

.process-bar-icon {
    padding: 0 !important;
}

.process-bar-icon a{
    width: 100% !important;
}

/* ------------------------------- */
/* ------------ LOGIN ------------ */
/* ------------------------------- */
.omb_row-sm-offset-3 {
    margin-top: 15px;
}
.social-btn-login {
    padding: 5px;
}

.alert {
    display: none;
}

.logoLogin {
    margin: 20px 0 40px 0;
    text-align: center;
    height: 48px;
}

.wof-logo {
    display: inline-block;
    margin: 0 auto;
    width: 48px;
    height: 48px;
    background: url("../images/wof/wof-48.png");
}

.logoLogin h2 {
    display: inline-block;
    position: relative;
    margin: 0;
    top: -13px;
    left: 5px;
}

.loginForm {
    background-color: #66C0FF;
    color: #000;
    border-radius: 5px;
    box-shadow: 1px 1px 25px #000;
}

.messageBox {
    float: none;
    padding: 5px;
    /*box-shadow: 1px 1px 3px #000;*/
    margin: 15px 0;
    /*color: #000;*/
    /*font-weight: bold;*/
    z-index: 150;
}

.messageBox p {
    padding: 5px 15px;
    display: inline-block;
}

.socialLogins {
    padding: 0px;
    margin: 15px 0 15px 0;
    display: none;
}

.optionsLogin {
    padding: 0px;
    margin: 15px 0 15px 0;
    display: none;
}

.ssl-ico {
    float: right;
    margin-top: 15px;
}

.btn-login-panel {
    border: solid 5px #66C0FF;
    background: #99D0FF;
    margin-bottom: 5px;
    outline: none !important;
}

.btn-login-panel:hover {
    background: #C5E5FF;
}

@media  only screen and (min-width: 768px) {
    .omb_row-sm-offset-3 div:first-child[class*="col-"] {
        margin-left: 25%;
    }
}

.ssl-wrapper {
    float: right;
}

.omb_languageButtons {
    /*padding-top: 25px;*/
}

.remember-forgot {
    margin-top: 0;
    margin-bottom: 10px;
}

.remember-forgot-elem{
    margin-left: 0 !important;
}

.omb_login .omb_authTitle {
    text-align: center;
    line-height: 300%;
}

.omb_login .omb_socialButtons {
    padding-left: 20px;
    padding-right: 20px;
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
}

.omb_login .omb_socialButtons a {
    color: white; // In yourUse @body-bg
opacity:0.9;
}
.omb_login .omb_socialButtons a:hover {
    color: white;
    opacity:1;
}
.omb_login .omb_socialButtons .omb_btn-facebook {background: #3b5998;}
.omb_login .omb_socialButtons .omb_btn-twitter {background: #00aced;}
.omb_login .omb_socialButtons .omb_btn-google {background: #c32f10;}


.omb_login .omb_loginOr {
    position: relative;
    font-size: 1.5em;
    color: #aaa;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.omb_login .omb_loginOr .omb_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -0.6em;
    margin-left: -1.5em;
    background-color: white;
    width: 3em;
    text-align: center;
}

.omb_login .omb_loginForm .input-group.i {
    width: 2em;
}
.omb_login .omb_loginForm  .help-block {
    color: red;
}

.checkbox input {
    margin-left: 0 !important;
    padding-right: 10px;
}

.omb_login .messageBox {
    margin-left: 0 !important;
}

.omb_forgotPwd {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
}
.scrollable-list1 {
    width:100%;
    min-height: 500px;
    overflow-x: auto;
    overflow-y: hidden;
}
@media  only screen and (min-width: 1025px) {
    body {
        margin-left: 0;
        margin-right: 0;
    }
    .omb_login .omb_forgotPwd {
        text-align: right;
        margin-top:10px;
    }
    .footer_workflow,
    .footer_workflow + .vertical-space,
    .menu-softeris-workflow,
    .menu-softeris-workflow + a + .vertical-space,
    .workflow-action-panel,
    .menu-softeris-workflow + a + link + script + script + script + .vertical-space {
        position:fixed;
        left:0;
        z-index: 900;
        top:0;
        width: 100%;
    }
    .footer_workflow {
        z-index: 200;
    }
    .workflow-action-panel {
        z-index: 800;
        top:80;
    }
    .footer_workflow + .vertical-space {
        top:40;
    }
    .menu-softeris-workflow {
        top:42;
    }
    .menu-softeris-workflow ul#listMenuRoot {
        width: 100%;
    }
    .menu-softeris-workflow ul#listMenuRoot ul {
        top:5px;
    }
    .menu-softeris-workflow li {
        padding: 3px 5px 0px 5px !important;
    }
    .menu-softeris-workflow + a + .vertical-space,
    .menu-softeris-workflow + a + link + script + script + script + .vertical-space {
        top:101;
    }
    .print-table-buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
    }
    .workspace .footer_workflow + .vertical-space
    {
        z-index: 0 !important;
    }
    #header-fixer {
        height: 118px;
        clear:both;
    }
    .workspace #header-fixer {
        height: 30px;
    }
    #footer-fixer {
        clear: both;
        height: 20px;
    }
    .views-paginate-panel {
        position: fixed;
        bottom: 0;
        left: 0;
    }
    .views-paginate-panel .normal-button {
        padding-bottom: 3px;
    }
    .views-paginate-panel .normal-button a {
        padding: 0 !important;
    }
    .messageBox {
        margin: 0;
    }
}

.btn {
    padding: 5px 0px !important;
}

.remember-me {
    padding-left: 20px;
}

/* ------------------------------- */
/* ---------- WORKSPACE ---------- */
/* ------------------------------- */

.workspace .top-bar {
    display: none;
}

.table_background {
    text-align: center;
}

.workspace-banner-top {

}

.top-menu-icon {
    display: inline-block;
}

.top-menu-name {
    margin-left: 10px;
}

.category_workspace {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 2px;
    padding-top: 0;
}

.category-workspace-mobile {
    height: auto;
    padding: 2px;
    margin: 0;
}
a.proces:hover {
    text-decoration: none;
}

.proces {
    padding: 2px;
    text-align: center;
    border-radius: 2px;
    font-size: 13px;
    float:left;
    min-height: 95px;
    z-index: 1;
}

.category_workspace {
    float: none;
    display: inline-block;
}

.separate-categories {
    display: inline-block;
    border-top: none;
    height: auto;
    width: 95%;
    /*padding: 5px;*/
    /*box-shadow: 1px 1px 5px #000;*/
}

.procesIcon{
    max-width: 50px;
}

.iconMobile{
    height:65px;
    float:left;
    margin: 5px 0 5px 0;
    font-size: 13px;
}

.process-counter {
    font-size: 12px;
    margin: 0 auto !important;
    float: none;
    /*border-radius: 50%;*/
    border-radius: 8px / 50%;
    padding: 2px 5px !important;
}

.process-name {
    margin: 0 auto !important;
    float: none;
}

.category_name {
    font-size: 15px;
    width: 100%;
    /*border-radius: 5px;*/
    font-weight: bold;
    /*padding: 5px;*/
    display: inline-table;
    word-break: break-all;
}

.workflow-mobile-top {
    padding-top: 5px;
    margin-top: 15px;
    background-color: #0000FF;
    /*border-radius: 5px;*/
}

.workflow-mobile-top-text {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 4px;
    margin-left: 4px;
}

.workflow-mobile-top-text a {
   /* position: relative;
    top: 4px;
    margin-left: 4px;*/
    text-decoration: none;
}

.workflow-mobile-top-img {
    display: inline-block;
}

.normal-button {
    padding-top: 5px;
    padding-bottom: 5px;
}

.normal-button a {
    display: inline-block;
    width: auto;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.normal-button a:hover {
    border-radius: 5px;
    text-decoration: none;
}

.normal-button .icon-image {
    display: inline-block;
}

/* Centrowanie menu górnego */
.navigation {
    height: auto;
    /*width: 100%;*/
    text-align: left;
    padding: 0px;
}

.navigation ul {
    /*border-radius: 5px;*/
    text-align: center;
    display: inline-block;
    position: relative;
    font-size: 14px;
}

.navigation ul li{
    padding: 5px;
    padding-top: 8px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}

.navigation ul li:hover{
    /*border-radius: 5px;*/
}

.navigation ul li a{
    padding: 5px 2px;
}

.navigation ul li a:hover{
    text-decoration: none;
}

.navigation ul li ul {
    text-align: left;
}

.navigation ul li ul li {
    padding: 0;
}

.logo-info-desk-top{
    padding: 0px;
    min-width: 16.666666%;
    padding-right:20px;
    width: auto !important;
    text-align: left;
    white-space: nowrap;
    padding-left: 2px;
    padding-top: 2px;
}

.footer_workflow {
    /*text-align: center;*/
    z-index: 1000;
    padding: 0;
}
.last-processes {
    position: relative;
    display:inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
@media (max-width:767px) {
    .last-processes {
        margin-left: 20px;
        padding-left: 10px;
        margin-top: 5px;
        margin-right: 0px;
    }
    .footer-btn-logout{
        float:right !important;
    }
}
.last-process {
    padding: 0px 4px;
    display: inline-block !important;
}

.last-processes img {
    height: 22px;
    width: 22px;
    padding: 2px;
    border-radius: 3px;
}


.footer-btn {
    cursor: pointer;
}

.footer-btn-language {
    border-right: none !important;
    padding: 5px;
}

.footer-btn-language select {
    width: 100%;
}

.footer-btn-user-logout {
    border-right: none !important;
    display: inline-block;
    float: right;
}

.footer-btn-logout {
    border-right: none !important;
}

.footer-btn-company {
    padding: 5px 10px;
    display: inline-block;
}

.footer-btn-company form {
    padding: 0;
    margin: 0;
}

/* ------------------------------- */
/* ----------- TOOLTIP ----------- */
/* ------------------------------- */

.tooltip{
    min-width: 200px;
    max-width: 300px;
    opacity: 1 !important;
    z-index: 2000;
}
/*.tooltip-head{*/
/*width: 100%;*/
/*color: #fff;*/
/*padding: 5px 0;*/
/*border-radius: 4px 4px 0 0;*/
/*text-align: center;*/
/*margin-bottom: 0px;*/
/*!*box-shadow: 1px 1px 5px #000;*!*/
/*}*/
/*.tooltip-head .workflow-help-logo{*/
/*font-size: 22px;*/
/*vertical-align: bottom;*/
/*}*/
/*.tooltip-head h3{*/
/*margin: 0;*/
/*font-size: 15px;*/
/*font-weight: bold;*/
/*}*/
.tooltip-inner{
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*word-break: break-all;*/
    /*white-space: pre-wrap;*/
}
.tooltip-separate{
    margin: 0;
    padding: 0;
    padding-top: 5px;
    margin-top: 5px;
    width: 100%;
}
.tooltip-important-text{
    font-size: 14px;
    font-weight: bold;
}
.tooltip-header{
    font-size: 16px;
}


/* ------------------------------- */
/* ------------- VIEW ------------ */
/* ------------------------------- */

.favorite-view-message {
    padding: 2px 5px;
    margin-left: 10px;
}

.summary-view {
    text-align: center;
    padding: 5px;
    margin-bottom: 15px;
}

.workflow-action-panel {
    padding: 0;
    font-size: 14px;
    /*text-align: center;*/
}

.action-panel-row-1 {
    height: 50px;
    /*box-shadow: 1px 1px 10px #000;*/
}

.import-panel {
    /*box-shadow: 1px 1px 10px #000;*/
}

.view-print-message {
    /*padding: 15px 0;*/
    padding: 0;
}
.view-print-message .messageBox {
    color: #000;
}

.view-print-message .edit-big-message {
    font-size: 30px;
}

.view-print-message-text {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

.table-head-views {
    overflow: hidden;
    padding: 5px 15px;
    width: auto;
    display: inline-block;
    height: 80px;
    border: solid 1px #000;
}

.views-documents {
    padding: 0;
    min-width: 100%;
    width: auto;
}

.views-documents-list {
    padding: 0;
    margin-bottom: 15px;
}

.sort-link-image {
    width: 14px;
    height: 18px;
    margin-left: 5px;
}

.sort-link:hover {
    text-decoration: none;
    text-underline: none;
}

.hide-column {
    font-size: 17px;
    font-weight: bold;
}

.div-table
{
    margin: 0 auto;
    display: table;
    width: 100%;
}
.div-table-title
{
    display: table-caption;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}
.div-heading
{
    display: table-row;
    /*font-weight: bold;*/
    text-align: center;
}

.img-responsive {
    margin: 0 auto;
}

.div-heading-element {
    font-weight: normal !important;
}

label {
    font-weight: normal;
}

.views-action-links-element a {
    font-weight: normal;
}

.div-row
{
    display: table-row;
}

.div-cell
{
    display: table-cell;
    border-width: thin;
    padding: 3px;
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
    vertical-align: middle;
    /*text-align: center;*/
}

.div-row-document {
    cursor: hand;
}

.paginate-button {
    display: inline-block;
    width: 5%;
}

.paginate-button a {
    width: 100%;
}

.paginate-button-active a {
    color: #000;
}

.paginate-button-active a:hover {
    cursor: default;
    color: #000;
}

.views-checkbox-label {
    margin-left: 5px;
}

.views-form-export {
    display: table-row-group;
}

.action-panel-mobile {
    text-align: right;
    width: 100%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1000;
}

.action-panel-option {
    display: block !important;
    margin-top: 15px;
    box-shadow: 1px 1px 3px #000;
    border-radius: 5px;
}

.add-button {
    cursor: pointer;
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
    background: #00ff00;
    border-radius: 50%;
    box-shadow: 1px 1px 3px #000;
}

.add-button-options {
    position: fixed;
    right: 15px;
    bottom: 80px;
    display: none;
}

.add-button .glyphicon {
    top: 17px;
    right: 18px;
}

.edit-comment-buttons {
    padding: 0;
}

.edit-comment-buttons font {
    position: relative;
    bottom: 1px;
}

.edit-comment-buttons .glyphicon {
    font-size: 20px;
    top: 3px;
    margin-right: 5px;
}

.action-links-col {
    font-size: 11px;
    /*najezdzały na siebie akcje*/
    /*max-width: 150px;*/
}

.process-bar-icon a font font{
    font-size: 11px;
}

.action-panel-btn-process a font {
    position: relative;
    top: 4px;
}

.action-panel-btn-process a font img {
    position: relative;
    top: -2px;
}

.action-panel-btn {
    cursor: pointer;
    padding: 0;
}

.action-panel-btn a {
    height: 50px;
    /*padding: 5px;*/
}

.action-panel-btn a span{
    padding-top: 8px;
    font-size: 25px;
}

.action-panel-btn-add a font {
    display: inline-block;
    position: relative;
    bottom: 2px;
    font-size: 25px;
}

.action-panel-process-btn a{
    padding: 5px 5px;
    font-size: 20px;
    font-weight: bold;
}

#search_filter {
    width: 150px;
}

.action-panel-btn-back a span{
    padding-top: 3px !important;
    font-size: 36px !important;
}

.action-panel-buttons-group, .action-panel-buttons-add  {
    display: inline-block;
    float: right;
    height: 50px;
    text-align: right;
}

.action-panel-row-2-btn {
    padding: 0;
}

.action-panel-row-2-btn a {
    width: 100%;
    padding: 5px;
}

.action-panel-btn-search {
    display: inline-block;
}

.action-panel-buttons-add {
    display: inline-block;
}

.ext-buttons {
    clear: both;
    padding-top: 5px;
    float: none;
    text-align: center;
}

.ext-button {
    float: none;
    font-size: 14px;
    padding: 2px 0;
    display: inline-block;
}

#search_filter_image {
    width: 17px; /* było 16px ale coś sie popsuło samo wszędzie  */
    margin-left: -17px; /* było -18px ale coś sie popsuło samo wszędzie  */
    margin-top: -1px;
    cursor: pointer;
}

.SumoSelect > .CaptionCont > span {
    display: flex !important;
    align-items: center;
}
/* ------------- Views panel ------------ */
.views-panel {
    padding: 7px;
    margin-bottom: 1px;
}
.vp-element {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;

}
.vp-element * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.vpe-label {
    display: inline;
    margin: 0 3px 0 0;
}
.vpe-data {
    margin: 0 1px;
}
.vpe-data input[type='checkbox'] {
    margin: 0;
}
.vpe-data input:not(.multiselect-search),
.vpe-data button
{
    max-height: 24px;
    vertical-align: middle;
}
.vpe-right {
    float:right;
}
.text-error {
    color: red;
}
.text-success {
    color: green;
}


/* ------------------------------- */
/* ------------- EDIT ------------ */
/* ------------------------------- */

.submit-btn-msg {
    text-align: right;
}

.submit-btn-msg-txt {
    padding-right: 5px;
    font-size: 14px;
}

.submit-btn {
    margin: 0;
    padding: 0;
}

.submit-btn .normal-button {
    width: 100%;
}

.submit-btn .normal-button a {
    width: 100%;
    height: 100%;
}

.wof-edit-menu-top{
    margin-bottom: 10px;
}

#wof_lightbox {
    position: absolute;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 200;
    height: 300%;
    background-color: black;
    display: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.edit-main-container {
    padding: 0;
    padding-bottom: 15px;
    /*box-shadow: 1px 1px 3px #000;*/
}

.heading-highlight {
    display: inline-block;
    padding: 2px;
}

.table-edit-general {
    margin-top: 15px;
    /*box-shadow: 1px 1px 3px #000;*/
    /*padding: 5px 0;*/
}

.document-fields-table-names {
    /*font-weight: bold;*/
    text-align: right;
    white-space: nowrap;
}

.document-fields-table-data {
    text-align: left;
    word-wrap: break-word;
}

.edit-file-element {
    border: none !important;
    padding: 5px;
}

.summary-cell {
    text-align: left;
}

.edit-main-container-2, .edit-main-container-3 {
    padding: 15px 0;
    /*box-shadow: 1px 1px 3px #000;*/
}

.document-fields-table-data img {
    max-width: 100%;
    height: auto;
    display: block;
}

.div-row-lines {
    cursor: hand;
}

.edit-remove-buttons {
    padding: 0px;
}

.edit-remove-buttons a{
    padding: 3px;
}

.edit-remove-buttons span{
    font-size: 25px;
    padding: 0;
    margin: 0;
    top: 6px;
    margin-right: 5px;
}

.edit-remove-buttons font{
    position: relative;
    font-weight: bold;
    padding: 0;
    margin: 0;
    bottom: -2px;
}

.submit-btn-next a{
    padding: 0px;
}

.submit-btn-next span{
    font-size: 25px;
}

.submit-btn-next font{
    position: relative;
    bottom: 3px;
    font-weight: bold;
}

.document-fields-table-data .div-cell {
    border: none !important;
}

.SumoSelect {
    height: 25px !important;
}

.document-fields-table-data input, .document-fields-table-data select, .document-fields-table-data .SumoSelect{
    min-width: 150px;
}

.document-fields-table-data input[type='checkbox'] {
    min-width: auto;
    width: auto !important;
}

.footer-btn-logout .glyphicon {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.footer-btn .glyphicon {
    margin-right: 4px;
}

.action-panel-row-2-btn .glyphicon {
    margin-right: 4px;
    font-size: 16px;
    top: 3px;
}


/* ------------------------------- */
/* -------- MEDIA QUERIES -------- */
/* ------------------------------- */
@media (max-width:767px) {
    .document-fields-table-data input, .document-fields-table-data select, .document-fields-table-data .SumoSelect{
        width: 100% !important;
        height: 30px;
    }

    .document-fields-table-data input[type='checkbox'] {
        height: auto;
    }
    .document-fields-table {
        /*box-shadow: 1px 1px 3px #000;*/
        padding: 5px 0;
    }

    .document-fields-table-names {
        display: inline-block;
        width: 30% !important;
        text-align: left;
        white-space: normal;
    }

    .document-fields-table-data {
        display: inline-block;
        width: 70% !important;
        text-align: left;
    }

    .document-fields-table-normal {
        background: none !important;
        display: flex;
    }
    .heading-name {
        padding: 0 !important;
    }

    .heading-unhighlight {
        width: 30%;
        padding: 2px;
        display: inline-block;
    }

    .heading-name {
        text-align: left;
    }

    .heading-highlight {
        text-align: left;
        float: right;
        width: 70%;
    }
    .div-heading-element .hidden_col .hidden-col .hide-column {
        display: inline;
        margin-left: 15px;
    }
    .div-heading-element .hidden_col .hidden-col {
        text-align: center;
        width: 100%;
    }
    .div-heading-element {
        min-height: 40px;
        width: 50%;
    }
}
/* Extra Small */
@media(max-width:767px){
    .vp-element {
        width: 100%;
        margin: 0;
    }
    .vp-element * {
        max-width: 100% !important;
    }
    .vpe-label {
        width: 30%;
        margin-top: -1px !important;
    }
    .vpe-label,
    .vpe-data {
        display: inline-block;
        margin: 0;
        margin-bottom: 3px !important;
    }
    .vpe-data:nth-of-type(1):nth-last-of-type(1),
    .vpe-data:nth-of-type(1):nth-last-of-type(3),
    .vpe-data:nth-of-type(3):nth-last-of-type(2){
        width:70%;
    }
    .vpe-data:nth-of-type(2):nth-last-of-type(2),
    .vpe-data:nth-of-type(3):nth-last-of-type(1){
        width:49%;
    }
    .vpe-data:nth-of-type(2):nth-last-of-type(2) {
        margin-right: 1%;
    }
    .vpe-data:nth-of-type(1):nth-last-of-type(2) {
        width: 29%;
        margin-right: 1%;
    }
    .vpe-data:nth-of-type(2):nth-last-of-type(1){
        width: 39%;
        margin-left: 1%;
    }
    .vpe-data:nth-of-type(3):nth-last-of-type(1) {
        margin-left: 1%;
    }
    .favorite-view-message {
        width: 100% !important;
        text-align: center;
        margin: 2px 0 5px 0 !important;
    }
    .vpe-data button {
        width: 100%;
        text-align: center;
        margin-top: -1px !important;
    }
    .vpe-data .btn-group,
    .vpe-data .btn-group .multiselect{
        text-align: left !important;
        width: 100%;
    }
    .filterki {
        padding: 0;
    }
    .filterki input[type='date'] {
        height: 24px !important;
    }
    #field_file_comment {
        min-width: unset !important;
    }



    .span-outdated {
        width: 70%;
        display: flex;
    }

    .span-outdated div.hidden-col {
        width: 100%;
    }


    .submit-btn-comment {
        display: flex !important;
        padding: 10px !important;
        align-items: center;
    }

    .submit-btn-msg {
        text-align: center;
    }

    .submit-btn-msg-txt {
        margin: 0 auto;
    }

    div input, div select, .SumoSelect, .SumoSelect > .CaptionCont > span {
        height: 30px !important;
    }

    div input[type='checkbox'] {
        height: auto !important;
    }


    #search_filter_image {
        width: 24px !important;
        height: 24px !important;
        margin-left: -26px;
        margin-top: -1px;
    }

    .omb_login .omb_socialButtons {
        padding-left: 10px;
        padding-right: 10px;
        /*margin-left: -10px;*/
        /*margin-right: -10px;*/
    }

    .calc-field {
        margin-right: 15px;
        margin-top: 15px;
    }

    .action-panel-buttons-add {
        margin-top: 10px;
    }

    .action-panel-process-btn a {
        padding: 8px 5px;
    }

    .action-panel-btn-process a font {
        top: 2px;
    }

    .div-row-document-search .div-cell, .div-row-document-export .div-cell {
        padding: 0 !important;
    }

    .div-row-document-search .hidden-col-element, .div-row-document-export .hidden-col-element {
        padding: 5px 2px !important;
    }

    .favorite-view-message {
        padding: 2px 5px;
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }

    .action-panel-btn-process a {
        height: auto !important;
        float: left;
    }
    .menu-softeris-workflow {
        margin-bottom: 0;
    }


    .action-panel-btn-add a font {
        top: 4px;
    }
    .action-panel-buttons-add {
        margin-bottom: 5px;
    }
    .action-panel-btn-add {
    }

    #views-documents-list-row-1-id {
        display: none;
        margin-bottom: 15px;
    }
    body {
        margin: 0px;
        font-size: 1.5em;
    }

    .separate-categories {
        width: 98%;
    }

    .footer-btn {
        width: 33.3333%;
    }

    .footer-btn-user-logout {
        width: 100%;
    }

    .proces {
        min-height: 100px;
    }

    .div-table, .div-heading, .div-cell, .div-row{
        display: block;
    }
    .div-heading-element {
        float: none;
        display: inline-block;
        /*box-shadow: 1px 1px 3px #000;*/
    }
    .div-cell {
        display: flex;
    }

    .div-row-document {
        /*margin-bottom: 15px;*/
        /*box-shadow: 1px 1px 3px #000;*/
    }

    .views-action-links {
        padding: 0;
    }

    .div-cell {
        padding: 2px;
    }

    .mobile-heading {
        text-align: left;
        display: inline-block;
        width: 30%;
        /*font-weight: bold;*/
        padding-right: 10px;
        padding-left: 2px;
    }

    .hidden-col-element {
        display: inline-block;
        width: 70%;
        text-align: left;
        padding-left: 10px;
    }

    .views-form-export {
        display: block;
    }

    .action-links-col {
        max-width: 100%;
        margin-top: 10px;
    }

    .hidden-col-action-links {
        width: 100%;
        text-align: center;
    }

    .views-action-link {
        display: inline-block;
        width: 50%;
        margin-bottom: 10px;
    }

    .views-action-links-element a {
        text-align: center;
        display: inline-block;
        width: 100%;
        font-size: 18px;
        padding: 2px 0;
        color: #000;
    }

    .views-action-links-element a:hover {
        text-decoration: none;
    }

    .views-paginate-panel {
        margin-top: -15px;
    }




    .lines-label {
        /*box-shadow: 1px 1px 3px #000;*/
        margin-bottom: 20px;
    }

    .div-row-lines {
        /*box-shadow: 1px 1px 3px #000;*/
        margin-bottom: 15px;
    }

    .div-cell-lines {
        text-align: left;
    }

    .div-cell-lines-label {
        display: inline-block;
        width: 30%;
        text-align: left;
        padding-left: 2px;
        /*font-weight: bold;*/
    }

    .div-cell-lines-data {
        display: inline-block;
        width: 70%;
    }

    .div-row-history {
        /*box-shadow: 1px 1px 3px #000;*/
        margin-bottom: 15px;
    }

    .div-cell-history {
        text-align: left;
        padding: 0px;
    }

    .div-cell-history-label {
        display: inline-block;
        width: 30%;
        text-align: left;
        padding-left: 2px;
        /*font-weight: bold;*/
    }

    .div-cell-history-data {
        display: inline-block;
        width: 70%;
        padding: 2px;
    }

    .div-row-work {
        /*box-shadow: 1px 1px 3px #000;*/
        margin-bottom: 15px;
    }

    .div-cell-work {
        text-align: left;
        padding: 0px;
    }

    .div-cell-work-label {
        display: inline-block;
        width: 30%;
        text-align: left;
        padding-left: 2px;
        /*font-weight: bold;*/
    }

    .div-cell-work-data {
        display: inline-block;
        width: 70%;
        padding: 2px;
    }

    .div-row input {
        max-width: 100%;
    }

    .div-row select {
        max-width: 100%;
    }

    .div-row textarea {
        max-width: 100%;
    }

    .paginate-button {
        width: 50%;
    }

    .action-panel-row-1-view {
        border-bottom: none;
    }

    .div-cell-document {
        padding: 0px;
    }

    .submit-btn {
        margin: 0;
        padding: 0;
    }

    .submit-btn .normal-button {
        width: 100%;
    }

    .submit-btn .normal-button a {
        width: 100%;
        height: auto;
    }

    .action-panel-row-1 {
        height: auto;
    }

    #search_filter {
        width: 98%;
        margin-left:1%;
    }

    .action-panel-buttons-group {
        display: inline-block;
        float: none;
    }

    .action-panel-btn-search {
        display: block;
        padding: 5px 0;
    }

    .action-panel-buttons-add {
        display: block;
        width: 100%;
        text-align: center;
    }

    .action-panel-buttons-group, .action-panel-buttons-add  {
        /*display: block;*/
        width: 100%;
    }

    .action-panel-buttons-group-edit {
        height: auto;
    }
    .action-panel-buttons-add  {
        height: 40px;
    }
    .action-panel-buttons-add > div {
        margin-top:10px;
    }
    .action-panel-buttons-add > div a {
        height: 30px;
    }
    .action-panel-buttons-add > div font,
    .action-panel-buttons-add > div font span {
        font-size: 18px;
        top: 0;
    }
    .ukryj {
        display: none;
    }
    .div-cell-work-data {
        overflow: auto;
    }

    /******************************/
    /******** LOGTRANS CSS ********/
    /******************************/



    @media print {
        a[href]:after {
            content: none !important;
        }

        a[href] {
            display:none;
        }

        .div-cel {
            border:none !important;
        }
    }


    .document-fields-table-data. table-t-wrh-status-informacje-2 .div-cel {
        border-bottom: solid 1px RED !important;
    }

    .document-fields-table{
        margin-bottom:20px;
    }

    .document-fields-table-data, .heading-highlight  {
        display: inline-block;
        width: 80% !important;
    }

    .document-fields-table-names, .heading-unhighlight {
        display: inline-block;
        width: 20% !important;
        text-align: left;
        white-space: normal;
    }

    .table-t-wrh-status-informacje .div-row {
        border-right: none !important;
        border-bottom: none !important;
    }


    .premium-approval-informacje {
        margin-top: 0 !important;
    }
    .premium-approval-informacje .div-row .premium-approval-informacje-div-cell {
        width: 100% !important;
    }
    .table-t-wrh-status-informacje .div-cell {
        text-align: left !important;
        border: none !important;
    }

    .table-t-wrh-status-informacje .div-cell a {
        display: inline-block;
    }

    .table-t-wrh-status-informacje .div-cell span {
        float: left;
        text-align: left;
        width: 50%;
    }

    .div-info-twrh {
        text-align: left;
    }

    .div-info-twrh span {
        float: left;
        display: inline-block;
        text-align: left;
        width: 50%;
    }

    .table-t-wrh-status-informacje .div-cell .div-row {
        display: inline-block;
        width: 100%;
    }

    .table-t-wrh-status-informacje .div-cell .div-cell {
        text-align: center !important;
        width: 100% !important;
    }

    .table-t-wrh-status-informacje-1 .div-cell {
        width: 50% !important;
        display: inline-block;
        text-align: center !important;
        border:none !important;
    }

    .table-t-wrh-status-informacje-1 .div-cell-qty, .table-t-wrh-status-informacje-1 .div-cell-dir {
        min-height: 0;
    }
    .boxToUnread {
        position:absolute;
        right: 3px;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px){

    #field_file_comment {
        min-width: unset !important;
    }

    .heading-name {
        padding: 0 !important;
    }

    .heading-unhighlight {
        width: 30%;
        padding: 2px;
        display: inline-block;
    }

    .span-outdated {
        width: 70%;
        display: flex;
    }

    .span-outdated div.hidden-col {
        width: 100%;
    }


    .submit-btn-comment {
        display: flex !important;
        padding: 10px !important;
        align-items: center;
    }

    .submit-btn-msg {
        text-align: center;
    }

    .submit-btn-msg-txt {
        margin: 0 auto;
    }

    div input, div select, .SumoSelect, .SumoSelect > .CaptionCont > span {
        height: 30px !important;
    }

    div input[type='checkbox'] {
        height: auto !important;
    }

    #search_filter_image {
        width: 24px !important;
        height: 24px !important;
        margin-left: -26px;
        margin-top: -1px;
    }

    .calc-field {
        margin-right: 15px;
    }

    .div-row-document-search .div-cell, .div-row-document-export .div-cell {
        padding: 0 !important;
    }

    .div-row-document-search .hidden-col-element, .div-row-document-export .hidden-col-element {
        padding: 5px 2px !important;
    }

    .favorite-view-message {
        padding: 2px 5px;
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }

    .menu-softeris-workflow {
        margin-bottom: 0;
    }
    .document-fields-table-data input, .document-fields-table-data select, .document-fields-table-data .SumoSelect{
        width: 100% !important;
    }

    .action-panel-btn-add a font {
        top: 4px;
    }
    .div-heading-element .hidden_col .hidden-col .hide-column {
        display: inline;
        margin-left: 15px;
    }
    .div-heading-element .hidden_col .hidden-col {
        text-align: center;
        width: 100%;
    }
    .div-heading-element {
        min-height: 40px;
        width: 25%;
    }
    #views-documents-list-row-1-id {
        display: none;
        margin-bottom: 15px;
    }
    .proces {
        min-height: 100px;
    }

    .div-table, .div-heading, .div-cell, .div-row{
        display: block;
    }

    .div-heading-element {
        float: none;
        display: inline-block;
        /*box-shadow: 1px 1px 3px #000;*/
    }

    .div-row-document {
        /*margin-bottom: 15px;*/
        /*border-bottom: 15px solid #000066*/
        /*box-shadow: 1px 1px 3px #000;*/
    }

    .views-action-links {
        padding: 0;
    }

    .div-cell {
        padding: 2px;
    }

    .mobile-heading {
        text-align: left;
        display: inline-block;
        width: 30%;
        /*font-weight: bold;*/
        padding-right: 10px;
        padding-left: 2px;
    }

    .hidden-col-element {
        display: inline-block;
        width: 70%;
        text-align: left;
        padding-left: 10px;
    }

    .views-form-export {
        display: block;
    }

    .action-links-col {
        max-width: 100%;
        margin-top: 10px;
    }

    .hidden-col-action-links {
        width: 100%;
        text-align: center;
    }

    .views-action-link {
        display: inline-block;
        width: 50%;
        margin-bottom: 10px;
    }

    .views-action-links-element a {
        text-align: center;
        display: inline-block;
        width: 100%;
        font-size: 18px;
        padding: 2px 0;
        color: #000;
    }

    .views-action-links-element a:hover {
        text-decoration: none;
    }

    .views-paginate-panel {
        margin-top: -15px;
    }

    .heading-name {
        text-align: left;
    }

    .heading-highlight {
        text-align: left;
        float: right;
        width: 70%;
    }

    .document-fields-table {
        /*box-shadow: 1px 1px 3px #000;*/
        padding: 5px 0;
    }

    .document-fields-table-names {
        display: inline-block;
        width: 30% !important;
        text-align: left;
        white-space: normal;
    }

    .document-fields-table-data {
        display: inline-block;
        width: 70% !important;
        text-align: left;
    }

    .document-fields-table-normal {
        background: none !important;
        display: flex;
    }

    .lines-label {
        /*box-shadow: 1px 1px 3px #000;*/
        margin-bottom: 20px;
    }

    .div-row-lines {
        /*box-shadow: 1px 1px 3px #000;*/
        margin-bottom: 15px;
    }

    .div-cell-lines {
        text-align: left;
    }

    .div-cell-lines-label {
        display: inline-block;
        width: 30%;
        text-align: left;
        padding-left: 2px;
        /*font-weight: bold;*/
    }

    .div-cell-lines-data {
        width: 70%;
        display: inline-block;
    }

    .div-row-history {
        /*box-shadow: 1px 1px 3px #000;*/
        margin-bottom: 15px;
    }

    .div-cell-history {
        text-align: left;
        padding: 0px;
    }

    .div-cell-history-label {
        display: inline-block;
        width: 30%;
        text-align: left;
        padding-left: 2px;
        /*font-weight: bold;*/
    }

    .div-cell-history-data {
        display: inline-block;
        width: 70%;
        padding: 2px;
    }

    .div-row-work {
        /*box-shadow: 1px 1px 3px #000;*/
        margin-bottom: 15px;
    }

    .div-cell-work {
        text-align: left;
        padding: 0px;
    }

    .div-cell-work-label {
        display: inline-block;
        width: 30%;
        text-align: left;
        padding-left: 2px;
        /*font-weight: bold;*/
    }

    .div-cell-work-data {
        display: inline-block;
        width: 70%;
        padding: 2px;

    }

    .div-row input {
        max-width: 100%;
    }

    .div-row select {
        max-width: 100%;
    }

    .div-row textarea {
        max-width: 100%;
    }

    .paginate-button {
        width: 50%;
    }

    .action-panel-row-1-view {
        border-bottom: none;
    }

    .div-cell-document {
        padding: 0px;
    }

    .submit-btn {
        margin: 0;
        padding: 0;
    }

    .submit-btn .normal-button {
        width: 100%;
    }

    .submit-btn .normal-button a {
        width: 100%;
        height: auto;
    }

    .action-panel-row-1 {
        height: auto;
    }

    #search_filter {
        width: 98%;
        margin-left: 1%;
    }

    .action-panel-buttons-group {
        display: inline-block;
        float: none;
    }

    .action-panel-btn-search {
        display: block;
        padding: 5px 0;
    }

    .action-panel-buttons-add {
        display: block;
        width: 100%;
        text-align: center;
    }

    .action-panel-buttons-group, .action-panel-buttons-add  {
        /*display: block;*/
        width: 100%;
    }

    .action-panel-buttons-group-edit {
        height: auto;
    }


    /******************************/
    /******** LOGTRANS CSS ********/
    /******************************/

    .premium-approval-informacje {
        margin-top: 0 !important;
    }
    .premium-approval-informacje .div-row .premium-approval-informacje-div-cell {
        width: 100% !important;
    }
    .table-t-wrh-status-informacje .div-cell {
        text-align: left !important;
    }

    .table-t-wrh-status-informacje .div-cell a {
        display: inline-block;
    }

    .table-t-wrh-status-informacje .div-cell span {
        float: left;
        display: inline-block;
        text-align: left;
        width: 50%;
    }

    .div-info-twrh {
        text-align: left;
    }

    .div-info-twrh span {
        float: left;
        display: inline-block;
        text-align: left;
        width: 50%;
    }

    .table-t-wrh-status-informacje .div-cell .div-row {
        display: inline-block;
        width: 50%;
    }

    .table-t-wrh-status-informacje .div-cell .div-cell {
        text-align: center !important;
        width: 100% !important;
    }

    .table-t-wrh-status-informacje-1 .div-cell {
        width: 50% !important;
        display: inline-block;
        min-height: 66px;
        text-align: center !important;
    }

    .table-t-wrh-status-informacje-1 .div-cell-qty, .table-t-wrh-status-informacje-1 .div-cell-dir {
        min-height: 0;
    }
}

/* Medium */
@media only screen and (min-width:992px) and (max-width:1199px){
    #search_filter {
        width: 80px;
    }
}

/* Large */
@media only screen and (min-width:1200px){}

.action-links-col table td[class*=col-],
.action-div .table td {
    border-top: none !important;
    padding: 5px;
}
@media  only screen and (min-width: 990px) {
    .action-links-col table td[class*=col-],
    .action-div table td[class*=col-] {
        float: left !important;
    }
    .action-links-col table td[class*=col-] label:hover,
    .action-div .table td label:hover {
        text-decoration: underline;
    }
    .action-div {
        min-width: 251px;
    }
}
@media only screen and  (max-width: 990px) {
    .action-links-col table td[class*=col-],
    .action-div .table td {
        padding: 2px;
    }
    .action-links-col table td[class*=col-] a,
    .action-div .table td a{
        color: #334455 !important;
        border: 1px solid #3377AA !important;
        width: 100%;
        display: block;
        padding: 2px 0;
        font-size: 14px;
    }
    .search-options a {
        float:left;
        width: 29.3333%;
        margin-left: 2%;
        margin-right: 2%;
        text-align: center;
        color: #334455 !important;
        border: 1px solid #3377AA !important;
    }
}
@media  only screen and (max-width: 500px) {
    .search-options a {
        font-size: 14px;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 31.8333%;
    }
}

input[type="date"] {
    width:110px !important;
}

.menulist {
    width:100%;
}

.multiselect-container {
    max-height: 300px;
    overflow: auto;
    padding-bottom: 40px;
    z-index: 5000 !important;
}
.multiselect-container li {
    height: 26px;
}
.multiselect-container li.multiselect-filter{
    height: 34px;
    margin-bottom: 4px;
}
.multiselect-container span.input-group-btn,
.multiselect-container input[type='radio']{
    display: none !important;
}
.multiselect-container label.radio {
    padding-left: 15px !important;
}
.multiselect-container label.checkbox {
    margin-left: 10px !important;
    padding: 2px 5px !important;
    padding-left: 30px !important;
}
.multiselect-container label.checkbox input[type='checkbox'] {
    left: 0;
}
.multiselect-container .multiselect-search {
    height: 100%;
}
button.multiselect{
    padding: 1px 5px !important;
    border-radius: 0 !important;
    background-color: white;
    color: #3c3c3c;
}
.multiselect-options {
    display: none;
}
.open .multiselect-options {
    position: absolute;
    z-index: 500;
    top:0px;
    display: block;
    width: 100%;
    background-color:  rgba(250,250,250,.9); !important;
    border: 1px solid rgba(0,0,0,.3);
    border-bottom-color: rgba(0,0,0,.2);
}
.open .multiselect-options button {
    width: 44%;
    padding:2px !important;
    border: 1px solid #3c3c3c;
}
.multiselect-loading {
    height: 150px;
}
.multiselect-loading-circle {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    border-top: 4px solid;
    border-bottom: 4px solid;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: translateX(-50%) rotate(0deg); }
    100% { -webkit-transform: translateX(-50%) rotate(360deg); }
}

@keyframes spin {
    0% { transform: translateX(-50%) rotate(0deg); }
    100% { transform: translateX(-50%) rotate(360deg); }
}

.menulist {
    width: 100%;
}
#shortcut {
    margin-bottom: 10px;
}
#shortcut p {
    margin-bottom: 0;
}
#shortcut button {
    padding: 1px 7px !important;
}

input[type="date"]::-webkit-clear-button {
    display: none !important;
}

/*input[type="date"]::-webkit-inner-spin-button{
    display: none !important;
}*/

input[name="^wp_time_"] {
    width:105px !important;
}
.div-row-document-search input[type="date"] {
    width:120px !important;
}

li.empty-select-search {
    text-align: center;
    width: 100%;
    border-top: 2px solid #3c3c3c;
    padding: 2px 0 !important;
}
li.error-select-search {
    height: auto;
    text-align: center;
    font-weight: bold;
    padding: 5px !important;
}
.dropdown-backdrop {
    z-index: 499;
}
li.active a:focus {
    outline: thin dotted !important;
    outline: 5px auto #3c3c3c !important;
    outline-offset: -2px;
    background-color: #3a82bd !important;
}

.favorite-view-message {
    display: inline-block;
    margin-top:1px;
}
.payment_alert {
    padding: 20px 30px;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 5px 0;
    text-align: center;
    clear:both;
    border: 1px solid red;
}
.payment_alert p {
    margin: 0;
}
.join_link {
    display: block;
}

.form-control {
    height: 34px !important;
}

.blueTable {
    width: 74%;
    float:left;
}

.periodSelect {
    margin-right:15px;
    color: #9c9c9c !important;
    width: 20% !important;
    float: right;
    margin-left: 2%;
}

.rabcodeSelectContainer {
    width: 20% !important;
    float: right;
    margin-right: 19px;
    position: relative;
}

.rabcodeSelect {
    margin-right:15px;
    color: #9c9c9c;
    margin-left: 2%;
}

#percentPos {
    position: absolute;
    top: 7px;
    right: 4px;
    font-size: 1.1em;
    color: red;
}

#regLabel {
    width:100%;
    font-weight: 500;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blueTable {
        width: 70%;
        float:left;
    }

    .periodSelect {
        margin-right:15px;
        color: #9c9c9c !important;
        width: 25% !important;
        float: right;
        margin-left: 2%;
        margin-top: 10px;
    }

    .rabcodeSelectContainer {
        width: 25% !important;
        float: right;
        margin-right: 19px;
        position: relative;
        margin-top: 10px;
    }

    .rabcodeSelect {
        margin-right:15px;
        color: #9c9c9c;
        margin-left: 2%;
    }
}

@media only screen and (max-width:767px) {
    .blueTable {
        width: 58%;
        float:left;
    }

    .periodSelect {
        margin-right:15px;
        color: #9c9c9c !important;
        width: 30% !important;
        float: right;
        margin-left: 2%;
        margin-top: 10px;
    }

    .rabcodeSelectContainer {
        width: 30% !important;
        float: right;
        margin-right: 19px;
        position: relative;
        margin-top: 10px;
    }

    .rabcodeSelect {
        margin-right:15px;
        color: #9c9c9c;
        margin-left: 2%;
    }
    .proces {
        border: none !important;
    }
    .category-workspace-mobile {
        position: relative;
        min-height: 115px;
    }
    .category-workspace-mobile .proces {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .document-fields-table-normal {
        background: none !important;
        display: flex;
    }
}

@media only screen and (max-width:500px) {
    #percentPos {
        position:relative;
        font-size: 20px;
        right: -32px;
        top: 5px;
    }
    .action-panel-btn-back {
        width: 15%;
    }
    .action-panel-btn-process {
        width: 85%;
    }
}
.si_main {
    text-align: center;
}
.si_proc {
    display: inline-block;
    padding: 15px;
}
.select-disabled a {
    text-decoration: line-through !important;
}

/* live notifications */
#live-notifications {
    position: relative;
    padding: 0;
}
.live-noti-bell {
    background: url('../images/icons/live-noti-bell.png') center center no-repeat;
    background-size: contain;
    width: 46px;
    height: 36px;
    border: none;
    padding: 5px 10px;
    background-origin: content-box;
    position: relative;
}
.live-noti-bell .noti-count {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    opacity: 0.8;
    display:none;
}
.live-noti-bell:focus {
    outline: none;
}
.live-noti-list {
    display: none;
    position: absolute;
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
    top:38px;
    left: -50px;
    width: 400px;
    box-shadow: 5px 3px 10px -4px rgba(0,0,0,0.75),
    -5px 3px 10px -4px rgba(0,0,0,0.75);
    -webkit-box-shadow: 5px 3px 10px -4px rgba(0,0,0,0.75),
    -5px 3px 10px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 3px 10px -4px rgba(0,0,0,0.75),
    -5px 3px 10px -4px rgba(0,0,0,0.75);
}
.live-noti-list-open .live-noti-list {
    display: block;
}
.live-noti-list .live-noti-element {
    position: relative;
}
.live-noti-list .live-noti-element a {
    padding: 5px 10px;
    width: 100%;
    height: 100%;
}
.live-noti-list .noti-title {
    margin-bottom: 2px;
}
.live-noti-list .noti-title img {
    width: 20px;
    height: 20px;
}
.live-noti-list .noti-title .noti-process-name {
    margin-left: 5px;
}

.live-noti-list .empty-noti-list {
    padding: 5px;
}
.live-noti-list .noti-cancel {
    background-image: url(../images/actions/reject-red.png);
    width: 15px;
    height: 15px;
    background-size: contain;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
}
.live-noti-list .noti-cancel:hover {
    width:17px;
    height:17px;
}
@media only screen and (max-width:767px) {
    .live-noti-list {
        right: 0;
        left: auto;
    }
}
@media print {
    .last-processes {
        display: none;
    }
}