@charset "UTF-8";
/* CSS Document */
html {
    overflow-y: scroll;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background: #F1F6E7 url(/gfx/Admin/ad_main_bg.jpg) repeat center center;
    margin: 0;
}
img {
    border: none;
}
select {
    font-size: 12px;
    line-height: normal;
    padding: 0;
    margin: 0;
}
input {
    border: 1px solid darkgrey;
    border-radius: 4px;
    outline: none;
}
input[type=text]:focus, input[type=button]:focus, input[type=submit]:focus, input[type=date]:focus, input[type=password]:focus, select:focus, textarea:focus, option:focus, button:focus {
    outline: 2px solid #80bfff;
    border-radius: 4px;
    -moz-outline-radius: 4px;
    box-shadow: 0 0 4px #66b3ff;
}
input[type=checkbox]:focus {
    border-radius: 4px;
    border: 2px solid #80bfff;
    outline: none;
    box-shadow: none;
}
input[type=button]:focus, button:focus {
    outline: none;
    border-color: #09F;
    box-shadow: 0 0 4px #66b3ff;
    -webkit-box-shadow: 0 0 4px #66b3ff;
    -moz-box-shadow: 0 0 4px #66b3ff;
}

input[type=text].clientInfoOpen:focus, textarea.clientInfoOpen:focus {
    outline: 2px solid rgba(255, 71, 26, 0.45);
    border-radius: 4px;
    -moz-outline-radius: 4px;
    box-shadow: 0 0 4px #e62e00;
    -webkit-box-shadow: 0 0 4px #e62e00;
    -moz-box-shadow: 0 0 4px #e62e00;
}

input[type=button].clientInfoOpen:focus {
    outline: none;
    border-color: #ff704d;
    box-shadow: 0 0 4px #ff471a;
    -webkit-box-shadow: 3px 3px 10px 2px #ff471a;
    -moz-box-shadow: 3px 3px 10px 2px #ff471a;
}

a:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#header {
    height: 25px;
    width: 935px;
    color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-left: 15px;
}

#menu {
    height: 86px;
    width: 935px;
    color: #FFFFFF;
    /* background-image: url(/gfx/Admin/header_bg.jpg); */
    background-repeat: repeat-x;
    background-position: center center;
    border-top-style: none;
    border-bottom-style: none;
    margin: 0 auto;
    padding: 15px 0 0 15px;
    border-right-style: none;
    border-left-style: none;
}

#menu span {
    list-style-type: none;
    display: inline-block;
}

#menu #home span {
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(/gfx/Buttons/Home.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #home span:hover {
    background-position: center bottom;
}

#menu #homeEN span {
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(/gfx/Buttons/Home_EN.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#homeEN span:hover {
    background-position: center bottom;
}

#menu #search span {
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(/gfx/Buttons/Search.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #search span:hover {
    background-position: center bottom;
}

#menu #searchEN span {
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(/gfx/Buttons/Search_EN.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #searchEN span:hover {
    background-position: center bottom;
}

#menu #jobs span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Jobs.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #jobs span:hover {
    background-position: center bottom;
}

#menu #jobsEN span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Jobs_EN.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #jobsEN span:hover {
    background-position: center bottom;
}

#menu #clients span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Clients.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #clients span:hover {
    background-position: center bottom;
}

#menu #clientsEN span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Clients_EN.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}
#menu #clientsEN span:hover {
    background-position: center bottom;
}
#menu #collaborators span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Collaborators.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #collaborators span:hover {
    background-position: center bottom;
}

#menu #collaboratorsEN span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Collaborators_EN.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #collaboratorsEN span:hover {
    background-position: center bottom;
}

#menu #suppliers span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Suppliers.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #suppliers span:hover {
    background-position: center bottom;
}

#menu #suppliersEN span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Suppliers_EN.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #suppliersEN span:hover {
    background-position: center bottom;
}

#menu #cashier span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Cashier.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #cashier span:hover {
    background-position: center bottom;
}

#menu #cashierEN span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Cashier_EN.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #cashierEN span:hover {
    background-position: center bottom;
}

#menu #reports span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Reports.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #reports span:hover {
    background-position: center bottom;
}

#menu #reportsEN span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/Reports_EN.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #reportsEN span:hover {
    background-position: center bottom;
}

#menu #login span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/LogIn.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #login span:hover {
    background-position: center bottom;
}

#menu #loginEN span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/LogIn_EN.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #loginEN span:hover {
    background-position: center bottom;
}

#menu #logout span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/LogOut.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #logout span:hover {
    background-position: center bottom;
}

#menu #logoutEN span {
    color: #FFFFFF;
    text-decoration: none;
    background: url(/gfx/Buttons/LogOut_EN.jpg) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 96px;
    width: 95px;
    list-style-type: none;
    display: inline-block;
}

#menu #logoutEN span:hover {
    background-position: center bottom;
}

#menu a {
    color: #FFFFFF;
    text-decoration: none;
}

#ad_menu {
    width: 130px;
    min-height: 330px;
    padding-top: 0;
    background-color: #EBEBEB;
    padding-left: 10px;
    margin-right: 10px;
    float: left;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}

#ad_menu_head {
    background-image: url(/gfx/Admin/ad_menu_titler_bg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    line-height: 27px;
    height: 27px;
    vertical-align: middle;
    padding-left: 20px;
    color: #FFFFFF;
    padding-bottom: 10px;
}
#ad_body_head {
    background: transparent url(/gfx/Admin/content_titler_bg_transp.png) no-repeat left top;
    background-size:100%;
    line-height: 27px;
    height: 20px;
    width: 457px;
    vertical-align: middle;
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: bold;
    clear: both;
}
#ad_body_head.bank-charges-header {
    min-width: 200px;
    width: auto;
    max-width: fit-content;
    background-size: 500px;
    border-radius: 4px;
    padding: 4px 8px;
    line-height: 20px;
}

#langs {
    width: 110px;
    margin-right: 30px;
    float: right;
    line-height: 96px;
    text-align: right;
    vertical-align: middle;
    margin-top: 13px;
}

#langs img {
    padding-bottom: 7px;
}

#body_content {
    width: 950px;
    margin: 10px auto;
}

#content {
    min-height: 340px;
    color: #666666;
    background-color: #B8D1CF;
    margin: 0 25px;
    padding-right: 10px;
    padding-left: 10px;
}

#body_content_head_red {
    height: 71px;
    width: auto;
    margin: 0 25px;
    background: #b8310f url(/gfx/Admin/content_upper_bg_red.jpg) no-repeat left top;
    line-height: 69px;
    vertical-align: middle;
    padding-left: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}

#content_red {
    min-height: 150px;
    color: #333333;
    background-color: #ebebeb;
    margin: 0 25px;
    padding: 15px 30px 0;
}

#body_content_foot_red {
    background-image: url(/gfx/Admin/content_footer_bg_red.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    height: 27px;
    width: auto;
    margin: 0 25px;
    background-color: #ebebeb;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ebebeb;
}

#footer {
    height: 27px;
    width: 935px;
    color: #FFFFFF;
    background-image: url(/gfx/Admin/ad_footer_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-left: 15px;
    background-color: #161616;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #525252;
    border-bottom-color: #525252;
}
footer {
    color:slategray;
    font-size: 10px;
    text-align: left;
    height: 31px;
    width: 935px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2px;
    padding-left: 20px;
}
footer.f_nomenu  {
    color:slategray;
    font-size: 10px;
    text-align: left;
    height:10px;
    width:auto;
    margin-right: auto;
    margin-left: auto;
    padding:0;
}
#gen_form {
    background-color: #ecf2f2;
    font-size: 14px;
    min-height: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #666666;
}

#gen_form_head {
    background: url(/gfx/gen_form/genform_bg.jpg) repeat-x left top;
    line-height: 30px;
    vertical-align: middle;
    height: 30px;
    padding-bottom: 5px;
}

#inner {
    background-color: #FFFF99;
}

#outer {
    padding: 2px;
}

#m_inner_head {
    background-image: url(/gfx/log_messages/logform_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    line-height: 20px;
    vertical-align: middle;
    height: 20px;
    padding-bottom: 5px;
}

#m_inner {
    min-height: 55px;
    background-color: #FFFFFF;
    color: #333333;
    padding: 5px 10px 5px 68px;
}

#m_outer {
    padding: 2px;
}

#ShowClientFull, .ShowClientFull {
    margin-right: 10px;
    padding: 0;
    margin-bottom: 10px;
    /*
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #666;
    */
}

#ShowClientFull th, .ShowClientFull th {
    font-size: 11px;
    color: #FFFFFF;
    background-color: #CCC;
    font-weight: bold;
    height: 16px;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #999;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: #999;
    border-left-width: thin;
    border-left-style: solid;
    border-left-color: #999;
}

#ShowClientFull td, .ShowClientFull td {
    font-size: 11px;
    height: 15px;
    background-color: #FFF;
    text-align: left;
    border: thin solid #999;
}

#ShowClientFull .ColumnHeader, .ShowClientFull .ColumnHeader {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    color: #399;
    background-color: #399;
    background-color: #C9C9C9;
    text-align: right;
    border: 1px solid #999;
}

#ShowClientFull .seperator, .ShowClientFull .seperator {
    background-color: #cccccc;
    border-bottom-style: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
#GeneralTable th, .GeneralTable th {
    background-color: #399;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    font-size: 12px;
}
#GeneralTable tr:hover, .GeneralTable tr:hover {
    background-color: #FFFF99;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.GeneralTable tr {
    height:15px;
}
.GeneralTable tr.rowJobs > td,
.GeneralTable tr.rowClients > td,
.GeneralTable tr.rowResources > td,
.GeneralTable tr.rowSuppliers > td {
    border: 1px solid #B8D1CF;
}

.GeneralTable tr.rowJobs {
    font-weight: bold;
    color: #666666;
    background-color: #FFF;
    text-align: center;
    font-size: 12px;
    cursor:pointer;
}
.GeneralTable tr.rowJobs:hover,
.GeneralTable tr.rowJobs:focus {
    background-color: #96bbbb;
}

.GeneralTable tr.rowJobs:nth-child(even) {
    background-color: #c5d6d0;
}
.GeneralTable .rowJobs td {
    overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
    padding-left:2px;
    padding-right:2px;
}
/*client,resource,supplier menu*/
.GeneralTable tr.rowSuppliers,.GeneralTable tr.rowResources, .GeneralTable tr.rowClients {
    font-weight: bold;
    color: #666666;
    background-color: #FFF;
    text-align: center;
    font-size: 12px;
    cursor:pointer;
}
.GeneralTable tr.rowClients:nth-child(even) {
    background-color: #B8D1CF;
}
.GeneralTable tr.rowResources:nth-child(even) {
    background-color: #dee2a7;
}
.GeneralTable tr.rowSuppliers:nth-child(even) {
    background-color: #dfbdd5;
}
.GeneralTable tr.rowSuppliers:nth-child(odd),.GeneralTable tr.rowResources:nth-child(odd), .GeneralTable tr.rowClients:nth-child(odd) {
    background-color: #fff;
}
.GeneralTable tr.rowClients:hover,
.GeneralTable tr.rowClients:focus {
    background-color: #96bbbb;
}
.GeneralTable tr.rowClients:active {
    background-color: #5a9394;
}
.GeneralTable tr.rowResources:hover,
.GeneralTable tr.rowResources:focus {
    background-color: #e9e785;
}
.GeneralTable tr.rowResources:active {
    background-color: #c6c468;
}
.GeneralTable tr.rowClients[disabled],
.GeneralTable tr.rowClients[disabled]:hover,
.GeneralTable tr.rowResources[disabled],
.GeneralTable tr.rowResources[disabled]:hover,
.GeneralTable tr.rowSuppliers[disabled],
.GeneralTable tr.rowSuppliers[disabled]:hover {
    cursor:default;
    background-color: #c2c2c2;
    color: #7e7e7e;
    border: 1px solid lightgray;
}
.rowClients td,.rowResources td, .rowSuppliers td {
    overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
}
/*jobs menu*/
.GeneralTable {
    table-layout: fixed;
    width: 880px;
    border: none;
    padding: 0 2px;
    border-collapse: collapse;
}
.GeneralTable th {
    background-color: #666666;
    background-color: #e87e7f;
    background-color: #399;
    font-weight: bold;
    color: #e87e7f;
    color: #666666;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    border: 1px solid #B8D1CF;
}
.GeneralTable .rowJobs td > div {
    padding-left:2px;
    padding-right:2px;
}
.GeneralTable .rowJobs td:nth-child(1) {
    color: #8d5823;
}
.GeneralTable .rowJobs td:nth-child(2) {
    color: darkcyan;
    text-align:left;
}
.GeneralTable .rowJobs td:nth-child(3),
.GeneralTable .rowJobs td:nth-child(4),
.GeneralTable .rowJobs td:nth-child(5){
    color:#06F;font-weight: bold;
}
.GeneralTable .rowJobs td:nth-child(6) {
    color:#33CC66;
}
.offer_animated {
    animation-name: offer_blink;
    animation-duration: 3s;
    animation-iteration-count: infinite
}
@-webkit-keyframes offer_blink {
    0% {
        color: #F49911
    }
    50% {
        color: #f4dbb5
    }
    100% {
        color: #F49911
    }
}
@keyframes offer_blink {
    0% {
        color: #F49911
    }
    50% {
        color: #f4dbb5
    }
    100% {
        color: #F49911
    }
}
/*expenses menu*/
.expensesTable {
    table-layout: fixed;
}
.expensesTable tr {
    background-color: #FFF;
    font-weight: bold;
    height:15px;
    color: #666666;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 2px;
    cursor: pointer;
}
.expensesTable tr:nth-child(odd) {
    background-color: #f0dcbb;
}
.expensesTable th {
    background-color: #399;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.expensesTable tr:hover {
    background-color: #FFFF99;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.expensesTable th {
    overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
}
.expensesTable td {
    padding-left:3px; padding-right: 3px; height: 15px; text-align: center;
}
.expensesTable td:nth-child(1), .expensesTable td:nth-child(6) {
    color:#06F;
}

.expensesTotalShow {
    width:340px;
    border:1px solid #666666;
    border-spacing: 0;
    border-collapse: collapse;
}
.expensesTotalShow tr, .expensesTotalShow td {
    border:1px solid gray;
}
.expensesTotalShow th {
    background-color:darkcyan; color:white; font-weight: bold; font-size: 12px;
}
.expensesTotalShow td {
    text-align: center !important;
    font-size: 12px !important;
    font-weight: bold !important;
    background-color: #f3f3f3 !important;
}
.description-link {
    height:15px; float:left; clear:none; width:15px; margin-left:3px;
}
div#ui-datepicker-div {
    z-index:10 !important;
}

.explainer {
    background-color: #FFFFCC;
    border: thin solid #FF9900;
    font-size: 10px;
    font-weight: bold;
    color: #FF9900;
    text-decoration: none;
    padding-left: 10px;
}
#GeneralTable .line1, .GeneralTable .line1 {
    font-weight: bold;
    color: #666666;
    background-color: #FFF;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 2px;
}
#GeneralTable .jobsline2, .GeneralTable .jobsline2 {
    background-color: #c5d6d0;
    font-weight: bold;
    color: #666666;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 2px;
}
#GeneralTable .clientsline2, .GeneralTable .clientsline2 {
    background-color: #aec7ce;
    font-weight: bold;
    color: #666666;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 2px;
}
#GeneralTable .resourcesline2, .GeneralTable .resourcesline2 {
    background-color: #dee2a7;
    font-weight: bold;
    color: #666666;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 2px;
}
#GeneralTable .suppliersline2, .GeneralTable .suppliersline2 {
    background-color: #dfbdd5;
    font-weight: bold;
    color: #666666;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 2px;
}
#GeneralTable .genline2, .GeneralTable .genline2 {
    background-color: #f0dcbb;
    font-weight: bold;
    color: #666666;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 2px;
}

#ShowfullClient {
    background-color: #CCCCCC;
    font-size: 10px;
    margin: 0;
    padding: 0 0 7px;
}

#ShowfullClientTitle {
    background-color: #999999;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-top: 0;
}

#ShowfullClientBody {
    background-color: #CCCCCC;
    font-size: 10px;
    margin: 0;
    padding: 10px 0;
}

.clientInfoEdit {
    text-align: center;
    /*margin: 0 0 10px;*/
    /*height: 26px;*/
    width: 157px;
    font-size: 12px;
    /*line-height: 26px;*/
    color: #FFFFFF;
    /*background-color: #ffc000;*/
    background-color: #F49911;
    font-weight: bold;
    border: 1px solid #FFF;
    /*padding: 0;*/
    cursor: pointer;
}
.clientInfoEdit:hover {
    /*background-position: left top;
    line-height: 24px;
    padding-left: 1px;*/
}

.clientInfoEdit:active {
    /*background-position: right bottom;
    line-height: 26px;
    padding-left: 20px;*/
}

.clientInfoButton {
    text-align: center;
    /*margin: 0 0 10px;*/
    height: 24px;
    width: 157px;
    /*font-size: 12px;*/
    /*line-height: 24px;*/
    color: #FFFFFF;
    /*padding: 0 0 0 2px;*/
    background-color: #0C3;
    border: 1px solid #FFF;
    font-weight: bold;
}
.clientInfoButton:hover {
    /*background-position: left top;
    line-height: 24px;
    padding-left: 1px;*/
}
.clientInfoButton:active {
    /*background-position: right bottom;
    line-height: 26px;
    padding-left: 2px;*/
}

.clientInfoEdit, .clientInfoButton {
    border-radius:5px;
}

.timologhsh {
    background-color: #F33;
}

#ShowClientFull .required, .ShowClientFull .required {
    font-size: 11px;
    background-color: #FFF;
    text-align: left;
    margin: 0;
    padding: 0 0 0 1%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    width: 95%;
    font-weight: bold;
    color: #399;
    -webkit-text-fill-color: darkcyan;
}

.clientInfo {
    font-size: 11px;
    /*background-color: #FFFFCC;*/
    background-color: #FFF;
    text-align: left;
    margin: 0;
    padding: 0 0 0 1%;
    border-style: none;
    width: 99%;
    font-weight: bold;
    color: #399;
    -webkit-appearance: textarea;
    -webkit-text-fill-color: darkcyan;
    opacity: 1;
}

select.clientInfo,
select.clientInfo:disabled {
    font-size: 11px;
    background-color: #FFF;
    text-align: left;
    margin: 0;
    padding: 0;
    border-style: none;
    width: 100%;
    font-weight: bold;
    color: #399;
    -webkit-appearance: textarea;
    -webkit-text-fill-color: darkcyan;
    opacity: 1;
    border-image: url('') none;
    text-shadow: none;
}
span.clientInfo, td.clientInfo {
    cursor: default;white-space: nowrap;word-wrap: break-word;
}

.clientInfoNoBorder {
    font-size: 11px;
    background-color: #FFFFCC;
    text-align: left;
    margin: 0;
    padding: 0 0 0 1%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    width: 99%;
}

.clientInfoOpen {
    font-size: 11px;
    background-color: #FFCCCC;
    text-align: left;
    margin: 0;
    padding: 0 0 0 1%;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #666666;
    border-left: none;
    width: 99%;
    font-weight: bold;
}

select.clientInfoOpen {
    font-size: 11px;
    background-color: #FFCCCC;
    text-align: left;
    margin: 0;
    padding: 0;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #666666;
    border-left: none;
    width: 100%;
    font-weight: bold;
}

#ExistingClientsHead {
    color: #666666;
    background-color: #FFFFCC;
    padding: 3px;
    font-size: 10px;
}

#ExistingClients {
    color: #666666;
    background-color: #FFFFFF;
    font-size: 11px;
    border: 1px solid #666666;
    padding: 0;
}

#JobIns {
    padding: 0;
}

#JobIns th {
    font-size: 13px;
    color: #FFFFFF;
    color: #399;
    background-color: #666666;
    background-color: #FF9;
    padding: 3px;
}

#JobIns td {
    font-size: 11px;
    color: #666666;
    color: #399;
    font-weight: bold;
    background-color: #F6F6F6;
    padding: 0;
}

.ServiceTypeMenu {
    width: 176px;
    font-size: 14px;
    font-weight: bold;
}

.ResourceMenu {
    font-size: 13px;
    width: 197px;
    border-right-style: none;
    color: darkcyan;
    -webkit-text-fill-color: darkcyan;
}

.ResourceLink {
    padding: 0;
    margin: 0 0 -5px;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #ebebeb;
    height: 16px;
    display: inline-block;
    clear: none;
}

.LangMenu {
    font-size: 13px;
    width: 95px;
}

.ChargeWay {
    font-size: 13px;
    width: 165px;
}

.ChargeWayButton {
    width: 20px;
    height: 21px;
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;
    text-decoration: none;
    background-color: #666666;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: thin solid #999999;
}

.Sum {
    font-size: 12px;
    width: 55px;
    text-align: right;
}

.ClientChargeDIVs {
    background-color: #FFFFFF;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#ChargeMasksAnalisis {
    border-top-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-right-color: #666;
    border-left-color: #CCC;
    margin: 0;
    font-size: 10px;
    background-color: #fff;
    border-bottom-width: thin;
    border-bottom-color: #CCC;
    padding: 3px 2px;
}

#ChargeMasksAnalisis th {
    font-size: 11px;
    /*background-color: none;*/
    color: #333;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

#ChargeMasksAnalisis td {
    background-color: #FFF;
}

#ChargeMasksAnalisis .cellView {
    font-size: 11px;
    color: #333;
    font-weight: bold;
    text-align: center;
    width: 50px;
    padding-right: 2px;
    padding-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #FFF;
}

#ChargeMasksAnalisis input {
    text-align: right;
    width: 55px;
    margin-right: 2px;
    font-size: 11px;
    font-weight: bold;
}

#Charge {
    height: 100px;
    background-color: #FFFFFF;
    padding: 3px;
    margin-bottom: 5px;
}

#ChargeMasks input {
    text-align: right;
    width: 55px;
    font-size: 11px;
    font-weight: bold;
}

#ChargeMasks {
    border: thin solid #ccc;
}

#ChargeMasks th {
    background-color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}

#ChargeMasks td {
    background-color: #FFFFFF;
    font-size: 12px;
    width: 25%;
    padding: 1px;
}

#ChargeMasks #Ogos {
    color: #ffffff;
    background-color: #666666;
    border: thin solid #999999;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#ChargeMasks #OgosFields {
    border: thin solid #999999;
}

.Overal_Indicators {
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 90px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #CCCCCC;
    color: #333333;
    text-align: center;
}

.SearchButton {
    width: 251px;
    height: 49px;
    background-image: url(/gfx/Buttons/searchButtonBG.png);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-position: left top;
    cursor: pointer;
}

.SearchButton:active {
    background-position: right bottom;
}

.ResetButton {
    width: 251px;
    height: 49px;
    background-image: url(/gfx/Buttons/ResetButtonBG.png);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-position: left top;
    cursor: pointer;
}

.ResetButton:active {
    background-position: right bottom;
}

option:hover {
    outline: 2px solid lightblue;
    border: 1px solid darkgrey;
    box-shadow: 0 0 10px 50px lightblue inset;
    background: white;
}

.small_button {
    width: 171px;
    height: 32px;
    background-image: url(/gfx/Buttons/SmallButtonBG.png);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-position: left center;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    padding-left: 10px;
    margin-bottom: 5px;
    display: block;
}

.small_button:active {
    background-position: right bottom;
}

.LogisticsHead {
    font-family: Arial, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-color: #33CCCC;
    height: 20px;
    width: 859px;
    text-align: center;
}

#LogisticsBody {
    font-family: Arial, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-color: #FFFFFF;
    height: 150px;
    width: 859px;
    overflow: scroll;
    visibility: visible;
    display: block;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 0;
    margin: 0 0 15px;
    border-top-width: 2px;
}

.LogisticsBody {
    font-family: Arial, Helvetica, Arial, sans-serif;
    color: #333333;
    background-color: #F3F3F3;
    width: 839px;
}

.LogisticsBody tr, .LogisticsBody tr td {
    border: 1px solid #CCCCCC;
}

.BankLogisticsBody {
    font-family: Helvetica, sans-serif;
    color: #333333;
    background-color: #F3F3F3;
    width: 839px;
}

.ClientInput {
    height: 16px;
    width: 90%;
    color: #399;
    -webkit-text-fill-color: darkcyan;
    font-weight: bold;
    border: thin solid #999;
}
.JobClientInput {
    height: 16px;
    width: 430px;
    padding-left:3px;
    color: #399;
    -webkit-text-fill-color: darkcyan;
    font-weight: bold;
    border: thin solid #999;
}
select.JobClientInput {
    border-radius: 3px;
    font-size: 13px;
    font-weight:bold;
    border:1px solid grey;
    padding:0;
    height:18px;
    width:434px;
}
.JobClientInput option {
    font-weight: bold;
}

#Titler {
    float: left;
    width: 40%;
    clear: none;
    display: block;
}

#UserControlPanel {
    float: right;
    width: 50%;
    clear: none;
    display: block;
    font-size: 15px;
    color: #333333;
    text-align: right;
    margin-right: 30px;
}

.ui-dialog {
    background-color: #FF0000;
}

.SearchLink {
    text-decoration: none;
    color: #666;
}

.SearchLink:hover, .SearchLink:active {
    text-decoration: none;
    color: #333;
}

.ServicesizationLang {
    background: #CBD178;
}

.foto {
    float: left;
    width: 117px;
    height: 140px;
    margin-left: 10px;
    background-color: #FFF;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #999;
}

.gobutton {
    font-weight: bold;
    color: #0C6;
    background-color: #FFF;
    width: 50px;
    margin-left: 25px;
    margin-right: 25px;
}

.clearbutton {
    font-weight: bold;
    color: #F33;
    -webkit-text-fill-color: #F33;
    background-color: #FFF;
    width: 50px;
    margin-left: 25px;
    margin-right: 25px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.gobuttonKinhseis {
    font-weight: bold;
    color: #FFF;
    -webkit-text-fill-color: #FFF;
    background-color: #0C6;
    width: 50px;
    margin-left: 25px;
    margin-right: 25px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.clearbuttonKinhseis {
    font-weight: bold;
    color: #FFF;
    background-color: #F33;
    width: 50px;
    margin-left: 25px;
    margin-right: 25px;
}

.AnalysisTable {
    border-top-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #666;
    border-left-color: #FFF;
    padding: 10px;
}

.AnalysisTable td {
}

.AnalysisTable th {
    font-size: 12px;
    font-weight: bold;
    border: thin solid #CCC;
}

.AnalysisTable .cellView {
    font-weight: bold;
    background-color: #FFF;
    border: thin solid #CCC;
}

.AnalysisTitle {
    background-color: #09C;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

.AnalysisClassic {
    font-weight: bold;
    border: thin solid #09F;
}

.ChargeTroposXreoshs {
    width: 140px;
    color:darkcyan;
    -webkit-text-fill-color: darkcyan;
    font-weight: bold;
}
.ChargeTroposXreoshs[option] {
    color:darkcyan;
    -webkit-text-fill-color: darkcyan;
    font-weight: bold;
}

.changer {
    color:darkcyan;
    -webkit-text-fill-color: darkcyan;
    font-weight: bold;
}

.changer[option] {
    color:darkcyan;
    -webkit-text-fill-color: darkcyan;
    font-weight: bold;
}

.revealAnalisis {
    vertical-align: bottom;
    margin-bottom: 2px;
    width: 20px;
    height: 20px;
    border: none;
}

#filterShow {
    margin-top: 20px;
}

#filterShow span {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
}

#ShowClientFull select option, .ShowClientFull select option {
    font-size: 12px;
    line-height: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    height: 12px;
}

.JobFileShell {
    width: 100%;
    height: 20px;
    background-color: white;
    box-shadow: 1px 2px 3px #ededed;
    position: relative;
    border: 1px solid #d8d8d8;
}

.JobFileShell input[type=file] {
    width: 100px;
    height: 20px;
    opacity: 0
}

.JobFileShell #val {
    width: 200px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 25px;
    text-indent: 10px;
    pointer-events: none;
}

.JobFileShell #button {
    cursor: pointer;
    display: block;
    width: 90px;
    background-color: purple;
    height: 20px;
    color: white;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: 500ms all;
    -moz-transition: 500ms all;
    transition: 500ms all;
}

.JobFileShell #button:hover {
    background-color: blue;
}

.linker {
    text-decoration: none;
    color: darkcyan;
    -webkit-text-fill-color: darkcyan;
}
.linker:hover {
    color: blue;
    -webkit-text-fill-color: blue;
    font-size: 12px;
    text-decoration: underline;
}

.innerlinker {
    text-decoration: none;
    color: darkcyan;
    -webkit-text-fill-color: darkcyan;
}
.innerlinker:hover {
    color: blue;
    -webkit-text-fill-color: blue;
    text-decoration: underline;
}
.intac-email {
    color:inherit;
    text-decoration: none;
}
.intac-email:hover,
.intac-email:focus {
    color:blue;
    font-size: 14px;
}
.intac-email:active,
.intac-email:focus {
    color:darkblue;
    font-size: 11px;
}

.button-close {
    position: relative;
    color: white;
    background-color: red;
    cursor: pointer;
    padding: 2%;
    border-radius: 4px;
    float: right;
}
.stickytop-error {
    position: absolute;
    width: 250px;
    color: red;
    border-radius: 4px;
    border: 2px solid grey;
    background-color: whitesmoke;
    height: auto;
    font-size: 12px;
    padding: 5px 0;
    text-align: left;
    margin-left: 120px;
    float: left;
}

.stickytop-success {
    color: green;
    margin-left: 50px;
    float: left;
    position: absolute;
    top: 5px;
    background-color: lightgrey;
    border: 2px solid black;
    width: 550px;
    height: 20px;
    text-align: center;
}

.Activated {
    font-weight: bold !important;
    color: #567eff !important;
    cursor: pointer !important;
    font-style: italic !important;
    text-decoration: underline !important;
    font-size: 14px !important;
}

.left-headings {
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
    font-size: 14px;
}

.right-headings {
    text-align: left;
    padding-left: 5px;
}

.OldContainer {
    width: 900px;
    margin: 0 auto;
    background-color: #FF0000;
    display: block;
}

.pop-up {
    display: none;
    position: absolute;
    padding: 5px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 650px;
    white-space: normal;
}

textarea, input.text, input[type=text], input[type=button], input[type=submit], .input-checkbox {
    -webkit-appearance: textfield;
    -moz-appearance: none;
}

input.text[disabled], input[type=text][disabled] {
    -webkit-text-fill-color: darkcyan;
    opacity: 1;
}

@media print {
    .nomedia {
        display: none
    }
    .print-full {
        height: 100% !important;
        overflow-y: visible;
    }
}

.menu_disabled {
    pointer-events: none;
    cursor: default;
}

.genDFTable {
    width: 450px;
}

.genDFTable tr {
    vertical-align: middle;
}

.genDFTable td {
    text-align: center;
    padding: 2px;
}

.saveMSG-warning {
    color: white;
    -webkit-text-fill-color: white;
    background: red linear-gradient(to bottom, darkred 0%, red 100%);
    font-size: small;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}

.saveMSG-success {
    color: white;
    -webkit-text-fill-color: white;
    background: forestgreen linear-gradient(to bottom, darkgreen 0%, green 100%);
    border: 1px solid grey;
    border-radius: 4px;
    font-size: small;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}

div.nojavascript {
    width: 250px;
    text-align: center;
    font-size: medium;
    font-weight: bold;
    color: black;
    text-shadow: #000033;
    border: 1px solid darkorange;
    border-radius: 4px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(sandybrown));
}

.submit_message {
    /*position:fixed; float:right; right:140px;*/
}
.submit_message.outer {
    background-color: #33CC99;
    color: #333333;
    border-radius: 8px;
    padding: 2px;
}
.submit_message.outer_error {
    background-color: #cc3931;
    color: #333333;
    border-radius: 8px;
    padding: 2px;
}
.submit_message.inner {
    background-color: #EEEEEE;
    background-position: 5px;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 35px;
    border-radius: 4px;
    font-size: 12px;
}

.pagination {
    padding:2px;
    margin: 5px 0 10px;
    clear:both;
    display:inline-block;
}
.pagination button {
    border:1px solid blue;
    padding:2px 10px 2px 10px;
    border-radius: 4px;
    font-size:12px;
    color:white;
    background-color: blue;
}
.btn-ll {
    font-size:14px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    padding:5px;
    display:inline-block;
    min-width: 100px;
    width:auto;
    max-width:240px;
    text-decoration: none;
    border: 2px solid;
}
.btn-ll-m {
    font-size:12px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    padding:3px;
    display:inline-block;
    min-width: 70px;
    width: auto;
    max-width: 150px;
    text-decoration: none;
    border:2px solid;
}
.btn-ll-sm {
    font-size:11px;
    font-weight: bold;
    border-radius: 2px;
    text-align: center;
    padding:5px;
    display:inline-block;
    min-width: 25px;
    width:auto;
    max-width:140px;
    height:auto;
    text-decoration: none;
    border: 2px solid;
}
.btn-ll:active,
.btn-ll:focus,
.btn-ll-m:active,
.btn-ll-m:focus,
.btn-ll-sm:active,
.btn-ll-sm:focus {
    outline: thin dotted -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-ll.Default,
.btn-ll-m.Default,
.btn-ll-sm.Default {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#bdcaca));
    background-image: -webkit-linear-gradient(top, #ffffff, #bdcaca);
    background-image: -o-linear-gradient(top, #ffffff, #bdcaca);
    background-image: linear-gradient(to bottom, #ffffff, #bdcaca);
    background-repeat: repeat-x;
    border-color: #dad8dd #c7c8cf #6d7280;
    color: black;
    outline:none;
}
.btn-ll.Default:hover,
.btn-ll.Default:focus,
.btn-ll.Default.focus,
.btn-ll.Default:active,
.btn-ll.Default.active,
.btn-ll-m.Default:hover,
.btn-ll-m.Default:focus,
.btn-ll-m.Default.focus,
.btn-ll-m.Default:active,
.btn-ll-m.Default.active,
.btn-ll-sm.Default:hover,
.btn-ll-sm.Default:focus,
.btn-ll-sm.Default.focus,
.btn-ll-sm.Default:active,
.btn-ll-sm.Default.active {
    background-color: #939599;
    border-color: #cacdca;
    outline:none;
}
.btn-ll.Default:active,
.btn-ll.Default.active,
.btn-ll-m.Default:active,
.btn-ll-m.Default.active,
.btn-ll-sm.Default:active,
.btn-ll-sm.Default.active {
    background-image: none;
}
.btn-ll.Default.disabled,
.btn-ll.Default[disabled],
.btn-ll.Default fieldset[disabled],
.btn-ll.Default.disabled:hover,
.btn-ll.Default[disabled]:hover,
.btn-ll.Default:hover fieldset[disabled],
.btn-ll.Default.disabled:focus,
.btn-ll.Default[disabled]:focus,
.btn-ll.Default:focus fieldset[disabled],
.btn-ll.Default.disabled:active,
.btn-ll.Default[disabled]:active,
.btn-ll.Default:active fieldset[disabled],
.btn-ll-m.Default.disabled,
.btn-ll-m.Default[disabled],
.btn-ll-m.Default fieldset[disabled],
.btn-ll-m.Default.disabled:hover,
.btn-ll-m.Default[disabled]:hover,
.btn-ll-m.Default:hover fieldset[disabled],
.btn-ll-m.Default.disabled:focus,
.btn-ll-m.Default[disabled]:focus,
.btn-ll-m.Default:focus fieldset[disabled],
.btn-ll-m.Default.disabled:active,
.btn-ll-m.Default[disabled]:active,
.btn-ll-m.Default:active fieldset[disabled],
.btn-ll-sm.Default.disabled,
.btn-ll-sm.Default[disabled],
.btn-ll-sm.Default fieldset[disabled],
.btn-ll-sm.Default.disabled:hover,
.btn-ll-sm.Default[disabled]:hover,
.btn-ll-sm.Default:hover fieldset[disabled],
.btn-ll-sm.Default.disabled:focus,
.btn-ll-sm.Default[disabled]:focus,
.btn-ll-sm.Default:focus fieldset[disabled],
.btn-ll-sm.Default.disabled:active,
.btn-ll-sm.Default[disabled]:active,
.btn-ll-sm.Default:active fieldset[disabled] {
    background-color: #c7cbcb;
    border-color: #b8bfc4;
    opacity:0.8;
    pointer-events: none;
}

.btn-ll.Generic,
.btn-ll-m.Generic,
.btn-ll-sm.Generic {
    background-color:#6ec7db;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6ec7db), to(#5fa9bd));
    background-image: -webkit-linear-gradient(top, #6ec7db, #5fa9bd);
    background-image: -o-linear-gradient(top, #6ec7db, #5fa9bd);
    background-image: linear-gradient(to bottom, #6ec7db, #5fa9bd);
    background-repeat: repeat-x;
    border-color: #5995cc #269fcc #005b80;
    color: white;
    outline:none;
}
.btn-ll.Generic:hover,
.btn-ll.Generic:focus,
.btn-ll.Generic.focus,
.btn-ll.Generic:active,
.btn-ll.Generic.active,
.btn-ll-m.Generic:hover,
.btn-ll-m.Generic:focus,
.btn-ll-m.Generic.focus,
.btn-ll-m.Generic:active,
.btn-ll-m.Generic.active,
.btn-ll-sm.Generic:hover,
.btn-ll-sm.Generic:focus,
.btn-ll-sm.Generic.focus,
.btn-ll-sm.Generic:active,
.btn-ll-sm.Generic.active {
    background-color: #446f99;
    border-color: #71a9d9;
    outline:none;
}
.btn-ll.Generic:active,
.btn-ll.Generic.active,
.btn-ll-m.Generic:active,
.btn-ll-m.Generic.active,
.btn-ll-sm.Generic:active,
.btn-ll-sm.Generic.active {
    background-image: none;
}
.btn-ll.Generic.disabled,
.btn-ll.Generic[disabled],
.btn-ll.Generic fieldset[disabled],
.btn-ll.Generic.disabled:hover,
.btn-ll.Generic[disabled]:hover,
.btn-ll.Generic:hover fieldset[disabled],
.btn-ll.Generic.disabled:focus,
.btn-ll.Generic[disabled]:focus,
.btn-ll.Generic:focus fieldset[disabled],
.btn-ll.Generic.disabled:active,
.btn-ll.Generic[disabled]:active,
.btn-ll.Generic:active fieldset[disabled],
.btn-ll-m.Generic.disabled,
.btn-ll-m.Generic[disabled],
.btn-ll-m.Generic fieldset[disabled],
.btn-ll-m.Generic.disabled:hover,
.btn-ll-m.Generic[disabled]:hover,
.btn-ll-m.Generic:hover fieldset[disabled],
.btn-ll-m.Generic.disabled:focus,
.btn-ll-m.Generic[disabled]:focus,
.btn-ll-m.Generic:focus fieldset[disabled],
.btn-ll-m.Generic.disabled:active,
.btn-ll-m.Generic[disabled]:active,
.btn-ll-m.Generic:active fieldset[disabled],
.btn-ll-sm.Generic.disabled,
.btn-ll-sm.Generic[disabled],
.btn-ll-sm.Generic fieldset[disabled],
.btn-ll-sm.Generic.disabled:hover,
.btn-ll-sm.Generic[disabled]:hover,
.btn-ll-sm.Generic:hover fieldset[disabled],
.btn-ll-sm.Generic.disabled:focus,
.btn-ll-sm.Generic[disabled]:focus,
.btn-ll-sm.Generic:focus fieldset[disabled],
.btn-ll-sm.Generic.disabled:active,
.btn-ll-sm.Generic[disabled]:active,
.btn-ll-sm.Generic:active fieldset[disabled] {
    background-color: #61a7cb;
    border-color: #75aec4;
    opacity:0.8;
    pointer-events: none;
}

.btn-ll.Utility,
.btn-ll-m.Utility,
.btn-ll-sm.Utility {
    background-color: #36539f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#36539f), to(#3d5293));
    background-image: -webkit-linear-gradient(top, #36539f, #3d5293);
    background-image: -o-linear-gradient(top, #36539f, #3d5293);
    background-image: linear-gradient(to bottom, #36539f, #3d5293);
    background-repeat: repeat-x;
    border-color: #3656dd #4464c1 #123180;
    color: white;
    outline:none;
}
.btn-ll.Utility:hover,
.btn-ll.Utility:focus,
.btn-ll.Utility.focus,
.btn-ll.Utility:active,
.btn-ll.Utility.active,
.btn-ll-m.Utility:hover,
.btn-ll-m.Utility:focus,
.btn-ll-m.Utility.focus,
.btn-ll-m.Utility:active,
.btn-ll-m.Utility.active,
.btn-ll-sm.Utility:hover,
.btn-ll-sm.Utility:focus,
.btn-ll-sm.Utility.focus,
.btn-ll-sm.Utility:active,
.btn-ll-sm.Utility.active {
    background-color: #2f3569;
    border-color: #537fd9;
    outline:none;
}
.btn-ll.Utility:active,
.btn-ll.Utility.active,
.btn-ll-m.Utility:active,
.btn-ll-m.Utility.active,
.btn-ll-sm.Utility:active,
.btn-ll-sm.Utility.active {
    background-image: none;
}
.btn-ll.Utility.disabled,
.btn-ll.Utility[disabled],
.btn-ll.Utility fieldset[disabled],
.btn-ll.Utility.disabled:hover,
.btn-ll.Utility[disabled]:hover,
.btn-ll.Utility:hover fieldset[disabled],
.btn-ll.Utility.disabled:focus,
.btn-ll.Utility[disabled]:focus,
.btn-ll.Utility:focus fieldset[disabled],
.btn-ll.Utility.disabled:active,
.btn-ll.Utility[disabled]:active,
.btn-ll.Utility:active fieldset[disabled],
.btn-ll-m.Utility.disabled,
.btn-ll-m.Utility[disabled],
.btn-ll-m.Utility fieldset[disabled],
.btn-ll-m.Utility.disabled:hover,
.btn-ll-m.Utility[disabled]:hover,
.btn-ll-m.Utility:hover fieldset[disabled],
.btn-ll-m.Utility.disabled:focus,
.btn-ll-m.Utility[disabled]:focus,
.btn-ll-m.Utility:focus fieldset[disabled],
.btn-ll-m.Utility.disabled:active,
.btn-ll-m.Utility[disabled]:active,
.btn-ll-m.Utility:active fieldset[disabled],
.btn-ll-sm.Utility.disabled,
.btn-ll-sm.Utility[disabled],
.btn-ll-sm.Utility fieldset[disabled],
.btn-ll-sm.Utility.disabled:hover,
.btn-ll-sm.Utility[disabled]:hover,
.btn-ll-sm.Utility:hover fieldset[disabled],
.btn-ll-sm.Utility.disabled:focus,
.btn-ll-sm.Utility[disabled]:focus,
.btn-ll-sm.Utility:focus fieldset[disabled],
.btn-ll-sm.Utility.disabled:active,
.btn-ll-sm.Utility[disabled]:active,
.btn-ll-sm.Utility:active fieldset[disabled] {
    background-color: #718ccb;
    border-color: #5193c4;
    opacity:0.8;
    pointer-events: none;
}

.btn-ll.Warning,
.btn-ll-m.Warning,
.btn-ll-sm.Warning {
    background-color: #f3b434;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3b434), to(#b6733b));
    background-image: -webkit-linear-gradient(top, #f3b434, #b6733b);
    background-image: -o-linear-gradient(top, #f3b434,#b6733b);
    border-color: #e8b550 #a46e39 #634120;
    background-repeat: repeat-x;
    color:white;
    outline:none;
}
.btn-ll.Warning:hover,
.btn-ll.Warning.hover,
.btn-ll.Warning:active,
.btn-ll.Warning.active,
.btn-ll.Warning:focus,
.btn-ll.Warning.focus,
.btn-ll-m.Warning:hover,
.btn-ll-m.Warning.hover,
.btn-ll-m.Warning:active,
.btn-ll-m.Warning.active,
.btn-ll-m.Warning:focus,
.btn-ll-m.Warning.focus,
.btn-ll-sm.Warning:hover,
.btn-ll-sm.Warning.hover,
.btn-ll-sm.Warning:active,
.btn-ll-sm.Warning.active,
.btn-ll-sm.Warning:focus,
.btn-ll-sm.Warning.focus {
    background-color: #b97234;
}
.btn-ll.Warning:active,
.btn-ll.Warning.active,
.btn-ll-m.Warning:active,
.btn-ll-m.Warning.active,
.btn-ll-sm.Warning:active,
.btn-ll-sm.Warning.active {
    background-image:none;
}
.btn-ll.Warning.disabled,
.btn-ll.Warning[disabled],
.btn-ll.Warning fieldset[disabled],
.btn-ll.Warning.disabled:hover,
.btn-ll.Warning[disabled]:hover,
.btn-ll.Warning:hover fieldset[disabled],
.btn-ll.Warning.disabled:focus,
.btn-ll.Warning[disabled]:focus,
.btn-ll.Warning:focus fieldset[disabled],
.btn-ll.Warning.disabled:active,
.btn-ll.Warning[disabled]:active,
.btn-ll.Warning:active fieldset[disabled],
.btn-ll-m.Warning.disabled,
.btn-ll-m.Warning[disabled],
.btn-ll-m.Warning fieldset[disabled],
.btn-ll-m.Warning.disabled:hover,
.btn-ll-m.Warning[disabled]:hover,
.btn-ll-m.Warning:hover fieldset[disabled],
.btn-ll-m.Warning.disabled:focus,
.btn-ll-m.Warning[disabled]:focus,
.btn-ll-m.Warning:focus fieldset[disabled],
.btn-ll-m.Warning.disabled:active,
.btn-ll-m.Warning[disabled]:active,
.btn-ll-m.Warning:active fieldset[disabled],
.btn-ll-sm.Warning.disabled,
.btn-ll-sm.Warning[disabled],
.btn-ll-sm.Warning fieldset[disabled],
.btn-ll-sm.Warning.disabled:hover,
.btn-ll-sm.Warning[disabled]:hover,
.btn-ll-sm.Warning:hover fieldset[disabled],
.btn-ll-sm.Warning.disabled:focus,
.btn-ll-sm.Warning[disabled]:focus,
.btn-ll-sm.Warning:focus fieldset[disabled],
.btn-ll-sm.Warning.disabled:active,
.btn-ll-sm.Warning[disabled]:active,
.btn-ll-sm.Warning:active fieldset[disabled] {
    background-color: #ad733a;
    border-color: #dd975a;
    opacity:0.8;
    pointer-events: none;
}

.btn-ll.Danger,
.btn-ll-m.Danger,
.btn-ll-sm.Danger {
    background-color: #d93330;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d93330), to(#dd4f54));
    background-image: -webkit-linear-gradient(top, #d93330, #dd4f54);
    background-image: -o-linear-gradient(top, #d93330, #dd4f54);
    background-image: linear-gradient(to bottom, #d93330, #dd4f54);
    border-color: #cc5450 #cc2525 #801b31;
    background-repeat: repeat-x;
    color:white;
    outline:none;
}
.btn-ll.Danger:hover,
.btn-ll.Danger:focus,
.btn-ll.Danger.focus,
.btn-ll.Danger:active,
.btn-ll.Danger.active,
.btn-ll-m.Danger:hover,
.btn-ll-m.Danger:focus,
.btn-ll-m.Danger.focus,
.btn-ll-m.Danger:active,
.btn-ll-m.Danger.active,
.btn-ll-sm.Danger:hover,
.btn-ll-sm.Danger:focus,
.btn-ll-sm.Danger.focus,
.btn-ll-sm.Danger:active,
.btn-ll-sm.Danger.active {
    background-color: #a3221e;
    outline: none;
}
.btn-ll.Danger:active,
.btn-ll.Danger.active,
.btn-ll-m.Danger:active,
.btn-ll-m.Danger.active,
.btn-ll-sm.Danger:active,
.btn-ll-sm.Danger.active {
    background-image:none;
}
.btn-ll.Danger.disabled,
.btn-ll.Danger[disabled],
.btn-ll.Danger fieldset[disabled],
.btn-ll.Danger.disabled:hover,
.btn-ll.Danger[disabled]:hover,
.btn-ll.Danger:hover fieldset[disabled],
.btn-ll.Danger.disabled:focus,
.btn-ll.Danger[disabled]:focus,
.btn-ll.Danger:focus fieldset[disabled],
.btn-ll.Danger.disabled:active,
.btn-ll.Danger[disabled]:active,
.btn-ll.Danger:active fieldset[disabled],
.btn-ll-m.Danger.disabled,
.btn-ll-m.Danger[disabled],
.btn-ll-m.Danger fieldset[disabled],
.btn-ll-m.Danger.disabled:hover,
.btn-ll-m.Danger[disabled]:hover,
.btn-ll-m.Danger:hover fieldset[disabled],
.btn-ll-m.Danger.disabled:focus,
.btn-ll-m.Danger[disabled]:focus,
.btn-ll-m.Danger:focus fieldset[disabled],
.btn-ll-m.Danger.disabled:active,
.btn-ll-m.Danger[disabled]:active,
.btn-ll-m.Danger:active fieldset[disabled],
.btn-ll-sm.Danger.disabled,
.btn-ll-sm.Danger[disabled],
.btn-ll-sm.Danger fieldset[disabled],
.btn-ll-sm.Danger.disabled:hover,
.btn-ll-sm.Danger[disabled]:hover,
.btn-ll-sm.Danger:hover fieldset[disabled],
.btn-ll-sm.Danger.disabled:focus,
.btn-ll-sm.Danger[disabled]:focus,
.btn-ll-sm.Danger:focus fieldset[disabled],
.btn-ll-sm.Danger.disabled:active,
.btn-ll-sm.Danger[disabled]:active,
.btn-ll-sm.Danger:active fieldset[disabled] {
    background-color: #de5e53;
    border-color: #ec282d;
    opacity:0.8;
    pointer-events: none;
}

.btn-ll.Success,
.btn-ll-m.Success,
.btn-ll-sm.Success {
    background-color: #5cd74d;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5cd74d), to(#419641));
    background-image: -webkit-linear-gradient(top, #5cd74d, #419641);
    background-image: -o-linear-gradient(top, #5cd74d,#419641);
    border-color: #8ee883 #32a42c #256320;
    background-repeat: repeat-x;
    color:white;
    outline:none;
}
.btn-ll.Success:hover,
.btn-ll.Success.hover,
.btn-ll.Success:active,
.btn-ll.Success.active,
.btn-ll.Success:focus,
.btn-ll.Success.focus,
.btn-ll-m.Success:hover,
.btn-ll-m.Success.hover,
.btn-ll-m.Success:active,
.btn-ll-m.Success.active,
.btn-ll-m.Success:focus,
.btn-ll-m.Success.focus,
.btn-ll-sm.Success:hover,
.btn-ll-sm.Success.hover,
.btn-ll-sm.Success:active,
.btn-ll-sm.Success.active,
.btn-ll-sm.Success:focus,
.btn-ll-sm.Success.focus {
    background-color: #3e7c3e;
}
.btn-ll.Success:active,
.btn-ll.Success.active,
.btn-ll-m.Success:active,
.btn-ll-m.Success.active,
.btn-ll-sm.Success:active,
.btn-ll-sm.Success.active {
    background-image:none;
}
.btn-ll.Success.disabled,
.btn-ll.Success[disabled],
.btn-ll.Success fieldset[disabled],
.btn-ll.Success.disabled:hover,
.btn-ll.Success[disabled]:hover,
.btn-ll.Success:hover fieldset[disabled],
.btn-ll.Success.disabled:focus,
.btn-ll.Success[disabled]:focus,
.btn-ll.Success:focus fieldset[disabled],
.btn-ll.Success.disabled:active,
.btn-ll.Success[disabled]:active,
.btn-ll.Success:active fieldset[disabled],
.btn-ll-m.Success.disabled,
.btn-ll-m.Success[disabled],
.btn-ll-m.Success fieldset[disabled],
.btn-ll-m.Success.disabled:hover,
.btn-ll-m.Success[disabled]:hover,
.btn-ll-m.Success:hover fieldset[disabled],
.btn-ll-m.Success.disabled:focus,
.btn-ll-m.Success[disabled]:focus,
.btn-ll-m.Success:focus fieldset[disabled],
.btn-ll-m.Success.disabled:active,
.btn-ll-m.Success[disabled]:active,
.btn-ll-m.Success:active fieldset[disabled],
.btn-ll-sm.Success.disabled,
.btn-ll-sm.Success[disabled],
.btn-ll-sm.Success fieldset[disabled],
.btn-ll-sm.Success.disabled:hover,
.btn-ll-sm.Success[disabled]:hover,
.btn-ll-sm.Success:hover fieldset[disabled],
.btn-ll-sm.Success.disabled:focus,
.btn-ll-sm.Success[disabled]:focus,
.btn-ll-sm.Success:focus fieldset[disabled],
.btn-ll-sm.Success.disabled:active,
.btn-ll-sm.Success[disabled]:active,
.btn-ll-sm.Success:active fieldset[disabled] {
    background-color: #54ad56;
    border-color: #57dd4f;
    opacity:0.8;
    pointer-events: none;
}

.mobile_btns {
    width:65px !important;
    min-height:35px !important;
    height:40px;
    /*position: fixed;
    float: left;
    left: 0;
    top: 320px;*/
}
.mobile_one_btn {
    min-width: 55px;
    width: 65px;
    max-width: 150px;
    min-height: 35px;
    height: 40px;
    max-height: 120px;
}
.mobile_one_btn.pressed {
    background-image: linear-gradient(to bottom, #0e0c5d 0%, #000837 100%) !important;
    background-position: 0 !important;
}
.mobile_one_btn.pressed:hover,.mobile_one_btn.pressed:focus {
    background-image: linear-gradient(to bottom, #151285 0%, #000f66 100%) !important;
    background-position: 0 !important;
    font-weight: bold;
}
.upload_container {
    border: 1px dashed black;
    margin: 5px;
    width: 320px;
    height: 100px;
    text-align:center;
}
.upload_body {
    vertical-align: middle;
    display: block;
    padding: 40px;
}
.upload_body_full {
    vertical-align: top;
    display: block;
    padding: 10px;
    text-align: left;
    color: black !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upload_plus_btn {
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    width: 30px;
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    background-color: #54ad56;
    color: white;
    vertical-align: middle;
    text-align: center;
}

.hidden {
    display: none !important;
    width: 0;
    height: 0;
}