body {
    background: #f0eeef url(../pic/bg_body.gif) repeat-y 0 0;
    height: 100% !important;
    min-height: 100%;
}

body.iframe {
    height: auto !important;
    min-height: auto !important;
}

.container {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

header {
    height: 110px;
    width: 100%;
    background: transparent url(../pic/bg_header.png) repeat-x 0 0;
    float: left;
    z-index: 1001;
    position: relative;
}

#header-menu {
    float: right;
    height: 80px;
    background: transparent url(../pic/bg_header-menu.png) no-repeat top right;
    min-width: 760px;
}

.systemtitle {
    float: right;
    font-size: 16px;
    color: #525051;
    padding-top: 8px;
}

span.username {
    font-size: 12px;
    float: right;
    padding-top: 2px;
}

#header-menu ul {
    float: right;
    margin: 15px 10px;
    padding: 0;
    list-style: none;
}

#header-menu ul li {
    float: left;
    clear: none;
}

#header-menu ul li a {
    display: block;
    text-indent: -10000px;
    margin-left: 8px;
}

#header-menu ul li.logout a {
    width: 24px;
    height: 23px;
    background: transparent url(../pic/logout.png) no-repeat 0 0;
}

#header-menu ul li.help a {
    width: 24px;
    height: 23px;
    background: transparent url(../pic/help.png) no-repeat 0 0;
}

#header-menu ul li.dailyreport a {
    width: 25px;
    height: 26px;
    background: transparent url(../pic/dailyreport.png) no-repeat 0 0;
}

#header-menu ul li.messages a {
    width: 26px;
    height: 19px;
    background: transparent url(../pic/bg-messages.png) no-repeat 0 0;
    margin-top: 3px;
    position: relative;
}

#header-menu li.lastTaskActivities {
    width: 20px;
    height: 23px;
    background: transparent url(../pic/lasttaskactivities.png) no-repeat 0 0;
    text-indent: -10000px;
    cursor: pointer;
}

#header-menu li.lastFileExports {
    width: 20px;
    height: 24px;
    background: transparent url(../pic/lastfileexports.png) no-repeat 0 0;
    text-indent: -10000px;
    cursor: pointer;
    margin-right: 8px;
}

#header-menu li.calendar {
    width: 25px;
    height: 23px;
    background: transparent url(../pic/calendar_icon.png) no-repeat 0 0;
    text-indent: -10000px;
    cursor: pointer;
    margin-right: 8px;
}

#header-menu li.dashboard a{
    width: 25px;
    height: 23px;
    background: transparent url(../pic/bg-config.png) no-repeat 0 0;
    text-indent: -10000px;
    cursor: pointer;
    margin-right: 8px;
}

#header-menu li.termekvillamnezet-btn a{
    width: 15px;
    height: 27px;
    zoom: 0.9;
    background: transparent url(../pic/lightning.png) no-repeat 0 0;
    text-indent: -10000px;
    cursor: pointer;
    margin-right: 0px;
}

#header-menu ul li.messages a small {
    position: absolute;
    right: -6px;
    top: -8px;
    padding: 0;
    background: #37bae3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzdiYWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0NzM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #37bae3 0%, #04739o 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #37bae3), color-stop(100%, #047395));
    background: -webkit-linear-gradient(-45deg, #37bae3 0%, #047395 100%);
    background: -o-linear-gradient(-45deg, #37bae3 0%, #047395 100%);
    background: -ms-linear-gradient(-45deg, #37bae3 0%, #047395 100%);
    background: linear-gradient(-45deg, #37bae3 0%, #047395 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37bae3', endColorstr='#047395', GradientType=1);
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 8px;
    line-height: 1;
    font-weight: bold;
    text-indent: 0;
    text-align: center;
    display: block;
    width: 15px;
    height: 12px;
    border: 1px solid #fff;
    line-height: 12px;
    color: #fff;
}

/** titlebar **/

div.titlebar {
    width: 100%;
    clear: both;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    position: relative;
}

div.titlebar span {
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: transparent url(../pic/bg_header.png) repeat-x bottom left;
}

/** main menu **/

#horizontal-menu-container {
    float: left;
    clear: both;
    width: 190px;
    /*padding-top: 15px;*/
}

#horizontal-menu-container li {
    display: -moz-inline-stack;
    display: block;
    clear: both;
    margin: 0 0 5px 0;
    font-weight: bold;
    width: 190px;
    height: 55px;
    background: url(../pic/bg-app-menu-items.png) 100% 0 no-repeat;
}

#horizontal-menu-container a {
    display: block;
    float: left;
    padding: 0;
    background: none;
    color: #eee;
    width: 135px;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    font-family: Arial;
    text-align: left;
    padding-left: 55px;
    text-decoration: none;
}

#horizontal-menu-container li:hover,
#horizontal-menu-container li:focus,
#horizontal-menu-container li.horizontal-current {
    background: url(../pic/bg-app-menu-items-hover.png) 100% 0 no-repeat;
}

#horizontal-menu-container a.ertekesites {
    background: url(../pic/bg-ertekesites.png) 13px 13px no-repeat
}

#horizontal-menu-container ul li.konyveles a {
    background: url(../pic/bg-konyveles.png) 13px 13px no-repeat
}

#horizontal-menu-container ul li.settings a {
    background: url(../pic/bg-settings.png) 11px 13px no-repeat
}

#horizontal-menu-container ul li.mail a {
    background: url(../pic/bg-mail.png) 10px 15px no-repeat
}

#horizontal-menu-container ul li.imports a {
    background: url(../pic/bg-import.png) 8px 5px no-repeat
}

#horizontal-menu-container ul li.szamlazas a {
    background: url(../pic/bg-szamlazas.png) 13px 11px no-repeat
}

#horizontal-menu-container ul li.logisztika a {
    background: url(../pic/bg-logisztika.png) 13px 11px no-repeat
}

#horizontal-menu-container ul li.munkanaplo a {
    background: url(../pic/bg-munkanaplo.png) 13px 11px no-repeat
}

#horizontal-menu-container ul li.crm a {
    background: url(../pic/bg-crm.png) 13px 11px no-repeat
}

#horizontal-menu-container ul li.adatfelvetel a {
    background: url(../pic/bg-adatfelvetel.png) 13px 13px no-repeat
}

#horizontal-menu-container ul li.megrendeles a {
    background: url(../pic/bg-megrendeles.png) 13px 13px no-repeat
}

#horizontal-menu-container ul li.kampany a {
    background: url(../pic/bg-kampany.png) 15px 13px no-repeat
}

#horizontal-menu-container ul li.ugyfelkapu a {
    background: url(../pic/bg-ugyfelkapu.png) 12px 13px no-repeat
}

#horizontal-menu-container ul li.projects a {
    background: url(../pic/bg-projects.png) 18px 14px no-repeat
}

#horizontal-menu-container ul li.hr a {
    background: url(../pic/bg-hr.png) 9px 13px no-repeat
}

#horizontal-menu-container ul li.documents a {
    background: url(../pic/bg-edoc.png) 14px 11px no-repeat
}

#horizontal-menu-container ul li.logs a {
    background: url(../pic/bg-log.png) 12px 11px no-repeat
}

#horizontal-menu-container ul li.vir a {
    background: url(../pic/bg-vir.png) 12px 11px no-repeat
}

#horizontal-menu-container ul li.pincer a {
    background: url(../pic/bg-pincer.png) 12px 14px no-repeat
}

#horizontal-menu-container ul li.gyartas a {
    background: url(../pic/bg-gyartas.png) 12px 14px no-repeat
}

#horizontal-menu-container ul li.email a {
    background: url(../pic/bg-email.png) 12px 18px no-repeat
}

#horizontal-menu-container ul li.sensors a {
    background: url(../pic/bg-raktar.png) 12px 18px no-repeat
}

/** slim **/

body.slim {
    background: #f0eeef url(../pic/bg_slim.png) repeat-y 0 0;
    height: 100% !important;
    min-height: 100%;
}

#horizontal-menu-container.slim ul,
#horizontal-menu-container.slim ul li {
    width: 55px !important;
}

#horizontal-menu-container.slim ul li a {
    width: 54px !important;
    padding: 0;
    text-indent: -10000px;
}

#horizontal-menu-container.slim ul li:hover,
#horizontal-menu-container.slim ul li:focus,
#horizontal-menu-container.slim ul li.horizontal-current {
    background: url(../pic/bg-app-menu-items-slim-hover.png) 100% 0 no-repeat;
}

/** vertical-menu-container **/

#vertical-menu-container {
    width: 201px;
    position: absolute;
    left: 54px;
}

#vertical-menu-container ul {
    /*margin-top: 15px;*/
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 199px;
    background: transparent url(../pic/bg_submenu.png) repeat-y 0 0;
}

#vertical-menu-container ul li {
    padding: 0;
    /*line-height: 40px;*/
    clear: both;
    list-style: none;
}

#vertical-menu-container ul li a {
    display: block;
    /*height: 40px;*/
    padding: 13px 12px;
    font-size: 12px;
    /*line-height: 40px;*/
    border: 1px solid transparent;
    text-decoration: none !important;
    cursor: pointer;
    white-space: normal;
    text-shadow: 1px 2px 1px #2d2c2c;
    background: url(../pic/bg-secondary-1st.png) bottom left no-repeat;
    color: #fff;
}

#vertical-menu-container ul li a:hover {
    background: #2d98b9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOThiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFlOGNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTg0YTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d98b9), color-stop(50%, #1e8cae), color-stop(100%, #1a84a5));
    background: -webkit-linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%);
    background: -o-linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%);
    background: -ms-linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%);
    background: linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d98b9', endColorstr='#1a84a5', GradientType=0);
    border-bottom: 1px solid #72797c;
/*    line-height: 39px;
    height: 39px;*/
}

#vertical-menu-container ul li.opened a {
    background: #eaeaea;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eaeaea 0%, #c3c3c3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #c3c3c3));
    background: -webkit-linear-gradient(top, #eaeaea 0%, #c3c3c3 100%);
    background: -o-linear-gradient(top, #eaeaea 0%, #c3c3c3 100%);
    background: -ms-linear-gradient(top, #eaeaea 0%, #c3c3c3 100%);
    background: linear-gradient(to bottom, #eaeaea 0%, #c3c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c3c3c3', GradientType=0);
    border-bottom: 1px solid #3c3b3b;
    color: #000;
    text-shadow: 1px 2px 1px #e9e9e9;
/*    line-height: 39px;
    height: 39px;*/
}

#vertical-menu-container ul li ul {
    display: none;
}

#vertical-menu-container ul li.opened ul {
    display: block;
    margin: 0 0 0 -1px !important;
    padding: 0 !important;
    width: 199px !important;
}

#vertical-menu-container ul li.opened ul li {
 /*   height: 30px !important;
    line-height: 30px !important;*/
}

#vertical-menu-container ul li.opened ul li a {
    /*height: 29px !important;
    line-height: 29px !important;*/
    background: #484647;
    color: #fff;
    text-shadow: 1px 2px 1px #242323;
    border-bottom: 1px solid #3a393a !important;
    padding: 13px 10px;
}

#vertical-menu-container ul li.opened ul li a:hover,
#vertical-menu-container ul li.opened ul li.vertical-current a {
    background: #2d98b9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOThiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFlOGNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTg0YTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d98b9), color-stop(50%, #1e8cae), color-stop(100%, #1a84a5)) !important;
    background: -webkit-linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%) !important +;
    background: -o-linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%) !important;
    background: -ms-linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%) !important;
    background: linear-gradient(top, #2d98b9 0%, #1e8cae 50%, #1a84a5 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d98b9', endColorstr='#1a84a5', GradientType=0) !important;
    border-bottom: 1px solid #72797c;
}

div.leftmenu {
    width: 255px;
    position: absolute;
    margin-top: 110px;
    z-index: 0;
}

/** container-body **/

div.container-body {
    width: 100%;
    height: 100%;
}

div.inside {
    margin: 0 0 0 190px;
    overflow: auto;
    clear: both;
    background: transparent url(../pic/bg_inside.gif) repeat-x 0 0;
    padding-right: 55px;
    overflow-x: hidden;
    z-index: 100;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.helper {
    padding: 10px 10px !important;
    /*float: left;*/
    width: 100%;
    overflow: auto;
    overflow-x: hidden !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.helper.overflow-helper {
    overflow:visible!important;
}
/*Filters*/

.filterContainer {
    width: 100%;
    clear: both;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 10px;
}

.filtertitle,
h2 {
    padding-left: 10px;
    margin: 0 0 10px -10px !important;
    height: 50px;
    line-height: 50px;
    color: #555555 !important;
    text-shadow: 1px 1px 1px #fbfbfb;
    background: transparent url(../pic/bg_filtertitle.gif) repeat-x left bottom;
    font-size: 14px !important;
    box-sizing: border-box;
}

h2 {
    margin: 15px 0 0 0 !important;
}

.newPartnerForm h2 {
    background: none;
    background-color: #cdedf8;
    font-size: 12px;
    border: 1px solid #a0ddf0;
    font-family: Arial;
    margin-top: 15px !important;
}

.newPartnerForm .form-item {
    margin-bottom: 10px;
}

.ui-dialog h2 {
    clear: both !important;
    /*width: 100%;*/
}

.filterContainer select {
    float: left;
    clear: none;
}

.filterContainer .filters {
    padding: 10px 0 0 0;
    float: left;
    width: 100%;
    clear: both;
}

.filterContainer .filter-item {
    clear: both;
    width: 100%;
    padding-bottom: 5px;
    float: left;
}

.filterContainer .controll {
    clear: both;
    padding: 10px 10px 10px 0;
    float: left;
}

.filterContainer button {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #c6c6c6;
    background: #F4F2F2;
    font: 12px Arial !important;
    font-weight: normal;
    text-transform: none;
    text-shadow: #eee 0 1px 0;
    color: #4C4C4C;
    line-height: 28px;
    white-space: nowrap !important;
    height: 28px;
    padding: 0 8px !important;
    float: left;
    width: auto !important;
    background: #eaeaea;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2M3YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #c7c7c7));
    background: -webkit-linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    background: -o-linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    background: -ms-linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    background: linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c7c7c7', GradientType=0);
    display: inline-block;
    color: #555;
    float: left;
    clear: none;
}

.filterContainer select {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border: 1px solid #CECBCB;
    vertical-align: middle;
    outline: none;
    height: 30px;
    line-height: 30px;
}

.filterContainer input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    border: 1px solid #D4D4D4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #fff;
    height: 30px;
    line-height: 30px;
    float: left;
}

div.filters input[type=text].ui-autocomplete-input {
    width: 221px !important;
}

.delFilter {
    margin: 8px 0 0 5px !important
}

.whitecontainer {
    margin: 10px 0;
    background-color: #fff;
    border-radius: 7px;
    -moz-border-radius: 7px;
    width: auto;
    padding: 10px;
    clear: both;
    border: 1px solid #d4d2d3;
    -moz-box-shadow: 3px 3px 3px -3px #d4d2d3;
    -webkit-box-shadow: 3px 3px 3px -3px #d4d2d3;
    box-shadow: 3px 3px 3px -3px #d4d2d3;
}

.buttonContainer,
.button-container {
    width: 100%;
    clear: both;
    float: left;
    padding: 0 0 10px 10px;
}

.button-container button {
    margin-top: 15px !important;
}

.rightmenuhelper .buttonContainer {
    padding: 0 0 10px 0;
}

.tablelist {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    overflow-x: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.spacer {
    font-size: 1px;
    clear: both;
}

.tablelistStyle {
    width: 1085px;
    margin-left: 10px;
    margin-top: 30px;
}

.ui-jqgrid-titlebar {
    height: 17px;
}

.text-loading {
    position: absolute;
    font-size: 18px;
    color: #555;
    font-style: italic;
    text-align: center;
    display: block;
    min-width: 128px;
    background: rgba(255, 255, 255, .9);
}

/*Icons*/
.icon-16 {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.icon-24 {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 5px;
}

.icon-32 {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 5px;
}

.icon-128 {
    width: 128px;
    height: 128px;
    float: left;
    margin-right: 5px;
}

.icon-loading {
    background: url('../pic/icon-loading.png') no-repeat;
}

.icon-add {
    background: url('../pic/add.png') no-repeat;
}

.icon-minus {
    background: url('../pic/minus.png') no-repeat;
}

.icon-copy {
    background: url('../pic/copy.png') no-repeat 0 5px;
}

.icon-edit {
    background: url('../pic/edit.png') no-repeat;
}

.icon-del {
    background: url('../pic/del.png') no-repeat;
}

.icon-filter-add {
    background: url('../pic/filter_add.png') no-repeat;
}

.icon-reset {
    background: url('../pic/icon-reset.png') no-repeat;
}

.icon-images {
    background: url('../pic/icon-images.png') no-repeat;
}

input[type='text'].ui-autocomplete-loading {
    background: transparent url('../pic/icon-mini-loading.png') right center no-repeat;
}

.icon-export {
    background: url('../pic/icon-export.png') no-repeat;
}

.icon-excel {
    background: url('../pic/icon-excel.png') no-repeat;
}

.icon-csv {
    background: url('../pic/icon-csv.png') no-repeat;
}

.icon-pdf {
    background: url('../pic/icon-pdf.png') no-repeat;
}

.icon-warning {
    background: url('../pic/icon-warning.png') no-repeat;
    margin-top: 4px;
    margin-right: 15px;
}

.icon-small-warning {
    background: url('../pic/icon-small-warning.png') no-repeat;
    margin-top: 1px;
}

.icon-connect {
    background: url('../pic/icon-connect.png') no-repeat;
}

.icon-raktarkeszlet {
    background: url('../pic/icon-raktarkeszlet.png') no-repeat;
}

.icon-printer {
    background: url('../pic/icon-printer.png') no-repeat;
}

.icon-generate {
    background: url('../pic/icon-generate.png') no-repeat;
}

.icon-foglal {
    background: url('../pic/icon-foglal.png') no-repeat;
}

.icon-filter-load {
    background: url('../pic/filter-load.png') no-repeat;
}

.icon-recycle-bin {
    background: url('../pic/icon-recycle-bin.png') no-repeat;
}

.icon-image-remove {
    background: url('../pic/image-remove.png') no-repeat;
}

.icon-image-remove2 {
    background: url('../pic/image_remove.png') no-repeat;
}

.icon-submit {
    background: url('../pic/icon-submit.png') no-repeat;
}

.icon-cancel {
    background: url('../pic/icon-cancel.png') no-repeat;
}

.icon-draft {
    background: url('../pic/icon-draft.png') no-repeat;
}

.icon-enable {
    background: url('../pic/icon-enable.png') no-repeat;
}

.icon-disable {
    background: url('../pic/icon-disable.png') no-repeat;
}

.icon-bevetelezes {
    background: url('../pic/icon-bevetelezes.png') no-repeat;
}

.icon-error-report {
    background: url('../pic/icon-error-report.png') no-repeat;
}

.icon-error-add {
    background: url('../pic/icon-error-add.png') no-repeat;
}

.icon-close-state {
    background: url('../pic/icon-close-state.png') no-repeat;
}

.icon-store {
    background: url('../pic/icon-store.png') no-repeat;
}

.icon-raktarforgalom-be {
    background: url('../pic/icon-raktarforgalom-be.png') no-repeat;
}

.icon-raktarforgalom-ki {
    background: url('../pic/icon-raktarforgalom-ki.png') no-repeat;
}

.icon-add-tag {
    background: url('../pic/icon-add-tag.png') no-repeat;
}

.icon-download {
    background: url('../pic/icon-download.png') no-repeat;
}

.icon-archives {
    background: url('../pic/icon-archives.png') no-repeat;
}

.icon-16.icon-copy {
    margin-left: -5px;
    height: 21px !important;
    display: block;
}

/*Thumbnails*/

.image-small {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
}

.remove-cross {
    margin-left: 117px;
    margin-top: -143px;
    position: absolute;
}

/*DateTime picker*/
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

/*grid fix, tooltip miatt*/
.claret-background {
    background: #630000;
}

.form-item div.title {
    width: 200px;
    text-align: right;
    float: left;
    clear: none;
    padding-right: 5px;
    line-height: 30px;
    color: #555555 !important;
    font-size: 12px;
}

.billdetails .form-item {
    float: none;
}
.billdetails .billdetailsblock {
    background-color: #fff;
    color: #555555 !important;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 10px 0;
}
.inside .billdetailsblock h2 {
    box-sizing: border-box;
    color: #000 !important;
    border: 0 !important;
    padding: 5px 10px !important;
    margin: 0 !important;
    line-height: normal;
    height: auto;
    background: transparent;
}
.inside .billdetailsblock .form-item.float-left {
    float: none;
    margin: 0;
    width: 100%;
    min-width: 0 !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    min-height: 0;
}
.billdetails .form-item div.title {
    padding: 5px 0 !important;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: bold;
}
.billdetailsblock.multiple .col-md-3:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: "";
    background: #E7E7E7;
}
.billdetailsblock.multiple .row .col-md-3:last-child:after {
    display: none;
}
.billdetails .form-item div.input {
    font-size: 12px !important;
    padding: 5px 5px 0 5px !important;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.billdetails .form-item.textarea .input {
    clear: both;
}

#partnerMerlegEredmenye .form-item div.title {
    height: 40px;
    display: table-cell !important;
    position: relative;
}

#partnerMerlegEredmenye .form-item div.title span {
    position: absolute;
    bottom: 0;
}

.form-item div.title * {
    color: #555555 !important;
}

.form-item input[type=text],
.form-item input[type=password],
.helper textarea,
.ui-dialog textarea,
.form-item textarea {
    width: 230px;
    height: 30px !important;
    line-height: 30px !important;
    border: 1px solid #D4D4D4 !important;
    background-color: white;
    border-radius: 2px !important;
    float: left !important;
    clear: none !important;
    margin: 0;
    outline: none;
    padding: 0 5px;
    color: #555;
    font: 12px Arial;
}

.form-item {
    float: left;
    margin: 10px 0 0 10px;
    min-width: 450px;
    min-height: 46px;
}

.helper textarea,
.ui-dialog textarea,
.form-item textarea {
    width: 489px !important;
    height: 100px !important;
    padding: 5px !important;
    overflow: auto !important;
    resize: none !important;
    line-height: 16px !important;
}

.form-item.textarea div.title {
    width: 500px !important;
    clear: both !important;
}

.form-item.textarea,
.ui-dialog .textarea {
    width: 730px;
    padding-bottom: 10px;
    clear: left !important;
}

.form-item.textarea:before,
.form-item.textarea:after {
    display: table;
    content : '';
    width: 100%;
    clear: both;
}

.form-item input[type=text],
.form-item input[type=password],
button {
    outline: none !important;
}

select {
    outline: none;
    overflow: auto !important;
}

select[name=filter-load-select] {
    width: 469px;
    margin: 0;
}

#maps {
    position: absolute;
    z-index: 1000;
    float: left;
}

.ui-datepicker td.week-highlight a {
    background: none repeat scroll 0 0 yellow !important;
    border: 1px solid #D4D4D4 !important;
    color: #555555 !important;
    display: block;
    font-size: 11px !important;
    height: 20px;
    padding: 8px 0 0 !important;
    text-align: center;
    text-decoration: none;
    width: 28px;
}

.userOwnWorktime-background {
    background-color: yellow !important;
}

.increaseInputs .pnotifyTrueData {
    border: 1px solid #99FF00 !important;
}

.increaseInputs .pnotifyFalseData {
    border: 1px solid red !important;
}

.form-item .pnotifyTrueData {
    border: 1px solid #99FF00 !important;
}

.form-item .pnotifyFalseData {
    border: 1px solid red !important;
}

#partnerekMerlegEredmenySubmit-Form .form-item {
    min-width: 300px !important;
}

.form-item {
    float: left;
    /*width: 250px !important;*/
    min-width: 250px !important;
    position: relative;
}

.form-item.clearleft {
    clear: left !important;
}

.increaseInputs,
.elozmenyTetelek {
    padding: 10px 0;
    background-color: #fff;
    /*background-color: #F0EEEF;*/
    width: 100%;
    float: left;
    clear: both;
    z-index: 100;
    /*position: relative;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
}

html #tabs input[type=text],
html #tabs input[type=password],
html .tabs input[type=text],
html .tabs input[type=password] {
    width: 230px;
    height: 28px !important;
    line-height: 28px !important;
    border: 1px solid #D4D4D4 !important;
    background-color: white !important;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    float: left !important;
    clear: none !important;
    margin: 0;
    outline: none;
    padding: 0 5px;
    color: #555;
    font: 12px Arial;
}

.form-item .title {
    width: 100% !important;
    text-align: left !important;
    float: left !important;
    clear: right !important;
    line-height: 16px !important;
    color: #555 !important;
    font-size: 12px;
    padding: 0 !important;
    clear: both;
}

.form-item input[type=text],
.form-item input[type=password] {
    clear: both !important;
}

.increaseButtons {
    float: left;
    clear: both;
    padding: 10px 0 10px 12px;
}

.inside button,
.increaseButtons button,
.buttonContainer button,
.ui-dialog .buttonContainer button,
.ui-dialog button,
.filterContainer button,
.buttonContainer input[type="submit"] {
    float: left;
    margin: 0;
    clear: none;
    border-radius: 2px;
    font: 12px Arial;
    color: white;
    border: 1px solid #0698C6;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    margin: 0 5px 0 0;
    background: #1FB1DF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYjFkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjk4YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1FB1DF), color-stop(100%, #0698C6));
    background: -webkit-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -o-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -ms-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fb1df', endColorstr='#0698c6', GradientType=0);
    cursor: pointer;
    font-weight: bold;
    text-shadow: 1px 1px 1px #096986;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.inside button.ui-multiselect {
    padding: 0 0 0 5px;
}

.increaseButtons button[disabled] {
    opacity: .4;
    cursor: default;
}

.ui-dialog .buttonContainer button {
    margin: 10px 0 0 10px;
}

input[type=button].uploadButton {
    float: right;
    margin: 0;
    width: 60px;
    clear: none;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    font: 12px Arial;
    color: white;
    border: 1px solid #0698C6;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    /*margin: 0 5px 0 0;*/
    margin: 0 1px 0 0;
    background: #1FB1DF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYjFkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjk4YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1FB1DF), color-stop(100%, #0698C6));
    background: -webkit-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -o-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -ms-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fb1df', endColorstr='#0698c6', GradientType=0);
    cursor: pointer;
    font-weight: normal;
    text-shadow: 1px 1px 1px #096986;
    color: #fff !important;
    font-size: 11px;
}

span.fileUpload input#image_input {
    width: 134px !important;
    border-right: 0;
    border-radius: 2px 0 0 2px !important;
    -moz-border-radius: 2px 0 0 2px !important;
}

.inside h2 {
    clear: both;
}

.leftopener {
    position: relative;
    z-index: 100;
    display: block;
    float: left;
    width: 22px;
    height: 17px;
    background: transparent url(../pic/leftopener.png) no-repeat 0 0;
    margin: 6px 0 0 167px;
}

.leftcloser {
    position: relative;
    z-index: 100;
    display: block;
    float: left;
    width: 22px;
    height: 17px;
    background: transparent url(../pic/leftcloser.png) no-repeat 0 0;
    margin: 6px 0 0 10px;
}

button.save,
button.submit {
    margin-top: 5px !important;
}

.filterContainer button.ui-multiselect.ui-widget.ui-state-default {
    width: 241px !important;
    margin-right: 5px !important;
    height: 30px !important;
    line-height: 30px !important
}

.mb20 {
    margin-bottom: 20px !important;
}

.tac {
    text-align: center !important;
}

.validationValid,
.ui-multiselect.validationValid,
.ui-dialog .form-item input[type="text"].validationValid,
.ui-dialog .form-item textarea.validationValid,
.ui-dialog table input[type="text"].validationValid {
    border: 1px solid #99FF00 !important;
}

.validationInvalid,
.ui-multiselect.validationInvalid,
.ui-dialog .form-item input[type="text"].validationInvalid,
.ui-dialog .form-item textarea.validationInvalid {
    border: 1px solid red !important;
}

.picContener {
    float: left;
    clear: both;
    width: 100%;
    padding: 20px 10px 10px 10px;
}

.pictures {
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
}

.pictures a {
    display: block;
    padding: 2px;
    position: relative;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    float: left;
}

.pictures a.defaultPicture {
    padding: 1px;
    border: 2px solid #0798c6;
}

.pictures a img {
    z-index: 1;
    float: left;
    display: block;
}

.pictures span {
    display: none;
}

.pictures:hover span {
    display: block;
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 21px;
    text-indent: -10000px;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background: transparent url(../pic/delpic.png) no-repeat 0 0;
}

.pictures:hover span.delPic,
.pictures:hover span.defaultPic {
    display: block;
    position: absolute;
    z-index: 2;
    width: 24px;
    height: 24px;
    text-indent: -10000px;
    top: 5px;
    left: auto;
    right: 5px;
    cursor: pointer;
    background: transparent url(../pic/delpic.png) no-repeat 0 0;
}

.pictures:hover span.defaultPic {
    background: transparent url(../pic/defaultpic.png) no-repeat 0 0;
    top: 34px;
}

html #tabs input[type=text][readonly="readonly"].hasDatepicker,
.form-item input[type=text][readonly="readonly"].hasDatepicker,
.form-item input[type=password][readonly="readonly"].hasDatepicker,
.helper textarea[readonly="readonly"].hasDatepicker,
.ui-dialog textarea[readonly="readonly"].hasDatepicker {
    background-color: #fff !important;
}

html #tabs input[type=text][readonly="readonly"],
.form-item input[type=text][readonly="readonly"],
.form-item input[type=password][readonly="readonly"],
.helper textarea[readonly="readonly"],
.ui-dialog textarea[readonly="readonly"],
.ui-dialog input[readonly="readonly"],
.ui-dialog table input[type="text"][readonly="readonly"],
html #tabs input[type=text][disabled="disabled"],
.form-item input[type=text][disabled="disabled"],
.form-item input[type=password][disabled="disabled"],
.helper textarea[disabled="disabled"],
.ui-dialog textarea[disabled="disabled"],
.form-item input[disabled],
html #tabs input.hasDatepicker[type="text"][readonly="readonly"][disabled="disabled"],
html #tabs input[type=text].ui-autocomplete-input:disabled, html .tabs input[type=text].ui-autocomplete-input:disabled,
html .tabs input.hasDatepicker[type="text"][readonly="readonly"][disabled="disabled"] {
    background-color: #F6F4F5 !important;
}

/* VIR */

#vertical-menu-container2 {
    right: 0;
    position: absolute;
    width: 201px;
    top: 110px;
    background: url(../pic/bg_submenu.png) repeat-y scroll 0 0 transparent;
    z-index: 1000 !important;
}

#vertical-menu-container2 ul {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    width: 199px;
}

#vertical-menu-container2 ul li {
    clear: both;
    line-height: 40px;
    list-style: none outside none;
    padding: 0;
}

#vertical-menu-container2 ul li a {
    background: url(../pic/bg-secondary-1st.png) no-repeat scroll left bottom transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 40px;
    padding: 0 12px;
    text-decoration: none !important;
    text-shadow: 1px 2px 1px #2D2C2C;
    white-space: normal;
}

#vir-dashboard .dashboard-item {
    border: 1px solid #E6E4E5;
    height: 500px;
    float: left;
    margin: 10px 10px 0 10px;
    width: 50%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#vir-dashboard .dashboard-item .diagram {
    height: 240px !important;
}

#vir-dashboard .dashboard-item .diagram canvas {
    height: 240px !important;
}

.vircontent {
    display: block;
    padding: 0;
    background: none !important;
    border: 1px solid #D4D4D4;
    background-color: #fff !important;
    margin-top: 12px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    width: 100%;
    width: -webkit-calc(100% - 165px);
    width: -moz-calc(100% - 165px);
    width: calc(100% - 165px);
    padding-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;

}

table.virtable {
    border: 1px solid #E6E4E5;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

table.virtable th,
table.virtable td {
    border-bottom: 1px solid #D9E2E7;
    border-collapse: collapse;
    padding: 3px 5px;
    border-spacing: 0;
    height: 25px;
    font: 11px Arial;
    color: #555555;
    width: 480px;
    background: #fff;
}

table.virtable td:nth-of-type(2) {
    text-align: right;
}

table.virtable th {
    font: 11px Arial;
    padding: 10px 5px;
    color: #555555;
    text-align: center;
    background: #EAF4F8;
    border-bottom: 1px solid #C8D9E1;
}

.vircontent .title {
    width: 100%;
    padding: 0 0 5px 0;
    font-weight: normal;
    text-align: center;
    color: #666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#vertical-menu-container2 h2 {
    position: relative;
    height: auto !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b2b2b2;
    background: #eaeaea;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2M3YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #c7c7c7));
    background: -webkit-linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    background: -o-linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    background: -ms-linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    background: linear-gradient(top, #eaeaea 0%, #c7c7c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c7c7c7', GradientType=0);
    margin: 0 !important;
    padding: 10px 50px 10px 10px !important;
    color: #555555;
    font-size: 12px !important;
    line-height: normal !important;
    font-weight: normal;
    text-shadow: 1px 1px 1px #fff;
    font-family: Ubuntu, Helvetica, sans-serif !important;
    cursor: pointer;
    opacity: 0.5;
}

#vertical-menu-container2 .iPhoneCheckContainer {
    margin-left: 40px;
}

#vertical-menu-container2 li.checked h2 {
    opacity: 1;
}

#vertical-menu-container2 .iPhoneCheckContainer label {
    border: 1px solid #5A5859 !important;
}

p.virload {
    background: transparent url(../pic/ajax-loader.gif) no-repeat 50% 50%;
    line-height: 250px !important;
}

#vertical-menu-container2 h2 button {
    position: absolute;
    margin: -10px 0 0 0 !important;
    top: 50%;
    right: 10px;
    cursor: pointer;
}

#vertical-menu-container2 h2 button.settings {
    right: 40px;
}

#vertical-menu2 h1 {
    color: #FFFFFF;
}

.szbuttonContainer {
    padding: 10px;
    float: left;
    clear: both;
}

button div.icon-16 {
    display: none !important;
}

.filterContainer button div.icon-16 {
    display: block !important;
}

.filterContainer button {
    height: 30px !important;
    /*line-height: 30px !important;*/
}

.errorcontainer {
    text-align: center;
    width: 630px !important;
    height: 230px;
    padding: 20px 0 0 20px;
    margin: 0 auto;
    z-index: 10000;
    border: 1px solid #D4D4D4;
    background-color: #fff !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    z-index: 100000;
    float: left;
    margin: 10px 0 0 0;
}

.errorcontainer img {
    float: left;
    clear: none;
}

.errorcontainer h1 {
    font-size: 40px;
    color: #515567;
    text-align: left;
    padding: 0 !important;
    margin: 30px 0 0 20px !important;
    float: left;
    text-shadow: 1px 1px 1px #fbfbfb;
}

.errorcontainer h2 {
    background: 0;
    text-align: left;
    padding: 0 !important;
    margin: 0 0 0 20px !important;
    line-height: normal;
    float: left;
    height: auto;
    font-size: 18px !important;
}

.errorcontainer p {
    font-size: 14px;
    clear: both;
    text-align: left;
    margin: 20px 0 0 20px !important;
    padding: 0;
    float: left;
    color: #515567;
}

html .requiredInput,
html .tabs .requiredInput,
html #tabs .requiredInput,
html .tabs input.requiredInput,
html #tabs input.requiredInput,
html .tabs input[type=text].requiredInput,
html .ui-dialog input[type=text].requiredInput,
html #tabs input[type=text].requiredInput,
html .tabs textarea.requiredInput,
html .ui-dialog textarea.requiredInput {
    border-left: 3px solid #18AAD8 !important;
}

html .tabs .pnotifyTrueData,
html .tabs .validationValid,
html #tabs .pnotifyTrueData,
html #tabs .validationValid,
html .tabs input.pnotifyTrueData,
html .tabs input.validationValid,
html #tabs input.pnotifyTrueData,
html #tabs input.validationValid,
html .tabs input[type=text].pnotifyTrueData,
html .tabs input[type=text].validationValid,
html #tabs input[type=text].pnotifyTrueData,
html #tabs input[type=text].validationValid {
    border: 1px solid #7CCF00 !important;
}

html .tabs .requiredInput.pnotifyTrueData,
html #tabs .requiredInput.validationValid,
html .ui-dialog .requiredInput.pnotifyTrueData,
html .ui-dialog .requiredInput.validationValid,
html .ui-dialog input[type=text].requiredInput.pnotifyTrueData,
html .ui-dialog input[type=text].requiredInput.validationValid,
html .tabs input.requiredInput.pnotifyTrueData,
html #tabs input.requiredInput.validationValid,
html .tabs input[type=text].requiredInput.pnotifyTrueData,
html #tabs input[type=text].requiredInput.validationValid {
    border: 1px solid #7CCF00 !important;
    border-left: 3px solid #7CCF00 !important;
}

html #tabs .validationInvalid,
html #tabs input.validationInvalid,
html #tabs .ui-multiselect.validationInvalid,
html #tabs .ui-dialog .form-item input[type="text"].validationInvalid,
html .tabs input.validationInvalid,
html .tabs .ui-multiselect.validationInvalid,
html .tabs .ui-dialog .form-item input[type="text"].validationInvalid {
    border: 1px solid red !important;
    border-left: 3px solid red !important;
}

html #tabs .inputError,
html .ui-dialog .inputError,
html .tabs .inputError,
html .tabs .pnotifyFalseData,
html #tabs .pnotifyFalseData {
    border-left: 3px solid red !important;
}

html #tabs .form-item input[type="text"].requiredInput.pnotifyFalseData,
html .tabs .form-item input[type="text"].requiredInput.pnotifyFalseData,
html #tabs .form-item input[type="text"].requiredInput.validationInvalid,
html .tabs .form-item input[type="text"].requiredInput.validationInvalid,
html #tabs .form-item input[type="password"].requiredInput.pnotifyFalseData,
html .tabs .form-item input[type="password"].requiredInput.pnotifyFalseData,
html #tabs .form-item input[type="password"].requiredInput.validationInvalid,
html .tabs .form-item input[type="password"].requiredInput.validationInvalid,
html #tabs .form-item button.requiredInput.pnotifyFalseData,
html .tabs .form-item button.requiredInput.pnotifyFalseData,
html #tabs .form-item button.requiredInput.validationInvalid,
html .tabs .form-item button.requiredInput.validationInvalid,
html #tabs .form-item textarea.requiredInput.pnotifyFalseData,
html .tabs .form-item textarea.requiredInput.pnotifyFalseData,
html #tabs .form-item textarea.requiredInput.validationInvalid,
html .tabs .form-item textarea.requiredInput.validationInvalid,
html #tabs .ui-dialog .form-item input[type="text"].requiredInput.pnotifyFalseData,
html .tabs .ui-dialog .form-item input[type="text"].requiredInput.pnotifyFalseData,
html #tabs .ui-dialog .form-item input[type="text"].requiredInput.validationInvalid,
html .tabs .ui-dialog .form-item input[type="text"].requiredInput.validationInvalid,
html #tabs .ui-dialog .form-item input[type="password"].requiredInput.pnotifyFalseData,
html .tabs .ui-dialog .form-item input[type="password"].requiredInput.pnotifyFalseData,
html #tabs .ui-dialog .form-item input[type="password"].requiredInput.validationInvalid,
html .tabs .ui-dialog .form-item input[type="password"].requiredInput.validationInvalid,
html #tabs .ui-dialog .form-item button.requiredInput.pnotifyFalseData,
html .tabs .ui-dialog .form-item button.requiredInput.pnotifyFalseData,
html #tabs .ui-dialog .form-item button.requiredInput.validationInvalid,
html .tabs .ui-dialog .form-item button.requiredInput.validationInvalid,
html #tabs .ui-dialog .form-item textarea.requiredInput.pnotifyFalseData,
html .tabs .ui-dialog .form-item textarea.requiredInput.pnotifyFalseData,
html #tabs .ui-dialog .form-item textarea.requiredInput.validationInvalid,
html .tabs .ui-dialog .form-item textarea.requiredInput.validationInvalid,
html .ui-dialog .form-item textarea.requiredInput.validationInvalid {
    border: 1px solid red !important;
    border-left: 3px solid red !important;
}

.ui-jqgrid tr.jqgrow.underMinStock-background td {
    background: #FF7E7E;
}

.ui-jqgrid tr.jqgrow.inactiveProduct-background td {
    background: #ffc9c6;
}

.ui-jqgrid tr.jqgrow.overMaxStock-background td {
    background: #C2C2C2;
}

.ui-jqgrid tr.jqgrow.crmExpired-background td {
    background: #FF7E7E;
}

.ui-jqgrid tr.jqgrow.crmUserSettingsExpired-background td {
    background: #53E07D;
}

.nevnapDatePicker .ui-datepicker-year,
.nevnapDatePicker .ui-datepicker-next,
.nevnapDatePicker .ui-datepicker-prev {
    display: none !important;
}

div.feladatComment,
div.attachFeladatBlock,
div.feladatTags {
    top: -35px;
    right: -10px !important;
    background: url(../pic/bg_rightboxes.gif) repeat scroll right top #F0EEEF;
    margin: 0 !important;
    overflow-x: hidden !important;
    position: absolute !important;
    width: 250px !important;
    z-index: 102 !important;
}

div.feladatTags {
    width: 260px !important;
    padding: 10px;
}

div.attachFeladatBlock {
    top: 65px;
}

div.feladatComment {
    top: 15px;
}

div.feladatComment,
div.feladatTags {
    min-height: 135px;
}

div.feladatComment textarea,
div.attachFeladatBlock textarea,
div.feladatTags textarea {
    background: none repeat scroll 0 0 white;
    border: 1px solid #B9B9B9;
    border-radius: 2px 2px 2px 2px;
    color: #555555;
    float: left;
    height: 80px !important;
    line-height: 18px;
    margin: 5px 0 0 5px;
    padding: 5px;
    resize: none;
    width: 178px !important;
}

div.feladatComment button,
div.attachFeladatBlock button,
div.feladatTags button {
    background: linear-gradient(45deg, #FFFFFF 0%, #DEDEDE 100%) repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: #515567 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    margin: 5px 0 0 5px !important;
}

div.feladatComment form,
div.attachFeladatBlock form,
div.feladatTags form {
    list-style: none outside none;

}

div.feladatComment ul,
div.attachFeladatBlock ul,
div.feladatTags ul {
    max-height: 100px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 1002 !important;
    margin: 6px 5px 6px 10px !important;
    padding: 0;
}

div.feladatTags input {
    margin-bottom: 5px;
}

div.attachFeladatBlock ul {
    float: left;
    clear: both;
}

div.feladatComment li,
div.attachFeladatBlock li,
div.feladatTags li {
    color: #fff;
    font-size: 11px;
    font-style: italic;
}

div.attachFeladatBlock .fileUpload input {
    width: 150px !important;
    margin: 0 5px 5px 5px !important;
}

div.attachFeladatBlock .fileUpload {
    float: left;
}

div.attachFeladatBlock input.uploadButton {
    float: right;
    margin: 0 10px 0 0 !important;
}

div.attachFeladatBlock p {
    color: #fff;
    padding: 5px 0 5px 5px !important;
}

div.attachFeladatBlock li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

html #tabs input[type=text].ui-autocomplete-input,
html .tabs input[type=text].ui-autocomplete-input,
html .ui-dialog input[type=text].ui-autocomplete-input {
    background: transparent url(../pic/bg_autoselect.png) no-repeat 100% 11px !important;
    padding-right: 23px;
    width: 214px;
}

html #tabs input[type=text].ui-autocomplete-input:disabled,
html .tabs input[type=text].ui-autocomplete-input:disabled {
    background: #F6F4F5 url(../pic/bg_autoselect.png) no-repeat 100% 11px !important;
}

.ui-autocomplete-group {
    /*font-weight: bold;
    background-color: #EAF4F8 !important;*/
    display: block;
    float: left;
    clear: both;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    color: #fff !important;
    height: auto !important;
    line-height: normal !important;
    background: #1FB1DF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1FB1DF), color-stop(100%, #0698C6));
    background: -webkit-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -o-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -ms-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fb1df', endColorstr='#0698c6', GradientType=0);
    cursor: pointer;
}

.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
}

.karbantartas {
    width: 370px !important;
    text-align: center !important;
    margin-top: 43px;
    font-size: 16px !important;
    color: red !important;
}

.distanceheader {
    background: none;
    border: none;
    width: 100%;
    border: 0;
    height: 38px;
    border-radius: 4px 4px 0 0;
    background: #f4f4f4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
    background: -o-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
    background: linear-gradient(top, #f4f4f4 0%, #dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border-bottom: 1px solid #b5b5b5 !important;
    margin: 0;
    padding: 0;
    border: 1px solid #e7e5e6;
    border-left: 1px solid #d4d2d3;
    border-right: 1px solid #d4d2d3;
    color: #555555;
    font: 14px Arial;
    line-height: 38px;
    text-shadow: 1px 1px 1px #f9f9f9;
    font-weight: normal;
    width: 100% !important;
    position: inherit !important;
    z-index: 0 !important;
    margin-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

table#distance {
    border: 1px solid #d4d2d3;
    border-top: 0;
    border-collapse: collapse;
    border-spacing: 1px !important;
    border-radius: 0 0 4px 4px !important;
}

table#distance td {
    padding: 10px;
    border-bottom: 1px solid #d9e2e6;
    border-spacing: 1px !important;
    font: 11px Arial;
    color: #555555;
}

table#distance tr:last-child td {
    border: 0;

    border-radius: 0 0 4px 4px !important;
}

table#distance td.error {
    background: #ffe5e5 url(../pic/distanceerror.gif) no-repeat 100% 50%;
}

.ui-tooltip {
    background: transparent white !important;
    padding: 5px 0 0 0 !important;
    position: absolute;
    z-index: 10002;
    max-width: 300px;
}

.ui-tooltip div {
    padding: 10px !important;
    font: 12px Arial;
    color: #6b6b6b;
    border-radius: 3px;
    background: #ffffff !important;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    border: 1px solid #e1e1e1;
    border-top: 0;
}

.ui-tooltip.rightmenuTooltip {
    padding: 0 6px 0 0 !important;
    position: absolute;
    z-index: 10002;
    border: 0 !important;
    opacity: 1 !important;
    background: transparent url(../pic/bg_righttooltip.png) no-repeat top right !important;
}

.ui-tooltip.rightmenuTooltip.prod {
    background: transparent !important;
}

.ui-tooltip.rightmenuTooltip div {
    padding: 10px !important;
    font: 12px Arial;
    color: #fff;
    border-radius: 3px;
    background: #2896b8 !important;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    border: 0;
    border-top: 0;
}

.ui-tooltip.leftmenuTooltip {
    padding: 0 0 0 5px !important;
    position: absolute;
    z-index: 9999;
    border: 0 !important;
    opacity: 1 !important;
    background: transparent url(../pic/bg_lefttooltip.png) no-repeat center left !important;
}

.ui-tooltip.leftmenuTooltip div {
    padding: 10px !important;
    font: 12px Arial;
    color: #000;
    border-radius: 3px;
    background: #fff !important;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    border: 0;
    border-top: 0;
}

#projectTasksGantt,
#projectProjectsGantt {
    position: relative;
    float: left;
    height: auto;
    margin: 0 10px 10px 10px;
    width: 100%;
    overflow: hidden;
}

#projectTasksGantt canvas,
#projectProjectsGantt canvas {
    top: 50px;
    left: 0;
    z-index: 1;
}

#tooltipData {
    position: absolute;
    border-radius: 2px;
    z-index: 1000;
    background-color: #2896b8;
    padding: 10px;
    color: #fff;
}

#worksheetTabs {
    width: 100%;
}

table.datatables {
    width: 100%;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    border-spacing: 0;
}

table.datatables th,
table.datatables td {
    border: 0;
    border-bottom: 1px solid #e1eaef;
    background-color: #eaf4f8;
    padding: 10px;
    vertical-align: top;
    font: 11px Arial;
    color: #555555;
    text-align: left;
}

table.datatables th {
    width: 200px !important;
    font-weight: bold;
}

table.datatables td {
    background-color: #fff;
    border-bottom: 1px solid #ecf0f2;
}

table.datatables tr:last-child th,
table.datatables tr:last-child td {
    border: 0;
}

table.datatables tr:first-child th:first-child {
    border-radius: 5px 0 0 0;
}

table.datatables tr:last-child th:first-child {
    border-radius: 0 0 0 5px;
}

table.datatables tr:first-child td:last-child {
    border-radius: 0 5px 0 0;
}

table.datatables tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}

div.gmapp {
    float: left;
    width: 100%;
    width: -webkit-calc(100% - 181px);
    width: -moz-calc(100% - 181px);
    width: calc(100% - 181px);
    padding: 0 0 10px 0;
}

.mapcontainer {
    width: 100%;
    height: 300px;
    float: left;
}

h4 {
    background: none !important;
    border: none !important;
    width: 100% !important;
    border: 0 !important;
    height: 38px !important;
    background: #f4f4f4 !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #dedede 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #dedede)) !important;
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #dedede 100%) !important;
    background: -o-linear-gradient(top, #f4f4f4 0%, #dedede 100%) !important;
    background: -ms-linear-gradient(top, #f4f4f4 0%, #dedede 100%) !important;
    background: linear-gradient(top, #f4f4f4 0%, #dedede 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0) !important;
    border-bottom: 1px solid #b5b5b5 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    border: none !important;
    color: #555555 !important;
    font: 14px Arial !important;
    line-height: 38px !important;
    text-shadow: 1px 1px 1px #f9f9f9 !important;
    font-weight: normal !important;
    width: 100% !important;
    position: inherit !important;
    z-index: 0 !important;
    border-radius: 5px 5px 0 0 !important;
    float: left;
    clear: both;
}

.termekcontent {
    margin: 0 10px 20px 10px;
    border: 1px solid #D8D6D7;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
}

.increase_container h4 {
    border-top: 1px solid #D8D6D7 !important;
    border-radius: 0 !important;
}

#manufactureTabs .increase_container .ui-jqgrid {
    margin-left: 10px !important;
}

#manufactureTabs h2 {
    padding-left: 20px !important;
    font-size: 20px !important;
}

#termekekContainer {
    width: 935px;
    height: 594px;
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
}

#termekListDialog input {
    width: 295px !important;
    /*line-height: 28px !important;*/
    border: 1px solid #D4D4D4 !important;
    background-color: white !important;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    float: left !important;
    clear: none !important;
    margin: 0;
    outline: none;
    padding: 6px 5px 7px 5px !important;
    color: #555;
    font: 12px Arial;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#termekListDialog .buttonContainer {
    width: auto;
    clear: none;
    float: left;
    padding: 0 0 10px 0;
}

#termekListDialog .buttonContainer button {
    margin-top: 0;
    height: 30px !important;
}

#termekekContainer .termekContainer {
    float: left;
    width: 295px;
    height: 190px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #d4d4d4;
    margin: 0 10px 10px 0;
    overflow: hidden;
    padding: 10px;
    position: relative;
}

#termekekContainer .termekContainer input {
    width: 40px !important;
    text-align: right;
}

#termekekContainer .termekContainer span {
    font: 13px Arial;
}

#termekekContainer .termekContainer .termekDetails {
    float: left;
    width: 160px;
    height: 170px;
    position: relative;
}

#termekekContainer #galleryImages {
    float: left;
    width: 110px;
    height: 110px;
}

#termekekContainer #galleryImages img {
    height: 100px;
    width: 100px;
}

#termekekContainer .termekContainer .termekDetails em {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: inherit;
}

#termekekContainer .termekContainer .termekDetails .mennyisegegyseg {
    display: inline-block;
    padding: 0 5px;
    min-width: 20px;
    line-height: 30px;
    float: left;
}

#termekekContainer .termekContainer span.layerProdDesc {
    cursor: help;
    border-bottom: 1px dotted #555;
    color: #555555;
    position: absolute;
    left: 10px;
    bottom: 20px;
}

#termekekContainer .termekContainer .termekDetails button {
    display: inline-block;
    margin: 0;
    clear: none;
    border-radius: 2px;
    font: 12px Arial;
    color: white;
    border: 1px solid #0698C6;
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 10px;
    margin: 0;
    background: #1FB1DF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1FB1DF), color-stop(100%, #0698C6));
    background: -webkit-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -o-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: -ms-linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    background: linear-gradient(top, #1FB1DF 0%, #0698C6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fb1df', endColorstr='#0698c6', GradientType=0);
    cursor: pointer;
    font-weight: bold;
    text-shadow: 1px 1px 1px #096986;
}

#termekListDialog #pager {
    width: 100%;
    float: left;
    clear: both;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    height: 40px;
}

#termekListDialog #pager a {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -10000px;
}

#termekListDialog #pager a#last {
    background: transparent url(../pic/jqgrid_pager/pager_last.png) no-repeat !important
}

#termekListDialog #pager a#next {
    background: transparent url(../pic/jqgrid_pager/pager_right.png) no-repeat !important
}

#termekListDialog #pager a#first {
    background: transparent url(../pic/jqgrid_pager/pager_first.png) no-repeat !important
}

#termekListDialog #pager a#prev {
    background: transparent url(../pic/jqgrid_pager/pager_left.png) no-repeat !important;
    margin-right: 15px
}

#termekListDialog #pager span {
    display: inline-block;
}

#termekListDialog #pager input[type="text"] {
    width: 26px !important;
    padding: 3px 5px !important;
    border-radius: 0 !important;
    display: inline-block;
    float: none !important;
    text-align: center !important;
    border: 1px solid #416F87 !important;
}

#termekListDialog #pager span#sumpage {
    padding-right: 15px;
}

.ui-dialog #createPartner {
    height: 600px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.vevoLimit {
    position: absolute;
    bottom: 35px;
    right: 15px;
}

/**
    resizeableTable
                    **/

table.resizeableTable {
    clear: both;
    border: 1px solid #d4d4d4 !important;
    border-radius: 5px !important;
    margin: 10px;
    float: left;
    border-spacing: 1px;
    table-layout: fixed;
    background-color: #fff;
    /*border-collapse: collapse;*/
}

html .tabs table.resizeableTable,
html #tabs table.resizeableTable {
    width: calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: -webkit-calc(100% - 20px) !important;
}

html #tabs table.resizeableTable input[type="text"],
html .tabs table.resizeableTable input[type="text"] {
    margin: 0;
    width: 100%;
    text-align: right !important;
    float: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

table.resizeableTable td {
    padding: 1px 5px;
    margin: 0;
    border-right: 1px solid #ecf0f2;
    border-bottom: 1px solid #ecf0f2;
    background-color: #fff;
    /*width: 119px !important;*/
    vertical-align: middle;
    /*white-space: nowrap;*/
    text-align: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 28px !important;
}

@media (max-width: 1300px) {
    html #tabs table.resizeableTable input[type="text"],
    html .tabs table.resizeableTable input[type="text"] {
        margin: 0;
        width: 100%;
        text-align: left !important;
        float: none !important;
        font-size: 11px;
    }
}

@media (max-width: 1200px) {
    html #tabs table.resizeableTable input[type="text"],
    html .tabs table.resizeableTable input[type="text"] {
        margin: 0;
        width: 100%;
        text-align: left !important;
        float: none !important;
        font-size: 9px;
    }
}

table.resizeableTable.valignMiddle td {
    vertical-align: middle;
}

table.resizeableTable td.nettoOsszarCella span {
    float: none !important;
}

table.resizeableTable button {
    margin: 0;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 16px;
    max-width: 40px !important;
    padding: 0 !important;
    width: 38px !important;
    text-shadow: none !important;
}

table.resizeableTable td.delRow,
table.resizeableTable td.addSulyCella {
    width: 40px !important;
    /*border: 1px solid #fff;*/
}

table.resizeableTable td.fakeCell,
table.resizeableTable td.w40,
table.resizeableTable td.delRow {
    width: 40px !important;
}

table.resizeableTable td.fixed input {
    width: 106px !important;
}

table.resizeableTable tr.headerRow td {
    background-color: #d9e6ec;
    border-right: 0 !important;
    border-top: 0;
    border-bottom: 1px solid #c8d9e1;
    vertical-align: middle !important;
}

table.resizeableTable td.first,
table.resizeableTable td.delRow,
table.resizeableTable td.addSulyCella {
    background-color: #eaf4f8;
}

table.resizeableTable tr:first-child td:first-child {
    border-radius: 5px 0 0 0 !important;
    border-left: 0;
    border-right: 0 !important;
    width: 50px !important;
}

html table.resizeableTable td.weightRangeHeaderCell {
    border-left: 0 !important;
}

table.resizeableTable tr:first-child td:last-child {
    border-radius: 0 5px 0 0 !important;
    border-right: 0;
}

table.resizeableTable tr td:first-child {
    border-left: 0
}

table.resizeableTable tr td:last-child {
    border-right: 0
}

table.resizeableTable tr:last-child td {
    border-bottom: 0
}

table.resizeableTable tr:last-child td:first-child {
    border-radius: 0 0 0 5px !important
}

table.resizeableTable tr:last-child td:last-child {
    border-radius: 0 0 5px 0 !important
}

table.resizeableTable tr.headerRow td.weightRangeHeaderCell {
    background: transparent url(../pic/sulytavolsag.gif) no-repeat 0 0;
    background-size: cover;
    position: relative;
    width: 140px !important;
    padding: 0 !important;
    height: 48px !important;
}

table.resizeableTable td.weightRangeHeaderCell span,
table.resizeableTable td.headerCella {
    font: 10px Arial;
    font-weight: bold;
    color: #555555;
    position: absolute;
}

table.resizeableTable td.headerCella {
    vertical-align: middle;
    position: static;
}

table.resizeableTable td.weightRangeHeaderCell span#weight {
    left: 10px;
    bottom: 7px;
}

table.resizeableTable td.weightRangeHeaderCell span#range {
    top: 7px;
    right: 10px;
    width: 90px;
}

table.resizeableTable td.corner {
    background-color: #eaf4f8 !important;
}

table.resizeableTable tr.headerRow button {
    float: none !important;
    margin: 0 0 0 7px !important;
    vertical-align: middle;
    height: 29px !important;
    line-height: 29px !important;
}

table.resizeableTable td.sulyCella.fixed,
table.resizeableTable td.fakeCell.lb,
table.resizeableTable td.sulyCella {
    background-color: #eaf4f8;
}

table.resizeableTable td {

}

span.termekLista {
    float: right;
    font-size: 11px;
    border-bottom: 1px dotted #555;
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    margin-top: -2px;
    line-height: normal;
}

.ui-dialog #termekFilter p {
    clear: both !important;
    float: left;
}

/**
    priceCategoryTable
                        **/

table.priceCategoryTable {
    /*width: 200px;*/
    /*width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);*/
    width: 100%;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    margin: 10px 0;
    background-color: #fff;
    border-spacing: 1px;
}

table.priceCategoryTable tr:first-child td:first-child {
    border-radius: 5px 0 0 0
}

table.priceCategoryTable tr:first-child td:last-child {
    border-radius: 0 5px 0 0
}

table.priceCategoryTable tr:last-child td:last-child {
    border-radius: 0 0 5px 0
}

table.priceCategoryTable tr:last-child td:last-child {
    border-radius: 0 0 0 5px
}

table.priceCategoryTable th {
    border-bottom: 1px solid #b6b6b6;
    background: #f4f4f4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f4f4f4 0%, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #e1e1e1 100%);
    background: -o-linear-gradient(top, #f4f4f4 0%, #e1e1e1 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #e1e1e1 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%, #e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e1e1e1', GradientType=0);
    /*height: 38px;*/
    /*line-height: 38px !important;*/
    text-align: left;
    padding: 5px 10px;
    font: 14px Arial;
    color: #555;
    font-weight: normal;
    box-sizing: border-box;
}

table.priceCategoryTable td {
    border-bottom: 1px solid #ecf0f2;
    font: 11px Arial;
    color: #555555;
    padding: 10px;
    text-align: left;
    height: 39px;
    vertical-align: middle;
    /*line-height: 39px !important;*/
    box-sizing: border-box;
}

table.priceCategoryTable span {
    display: block;
    margin-top: 15px;
}

table.priceCategoryTable tr:last-child td {
    border: 0
}

table.priceCategoryTable td input[type="text"] {
    width: 30px !important;
    text-align: right;
}

table.priceCategoryTable .form-item {
    width: 42px !important;
    min-width: 42px !important;
    margin: 5px 5px 5px 0 !important;
    min-height: 0 !important;
}

table.priceCategoryTable td.input {
    width: 80px !important;
}

table.priceCategoryTable th button {
    margin: 5px 10px 0 0;
}

#termekekContainer .termekContainer .termekDetails button.kosarba {
    margin: 0 0 0 10px !important;
}

html button[disabled],
html button[disabled="disabled"] {
    opacity: .4;
}

.projectTaskGanttContainer {
    width: 100%;
    overflow: auto;
    padding: 0 20px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.projectTaskGanttContainer > div {
    width: auto !important;
    overflow: auto !important;
    position: static !important;
}

html .form-item input[type=text].ui-autocomplete-input,
html .form-item input[type=text][disabled="disabled"].ui-autocomplete-input {
    background: #fff url(../pic/bg_autoselect.png) no-repeat 100% 11px !important;
    position: relative !important;
}

html .form-item input[type=text][disabled="disabled"].ui-autocomplete-input {
    background: #F6F4F5 url(../pic/bg_autoselect.png) no-repeat 100% 11px !important;
}

table.priceCategoryTable td input[type="text"].editable-input {
    height: 28px !important;
    line-height: 28px !important;
    border: 1px solid #fff !important;
    background-color: white;
    border-radius: 2px !important;
    float: none !important;
    clear: none !important;
    margin: 0;
    outline: none;
    padding: 0 5px;
    color: #555;
    font-size: 11px;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

table.priceCategoryTable td input[type="text"].editable-input:focus {
    border: 1px solid #D4D4D4 !important;
}

table.sz td a {
    color: #1e8cae;
    text-decoration: none;
}

/**
    email
            **/

#headerData {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #d9e1e6;
    font-size: 12px;
    color: #555555;
    padding: 10px;
    line-height: 20px !important;
    float: left;
}

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

.emailAdresses,
.emailDatas {
    float: left;
    width: 50%;
}

.emailDatas {
    text-align: right;
}

#headerData p {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 0 0;
    margin: 0;
}

#headerData label {
    cursor: default;
}

span.flaggedChecked,
span.flaggedUnchecked,
span.answeredChecked,
span.answeredUnchecked,
span.deletedChecked,
span.deletedUnchecked,
span.seenChecked,
span.seenUnchecked,
span.draftChecked,
span.draftUnchecked,
span.attachmentChecked,
span.attachmentUnchecked {
    display: inline-block;
    height: 16px;
    width: 18px;
    margin: 0 2px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

span.flaggedChecked {
    background: transparent url(../pic/email_icons/flaggedchecked.png) no-repeat 50% 50%
}

span.flaggedUnchecked {
    background: transparent url(../pic/email_icons/flaggedunchecked.png) no-repeat
}

span.answeredChecked {
    background: transparent url(../pic/email_icons/answeredchecked.png) no-repeat 50% 50%
}

span.answeredUnchecked {
    background: transparent url(../pic/email_icons/answeredunchecked.png) no-repeat 50% 50%
}

span.deletedChecked {
    background: transparent url(../pic/email_icons/deletedchecked.png) no-repeat 50% 50%
}

span.deletedUnchecked {
    background: transparent url(../pic/email_icons/deletedunchecked.png) no-repeat 50% 50%
}

span.seenChecked {
    background: transparent url(../pic/email_icons/seenchecked.png) no-repeat 50% 50%
}

span.seenUnchecked {
    background: transparent url(../pic/email_icons/seenunchecked.png) no-repeat 50% 50%
}

span.draftChecked {
    background: transparent url(../pic/email_icons/draftchecked.png) no-repeat 50% 50%
}

span.draftUnchecked {
    background: transparent url(../pic/email_icons/draftunchecked.png) no-repeat 50% 50%
}

span.attachmentChecked {
    background: transparent url(../pic/email_icons/attachmentchecked.png) no-repeat 50% 50%
}

span.attachmentUnchecked {
    background: transparent url(../pic/email_icons/attachmentunchecked.png) no-repeat 50% 50%
}

#bodyData {
    float: left;
    clear: both;
    padding: 10px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
}

.cimbox {
    padding: 10px;
    margin: 10px;
    float: left;
    border-left: 3px solid #18aad8 !important;
    background-color: #f6f4f5 !important;
    border-radius: 2px;
    width: 245px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.emptyDiv {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 10px;
    background: #fff;
    margin: 10px 0 0 0;
}

.taskPreparedness {
    width: 100%;
    display: block;
    height: 20px;
    background: grey;
    border-radius: 3px;
    position: relative;
}

#tasksListTable .expiredTask {
    color: red;
    background: #fee6e6;
}

#tasksListTable .completedTask {
    background-color: #E0DFE0 !important;
}

#tasksListTable .selectedTaskRow {
    background-color: #cdeef8 !important;
}

#filter_sortorder,
#filter_sortorder.filter_sortorder_desc {
    display: block;
    float: left;
    width: 14px;
    height: 18px;
    background: transparent url(../pic/filter_asc.png) no-repeat 0 0;
    margin: 7px 0 0 9px;
    cursor: pointer;
}

#filter_sortorder.filter_sortorder_asc {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

table#tasksListTable {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

#tasksListFilters {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px 10px;
    float: left;
    border-bottom: 1px solid #d4d4d4;
}

table#tasksListTable td {
    padding: 7px 10px 6px 10px;
    border: 0;
    border-bottom: 1px solid #e9e9e9;
    font: 12px Arial;
    color: #000;
}

.taskPreparedness {
    width: 44px;
    height: 25px;
    border-radius: 3px;
    background: #b1b1b1;
}

.taskPreparedness span {
    display: inline-block;
    height: 25px;
    border-radius: 3px;
    background: #14a6d4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.taskPreparedness i {
    font-style: normal;
    display: block;
    width: 100%;
    height: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    line-height: 25px;
    font-weight: bold;
    color: #ffffff;
}

#tasksListTable tr {
    cursor: pointer;
}

#tasksListTable .expiredTask td {
    color: red !important;
}

/*
#tasksListTable .completedTask {
    background-color: darkgrey !important;
}

#tasksListTable .selectedTaskRow {
    background-color: lightskyblue !important;
}
*/
span.taskInfo {
    background: transparent url(../pic/info_icon.png) no-repeat 0 0;
    display: block;
    width: 18px !important;
    height: 18px;
    margin: 0 !important;
}

span.taskStartTimer {
    background: transparent url(../pic/start_timer_icon.png) no-repeat 0 0;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

span.taskStopTimer {
    background: transparent url(../pic/stop_icon.png) no-repeat 0 0;
    display: block;
    width: 14px;
    height: 16px;
    cursor: pointer;
}

span.taskAttachment,
span.attachFileIcon {
    background: transparent url(../pic/attach_icon.png) no-repeat 0 0;
    display: block;
    width: 18px;
    height: 16px;
    cursor: pointer;
}

span.taskAlarm {
    background: transparent url(../pic/alarm_icon.png) no-repeat 0 0;
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

span.taskComment {
    background: transparent url(../pic/comment_icon.png) no-repeat 0 0;
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

span.taskPriority {
    background: transparent url(../pic/priority_icon.png) no-repeat 0 0;
    display: block;
    width: 18px;
    height: 17px;
    cursor: pointer;
}

#tasksListContainer {
    width: 50%;
    float: left;
    overflow-x: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 500px;
}

#tasksGanttContainer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    float: left;
    overflow-x: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 500px;
    background: #fff;
}

#tasksGanttContainer:after {
    display: table;
    width: 100%;
    height: 0;
    content: "";
    clear: both;
}

#tasksListMainContainer {
    position: relative;
    min-height: 500px;
}

span.taskStartTimerInactive {
    background: transparent url(../pic/start_timer_icon_inactive.png) no-repeat 0 0;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

span.taskAttachmentInactive {
    background: transparent url(../pic/attach_icon_inactive.png) no-repeat 0 0;
    display: block;
    width: 18px;
    height: 16px;
    cursor: pointer;
}

span.taskAlarmInactive {
    background: transparent url(../pic/alarm_icon_inactive.png) no-repeat 0 0;
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

span.taskCommentInactive {
    background: transparent url(../pic/comment_icon_inactive.png) no-repeat 0 0;
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

span.taskPriority.priority2 {
    background: transparent url(../pic/priority_icon2.png) no-repeat 0 0
}

span.taskPriority.priority3 {
    background: transparent url(../pic/priority_icon3.png) no-repeat 0 0
}

span.taskPriority.priority4 {
    background: transparent url(../pic/priority_icon4.png) no-repeat 0 0
}

span.taskPriority.priority5 {
    background: transparent url(../pic/priority_icon5.png) no-repeat 0 0
}

#proAttachmentsContainer,
#taskAttachmentsContainerTab {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0;
}

.proAttachmentRow,
.taskAttachmentRow {
    width: calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
    float: left;
    margin: 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid #d4d4d4;
    font-size: 12px;
    color: #555;
    line-height: 16px;
}

#taskAttachmentsContainer .taskAttachmentRow {
    width: 100%;
    clear: both;
    margin: 0;
}

.proAttachmentRow em,
.taskAttachmentRow em {
    float: left;
    margin-right: 10px;
    width: 25px;
    display: block;
}

.proAttachmentRow div,
.taskAttachmentRow div {
    float: left;
    width: calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
}

.proAttachmentRow em.png,
.proAttachmentRow em.gif,
.proAttachmentRow em.jpg,
.proAttachmentRow em.jpeg,
.proAttachmentRow em.tiff,
.taskAttachmentRow em.png,
.taskAttachmentRow em.gif,
.taskAttachmentRow em.jpg,
.taskAttachmentRow em.jpeg,
.taskAttachmentRow em.tiff,
.taskCommentFiles .png,
.taskCommentFiles .gif,
.taskCommentFiles .jpg,
.taskCommentFiles .jpeg,
.taskCommentFiles .tiff {
    width: 25px;
    height: 32px;
    background: transparent url(../pic/icons/image.png) no-repeat 0 0;
    border: 0 !important;
    outline: none;
    text-indent: -10000px;
}

.proAttachmentRow a,
.taskAttachmentRow a {
    color: #416e87;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

form#uploadProkAttachmentsForm {
    padding: 10px;
    border-bottom: 1px solid #d4d4d4;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.uploadContainer {
    float: left;
}

button#uploadProAttachments {
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 10px;
}

span.projectEdit,
span.projectInfo,
span.projectArchive,
span.projectArming,
span.projectDelete {
    display: block;
    width: 19px;
    height: 19px;
    background: transparent url(../pic/icons/edit.png) no-repeat 0 0;
    float: left;
    text-indent: -10000px;
    margin: 0 6px 0 0;
}

span.projectDelete {
    background: transparent url(../pic/icons/delete.png) no-repeat 0 0;
    margin-top: -1px
}

span.projectArming {
    background: transparent url(../pic/icons/aiming.png) no-repeat 0 0
}

span.projectInfo {
    background: transparent url(../pic/icons/info.png) no-repeat 0 0
}

span.projectArchive {
    background: transparent url(../pic/icons/archive.png) no-repeat 0 0
}

.filterItem {
    float: left;
    width: 50%;
}

html #tabs .filterItem input.ui-autocomplete-input[type="text"],
html .tabs .filterItem input.ui-autocomplete-input[type="text"] {
    width: calc(100% - 112px) !important;
    width: -moz-calc(100% - 112px) !important;
    width: -webkit-calc(100% - 112px) !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: url(../pic/bg_autoselect.png) no-repeat scroll 100% 11px transparent !important;
}

html #tabs .filterItem.secondFilter input.ui-autocomplete-input[type="text"] {
    width: calc(100% - 112px) !important;
    width: -moz-calc(100% - 112px) !important;
    width: -webkit-calc(100% - 112px) !important;
}

#taskListTableContainer {
    width: 100%;
    height: 430px;
    overflow: auto;
}

#taskGanttBodyCanvasContainer {
    margin-top: -6px;
    height: 430px;
    overflow: auto;
}

#tasksListFilters {
    height: 69px;
    overflow: hidden;
}

#ganttHeaderCanvas {
    height: 70px;
}

.ui-dialog table.resizeableTable {
    margin: 15px 10px !important;
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
}

.ui-dialog table.resizeableTable td {
    white-space: normal;
}

span.delOrderItemButton,
span.delToolItemButton,
span.delRealToolItemButton,
span.delBillItemButton,
span.delCertificatePbiButton,
span.delCertificateBszButton,
span.delBillItemButtonPro,
span.delCertificateBszButtonPro,
span.delCertificatePbiButtonPro,
span.delPenItem,
span.delBszItem,
span.delMaterialItemButton {
    width: 25px;
    height: 25px;
    background: transparent url(../pic/delItem.gif) no-repeat 0 0;
    display: block;
    text-indent: -10000px;
    cursor: pointer;
}

.ui-dialog table.resizeableTable .form-item,
.tabs table.resizeableTable .form-item,
#tabs table.resizeableTable .form-item,
table#plannedCosts.resizeableTable .form-item {
    float: left;
    margin: 0;
    min-width: 0 !important;
    min-height: 0 !important;
}

.ui-dialog div#generateBillFromProformaDialog.ui-dialog-content {
    width: auto !important;
}

.ui-dialog .ui-dialog-content {
    /*width: calc(100% - 20px) !important;*/
    /*width: -moz-calc(100% - 20px) !important;*/
    /*width: -webkit-calc(100% - 20px) !important;*/
    padding: 10px !important;
    box-sizing: border-box;
    /*overflow-x: auto;*/
}
.ui-dialog #newBillingAdress.ui-dialog-content {
    padding: 38px !important;
    width: 100% !important;
}

.ui-dialog .ui-tabs {
    width: 100% !important;
}

.blueSkyBg {
    color: #FFF;
    font-weight: bold;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmYjFkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjk4YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1fb1df 0%, #0698c6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fb1df), color-stop(100%, #0698c6));
    background: -webkit-linear-gradient(top, #1fb1df 0%, #0698c6 100%);
    background: -o-linear-gradient(top, #1fb1df 0%, #0698c6 100%);
    background: -ms-linear-gradient(top, #1fb1df 0%, #0698c6 100%);
    background: linear-gradient(top, #1fb1df 0%, #0698c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fb1df', endColorstr='#0698c6', GradientType=0);
}

.ui-dialog table.resizeableTable .form-item input {
    width: -moz-calc(100% - 15px) !important;
    width: -webkit-calc(100% - 15px) !important;
    width: calc(100% - 15px) !important;
}

.ui-dialog table.resizeableTable .ui-autocomplete-input {
    width: -moz-calc(100% - 28px) !important;
    width: -webkit-calc(100% - 28px) !important;
    width: calc(100% - 28px) !important;
}

#lastUsedTasks,
#calendarContent,
#lastExports {
    width: 300px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 50px;
    right: 0 !important;
    border: 0 !important;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    z-index: 10000;
    overflow: visible;
}

#lastExports {
    min-width: 370px;
    width: auto;
}

#calendarContent {
    right: 10px !important;
    width: 1000px;
    max-width: 90%;
    float: left;
}

#lastUsedTasks:before,
#calendarContent:before,
#lastExports:before {
    display: block;
    width: 18px;
    height: 6px;
    background: transparent url(../pic/usedtasktop.png) no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 10001;
    position: absolute;
    top: -6px;
    right: 141px;
    content: " ";
}

#lastExports:before {
    right: 163px
}

#calendarContent:before {
    right: 190px
}

#lastUsedTasks table,
#lastExports table {
    width: 100%;
    border-spacing: 0;
}

#lastUsedTasks table th,
#lastUsedTasks table td,
#lastExports table th,
#lastExports table td {
    padding: 10px;
    text-align: center !important;
    font: 12px Arial;
    color: #555;
    border-bottom: 1px solid #d4d4d4;
}

#lastUsedTasks table tr:last-child th,
#lastUsedTasks table tr:last-child td,
#lastExports table tr:last-child th,
#lastExports table tr:last-child td {
    border: 0;
}

#lastUsedTasks table tr td:last-child,
#lastExports table tr td:last-child {
    text-align: right;
    padding: 0;
}

#lastUsedTasks table th a,
#lastExports table th a {
    color: #416e87;
    font-weight: bold;
    text-decoration: none;
}

#showAllExportFile {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    background: #E4E2E3;
}

#showAllExportFile a {
    text-decoration: none;
    color: #000;
}

html #tabs input[type="text"][readonly="readonly"].redInputBackground,
html #tabs input[type="text"][disabled="disabled"].redInputBackground,
html #tabs input.hasDatepicker[type="text"][readonly="readonly"][disabled="disabled"].redInputBackground {
    background-color: #FEE6E6 !important;
    background: #FEE6E6 !important;
}

html #tabs input[type="text"][readonly="readonly"].greenInputBackground,
html #tabs input[type="text"][disabled="disabled"].greenInputBackground,
html #tabs input.hasDatepicker[type="text"][readonly="readonly"][disabled="disabled"].greenInputBackground {
    background-color: #F5F9E8 !important;
    background: #F5F9E8 !important;
}

span.fileUpload {
    background: #fff;
    border-right: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    width: calc(100% - 61px);
    width: -moz-calc(100% - 61px);
    width: -webkit-calc(100% - 61px);
    float: none !important;
    padding-left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 3px 0 0 3px;
    border: 1px solid #d4d4d4;
}
.form-item span.fileUpload input {
    border: 0 !important;
    display: block;
    height: 28px !important;
    line-height: 28px !important;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 3px 0 0 3px;
    clear: none !important;
}
#megrendelesReklamacio-Form span.fileUpload{
    float: left !important;
    width: calc(100% - 65px);
    width: -moz-calc(100% - 68px);
    width: -webkit-calc(100% - 65px);
}

html #tabs span.fileUpload input[type=text] {
    width: 90%;
    border: 0 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

span.taskAvatar {
    float: left;
    padding-right: 10px;
}

.commentTextarea {
    float: left;
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

.commentTextarea .form-item.textarea {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: auto !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.commentTextarea .form-item.textarea textarea {
    height: 150px !important;
    width: 100% !important;
    padding: 5px 10px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 10px !important;
}

span.attachTaskFile {
    float: left;
    clear: left;
    line-height: 16px !important;
    color: #416e87;
    font-weight: bold;
    cursor: pointer;
}

span.attachTaskFile span.attachFileIcon {
    display: inline-block;
}

#selectedFilesToTaskCommentDetails,
#selectedFilesToTaskComment,
.taskCommentRow {
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    margin-top: 10px;
    padding: 10px 0 0 0;
    float: left;
    clear: both;
}

#selectedFilesToTaskCommentDetails span,
#selectedFilesToTaskComment span {
    width: auto;
    height: 28px !important;
    line-height: 28px !important;
    border: 1px solid #D4D4D4 !important;
    background-color: white;
    border-radius: 2px !important;
    float: left !important;
    clear: none !important;
    margin: 0;
    outline: none;
    padding: 0 5px;
    color: #555;
    font: 12px Arial;
    display: block;
    margin: 0 10px 10px 0;
}

.taskCommentRow {
    margin-top: 0;
    padding: 10px 0;
}

.taskCommentUser {
    color: #416e87;
    font-weight: bold;
}

.taskCommentRow .profilePicture {
    float: left;
    padding-right: 10px;
}

.taskCommentData {
    float: left;
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

span.taskCommentDate {
    color: #b6b6b6;
    float: right;
}

.taskCommentText {
    padding: 10px 0;
    line-height: 18px;
}

.taskCommentFiles {
    float: left;
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    clear: both;
    padding-left: 40px;
}

.taskCommentFiles span {
    float: left;
    width: 100%;
    display: block;
    padding: 5px 0;
    line-height: 32px;
}

.taskCommentFiles span a {
    text-decoration: none;
    color: #416e87;
    font-weight: bold;
}

.taskCommentFiles span em {
    float: left;
    margin-right: 10px;
    display: block;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div#tasksListFilters {
        height: 68px;
    }
}

.form-item.calcw50 {
    width: calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    padding-right: 10px;
}

.form-item.calcw50 input {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px !important;
    line-height: 30px !important;
}

.ui-dialog ul#tags {
    width: 100%;
    clear: both;
    border-top: 1px solid #d4d4d4;
    margin: 10px 0 0 0;
    padding-top: 10px;
    float: left;
    list-style: none;
}

.ui-dialog ul#tags li {
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    padding: 0 5px;
    line-height: 30px;
    height: 30px;
    color: #555;
}

.ui-dialog #tags li a {
    color: #555;
    text-decoration: none;
}

.ui-dialog #tags li span.deleteTag {
    background: transparent url(../pic/delItem.gif) no-repeat 0 0 !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -10000px !important;
    border: 0 !important;
    margin: 3px 0 0 10px !important;
}

html #tabs-Attachments span.fileUpload {
    /*border: 0;*/
    width: calc(100% - 68px);
    width: -moz-calc(100% - 68px);
    width: -webkit-calc(100% - 68px);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left !important;
    padding: 0 !important;
    line-height: 30px;
    height: 30px;
}

html #tabs-Attachments span.fileUpload input[type=text] {
    float: left !important;
    clear: none !important;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*line-height: 30px !important;
    height: 30px !important;*/
}

.partnerInfoDiv {
    float: left;
    position: relative;
}

.partnerInfoDiv input {
    z-index: 1;
    position: relative;
    padding-right: 27px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 242px !important;
}

.partnerInfoDiv span {
    position: absolute;
    right: 7px;
    top: 32px;
    z-index: 2;
}

div.taskMemberList {
    width: 100%;
    clear: both;
}

div.taskMemberList > span {
    min-width: 200px;
    height: 30px;
    line-height: 30px;
    background: #05a9dc;
    display: block;
    float: left;
    color: #fff;
    padding: 0 5px;
    border-radius: 1px;
    margin: 0 10px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.taskMemberList > span i {
    display: block;
    float: right;
    width: 18px;
    height: 14px;
    margin: 8px 0 0 10px;
    background: transparent url(../pic/taskmemberdetails.png) no-repeat 0 0;
    cursor: pointer;
}

div.taskMemberList > span em {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    background: transparent url(../pic/taskmemberdelete.png) no-repeat 0 0;
    cursor: pointer;
    margin-top: 7px;
}

div.taskMemberList > span.finished {
    background: #4dbb2e url(../pic/taskmemberfinished.png) no-repeat 5px 9px;
    padding-left: 23px;
}

.taskNamePlusPath {
    float: right;
    padding-left: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
}

.taskDetailsGeneralMainDatasTable {
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    margin: 10px 10px 0 10px;
    border-spacing: 0;
    border-collapse: collapse;
}

.taskDetailsGeneralMainDatasTable th,
.taskDetailsGeneralMainDatasTable td {
    border-bottom: 1px solid #d7d7d7;
    text-align: left;
    padding: 5px 0;
}

.taskDetailsGeneralMainDatasTable tr:last-child th,
.taskDetailsGeneralMainDatasTable tr:last-child td {
    border: 0;
}

hr {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0;
    background: #d7d7d7;
    border: 0;
    color: #d7d7d7;
    height: 1px;
}

#taskDescription {
    text-align: justify !important;
}

html #tabs-Attachments #uploadTaskAttachmentsTabFormTaskTab span.fileUpload,
#tasksDetailsContainer #tabs_Attachments span.fileUpload {
    box-sizing: border-box;
    float: left !important;
    height: 30px;
    line-height: 30px;
    padding: 0 !important;
    width: calc(100% - 68px);
    width: -moz-calc(100% - 68px);
    width: -webkit-calc(100% - 68px);
}

#tasksDetailsContainer #tabs_Attachments span.fileUpload input {
    border-right: 0 !important;
}

#taskAttachmentsContainerTab .taskAttachmentRow {
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    margin: 0 10px;
}

#selectedTaskName strong {
    display: block;
    float: left;
}

#selectedTaskName input {
    float: left;
    margin: 2px 10px 0 0;
}

#selectedTaskName {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 34px;
    padding: 4px 10px 0 10px;
    float: left;
    width: 100%;
}

#tasksDetailsContainer .ui-tabs .ui-tabs-panel {
    border-radius: 0 !important;
    border-right: 0 !important;
    margin-left: -1px !important;
    min-height: 483px;
    border-bottom: 0;
}

#taskCommentsContainerDetails {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

#gbox_increaseTaskWorktimes_increase_grid.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
    width: calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: -webkit-calc(100% - 20px) !important;
}

.taskCommentRow:last-child {
    border-bottom: 0;
}

/*:not(.resizableContainer) .ui-resizable-handle {*/
.ui-dialog .ui-resizable-handle {
    display: none !important;
    visibility: hidden !important;
}

.ui-dialog {
    max-height: 95vh !important;
    resize: none;
    overflow-y: auto;
}

#taskAttachmentsContainerTabDetails {
    float: left;
    width: 100%;
}

#taskAttachmentsContainerTabDetails .taskAttachmentRow {
    width: calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    overflow: hidden;
}

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

.inside button#mainCostsOpener {
    margin: 26px 0 0 10px;
}

.disabledRightItem {
    cursor: default !important;
    opacity: 0.5;
}

img#user_avatar {
    padding: 5px;
    clear: both;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    float: left;
    display: block;
    margin: 0 0 0 10px;
}

.clearDiagram {
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

span#path {
    display: block;
    width: 100%;
    padding: 10px;
}

#path a {
    color: #4bb2c5;
}

#surplusDialog .tablelist,
#surplusDialog-termek .tablelist-termek {
    overflow-x: auto;
}

.modComment {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(../pic/edit_comment.png) no-repeat 0 0;
    text-indent: -10000px;
}

table.priceCategoryTable .redBg td {
    background: #FF7E7E !important;
}

table.priceCategoryTable .grayBg td {
    background: #ededed !important;
    font-weight: bold;
}


span.delfile {
    display: block;
    background: url(../pic/delitem.gif) no-repeat;
    height: 25px;
    width: 25px;
    float: right;

}

#megrendelesReklamacio-Form a.downlink {
    color: black;
    float: left;
    margin-top: 4px;
    text-decoration: none;
}

#megrendelesReklamacio-Form li {
    clear: both;
    list-style: none;
    height: 30px;
    margin-right: 4px;
    vertical-align: middle;
    padding-top: 5px;
}

#megrendelesReklamacio-Form li:hover {
    background: #2d98b9;
}

#taskCommentsContainerDetails a {
    color: #2d98b9;
}

.taskCommentText a {
    color: #2d98b9;
}

#raktarKeszletertekek {
    clear: both !important;
}

#summary_vendor .form-item {
    margin-bottom: 10px;
}

#ugyfelkapu-Form span.fileUpload {
    float: left !important;
    width: calc(100% - 68px);
    width: -moz-calc(100% - 68px);
    width: -webkit-calc(100% - 65px);
}

#tabs-UniqueFields th {
    text-align: left !important;
    padding-left: px;
    padding-top: 10px;
}

div.iPhoneCheckContainer {
    margin-top: 8px;
}

button.removeUniqueFieldRowButton {
    margin-left: 15px !important;
}

#uniqueFieldsTable td {
    padding-right: 5px !important;
}

#addUniqueFieldRowButton {
    margin-left: 3px;
    margin-bottom: 3px;
}

#taskDescription a {
    color: #2d98b9 !important;
}

.inside a {
    color: #416e87 !important;
}

.billdetails.v2 .form-item {
    background: #f0eeef;
}

/*.billdetails h2 {
    padding-left: 10px !important;
    margin: 0 !important;
    border: 0;
    height: 50px;
    line-height: 50px;
    color: #555555 !important;
    text-shadow: 1px 1px 1px #fbfbfb;
    background: transparent url(../pic/bg_filtertitle.gif) repeat-x left bottom;
    font-size: 14px !important;
}*/
table.resizeableTable.whitespace td {
    white-space: normal;
}

.qtip-gecinagy {
    max-width: 550px !important;
}

#calendarContent .calendarList {
    width: 200px;
    float: left;
}

#calendarContent h2 {
    margin-top: 0 !important;
    padding-top: 0;
    background: none !important;
    border: 0;
}

#calendarContent .searchBox {
    width: 100%;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background: #e9e9e9;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#calendarContent .searchBox input {
    width: 100%;
    height: 28px !important;
    line-height: 28px !important;
    border: 1px solid #D4D4D4 !important;
    background-color: white;
    border-radius: 2px !important;
    clear: none !important;
    margin: 0;
    outline: none;
    padding: 0 5px;
    color: #555;
    font: 12px Arial;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.calendarListContainer {
    padding: 10px;
    overflow-y: scroll;
    overflow-x: scroll;
    height: 550px;
}

.calendarListContainer > i {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    margin: 0 3px -2px -2px;
}

.calendarListContainer span {
    color: #555555
}

.calendarListContainer > i.red {
    background: #ff0000
}

.calendarListContainer > i.green {
    background: #008000
}

.calendarCalendar {
    float: left;
    width: calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    padding: 10px;
    border-left: 1px solid #d4d4d4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ui-jqgrid .ui-pg-input[type=text] {
    width: 30px !important;
    float: none !important;
    height: 18px !important;
    line-height: 16px !important;
    border: 1px solid #416F87 !important;
}

.actweek li label i, label.checkbox i, label.radio i {
    margin: 0px 4px -2px 10px;
}

div.both input[type="text"] {
    clear: none !important;
}

.favfilters {
    border-radius: 8px 0 0 0 !important;
    background: #466C81 !important;
    color: white !important;
    padding: 5px 10px;
    display: inline-block;
}

.favFilterContainer span:first-of-type {
    margin-left: 10px !important;
}

body.iframe {
    background: #f0eeef !important;
}

body.iframe .container {
    padding-top: 40px;
    height: auto;
    min-height: 0
}

body.iframe div.inside {
    margin: 0 53px 0 0;
    overflow: auto;
    padding: 10px 10px 0 10px !important;
}

.fc-time-grid-container {
    float: left !important;
}

#lastExports {
    /*width: auto !important;*/
    margin-right: 5px !important;
}

.fc-event-container span.calendarEventRemoveButton {
    position: absolute !important;
    top: -9px !important;
    right: -9px !important;
    display: none;
    width: 17px;
    height: 17px;
    background: transparent url(../pic/delItem2.gif) no-repeat 0 0;
    z-index: 100000;
    border-radius: 12px;

}

a.fc-event:hover span.calendarEventRemoveButton {
    display: block;
}

.fc-time-grid-event {
    overflow: visible !important;
}

div.calendarListContainer label.checkbox {
    float: left !important;
}

.calendarSpanLeft {
    margin: 10px 4px -2px 0;
    height: 16px !important;
    line-height: 16px;
}

.calenderILeft {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 2px;
    float: left;
    margin: 0px 4px -2px 0;
}

#calendarContent {
    z-index: 8009;
}

.calendarItemLabel {
    width: 100px !important;
    height: auto !important;
}

div.calendarItem {
    width: 400px !important;
}

.qtip li {
    list-style-type: circle !important;
}

.inside h2 {
    margin-right: 5px !important;
}

.newProjectsForm label.radio i {
    height: 14px !important;
}

ul#tags {
    width: 96%;
    clear: both;
    margin: 10px;
    padding-top: 10px;
    float: left;
    list-style: none;
}

ul#tags li {
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    padding: 5px 30px 5px 5px;
    line-height: normal;
    color: #555;
    position: relative;
}

#tags li span.deleteTagFromTemplate {
    background: transparent url(../pic/delItem_mini.gif) no-repeat right center !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -10000px !important;
    border: 0 !important;
    margin: 3px 0 0 10px !important;
    padding: 0 !important;
    cursor: pointer !important;
    line-height: 13px !important;
    clear: both !important;
    border-radius: 2px;
    font: 12px Arial;
    text-decoration: none;
    color: #515567;
    text-align: center;
    font-weight: bold;
    display: block;
    float: right;
}

.fancyOwnInner {
    padding-top: 43px;
    padding-left: 10px;
}
.fancyOwnInner .buttonContainer {
    box-sizing: border-box;
}

.ui-widget-overlay {
    position: absolute !important;
}

.ui-widget-overlay-poz-fixed{
    position: fixed !important;
}

.icon-loading {
    top: 493px !important;
}

#publicPartnerImportSubmitForm span.fileUpload {
    width: calc(100% - 63px) !important;
    width: -moz-calc(100% - 69px) !important;
    width: -webkit-calc(100% - 64px) !important;
    float: left !important;
}

html #tabs #publicPartnerImportSubmitForm span.fileUpload input[type=text] {
    width: 100%;
}

#publicPartnerImportSubmitForm div.input input.ui-autocomplete-input {
    background-color: white !important;
}

#selectBillTarget {
    padding: 50px 0 10px 10px !important;
}

#areYouSureComplaint div.form-item {
    margin: 5px 0 0 0;
}

#areYouSureComplaint {
    margin-bottom: 5px;
}

#areYouSureComplaint .buttonContainer, .button-container {
    padding: 0 0 10px 0;
}

div.evo-pop {
    background-color: #F0EEEF !important;
    margin-top: 16px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}

table.priceCategoryTable th {
    padding: 5px 5px;
}

#generateMunkalapFromComplaintFancybox .buttonContainer {
    padding: 15px 0 10px 0;
    box-sizing: border-box !important;
}

#generateMunkalapFromComplaintFancybox {
    padding-top: 50px !important;
}

/*.mce-open [role="presentation"]{
    width: 50% !important;
    height: 50% !important;
}*/
.preview {
    float: left;
    padding-left: 20px;
}

.preview li, .letterPreview li {
    margin-left: 10px;
}

.preview ul, .preview table, .preview div, .preview p {
    padding: 10px 0;
}

.letterPreview {
    float: left;
    min-height: 500px !important;
}

.letterPreview ul, .letterPreview div, .letterPreview p {
    padding: 10px 10px !important;
}

.evo-colorind {
    height: 28px !important;
}

#lette_content_ifr {
    height: 100% !important;
}

#lette_content_ifr html {
    height: 100% !important;
}

#lette_content_ifr body {
    height: 100% !important;
}

.colorPickerContainer .input > div {
    width: 280px !important;
}

html #tabs table.resizeableTable .nettoOsszarCella input[type="text"].inputFormat, html .tabs table.resizeableTable .nettoOsszarCella input[type="text"].inputFormat {
    width: calc(50% - 7px) !important;
    width: -moz-calc(50% - 7px) !important;
    width: -webkit-calc(50% - 7px) !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left !important;
}

html #tabs table.resizeableTable .nettoOsszarCella span {
    float: left !important;
}

html #tabs table.resizeableTable .headerRow .tavolsagCella input[type="text"],
html #tabs table.resizeableTable .headerRow .fakeCell input[type="text"],
html .tabs table.resizeableTable .headerRow .tavolsagCella input[type="text"] {
    width: calc(100% - 45px) !important;
    width: -moz-calc(100% - 45px) !important;
    width: -webkit-calc(100% - 45px) !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left !important;
}

html #tabs table.resizeableTable .headerRow .tavolsagCella input[type="text"][readonly="readonly"] {
    width: 100% !important
}

table.resizeableTable .headerRow td {
    padding: 1px 9px 1px 5px
}

table.resizeableTable td.fixed input[readonly="readonly"] {
    width: 100% !important;
}

html #tabs table#sulyTavolsagTable.resizeableTable,
html #tabs table#ingyenesSzallitasTable.resizeableTable {
    width: 100% !important;
    table-layout: auto !important;
}

table#sulyTavolsagTable.resizeableTable .osszegCella input[type="text"] {
    min-width: 130px !important
}

table#sulyTavolsagTable.resizeableTable .sulyCella input[type="text"] {
    min-width: 140px !important
}

table#sulyTavolsagTable.resizeableTable .dataRow .fakeCell:last-child input[type="text"] {
    min-width: 100px !important
}

div.resizeableDiv {
    float: left;
    width: 100%;
    overflow-x: auto;
}

table#ingyenesSzallitasTable.resizeableTable .termekMeretCella input[type="text"] {
    min-width: 100px !important
}

table#ingyenesSzallitasTable.resizeableTable .nettoOsszarCella input[type="text"] {
    width: 100px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left !important;
}

table#ingyenesSzallitasTable.resizeableTable .nettoOsszarCella div {
    width: 210px;
    float: left;
}

.form-item.float-left.textarea div.input {
    float: left;
    clear: both;
    width: 100%;
}

.form-item.float-left.textarea div.title {
    width: 100% !important;
}

html .addedTaskBlock {
    width: 100%;
    float: left;
}

html .addedTaskBlock .form-item {
    min-width: auto !important;
    padding-right: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*width: calc((100% - 60px)/6) !important;
    width: -moz-calc((100% - 60px)/6) !important;
    width: -webkit-calc((100% - 60px)/6) !important;*/
}

html .addedTaskBlock .form-item div,
html .addedTaskBlock .form-item input {
    width: 100% !important;
}

html .addedTaskBlock input.ui-autocomplete-input[type="text"] {
    width: 100% !important;
}

html .addedTaskBlock .ui-multiselect {
    width: 100% !important;
}

html #tabs .addedTaskBlock input.ui-autocomplete-input[type="text"],
html .tabs .addedTaskBlock input.ui-autocomplete-input[type="text"],
html .addedTaskBlock .ui-dialog input.ui-autocomplete-input[type="text"] {
    width: 100% !important;
}

html .addedTaskBlock * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

button.sureIsntLikeThatAdd,
button.sureIsntLikeThatRemove {
    font-size: 26px;
!important;
    line-height: 22px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 25px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 25px !important;
    margin-top: 27px !important;
}

button.sureIsntLikeThatRemove {
    background: transparent url("../pic/delItem.gif") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 25px;
    text-indent: -10000px;
    width: 25px;
    border: 0;
}

html .addedTaskBlock .multiselectContainer {
    min-width: 200px !important;
    float: left;
}

html .addedTaskBlock .multiselectContainer .form-item {
    min-width: 200px !important;
}

.ui-multiselect-menu {
    width: 239px !important
}

}

.gantt {
    height: 900px;
    width: 100%;
    overflow: auto;
}

.ganttBody {
    position: relative;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.ganttBackground {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ganttBarsArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.ganttRow {
    height: 40px;
}

.ganttRowCell {
    width: 38px;
    height: 100%;
    display: inline-block;
    border: 1px solid black;
    border-top: 0;
    border-right: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ganttBackground .ganttRow:first-child > div {
    border-top: 1px solid black;
}

.ganttBackground .ganttRow > div:last-child {
    border-right: 1px solid black;
}

.ganttBar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

td.bcred {
    background-color: rgba(255, 0, 0, 0.8);
    color: #FFFFFF !important;
}

td.bcred input {
    background: rgba(255, 255, 255, 0.8) !important;
}

.attachmentDel {
    background: transparent url(../pic/delItem_mini.gif) no-repeat right center !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -10000px !important;
    border: 0 !important;
    margin: -6px 10px 0 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    line-height: 13px !important;
    clear: both !important;
    border-radius: 2px;
    font: 12px Arial;
    text-decoration: none;
    color: #515567;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    float: right;
}

.form-item:not(.textarea) .input {
    max-height: 46px;
}

header.fixed-nav {
    position: fixed;
    height: 50px;
    overflow: hidden;
    width: 100%;
    top: 0;
}

header.fixed-nav a img.fleft {
    max-height: 50px;
    transition: all 0.5s ease;
}

header.fixed-nav .vevoLimit {
    display: none
}

div.leftmenu.fixed-leftmenu {
    top: 10px
}

div.inside.fixed-inside {
    margin-top: 112px;
}

body.fixed-body #lastUsedTasks,
body.fixed-body #calendarContent,
body.fixed-body #lastExports {
    top: 50px;
    position: fixed;
}

#vertical-menu-container ul li {
    position: relative;
}

#vertical-menu-container ul li.gomezmenu:after {
    background-image: url(images/ui/ui-icons_ffffff_256x240.png);
    background-position: -64px -16px;
    position: absolute;
    top: 10px;
    right: 10px;
    content: "";
    height: 12px;
    width: 16px;
}

.billProduct:before,
.billProduct:after {
    display: table;
    content: "";
    clear: both;
    width: 100%;
}

.billProduct {
    padding: 10px;
    position: relative;
    background: #eaf4f8 !important;
    margin: 10px 0;
    border: 1px solid rgb(85,​ 85,​ 85);
    border-radius: 4px;
}
.billProduct .form-item {
    margin-left: 0px;
}
.billProduct .close {
    background: transparent url("../pic/del_day.png") no-repeat scroll 0 0 !important;
    border: 0 none !important;
    height: 10px !important;
    margin: 0;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    display: block;
}

#taxNumber .form-item {
    margin-top: 0;
}

#szamlaDialog.ui-dialog-content.ui-widget-content {
    overflow: hidden !important;
    float: none !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    box-sizing: border-box;
}
#szamlaDialog.ui-dialog-content.ui-widget-content > div {
    width: 100%;
    float: none !important;
    box-sizing: border-box;
}
#szamlaDialog .szamlaDialogTablelist {
    width: 100%;
    overflow: auto;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding: 10px !important;
}
#szamlaDialog .buttonContainer {
    padding: 10px;
}
#szamlaDialogTablelist_container.tablelist-container {
    height: 100%;
    box-sizing: border-box;
}
.selectedSzamla {
    border-radius: 8px 0 0 0 !important;
    background: #8faf49 !important;
    color: white !important;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 10px;
}
.szamlaDialogSorszam span:first-of-type{
    margin-left:10px !important;
}
.szamlaDialogSorszam .deleteSzamla {
    background: transparent url(../pic/delItem.gif) no-repeat 0 0 !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 15px auto !important;
    text-indent: -10000px !important;
    border: 0 !important;
    margin: 3px 0 0 10px !important;
    display: inline-block;
}
.szamlaDialogBanktransferDatas th {
    text-align: end;
}
.szamlaDialogBanktransferDatas td {
    text-align: center;
}

.iframe .buttonContainer {
    position: fixed !important;
    left: 0px;
    bottom: 0px !important;
    width: 100%;
    background: #fff;
}
.iframe .ui-tabs-panel {
    padding-bottom: 55px !important;
}

.noTextareaInputHeight .form-item .input{
    max-height: none;
}

.inside .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.333333%;
    }
    .offset-xl-2 {
        margin-left: 16.666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.333333%;
    }
    .offset-xl-5 {
        margin-left: 41.666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.333333%;
    }
    .offset-xl-8 {
        margin-left: 66.666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.333333%;
    }
    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

table.sensors,
table.sensor-data {
    margin: 20px;
    border-collapse: collapse;
    width: calc(100% - 40px);
}

table.sensors th,
table.sensor-data th {
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #ccc;
    background: #ddd;
    color: #fff;
}

table.sensors td,
table.sensor-data td {
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #ccc;
}

table.sensors tr:nth-child(odd) td,
table.sensor-data tr:nth-child(odd) td {
    background: #eee;
}
.flex-container {
    display: flex;
    align-items: flex-end;
}
.p-10 {
    padding: 10px;
}
.added {
    padding: 10px 10px 0 10px;
}
.added span {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    font-size: 11px;
    background: #484647;
    color: #fff;
    position: relative;
}
.added span i {
    position: absolute;
    top: -7.5px;
    right: -7.5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    font-style: normal;
    font-weight: bold;
    background: red;
    border-radius: 100%;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    cursor: pointer;
    text-transform: lowercase;
}
.genList {
    margin: 0 0 10px 10px !important;
}
.billDownloadContainer {
    height: calc(100vh - 130px);
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
}
.billDownloadContent {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    -moz-box-shadow: 3px 3px 3px -3px #d4d2d3;
    -webkit-box-shadow: 3px 3px 3px -3px #d4d2d3;
    box-shadow: 3px 3px 3px -3px #d4d2d3;
    min-width: 300px;
    max-width: 100%;
}

.billDownloadContent h2{
    border: 0 !important;
    padding: 0 0 15px 0;
    margin: 0 !important;
    line-height: normal;
    background: transparent;
    height: auto;
}
.billDownloadContent p {
    line-height: 18px;
}
.d-grid {
    display: grid;
    grid-template-columns: min-content 1fr;
    gap: 5px 0;
}
.d-grid span:nth-child(even) {
    text-align: right;
    font-weight: bold;
}
.billDownloadContainer .text-center {
    text-align: center;
}
.billDownloadContainer .text-center * {
    float: none !important;
}
.form-item span.fileUpload {
    clear: left;
}

.genlistContainer {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
#downloadLinksDialog {
    padding: 50px 10px 0 10px !important;
}
#downloadLinksDialog .form-item input[type=text] {
    width: 100%;
    float:none !important;
}
#downloadLinksDialog .form-item {
    min-width: 100% !important;
    float:none !important;
    margin: 0 !important;
}
#downloadLinksDialog {
    box-sizing: border-box;
}
#downloadLinksDialog * {
    box-sizing: border-box;
}
#downloadLinksDialog .buttonContainer {
    padding: 15px 0 0 0;
}
}