div, a, p, ul, li {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none;
}

body {
    padding: 0;
    margin: 0;
    border: 0;
    background: url('images/bg.jpg');
    background-repeat: repeat-y;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #3f3f3f;
    line-height: 13px;
}

em {
    font-style: normal;
}

h1 {
    color: #3f3f3f;
    font-size: 22px;
}

h2 {
    margin: 0;
    font-size: 15px;
    color: #ffffff;
}

h3 {
    margin: 0;
    font-size: 17px;
    color: #ffffff;
}

h4 {
    color: #3f3f3f;
    font-size: 17px;
}

.hgroup {
    padding: 1em;
}

    .hgroup h1,
    .hgroup h2,
    .hgroup h3,
    .hgroup h4 {
        margin-top: 0.2em;
    }

    .hgroup h2,
    .hgroup h3,
    .hgroup h4 {
        color: #000;
    }

    .hgroup h3 {
        font-size: 13px;
        color: #444;
    }

    .hgroup h4 {
        font-size: 12px;
        color: #666;
    }

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .alert h4 {
        margin: 0;
    }

    .alert .close {
        position: relative;
        top: -2px;
        right: -21px;
        line-height: 20px;
    }

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #fcecef;
    border-color: #cd0b0b;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}

.half-left-column {
    width: 50%;
    float: left;
}

.half-right-column {
    width: 50%;
    float: right;
}

.modalContent {
    padding: 5px;
    padding-left: 10px;
}

.modalHead {
    margin-bottom: 20px;
}

#pageInfo {
    height: 0;
}

#wrapper {
    width: 100%;
    min-width: 960px;
}

#topNav {
    position: absolute;
    right: 30px;
    top: 20px;
}

    #topNav ul {
        margin-top: 0;
        margin-bottom: 0;
    }

    #topNav li {
        color: #00255c;
        font-size: 12px;
        display: inline;
        margin-right: 10px;
    }

        #topNav li a {
            padding-right: 10px;
        }

        #topNav li span {
            padding-right: 10px;
        }

        #topNav li:last-child:after {
            content: none;
        }

    #topNav a {
        text-decoration: none;
        color: #00255c;
    }

        #topNav a:hover {
            text-decoration: underline;
        }

    #topNav img {
        margin-right: 7px;
        margin-bottom: -5px;
    }

#content {
    min-height: 600px;
    margin-left: 190px;
    margin-right: 0;
    background-color: #E5EAED;
    border-left: 1px solid #8f9eac;
    border-bottom: 1px solid #8f9eac;
    position: relative;
    z-index: 15;
}

#content-inner {
    float: right;
    width: 100%;
}

.container {
    width: auto;
    margin: 0 auto;
    padding-left: 30px;
    padding-bottom: 30px;
    position: relative;
}

    .container:after {
        clear: both;
        display: table;
        content: "";
    }

.container-inner {
    padding-right: 30px;
    padding-top: 20px;
}

.common-section {
    padding-bottom: 15px;
}

#header {
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 16;
}

#contentHeader {
    width: 100%;
    height: 41px;
    position: relative;
    top: -5px;
}

#leftCorner {
    width: 9px;
    height: 41px;
    background-image: url('images/left_rounded_head.png');
    background-repeat: no-repeat;
    float: left;
    margin-left: -2px;
}

#headerContent {
    width: auto;
    height: 41px;
    background-image: url('images/content_head.png');
    background-repeat: repeat-x;
    margin-left: 7px;
    padding-top: 15px;
    padding-left: 23px;
}

#sidebar {
    width: 230px;
    display: block;
    float: left;
    position: relative;
    z-index: 16;
}

#logo {
    width: 100%;
    height: 150px;
    position: relative;
    top: -35px;
}

.statusicon {
    position: absolute;
    border: none;
    float: right;
    left: 150px;
    top: 22px;
}

#mainNav div.submenu { /*DIV that contains each sub menu*/
    background: none;
    padding-left: 27px;
    padding-top: 1em;
    padding-bottom: 1em;
}

    #mainNav div.submenu ul { /*UL of each sub menu*/
        margin: 0px;
        padding: 0px;
    }

        #mainNav div.submenu ul li a {
            background: url(images/bullet.png) no-repeat 10px 12px;
            display: block;
            color: white;
            text-decoration: none;
            margin: 0;
            padding: 6px 0;
            padding-left: 25px;
            font-size: 13px;
            line-height: 1.3em;
        }

        #mainNav div.submenu ul li{
            max-width:160px;
        }

            #mainNav div.submenu ul li a:hover,
            #mainNav div.submenu ul li a.subnav-selected {
                color: #79d1ef;
                background-color: #144469 !important;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
            }

#mainNav {
    position: relative;
    top: -25px;
}

    #mainNav li {
        font-size: 1px;
    }

.nav {
    background-image: url('images/button_left_menu_sprite.png');
    background-repeat: no-repeat;
    width: 130px;
    height: 49px;
    font-size: 15px;
    border: 0;
    margin: 0;
    margin-right: -60px;
    list-style-type: none;
    position: relative;
    border-top: 1px solid #557094;
    border-bottom: 1px solid #021438;
    font-weight: normal;
    display: block;
    color: #d9e7ee;
    text-decoration: none;
    padding: 0;
    padding-right: 60px;
}

.navSelected {
    background-image: url('images/left_menu_button_selected.png');
    background-repeat: no-repeat;
    background-size: 207px 50px;
    width: 195px;
    height: 49px;
    font-size: 15px;
    border: 0;
    margin: 0;
    margin-right: -60px;
    list-style-type: none;
    position: relative;
    font-weight: normal;
    display: block;
    color: #d9e7ee;
    text-decoration: none;
    padding: 0;
    padding-right: 60px;
    z-index: 1000;
}

.nav:hover {
    background-image: url('images/button_left_menu_sprite.png');
    background-position: 0 -52px;
}

.menuLabel {
    position: absolute;
    margin-left: 50px;
    top: 19px;
}

.subnav .menuLabel {
    position: static;
    margin: 0;
    top: auto;
}

.icon {
    background-image: url('images/icons_left_menu_sprite.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
}

#home {
    background-position: 0 0px;
}

#VisitIndex {
    background-position: 0 -30px;
}

#AccountIndex {
    background-position: 0 -60px;
}

#InstitutionsIndex {
    background-position: 0 -90px;
}

#messages {
    background-position: 0 -120px;
}

#ProductIndex {
    background-position: 0 -210px;
}

#raports {
    background-position: 0 -180px;
}

#search {
    background-position: 0 -210px;
}

#ToolsIndex {
    background-position: 0 -270px;
}

#IndividualsIndex {
    background-position: 0 -60px;
}

#ReportIndex {
    background-position: 0 -240px;
}

#OrderIndex {
    background-position: 0 -120px;
}

#MessagesIndex {
    background-position: 0 -150px;
}

#ProductAvailabilityIndex {
    background-position: 0 -180px;
}

.emphasis {
    font-weight: bold;
}

.weak {
    font-weight: normal;
    font-style: italic;
}


/* 
********************
buttony
******************** 
*/

.button {
    background-position: 0 0;
    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2QyZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #ccd2d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ccd2d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#ccd2d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#ccd2d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#ccd2d8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%,#ccd2d8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ccd2d8',GradientType=0 ); /* IE6-8 */
    border: 1px solid #8f9eac;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #3f3f3f;
    cursor: default;
    display: block;
    float: left;
    font-weight: bold;
    height: 28px;
    margin-right: 10px;
    padding-right: 10px;
    text-decoration: none;
    -webkit-box-shadow: 0px 6px 4px -7px #ffffff;
    box-shadow: 0px 6px 4px -7px #ffffff;
}

    .button:hover,
    .button:focus,
    .button.button-disabled,
    .button.button-disabled:hover,
    .button.button-disabled:active,
    .button.button-disabled:focus {
        background-position: 0 0;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fefefe 0%,#f1f1f1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
    }

    .button:active,
    .button.button-active {
        background-position: 0 0;
        background: #ccd2d8; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZDJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ccd2d8 0%, #fefefe 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccd2d8), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ccd2d8 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ccd2d8 0%,#fefefe 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ccd2d8 0%,#fefefe 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ccd2d8 0%,#fefefe 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd2d8', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
        -moz-box-shadow: 0 0 10px 0 #fff;
        -webkit-box-shadow: 0 0 10px 0 #fff;
        box-shadow: 0 0 10px 0 #fff;
    }

    .button.button-add {
        background: #e0f8d4; /* Old browsers */
        background: -moz-linear-gradient(top, #e0f8d4 0%, #A4CE94 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f8d4), color-stop(100%,#A4CE94)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e0f8d4 0%,#A4CE94 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e0f8d4 0%,#A4CE94 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e0f8d4 0%,#A4CE94 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e0f8d4 0%,#A4CE94 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f8d4', endColorstr='#A4CE94',GradientType=0 ); /* IE6-9 */
        border: 1px solid #195e09;
        color: #103b06;
    }

        .button.button-add:focus,
        .button.button-add:hover,
        .button.button-add.button-disabled,
        .button.button-add.button-disabled:focus,
        .button.button-add.button-disabled:hover,
        .button.button-add.button-disabled:active {
            background: #E3F7D9;
            background: -moz-linear-gradient(top, #E3F7D9 0%, #cde0c7 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3F7D9), color-stop(100%,#cde0c7));
            background: -webkit-linear-gradient(top, #E3F7D9 0%,#cde0c7 100%);
            background: -o-linear-gradient(top, #E3F7D9 0%,#cde0c7 100%);
            background: -ms-linear-gradient(top, #E3F7D9 0%,#cde0c7 100%);
            background: linear-gradient(to bottom, #E3F7D9 0%,#cde0c7 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3F7D9', endColorstr='#cde0c7',GradientType=0 );
        }

        .button.button-add.button-disabled {
            color: #859C80;
            border-color: #859C80;
        }

        .button.button-add:active {
            background: #A4CE94; /* Old browsers */
            background: -moz-linear-gradient(top, #A4CE94 0%, #e0f8d4 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4ce94), color-stop(100%,#e0f8d4)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #a4ce94 0%,#e0f8d4 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #a4ce94 0%,#e0f8d4 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #a4ce94 0%,#e0f8d4 100%); /* IE10+ */
            background: linear-gradient(to bottom, #a4ce94 0%,#e0f8d4 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4ce94', endColorstr='#e0f8d4',GradientType=0 ); /* IE6-9 */
        }


    .button > span {
        display: block;
        padding: 8px 0 8px 10px;
        white-space: nowrap;
    }

button.button {
    height: 30px;
    font-family: Arial, Sans-Serif;
}

/*.button, */
.buttonGreen {
    background-image: url('images/button_a.png');
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 10px;
    display: block;
    float: left;
    height: 30px;
    margin-right: 10px;
    color: #3F3F3F;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}
    /*.button span,*/
    .buttonGreen span {
        background-image: url('images/button_span.png');
        background-repeat: no-repeat;
        display: block;
        padding: 8px 0 9px 10px;
        white-space: nowrap;
    }

button.button > span {
    line-height: 1em;
    font-size: 13px;
    font-weight: bold;
}

.buttonGreen {
    background-image: url('images/button_a_green.png');
}

    .buttonGreen span {
        background-image: url('images/button_span_green.png');
    }


    /*.button:hover, */
    .buttonGreen:hover {
        background-position: right -30px;
    }

        /*.button:hover span, */
        .buttonGreen:hover span {
            background-position: 0 -30px;
        }

    /*.button:active,
.button.button-active, */
    .buttonGreen:active {
        background-position: right -60px;
    }

        /*.button:active span, 
.button.button-active span,*/
        .buttonGreen:active span {
            background-position: 0 -60px;
        }

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

.button25 {
    background-image: url('images/button_h25_a.png');
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 5px;
    display: block;
    float: left;
    height: 26px;
    margin-right: 10px;
    color: #3F3F3F;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}

    .button25 em,
    td .button25 span {
        background-image: url('images/button_h25_span.png');
        background-repeat: no-repeat;
        display: block;
        padding: 6px 0 7px 5px;
        font-size: 10px;
        white-space: nowrap;
    }

    .button25:hover {
        background-position: right -26px;
    }

        .button25:hover em,
        td .button25:hover span {
            background-position: 0 -26px;
        }

    .button25:active {
        background-position: right -52px;
    }

        .button25:active em,
        td .button25:active span {
            background-position: 0 -52px;
        }

.button30 {
    color: #3F3F3F;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
    margin: 0;
}

    .button30 span {
        background-image: url('images/btnBg2.jpg');
        background-repeat: repeat-x;
        border: 1px solid #8f9eac;
        padding: 6px;
        top: 0;
        left: -5px;
        margin: 0;
        position: relative;
    }

        .button30 span:hover {
            background-image: url('images/btnBg.jpg');
            background-repeat: repeat-x;
            background-position: 0 -30px;
        }

        .button30 span:active {
            background-image: url('images/btnBg.jpg');
            background-repeat: repeat-x;
            background-position: 0 -60px;
        }

        /* Removing dotted border on search button */
        .button30,
        .button30:hover,
        .button30:focus,
        .button30:active,
        .button30 span,
        .button30 span:hover,
        .button30 span:focus,
        .button30 span:active {
            outline: none;
            -moz-outline: none;
        }


#dialog-actionBar .button30 span {
    padding: 3px 3px 4px 3px;
    font-size: 12px;
}

.buttonAdd {
    background-image: url('images/add_remove_sprite.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    margin: 5px 40px 5px 20px;
    height: 29px;
    width: 29px;
    color: #3F3F3F;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}

    .buttonAdd:hover {
        background-position: 0px -29px;
    }

    .buttonAdd:active {
        background-position: 0px -58px;
    }

.buttonRemove {
    background-image: url('images/add_remove_sprite.png');
    background-position: -29px 0px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    margin: 5px 40px 5px 20px;
    height: 29px;
    width: 29px;
    color: #3F3F3F;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}

    .buttonRemove:hover {
        background-position: -29px -29px;
    }

    .buttonRemove:active {
        background-position: -29px -58px;
    }

.buttonAddDown {
    background-image: url('images/add_down.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 29px;
    width: 29px;
    position: relative;
    margin: 0px 10px 0px 0px;
    cursor: default;
    float: right;
}

    .buttonAddDown:hover {
        background-position: 0px -29px;
    }

    .buttonAddDown:active {
        background-position: 0px -58px;
    }

/*
actionBar, input
*/

#actionBar {
    position: relative;
    width: auto;
    min-width: 800px;
    height: 46px;
    background: url('images/bgActionBar.jpg');
    background-repeat: repeat-x;
    top: -5px;
    z-index: 20;
}

#contentActionBar {
    min-width: 800px;
    height: 30px;
    padding-top: 6px;
    padding-left: 30px;
}

    #contentActionBar input[type='text'] {
        height: 25px;
        padding-left: 4px;
        padding-right: 4px;
    }

#dialog-actionBar {
    height: 34px;
    padding-top: 6px;
    background: url('images/bgActionBar.jpg') repeat-x;
    border-bottom: 1px solid #ADBFC7;
}

    #dialog-actionBar .dialog-actionBar-buttons {
        padding-left: 10px;
    }

.wizard-action-bar {
    top: -5px;
    position: relative;
}

.informationHeader {
    position: relative;
    width: auto;
    min-width: 800px;
    height: 112px;
    background: url('images/informationBar_bg.png');
    background-repeat: repeat-x;
    top: -5px;
}

.contentInformationHeader {
    background: url('images/informationBar_light_bg.png');
    background-repeat: no-repeat;
    min-width: 800px;
    height: 112px;
    margin-right: 1%;
}

#buttony400 {
    float: left;
    margin-top: 2px;
    min-width: 400px;
}

#legend {
    float: left;
    margin-top: 2px;
    min-width: 400px;
    height: 20px;
    padding-top: 4px;
    font-size: 0.8em;
}
#legend strong {
    padding-top: 8px;
    font-weight: 900;
    font-size: 1.2em;
}
#legend span, #legend strong {
    display: block;
    float: left;
    height: 22px;
    margin-left: 5px;
}

#buttony {
    float: left;
    margin-top: 2px;
    min-width: 500px;
}

    #buttony input[type="checkbox"] {
        margin-top: 10px;
    }

#search input[type='text'] {
    width: 160px;
    height: 18px;
    border: 1px solid #8f9eac;
    outline: none;
    font-size: 13px;
    color: #3f3f3f;
    padding: 5px;
    margin: 0;
}

#dialog-actionBar #search input[type='text'] {
    height: 16px;
    font-size: 11px;
    padding: 3px;
    width: 140px;
}

#buttony .editor-field {
    width: 120px;
    margin-left: 5px;
    float: left;
}

#buttony label {
    width: 40px;
}

#buttony .editor-label {
    width: 40px;
    margin-left: 5px;
}

#search input[type='text']:focus {
    border: 1px solid #43bae8;
    box-shadow: 0 0 3px #43bae8;
}

#search {
    padding-top: 2px;
    float: right;
    margin-right: 2%;
}

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10 {
    display: inline;
    float: left;
    margin-right: 1%;
    margin-top: 20px;
}

.common-fieldset > .grid10 {
    margin-top: 0;
}

.outerGrid10 {
    display: inline;
    float: left;
    margin-right: 1%;
    margin-top: 0px;
}

.grid10noMargin {
    display: inline;
    float: left;
    margin-right: 1%;
    margin-top: 0px;
}

.container .grid1 {
    width: 8%;
}

.container .grid2 {
    width: 18%;
}

.container .grid3 {
    width: 28%;
}

.container .grid4 {
    width: 38%;
}

.container .grid5 {
    width: 48%;
}

.container .grid6 {
    width: 58%;
}

.container .grid7 {
    width: 68%;
}

.container .grid8 {
    width: 78%;
}

.container .grid9 {
    width: 88%;
}

.container .grid10,
.container .grid10noMargin {
    width: 98%;
}

.container .outerGrid10 {
    width: 110%;
    margin-left: -30px;
    margin-top: -5px;
    margin-right: -30px;
}

.outerGrid10.details-wrapper {
    margin-left: -30px;
    margin-right: 0;
    width: auto;
    float: none;
    display: block;
}

/* details in dialog */
.ui-dialog-content .outerGrid10.details-wrapper {
    margin-left: 0;
}

.ui-jqgrid-btable .ui-state-hover a,
.ui-jqgrid-btable .ui-state-hover a:hover {
    border: 0;
}

/* Grid in dialogs has smalled headings */
.ui-dialog-content th.ui-state-default.ui-th-column.ui-th-ltr div.ui-jqgrid-sortable {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-jqgrid tr:focus {
    outline: none;
}

.ui-jqgrid .jqgrow.grid-row-bold td,
.ui-jqgrid .jqgrow.grid-row-bold td a {
    font-weight: bold;
}

    .ui-jqgrid .jqgrow.grid-row-bold td a {
        background: none;
    }

.ui-jqgrid .ui-state-hover a {
    background: transparent;
}

    .ui-jqgrid .ui-state-hover a.imgEdit {
        background-image: url('images/edit_icon.png');
        background-repeat: no-repeat;
        background-position: 0px 0px;
        border: 0px;
        cursor: default;
    }

        .ui-jqgrid .ui-state-hover a.imgEdit:hover {
            background-image: url('images/edit_icon.png');
            background-position: 0px -26px;
        }

.ui-jqgrid .ui-state-hover td a.imgEdit:active {
    background-image: url('images/edit_icon.png');
    background-position: 0 -52px;
    border: 0;
}

.ui-jqgrid a.imgRemove {
    background-image: url('images/remove_icon.png');
}

    .ui-jqgrid a.imgRemove:hover,
    .ui-jqgrid a.imgRemove:focus {
        background-position: 0 -26px;
    }

    .ui-jqgrid a.imgRemove:active {
        background-position: 0 -52px;
    }

.ui-jqgrid .ui-state-hover a.imgExport {
    background-image: url('images/export.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 0px;
    cursor: default;
}

    .ui-jqgrid .ui-state-hover a.imgExport:hover {
        background-image: url('images/export.png');
        background-position: 0px -26px;
    }

.ui-jqgrid .ui-state-hover td a.imgExport:active {
    background-image: url('images/export.png');
    background-position: 0 -52px;
    border: 0;
}

.ui-jqgrid .ui-state-hover td a.removeJQgrid {
    background-image: url('images/remove_button.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 0px;
    text-decoration: none;
    cursor: default;
}

    .ui-jqgrid .ui-state-hover td a.removeJQgrid:hover {
        background-image: url('images/remove_button.png');
        background-repeat: no-repeat;
        background-position: 0px -29px;
        border: 0px;
        text-decoration: none;
    }

    .ui-jqgrid .ui-state-hover td a.removeJQgrid:active {
        background-image: url('images/remove_button.png');
        background-repeat: no-repeat;
        background-position: 0px -58px;
        border: 0px;
    }

.ui-jqgrid .ui-state-hover a.imgKey {
    background-image: url('images/klucz.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 0px;
    cursor: default;
}

    .ui-jqgrid td a.imgKey .ui-state-hover a.imgKey,
    .ui-jqgrid .ui-state-hover a.imgKey:hover {
        background-image: url('images/klucz.png');
        background-position: 0 -26px;
        border: 0;
    }

    .ui-jqgrid td a.imgKey .ui-state-hover a.imgKey,
    .ui-jqgrid .ui-state-hover a.imgKey:active {
        background-image: url('images/klucz.png');
        background-position: 0 -52px;
        border: 0;
    }

.ui-jqgrid td a.imgDiscontinued {
    background-image: url('images/discontinued_icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    border: 0;
    text-decoration: none;
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: default;
}

.ui-jqgrid .ui-state-hover td a.imgDiscontinued:hover {
    background-position: 0px -26px;
}

.ui-jqgrid .ui-state-hover td a.imgDiscontinued:active {
    background-position: 0 -52px;
    border: 0;
}

.ui-jqgrid td a.imgApprove {
    background-image: url('images/approve_icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    border: 0;
    text-decoration: none;
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: default;
}

.ui-jqgrid .ui-state-hover td a.imgApprove:hover {
    background-position: 0px -26px;
}

.ui-jqgrid .ui-state-hover td a.imgApprove:active {
    background-position: 0 -52px;
    border: 0;
}

.ui-jqgrid td a.imgReject {
    background-image: url('images/reject_icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    border: 0;
    text-decoration: none;
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: default;
}

.ui-jqgrid .ui-state-hover td a.imgReject:hover {
    background-position: 0px -26px;
}

.ui-jqgrid .ui-state-hover td a.imgReject:active {
    background-position: 0 -52px;
    border: 0;
}

.ui-jqgrid td a.imgDetails {
    background-image: url('images/details_icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    border: 0;
    text-decoration: none;
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: default;
}

.ui-jqgrid .ui-state-hover td a.imgDetails:hover {
    background-position: 0px -26px;
}

.ui-jqgrid .ui-state-hover td a.imgDetails:active {
    background-position: 0 -52px;
    border: 0;
}

/* Special grid color classes */

.ui-jqgrid tr.grid-row-green td {
    background: #bcf4aa;
}

td.grid-cell-green {
    background: #bcf4aa !important;
}

.ui-jqgrid tr.grid-row-red td {
    background: #ffbfb8;
}

td.grid-cell-red {
    background: #ffbfb8 !important;
}

.ui-jqgrid tr.grid-row-yellow td {
    background: #fffea1;
}

td.grid-cell-yellow {
    background: #fffea1 !important;
}

.ui-jqgrid tr.grid-row-green:nth-child(odd) td {
    background: #cbf5bd;
}

tr:nth-child(odd) td.grid-cell-green {
    background: #cbf5bd !important;
}

.ui-jqgrid tr.grid-row-red:nth-child(odd) td {
    background: #fecec6;
}

tr:nth-child(odd) td.grid-cell-red {
    background: #fecec6 !important;
}

.ui-jqgrid tr.grid-row-yellow:nth-child(odd) td {
    background: #ffffbe;
}

tr:nth-child(odd) td.grid-cell-yellow {
    background: #ffffbe !important;
}

#pager.ui-state-default {
    border: 0;
}

    #pager.ui-state-default #pg_pager {
        border: 1px solid #8F9EAC;
    }

.ui-jqgrid-expand-cell,
.ui-jqgrid-expand-cell[role="gridcell"] {
    background: #EFF3F6 !important;
    padding-left: 5px;
    text-align: left !important;
}

.ui-jqgrid-action-cell {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}

    .ui-jqgrid-action-cell > a {
        margin-left: 10px;
    }

        .ui-jqgrid-action-cell > a:first-child {
            margin-left: 0;
        }

.ui-jqgrid-force-left,
.ui-jqgrid-force-left[role="gridcell"] {
    text-align: left !important;
}

/* For large tables */
.jqgrid-wrapper-overflowed .ui-widget-content {
    width: auto !important;
}

.jqgrid-wrapper-overflowed .ui-jqgrid-view {
    overflow-x: auto;
    max-width: 100%;
    max-height: 100%; /* IE9 bug: Unexpected height increment while hover on table cells */
}

.jqgrid-wrapper-overflowed .ui-jqgrid-pager {
    max-width: 100%;
}

/* Common grid 
   ---------------------------------------
   Styled as to match jqgrid
   --------------------------------------- */
.common-table {
    width: 100%;
    border-collapse: collapse;
}

    .common-table thead th {
        font-weight: bold;
        padding: 20px 30px;
        background: #f2f6f8; /* Old browsers */
        background: -moz-linear-gradient(top, #f2f6f8 1%, #d9dee1 95%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2f6f8), color-stop(95%,#d9dee1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f2f6f8 1%,#d9dee1 95%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f2f6f8 1%,#d9dee1 95%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f2f6f8 1%,#d9dee1 95%); /* IE10+ */
        background: linear-gradient(to bottom, #f2f6f8 1%,#d9dee1 95%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#d9dee1',GradientType=0 ); /* IE6-9 */
        border: 1px solid #bfc8d1;
    }

    .common-table tbody td {
        border: 1px solid #bfc8d1;
        padding: 2px 10px;
        height: 38px;
        text-align: center;
    }

    .common-table tbody tr:nth-child(odd) td {
        background: #e5eaed;
    }

    .common-table tbody tr:nth-child(even) td {
        background: #dde4e8;
    }

    .common-table tbody tr:nth-child(odd) td.bold-column,
    .common-table tbody tr:nth-child(odd).bold-row td {
        background: #EEDADC;
    }

    .common-table tbody tr:nth-child(even) td.bold-column,
    .common-table tbody tr:nth-child(even).bold-row td {
        background: #EAD2D4;
    }


    .common-table td .button,
    .common-table td .buttonGreen {
        display: inline-block;
        float: none;
    }

    .common-table.common-table-autosize {
        width: auto;
    }

    .common-table .field-validation-error {
        margin: 5px 0 10px 0;
    }

    .common-table.common-table-intensive th,
    .common-table.common-table-intensive td {
        border: 1px solid #000;
    }

    .common-table.common-table-intensive th,
    .common-table.common-table-smaller th {
        padding: 10px;
    }

/* 
********************
tree
******************** 
*/

.expandDiv {
    margin-top: -5px;
    padding-top: 9px;
    min-height: 18px;
    padding-bottom: 4px;
    line-height: 1.4em;
    *zoom: 1;
}

    .expandDiv a,
    .treeview li {
        line-height: 1em;
    }

    .expandDiv:before,
    .expandDiv:after {
        content: " ";
        display: table;
    }

    .expandDiv:after {
        clear: both;
    }

.treeview .activeBg {
    padding-left: 7px;
    padding-right: 7px;
}

.treeview li span {
    min-height: 1em;
}

.tree-node-header {
    position: relative;
}

    .tree-node-header > span > a {
        color: #222;
        text-decoration: none;
    }

        .tree-node-header > span > a:hover,
        .tree-node-header > span > a:active {
            color: #0e9dd9;
            text-decoration: underline;
        }

.tree-value-separator {
    display: inline-block;
    margin-right: 3px;
}

.tree-value-row {
    line-height: 1.7em;
}

    .tree-value-row > input[type='checkbox'] {
        margin-bottom: 0;
    }

.ui-jqgrid .tree-icon-node-closed,
.ui-jqgrid .tree-icon-node-open,
.ui-jqgrid .tree-icon-leaf {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    text-decoration: none;
}


.tree-wrap.tree-wrap-ltr {
    display: inline-block;
}

.ui-jqgrid .tree-icon-node-closed {
    background: url('images/tree_icon_plus.png') center center no-repeat;
}

.ui-jqgrid .tree-icon-node-open {
    background: url('images/tree_icon_minus.png') center center no-repeat;
}

.ui-jqgrid .tree-icon-leaf {
    background: url('images/tree_icon_leaf.png') center center no-repeat;
}

.treeview .expandDiv ul {
    margin-top: 0;
}

.tree-right-checkbox {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* Buttons */

.imgAdd {
    background-image: url('images/infoButton_inactive.png');
    background-repeat: no-repeat;
    height: 23px;
    width: 23px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: default;
}

    .imgAdd:hover {
        background-image: url('images/infoButton_inactive.png');
        background-position: 0 -23px;
    }

    .imgAdd:active {
        background-image: url('images/infoButton_inactive.png');
        background-position: 0 -46px;
    }

.imgMinus {
    background-image: url('images/infoButton_active.png');
    background-repeat: no-repeat;
    height: 23px;
    width: 23px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: default;
}

    .imgMinus:hover {
        background-image: url('images/infoButton_active.png');
        background-position: 0 -23px;
    }

    .imgMinus:active {
        background-image: url('images/infoButton_active.png');
        background-position: 0 -46px;
    }

.imgEdit,
.imgEditLeft {
    background: url('images/edit_icon.png') 0 0 no-repeat;
    height: 26px;
    width: 26px;
    position: relative;
    display: inline-block;
    margin: auto;
    cursor: default;
    border: none;
    text-decoration: none;
}

.imgEditLeft {
    margin: 0;
}

    .imgEdit:hover,
    .imgEditLeft:hover {
        background-image: url('images/edit_icon.png');
        background-position: 0 -26px;
    }

    .imgEdit:active,
    .imgEditLeft:active {
        background-image: url('images/edit_icon.png');
        background-position: 0 -52px;
    }

.imgRemove {
    background: url('images/remove_icon.png') 0 0 no-repeat;
    height: 26px;
    width: 26px;
    position: relative;
    display: inline-block;
    margin: auto;
    cursor: default;
    border: 0;
    text-decoration: none;
}

    .imgRemove:hover {
        background-position: 0 -26px;
    }

    .imgRemove:active {
        background-position: 0 -52px;
    }

.imgKey {
    background-image: url('images/klucz.png');
    background-repeat: no-repeat;
    background-position: 0 0px;
    height: 26px;
    width: 26px;
    position: relative;
    display: block;
    margin: auto;
}

    .imgKey:hover {
        background-image: url('images/klucz.png');
        background-position: 0 -26px;
    }

    .imgKey:active {
        background-image: url('images/klucz.png');
        background-position: 0 -52px;
    }

.imgFill, .imgFillLeft {
    background-image: url('images/fill.png');
    background-repeat: no-repeat;
    background-position: 0 0px;
    height: 26px;
    width: 26px;
    position: relative;
    display: block;
    margin: auto;
    border: none;
    cursor: default;
}

.imgFillLeft {
    margin: 0;
}

    .imgFill:hover, .imgFillLeft:hover {
        background-image: url('images/fill.png');
        background-position: 0 -26px;
    }

    .imgFill:active, .imgFillLeft:active {
        background-image: url('images/fill.png');
        background-position: 0 -52px;
    }

.imgExport {
    background: transparent url('images/export.png');
    background-repeat: no-repeat;
    background-position: 0 0px;
    height: 26px;
    width: 26px;
    position: relative;
    display: block;
    margin: auto;
    border: none;
    cursor: default;
}

    .imgExport:hover {
        background: transparent url('images/export.png');
        background-position: 0 -26px;
    }

    .imgExport:active {
        background-image: url('images/export.png');
        background-color: transparent;
        background-position: 0 -52px;
    }
/*
----------------------------------------------------------
 Formularze, inputy 
----------------------------------------------------------*/

.text-box {
    height: 18px;
    border: 1px solid #8f9eac;
    outline: none;
    font-size: 13px;
    color: #3f3f3f;
    padding: 6px;
    margin: 0;
    margin-top: 0;
}

    .text-box:focus {
        border: 1px solid #43bae8;
        background-color: white;
        -webkit-box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
    }


/* ----------- My Form ----------- */
p, h1, form, button {
    border: 0;
    margin: 0;
    padding: 0;
}

.spacer {
    clear: both;
    height: 1px;
}

.myform {
    margin: 0 0;
    min-width: 400px;
    padding: 13px;
    padding-left: 10px;
    padding-right: 10px;
}

/* ----------- stylized ----------- */
#stylized {
    color: #3f3f3f;
}

    #stylized h2,
    h2.common-headline {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #3f3f3f;
        padding-bottom: 0.75em;
        border-bottom: 1px solid #8F9EAC;
    }

    #stylized.myform h2,
    h2.common-headline {
        padding-left: 1em;
    }


    #stylized p {
        font-size: 13px;
        margin-bottom: 20px;
        float: left;
        margin-right: 10px;
    }

    #stylized .small {
        color: #666666;
        display: block;
        font-size: 11px;
        font-weight: normal;
        text-align: right;
        width: 100px;
    }

    #stylized input[type="file"] {
        height: 22px;
        width: 200px;
        border: 1px solid #8f9eac;
        outline: none;
        font-size: 13px;
        color: #3f3f3f;
        float: left;
        padding: 4px 2px;
        margin: 2px 0px 20px 0px;
    }

    #stylized .remove,
    .remove,
    .removeJQgrid {
        background: url('images/remove_button.png')no-repeat;
        background-position: 0 0px;
        width: 29px;
        height: 29px;
        border: 0;
        margin-left: 0;
    }

.removeJQgrid {
    margin: auto;
    display: block;
}

#stylized .remove:hover,
.remove:hover {
    background-position: 0 -29px;
}

#stylized .remove:active,
.remove:active {
    background-position: 0 -58px;
}

.remove-inline-text {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    background: transparent;
    border: 0;
    color: #3f3f3f;
    line-height: 14px;
    padding: 0 5px;
}

    .remove-inline-text:hover,
    .remove-inline-text:active {
        color: #DB0000;
    }

#stylized .plus, .plus {
    background: url('images/plus_button.png')no-repeat;
    background-position: 0 0px;
    width: 29px;
    height: 29px;
    border: 0;
    margin-right: 150px;
    margin-left: 0;
}

.plus {
    margin-right: 0px;
}

    #stylized .plus:hover, .plus:hover {
        background-position: 0 -29px;
    }

    #stylized .plus:active, .plus:active {
        background-position: 0 -58px;
    }

.plusGrey {
    background: url('images/add_grey.png');
    background-position: 0 0px;
    width: 30px;
    height: 30px;
    border: 0;
    margin-right: 20px;
    margin-left: -5px;
    float: left;
}

    .plusGrey:hover {
        background-position: 0 -30px;
    }

    .plusGrey:active {
        background-position: 0 -60px;
    }

.backgroundEmphasis {
    border-top: 1px solid #8f9eac;
    background: #e5eaed; /* Old browsers */
    background: -moz-linear-gradient(top, #e5eaed 0%, #f0f3f5 68%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5eaed), color-stop(68%,#f0f3f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5eaed 0%,#f0f3f5 68%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5eaed 0%,#f0f3f5 68%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5eaed 0%,#f0f3f5 68%); /* IE10+ */
    background: linear-gradient(to bottom, #e5eaed 0%,#f0f3f5 68%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eaed', endColorstr='#f0f3f5',GradientType=0 ); /* IE6-9 */
}

/* ===================================
    Common forms
*/


input[type='text'],
input[type='password'] {
    border: 1px solid #8f9eac;
    outline: none;
    font-size: 13px;
    color: #3f3f3f;
}

    input[type='text']:focus,
    input[type='password']:focus {
        border: 1px solid #43bae8;
        background-color: white;
        -webkit-box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
        -moz-box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
        box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
    }


    input[type='text'][readonly] {
        background: #EBEBE4;
    }

        input[type='text'][readonly]:focus {
            border: 1px solid #8f9eac;
            outline: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

input[type='submit'],
input.common-button,
.button-mini {
    border: 1px solid #8F9EAC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-family: Arial,​ Helvetica, ​sans-serif;
    font-weight: bold;
    font-size: 13px;
    height: 29px;
    padding-left: 10px;
    padding-right: 10px;
    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2QyZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #ccd2d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ccd2d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#ccd2d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#ccd2d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#ccd2d8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%,#ccd2d8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ccd2d8',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 0px 6px 4px -6px #ffffff;
    box-shadow: 0px 6px 4px -6px #ffffff;
    outline: none;
    line-height: 17px;
    color: #3F3F3F;
}

    input[type='submit']:hover,
    input[type='submit']:focus,
    input[type='submit'][disabled],
    input.common-button:hover,
    input.common-button:focus,
    input.common-button[disabled],
    .button-mini:hover,
    .button-mini:focus {
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fefefe 0%,#f1f1f1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
    }

    input[type='submit']:active,
    input.common-button:active,
    .button-mini:active {
        background: #ccd2d8; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZDJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ccd2d8 0%, #fefefe 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccd2d8), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ccd2d8 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ccd2d8 0%,#fefefe 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ccd2d8 0%,#fefefe 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ccd2d8 0%,#fefefe 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd2d8', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
    }

.button-mini {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 6px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 12px;
    height: auto;
}

    .button-mini.button-mini-fill {
        padding: 4px 6px;
        vertical-align: middle;
    }

input.common-button.common-cancel-button {
    font-weight: normal;
}

input[type='text'].datepicker.hasDatepicker,
input[type='text'].datepickerFrom.hasDatepicker,
input[type='text'].datepickerTo.hasDatepicker {
    background-image: url('images/datepicker_icon.png');
    background-position: 96% center;
    background-repeat: no-repeat;
}

.editor-label,
.editor-field,
.display-label,
.display-field {
    height: 32px;
    margin-bottom: 10px;
}

.editor-field,
.display-field {
    min-height: 32px;
    height: auto;
}

.editor-label,
.display-label {
    width: 140px;
    float: left;
    font-weight: bold;
    text-align: right;
}

    .editor-label label,
    .display-label label {
        display: table-cell;
        vertical-align: middle;
        height: 32px;
        width: 140px;
        text-align: right;
    }

.paperCardTable .display-label label {
    height: auto;
    width: auto;
    text-align: left;
}



.editor-label.longer-label,
.editor-label.longer-label label {
    width: 180px;
}

.editor-field,
.display-field {
    margin-left: 150px;
}

.display-field {
    line-height: 32px;
}

th > .display-field {
    margin: 0;
    min-height: 0;
    line-height: 1em;
}

.editor-field.longer-label {
    margin-left: 190px;
}

.editor-field input[type='text'],
.common-form input[type='text'],
.common-form input[type='password'],
.editor-field input[type='password'] {
    width: 186px;
    padding: 6px;
    vertical-align: middle;
}

.commentForm .editor-field textarea {
     width: 240px;
}

.commentTextArea {
    resize: none;
}


    .editor-field input[type='text'].short-text,
    .common-form input[type='text'].short-text {
        width: 70px;
    }

.editor-field textarea,
.common-form textarea {
    width: 186px;
    padding: 6px;
    outline: none;
    min-height: 4em;
    overflow: auto;
    border: 1px solid #8f9eac;
}

textarea[readonly] {
    background: #EBEBE4;
}

.editor-field textarea.wide-textarea {
    width: 436px;
    min-height: 6em;
}

.editor-field input[type='text'].wide-text,
.editor-field.wide-text > input[type='text'] {
    width: 380px;
}

.editor-field textarea:focus,
.common-form textarea:focus {
    border: 1px solid #43bae8;
    background-color: white;
    -webkit-box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
    -moz-box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
    box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
}

select.common-select,
.editor-field select,
.common-form select {
    height: 32px;
    width: 200px;
    border: 1px solid #8f9eac;
    outline: none;
    font-size: 13px;
    color: #3f3f3f;
    padding: 4px 2px;
    vertical-align: middle;
}

    select.common-select.short-select,
    .editor-field select.short-select,
    .common-form select.short-select {
        width: 82px;
    }

    select.common-select.long-select,
    .editor-field select.long-select,
    .common-form select.long-select {
        width: 300px;
    }

    .editor-field select.multiselect-select {
        width: 194px;
        border: 1px solid #ccc;
    }

    select.common-select:focus,
    .editor-field select:focus,
    .common-form select:focus {
        border: 1px solid #43bae8;
        background-color: white;
        -webkit-box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
        -moz-box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
        box-shadow: inset 1px 2px 8px rgba(67,186,232,0.3), 0 0 3px rgba(67,186,232,1);
    }

.common-select.button-height-select {
    height: 29px;
}

.common-select.box-header-select {
    height: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.box-header-right .box-header-side-inner {
    padding-right: 2px;
    padding-top: 2px;
}

.editor-field input[type='checkbox'],
.common-form input[type='checkbox'] {
    width: auto;
    height: auto;
    padding: 0;
    line-height: normal;
    background-color: transparent;
    margin: 2px;
}

.tree-node-header .rightDivMargin5 > input[type='checkbox'] {
    width: 50px;
    margin-right: 10px;
}

.editor-field select ~ input[type='checkbox'],
.editor-field input[type='text'] ~ input[type='checkbox'],
.common-form select ~ input[type='checkbox'],
.common-form input[type='text'] ~ input[type='checkbox'] {
    vertical-align: middle;
    margin-top: -1px;
}

.editor-field > input[type='checkbox']:first-child,
.editor-field > input[type='radio']:first-child {
    margin-top: 9px;
}

fieldset.common-fieldset {
    position: relative;
}

fieldset.common-fieldset,
.common-form fieldset {
    padding: 15px;
    margin-bottom: 15px;
}

    fieldset.common-fieldset legend,
    .common-form fieldset legend {
        padding: 0 10px;
        font-size: 1.1em;
    }

/* Prevent setting default width for common elements (for custom forms) */
.common-form.common-form-flexible input[type='text'],
.common-form.common-form-flexible textarea,
.common-form.common-form-flexible select {
    width: auto;
}

.common-form.common-form-flexible .plus,
.common-form.common-form-flexible .remove {
    margin-right: 0;
}

.common-form > .common-headline:first-child {
    margin-top: 1.1em;
}

.editor-field-answer {
    float: right;
    margin-right: 10px;
    text-align: left;
    width: 720px;
    height: 39px;
    overflow: auto;
}

.editor-field.number-field input[type='text'],
input[type='text'].number-field {
    text-align: right;
}

.field-summary-group {
    padding: 10px;
    margin-top: 15px;
}

    .field-summary-group:first-child {
        margin-top: 0;
    }

/* =====================================
    Multiselect override 
*/

.ui-multiselect {
    height: 30px;
}

.ui-multiselect-menu.ui-widget {
    padding: 0;
    border: 1px solid #8f9eac;
    border-top: 0;
    min-width: 445px;
    background: #fff;
}

.ui-multiselect-menu .ui-multiselect-header {
    height: 20px;
    margin-bottom: 1px;
}

.ui-multiselect-menu .ui-multiselect-all,
.ui-multiselect-menu .ui-multiselect-none,
.ui-multiselect-menu .ui-multiselect-close {
    font-size: 0.8em;
}

.ui-multiselect-checkboxes li {
    padding-right: 1px;
    padding-left: 1px;
}

.ui-multiselect-menu .ui-multiselect-close {
    padding-top: 1px;
    padding-right: 3px;
}

.ui-multiselect > .ui-icon {
    position: relative;
    bottom: -4px;
}

    .ui-multiselect > .ui-icon + span {
        max-width: 90%;
        max-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 25px;
        display: inline-block;
    }

.ui-multiselect-hasfilter ul {
    position: relative;
    top: 2px;
}

.ui-multiselect-filter {
    float: left;
    margin-right: 10px;
    font-size: 11px;
}

    .ui-multiselect-filter input {
        width: 100px;
        font-size: 10px;
        margin-left: 5px;
        height: 15px;
        padding: 2px;
        border: 1px solid #292929;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
    }

/* -----------------------------------------
    UI Dialogs
   ----------------------------------------- */

.ui-dialog .ui-dialog-content {
    padding: 0;
}

/* ------------------------------------------
    Datepicker
    ---------------------------------------- */

.ui-datepicker dd {
    margin: 10px 20px;
}

.ui-datepicker .ui-slider-horizontal {
    background-color: #C9D5DA;
}

.ui-datepicker button.ui-priority-secondary,
.ui-datepicker .ui-widget-content button.ui-priority-secondary {
    opacity: 1;
    filter: none;
}

#search input[type='text'].hasDatepicker {
    width: 100px;
}

.short-datepicker input[type='text'].datepicker.hasDatepicker {
    width: 100px;
}

/* -----------------------------------------
    jQuery UI commons 
   ----------------------------------------- */

.ui-widget-overlay {
    position: fixed;
}

.ui-progressbar .ui-progressbar-value {
    background-image: url(images/pbar-ani.gif);
}

/* ==========================================
    Validation messages 
*/

.time-field .field-validation-error {
    display: inline;
}

.field-validation-error {
    border: 1px solid #cd0b0b;
    background: #fcecef;
    padding: 6px;
    display: block;
    margin-top: 10px;
    margin-right: 10px;
    width: 186px;
}

input[type="text"].input-validation-error,
textarea.input-validation-error,
textarea.input-validation-error:focus,
select.input-validation-error,
input[type='text'].input-custom-validation-error {
    border: 1px solid #cd0b0b;
    -webkit-box-shadow: inset 1px 2px 8px #fcd6d6, 0 0 3px #cd0b0b;
    -moz-box-shadow: inset 1px 2px 8px lightgrey, 0 0 3px #cd0b0b;
    box-shadow: inset 1px 2px 8px #fcd6d6, 0 0 3px #cd0b0b;
}

.validation-summary-errors {
    border: 1px solid #cd0b0b;
    background: #fcecef;
    padding: 8px 35px 8px 14px;
    display: block;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .validation-summary-errors > ul {
        padding-left: 20px;
        padding-top: 5px;
    }

    .validation-summary-errors li {
        list-style-type: disc;
    }

.InputsInTable {
    margin-left: 115px;
}

.InputsInTable2 {
    margin-left: 145px;
}


.InputsInTable label {
    text-align: left;
}

/*
----------------------------------------------------------
 Language Picker  
----------------------------------------------------------*/
.lang-picker-wrapper {
    /*position: absolute; */
    right: 0px;
    z-index: 1000;
    top: 10px;
}

.lang-picker {
    background: url("images/lang-picker-arrow-down.png") no-repeat right 10px #A5D03C;
    background-color: #00255c;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    line-height: 12px;
    margin: 0;
    overflow: hidden;
    padding: 0 6px;
    vertical-align: top;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .lang-picker a {
        color: #FFFFFF;
        display: block;
        line-height: 22px;
        padding: 0 16px 0 12px;
        text-align: left;
        text-decoration: none;
    }

#topNav .lang-picker a {
    margin-right: 15px;
    color: #fff;
}

    #topNav .lang-picker a:hover {
        color: #003300;
        color: #fff;
    }

.lang-picker.hover {
    background-image: url("images/lang-picker-arrow-up.png");
}

/* 
********************
tabelki w boxach
******************** 
*/
table {
}

.container .contentBoxMain table {
    border-collapse: collapse;
    width: 100%;
}

.container .contentBoxMain tbody tr:nth-child(odd) {
    background: #e5eaed;
}

.container .contentBoxMain table thead th {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #bfc8d1;
    text-align: left;
}

.container .contentBoxMain table td {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.container .contentBoxMain table th {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 1.5em;
}

.container .contentBoxMain tbody td {
    border-bottom: 1px solid #bfc8d1;
}

    .container .contentBoxMain tbody td .button25,
    .container .contentBoxMain thead th .plus,
    .container .contentBoxMain tbody td .remove {
        float: right;
    }

.container .contentBoxMain tbody tr:hover {
    background-color: #e2eef5;
}

.container .contentBoxMain tbody td > a {
    text-decoration: none;
    color: #222;
}

    .container .contentBoxMain tbody td > a:hover,
    .container .contentBoxMain tbody td > a:active {
        text-decoration: underline;
        color: #0e9dd9;
    }

    .container .contentBoxMain tbody td > a.button25 {
        text-decoration: none;
        color: #3f3f3f;
    }

        .container .contentBoxMain tbody td > a.button25:hover,
        .container .contentBoxMain tbody td > a.button25:active {
            text-decoration: none;
            color: #3f3f3f;
        }


/*
----------------------------------------------------------
Box
----------------------------------------------------------*/

.contentBox {
    position: relative;
}

.contentBoxHeader {
    height: 41px;
}

.contentBoxHeaderContent {
    height: 41px;
    background-image: url('images/content_head.png');
    background-repeat: repeat-x;
    padding-top: 12px;
    padding-left: 17px;
}

.contentBoxHeaderLeft {
    height: 41px;
    width: 9px;
    background-image: url('images/left_rounded_head_box.png');
    float: left;
}

.contentBoxHeaderRight {
    height: 41px;
    width: 9px;
    background-image: url('images/right_rounded_head_box.png');
    float: right;
}

.contentBoxHeader .contentBoxHeaderActions {
    position: absolute;
    right: 16px;
    top: 5px;
    color: #fff;
}

    .contentBoxHeader .contentBoxHeaderActions select {
        min-width: 100px;
    }

    .contentBoxHeader .contentBoxHeaderActions .plus {
        vertical-align: middle;
    }

.contentBoxHeaderContentGrey h2 {
    color: #3f3f3f;
}

.contentBoxHeaderContentGrey {
    height: 41px;
    background-image: url('images/content_head_grey.png');
    background-repeat: repeat-x;
    padding-top: 12px;
    padding-left: 17px;
}

.contentBoxHeaderLeftGrey {
    height: 41px;
    width: 9px;
    background-image: url('images/left_rounded_head_box_grey.png');
    float: left;
}

.contentBoxHeaderRightGrey {
    height: 41px;
    width: 9px;
    background-image: url('images/right_rounded_head_box_grey.png');
    float: right;
}

.contentBoxFooter {
    height: 10px;
    background-image: url('images/bottom_box.png');
    background-repeat: repeat-x;
}

.contentBoxFooterLeft {
    height: 10px;
    width: 10px;
    background-image: url('images/left_bottom_rounded.png');
    float: left;
}

.contentBoxFooterRight {
    height: 10px;
    width: 10px;
    background-image: url('images/right_bottom_rounded.png');
    float: right;
}

.contentBoxMain {
    width: auto;
    height: auto;
    background-color: #eff3f6;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    border-left: 1px solid #8f9eac;
    border-right: 1px solid #8f9eac;
    overflow: visible;
}

    .contentBoxMain.contentBoxMain-nopadding {
        padding: 0;
    }

.contentBoxMainTable {
    height: auto;
    padding-top: 10px;
    overflow: visible;
}

/* content-box 2.0 */

.box-wrapper {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.box-header {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 30px;
    background-position: 0 -1px;
    border: 1px solid #1b4065;
    border-width: 1px;
}

    .box-header h1 {
        font-size: 15px;
        line-height: 1em;
        color: #fdfdfd;
        padding: 7px 0 0 8px;
        font-weight: bold;
    }

    .box-header .box-header-left {
        float: left;
        width: 49%;
    }

    .box-header .box-header-right {
        float: right;
        padding-top: 4px;
        text-align: right;
        margin-top: -4px;
    }

        .box-header .box-header-right .button {
            display: inline-block;
            float: none;
            color: #444;
            margin: 0;
        }

    .box-header .box-header-inner {
        vertical-align: middle;
        padding: 0 0 0 5px;
    }

.box-content {
    padding: 10px 15px 20px 15px;
}

.box-content-column {
    float: left;
}

    .box-content-column.column-divide-3 {
        width: 33%;
    }

        .box-content-column.column-divide-3.column-today {
            width: 34%;
        }

.column-divide-3 .box-content-column-inner {
    padding: 0;
}

.column-divide-3.column-today .box-content-column-inner {
    padding: 0 10px;
}

.box-content-column-header {
    padding: 10px 0;
}

    .box-content-column-header h1,
    .box-content-column-header h3 {
        text-align: center;
        line-height: 1.3em;
        color: #1d4c72;
        font-size: 20px;
    }

    .box-content-column-header h3 {
        text-align: center;
        color: #777;
        font-size: 13px;
    }

.box-inner {
    background: #eff3f6;
    border: 1px solid #ccc;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.box-footer {
    background: #dff5d5;
    padding: 15px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* -----------------------------------------
    Common strip table
   ----------------------------------------- */

table.common-zebra-table {
    border-collapse: collapse;
    width: 100%;
}

    table.common-zebra-table td {
        background: #eef2f5;
        border-bottom: 1px solid #bfc8d1;
        padding: 8px;
    }

    table.common-zebra-table th {
        padding: 6px 8px;
    }

    table.common-zebra-table tbody tr:first-child > td {
        border-top: 1px solid #bfc8d1;
    }

    table.common-zebra-table tbody tr:nth-child(odd) td {
        background: #e5eaed;
    }

    table.common-zebra-table tr:hover td,
    table.common-zebra-table tbody tr:nth-child(odd):hover td {
        background: #e2eef5;
    }

/*
----------------------------------------------------------
Persons  
----------------------------------------------------------*/

.hideDetails {
    padding: 6px;
    background: url("images/upArrow.png") no-repeat scroll;
}

.showDetails {
    padding: 6px;
    background: url("images/downArrow.png") no-repeat scroll;
}

.toggle-details {
    padding: 3px 0 3px 25px;
    display: block;
    background-position: 5px center;
    background-repeat: no-repeat;
    color: #767676;
    text-decoration: none;
    font-size: 1.1em;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.details-toggle-wrapper {
    border-bottom: 1px solid #8F9EAC;
}

.toggle-details.hideDetails:hover,
.toggle-details.showDetails:hover {
    text-decoration: underline;
}

.toggle-details.hideDetails:active,
.toggle-details.showDetails:active {
    background-color: #e5eaed;
}

.toggle-details.hideDetails {
    background-image: url("images/toggleArrow.png");
    background-position: 0 -20px;
}

.toggle-details.showDetails {
    background-image: url("images/toggleArrow.png");
    background-position: 0 0px;
}

#details,
.details-block {
    background-color: #E4E7E9;
    padding: 15px;
}

.objectIcon {
    width: 79px;
    height: 79px;
    border: 0;
    margin-top: 15px;
}

.gender-image,
.institution-image {
    float: left;
    padding-left: 15px;
}

.institution-image {
    padding-left: 25px;
    padding-top: 10px;
}

#persons .person {
    float: left;
    padding-left: 20px;
}

#persons tr.person {
    padding: 0;
    float: none;
}

#persons .personNameDiv {
    padding-top: 25px;
    padding-bottom: 10px;
}

    #persons .personNameDiv > span {
        font-weight: bold;
        font-size: 24px;
    }

#persons .common-select.vacancy-select,
#persons .common-select.type-of-person-select {
    width: auto;
    min-width: 130px;
}

.person td.person-action-cell {
    width: 34px;
    padding: 0;
}

.persons-dialog-view {
    width: 100%;
}

    .persons-dialog-view .person td {
        font-weight: normal;
        padding-right: 0;
    }

.institution-table td {
    padding-top: 5px;
    height: 40px;
}

.institution > .hidden-cell {
    display: none;
}

.institutions-dialog-view thead th,
.persons-dialog-view thead th {
    border-bottom: 1px solid #bfc8d1;
    text-align: left;
}

.persons-dialog-view th.hidden-cell,
.persons-dialog-view td.hidden-cell {
    display: none;
}

.plus.person-plus,
.plus.institutions-plus {
    margin-top: 5px;
}
/* ------------------------------------------------------
    Insitutions
   ------------------------------------------------------ */
.institution-table {
    width: 100%;
}

.institution-table-name-column {
}

.institution-table-action-column {
    padding: 0;
    width: 34px;
}

/*
----------------------------------------------------------
PaperCard
----------------------------------------------------------*/
.paperCard {
    background: white;
    border: 1px solid #ced0d1;
    margin-top: -26px;
    padding-bottom: 20px;
    padding-top: 5px;
}

.paperCardTable {
    width: 96%;
    margin: 0 2%;
    table-layout: fixed;
}

    .paperCardTable tr {
        border-bottom: 1px solid #d9d9d9;
    }

    .paperCardTable td {
        padding: 10px 5px;
    }

        .paperCardTable td:first-child {
            width: 35%;
        }

    .paperCardTable .display-label,
    .paperCardTable .display-field {
        width: auto;
        display: block;
        height: auto;
        line-height: 1em;
        float: none;
        margin: 0;
        min-height: 0;
    }

    .paperCardTable .display-label {
        text-align: left;
    }

.paperCardBottom {
    height: 8px;
}

.paperCardBottomLeft, .paperCardBottomRight {
    background: url('images/paper_bg_bottom_left.png');
    background-position: left;
    background-repeat: no-repeat;
    border-right: 1px solid #ced0d1;
    height: 8px;
    position: relative;
    margin-bottom: 3px;
}

.paperCardBottomRight {
    background: url('images/paper_bg_bottom_right.png');
    background-position: right;
    border-left: 1px solid #ced0d1;
    border-right: none;
}

.paperCardBottom .paperCardBottomLeft {
    float: left;
    width: 50%;
    border: 0;
}

.paperCardBottom .paperCardBottomRight {
    float: right;
    width: 50%;
    border: 0;
}

.calendarPaperCard {
    background: url('images/paper_bg_bottom_content_calendar.png');
    background-repeat: repeat-x;
    height: 16px;
}

.calendarPaperCardLeft {
    background: url('images/paper_bg_bottom_left_right_calendar.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 17px;
    float: left;
}

.calendarPaperCardRight {
    background: url('images/paper_bg_bottom_left_right_calendar.png');
    background-repeat: no-repeat;
    background-position: -18px 0px;
    height: 16px;
    width: 17px;
    float: right;
}

.paperCardTable td.paperCardTable-label-cell {
    width: 220px;
    vertical-align: top;
}

.paperCardTable .display-field > ul {
    margin-left: 15px;
}

    .paperCardTable .display-field > ul li {
        list-style-type: disc;
        margin-bottom: 0.3em;
    }

.fc-agenda-allday td {
    background-color: #FFFFC4;
}

.fc-agenda-allday:hover td {
    background-color: #FFFFA3;
}
/* Minimum event height */
.fc-event,
.fc-event-inner {
    min-height: 12px;
}

.fc-event-vert .fc-event-head {
    background-color: #346E95;
}

.fc-event-skin {
    border-color: #346E95;
}

.fc-agenda-allday .ui-widget-header.fc-agenda-axis {
    font-size: 8px;
}

.fc-agenda-divider.ui-widget-header {
    background: #BFC8D1;
    height: auto;
    padding-top: 0;
    padding-bottom: 1px;
}

/** ----- NonVisit --------*/
.event-nonvisit.fc-event-vert,
.event-nonvisit .fc-event-skin {
    background-color: #9DE0AD;
    border-color: #4E9689;
}

    .event-nonvisit.fc-event-skin .fc-event-head {
        background-color: #4E9689;
    }

/** ----- NonVisit --------*/
.event-reported.fc-event-vert,
.event-reported .fc-event-skin {
    background-color: #F3EF98;
    border-color: #FFB042;
}

    .event-reported.fc-event-skin .fc-event-head {
        background-color: #FFB042;
    }

/** ----- Holiday --------*/
.event-holiday.fc-event-vert,
.event-holiday .fc-event-skin {
    background-color: #EA606F;
    border-color: #BA3548;
}

    .event-holiday.fc-event-skin .fc-event-head {
        background-color: #BA3548;
    }

.fc-sat {
    background: #F7E4E4;
    border: 1px solid #BFC8D1;
}

.fc-sun {
    background: #FFD0D0;
    border: 1px solid #BFC8D1;
}

/*
----------------------------------------------------------
Idividual Card
----------------------------------------------------------*/
.MainInformationStyle {
    margin-left: 20px;
    margin-top: 35px;
    float: left;
}

#institutionMainInformation.MainInformationStyle {
    margin-top: 45px;
}

.specializationNameStyle {
    font-size: 15px;
    padding-top: 12px;
}

.individualDetailsInformationTablesStyle {
    float: left;
    border-spacing: 2px;
    padding: 20px;
}

.changeRequestButtonStyle {
    padding-left: 20px;
}

.individualInformationTablesStyles {
    margin-top: -5px;
}

.request-update-overlay {
    background: rgba(6, 116, 255, 0.16);
    margin-right: 0;
    padding-right: 20px;
}

/*----------------
InstitutionCard
----------------*/

.setRating {
    float: right;
    margin-top: 20px;
}

    .setRating .button25 {
        margin-top: 20px;
        margin-right: 40px;
    }

.ratingIcon {
    width: 49px;
    height: 68px;
    float: left;
    background: url('images/ic_institution_rate.png');
    background-position: 0 68px;
    background-repeat: no-repeat;
    margin-right: 45px;
    position: relative;
    top: -10px;
}

.ratingValue {
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    top: 73px;
    left: -50px;
    width: 150px;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

.brown .ratingValue {
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}

.gold,
.rating-value-1 {
    color: #917a23;
    background-position: 0 0px;
}

.silver,
.rating-value-2 {
    color: #686868;
    background-position: 0 -68px;
}

.brown,
.rating-value-3 {
    color: #281103;
    background-position: 0 -136px;
}

.other,
.rating-value-other {
    color: #295265;
    background-position: 0 -204px;
}

.ratingIcon.none-image {
    background: none;
}

.brick {
    color: #49a249;
}


/*----------------
Calendar
----------------*/

.inputsPair {
    float: left;
    margin-right: 10px;
}

    .inputsPair label {
        width: auto;
    }

    .inputsPair input {
        width: 160px;
    }

.LightBg {
    background: url('images/informationBar_light_bg.png');
    background-repeat: no-repeat;
    width: 970px;
    height: 112px;
    position: absolute;
    top: -5px;
}

#calendar-datepicker {
    margin-left: 20px;
}

    #calendar-datepicker input[type='text'].datepicker {
        height: 24px;
        padding-left: 6px;
    }

/* -------------------------------
    Dashboard and request, messages boxes
   ------------------------------- */

#dashboard-wrapper {
}

.box-content-column-fixed-height .visit-table-wrapper {
    height: 211px;
}

.box-content-column-fixed-height .visit-table-inner {
    min-height: 212px;
}

.visit-table a {
    color: #363636;
    text-decoration: none;
}

    .visit-table a:hover,
    .visit-table a:active {
        color: #0e9dd9;
        text-decoration: underline;
    }

.visit-time-column {
    width: 70px;
}

#requests-box-wrapper {
    padding-right: 10px;
}

#messages-box-wrapper {
    padding-left: 10px;
}

.requests-table th,
.requests-table td,
.messages-table th,
.messages-table td {
    text-align: left;
}

    .requests-table td a,
    .messages-table td a {
        color: #363636;
        text-decoration: none;
    }

        .requests-table td a:hover,
        .messages-table td a:hover {
            color: #0e9dd9;
            text-decoration: underline;
        }

.requests-table .requests-status-cell,
.messages-table .messages-date-cell {
    text-align: center;
    width: 80px;
}

.messages-table .messages-date-cell {
    width: 130px;
}

.messages-table tr.message-unread td {
    font-weight: bold;
}

.request-status-icon,
.commissions-status-icon {
    display: inline-block;
    width: 20px;
    overflow: hidden;
    text-indent: -9999em;
    height: 19px;
    background: url('images/request_status_icon_sprite.png') no-repeat;
}

    .request-status-icon.request-status-icon-New,
    .commissions-status-icon.commissions-status-icon-New {
        background-position: 0 -19px;
    }

    .request-status-icon.request-status-icon-Sent,
    .commissions-status-icon.commissions-status-icon-Sent {
        background-position: 0 -57px;
    }

    .request-status-icon.request-status-icon-Approved,
    .commissions-status-icon.commissions-status-icon-Approved {
        background-position: 0 -38px;
    }

    .request-status-icon.request-status-icon-Rejected,
    .commissions-status-icon.commissions-status-icon-Rejected {
        background-position: 0 0;
    }

.button-next {
    background-image: url('images/button_dashboard_arrows.png');
    background-position: -31px 0px;
    background-repeat: no-repeat;
    width: 31px;
    height: 30px;
    display: inline-block;
    float: left;
}

    .button-next:hover {
        background-position: -31px -30px;
    }

    .button-next:active {
        background-position: -31px -60px;
    }

.button-prev {
    background-image: url('images/button_dashboard_arrows.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
}

    .button-prev:hover {
        background-position: 0px -30px;
    }

    .button-prev:active {
        background-position: 0px -60px;
    }

/* Form Actions --
---------------------------------------------------*/

.form-actions {
    border-top: 1px solid #ccc;
    width: 45%;
    padding: 10px 0 10px 150px;
    margin-top: 15px;
}

    .form-actions.form-actions-wide-pushed,
    .form-actions.form-actions-wide {
        width: auto;
        padding: 10px 0 10px 10px;
    }

    .form-actions.form-actions-wide-pushed {
        padding-left: 150px;
    }

#details .form-actions {
    border-top: 1px solid #B4BFC9;
    padding-bottom: 0;
}

.form-actions .button {
    display: inline-block;
    margin-right: 5px;
    float: none;
}

.form-actions .step-button-prev > span,
.form-actions .step-button-next > span {
    position: relative;
}

.form-actions .step-button-prev > span {
    padding-left: 22px;
}

.form-actions .step-button-next > span {
    padding-right: 12px;
}

    .form-actions .step-button-prev > span:before,
    .form-actions .step-button-next > span:after {
        display: block;
        content: '';
        background: url('images/common_button_arrows.png') left top no-repeat;
        height: 7px;
        width: 4px;
        position: absolute;
        top: 50%;
        margin-top: -4px;
    }

    .form-actions .step-button-next > span:after {
        right: 0;
    }

.form-actions .step-button-prev > span:before {
    left: 10px;
    background-position: top right;
}

.form-actions .button.button-cancel {
    font-weight: normal;
}

.button.button-disabled {
    color: #a0a0a0;
    cursor: default;
}

.form-actions .step-button-prev.button-disabled > span:before,
.form-actions .step-button-next.button-disabled > span:after {
    background-position: bottom left;
}

.form-actions .step-button-prev.button-disabled > span:before {
    background-position: bottom right;
}


/* ----------------
    Report
   ----------------*/

#formReport {
    margin-top: 20px;
    margin-bottom: 10px;
}

#reportNotes {
    margin-top: 20px;
}

    #reportNotes .editor-label,
    #reportNotes .editor-label label {
        width: auto;
        text-align: left;
        color: #3f3f3f;
        font-size: 15px;
        margin-left: 20px;
        margin-bottom: 0px;
        margin-right: 100px;
    }

    #reportNotes .paperCard > .editor-label {
        float: none;
    }

    #reportNotes .editor-field {
        margin-left: 0px;
        outline: none;
    }

    #reportNotes textarea {
        background: url('images/noteBg.png');
        background-clip: content-box;
        border: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #3f3f3f;
        line-height: 32px;
        padding-left: 20px;
        padding-right: 0px;
        overflow: auto;
        height: 75px;
        min-width: 95%;
        max-width: 95%;
        resize: none;
        display: block;
    }

        #reportNotes textarea:focus {
            -webkit-box-shadow: none;
        }

    #reportNotes .paperCard {
        padding-bottom: 0px;
        margin-top: 0px;
    }

.resizableInformationBar {
    background: #e5eaed; /* Old browsers */
    background: -moz-linear-gradient(top, #e5eaed 1%, #c5d0d7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5eaed), color-stop(100%,#c5d0d7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5eaed 1%,#c5d0d7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5eaed 1%,#c5d0d7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5eaed 1%,#c5d0d7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e5eaed 1%,#c5d0d7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eaed', endColorstr='#c5d0d7',GradientType=0 ); /* IE6-9 */
    position: relative;
    width: auto;
    min-width: 800px;
    top: -6px;
    z-index: 0;
    border-bottom: 1px solid #8F9EAC;
}

.visit-report .resizableInformationBar {
    margin-left: -30px;
}

.visit-report-user-select-wrapper {
    float: right;
    margin: 26px 15px 10px 0;
}

    .visit-report-user-select-wrapper .ui-multiselect {
        vertical-align: middle;
    }

    .visit-report-user-select-wrapper .multiselect-label {
        padding: 0 7px;
        font-weight: bold;
        position: relative;
        bottom: -2px;
    }

.visit-report-territory-user-select-wrapper {
    padding-top: 0;
    text-align: right;
    color: #fff;
    width: 50%;
    float: right;
    position: relative;
    top: -5px;
}

    .visit-report-territory-user-select-wrapper > select.common-select {
    }

.visit-report-buttons .button-group .text-box {
    padding: 1px 0;
}

    .visit-report-buttons .button-group .text-box[name='TimeFrom'],
    .visit-report-buttons .button-group .text-box[name='TimeTo'] {
        width: 90px;
    }

.visit-report-buttons .button-group > select {
    height: 28px;
    margin-top: -3px;
}

.visit-report .personNameDiv a,
.reporting-institutions a {
    color: #363636;
    text-decoration: none;
}

    .visit-report .personNameDiv a:hover,
    .visit-report .personNameDiv a:active,
    .reporting-institutions a:hover,
    .reporting-institutions a:active {
        color: #363636;
        text-decoration: underline;
    }

.reporting-persons #firstname,
.reporting-persons #surname {
    font-size: 15px;
}

.reporting-persons .common-select {
    height: 28px;
}

.reporting-institutions {
    min-width: 33%;
}

.reporting-persons .person td {
    height: auto;
    padding-right: 15px;
}

    .reporting-persons .person td.hidden-cell {
        padding: 0;
    }

.reporting-institutions #institutionName {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    padding: 20px 20px 10px 0;
    min-width: 400px;
}

.resizableInformationBarContent {
    background: url('images/resizableInformationBar_bg.png');
    background-repeat: no-repeat;
    margin-right: 1%;
}

.person td {
    height: 40px;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 5px;
    padding-right: 40px;
}

/*----------------
Questtionaire
----------------*/

.greyGradientBg {
    background: #e5eaed; /* Old browsers */
    background: -moz-linear-gradient(top, #e5eaed 1%, #c5d0d7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5eaed), color-stop(100%,#c5d0d7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5eaed 1%,#c5d0d7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5eaed 1%,#c5d0d7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5eaed 1%,#c5d0d7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e5eaed 1%,#c5d0d7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eaed', endColorstr='#c5d0d7',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #8F9EAC;
}

/*#detailsForm .editor-field, */
#detailsForm input[type='text'],
#detailsForm textarea {
    width: 100%;
}

#detailsForm textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    resize: none;
    overflow: auto;
}

#detailsForm .greyGradientBg {
    min-height: 200px;
}

#detailsForm .leftDetail {
    float: left;
    width: 48%;
}

#detailsForm .rightDetail {
    background: white;
    min-height: 185px;
    border: 1px solid #8F9EAC;
    padding-left: 25px;
    padding-bottom: 13px;
    margin-right: 20px;
    margin-left: 48%;
}

#detailsForm .leftDetail .editor-field {
    margin-right: 26px;
}

.rightDetail .plus {
    float: right;
    margin-top: -10px;
}

.rightDetail #tableTeams td {
    height: 35px;
    border-bottom: 1px solid #d9e2ea;
}

    .rightDetail #tableTeams td .remove {
        float: right;
    }

.rightDetail #tableTeams {
    width: 95%;
}

    .rightDetail #tableTeams select.common-select {
        width: 98%;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .rightDetail #tableTeams .questionnaire-team-action-column {
        width: 32px;
    }

.rightDetail #tableVisitTypes td {
    height: 35px;
    border-bottom: 1px solid #d9e2ea;
}

    .rightDetail #tableVisitTypes td .remove {
        float: right;
    }

.rightDetail #tableVisitTypes {
    width: 95%;
}

    .rightDetail #tableVisitTypes select.common-select {
        width: 98%;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .rightDetail #tableVisitTypes .questionnaire-visitType-action-column {
        width: 32px;
    }

.rightDetail h4 {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9e2ea;
    margin-bottom: 1px;
}

#questions .paperCard {
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0px;
    border-top: none;
}

#questions input[type=text] {
    width: 600px;
    margin-right: 20px;
}

    #questions input[type=text].datepicker {
        width: 150px;
    }

#questions textarea {
    min-width: 440px;
    max-width: 440px;
    min-height: 50px;
    margin-right: 20px;
}

#questions table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

#questions .answers-list table td {
    padding-top: 0;
}

#questions .portlet-header {
    font-weight: bold;
    cursor: move;
}

#questions #buttonAddAnswer {
    float: right;
}

.portlet-remove-wrapper {
    float: right;
}

.portlet hr {
    border: 0;
    border-color: #ced0d1;
    background-color: #ced0d1;
    height: 1px;
}

.portlet-content .editor-label,
.portlet-content .editor-label > label {
    width: 160px;
}

.portlet-content .editor-label {
    height: auto;
    min-height: 32px;
}

.portlet-content .editor-field {
    margin-left: 170px;
}

/* -----------------------------------
    Rating card
   ----------------------------------- */

.rating-features-table {
    width: 100%;
}

    .rating-features-table th {
        text-align: left;
        border-bottom: 1px solid #8F9EAC;
        padding-bottom: 4px;
    }

    .rating-features-table td {
        padding: 4px 0;
    }

    .rating-features-table .rating-actions-cell {
        width: 32px;
        text-align: center;
    }

.common-form .rating-features-table select {
    width: 220px;
}

.rating-features-table .rating-feature-column,
.rating-features-table .rating-feature-value-column {
    width: 251px;
}

.rating-cycle-select-wrapper {
    text-align: center;
    padding: 4px 0;
}

.rating-cycle-select {
    min-width: 70%;
}

.rating-other-territories {
    width: 100%;
}

.rating-other-select-wrapper {
    text-align: right;
    padding: 4px 0 8px 0;
}

.rating-other-select {
    width: 50%;
}

.block-label {
    padding: 6px 8px;
    display: block;
    font-weight: bold;
}

.common-form-table tbody td {
    padding-bottom: 10px;
}

    .common-form-table tbody td > select,
    .common-form-table tbody td > input[type='text'] {
        margin-right: 7px;
    }

#tablePhones .trSpecialization .remove,
#tableSpecializations .trSpecialization .remove {
    margin-top: 2px;
}

/* ----------------------------------------
    Territories
   ---------------------------------------- */

.territory-table {
    margin: 20px auto;
    min-width: 658px;
    margin-top: 0;
}

    .territory-table.common-zebra-table {
        width: auto;
    }

    .territory-table .territory-table-action-column,
    .add-user-to-management-table .add-user-to-management-action-column {
        width: 30px;
    }

    .territory-table thead th,
    .add-user-to-management-table thead th,
    .create-brand-team-table thead th,
    .doses-team-table thead th,
    .timeline-team-table thead th {
        border-bottom: 1px solid #8F9EAC;
    }

.common-exchange-table {
    width: 100%;
}

.common-exchange-block {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 260px;
}

.common-exchange-cell {
    width: 39px;
}

    .common-exchange-cell .buttonAdd,
    .common-exchange-cell .buttonRemove {
        margin: 0;
        margin: 5px;
    }

.client-bricks-bottom-form-wrapper {
    margin-top: 20px;
    float: right;
    width: 400px;
}


/* ----------------------------------------
    RequestUpdate / Personal / vacancy
   -------------------------------------- */

#vacancies {
    clear: left;
}

.vacancy fieldset {
    width: 740px;
    position: relative;
}

.vacancy-remove-wrapper {
    position: absolute;
    top: 15px;
    right: 15px;
}

.vacancy .editor-field > span:first-child,
.editor-field > span.common-value-span {
    display: table-cell;
    vertical-align: middle;
    height: 32px;
}

/* ----------------------------------------
    Settings 
   -------------------------------------- */

.settings-treeview-wrapper {
    padding: 10px;
}

/* ----------------------------------------
    Dictionaries configuration 
   ---------------------------------------- */

.dictionaries-configuration .contentBox {
    margin-bottom: 20px;
}

/* -----------------------------------------
    Company Structure | Add user
   --------------------------------------- */

table.add-user-to-management-table.common-zebra-table {
    width: 714px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* ---------------------------------------- 
    Products 
   ---------------------------------------- */

table.create-brand-team-table.common-zebra-table {
    width: 486px;
    margin-bottom: 5px;
}

.create-brand-team-table tbody td {
    vertical-align: top;
}

.product-information {
    line-height: 1.4em;
    padding: 5px 15px 15px 15px;
}

/* -------------------------------------- 
    Products | Doses
   -------------------------------------- */

table.doses-team-table.common-zebra-table {
    width: 91%;
}

.doses-team-table {
    margin-bottom: 5px;
}

.doses-team-action-column {
    width: 30px;
}

.show-image-wrapper {
    padding: 5px 0;
}

/* ---------------------------------------
   Timeline 
   -------------------------------------- */

.timeline-team-action-column,
.timeline-team-action-cell {
    width: 30px;
}

.timeline-team-table {
    margin-bottom: 5px;
}

table.timeline-team-table.common-form-table {
    width: auto;
    min-width: 269px;
}


/* --------------------------------------- 
    Tree
   -------------------------------------- */

.users-fullname-state {
    clear: both;
}

    .users-fullname-state .users-fullname {
        float: left;
        line-height: 20px;
        min-height: 20px;
    }

/* --------- Messages ------------------ */

.message-view .message-view-content-wrapper {
    padding: 10px 30px 10px 30px;
}

.message-view .message-view-content {
    background: url('images/noteBg.png');
    min-height: 7em;
    line-height: 32px;
    padding-top: 5px;
}

.message-view .paperCard {
    margin-top: 0;
    padding-top: 0;
}

.message-view .paperCard-headline {
    font-size: 14px;
    font-weight: bold;
    color: #3F3F3F;
    background: #E7E8E9;
    padding: 12px 30px;
    border-bottom: 1px solid #ced0d1;
}

/* --- IE9 warning --- */

#old-browser-warning,
.lt-ie9 #old-browser-warning.hide-message {
    display: none;
}
/* .lt-ie9 */
.lt-ie9 #old-browser-warning {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    background: #FFE383;
    color: #000;
    padding: 8px 10px 8px 15px;
    font-weight: bold;
    z-index: 8888;
    border: 1px solid #818181;
    border-top: 0;
}

#old-browser-warning .alert-close {
    font-size: 18px;
    float: right;
    text-decoration: none;
    color: #000;
    display: inline-block;
    padding: 0 3px;
}

/* - Promotions 
---------------------------------------------------------- */
.promotion-table-wrapper,
.order-table-wrapper {
    max-width: 100%;
    overflow-y: auto;
    padding-bottom: 10px;
}

#tablePromotion {
    border-collapse: collapse;
}

    #tablePromotion table {
        width: 100%;
    }

    #tablePromotion th,
    #tablePromotion td {
        border: 1px solid #bec8d1;
        padding: 10px;
        vertical-align: top;
    }

    #tablePromotion table th,
    #tablePromotion table td {
        border: 1px solid #8f9eac;
        padding: 5px;
    }

    #tablePromotion td.hiddenDoseCell,
    #tablePromotion th.hiddenDoseCellHead,
    #tablePromotion td.hiddenDoseCellForThresholds {
        display: none;
    }

    #tablePromotion .editor-label,
    #tablePromotion .display-label {
        float: none;
        width: auto;
        height: auto;
        text-align: left;
    }

.editor-label.flexible-label,
.display-label.flexible-label {
    width: auto;
    text-align: left;
    padding-right: 10px;
    margin-bottom: 5px;
}

#tablePromotion .display-label {
    margin-bottom: 8px;
}

    #tablePromotion .editor-label > label,
    #tablePromotion .display-label > label {
        display: block;
        height: auto;
        width: auto;
        text-align: left;
    }

.editor-label.flexible-label > label,
.display-label.flexible-label > label {
    display: table-cell;
    vertical-align: middle;
    height: 32px;
    width: auto;
    text-align: left;
}

#tablePromotion .editor-field,
#tablePromotion .display-field {
    margin-left: 0;
    min-height: 0;
    text-align: left;
    line-height: normal;
}

.editor-field.flexible-field,
.display-field.flexible-field {
    margin-left: 0;
    text-align: left;
    margin-bottom: 5px;
}

#tablePromotion .display-field {
    margin-bottom: 15px;
}

#tablePromotion .editor-field > input[type='text'] {
    width: 80px;
}

#tablePromotion .promotion-dose-table td {
    padding: 4px 0;
    border: 0;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
}

#tablePromotion .promotion-dose-table thead,
#tablePromotion .promotion-dose-table th {
    background: transparent;
    border: 1px solid transparent;
    padding: 0;
}

#tablePromotion .promotion-dose-table td .remove-inline-text {
    float: right;
}

.editor-field .rightDivMargin5 input {
    margin-right: 10px;
    width: 50px;
}

.promotion-step-actions,
.order-step-actions {
    padding: 10px 0;
}

    .promotion-step-actions .half-right-column,
    .order-step-actions .half-right-column {
        text-align: right;
    }

.promotion-dose-params select {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    height: 32px;
    width: 100%;
    max-width: 250px;
}

#tablePromotion thead {
    background: #f2f6f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f6f8 1%, #d9dee1 95%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2f6f8), color-stop(95%,#d9dee1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f6f8 1%,#d9dee1 95%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f6f8 1%,#d9dee1 95%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f6f8 1%,#d9dee1 95%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f6f8 1%,#d9dee1 95%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#d9dee1',GradientType=0 ); /* IE6-9 */
}

#tablePromotion tbody > tr:nth-child(odd) > td,
#tablePromotion tbody > tr:nth-child(odd) > th {
    background: #dde4e8;
}

#tablePromotion .full-width-field input[type='text'] {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    height: 32px;
}

.promotion-action-cell {
    width: 32px;
}

.thresholds-table td input[type='text'] {
    text-align: right;
}

#tablePromotion .label-cell {
    height: 1em;
}

/*--------------------------- */

#reportList {
    max-width: 1100px;
}

.common-scrollable-width {
    width: auto;
    overflow-x: auto;
    padding-bottom: 15px;
}

/* --------------- 
   Budgets 
   ---------------------------------- */

.GrantedBudget,
.UsedBudget,
.NotAssignedBudget {
    text-align: right;
}

.ConditionUnfulfilled {
    color: rgb(255, 34, 34);
    font-weight: bold;
}

.ConditionFulfilled {
    color: rgb(31, 143, 31);
    font-weight: bold;
}

.thresholdPromotion {
    float: left;
    padding: 15px 16px 15px 10px;
}

.common-table tbody tr.packageConditionRow td {
    font-weight: bold;
    background-color: #D8E0E4;
}

/* UNSUPPORTED BROWSER POPUP */
#browser-dialog p {
    margin: 20px;
    line-height: 18px;
}

.unmapped-product {
    color: #FF0000 !important;
    font-weight: 700 !important;
}

.container-inner-small {
    padding-right: 15px;
}

.list-commissions {
    width: 99%;
}

@media (max-width:1910px) {
    .list-commissions {
        padding-right: 3px;
        width: auto;
    }

    .container-inner-small {
        padding-right: 18px;
    }
}

@-moz-document url-prefix() {
    @media (max-width:1910px) {
        .list-commissions {
            width: 99%;
        }

        .container-inner-small {
            padding-right: 1%;
        }
    }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .container-inner-small {
        padding-right: 1%;
    }

    .list-commissions {
        width: auto;
        margin-right: 35px;
    }

    #gview_listCommissions .ui-jqgrid-hbox table, .ui-jqgrid #gview_listCommissions .ui-jqgrid-bdiv table {
        /* width:auto !important;*/
    }

    @media (max-width:1910px) {
        .container-inner-small {
            padding-right: 1.2%;
        }
    }

    @media (max-width:1710px) {
        .container-inner-small {
            padding-right: 1%;
        }
    }

    @media (max-width:1681px) {
        .container-inner-small {
            padding-right: 0.8%;
        }
    }

    @media (max-width:1400px) {
        .container-inner-small {
            padding-right: 0.9%;
        }
    }

    @media (max-width:1280px) {
        .container-inner-small {
            padding-right: 0.7%;
        }
    }
}




#gview_listCommissions .ui-jqgrid-hbox {
    padding: 0;
}



.jqgrid-wrapper-overflowed #gview_listContractorsEsb {
    /*  width:736px !important;*/
    width: auto!important;
}

.ui-jqgrid #gview_listAllAcounts .ui-jqgrid-bdiv, .ui-jqgrid #gview_listCommissions .ui-jqgrid-bdiv {
    overflow-x: visible;
    overflow: visible;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    #gview_listContractorsEsb .ui-jqgrid-bdiv {
        /*width:735px !important;*/
        width: auto!important;
    }
}


.inline-editor-field {
    margin-left: 0;
    margin-right: 10px;
    float: left;
}

.date-added {
    padding-top: 5px;
    margin-bottom: 0;
}
.date-added span {
    position: relative;
    top: 2px;
}
.date-added input[type="text"] {
    height: 17px;
}

.button-editor-field {
    margin: 10px 10px 10px 330px;
    float: left;
}

.button-mgr {
    margin: 5px 0;
    display: block;
    float: left;
}

    .button-mgr span {
        display: block;
        padding: 8px;
        left: 0;
    }

#search.search-btn {
    padding-top: 10px;
}

/* narzedzia -> mapowanie - contentBoxTableContractors,contentBoxTableContractorsEsb
---------------------------------------------------------- */
#contentBoxTableContractors .ui-jqgrid-view,
#contentBoxTableContractorsEsb .ui-jqgrid-view,
#contentBoxTableDoses .ui-jqgrid-view,
#contentBoxTableProducts .ui-jqgrid-view {
    overflow-x: visible;
    font-size: 12px;
}

#contentBoxTableContractors .ui-jqgrid .ui-jqgrid-hbox,
#contentBoxTableContractorsEsb .ui-jqgrid .ui-jqgrid-hbox,
#contentBoxTableDoses .ui-jqgrid .ui-jqgrid-hbox,
#contentBoxTableProducts .ui-jqgrid .ui-jqgrid-hbox {
    padding-right: 0;
}

#contentBoxTableContractors .ui-jqgrid tr.ui-row-ltr td:last-child,
#contentBoxTableContractorsEsb .ui-jqgrid tr.ui-row-ltr td:last-child {
    padding-right: 20px;
}

#contentBoxTableContractorsEsb #pagerContractorsEsb {
    /*-webkit-padding-start:20px!important;*/
}

/* - zamowienia->monitorowanie(tabelka)
---------------------------------------------------------- */

#contentBoxMainTable .ui-jqgrid .ui-jqgrid-hbox {
    padding: 0;
}

#contentBoxMainTable #ui-jqgrid-bdiv #listOrders, .ui-jqgrid-action-cell {
    padding: 0;
}

#contentBoxMainTable .ui-jqgrid-bdiv {
    float: left;
}

.ui-jqgrid-bdiv > div, .ui-jqgrid-bdiv > div > div {
    display: block;
    float: left;
    height: auto;
}

.textbox80px {
    width: 80px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    th.ui-th-ltr.ui-th-column.ui-state-default div.ui-jqgrid-sortable {
        height:auto;
    }
}

#listOrders tr {
    cursor: pointer;
}

#listOrders tr.yellow td {
    background-color: #FFFF66;
}
#listOrders tr.yellow:hover td {
    background-color: #ffffaf;
}

#listOrders tr.red td {
    background-color: #ff6b6b;
}
#listOrders tr.red:hover td {
    background-color: #ff9c9c;
}

#listOrders tr.orange td {
    background-color: #ffc354;
}
#listOrders tr.orange:hover td {
    background-color: #ffd587;
}

#listOrders tr.bold td, #listProducts tr.bold td, #listContractorsEsb tr.bold td {
    font-weight: 700;
}

#listProducts tr.italic td, #listContractorsEsb tr.italic td {
    font-style: italic;
}

.square-22 {
    width: 22px;
    height: 0;
    padding-top: 4px;
    padding-bottom: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bkgYellow {
    background-color: #FFFF66;
}

.bkgRed {
    background-color: #ff6b6b;
}

.bkgOrange {
    background-color: #ffc354;
}

.margin-left-267 {
    margin-left: 267px;
}

.width-943 {
    width: 943px !important;
}

.width-100-percent {
    width: 100% !important;
}
.confirm-content{
    margin-top:15px;
    text-align:center;
}
.padding-h-3 {
    padding-left: 3px;
    padding-right: 3px;
}
.ellipsis{
    text-overflow:ellipsis;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    max-width:1265px;
}
.historyNotes{
    overflow:overlay;
}
.noteCreationDate, .noteCreationAuthor{
    width:150px!important;
    max-width:150px!important;
}

.redbackground td {
    background: #ff6b6b !important;
}