input::-ms-clear 
{
    display: none !important;
}

textarea {
    resize: none;
}

 input[type=text]:focus, select:focus {
     outline:none; 
     border-color:#428bca;
     -webkit-box-shadow: 0px 0px 5px #428bca;
     box-shadow: 0px 0px 5px #428bca;
 }

input[type=submit]:focus {
     box-shadow: none;
     -webkit-box-shadow: none;
     outline:none; 
}

body {
    margin:0px;
    height:100%;
    font-family: Verdana;
    color:#333;
    font-size: 10pt;
    line-height: 1.42857143;
}

a img {
    border:none;
}

.clear {
    clear:both;
}

.header {
    background-color: #154273;
    color: #fff;
    padding: 1px 1px 1px 5px;
    height: 30px;
    line-height:30px;
    font-weight:bold;
    margin-top:3px;
    margin-bottom:6px;
    clear:both;
}

.groupHeader {
    background-color: #ccc;
    color: #555;
    padding: 1px 1px 1px 5px;
    height: 30px;
    line-height:30px;
    font-weight:bold;
    margin-top:3px;
    margin-bottom:6px;
    clear:both;
    width:150px;
}

.groupContent .item {
    padding-top:5px;
    clear:both;
}

.groupContent .item .name {
    width:240px;
}

.groupContent .item > .control > .infomessage {
    margin-bottom:2px;
    color:#0082e6;
}

.groupContent .item > .control > .errormessage {
    margin-top:0px;
    color:#e61c1c;
}

.groupContent .item .control, .groupContent .item .name, .groupContent .item .click-icon {
    float:left;
}

.groupContent .item .datepicker {
    margin-right:0px;
}

.groupContent .item .click-icon {
    width:30px;
    height:30px;
    margin-right:5px;
    position:relative
}

.groupContent .item .click-icon .image {
    border:1px solid #fff;
    width:26px;
    height:26px;
    margin:1px;
    background-size:24px;
    background-position:center center;
    background-repeat:no-repeat;
}

.groupContent .item .click-icon .message {
    display:none;
    position:absolute;
    bottom:32px;
    left:0px;
    height:30px;
}

.groupContent .item .click-icon .message:hover {
    display:none !important;
}

.groupContent .item .click-icon:hover .message {
    display:block;
    z-index:5;
}

.groupContent .click-icon .innermessage {
    display:block;
    border:1px solid #fff;
    margin:1px;
    padding:2px 4px;
    height:22px;
    width:335px;
    overflow:hidden;
}

.groupContent .item .click-icon.error {
    background-color:#e61c1c
}

.groupContent .item .click-icon.info {
    background-color: #0082e6;
    color:#fff;
}

.groupContent .item .click-icon.info .message {
    background-color: #0082e6;
}

.groupContent .item .click-icon.info .image {
    background-image:url("/Images/Icons/information.png");
}

.hidden {
    display:none;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}
.label-error {
        color: #d9534f;
}
span.control-label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}
span.control-label-extended {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
    width:300px
}

.detail-grid.borders {
    margin-left:3px;
}

.detail-grid > .form-group {
    padding: 3px 10px;
    margin-bottom:5px;
    clear:both;
}

.detail-grid.borders > .form-group {
    margin-bottom: 0px;
    border-top: 1px solid #ddd;
    padding: 3px 10px;
}

.detail-grid.borders > .form-group:first-child {
    border-top: none;
}

.detail-grid-small > .form-group {
    padding: 1px 10px;
    margin-bottom: 0px;
    clear: both;
}

.detail-grid-small > .form-group > label {
    /*font-size:8pt;*/
    margin-top:3px;
    margin-bottom:0px;
}
.detail-grid-small > .form-group:first-child > label {
    margin-top:0px;
}

.form-control {
    display: inline-block;
    width: 100%;
    height: 30px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    box-sizing: border-box;
}

.form-control[readonly=readonly], .form-control[disabled=disabled], .form-list-control[disabled=disabled] {
    background-color:#e8e8e8;
}

.form-list-control {
    display: inline-block;
    width: 100%;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
}
.form-group {
    margin-bottom: 10px;
}

.form-group > label {
    float:left;
    width:200px;
}

.form-group > div > ul {
    float: left;
    margin: 0px;
    list-style: none;
    padding-left: 0px;
}

.profileform .form-group > div {
    margin-bottom: 10px;
    display:inline-block;
    vertical-align: top;
}

input.error, select.error {
    border-color: #d9534f;
    background:#fdf7f7;
    -webkit-box-shadow: inset 0 1px 1px rgba(217, 83, 79,.075);
    box-shadow: inset 0 1px 1px rgba(217, 83, 79,.075);
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    background-color:#a8a8a8;
    font-family:Arial;
}

/*#imageCropButton {
    cursor:default;
    background-color:#ddd;
    border-color:#ddd;
    color:#808080;
}*/

input[type=submit][disabled].btn, a.btn.aspNetDisabled, span.btn.disabled {
    cursor:default;
    background-color:#ddd;
    border-color:#ddd;
    color:#808080;
}

.aspNetDisabled > label {
    color:#808080;
}

.btnBold {
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 4px;
}

body > form {
    height:100%;
}

#header {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    height:69px;
    border-bottom-width:1px;
    border-bottom-style: solid;
}

#header  #menu {
    position:absolute;
    left:280px;
    top:30px;
}

#header  #menu > ul {
    padding:0px;
}

#header  #menu > ul > li {
    float:left;
    position:relative;
    cursor: default;
}

#header  #menu > ul > li > a, #header  #menu > ul > li > span {
    float: left;
    color:#fff;
}

#header  #menu > ul > li > a:hover, #header  #menu > ul > li > span:hover {
    color:#fff;
}

#header  #menu a, #header  #menu span {
    color:#777;
    text-decoration:none;
    padding: 10px 15px;
    line-height:20px;
    display: block;
}

#header  #menu img {
    max-width:20px;
    max-height:20px;
    vertical-align:middle;
    margin-right:5px;
}

#header  #menu .submenu {
    position:absolute;
    left:0px;
    top:39px;
    padding:5px 0px;
    display:none;
    border:1px solid #ccc;
    border-top:none;
    z-index:3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    min-width:190px;
    background-color:#fff;
}

#header  #menu .submenu .submenu {
    left:100%;
    top:-6px;
    border-top:1px solid #ccc;
}

#header  #menu .submenu li:hover > a, #header  #menu .submenu li:hover > span {
    background-color:#e8e8e8;
}

#header  #menu li:hover > .submenu {
    display:block;
}

#header  #menu .submenu > li > a, #header  #menu .submenu > li > span {
    padding-left:30px;
}

#header #menu .submenu > li > span {
    background-image:url("/Images/Icons/grayarrow16.png");
    /*background-image:url("/Images/Icons/hasSubmenu.png");*/
    background-repeat:no-repeat;
    background-position:right center;
    margin-right: 4px;
}

#header #menu .submenu img {
    position:absolute;
    left:7px;
}

#header #menu a:hover {
    color:#333;
}

#header #menu li {
    list-style:none;
    position:relative;
}

#header #menu .subsubmenu {
    position:absolute;
    left:100%;
    top:0px;
    padding:0px 0px;
    display:none;
    border:1px solid #ccc;
    z-index:3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    min-width:190px;
    background-color:#fff;
}

#header #menu .submenu > li:hover > .subsubmenu {
    display:block;
}

#header #menu a.hasSubItems {
    background-image:url("/Images/Icons/hasSubmenu.png");
    background-repeat:no-repeat;
    background-position:right center;
}

#header .User {
    text-align:right;
    position:absolute;
    right:10px;
    top:5px;
}

#main {
    position: absolute;
    top: 70px;
    bottom: 33px;
    left:0px;
    right:0px;
    overflow-x:hidden;
}

#sideblock {
    position:relative;
    transition:width 1s, margin 1s;
    width: 280px; /*Change sideblock.closed margin-left as well*/
    height:100%;
    float:left;
    overflow:hidden;
    top:0px;
    bottom:0px;
    left:0px;
}

#sideblock > .scrollable {
    overflow-y:auto;
    margin-right:10px;
    height:100%;
}

#sideblock > .scrollable > .content {
    padding:15px 20px 15px 15px;
}

#sideblock.closed {
    margin-left:-270px;
}

#sideblock.no-sideblock {
    margin-left:-270px;
}

#sideblock.no-sideblock.animateClose {
    transition:none;
    margin-left:0px;
}

#sideblock.no-sideblock.animateClose.animateCloseStart {
    transition:width 1s, margin 1s;
    margin-left:-270px;
}

#sideblock.no-sideblock.animateOpen {
    transition:none;
    margin-left:-270px;
}

#sideblock.no-sideblock.animateClose.animateOpenStart {
    transition:width 1s, margin 1s;
    margin-left:0px;
}

#sideblock.no-sideblock > #expand-button {
    cursor: default;
}

#sideblock.no-sideblock .icon {
    display:none;
}

#expand-button {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 10px;
    cursor:pointer;
    overflow:hidden;
}

#expand-button > .icon {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right-width: 5px;
    border-right-style:solid;
    position: absolute;
    top: 50%;
    left: 3px;
    width: 0px;
    height: 0px;
    margin-top: -35px;
}

#sideblock.closed > #expand-button > .icon {
    border-left-width: 5px;
    border-left-style:solid;
    border-right: none;
}

.no-transition {
    transition:none !important;
}

.iconbar {
    position:absolute;
    top:43px;
    min-height:242px;
    width:42px;
    right:-45px;
    transition:right 2s;
    background-color:#154273;
    z-index:3;
    padding-left:8px;
    padding-top:8px;
    border: 2px solid #fff;
    border-right:none;
}

.iconbar.remainOpen {
    right:0px;
    transition:right 0.6s;
}

.iconbar:hover {
    right:0px;
    transition:right 0.6s;
}

.iconbar > * {
    padding: 3px;
    margin-bottom:5px;
}

.iconbar > *[disabled] {
    cursor:default;
    opacity:0.5;
}


#main > #page {
    position:relative;
    height:100%;
    overflow-x:auto;
    overflow-y:auto;
    padding:0px 15px;
}

#footer {
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    height:29px;
    padding-left: 10px;
    padding-top: 3px;
    border-top-width:1px;
    border-top-style:solid;
}

.backbutton {
    float:left;
    height:50px;
    border: none;
    background-color: #154273;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 11px center;
    cursor: pointer;
    vertical-align:top;
    width:50px;
    margin-top:11px;
    margin-right:10px;
    background-image:url("/Images/Icons/back.png");
}

.backbutton[disabled=disabled] {
    background-color:#ccc;
    cursor:default;
}

h1 {
    font-size:36px;
    margin-top:0px;
    margin-bottom: 25px;
    font-weight: 500;
    height:51px;
}

h1 > .subtitle {
    font-size:24px;
    color:#666;
    margin-left:10px;
}

h1 > .subtitle.archived {
    color:#e68d00;
}

.messageBox {
    position:absolute;
    right:51px;
    top:29px;
    width:333px;
    height:0px;
    border-width:2px;
    border-style:solid;
    /*border-top:none;*/
    padding:2px 0px;
    transition:height 1s;
    overflow:hidden;
    z-index:1;
}

.messageBox > .text {
    position:absolute;
    bottom:2px;
    line-height:38px;
    height:38px;
    left:44px;
    font-size: 10pt;
    /*font-size:18px;*/
}

.messageBox > .icon {
    position:absolute;
    bottom:2px;
    display:inline-block;
    height:38px;
    width:38px;
    background-repeat:no-repeat;
    background-position:3px 3px;
    vertical-align: middle;
}

.messageBox.open {
    top:43px;
    height:38px;
    padding:2px;
}

.messageBox.Error {
    background-color:#fff;
    /*background-color:#fdf7f7;*/
    color:#000;
    /*color:#d9534f;*/
    border-color:#e61c1c;
    /*border-color:#d9534f;*/
}

.messageBox.Error .icon {
    background-image:url("/Images/Icons/flash.png");
    /*background-image:url("/Images/Icons/error.png");*/
    background-color:#e61c1c;
}

.messageBox.Success {
    background-color:#fff;
    /*background-color:#dff0d8;*/
    color:#000;
    /*color:#3c763d;*/
    border-color:#059b00;
    /*border-color:#3c763d;*/
}

.messageBox.Success .icon {
    background-image:url("/Images/Icons/check.png");
    /*background-image:url("/Images/Icons/success.png");*/
    background-color:#059b00;
}

.messageBox.Info {
    background-color:#fff;
    /*background-color:#f4f8fa;*/
    color:#000;
    /*color:#5bc0de;*/
    border-color:#0082e6;
    /*border-color:#5bc0de;*/
}

.messageBox.Info .icon {
    background-image:url("/Images/Icons/information.png");
    /*background-image:url("/Images/Icons/info.png");*/
    background-color:#0082e6;
}

.messageBox.Warning {
    background-color:#fff;
    /*background-color:#f4f8fa;*/
    color:#000;
    /*color:#5bc0de;*/
    border-color:#ff9b00;
    /*border-color:#5bc0de;*/
}

.messageBox.Warning .icon {
    background-image:url("/Images/Icons/warning.png");
    /*background-image:url("/Images/Icons/info.png");*/
    background-color:#ff9b00;
}

/*.messageBox {
    position:absolute;
    left:15px;
    right:15px;
    top:-40px;
    height:19px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-width:1px;
    border-style:solid;
    border-top:none;
    padding:10px;
    transition:top 1s;
}

.messageBox.open {
    top:0px;
}*/

.emptyDataBlock {
    padding:4px 4px;
    border-bottom: 1px solid #a8a8a8;
}

.emptyDataBlock label {
}

.emptyDataBlock h1 {
    margin-bottom: 5px;
}


/*.emptyDataBlock {
    width:360px;
    height:320px;
    position:absolute;
    left:35%;
    top:20%;

    padding:30px 80px;
    border-width: 1px;
    border-style: solid;
    border-radius:3px;
    background-color: #154273;
    z-index:0;
}

.emptyDataBlock label {
    color: #fff;
}

.emptyDataBlock h1 {
    color: #fff;
}*/

.loginBlock {
    /*width:360px;*/
    width:420px;
    height:320px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-260px;
    margin-top:-205px;
    /*padding:30px 80px;*/
    padding:30px 40px;
    border-width: 1px;
    border-style: solid;
    border-radius:3px;
}

.loginBlock h1 {
    margin-top:0px;
}

.loginBlock .textLink {
    margin-top: 7px;
    display: inline-block;
}

.loginBlock .buttonBlock {
    position: absolute;
    bottom: 30px;
    width:410px;
}

.loginBlock .mainButton {
    float: right;
}

.loginBlock .extraInfo {
    position:absolute;
    top:100%;
    left:0px;
    right:0px;
    padding-top: 7px;
    color:#777;
}

.tabs {
    margin-bottom:10px;
}

.tabs > ul{
    padding:0px;
    list-style:none;
    margin:0px;
    border-bottom:1px solid #ccc;
    height: 29px;
}

.tabs > ul > li{
    display:inline-block;
    padding: 5px 15px;
    border:1px solid transparent;
    margin-bottom:-1px;
    /*border-top-left-radius:3px;
    border-top-right-radius:3px;*/
    cursor:pointer;
    color: #428bca;
    border-bottom-color:#ccc;
    margin-right:2px;
}

.tabs > ul > li:hover {
    background-color:#f3f3f3;
}

.tabs > ul > li.active{
    background-color:#fff;
    border:1px solid #ccc;
    border-bottom:1px solid #fff;
    color: #333;
}

.tabs > ul > li.disabled {
    color:#ccc;
    cursor:default;
    background-color:#fff;
}

.tabs > div {
    border-left: 1px solid #ccc;
    padding:10px;
}

.aside .datepicker {
    margin-bottom: 8px;
}

.hide {
    display:none !important;
}

#toolbar {
    position:absolute;
    right:20px;
    top:0px;
    padding:4px 20px;
    /*background-color:#fff;*/
    /*border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;*/
    z-index:2;
    width:453px;
    background-color:#e8e8e8;
}

#toolbar .toolbar-button {
    border:none;
    background-color:#154273;
    padding:8px 15px;
    color:#fff;
    background-repeat:no-repeat;
    background-position: 10px center;
    cursor:pointer;
    margin-right:4px;
}

#toolbar .toolbar-button[disabled="disabled"] {
    background-color:#ccc;
    cursor:default;
}

    #toolbar .toolbar-button.add {
        background-image:url("/Images/Icons/add.png");
        padding-left:33px;
        width:115px;
    }

    #toolbar .toolbar-button.edit {
        background-image:url("/Images/Icons/edit.png");
        padding-left:33px;
        width:106px;
    }

    #toolbar .toolbar-button.save {
        background-image:url("/Images/Icons/save.png");
        padding-left:33px;
        width:98px;
    }

    #toolbar .toolbar-button.delete {
        background-image:url("/Images/Icons/trash.png");
        padding-left:33px;
        width:118px;
    }

#innerpage {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:40px;
    /*overflow-y:scroll;*/
    padding:10px 15px;
    background-color:#e8e8e8;
}

#innerpage .tabs > div {
    left: 15px;
    right: 15px;
    position: absolute;
    bottom: 15px;
    position: absolute;
    top: 116px;
    overflow-y: auto;
    background-color:#fff;
}

#innerpage .tabs > div.showScroll {
    overflow-y:scroll;
}

#pager {
    background-color:#a8a8a8;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    height:40px;
}

#pager .pages {
    color:#154273;
    background-color:#fff;
    line-height:30px;
    padding:0px 5px;
    margin-left:10px;
    display:inline-block;
    margin-top:5px;
    height:30px;
}

#pager ul {
    margin:0px;
    padding:0px;
    position:absolute;
    right:10px;
    top:5px;
}

#pager ul > li {
    margin:0px 0px 0px 3px;
    padding:0px;
    display:inline-block;
    color:#154273;
    background:#fff;
    height:30px;
    text-align:center;
    line-height:30px;
    min-width:35px;
}

#pager ul > li > span {
    display:block;
    padding:0px 5px;
    background:#ccc;
}

#pager ul > li > a {
    display:block;
    color:#154273;
    padding:0px 5px;
    text-decoration:none;
}

#pager ul > li > span.active {
    display:block;
    color:#fff;
    background:#154273;
    padding:0px 5px;
    text-decoration:none;
}

.table {
    width:100%;
    border-color:#ccc;
    border-collapse: collapse;
}

.table > thead {
    text-align:left;
    background-color:#154273;
    color:#fff;
}

.table > thead > tr > th {
    padding-left:5px;
    text-align: inherit;
    height: 30px;
}

.table > thead > tr > th > a {
    color:#fff;
    text-decoration:none;
    height: 100%;
    display: inline-block;
    line-height:30px;
    background-position:right 8px;
    background-repeat:no-repeat;
    padding-right:20px;
    position:relative;
}

.table > thead > tr > th.right > a {
    background-position:left 8px;
    padding-left:20px;
    padding-right:0px;
}

.table > thead > tr > th > a:hover::after {
    content: "";
    background-image:url("/Images/Icons/asc.png");
    opacity:0.5;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-position:right 8px;
    background-repeat:no-repeat;
}
.table > thead > tr > th.right > a:hover::after {
    background-position:left 8px;
}

.table > thead > tr > th > a.Ascending::after {
    background-image:url("/Images/Icons/desc.png");
}


.table > thead > tr > th > a.Ascending {
    background-image:url("/Images/Icons/asc.png");
}

.table > thead > tr > th > a.Descending {
    background-image:url("/Images/Icons/desc.png");
}

.table > tbody > tr {
    border-top:1px solid #ccc;
}

.table tbody tr:nth-child(2n+1) {
    background-color:#e8e8e8;
}

.table > tbody > tr:hover {
    background-color:#ccc;
}

.table > tbody > tr > td {
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    /*border-left: 1px solid #ccc;*/
}

.table td[onclick] {
    cursor:pointer;
}

td.top {
    vertical-align:top;
}

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

.table .id {
    background-color: #e8e8e8;  
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    text-align:right;
    padding-right:5px;
    padding-left:0px;
    width:50px;
}

.stripeless-table {
    width:100%;
    border-color:#ccc;
    border-collapse: collapse;
}

.stripeless-table > thead {
    text-align:left;
    background-color:#154273;
    color:#fff;
}

.stripeless-table > thead > tr > th {
    padding-left:5px;
    text-align: inherit;
    height: 30px;
}

.stripeless-table > thead > tr > th > a {
    color:#fff;
    text-decoration:none;
}

.stripeless-table > tbody > tr {
}

stripeless-table > tbody > tr:first-child {
    border-top:none;
}

.stripeless-table > tbody > tr > td {
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    /*border-left: 1px solid #ccc;*/
}

tr.translation-header {
    border-top:1px solid #ccc;
}

tr.translation-header:first-child {
    border-top:none;
}

.popup {
    position:fixed;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background-color:rgba(51, 51, 51, 0.3);
    z-index:999;
}

.popup > .control {
    background-color:#fff;
    position:absolute;
    left:50%;
    top:50%;
    width:600px;
    height:400px;
    margin-left:-302px;
    margin-top:-202px;
    border:2px solid #154273;
}

.popup > .control > .closebutton {
    position:absolute;
    right:-13px;
    top:-13px;
    /*background-color:#fff;*/
    cursor:pointer;
}

.popup > .control > .title {
    padding:0px 0px 2px 20px;
    background-color:#154273;
    color:#fff;
    font-size:20px;
    line-height:42px;
    height:42px;
}

.popup > .control > .content {
    padding:5px;
    overflow:auto;
}

.popup > .control > .message {
    padding:0px;
    height:0px;
    transition:all 1s;
    border-width:0px;
    overflow:hidden;
    border-width:0px 2px;
    border-style:solid;
    position:relative;
    margin:0px 5px;
}

.popup > .control > .message.show {
    height:42px;
    border-width:2px;
    margin-top:5px;
}

.popup > .control > .message.Error {
    background-color:#fff;
    /*background-color:#fdf7f7;*/
    color:#000;
    /*color:#d9534f;*/
    border-color:#e61c1c;
    /*border-color:#d9534f;*/
}

.popup > .control > .message.Success {
    background-color:#fff;
    /*background-color:#dff0d8;*/
    color:#000;
    /*color:#3c763d;*/
    border-color:#059b00;
    /*border-color:#3c763d;*/
}

.popup > .control > .message.Info {
    background-color:#fff;
    /*background-color:#f4f8fa;*/
    color:#000;
    /*color:#5bc0de;*/
    border-color:#0082e6;
    /*border-color:#5bc0de;*/
}

.popup > .control > .message.Error .icon {
    background-image:url("/Images/Icons/flash.png");
    /*background-image:url("/Images/Icons/error.png");*/
    background-color:#e61c1c;
}

.popup > .control > .message.Success .icon {
    background-image:url("/Images/Icons/check.png");
    /*background-image:url("/Images/Icons/success.png");*/
    background-color:#059b00;
}

.popup > .control > .message.Info .icon {
    background-image:url("/Images/Icons/information.png");
    /*background-image:url("/Images/Icons/info.png");*/
    background-color:#0082e6;
}

.popup > .control > .message > .text {
    position:absolute;
    bottom:2px;
    line-height:38px;
    height:38px;
    left:44px;
    right:20px;
    font-size: 10pt;
    /*font-size:18px;*/
}

.popup > .control > .message > .icon {
    position:absolute;
    left:2px;
    bottom:2px;
    display:inline-block;
    height:38px;
    width:38px;
    background-repeat:no-repeat;
    background-position:3px 3px;
    vertical-align: middle;
}

.popup > .control > .message > .closeButton {
    position:absolute;
    bottom:24px;
    right:2px;
    display:inline-block;
    width:16px;
    height:16px;
    cursor:pointer;
    background-image:url("/Images/Icons/closepopupmessage.png");
    background-size:12px;
    background-repeat:no-repeat;
    background-position:center;
}

.popup > .control > .message.Error > .closeButton {
    background-color:#e61c1c;
}
.popup > .control > .message.Success > .closeButton {
    background-color:#059b00;
}
.popup > .control > .message.Info > .closeButton {
    background-color:#0082e6;
}

.popup .title > .icon {
    display:none;
    height:38px;
    width:38px;
    background-repeat:no-repeat;
    background-position:3px 3px;
    vertical-align: middle;
    border:2px solid #fff;
}

.error > .popup .title > .icon {
    display:inline-block;
    margin-right:5px;
    background-image:url("/Images/Icons/flash.png");
}

.success > .popup .title > .icon {
    display:inline-block;
    margin-right:5px;
    background-image:url("/Images/Icons/check.png");
}

.info > .popup .title > .icon {
    display:inline-block;
    margin-right:5px;
    background-image:url("/Images/Icons/information.png");
}

.warning > .popup .title > .icon {
    display:inline-block;
    margin-right:5px;
    background-image:url("/Images/Icons/warning.png");
}

.error > .popup > .control {
    background-color:#fff;
    color:#000;
    border-color:#e61c1c;
}

.error > .popup > .control > .title {
    background-color:#e61c1c;
    padding-left:0px;
    line-height:20px;
}

.success > .popup > .control {
    background-color:#fff;
    color:#000;
    border-color:#059b00;
}

.success > .popup > .control > .title {
    background-color:#059b00;
    padding-left:0px;
    line-height:20px;
}

.info > .popup > .control {
    background-color:#fff;
    color:#000;
    border-color:#0082e6;
}

.info > .popup > .control > .title {
    background-color:#0082e6;
    padding-left:0px;
    line-height:20px;
}

.warning > .popup > .control {
    background-color:#fff;
    color:#000;
    border-color:#ff9b00;
}

.warning > .popup > .control > .title {
    background-color:#ff9b00;
    padding-left:0px;
    line-height:20px;
}

.table.events > tbody > tr.mainEvent {
    background-color:#e8e8e8;
}

.table.events > tbody > tr.dayEvent {
    background-color:#ccc;
}

.table.events > tbody > tr.subEvent {
    background-color:#fff;
}

.table tr.indent > td:first-child {
    padding-left:21px;
    /*background-image:url("/Images/Icons/indent.png");
    background-repeat:no-repeat;
    background-position:3px center;*/
}

.table tr.indent2 > td:first-child  {
    padding-left:36px;
    /*background-image:url("/Images/Icons/indent.png");
    background-repeat:no-repeat;
    background-position:19px center;*/
}


.table td.indent {
    padding-left:21px;
    /*background-image:url("/Images/Icons/indent.png");
    background-repeat:no-repeat;
    background-position:3px center;*/
}

.table td.indent2 {
    padding-left:36px;
    /*background-image:url("/Images/Icons/indent.png");
    background-repeat:no-repeat;
    background-position:19px center;*/
}

.eventHeader {
    padding-left:40px;
    width:610px;
    position:relative;
    font-weight:bold;
}

.legenda {
    border:1px solid #ccc;
    padding:10px;
    font-size:10px;
    display:inline-block;
}

.legenda {
    left:100%;
    position:absolute;
    margin-left:20px;
    font-weight:normal;
    width:335px;
}

.eventHeader > .checkboxes {
    position:absolute;
    right:0px;
}

.eventSettings {
    padding-left:40px;
    width:610px;
    position:relative;
    margin-top:3px;
}

.checkboxPreview {
    vertical-align:middle;
    display:inline-block;
    width:24px;
    height:24px;
    display:inline-block;
    background-image:url("/images/Checkboxes/checkbox.png");
    background-color:#fff;
}

.checkboxPreview.checked {
    background-image:url("/images/Checkboxes/checkbox_checked.png");
}
.checkboxPreview.disabled {
    background-image:url("/images/Checkboxes/disabled_checkbox.png");
}
.checkboxPreview.checked.disabled {
    background-image:url("/images/Checkboxes/disabled_checkbox_checked.png");
}
.checkboxPreview.none {
    background-image:url("/images/Checkboxes/no_checkbox.png");
}
.checkboxPreview.none.checked {
    background-image:url("/images/Checkboxes/no_checkbox_checked.png");
}

/*.dayEvent input[type=checkbox] {
    display:none;
}

.dayEvent .checkboxPreview {
    display:none;
}*/

.eventSettings .checkboxes {
    position:absolute;
    right:0px;
}

.eventSettings .checkboxes .checkboxPreviewEnabled{
    position:absolute;
    right:18px;
}

.eventSettings .checkboxes .checkboxPreviewChecked{
    position:absolute;
    right:67px;
}

.eventSettings .checkboxes .checkboxPreviewVisible{
    position:absolute;
    right:115px;
}

.eventSettings .mainEvent:first-child {
    margin-top: 0px;
    border-top: none;
    padding-top: 0px;
}

.eventSettings .mainEvent {
    margin-top: 10px;
    border-top: 1px solid #333;
    padding-top: 15px;
}

.functionSortControl {
    clear:both;
    position:relative;
    overflow-x:auto;
}

.functionSortControl > .inner {
    min-width:1660px;
}

.functionSortControl .head {
    background-color:#154273;
    color:#fff;
    padding:0px 12px;
    min-height:30px;
    line-height:30px;
    font-weight:bold;
    /*display:inline-block;*/
}

.functionSortControl .name {
    width:200px;
    display:inline-block;
}

.functionSortControl .amount {
    width:200px;
    display:inline-block;
    text-align:right;
}

/*.functionSortControl .sortcontrol > div {
    display:inline-block;
}*/

input.alignRight {
    text-align:right;
}

.functionSortControl .maxAmount {
    width:200px;
    display:inline-block;
    text-align:right;
}

.ExtraLarge {
    font-size:60px;
    color:darkred;
}

.popupBottomBox {
    position:absolute;
    bottom:5px;
    right:5px;
}

.popupBottomBox > .btn {
    margin-top:10px;
}

.videoContainer {
    border: 10px #333 solid;
    background-color: #666;
    height:240px;
    width:320px;
    position:relative;
    display:inline-block;
    vertical-align:top;
}

.webcamControl > .controls, .popupControls {
    /*display:inline-block;
    width:200px;*/
    position:absolute;
    bottom:20px;
}

.webcamControl > .controls > .btn:first-child {
    /*margin-bottom:10px;*/
    margin-right:10px;
}

.videoContainer > * {
    height:240px;
    width:320px;
}

.btn.camerabutton {
    display:inline-block;
    width:34px;
    height:34px;
    background-color : rgb(66, 139, 202);
    background-image:url("/Images/Icons/camera_inverted.png");
    background-repeat:no-repeat;
    background-position:center center;
}

input[type=submit][disabled].btn.camerabutton, a.btn.aspNetDisabled.camerabutton {
    background-image:url("/Images/Icons/camera_disabled.png");
}

.videoContainer > .takenPicture {
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
}

.videoContainer > .takenPicture > img {
    height:240px;
    width:320px;
}

#toolbar .menu {

}

#toolbar .menu > li:first-child {
    margin-left:0px;
}

#toolbar .menu > li {
    margin-left:4px;
    display:inline-block;
}

#toolbar .menu > li > a, #toolbar .menu > li > span {
    background-color: #154273;
    color:#fff;
    padding: 8px 10px;
}

#toolbar .menu > li.disabled > a, #toolbar .menu > li.disabled > span {
    background-color: #ccc;
}

.JSONtable > tbody.loading, .emptyDataBlock.loading {
    opacity: 0.5;
}

.JSONtable th {
    cursor:pointer;
}

.JSONtable th[data-sortname] {
    cursor:pointer;
}

.JSONtable th[data-sortname] > span {
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:20px;
}

.JSONtable th[data-sortname].right > span {
    padding-right:5px;
    padding-left:20px;
    background-position:left center;
}

.JSONtable th.asc > span {
    background-image:url("/Images/Icons/asc.png");
}

.JSONtable th.desc > span {
    background-image:url("/Images/Icons/desc.png");
}

.clickable {
    cursor:pointer;
}

#ELPager.JSONpager > ul > li > span {
    background-color:#FFFFFF;
    cursor:pointer;
}

#ELPager.JSONpager > ul > li > span.disabled {
    background-color:#ccc;
    cursor:default;
}

#ELPager.JSONpager > ul > li > span.active {
    background-color:#154273;
    cursor:default;
}

.removablesortcontrol .removebtn {
    width: 28px;
    height: 28px;
    background-color: #154273;
    display: inline-block;
    background-image: url("/Images/Icons/trash.png");
    background-position: center center;
    background-repeat: no-repeat;
    border:none;
    right:10px;
    position:absolute;
    cursor:pointer;
}

.removebtn[disabled=disabled] {
    background-color:#e8e8e8;
}

.removablesortcontrol .editbtn {
    width: 28px;
    height: 28px;
    background-color: #154273;
    display: inline-block;
    background-image: url("/Images/Icons/edit.png");
    background-position: center center;
    background-repeat: no-repeat;
    border:none;
    right:10px;
    position:absolute;
    cursor:pointer;
}

.removablesortcontrol .removebtn + .editbtn {
    right:42px;
}

.removablesortcontrol .editbtn + .removebtn {
    right:42px;
}

.removablesortcontrol .sortcontrol > div {
    position: relative;
    height:28px;
    line-height:28px;
    padding-right:48px;
}

.whitesortControl .sortcontrol > div {
    background-color:#fff;
}

.table-btn {
    width:20px;
    height:20px;
    margin:0px;
    padding:0px;
    background-color:#428bca;
    border:none;
    background-repeat:no-repeat;
    background-position:center center;
    vertical-align:middle;
    cursor:pointer;
}

.table-btn.aspNetDisabled {
    background-color:transparent;
}

.loginBlock .form-group {
    padding-left:0px;
}

.profileform .btn-infopopup {
    width:20px;
    height:20px;
    display:inline-block;
    background-image:url("/Images/info.png");
    /*background-image:url("/Images/infoicon.png");*/
    vertical-align:middle;
    margin-left:-25px;
    cursor:pointer;
    float:left;
}

.NoteButton {
    background-image:url("/Images/Icons/pencil.png");
    width:32px;
    height:32px;
    cursor:pointer;
    border:none;
    background-color:#fff;
}

.NoteButton[disabled] {
    opacity:0.3;
    cursor:default;
}

.FieldCheckboxlist
{
    width:1000px;
}

.FieldCheckboxlist td
{
    width:250px;
}

.valignmiddle
{
    vertical-align: middle;
}

.greySlider .header {
    background-color:#ccc;
    color: #333;
}

.outerGroupPanel
{
    margin-left: 10px;
}