body {
    font: normal 11px/16px Tahoma;
    background-color: #EBEBEB;
    color: #2C2C2C;
}
html, body {
    margin: 0;
    padding: 0;
    border: 0;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.crop_legende{
    position: relative;
    z-index: 9;
    margin-bottom: 10px;
    float: left;
}
a img, :link img {
    border: none;
}
:focus {
    outline: 0;
}
a {
    color: #BC0303;
    text-decoration: none;
}
a:hover { text-decoration: underline; color:#c60000;}

.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

table {
    border: 0;
}
form input[type="text"], form input[type="password"], form textarea {
    background: url("../images/input_bg.png") repeat-x scroll 0 0 #FDFDFD;
    border-color: #CCCCCC #D9D9D9 #D9D9D9;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #666666;
    font-family: Tahoma;
    font-size: 12px;
    outline: medium none;
    padding: 3px 5px;
    resize: none;
}
form select {
    border-color: #CCCCCC #D9D9D9 #D9D9D9;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #666666;
    font-family: Tahoma;
    font-size: 12px;
    outline: medium none;
    padding: 3px 3px 3px 5px;


}
.select-container {
    display: inline-block;
}
.module-content form select{
    max-width: 411px;
    width:411px;
}

.form .select select,.tab-contents select
:not(#grid-select-perpage)
:not(.builds)
{
    min-width:410px !important;
    max-width:410px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered{

}


body .grid select {
    min-width:50px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 3px;
    padding: 2px;
}
h1, h2, h3, h4, h5, h6, ul.tabs li a, .errorPage p, .ui-dialog .ui-dialog-title { font-family: Tahoma; font-weight: normal; }
h3 a {	display: block; color: #000; text-align: left; margin: 1px;	}

.logowanie-container2 h3 {
    position: relative;
    border: 1px solid #f2f2f2;
    color: #fff;
    text-indent:13px;
    border-radius: 3px;
    line-height: 30px;
    font-size: 15px;
    font-weight: normal;
    margin-top: 1px;
    background-color: #3F434C;
}
ul.breadCrumb {
    background: url("../images/leftNavBg.png") repeat-x scroll left center transparent;
    border: 1px solid #D5D5D5;
    display: block;
    overflow: hidden;
    margin: 4px 0px;
    padding: 3px 5px;
}
ul.breadCrumb li {
    background: url("../images/Chevron.gif") no-repeat scroll 100% 50% transparent;
    display: block;
    float: left;
    height: 26px;
    line-height: 25px;
    margin: 0 6px 0 0;
    overflow: hidden;
    padding: 0 12px 0 2px;
    position: relative;
}
ul.breadCrumb li div.chevronOverlay {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
ul.breadCrumb li span {
    display: block;
    overflow: hidden;
}
ul.breadCrumb li a {
    display: block;
    float: left;
    line-height: 25px;
    overflow: hidden;
    position: relative;
    color: #2C2C2C;
}
ul.breadCrumb li.firstB a {
    background: url("../images/IconHome.gif") no-repeat scroll 0 0 transparent;
    height: 16px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
    text-indent: -1000em;
    width: 16px;
}
ul.breadCrumb li.firstB a:hover {
    background-position: 0 -16px;
}
ul.breadCrumb li.lastB {
    background: none repeat scroll 0 0 transparent;
    margin-right: 0;
    padding-right: 0;
}
.languages {
    position: absolute;
    right: 0;
    margin: 10px;
    color: #909090;
}
#topnav .languages {
    position: relative;
    right: auto;
}
.languages ul {
    display: inline-block;
}
.languages ul.information {
    margin: 0 4px;
    display: inline-block;
}
.languages ul li {
    display: inline-block;
    margin: 0 4px;
}
.languages ul li img {
    opacity: 0.5;
}
.languages ul li.active img, .languages ul li:hover img {
    opacity: 1;
}
.languages img, .languages select {
    vertical-align: middle;
}
.projects {
    float: right;
    padding-top:5px;
}
.projects select {
    font-size: 11px;
    margin: 7px;
}
ul.mSub4 {
    background: url("../images/subArrow.png") no-repeat scroll 82% 0 transparent;
    border: medium none;
    display: none;
    position: absolute;
    right: -1px;
    top: 50px;
    width: 156px;
    z-index: 996;
}

ul.mSub4 li {
    background: url("../images/navBg.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #1C252B;
    border-left: medium none;
    border-top: 1px solid #404950;
    display: block;
    float: none;
}

ul.mSub4 li:hover {
    border-top: 1px solid #374047;
}
ul.mSub4 li:first-child {
    margin-top: 6px;
}
ul.mSub4 li:last-child {
}
ul.mSub4 li a {
    background: url("../images/subIcon.png") no-repeat scroll 12px 15px transparent;
    border: medium none;
    color: #D1D1D1;
    font-size: 11px;
    height: auto;
    padding: 7px 3px 8px 25px;
    width: auto;
    cursor: pointer;
    display: block;
}
ul.mSub4 li a:hover {
    background: url("../images/subIcon.png") no-repeat scroll 12px 15px #293138;
    text-decoration: none;
}
.chevronOverlay {
    background: url("../images/ChevronOverlay.png") no-repeat scroll 100% 0 transparent;
    display: none;
    height: 20px;
    width: 13px;
}
h3 {
    font-size: 15px;
}
#preload {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 29;
    display: none;
}
.test:after {
    content: "]";
}
.test:after {
    content: "}"
}

.class1 {
    color: red;

}
.class1:first-line {
    font-weight: bold;
    color: black;
}
.class1.class2 {
    background-color: silver;
}

.clearfix:after, .container:after {
    /* content: "\0020";*/
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}
.clearfix, .container {display: block;}
.clear {clear: both;}

.left {	float: left !important;	}
.right { float: right !important;}

p {	padding: 4px 0;}

hr {
    border: 0 #e1e1e1 solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

pre {
    background-color: #fff;
    border: 1px solid red;
    padding: 10px;
}
/* komunikaty */
.message-container {
}
.message-button-ok {
    background-image: -moz-linear-gradient(center top , #FCFCFC, #E0C6C8);

    border-radius: 16px 16px 16px 16px;
    border-style: solid;
    border-width: 1px;

    color: #935F5F;
    font: bold 11px/1 "lucida grande",sans-serif;
    margin-top: 5px;
    margin-bottom: 1px;
    padding: 3px 5px;
    text-align: center;

    width: 82px;
}
.message-button-ok:hover {
    margin-top: 6px;
    margin-bottom: 0px;
}
.message {
    margin: 2px 0 5px 0;
    padding: 15px 25px 15px 54px;
    font: normal 11px/1.5 Verdana,Arial,sans-serif;
    color: #565656;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #D8DCDF;
    background-color: #EEEEEE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
}
.message.highlight {
    background: url("../images/accept.png") no-repeat 15px center #EFFEB9;
    border: 1px solid #C1D779;
}
.message.success {
    background: url("../images/accept.png") no-repeat 15px center #EFFEB9;
    border: 1px solid #C1D779;
}
.message.error {
    background: url("../images/exclamation.png") no-repeat 15px center #FCCAC1;
    border: 1px solid #E18B7C;
}
.message.warning {
    background: url("../images/error.png") no-repeat scroll 15px center #FFE9AD;
    border: 1px solid #EAC572;
}
.message.confirm,
.message.information {
    background: url("../images/information.png") no-repeat scroll 15px center #D1E4F3;
    border: 1px solid #99C4EA;
}
.message ul {
    margin-bottom: 0.5em;
}
.message ul li {
    text-align: left;
}
.message ul ul li {
    margin-left: 0.5em;
    list-style-type: disc;
    list-style-position: inside;
}
#message-close {
    color: #000;
    position: absolute;
    right: 7px;
    top: 0;
    cursor: pointer;
    font-size: 11px;
}
.logout {
    background: url(../images/ico16x16/logout.png) no-repeat left center;
    padding: 0px 5px 0px 21px;
    display: inline-block;
}

/* Login screen
 --------------------------------------- */

head, body {
}

.login-container {
    margin: 0 auto;
    max-width: 450px;
    width: 100%;
    padding: 7% 15px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#login-screen {
    background: #d5d5d5 url("../images/login-screen-light.jpg") no-repeat center center  fixed;
}
#login-screen h1 {
    background: url("../images/login-screen-logo-blue.png") no-repeat bottom center transparent;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    margin: 0 auto 30px;
    height: 56px;
    padding-top: 10%;
}
#login-screen #users {
    font: 13px/1.3 Calibri, Tahoma, sans-serif;
    padding: 1em;
}
#login-screen #users a {
    color: #545353;
    text-decoration: none;
    cursor: pointer;
    padding-left: 20px;
    background: transparent url(../images/user-silhouette.png) no-repeat left center scroll;
    opacity: 0.6;
}
#login-screen #users a.active,
#login-screen #users a:hover {
    opacity: 1;
}
#login-screen #cas-button:before {
    display: block;
    content: "\f13e";
    font-family: "FontAwesome";
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 25px;
    bottom: 0;
    margin: auto;
}
#login-screen #cas-button {
    display: block;
    position: relative;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    margin: 0 auto 15px;
    padding: 15px 25px 15px 80px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    background-color: #b32216;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 5px rgba(0,0,0,0.15);
    transition: 0.3s all cubic-bezier(.55,0,.1,1);
    -moz-transition: 0.3s all cubic-bezier(.55,0,.1,1);
    -webkit-transition: 0.3s all cubic-bezier(.55,0,.1,1);
}
#login-screen #cas-button:hover {
    box-shadow: 0 9px 20px rgba(0,0,0,0.15);
}
#login-screen #cas-button span {
    font-size: 12px;
    opacity: 0.7;
}
#login-screen #other-accounts {
    display: block;
    margin: 0 0 15px;
    padding: 10px 0 0;
    font-size: 12px;
    cursor: pointer;
    border-top: 1px solid rgba(0,0,0,0.1);
}
#login-form {
    display: none;
    margin: 0 auto;
    border: 1px solid #D9D6D6;
    box-shadow: 0 4px 5px rgba(0,0,0,0.15);
    padding: 20px;
    background-color: white;
    font: normal 17px/1.5 Calibri, Tahoma, sans-serif;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    transition: 0.3s all cubic-bezier(.55,0,.1,1);
    -moz-transition: 0.3s all cubic-bezier(.55,0,.1,1);
    -webkit-transition: 0.3s all cubic-bezier(.55,0,.1,1);
}
#login-form:hover {
    box-shadow: 0 9px 20px rgba(0,0,0,0.15);
}
#login-form label {
    display: block;
    float: left;
    width: 20%;
    padding: 0 10px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    text-align: right;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#login-form .field {
    margin: 0 0 5px;
}
#login-form .text input {
    display: block;
    float: left;
    width: 80%;
    height: 34px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    outline: none;
    transition: 0.3s border cubic-bezier(.55,0,.1,1), 0.3s box-shadow cubic-bezier(.55,0,.1,1);
    -webkit-transition: 0.3s border cubic-bezier(.55,0,.1,1), 0.3s box-shadow cubic-bezier(.55,0,.1,1);
    -moz-transition: 0.3s border cubic-bezier(.55,0,.1,1), 0.3s box-shadow cubic-bezier(.55,0,.1,1);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#login-form .text input:focus {
    border: 1px solid #005382;
    box-shadow: 0 0 5px rgba(0, 83, 130, 0.3);
}
#login-form .buttons .submit {
    display: block;
    float: right;
    position: relative;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    margin: 0;
    padding: 10px 40px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    background-color: #b32216;
    border: 0;
    color: #fff;
    text-decoration: none;
}
#login-form .buttons .submit:hover {
    cursor: pointer;
}

.logowanie-container {
    display: table;
    height: 800px;
    overflow: hidden;
    margin: 0 auto;
}
.logowanie-container2 {
    display: table-cell;
    vertical-align: middle;
}
.logowanie {
    margin: 10px 0;
    padding: 10px;
    font: normal 11px Tahoma;
    color: #555555;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #E6E6E6;
    background-color: #fff;
    width: 600px;
}
.logowanie h3 {
    font: bold 14px/16px Tahoma;
}
.logowanie label {
    width: 250px;
    float: left;
    line-height: 24px;
    text-align: right;
    margin: 0 5px 0 0;
}
.logowanie .btn {
    background-color: #EEEEEE;
    border: 1px solid #D8DCDF;
    color: #C60000;
    font-weight: bold;
    outline: medium none;
    line-height: 1.4;
    padding: 0.4em 1em;
    cursor: pointer;
    margin: 5px 0;
}
.logowanie .btn-left {
    margin-left: 311px;
}
.logowanie form {
    margin: 20px 0;
}
.corner-all {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.btn {
    background-color: #EEEEEE;
    border: 1px solid #D8DCDF;
    color: #C60000;
    font-weight: bold;
    outline: medium none;
    line-height: 1.4;
    padding: 0.4em 1em;
    cursor: pointer;
    margin: 5px 0;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/* -- Layout ------------------------------- */
#container {
    position: relative; /* needed for footer positioning*/
    padding: 0;

    margin: 0 auto;
    height: 100%;
}
#header {
    padding: 0 0 0 0;
    background: #45494E url(../images/darkBg.jpg) repeat-x 0px bottom;
    border: 1px solid #494949;
    border-bottom: 1px solid #16222C;
    min-height: 76px;
    left: 0;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    /*z-index: 10000;*/
    z-index: 1000;
    top: 40px;
}
.toggle {
    background: url("../images/ico16x16/bullet_arrow_up.png") no-repeat center center #263849;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px;
    text-indent: -99999px;
    border: 1px solid #263849;

    opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity:1;

    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.toggle.active {
    background: url("../images/ico16x16/bullet_arrow_down.png") no-repeat center center #263849;
}
.toggle:hover {
    opacity: 0.5;
    filter: alpha(opacity=0.5);
    -moz-opacity:0.5;
}
body.nav-fixed #header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
}
div#footer {
    color: #fff;
    background-color: #000;
    bottom: 0;
    clear: both;
    height: 30px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
}

div#footer p {
    margin: 0 20px;
    padding: 5px;
    text-align: right;
}
.wrap-fluid {
    display: block !important;
    padding-left: 0;
    width: 100%;
    position: relative;
}
.container-fluid:before, .container-fluid:after {
    content: "";
    display: table;
    line-height: 0;
}
.container-fluid:after {
    clear: both;
}
.container-fluid:before, .container-fluid:after {
    content: "";
    display: table;
    line-height: 0;
}
.container-fluid {
}
#middle {
    background: url("../images/bg_middle.png") repeat-x scroll 0 0 #EBEBEB;
    height: 100%;
    margin: 0 auto;
    display: block !important;
    position: relative;
    width: 97%;
    float: right;
}
#left {
    padding: 0;
    white-space: nowrap;
    background-color: #263849;
    height: 100%;
    position: fixed;
    top: 118px ;
    left: 0;
    width: 250px;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
}
#left.collapse {
    width: 55px;
    margin: 0 0 0 -7px;
}
#right {
    float: left;
    width: 250px;
}
#center {
    margin: 0 0 0 2px;
    padding-bottom: 30px;
}
.master #left {
    display: none;
}
.master #center {
    float: none;
    width: auto;
}
#center.collapse {
    width: 98%;
}
.bg-top {
    background-color: #212121;
    border-top: 1px solid #393939;
    border-bottom: 1px solid #111111;
    overflow: hidden;

    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    min-height: 40px;
    display: table;
    width: 100%;
    display: table;
    /*z-index: 9999;*/
    z-index: 1000;

    background: rgb(40,40,40); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(40,40,40,1) 62%, rgba(14,14,14,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(62%,rgba(40,40,40,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(40,40,40,1) 62%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(40,40,40,1) 62%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(40,40,40,1) 62%,rgba(14,14,14,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(40,40,40,1) 62%,rgba(14,14,14,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
.version {
    border-top: 1px solid #365169;
    color: #F3F3F3;
    margin: 0 auto 15px auto;
    padding: 10px 0 0;
    text-align: center;
    width: 100%;
}
.collapse .version {
    display: none;
}
span.cockpit-arrow {
    dispay: block;
    text-indent: -9000px;
    z-index: 1000;
    background: none repeat scroll 0 0 #5E6D81;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 32px;
    line-height: 30px;
    text-align: center;
    width: 32px;
    display: block;
    position: relative;
    margin: 22px auto 22px auto;

    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;

    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
span.cockpit-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity:1;

}
span.cockpit-arrow:after {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 -4px #FFFFFF, 0 4px #FFFFFF;
    content: "";
    height: 2px;
    left: 25%;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 50%;
}
span.cockpit-arrow.collapse {
}
span.cockpit-arrow.expand {
}
div.main-container {
    margin: 0 auto;
    text-align: left;
}
.menu-top {
    margin: 0 0 0;
    padding: 0;
    background: url("../images/bg_top.png") repeat-x scroll left top;
    height: 37px;
}
.menu-info {
    float: right;
    font: normal 11px/20px Tahoma;
    color: #909090;
    padding: 10px 10px 10px;
}
.menu-info span, .menu-info a{
    color: #fff;
}
.menu-info span {
    border-right: 1px solid #4a4a4a;
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px;
}
.menu-logo {
    padding: 7px 7px 7px 10px;
}

.help {
    display: inline-block;
    border-radius: 3px 3px 3px 3px;

    background-color: #5B9EDD;
    border: 1px solid #477DAE;
    color: #FFFFFF;
    height: 14px;
    line-height: 14px;
    width: 13px !important;
    text-shadow: 0 1px 0 #104266;;
    text-align: center;
    cursor: help !important;
}
.refresh {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.gwiazdka {
    font-weight: bold;
    color: #C60000;
}
/**
* top menu
*/
ul#topnav {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    font-size: 1.1em;
    position: relative;
    width: 87%;
}

ul#topnav li {
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #222222;
    border-left: 1px solid #464646;
}
ul#topnav .list {
    background: url(../images/ico16x16/page.png) no-repeat 0px 6px;
}
ul#topnav .big.list {
    background: url(../images/ico32x32/page.png) no-repeat center 6px;
}

ul#topnav .settings {
    background: url(../images/ico16x16/cog.png) no-repeat 0px 6px;
}
ul#topnav .settings-mail {
    background: url(../images/ico16x16/mail.png) no-repeat 0px 6px;
}
ul#topnav .big.settings {
    background: url(../images/ico32x32/cog.png) no-repeat center 6px;
}
ul#topnav .add {
    background: url(../images/ico16x16/page_add.png) no-repeat 0px 6px;
}

ul#topnav .big.user-list {
    background: url(../images/ico32x32/user.png) no-repeat center 6px;
}
ul#topnav .user-list {
    background: url(../images/ico16x16/user.png) no-repeat 0px 6px;
}
ul#topnav .big.user-add {
    background: url(../images/ico32x32/user_add.png) no-repeat center 6px;
}
ul#topnav .user-add {
    background: url(../images/ico16x16/user_add.png) no-repeat 0px 6px;
}
ul#topnav .user-logout {
    background: url(../images/ico16x16/user_go.png) no-repeat 0px 6px;
}
ul#topnav .user-account {
    background: url(../images/ico16x16/user_grey.png) no-repeat 0px 6px;
}
ul#topnav .user-pass {
    background: url(../images/ico16x16/key--pencil.png) no-repeat 0px 6px;
}
ul#topnav .application {
    background: url(../images/ico16x16/applications.png) no-repeat 0px 1px;
    padding-left: 22px;
}

ul#topnav .newsletter-user {
    background: url(../images/ico16x16/mails.png) no-repeat 0px 1px;
    padding-left: 22px;
}

ul#topnav .home {
    background: url(../images/ico16x16/home.png) no-repeat 0px 0px;
    padding-left: 22px;
}
ul#topnav .users {
    background: url(../images/ico16x16/users.png) no-repeat 0px 2px;
    padding-left: 24px;
}
ul#topnav .config {
    background: url(../images/ico16x16/cog3.png) no-repeat 0px 2px;
    padding-left: 24px;
}
ul#topnav .config2 {
    background: url(../images/ico16x16/settings.png) no-repeat 0px 0px;
    padding-left: 24px;
}
ul#topnav .system {
    background: url(../images/ico16x16/application-tree.png) no-repeat 0px 1px;
    padding-left: 24px;
}
ul#topnav span.pages {
    background: url(../images/ico16x16/chart_organisation.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.layout {
    background: url(../images/ico16x16/layout-design.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.register {
    background: url(../images/ico16x16/application-task.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.forum {
    background: url(../images/ico16x16/balloons-box.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.inquiries {
    background: url(../images/ico16x16/inquiries.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.forms {
    background: url(../images/ico16x16/form.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.dictionaries {
    background: url(../images/ico16x16/products-groups.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.dictionary {
    background: url(../images/ico16x16/products-groups.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.structure {
    background: url(../images/ico16x16/ui-list-box.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.maps {
    background: url(../images/ico16x16/map.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.faculties {
    background: url(../images/ico16x16/direction.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.user_card{
    background: url(../images/ico16x16/user_level_filtering.png) no-repeat 0px 7px;
    padding-left: 24px;
}

ul#topnav span.stat {
    background: url(../images/ico16x16/chart.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.projects {
    background: url(../images/ico16x16/application-task.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.newsletter {
    background: url(../images/ico16x16/mails.png) no-repeat 0px 7px;
    padding-left: 22px;
}
ul#topnav span.role {
    background: url(../images/ico16x16/bank.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.groups {
    background: url(../images/ico16x16/group_link.png) no-repeat 0px 7px;
    padding-left: 24px;
}
ul#topnav span.banner {
    background: url(../images/ico16x16/pictures.png) no-repeat 0px 7px;
    padding-left: 22px;
}
ul#topnav span.header {
    background: url(../images/ico16x16/header.png) no-repeat 0px 7px;
    padding-left: 22px;
}
ul#topnav span.tag {
    background: url(../images/ico16x16/tag.png) no-repeat 0px 7px;
    padding-left: 22px;
}
ul#topnav span.grade {
    background: url(../images/ico16x16/star.png) no-repeat 0px 7px;
    padding-left: 22px;
}

/*_*/

ul#topnav .contractor {
    background: url("../images/ico16x16/contractors.png") no-repeat scroll 0 6px transparent;
}
ul#topnav .notifications {
    background: url("../images/ico16x16/notifications.png") no-repeat scroll 0 6px transparent;
}

ul#topnav .products {
    background: url("../images/ico16x16/store.png") no-repeat scroll 0 6px transparent;

}
ul#topnav span.products-list {
    background: url("../images/ico16x16/products-list.png") no-repeat scroll 0 5px transparent;

}
ul#topnav span.requestproduct {
    background: url("../images/ico16x16/requestproducts.png") no-repeat scroll 0 0 transparent;

}
ul#topnav span.products-add {
    background: url("../images/ico16x16/orders-add.png") no-repeat scroll 0 5px transparent;

}
ul#topnav .products-groups {
    background: url("../images/ico16x16/products-groups.png") no-repeat scroll 0 6px transparent;
}
ul#topnav .products-property {
    background: url("../images/ico16x16/products-property.png") no-repeat scroll 0 6px transparent;
}
ul#topnav .products-producer {
    background: url("../images/ico16x16/products-producer.png") no-repeat scroll 0 6px transparent;
}
ul#topnav .products-tariffs {
    background: url("../images/ico16x16/products-tariffs.png") no-repeat scroll 0 6px transparent;
}
ul#topnav .products-config {
    background: url("../images/ico16x16/settings.png") no-repeat scroll 0 6px transparent;
}
ul#topnav .products-tree {
    background: url("../images/ico16x16/products-tree.png") no-repeat scroll 0 6px transparent;
}
ul#topnav .application {
    background: url("../images/ico16x16/applications.png") no-repeat scroll 0 1px transparent;

}
ul#topnav .orders {
    background: url("../images/ico16x16/orders.png") no-repeat scroll 0 0 transparent;

}
ul#topnav span.orders-list {
    background: url("../images/ico16x16/orders-list.png") no-repeat scroll 0 5px transparent;

}
ul#topnav span.orders-add {
    background: url("../images/ico16x16/orders-add.png") no-repeat scroll 0 5px transparent;

}
/*_*/
ul#topnav li a {
    float: left;
    font: normal 14px/17px Tahoma;
    color: #fff;
    padding: 10px 15px 9px 15px;

    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear;
}
ul#topnav li a:hover, ul#topnav li.active a {
    text-decoration: none;
    /*	background-color: #45494E;*/
    background: url(../images/darkBg.jpg) repeat-x 0px top;
    color: #fffeff;
}
ul#topnav li:hover, ul#topnav li.active {
    border-bottom: 2px solid #BC0303;
}
ul#topnav li .sub {
    display: none; /*--Hidden for those with js turned off--*/
    float: left;
    height: 30px;
    left: 0;
    overflow: hidden;
    padding: 3px 10px;
    position: absolute;
    top: 38px;
    width: 100%;
    z-index: 9;
}
ul#topnav li .sub ul {
    border-right: 1px solid #4F4F4F;
    float: left;
    list-style: none outside none;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
}
ul#topnav .sub ul li {
    /*width: 100%;*/ /*--Override parent list item--*/
    color: #fff;
    float: none;
    clear: both;
    border: none;
}
ul#topnav .sub ul li.big {
    float: left; /*--Override parent list item--*/
    color: #fff;
    clear: none;
}
ul#topnav .sub ul li h3 { /*--Sub nav heading style--*/
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0;
    text-shadow: 0 1px 0 #FFFFFF;
}
ul#topnav .sub ul li h3 a { /*--Sub nav heading link style--*/
    padding: 5px 0;
    font-weight: bold;
    border-bottom: 1px solid #C60000;
    background-color: none;
}
ul#topnav .sub ul li a {
    float: none;
    text-indent: 0; /*--Override text-indent from parent list item--*/
    height: auto; /*--Override height from parent list item--*/
    display: block;
    text-decoration: none;
    color: #f1f1f1;
    font: normal 12px/14px Tahoma;
    text-transform: none;
    border: none;
    padding: 0;
}
ul#topnav .sub ul li a span {
    padding: 7px 5px 7px 19px;
    display: block;
}
ul#topnav .sub ul li a.big {
    float: left;
    text-indent: 0; /*--Override text-indent from parent list item--*/
    height: auto; /*--Override height from parent list item--*/
    padding: 25px 5px 7px 5px;
    /*display: block;*/
    text-decoration: none;
    color: #b6b6b6;
    font: normal 13px/14px Tahoma;
    text-transform: none;
    text-align: center;
    border: none;
    background-color: transparent;
}
ul#topnav .sub ul li:hover {
    background-color: transparent;
}
ul#topnav .sub ul li a:hover {
    color: #fff;
    text-decoration: none;
}
img.menu-ico {
    display: inline-block;
    margin-right: 8px;
    margin-top: -3px;
    vertical-align: middle;
}
/*
* menu left
*/
.left-panel-item {
    margin: 0px 0 0px;
}
.left-panel-item.first {
    /*margin: 0px 0 0;*/
}
.left-panel-item h3 {
    position: relative;
    color: #fff;
    border-top: 1px solid #365169;
    border-bottom: 1px solid #16222C;
}
.left-panel-item:hover h3 {
}
.left-panel-item h3:hover, .left-panel-item:hover h3 {
    position: relative;
    color: #fff;
    background-color: #2B4055;
}
.left-panel-item h3:hover a, .left-panel-item:hover h3 a {
    color: #fff;
}
.collapse .left-panel-item h3 {
    border: none;
    background: none;
    width: 25px;
    height: 25px;
    display: block;
    margin: 5px auto;
}

.collapse #sidebar h3 {
    border: none;
    background: none;
    display: block;
    height: 25px;
    margin: 5px auto;
    width: 25px;
}
.collapse #sidebar {
}
.left-panel-item h3 a {
    padding: 6px 0 6px 30px;
    color: #fff;
    font-size: 13px;
}
.left-panel-item h3 a:hover {
    color: #fff;
}
.collapse .left-panel-item h3 a {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-indent: -99999px;
}
.collapse #sidebar h3 a {
    width: 25px;
    height: 25px;
    cursor: pointer;

    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;

    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.collapse #sidebar h3 a span {
    text-indent: -99999px;
    display: block;
}
.left-panel-item h3 a:hover {
    color: #fff;
    text-decoration: none;
}
.left-panel-item h3 a.menu-tree {
    background: url(../images/ico16x16/chart_organisation.png) no-repeat 5px center;
}
.left-panel-item h3 a.menu-settings {
    background: url(../images/ico16x16/cog.png) no-repeat 5px center;
}
.left-panel-item h3 a.menu-folder-image {
    background: url(../images/ico16x16/folder_image.png) no-repeat 5px center;
}
.collapse .left-panel-item h3 a {
    padding: 0 0 0 0;
    background-position: center center;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;

    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.collapse .left-panel-item h3 a:hover {
    opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity:1;
}
.trigger {
    background: url(../images/ico16x16/bullet_arrow_up.png) no-repeat center center;
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    right: 3px;
    top: 8px;
    cursor: pointer;
}
.trigger.active {
    background: url(../images/ico16x16/bullet_arrow_down.png) no-repeat center center;
}
.collapse .trigger, .collapse .trigger.active  {
    display: none;
}
#left .additional-settings {
    border-bottom: 1px solid #16222C;
    border-top: 1px solid #365169;
    line-height: 2px;
    margin: 15px 0 5px 0;
}
.collapse .left-panel-item div {
    display: none !important;
}
/* left menu */
.left-menu {
    margin: 10px 0;
    padding: 0;
}
.left-menu li {
    margin: 0;
    padding: 5px 5px 5px 0;
    border: dotted #E1E1E1;
    border-width: 0 0 1px 0;
}
.left-panel-item-container {
    background-color: #fff;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    position: relative;
    padding: 4px 0 6px 0;
}
.left-panel-item:hover .left-panel-item-container {
}
.collapse #sidebar ul {
    display: none;
}
#sidebar ul {
    background-color: #fff;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    position: relative;
}

#sidebar ul.active{
    display:block !important;
}

/* module */
.module-body {
    background: none repeat scroll 0 0 #fcfcfc;
    border: solid #D5D5D5;
    border-width: 1px;
    overflow: hidden;
    min-height: 100%;
    padding: 5px 10px;
}
.block-body {
    overflow: hidden;
}
.module-content {
    padding: 0px 0px 0px 0px;
}
.module-content h3 {
    line-height: 21px;
    font-size: 12px;
    font-weight: normal;
}
.module-content h4 {
    font: bold 12px/16px Tahoma;
}
.add-subpage .jstree-icon {
    display: none;
}
.jq-loading {
    background: #fff url(../images/ajax-loader.gif) no-repeat center center;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 1000;
    width: 100%;
    min-height: 32px;
    height: 100%;
}
#parent_id_container .jq-loading {
    width: 30%;
}
.application_privileges1 .jq-loading {
    height: 20px;
}
.x-tree-loader .jq-loading {
    height: 20px;
    width: 20px;
}
/* layout */
.layout {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.layout .lcolumn {
    padding: 0px;
}
.layout .lcolumn.fleft {
    float: left;
    width: 79%;
}
.layout .lcolumn.fright {
    float: right;
    width: 20%;
    border: 1px solid #D5D5D5;
    padding: 2px;
}
.layout .addBlock, .layout .saveLayout{
    height: 26px;
    cursor: pointer;
}
.layout .block-list {
}
.layout h2 {
    margin: 5px 0;
    font: bold 14px/22px Tahoma
}
.layout .block-list li h3 {
    color: #000;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    border-radius: 4px 4px 4px 4px;
    margin: 2px 0;
    padding: 0 5px;
    background: none repeat scroll 0 0 #DFDFDF;
}
#loading {
    background-color: #d3d3d3;
    opacity: 1;
    width: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
}
#sidebar h3 {
    padding: 4px 0 4px 5px;
}
#sidebar h3 {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    position: relative;
    border-bottom: 1px solid #16222C;
    border-top: 1px solid #365169;
}
#sidebar h3 a {
    color: #fff;
    font-size: 13px;
    padding: 6px 3px 6px 0px;
}
#sidebar h3:hover, #sidebar h3 a:hover {
    background-color: #2B4055;
    text-decoration: none;
}
.collapse #sidebar h3:hover, .collapse #sidebar h3 a:hover {
    background: none;

    opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity:1;
}
#sidebar {
    margin: 0 0px 0px 0px;
}
#sidebar ul li {
    padding: 0px;
    border-bottom: 1px dashed #D5D5D5;
}
#sidebar ul li.last {
    border: none;
}
#sidebar ul li ul {
    border: none;
}
#sidebar ul li:hover {
    background-color: #E9E9E9;
}
#sidebar ul li.active {
    background-color: #E9E9E9;
    font-weight: bold;
}
#sidebar ul li.active a {
    color: #000000;
}
#sidebar ul li a {
    color: #555555;
    display: block;
    font-size: 12px;
    padding: 7px;
    text-decoration: none;
}
#sidebar ul li a:hover {
    color: #000000;
    font-weight: bold;
}

#sidebar ul .level2 li a {
    color: #555555;
}
#sidebar ul ul.level2 {
    margin: 6px 0px 0 0px;
    display: none;
}
#sidebar ul li.active ul.level2 {
    display: block;
}
#sidebar ul ul.level2 li {
    padding: 0 30px;
    border-top: 1px dashed #D5D5D5;
    border-bottom: 0px dashed #D5D5D5;
}
#sidebar ul li.active ul.level2 li {
    font-weight: normal;
}

.additional-settings-menu {
    padding: 0px ;
    overflow: hidden;
}
.additional-settings-menu a.icon {
    float: left;
    margin: 2px 5px;
    padding: 3px;

    border-width: 1px;
    border-style: solid;
    display: inline-block;
    border-color: #d2d2d2 #b4b4b4 #b4b4b4 #d2d2d2;
    background: url('../images/buttongray_bg.png') repeat-x scroll 0 0 #EBEBEB;
}
.additional-settings-menu a.icon:hover {
    background-color: #ebebeb;
    background-image: none;
    color: #757575;
    text-decoration: none;
}
.collapse .additional-settings-menu a.icon {
    display: block;
    width: 16px;
    height: 16px;
    margin: 5px auto;
    float: none;

    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;

    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.collapse .additional-settings-menu a.icon:hover {
    opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity:1;
}
.additional-settings-menu ul li {
    padding: 5px 25px;
    background: url("../images/arrow_left.png") no-repeat scroll 5px 9px transparent;
    border-bottom: 1px dashed #EEEEEE;
}
.additional-settings-menu ul li.last {
    border: none;
}
.additional-settings-menu ul li ul {
    border: none;
}
.additional-settings-menu ul li:hover {
    background: url("../images/arrow_left_hover.png") no-repeat scroll 5px 9px transparent;
}
.additional-settings-menu ul li a {
    color: #555555;
    display: block;
    font-size: 11px;
    text-decoration: none;
}
.additional-settings-menu ul li a:hover {
    color: #000000;
}
.additional-settings-menu ul ul {
    margin-top: 6px;
}

/** GRID **/
.grid {
    background-color: #FAFAFA;
    border: 1px solid #D5D5D5;
    border-collapse: separate;
    border-spacing: 0;
    border-bottom: none;
    clear: both;
}
.grid .required{
    color: red;
}
.grid th{

    border-bottom: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
    font-size: 11px;
    padding: 6px 6px;
    vertical-align: middle;
}
body .jqx-widget-header{
    background: url("../images/leftNavBg.png") repeat-x scroll 0 0 #EFEFEF;
}
body .jqx-grid-column-header span{
    font-size: 11px;
    font-weight: bold;
}
body .jqx-cell{
    font-size: 11px;
    padding:4px;
}
body .jqx-cell-hover{
    background:#e9e9e9;
}
body .jstree-default tr td{
    padding:2px 11px;
}

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #d5d5d5 !important;
}

.grid th:first-child {
    border-left: medium none;
}
.grid th a.sort span {
    float: right;
    width: 16px;
    height: 16px;
    background: url("../images/sorting_bg.png") no-repeat 0 0;
}
.grid th a.sort span.sort-asc {
    background-position: left -12px;
}
.grid th a.sort span.sort-desc {
    background-position: left -47px;
}
.grid tr {
    border-top: 1px solid #E7E7E7;
}
.grid tr.error td {
    background-color: #E1A18E;

}
.grid tr.success td {
    background-color: #D1E79D ;
}
.grid tbody tr:hover td {
    background:#e9e9e9;
    box-shadow:0 0 0 1px #fff inset;
    -webkit-box-shadow:0 0 0 1px #fff inset;
    -moz-box-shadow:0 0 0 1px #fff inset;
}
.grid tr.orange {
    background-color: #FBE9DC;
}
.grid tr.orange:nth-child(2n) {
    background-color: #FBE9DC;
}
.grid tr.red {
    background-color: #FBDCDC;
}
.grid tr.red:nth-child(2n) {
    background-color: #FBDCDC;
}
.grid-footer span.red {
    float: left;
    width: 15px;
    height: 13px;
    margin: 0 5px;
    background-color: #FBDCDC;
    border: 1px solid #D5D5D5;
}
.grid-footer span.orange {
    float: left;
    width: 15px;
    height: 13px;
    margin: 0 5px;
    background-color: #FBE9DC;
    border: 1px solid #D5D5D5;
}
.grid tr:nth-child(2n) {
    background-color: #E9E9E9;
}
.grid td {
    border-left: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    box-shadow:0 0 0 1px #fff inset;
    -webkit-box-shadow:0 0 0 1px #fff inset;
    -moz-box-shadow:0 0 0 1px #fff inset;

    padding: 6px 6px;
    vertical-align: middle;
    font-family: "Tahoma",sans-serif;
    font-size: 11px;
}
.grid tr.editable td.first {
    padding-left: 55px;
}
.grid td a {
    color: #010101;
    font-weight: bold;
}
.grid td:first-child {
    border-left: medium none;
}
.grid tr.sort td {
    cursor: move;
}
.grid tr.bold td {
    font-weight: bold;
}
.grid tr.active {
    background-color: #DFDFDF;
    -moz-transition: background 0.2s linear 0s, border 0.2s linear 0s;
}
.grid tr.active td.tree, .grid tr td.tree {
    background-color: #fff;
}
.grid .version td.first {
    padding-left: 25px;
    background: url("/dashboard/themes/default/images/arrow_left.png") no-repeat 10px 10px;
}
.grid .info {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}
.grid input.date-picker, .grid-filters input.date-picker {
    background-image: url("/dashboard/themes/default/images/form_calendar.gif");
    background-color: #FDFDFD;
    background-position: right center;
    background-repeat: no-repeat;
    border: none;

    border-color: #CCCCCC #D9D9D9 #D9D9D9;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #666666;
    font-family: Tahoma;
    font-size: 12px;
    outline: medium none;
    padding: 3px 5px;
    resize: none;
    width: 100px;
}
.grid input, .grid select, .grid-filters input, .grid-filters select, .grid-filters textarea, .grid-footer select, .grid-footer input {
    background-color: #FDFDFD;
    background-position: right center;
    background-repeat: no-repeat;
    border: none;

    border-color: #CCCCCC #D9D9D9 #D9D9D9;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #666666;
    font-family: Tahoma;
    font-size: 12px;
    outline: medium none;
    padding: 3px 5px;
    resize: none;
}
.grid-filters small {
    display: none;
}
.grid-filters textarea {
    width: 170px;
    height: 50px;
    resize: none;
    margin-bottom: -8px;
}
.grid-filters .grid-filter-search-btn {
    margin: 5px;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    box-shadow: 0 1px 3px #dddddd;
    color: #757575;
    cursor: pointer;
    display: inline-block;
    font-family: "Tahoma",sans-serif;
    font-size: 10px;
    font-weight: bold;

    line-height: 24px;
    padding: 0 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    text-transform: uppercase;
}
.grid-search-query {
    background-color: #FDFDFD;
    background-position: right center;
    background-repeat: no-repeat;
    border: none;

    border-color: #CCCCCC #D9D9D9 #D9D9D9;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #666666;
    font-family: Tahoma;
    font-size: 12px;
    outline: medium none;
    padding: 1px 5px 2px 5px !important;
    line-height: 21px;
    margin: 0px 5px;
    resize: none;
    width: 300px;
}
.grid select {
    width: 120px !important;
}
.grid-form select{
    width: auto !important;
}
.grid label, .grid-filters label {
    margin-right: 10px;
    margin-left: 10px;
}
.grid-header {
    line-height: 40px;
}
h3.grid-header {
    font: normal 14px/24px Tahoma;
    margin: 3px 0 0 0;
    padding: 5px 5px 0 0;
    margin-bottom: 5px;
}
h3.grid-header span {
    background: url(../images/ico16x16/grid-title.png) no-repeat 0px 0px;
    float: left;
    height: 16px;
    margin-right: 10px;
    margin-top: 4px;
    width: 16px;
    opacity: 0.5;
    filter:alpha(opacity=50)
}
.grid-top {
    clear: both;
    padding: 5px 0;
    border-top: 1px solid #ebebeb;
}
.grid-footer {
    overflow: hidden;
    margin: 0px 0;
    padding: 4px 0px;
}
.grid-ico {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -3px;
}
.grid-button {
    display: inline-block;
    border: 1px solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px #DDDDDD;
    background: url('../images/buttongray_bg.png') repeat-x scroll 0 0 #ebebeb;
    color: #757575;

    font-family: "Tahoma",sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin-right: 6px;

    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
}
.grid-button.right {
    margin-right: 0;
    margin-left: 6px;
}
.grid-button:hover {
    background-color: #ebebeb;
    background-image: none;
    color: #757575;
    text-decoration: none;
}
.grid-search, .grid-search-btn {
    background: url('../images/search.png') no-repeat scroll 3px center #EBEBEB;
    border: none;
    margin: -2px 3px 0 3px;
    border: 1px solid #C4C4C4;
    border-radius: 2px;
    box-shadow: 0 1px 3px #DDDDDD;
    color: #757575;
    display: inline-block;
    font-family: "Tahoma",sans-serif;
    font-size: 10px;
    font-weight: bold;
    /* height: 24px;*/
    line-height: 24px;
    padding: 0 10px 0 26px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}
.grid-reset, .grid-reset-btn {
    background: url('../images/reset.png') no-repeat scroll 3px 3px #EBEBEB;
    border: none;
    border: 1px solid #C4C4C4;
    border-radius: 2px;
    box-shadow: 0 1px 3px #DDDDDD;
    color: #757575;
    display: inline-block;
    font-family: "Tahoma",sans-serif;
    font-size: 10px;
    font-weight: bold;
    /* height: 24px;*/
    line-height: 24px;
    padding: 0 10px 0 26px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}
.grid-extFilterSearch {
    background: #EBEBEB url('../images/search.png') no-repeat scroll 3px center !important;
    border: none;
    margin: -2px 3px 0 8px;
    border: 1px solid #C4C4C4;
    border-radius: 2px;
    box-shadow: 0 1px 3px #DDDDDD;
    color: #757575;
    display: inline-block;
    font-family: "Tahoma",sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 25px;
    width: 24px;
    line-height: 24px;
    padding: 0 0px 0 26px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}
tr.selected a,
tr.selected {
    color: #BC0303;
}
.ui-icon-trash {
    background-position: -178px -94px !important;
    display: inline-block !important;
}
.grid-item-edit.disable {
    display: none;
}
.grid-item-edit.enable {
    display: inline-block;
}
.grid-editable-icon {
    display: none;
    width: 20px;
    height: 20px;
    border: 1px solid #D5D5D5;
    position: absolute;
    z-index:600;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 2px;
    background: #e9e9e9;
    box-shadow:0 0 0 1px #fff inset;
    -webkit-box-shadow:0 0 0 1px #fff inset;
    -moz-box-shadow:0 0 0 1px #fff inset;
}
.grid-editable-icon.edit {
    background: #e9e9e9 url(../images/ico16x16/pencil.png) no-repeat center center;
}
.grid-editable-icon.save {
    background: #e9e9e9 url(../images/ico16x16/tick.png) no-repeat center center;
}
.grid-editable-icon.cancel {
    background: #e9e9e9 url(../images/ico16x16/cross.png) no-repeat center center;
}
.grid-editable-loader {
    width: 20px;
    height: 20px;

    position: absolute;
    z-index: 5;
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    background: url('../images/loader.gif') no-repeat center center;

    margin: 0 2px;
    display: inline-block;
}
.loader img {position: relative; top: 50%; margin-top: -30px; left: 10px;}
.grid-editable-loader.success {
    background: url('../images/ico16x16/verif_on.png') no-repeat center -1px;
    opacity: 1.0;
    filter:alpha(opacity=1.0);
    -moz-opacity: 1.0;
    z-index: 50;
    display: inline-block;
}
.grid-editable-loader.error {
    background: url('../images/ico16x16/verif_red.png') no-repeat center -1px;
    opacity: 1.0;
    filter:alpha(opacity=1.0);
    -moz-opacity: 1.0;
    display: inline-block;
}
.grid-editable-loader.loading {z-index: 1000; opacity: 1.0; filter:alpha(opacity=1.0); -moz-opacity: 1.0;}

tr.highlight td {
    background-color: #FFFFF7;
    box-shadow:0 0 0 1px #fff inset;
    -webkit-box-shadow:0 0 0 1px #fff inset;
    -moz-box-shadow:0 0 0 1px #fff inset;
}
.grid tr.editable input.grid-editable-input {
    min-width: 60%;
}
/**/
.pagination {
    overflow: hidden;
    margin: 0 0 5px;
    padding: 5px 0 7px 0;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}
.pagination .page-list {
    float: right;
}
.pagination .page-list .page {
    border-right: 1px solid #D5D5D5;
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}

.pagination .page-list a {
    color: #157FC9;
    cursor: pointer;
    text-decoration: none;
}
.pagination .first-but {
    background: url("../images/arrows1.png") no-repeat scroll center 1px;
    float: left;
    width: 16px;
    height: 16px;
}
.pagination .prev-but {
    background: url("../images/arrows1.png") no-repeat scroll left 1px;
    float: left;
    margin-right: 10px;
    padding-left: 15px;
    color: #157FC9;
}
.pagination .next-but {
    background: url("../images/arrows1.png") no-repeat scroll right -25px;
    float: left;
    padding-right: 15px;
    margin-left: 10px;
    color: #157FC9;
}
.pagination .last-but {
    background: url("../images/arrows1.png") no-repeat scroll center -25px;
    float: left;
    width: 16px;
    height: 16px;
}
.pagination .perpage {
    float: right;
    margin-left: 15px;
    margin-top: -5px;
}

.pagination .perpage label {
    padding-right: 5px;
}

/* privilege-table */
table.privilege-table {
    clear: both;
    margin: 10px 0;
}

.privilege-table th {
    background: url("../images/leftNavBg.png") repeat-x scroll 0 0 #EFEFEF;
    border-bottom: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;

    font-size: 11px;
    padding: 2px 6px;
    text-align: center;

    vertical-align: middle;
}
.privilege-table th:first-child {
    border-left: medium none;
}
.privilege-table tr td {
    border-top: 1px solid #E7E7E7;
}
.privilege-table tr:nth-child(2n) {
}
.privilege-table td {
    border-left: 1px solid #E7E7E7;
    padding: 2px 10px;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
}
.privilege-table td:first-child {
    border-left: medium none;
}
.privilege-table tr.active {
    background-color: #DFDFDF;
    -moz-transition: background 0.2s linear 0s, border 0.2s linear 0s;
}
.privilege-table .title {
    font: bold 11px/13px Tahoma;
}
.privilege-table .spacer {
    font: bold 12px/13px Tahoma;
    text-align: left;
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    padding: 7px 8px;
}
.privilege-table .first {
    text-align: right;
}
.privilege-table td.left {
    float: none !important;
    text-align: left;
}
.application_privileges, .page_privileges {
    display: none;
}
.jstree-default .jstree-clicked {
    font-weight: bold;
    padding: 0 !important;
    background: none !important;
    border: 0 none !important;
}
.application_privileges1 {
    border: 1px solid #C9C9C9;
    background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
    border: 1px solid #C9C9C9;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    height: 285px;
    margin: 0;
    padding: 5px;
    overflow: auto;
    width: 488px;
}
ul.application_permissions li.folder:hover {
    background-color: #EFEFEF;
    border-color: #DDDDDD;
}
ul.application_permissions li.folder {
    line-height: 23px;
    padding: 0;
    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}
.x-tree-arrows .x-tree-elbow-plus, .x-tree-arrows .x-tree-elbow-minus, .x-tree-arrows .x-tree-elbow-end-plus, .x-tree-arrows .x-tree-elbow-end-minus {
    background-image: url("../images/arrows.gif");
}
.x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-end-plus, .x-tree-elbow-empty, .x-tree-elbow-line {
    height: 20px;
    width: 16px;
}
.x-tree-name {
    float: left;
}
li.checked, li.action-parent.checked {
    color: #777777;
    font-style: italic;
    font-weight: normal;
}
li.folder.folder-checked {

    font-weight: bold;
}
li.action-parent {
    color: #2c2c2c;
    font-weight: normal;
}
li.action-children {
    font-weight: normal;
}
.x-grid-tree-node-expanded .x-tree-elbow-plus, .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background-position: -16px 0;
}
.x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url("../images/folder-open.gif");
}
.x-tree-icon-leaf {
    background-image: url("../images/leaf.png");
    width: 16px;
}
.x-tree-icon-parent {
    background-image: url("../images/folder.gif");
    width: 16px;
}
.x-tree-icon {
    margin: 2px 3px 0 0;
    display: inline-block;
    cursor: pointer;
}
ul.application_permissions li label {
    display: inline-block;
    cursor: pointer;
    float: none !important;
    width: auto !important;
    margin-left: 0px !important;
}

.smtp-settings {
    display: none;
}
.errors {

}
.errors #errors {
    margin: 2px 0 5px 0;
    padding: 15px 25px 15px 54px;
    font: normal 11px/1.5 Verdana,Arial,sans-serif;
    color: #565656;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #D8DCDF;
    background-color: #EEEEEE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    /*display: inline-block;*/
    position: relative;
    /*width: 85%;*/

    background: url("../images/exclamation.png") no-repeat 15px center #FCCAC1;
    border: 1px solid #E18B7C;
}
.errors #errors p {
    margin-bottom: 0.5em;
    text-align: left;
    margin-left: 0.5em;
    padding: 0px;
}

.dashboard-app-icon {

}
.dashboard-app-icon a {

}
.dashboard-app-icon .newsletter-dispatch a {

}

.dashboard-app-icon {
    padding: 0px;
    margin: 15px 10px 20px 5px;
    overflow: hidden;
    float: left;
}
.dashboard-app-icon li {
    float: left;
    margin: 10px 10px;
    padding: 0px;

    border-width: 1px;
    border-style: solid;
    display: inline-block;
    border-color: #d2d2d2 #b4b4b4 #b4b4b4 #d2d2d2;
    box-shadow: 0 1px 3px #DDDDDD;
    background: url('../images/buttongray_bg.png') repeat-x scroll 0 0 #EBEBEB;
}
.dashboard-app-icon li:hover {
    background-color: #ebebeb;
    background-image: none;
    color: #757575;
    text-decoration: none;
}
.dashboard-app-icon li a {
    color: #494949;
    display: block;
    height: 70px;
    overflow: hidden;
    padding: 5px 10px;
    text-align: center;
    width: 70px;
}
.dashboard-app-icon li a:hover {
    text-decoration: none;
}
.dashboard-app-icon li a span {
    display: block;
    width: 32px;
    height: 32px;
    margin: 3px auto 5px;
}

.dashboard-app-icon span.layout-templates {
    background: url('../images/ico32x32/web_layout.png') no-repeat center center;
}
.dashboard-app-icon span.layout-block {
    background: url('../images/ico32x32/newspaper.png') no-repeat center center;
}
.dashboard-app-icon span.layout-screen {
    background: url('../images/ico32x32/newspaper.png') no-repeat center center;
}


.dashboard-app-icon span.newsletter-dispatch {
    background: url('../images/ico32x32/email_reply_all.png') no-repeat center center;
}
.dashboard-app-icon span.newsletter-user {
    background: url('../images/ico32x32/users_business.png') no-repeat center center;
}
.dashboard-app-icon span.newsletter-template {
    background: url('../images/ico32x32/web_layout.png') no-repeat center center;
}
.dashboard-app-icon span.newsletter-message {
    background: url('../images/ico32x32/newspaper.png') no-repeat center center;
}
.dashboard-app-icon span.newsletter-category {
    background: url('../images/ico32x32/page_table.png') no-repeat center center;
}
.dashboard-app-icon span.newsletter-sender {
    background: url('../images/ico32x32/contact_card.png') no-repeat center center;
}
.dashboard-app-icon span.user-add {
    background: url('../images/ico32x32/users_business.png') no-repeat center center;
}
.dashboard-app-icon span.stat-404 {
    background: url('../images/ico32x32/application_error.png') no-repeat center center;
}
.dashboard-app-icon span.stat-email {
    background: url('../images/ico32x32/mailing_list.png') no-repeat center center;
}
.dashboard-app-icon span.user-list {
    background: url('../images/ico32x32/users_business.png') no-repeat center center;
}
.dashboard-app-icon span.user-pass {
    background: url('../images/ico32x32/users_business.png') no-repeat center center;
}
.dashboard-app-icon span.user-logout {
    background: url('../images/ico32x32/users_business.png') no-repeat center center;
}
.dashboard-app-icon span.settings {
    background: url('../images/ico32x32/tools.png') no-repeat center center;
}
.dashboard-app-icon span.settings-mail {
    background: url('../images/ico32x32/email.png') no-repeat center center;
}
.dashboard-app-icon span.products-list {
    background: url('../images/ico16x16/store.png') no-repeat center center;
}
.dashboard-app-icon span.products-groups {
    background: url('../images/ico16x16/box.png') no-repeat center center;
}
.dashboard-app-icon span.products-tree {
    background: url('../images/ico16x16/blue-document-tree.png') no-repeat center center;
}
.dashboard-app-icon span.products-property {
    background: url('../images/ico16x16/brick.png') no-repeat center center;
}
.dashboard-app-icon span.products-producer {
    background: url('../images/ico16x16/building.png') no-repeat center center;
}
.dashboard-app-icon span.settings_shipment {
    background: url('../images/ico16x16/truck.png') no-repeat center center;
}
.dashboard-app-icon span.settings_payment {
    background: url('../images/ico16x16/money.png') no-repeat center center;
}
.dashboard-app-icon span.products-order {
    background: url('../images/ico16x16/shopping-basket.png') no-repeat center center;
}
.dashboard-app-icon span.products-tariffs {
    background: url('../images/ico16x16/products-tariffs.png') no-repeat center center;
}
.dashboard-app-icon span.products-promotions {
    background: url('../images/ico16x16/products-tariffs.png') no-repeat center center;
}
.dashboard-app-icon span.products-vouchers {
    background: url('../images/ico16x16/block.png') no-repeat center center;
}
.dashboard-app-icon span.settings_depot {
    background: url('../images/ico16x16/store-network.png') no-repeat center center;
}
.dashboard-app-icon span.products-config {
    background: url('../images/ico16x16/gear.png') no-repeat center center;
}


#map_canvas {
    margin: 5px 0;
    background: url("../images/ajax-loader.gif") no-repeat center center;
}

.dashboard-box {
    box-shadow: 1px 1px 6px #B0AAA5;
    box-shadow: 1px 1px 6px #D9D7D5;
    margin: 5px;
    float: left;
    -moz-transition: opacity 100ms ease-out 0s;
    opacity: 0.9;
}
.dashboard-box:hover {
    box-shadow: 1px 1px 6px #B0AAA5;
    opacity: 1;
}
.dashboard-box.width100 {
    width: 99%;
    clear: both;
}
.dashboard-box.width60 {
    width: 60%;
}
.dashboard-box.width40 {
    width: 38%;
}
.dashboard-box.width30 {
    width: 30%;
}
.dashboard-box-header {
    background: url("../images/leftNavBg.png") repeat-x scroll left center transparent;
    border: 1px solid #D5D5D5;
    color: #000000;
    position: relative;
    color: #000000;
    padding: 6px 0 6px 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    border-radius: 2px;
}
.dashboard-box-header.dark {
    background-color: #263849;
    background-image: none;
    border: 1px solid #3c4049;
    color: #fff;
}
.dashboard-box-content {
    border: 1px solid #dadada;
    border-top: none;
    background-color: #fafafa;
    padding: 10px;
    overflow: hidden;
}
.dashboard-box-content a {
    color: #bc0000;
}
.dashboard-box-content2 {
    border: 1px solid #dadada;
    border-radius: 1px;
    background: url("../images/leftNavBg.png") repeat-x scroll left bottom transparent;
    padding: 10px;
    margin: 10px;
}
.dashboard-box-content ul {
    margin: 5px;
}
.dashboard-box-content h4 {
    margin: 5px 0;
    font: bold 12px Tahoma;
}
.dashboard-box-content a.button {
    padding: 3px 10px;
    border: 1px solid #dadada;
    border-radius: 0 0 5px 5px;
    border-top: none;
    margin-top: -10px;
    background: url("../images/buttongray_bg.png") repeat-x scroll 0 0 #EBEBEB;
    color: #494949;
    cursor: pointer;
}
.dashboard-box-content a.button:hover {
    background: url("../images/darkBg.jpg") repeat-x scroll left bottom transparent;
    text-decoration: none;
    color: #bc0000;
    color: #fff;
    border: 1px solid #3c4049;
}
.dashboard-box-content a.hide {
    float: left;
    margin-left: 10px;
}
.dashboard-box-content a.more {
    float: right;
    margin-right: 10px;
}
.text ul li {
    list-style: none;
    padding: 0px 0px 0px 20px;
    margin: 0px;
    font-weight: normal;
    overflow: hidden;
    background-image: url("../images/taskDone.png");
    background-position: 12px 5px;
    background-repeat: no-repeat;
    padding-left: 32px;
    text-align: left;
}
h3.header {
    padding: 0px 5px 5px 22px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 10px;
    background: url(../images/list.png) no-repeat 2px 6px;
}

.sortHelper {
    background-color: #ddd;
    border: 1px dashed #3F434C;

    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 5px 5px;
}
.panel-disabled {
    font-weight: bold;
    margin: 7px 0 0 10px;
}
/* dark gradient */
.buttondark_modern{
    background-image: linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);
    background-image: -o-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(59,68,80)),
        color-stop(1, rgb(48,54,61))
        );


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;


    display: inline-block;
    border: 1px solid #26292c;

    -webkit-box-shadow: inset 0px 1px 1px #5a6c85;
    -moz-box-shadow: inset 0px 1px 1px #5a6c85;
    box-shadow: inset 0px 1px 1px #5a6c85;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    cursor:pointer;
    font-size: 12px;
    text-shadow: 0px 1px 1px #FFDA5B;
    float:left;
    color: #9d6736;
    text-align:center;
    padding: 9px 20px 8px 20px;
    background-color:#353b41;

}
.buttondark_modern a, .buttondark_modern a:hover{ color: #aeaeae; text-shadow: 0px 1px 1px #111;}
.buttondark_modern:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #2D3237; color: #9d6736;}

.buttondark_modern a:active{  }

/* red gradient */
.buttonred_modern{
    background-image: linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);
    background-image: -o-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(218,65,65)),
        color-stop(1, rgb(204,51,51))
        );

    display: inline-block;
    border: 1px solid #a20806;

    -webkit-box-shadow: inset 0px 1px 1px #f57c79;
    -moz-box-shadow: inset 0px 1px 1px #f57c79;
    box-shadow: inset 0px 1px 1px #f57c79;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    cursor:pointer;
    font-size: 11px;
    text-shadow: 0px 1px 1px #FFDA5B;
    float:left;
    text-align:center;
    padding: 3px 8px 3px 8px;
    background-color:#da4141;

}
.buttonred_modern a { display: block; }
.buttonred_modern a, .buttonred_modern a:hover{ color: #EAEAEA;  text-shadow: 1px 1px 0 black; text-decoration: none;}
.buttonred_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */  text-decoration: none; border: 1px solid #d84440; }

.buttonred_modern a:active{  }


#backtotop {
    bottom: 35px;
    display: none;
    margin: 0 20px 0 0;
    position: fixed;
    right: 0;
    z-index: 5;
}
#backtotop a {
    -moz-transition: all 0.2s ease-in-out 0s;
    background: url("../images/back_to_top_btn.png") no-repeat scroll 50% 50% #CCCCCC;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    display: block;
    height: 35px;
    text-decoration: none;
    width: 35px;
}
#backtotop a:hover {
    background-color: #000;
}
.edit-box label {
    margin-left: 0px !important;
    margin-right: 5px !important;
    width: 74px !important;
}
.edit-box div {
    margin: 5px 0;
    overflow: hidden;
    zoom:1;
}
.edit-box div.extRow{
    clear: both;
    color: #FFFFFF;
    margin: 0 0 0 88px;
}
.edit-box .delete-item,
.edit-box #delete-item,
.edit-box #add-item{
    background: url("/dashboard/themes/default/images/ico16x16/cross.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 900;
    height: 16px;
    margin: 0 7px 0 0;
    position: relative;
    top: 3px;
    width: 16px;
}
.edit-box #add-item{
    background: url("/dashboard/themes/default/images/ico16x16/add.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 18px;
}
.field-topic-size{
    width: 120px;
}
#columns-left .ui-sortable #block_topic .edit-box{
    display: none !important;
}
.ui-sortable .require{
    color: #cc0000;
    float: right;
}

.rotate {
    -moz-animation: spin 1.6s infinite linear;
    -webkit-animation:spinoff 1.6s infinite linear;
}
@-moz-keyframes spin {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(-360deg); }
}
/* property */
.property-type1 {
    background: url("../images/ico16x16/ui-text-field.png") no-repeat 5px 3px;
    padding-left: 25px;
}
.property-type2 {
    background: url("../images/ico16x16/ui-text-field-select.png") no-repeat 5px 3px;
    padding-left: 25px;
}
.property-type3 {
    background: url("../images/ico16x16/ui-text-area.png") no-repeat 5px 3px;
    padding-left: 25px;
}
.property-type4 {
    background: url("../images/ico16x16/ui-list-box.png") no-repeat 5px 3px;
    padding-left: 25px;
}
.property-type5 {
    background: url("../images/ico16x16/ui-radio-buttons.png") no-repeat 5px 3px;
    padding-left: 25px;
}
.property-type6 {
    background: url("../images/ico16x16/ui-separator-label.png") no-repeat 5px 3px;
    padding-left: 25px;
}
.property-type7 {
    background: url("../images/ico16x16/ui-label.png") no-repeat 5px 3px;
    padding-left: 25px;
}
.property-type8 {
    background: url("../images/ico16x16/ui-combo-boxes.png") no-repeat 5px 3px;
    padding-left: 25px;
}
.property-type9 {
    background: url("../images/ico16x16/ui-check-boxes.png") no-repeat 5px 3px;
    padding-left: 25px;
}

/*product*/
.property {
    width: 500px;
    float: left;
}

#propertiesContainer .selectedProperty {
    background-color: #EBEBEB;
}

.deleteProperty {
    margin-top: 5px;
    margin-left: 30px;
    float: left;
}

.selectError {
    color: red;
    margin-left: 20px;
}

.selectFloatLeft {
    float: left;
}

.newValueButtonBox {
    padding-top: 6px;
}

.form .hourSelect select {
    min-width: 50px;
}
.placeholder { border: 1px dashed #999; margin: 5px;}

.payment.noactive label{
    color: #b3b3b3;
}
.ui-dialog-shadow { box-shadow: 0 0 0 7px rgba(0,0,0,0.1); }

table.grid .header {
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;


    padding-left: 30px;
    padding-top: 8px;
    height: auto;
}
table.grid .headerSortUp {
    background-image: url(../images/asc.png);
    background-repeat: no-repeat;
}
table.grid .headerSortDown {
    background-image: url(../images/desc.png);
    background-repeat: no-repeat;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
#menu-left-tooltip {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 200px;
    min-height: 150px;
    z-index: 10;
}
#menu-left-tooltip ul{
    border: medium none;
}
#menu-left-tooltip ul li {
    background: url("../images/navBg.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #1C252B;
    border-left: medium none;
    border-top: 1px solid #404950;
    display: block;
    float: none;
}
#menu-left-tooltip ul li:hover {
    border-top: 1px solid #374047;
}
#menu-left-tooltip ul li:first-child {
    margin-top: 6px;
}
#menu-left-tooltip ul li:last-child {
}
#menu-left-tooltip ul li a {
    border: medium none;
    color: #D1D1D1;
    font-size: 11px;
    height: auto;
    padding: 7px 3px 8px 10px;
    width: auto;
    cursor: pointer;
    display: block;
}
#menu-left-tooltip ul li a:hover {
    background-color: #293138;
    text-decoration: none;
    color: #fff;
}
#menu-left-tooltip ul li ul li a{
    padding-left: 30px;
}
#menu-left-tooltip ul li ul {
    display: none;
}
#selected-products {
    background: url("../images/ajax-loader.gif") no-repeat center center;
    width: 100%;
    min-height: 200px;
}
/* alerts */
.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px;
}
.alert.info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #31708F;
}
.alert.success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}
.alert.warning {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
}
.alert.danger {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}
.alert h4 {
    color: inherit;
    margin-top: 0;
    font-size: 13px;
    margin-bottom: 9px;
    font-weight: 600;
    line-height: 1.1;
}

.hint_ico {
    float: left;
    width: 20px;
    padding: 2px 0;
}
.hint_txt {
    float: left;
    width: 380px;
    font-size:10px;
    color: #666;
}
.small-info {
    font-size: 9px;
    color: #666;
    margin-left: 25px;
}

.product-board-box-title {
    margin: 10px 0;
    font-size: 14px;
}

.product-board-container-chart {
    margin: 10px 0 20px 0;
}
.product-board-box {
    margin: 15px 5px;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    text-align: right;
}
.product-board-box h5 {
    font-size: 22px;
    display: block
}
.label-red {
    background-color: #FF7878;
}
.label-lightBlue {
    background-color: #269ABC;
}
div.product-board-box div.status-box-icon {
    float: left;
    height: 50px;
    text-align: center;
    width: 50px;
    margin-right: 10px;
}
div.product-board-box div.status-box-icon i {
    font-size: 25px;
    line-height: 50px;
    transition: all 300ms linear 0s;
}
@keyframes changeiconsize {
    0% {
        font-size: 25px;
    }
    25% {
        font-size: 10px;
    }
    50% {
        font-size: 40px;
    }
    75% {
        font-size: 10px;
    }
    100% {
        font-size: 25px;
    }
}
div.product-board-box:hover div.status-box-icon i {
    -webkit-animation:changeiconsize 1s infinite;
    animation:changeiconsize 1s infinite;
}
div.status-box-content {
    float: right;
    margin-right: 10px;
}
div.status-box-content h5 {
    margin-bottom: 3px;
    margin-top: 3px;
}

.white, i.white {
    color: white;
}
.panel-heading {
    background-color: #1FB5AD;
    border-color: #e0e0e0;
    color: #515151;
    padding: 10px 15px;
    margin: 15px 5px 0 5px;
}
.panel-heading h3.panel-title {
    font-size: 15px;
    color: #fff;
}
.panel-heading h3.panel-title .fa {
    margin-right: 10px;
}
.panel-body {
    margin: 3px 5px;
}
.panel-body ul li {
    -moz-user-select: none;
    background: none repeat scroll 0 0 white;
    border: 1px solid #1fb5ad;
    margin-bottom: 3px;
    padding: 10px 10px;
    font-size: 14px;
}
.panel-body ul li a {
    color: #515151;
}
.chat-message-counter {
    background: none repeat scroll 0 0 #ff7878;
    border: 1px solid #ff7878;
    border-radius: 50%;
    float: right;
    font-size: 13px;
    height: 25px;
    line-height: 22px;
    margin: -6px 5px 0 0px;
    text-align: center;
    width: 25px;
    color: #fff;
    cursor: pointer;
    padding: 3px;
}
.ajax-loader-board {
    background: #ff7878 url(../images/ajax-loader-board.gif) no-repeat center center;
}
.chat-message-counter:hover,.chat-message-counter:active,.chat-message-counter:focus{
    background-color:#d2322d;
    border: 1px solid #d2322d;
    color:white;
    -webkit-transition:all 400ms linear;
    -moz-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    -ms-transition:all 400ms linear;
    transition:all 400ms linear
}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../css/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../css/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../css/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
}


#user_field_configuration textarea,
#user_field_configuration input[type='text']
{
    width:500px;
}
#user_field_configuration textarea{
    height:100px;
}

#user_field_configuration  .form .field label small{
    color:#FFF;
}

.form .field .edit-box   label small{
    color:#FFF !important;
}
.ui-widget-overlay{
    z-index: 2 !important
}
#topnav .languages{
    color: inherit;
    float: inherit;
    margin: 0;
}
ul#topnav span.languages{
    background: rgba(0, 0, 0, 0) url("../images/ico16x16/category.png") no-repeat scroll 0 7px;
}
ul#topnav span.trash{
    background: rgba(0, 0, 0, 0) url("../images/ico16x16/delete.png") no-repeat scroll 0 7px;
}
ul#topnav span.archive{
    background: rgba(0, 0, 0, 0) url("../images/ico16x16/folder_vertical_zipper.png") no-repeat scroll 0 7px;
}
ul#topnav span.publication{
    background: rgba(0, 0, 0, 0) url("../images/ico16x16/privileges.png") no-repeat scroll 0 7px;
}

ul#topnav span.settings-templates{
    background: rgba(0, 0, 0, 0) url("../images/ico16x16/layout-design.png") no-repeat scroll 0 7px;
}
ul#topnav span.news{
    background: rgba(0, 0, 0, 0) url("../images/ico16x16/inquiries.png") no-repeat scroll 0 7px;
}
pre.code{
    display: inline;
    border: 0 none;
    padding: inherit;
    background: none;
    font-family: inherit;
}
#treeGrid {
    margin-bottom: 10px;
    max-width: 1630px;
}
.grid-filter{
    width: 90px !important;
    max-width: 100px !important;
}

#filter_created_user_name,#filter_author{
    width: 70px !important;
}

.range_value {
    margin-left: 150px;
}


@media screen and (max-width: 1600px) {
    ul#topnav li .sub {
        height: auto;
    }
    #header {
        background-size: contain;
    }
    ul#topnav li a:hover, ul#topnav li.active a{
        background: none;
    }
}
@media screen and (max-width: 800px) {
    .menu-logo{
        display:none;
    }
}
@media screen and (max-width: 651px) {
    .menu-top {
        background-size: contain ;
        height: 75px;
    }

    ul#topnav li .sub{
        top: 72px;
    }
    #header {
        min-height: 135px;
    }
    ul#topnav li{
        border-bottom: 2px solid transparent;
    }
}
@media screen and (max-width: 581px) {
    #header {
        min-height: 170px;
    }
}
@media screen and (max-width: 405px) {
    #header {
        min-height: 190px;
    }
}

#privilegesForm.form .custom{
    padding:5px !important;
}
.button-row .default-button{
    display: block;
    float: left;
    margin: 0 5px 8px;
}
.dd-item .button-container span.item-remove {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.51), rgba(0, 0, 0, 0.14));
    border: 1px solid #898989;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block !important;
    font: 12px/21px Helvetica,Lato,Arial sans-serif;
    height: 19px !important;
    position: relative;
    text-align: center;
    top: 1px;
    width: 20px !important;
}

.hide{
    display: none !important;
}
input[type="checkbox"].version{
    width: auto;
}
.ui-datepicker{
    z-index: 1000 !important;
}
.form .file_link_box .files .list .element{
    height: auto;
}.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-size: 12px;
    margin-left: 11px;
    padding: 0 11px 0 13px;
    width: 300px;
}

p.block-type {
    padding: 0 4px;
    float: right;
    color: #fff;
}