/*body {
    height: 100vh;
    padding-top: 50px !important;
    padding-bottom: 40px !important;
}*/

.text-danger-msg {
    display: inline;
    position: absolute;
    color: #a94442;
    /* border: 1px solid #F30C08; */
    font-weight: bold;
    background: rgb(255, 255, 255);
    /* padding: 2px; */
    /* min-width: 99%; */
    line-height: 16px;
    z-index: 10;
    padding: 1px;
    border-radius: 2px;
    box-shadow: 2px 2px 6px #E21F1F;
    margin-left: 2px;
}

.k-input:disabled, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap {
    background-color: transparent !important;
}

.nowrap {
    text-wrap: none;
    white-space: nowrap;
}

.waitImages {
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#imgUpdateProgress {
    top: 50%;
    left: 58%;
    z-index: 1000;
    display: none;
    position: fixed;
    background: transparent;
    transform: translate(-50%, -50%);
}

#imgHourGlass {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* HTML5 */
@-ms-viewport {
    width: extend-to-zoom;
    zoom: 1.0;
}

@viewport {
    width: extend-to-zoom;
    zoom: 1.0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* classes */
.row {
    margin: 0;
    margin: 5px;
    min-height: 28px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0;
}

.ui-dialog-titlebar {
    text-align: left !important;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}

/* controls */
input[type='radio'], input[type='checkbox'] {
    margin: 4px;
}

td input.check {
    margin: 0px;
    vertical-align: middle;
}

td > label {
    margin-bottom: 0px;
}

.searchForm li input[type='checkbox'], .searchForm li label, td input.check, .searchForm li input[type='radio'] {
    margin: 0px;
    vertical-align: middle;
}

input[type="file"] {
    display: block;
    height: 33px;
    font-size: 14px;
    line-height: 28px;
}

select {
    width: 100%;
}

.pointers {
    cursor: pointer;
}

.pull-hard-right {
    float: right;
    padding-right: 0px;
}

/* Kendo Styles */
.k-grid-header th.k-header {
    font-weight: bold !important;
}

.ui-widget {
    font-size: 12px !important;
}

.k-grid td {
    padding: 0px 5px !important;
}

.k-list-container {
    min-width: 100px;
}

/*.k-grid tr td {
    border-width: 1px 0px 1px 1px !important;
}*/

.k-pager-numbers .k-state-selected {
    background-color: #e3e3e3;
    color: #000000;
}

.k-autocomplete.k-header {
    width: 100%;
    max-width: 300px;
}

.k-grid table {
    background-color: #ffffff;
}
/* fix for sizing issues */
.modal-sm, .modal-dialog {
    width: calc();
    min-width: 500px;
}

/* margin spacing all around */
.mar {
    margin: 10px;
}

.k-autocomplete, .k-datepicker {
    -webkit-border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    border-radius: 0 0 0 0 !important;
}

.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
    -webkit-border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    border-radius: 0 0 0 0 !important;
}

.newinput {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 1px solid #cacbcb;
    border-color: #cacbcb !important;
}

.modal-content {
    border-top: 15px solid;
}

.full-width {
    width: 100% !important;
    max-width: 100% !important;
}

.modal-header {
    background-color: #f4f4f4;
}

.model-configure .main {
    padding: 12px !important;
}

ul.activity-listing {
    padding: 0 0 0 0;
    float: left;
}

    ul.activity-listing li {
        display: block;
        float: left;
        padding: 0 0 0 0;
        margin-right: 5px;
        border-right: 1px solid #cacbcb;
    }

        ul.activity-listing li:last-child {
            border: none;
        }

.model-configure .main {
    border: none !important;
}

.footer-butts {
    padding: 10px;
    background: #f4f4f4;
}

.modal-footer-activity {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background-color: #f4f4f4;
    clear: both;
}

.clear {
    clear: both;
}

.btn {
    overflow: hidden;
}

/*****my dashboard*****/
.myDashboard {
    margin-bottom: 10px;
}

    .myDashboard .contentWrapp {
        background-color: #fff;
        -webkit-border-radius: 5px;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius: 5px;
        -moz-border-radius-topright: 0;
        border-radius: 5px;
        border-top-right-radius: 0;
        position: relative;
        margin: 30px 5px 10px 5px;
        min-height: 205px;
        padding: 10px 10px 60px 10px;
    }

    .myDashboard .contentWrappNoPadding {
        padding: 10px 10px 0px 10px !important;
    }

    .myDashboard .contentWrapp a.add {
        display: block;
        width: 26px;
        height: 26px;
        background: #212121;
        padding: 5px;
        position: absolute;
        top: -26px;
        right: -1px;
    }

        .myDashboard .contentWrapp a.add i {
            color: rgba(255,255,255,1.00);
            font-size: 18px;
        }

    .myDashboard .contentWrapp h2, .myDashboard .contentWrapp h3 {
        line-height: 24px;
        margin-bottom: 10px;
        font-size: 16px;
    }

        .myDashboard .contentWrapp h2 i, .myDashboard .contentWrapp h3 i {
            display: block;
            float: left;
            margin-right: 5px;
            height: 30px;
        }

        .myDashboard .contentWrapp h2 a {
            font-weight: bold;
            float: right;
            font-size: 20px;
        }

    .myDashboard .contentWrapp .allignCenter {
        border-top: 1px solid #bfc1c3;
        padding-top: 10px;
        margin-top: 15px;
        position: absolute;
        width: 90%;
        bottom: 10px;
        text-align: center;
    }

    .myDashboard .contentWrapp ul li {
        display: block;
        margin-bottom: 5px;
    }

        .myDashboard .contentWrapp ul li p {
            float: left;
            padding: 0;
            margin-bottom: 0;
            line-height: 19px;
        }

        .myDashboard .contentWrapp ul li a {
            float: right;
            color: rgba(255,255,255,1.00);
            padding: 5px;
            font-weight: bold;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            min-width: 25px;
            text-align: center;
            font-size: 11px;
            font-weight: normal;
        }

.btn_active {
    background-color: #212121 !important;
}
/*****my dashboard end*****/

.mar-right5 {
    margin-right: 5px;
}

.mar-right10 {
    margin-right: 10px;
}

.mar-right20 {
    margin-right: 20px;
}

.mar-right30 {
    margin-right: 30px;
}

.mar-right40 {
    margin-right: 40px;
}

#required {
    color: red;
    margin: 0px 2px 0px 2px;
}

.accWS {
    height: 30px;
    float: right;
}

.accWSR {
    height: 30px;
    float: right;
}

#AccesGrid > tbody tr td {
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
}

.margin5 {
    margin-right: 5px;
}

.margin5left {
    margin-left: 5px;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.ui-dialog {
    z-index: 99999 !important;
}

.text-bold {
    font-weight: bold;
}

@media only screen and (max-width: 480px) {
    .modal-sm, .modal-dialog {
        min-width: 320px;
    }
}