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

/* Styles for _Layout.cshtml
-----------------------------------------------------------*/
#body {
    width: 1500px;
    height: 590px;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    padding: .09999em;
    padding-top: 1.5px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
}

section[id*='-manager'] {
    padding-left: .1em;
    padding-right: .1em;
}

#rules-manager-grid .unique-id,
#rules-manager-grid .subject,
#rules-manager-grid .modify,
#rules-manager-grid .primary-filter,
#flag-manager-grid .subject,
#flag-manager-grid .flags,
#flag-manager-grid .source-id {
    text-align: center;
}

.k-grid tbody td > .k-grid-editSelected,
.k-grid tbody td > .k-grid-addSelected,
.k-grid tbody td > .k-grid-edit,
.k-grid tbody td > .k-grid-delete {
    -moz-min-width: 15px;
    -ms-min-width: 15px;
    -o-min-width: 15px;
    -webkit-min-width: 15px;
    min-width: 15px;
}

.k-grid-toolbar {
    min-height: 23.04px;
}

.btn-edit {
    margin-right: .3em;
}

.k-window-title {
    left: 0.6em;
}

.k-window-title,
.k-window-titlebar .k-window-actions {
    right: 0.3em;
}

.k-edit-label {
    width: 13%;
    text-align: left;
    margin-left: 0.6em;
}

.k-edit-field {
    width: 83%;
    margin-right: 0.8em;
}

.k-textbox#description {
    width: 64.24em;
    border: 1px solid #adadad;
}

@media screen and (min-width: 768px) {

    #myModal .modal-dialog {
        width: 734px;
    }
}

.form-group {
    margin-top: 20px;
}

.query-builder-container {
    height: 300px;
    width: 666px;
    max-height: 500px;
    overflow: auto;
    padding: 15px;
    border: 1px solid #adadad;
    background-color: #f5f5f5;
}

.alert {
    border: 1px solid #3a87ad;
    background-color: #f1f5fc;
    padding: 10px;
}

div#alert-criteria-text {
    border: 1px solid #adadad;
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
}

div.alert-group {
    margin-top: 15px;
    width: 640px;
    margin-right: 15px;
}

div.alert-condition {
    margin-top: 5px;
}

.form-control.input-sm {
    width: 180px;
}

.action-container {
    margin-bottom: .3em;
    margin-left: 2px;
    margin-right: 0;
}

.k-pager-input,
.k-pager-sizes {
    padding-left: 1em;
    padding-right: 1em;
}

/*new styles*/

#rules-manager,
#flag-manager {
    position: absolute;
    top: 46px;
    min-height: 585px;
    max-height: 585px;
}

#rules-manager {
    left: 28px;
    width: 1000px;
}

#flag-manager {
    width: 500px;
    margin-left: 1027px;
}

#editSelected {
    background-color: #E0ED53;
    border: #E0ED53;
    margin: 0px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    width: 16px;
    height: 16px;
}

#addSelected {
    margin: 0px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    width: 22px;
    height: 22px;
}

#k-edit {
    margin-left: -7px;
    margin-top: -6px;
}

div[class='modal-backdrop in'] {
    display: none;
}

/***Bootstrap 3 styles****/

/*Modal styles*/
.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 10%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #5F715B;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
}

    .modal-backdrop.in,
    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

#modal-header {
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .07) 100%);
    background-image: none, -moz-linear-gradient(top, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .07) 100%);
    background-image: none, -o-linear-gradient(top, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .07) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .07) 100%);
    background-position: 50% 50%;
    background-color: #1d1d1d;
    height: 1.1em;
    min-height: 16px;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

#modal-body {
    border-width: 0 2px 2px 2px;
    border-style: solid;
    border-color: white;
}

.modal-footer {
    padding-top: 15px;
    padding-left: 15px;
    text-align: right;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

/**Buttons styles**/
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    /*vertical-align: middle;*/
    -ms-touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none;
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.condition-remove-icon {
    vertical-align: sub;
}

#btn-remove-condition {
    vertical-align: bottom;
}

/*** Admin main styles ***/
section.nav-panel-container,
#sub-conteiner-div,
#content-sub-container,
.form-content,
.form-horizontal {
    position: absolute;
}

section.nav-panel-container {
    width: 250px;
    height: 589px;
    max-height: 589px;
    left: 30px;
    top: 46px;
    z-index: 25;
    /*overflow: hidden;*/
}


#nav-bar-treeview {
    background-color: #242527;
    height: 588px;
    /*width: 290px;*/
    width: 260px;
}

div.k-treeview li > a,
.k-in {
    color: white;
}


#sub-conteiner-div {
    left: 0px;
    top: 0px;
}

#content-sub-container {
    left: 260px;
    top: 0px;
    width: 1240px;
    height: 588px;
    background-color: #3d3d3d;
}

.form-content {
    width: 700px;
}

.form-horizontal {
    left: 20px;
    right: 20px;
}

.form-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .form-group:first-child {
        margin-top: 20px;
    }

.label-container,
.control-group,
.control {
    display: inline-block;
    vertical-align: middle;
}

.label-container {
    margin-right: 15px;
}

.policy-control-label {
    width: 195px;
    text-align: right;
}

.control-label-horizontal {
    text-align: right;
}

.forgot-label-container {
    width: 112px;
    text-align: right;
}

.br-separator {
    margin-top: 290px;
    height: 20px;
    background-color: lightSlateGray;
}

.separator-label {
    vertical-align: middle;
    color: black;
    font-size: 14px;
    line-height: 20px;
    margin-left: 15px;
}

#expire-all-passwords {
    margin: 0;
}

#message,
#help-link {
    width: 432.08px;
}

.submit-control-group {
    position: relative;
    display: block;
    margin-top: 35px;
}

.submit-control-group,
#form-submit {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}

.control-group label {
    text-align: right;
}

.form-under-separator,
.expired-form,
.centered-form {
    position: relative;
    width: 570px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

#expire-all-container {
    margin-left: 15px;
}

#secret-answer,
#password-lifetime {
    margin: 0;
}

/*input[type='chebox'] {
    margin: 0;
}*/

#ip-range-start,
#ip-range-end {
    width: 170px;
}

.k-button-add {
    background-color: #06c;
}

.network-access-container {
    position: absolute;
    top: 123px;
    left: 3px;
    right: 3px;
}

#network-access-grid > .k-grid-content {
    max-height: 370px;
}

.serial-number-column {
    background-color: rgb(221, 217, 196);
    color: black;
}

.k-state-selected > .serial-number-column {
    background-color: #cccccc;
}

.existing-users-column {
    background-color: rgb(255, 255, 0);
    color: black;
}

#settings-grid,
#users-grid,
#dates-grid {
    position: absolute;
    top: 0;
}

#settings-grid {
    width: 510px;
}

#users-grid {
    width: 378px;
    margin-left: 510px;
}

#dates-grid {
    width: 350px;
    margin-left: 888px;
}

.permission-treeview-container {
    background-color: lightSlateGray;
    width: 668px;
    max-height: 225px;
    height: 225px;
    border: 1px solid #242527;
    padding: 15px;
    overflow-y: auto;
}

/*#template-container {
    width: 250px;
}*/


#node-template {
    display: inline-block;
}


    #node-template:last-child {
        display: inline-block;
        position: absolute;
        right: 0;
    }


    #node-template:first-child {
        width: auto;
        -moz-min-width: 150px;
        -ms-min-width: 150px;
        -o-min-width: 150px;
        -webkit-min-width: 150px;
        min-width: 150px;
    }

div input[type='radio'] {
    margin-right: 50px;
}

    div input[type='radio']:last-child {
        margin-right: 0;
    }

#permission-treeview {
    margin-bottom: 15px;
    width: 650px;
}

    #permission-treeview,
    #permission-treeview li {
        overflow-y: hidden;
    }

#status-label,
.specific-status-label {
    position: absolute;
}

#status-label {
    top: -4px;
    right: 0;
}

#status-label,
#group-user-name {
    margin-left: 5px;
    margin-right: 27px;
}

.specific-status-label:nth-child(1) {
    right: 204px;
}

.specific-status-label:nth-child(2) {
    right: 133px;
}

.specific-status-label:nth-child(3) {
    right: 64px;
}

#node-template > input[type='radio'] {
    opacity: 0.4;
}

    #node-template > input[type='radio']:checked {
        opacity: 1;
    }

#permission-node-name {
    width: 250px;
}


/* Styles for Dashboard
-----------------------------------------------------------*/
#photoPresenter,
.picture-scroll-container,
.progress-container,
.statistics-container,
.status-container,
.date-sorce-grid-container {
    position: absolute;
}


.picture-scroll-container {
    background-color: #4d4d4d;
    top: 2px;
    left: 2px;
}

.progress-container #progress-separator-bottom,
.section-separator-horizontal {
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .07) 100%);
    background-image: none, -moz-linear-gradient(top, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .07) 100%);
    background-image: none, -o-linear-gradient(top, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .07) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .07) 100%);
    background-position: 50% 50%;
    background-color: #1d1d1d;
    border-color: #2b2b2b;
}

#photoPresenter,
.picture-scroll-container {
    height: 294px;
}

#photoPresenter,
.statistics-container {
    width: 900px;
}

#photoPresenter {
    position: relative;
}

.progress-container {
    left: 902px;
    width: 598px;
    height: 295px;
    top: 1px;
}

.progress-data-grid {
    margin-top: 8px;
    position: absolute;
    right: 17px;
}

.data-value-title {
    text-align: right;
}

.data-value {
    width: 80px;
    height: 12px;
    border: 1px slategray dotted;
    background-color: #4d4d4d;
    text-align: center;
}

#progress-separator-bottom .data-value {
    width: 40px;
}

    #progress-separator-bottom .data-value.date {
        width: 75px;
    }

.statistics-container {
    top: 312px;
}

.statistics-sub-container,
.sorce-grid-container,
.total-each-grid,
.total-percentage-grid,
.by-date-each-grid,
.section-separator-horizontal,
.section-separator-horizontal .main-middle {
    position: absolute;
}

.statistics-sub-container {
    top: 193px;
}

/*.total-each-grid,*/
.total-percentage-grid,
/*.by-date-each-grid,*/
.by-date-percentage-grid {
    width: 401px;
}

.total-each-grid,
.by-date-each-grid {
    width: 499px;
}

.date-source-grid,
.source-grid {
    width: 100px;
}

.total-each-grid,
.by-date-each-grid {
    /*left: 98px;*/
}

.by-date-percentage-grid,
.total-percentage-grid {
    left: 500px;
}

.date-source-grid td.k-header,
.source-grid td.k-header {
    min-height: 18px;
    line-height: 18px;
    padding: .5em .6em .4em .6em;
    text-align: right;
}

    .date-source-grid td.k-header h3,
    .source-grid td.k-header h3 {
        margin: 0;
    }

.sorce-grid-container {
    top: -1.5px;
}

.total-each-grid .k-grid-content,
.total-percentage-grid .k-grid-content,
.by-date-each-grid .k-grid-content,
.by-date-percentage-grid .k-grid-content {
    overflow-y: visible;
}


.total-each-grid .k-grid-header,
.total-percentage-grid .k-grid-header,
.by-date-each-grid .k-grid-header,
.by-date-percentage-grid .k-grid-header,
.total-each-grid .k-grid-footer,
.total-percentage-grid .k-grid-footer {
    padding-right: 0 !important;
}

.date-sorce-grid-container {
    top: -1px;
}

.by-date-each-grid .k-grid-header,
.by-date-percentage-grid .k-grid-header {
    display: none;
}

.by-date-each-grid .k-grid-content,
.by-date-percentage-grid .k-grid-content {
    height: 50px !important;
}

.main-middle,
.statistics-container #statistic-separator-middle,
.statistics-container #statistic-separator-bottom {
    left: 2px;
}

.statistics-container #statistic-separator-middle {
    top: 183px;
    height: 10px;
}

.main-middle {
    top: 297px;
    height: 15px;
    width: 1497px;
}

.statistics-container #statistic-separator-bottom {
    top: 245px;
    height: 30px;
}

.statistics-container #statistic-separator-middle,
.statistics-container #statistic-separator-bottom {
    width: 900px;
}

.statistic-data-grid {
    position: absolute;
    top: 3px;
    left: 124px;
}

    .source-grid h3,
    .date-source-grid h3,
    .statistic-data-grid .data-value-title h3 {
        font-weight: 700;
        line-height: 19px;
    }

    .statistic-data-grid .data-value-title h3 {
        margin: 0;
    }

        .statistic-data-grid .data-value-title h3:last-child {
            margin-left: 20px;
        }

.progress-container #progress-separator-bottom {
    width: 596px;
    left: 1px;
}

.progress-container #progress-separator-bottom {
    height: 48px;
}

.status-container {
    top: 312px;
    left: 902px;
}

.status-grid-container {
    width: 598px;
}

.status-grid .k-grid-content {
    height: 215px !important;
}

#toolbar-control-group,
#toolbar-control:first-child,
#toolbar-control:last-child {
    position: absolute;
}

#toolbar-control-group {
    right: 0;
}

#toolbar-control:first-child {
    right: 2.9em;
}

#toolbar-control:last-child {
    right: 0.4em;
    margin-top: 1px;
}

#toolbar-control .k-dropdown {
    width: 300px;
}

.total-each-grid .k-header,
.total-each-grid td[role='gridcell'],
.total-each-grid .k-footer-template,
.total-percentage-grid .k-header,
.total-percentage-grid td[role='gridcell'],
.total-percentage-grid .k-footer-template,
.progress-grid .k-header,
.progress-grid td[role='gridcell'],
.status-grid .k-header,
.status-grid td[role='gridcell'] {
    text-align: center;
}

    .progress-grid .k-header:nth-child(1),
    .progress-grid .k-header:nth-child(2),
    .progress-grid td[role='gridcell']:nth-child(1),
    .progress-grid td[role='gridcell']:nth-child(2) {
        text-align: left;
    }

.data-value-white-space {
    width: 25px;
    border: none;
    background-color: inherit;
}

#grid-to-add .k-grid-content {
    height: 189px !important;
}

#permission-tabstrip {
    height: 302px;
}


.k-tabstrip > .k-content {
    margin: 0;
}
    
#permission-tabstrip-1 {
    padding: 0;
    margin: 0;
    height: 272px;
}

#permission-tabstrip {
    width: 700px;
}

#permission-tabstrip-1 {
    width: 698px;
}

#permission-tabstrip-2 {
    width: 680px;
    height: 264px;
}

#upload-control {
    width: 366px;
}

#group-img {
    height: 228px;
}

.upload-control-group {
    width: 402px;
    left: 136px;
    right: 136px;
}

.upload-control-group,
.upload-control,
.upload-preview {
    position: absolute;
}

.upload-control,
.upload-preview {
    display: inline-block;
}

.upload-control {
    top: 5px;
}

.upload-preview {
    top: 32px;
    background-color: lightSlateGray;
    border: 1px solid black;
    height: 228px;
    width: 366px;
}

#client-detail > .section-top > .grid-container,
#client-detail > .section-bottom > .grid-container,
.scheduler-grid #schedule-grid-toolbar-control-group {
    position: absolute;
}

#client-detail > .section-top > .grid-container {
    /*width: 620px;*/
    left: 1px;
}

    #client-detail > .section-top > .grid-container:nth-child(2) {
        left: 621px;
    }

#client-detail > .section-bottom > .grid-container {
    top: 309px;
    left: 1px;
}

.scheduler-grid #schedule-grid-toolbar-control {
    display: inline-block;
}

    .scheduler-grid #schedule-grid-toolbar-control:first-child {
        left: 0;
    }

    .scheduler-grid #schedule-grid-toolbar-control:last-child {
        position: absolute;
        right: 0%;
    }

.scheduler-grid .k-grid-excelImport {
    position: absolute;
    right: 0.3em;
}

.scheduler-grid .k-grid-add,
.scheduler-grid .k-grid-excelImport {
    margin-top: 2px;
}

#client-detail .main-middle {
    width: 1238px;
}

.scheduler-grid .k-header,
.scheduler-grid td[role='gridcell'] {
    text-align: center;
}

    .scheduler-grid .k-header:nth-child(1),
    .scheduler-grid .k-header:nth-child(2),
    .scheduler-grid td[role='gridcell']:nth-child(1),
    .scheduler-grid td[role='gridcell']:nth-child(2) {
        text-align: left;
    }

    .scheduler-grid .k-header:last-child,
    .scheduler-grid td:last-child {
        width: 50px;
    }

    
.slate-control-grid a.k-grid-update.k-button.k-button-icontext,
.scheduler-grid a.k-button-icontext.k-button.k-grid-update {
    background-color: #006edb;
    border-color: #006edb;
}

.slate-control-grid a.k-grid-cancel.k-button.k-button-icontext,
.scheduler-grid a.k-button-icontext.k-button.k-grid-cancel {
    background-color: #AD553A;
    border-color: #AD553A;
}

.k-state-selected {
    background-color: #06c;
}

.slate-control-grid,
.slate-control-grid .k-header {
    text-align: center;
}

.slate-control-grid .k-header:first-child,
.slate-control-grid td[role='gridcell']:first-child {
    text-align: left;
}

.slate-control-grid .k-header:last-child,
.slate-control-grid td[role='gridcell']:last-child {
    width: 50px;
    font-size: x-small;
}

.slate-control-grid thead tr:first-child th:nth-child(3) {
    background-color: transparent;
}

.slate-control-grid thead tr:first-child th {
    font-size: small;
}

.slate-control-grid .k-pager-sizes {
    position: absolute;
}

.slate-control-grid .k-grid-content {
    min-height: 294px;
}

.slate-control-grid .k-grid-header {
    height: 54px;
}