html, body, form {
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

#UpdateDetails {
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: white;
}

/*--- Master Page Area--*/
.master-page {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    min-width: 100%;
}

    .master-page .master-page-content {
        height: calc(100vh - 0px);
        display: flex !important;
        flex-direction: row !important;
        position: relative;
    }

    .master-page .master-page-navbar {
        height: 60px;
        padding-right: 15px;
        padding-left: 10px;
        border-bottom: 0;
        box-shadow: 0 0 2rem 0 rgba(33,37,41,.1);
        position: relative;
        border-bottom: solid;
        border-width: 1px;
        border-color: lightgray;
        font-family: Arial, Helvetica, sans-serif;
    }

    .master-page .master-page-content .sidemenu {
        display: flex;
        width: 265px;
        border-right: solid;
        border-width: 1px;
        border-color: lightgray;
        min-height: 100vh !important;
        -webkit-user-select: none; /* Safari */
        user-select: none;
    }

    .master-page .master-page-content .master-page-detail {
        height: 100%;
        width: 100%;
        flex-grow: 1;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        /*background-color: #7887AB;*/
    }

    .master-page .master-page-footer {
        height: 28px;
        display: flex !important;
        flex-direction: column !important;
        position: relative;
        text-align: center;
        vertical-align: central;
        font-size: 14px;
        padding-top: 1px;
        border: solid;
        border-width: 1px;
        border-color: lightgray;
    }

.master-page-navbar .slidebutton {
    cursor: pointer;
    float: left;
    font-size: 28px;
    color: black;
    text-align: center;
    padding: 7px 5px;
    text-decoration: none;
}

.master-page-navbar .compayny-info {
    float: left;
    font-size: 25px;
    color: black;
    text-align: center;
    padding: 7px 5px;
    text-decoration: none;
}

/*--- Side Menu Area---*/

.sidebar {
    height: 100vh;
    direction: ltr;
    max-width: 265px;
    min-width: 265px;
    -webkit-user-select: none; /* Safari */
    user-select: none;
}

    .sidebar .title-bar {
        display: flex;
        height: 60px;
        padding-left: 25px;
        text-align: center;
        border-bottom: solid;
        border-width: 1px;
        border-color: darkslategrey;
    }

        .sidebar .title-bar .title-icon {
            float: left;
            text-align: center;
            padding: 10px 5px;
            text-decoration: none;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }

        .sidebar .title-bar .title {
            float: right;
            font-size: 25px;
            /*color: whitesmoke;*/
            color: #ced4da;
            text-align: center;
            padding: 10px 5px;
            font-weight: 545;
            /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
        }

    .sidebar .side-navbar {
        height: calc(100vh - 86px);
        padding-right: 15px;
        padding-left: 10px;
        border-bottom: 0;
        box-shadow: 0 0 2rem 0 rgba(33,37,41,.1);
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        overflow: hidden;
        scrollbar-width: thin;
        /*scrollbar-color: darkslategrey #222e3c;*/
        scrollbar-color: #808080 #222e3c;
        /*color: #513939*/
    }

    .sidebar .sidebar-footer {
        display: inline-flex;
        height: 25px;
        color: white;
        display: flex;
        text-align: center;
        align-items: center;
        padding-left: 25px;
        border-top: solid;
        border-width: 1px;
        border-color: darkslategrey;
    }

    .sidebar .sidebar-nav {
        flex-grow: 1;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

    .sidebar .side-navbar:hover {
        overflow-y: scroll;
    }

.sidebar, .sidebar-content {
    background: #222e3c;
    transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out;
}


.sidebar-header {
    background: transparent;
    color: #ced4da;
    font-size: 15px;
    padding: 0.75rem .5rem .375rem
}

.sidebar-link, a.sidebar-link {
    background: #222e3c;
    border-left: 3px solid transparent;
    color: rgba(233,236,239,.5);
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding: 5px 12px;
    position: relative;
    text-decoration: none;
    transition: background .1s ease-in-out
}
    /*------------------------------------------------*/

    .sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg {
        color: rgba(233,236,239,.5);
        margin-right: .75rem
    }

    .sidebar-link:focus {
        outline: 0
    }

    .sidebar-link:hover {
        background: #222e3c;
        border-left-color: transparent
    }

        .sidebar-link:hover, .sidebar-link:hover i, .sidebar-link:hover svg {
            color: rgba(233,236,239,.75)
        }

.sidebar-item {
}

    .sidebar-item.active .sidebar-link:hover, .sidebar-item.active > .sidebar-link {
        background: linear-gradient(90deg,rgba(59,125,221,.1),rgba(59,125,221,.088) 50%,transparent);
        border-left-color: #3b7ddd;
        color: #e9ecef
    }

        .sidebar-item.active .sidebar-link:hover i, .sidebar-item.active .sidebar-link:hover svg, .sidebar-item.active > .sidebar-link i, .sidebar-item.active > .sidebar-link svg {
            color: #e9ecef
        }

.sidebar-title-bar {
    color: #f8f9fa;
    display: block;
    font-size: 1.15rem;
    font-weight: 600;
    padding: 1.15rem 1.5rem
}

    .sidebar-title-bar:hover {
        color: #f8f9fa;
        text-decoration: none
    }

    .sidebar-title-bar:focus {
        outline: 0
    }

.sidebar-toggle {
    cursor: pointer;
    display: flex;
    height: 26px;
    width: 26px
}

.sidebar.collapsed {
    margin-left: -265px
}
/*
@media(min-width:1px)and (max-width:991.98px) {
    .sidebar {
        height: 100vh;
        margin-left: -265px;
    }

        .sidebar.collapsed {
            margin-left: 0
        }
}
*/

/*------------------------------------------------*/


.sidebar-toggle {
    margin-right: 1rem
}

    .sidebar-toggle:hover .hamburger, .sidebar-toggle:hover .hamburger:after, .sidebar-toggle:hover .hamburger:before {
        background: #3b7ddd
    }


/*---Page Format Area---*/

.page {
    height: calc(100vh - 80px);
    display: flex !important;
    flex-direction: column !important;
}

.sample {
    display: contents;
    height: 50px;
    border-style: solid;
    background-color: yellow;
    /*border-bottom: solid;*/
    border-width: 5px;
    border-color: red;
}

.page-header {
    display: flex;
    flex-wrap: nowrap;
    height: 50px;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #f3f2f2;
    box-shadow: 0 0 2rem 0 rgba(33,37,41,.1);
    border-bottom: solid;
    border-width: 1px;
    border-color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
}

.header-title {
    display: flex;
    /*padding-left: 10px;*/
    padding-right: 10px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    font-size: 22px;
    font-family: georgia, serif;
    font-weight: 200;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
    /* font-size: 22px;
    width: 300px;*/
}

.header-content {
    flex: auto;
}

.header-right {
    display: inline-block;
    justify-content: flex-end;
    padding-right: 5px;
    margin-top: -5px;
}

.page .page-body {
    height: calc(100vh - 133px);
    display: flex;
    flex-direction: row !important;
    /*background-color: #2E4272;*/
}

    .page .page-body .side-menu {
        display: table-column;
        word-wrap: inherit;
        min-width: 100px;
        max-width: 100px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body .side-menu-125 {
        display: table-column;
        word-wrap: inherit;
        min-width: 130px;
        max-width: 130px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body .side-menu-150 {
        display: table-column;
        word-wrap: inherit;
        min-width: 150px;
        max-width: 150px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body .side-menu-175 {
        display: table-column;
        word-wrap: inherit;
        min-width: 175px;
        max-width: 175px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body .side-menu-200 {
        display: table-column;
        word-wrap: inherit;
        min-width: 200px;
        max-width: 200px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body .side-menu-225 {
        display: table-column;
        word-wrap: inherit;
        min-width: 225px;
        max-width: 225px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body .side-menu-250 {
        display: table-column;
        word-wrap: inherit;
        min-width: 250px;
        max-width: 250px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body .page-content {
        height: 100%;
        /*width: 100%;*/
        width: calc(100% - 1px);
        flex-grow: 0;
        overflow: hidden !important;
        /* border: solid;
        background-color: #7887AB;*/
    }

    .page .page-body .report {
        margin-left: 50px;
        margin-right: 50px;
        height: 100%;
        width: 100%;
        flex-grow: 0;
        overflow: hidden !important;
        /* border: solid;
        background-color: #7887AB;*/
    }

.page .page-body-full {
    height: calc(100vh - 83px);
    display: flex;
    flex-direction: row !important;
    /*background-color: #2E4272;*/
}

    .page .page-body-full .side-menu {
        width: 100px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
        /* background-color: #4F628E;*/
    }

    .page .page-body-full .page-content {
        height: 100%;
        width: 100%;
        flex-grow: 0;
        overflow: hidden !important;
    }

    .page .page-body-full .report {
        margin-left: 50px;
        margin-right: 50px;
        height: 100%;
        width: 100%;
        flex-grow: 0;
        overflow: hidden !important;
        /* border: solid;
        background-color: #7887AB;*/
    }


    .page .page-body-full .side-menu {
        display: table-column;
        word-wrap: inherit;
        min-width: 100px;
        max-width: 100px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body-full .side-menu-125 {
        display: table-column;
        word-wrap: inherit;
        min-width: 125px;
        max-width: 125px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body-full .side-menu-150 {
        display: table-column;
        word-wrap: inherit;
        min-width: 150px;
        max-width: 150px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body-full .side-menu-175 {
        display: table-column;
        word-wrap: inherit;
        min-width: 175px;
        max-width: 175px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body-full .side-menu-200 {
        display: table-column;
        word-wrap: inherit;
        min-width: 200px;
        max-width: 200px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body-full .side-menu-225 {
        display: table-column;
        word-wrap: inherit;
        min-width: 225px;
        max-width: 225px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

    .page .page-body-full .side-menu-250 {
        display: table-column;
        word-wrap: inherit;
        min-width: 250px;
        max-width: 250px;
        border-right: solid;
        border-width: 2px;
        border-color: lightgray;
    }

.popup-page {
    height: calc(100vh - 0px);
    display: flex !important;
    flex-direction: column !important;
}

    .popup-page .popup-content {
        height: calc(100vh - 52px);
        display: flex;
        flex-direction: row !important;
        /*background-color: #2E4272;*/
    }
/*.popup-page .page-header {
        display: flex;
        flex-wrap: wrap;
        height: 50px;
        padding-top: 10px;
        padding-right: 15px;
        padding-left: 10px;
        border-bottom: 0;
        background-color: #f3f2f2;
        box-shadow: 0 0 2rem 0 rgba(33,37,41,.1);
        border-bottom: solid;
        border-width: 1px;
        border-color: lightgray;
        font-family: Arial, Helvetica, sans-serif;
    }

    .popup-page .header-title {
        font-size: 22px;
        width: 300px;
    }

    .popup-page .header-content {
        border-color: red;
        text-align: center;
        padding: 0px 10px;
    }*/

a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}

.page a:hover, .page a:visited, .page a:link, .page a:active {
    color: unset;
    text-decoration: none;
}


/*---telerik---*/
html .RadListBox {
    min-width: 100px;
}

html .RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip {
    font-size: 12px !important;
}

/*html .RadGrid {*/
/*border: 0 none;*/
/*min-height: 200px;
    max-height: 100%;
    min-width: 100%;
    max-width: 100%;
}*/

html .rwzContent {
    height: 100%;
}

html .RadGrid .rgHeader, .RadGrid .rgHeader a {
    font-size: 15px !important;
}

html .RadGrid .rgCommandRow a {
    font-size: 17px !important;
}

html .rcbLabel {
    /*display: block;*/
    min-width: 125px;
    max-width: 125px;
}

html .RadComboBox_Silk, .RadComboBox_Silk .rcbItem .rcbInputCell .rcbInput, .RadComboBoxDropDown_Silk {
    font: 13px Arial, Sans-serif !important;
}

/*html .RadComboBox_Silk .rcbInputCell .rcbInput, .RadComboBoxDropDown_Silk {
    font: 12px arial,verdana,sans-serif !important;
}
*/ /*Rad ComboBox*/

.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

.rcbScroll {
    overflow: scroll !important;
    overflow-x: hidden !important;
}

.col-width-50 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 50px;
    line-height: 14px;
    float: left;
}

.col-width-75 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 75px;
    line-height: 14px;
    float: left;
}

.col-width-100 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 100px;
    line-height: 14px;
    float: left;
}

.col-width-115 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 115px;
    line-height: 14px;
    float: left;
}

.col-width-125 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 125px;
    line-height: 14px;
    float: left;
}

.col-width-150 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 150px;
    line-height: 14px;
    float: left;
}

.col-width-175 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 175px;
    line-height: 14px;
    float: left;
}

.col-width-200 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 200px;
    line-height: 14px;
    float: left;
}

.col-width-225 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 225px;
    line-height: 14px;
    float: left;
}

.col-width-250 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 250px;
    line-height: 14px;
    float: left;
}

.col-width-275 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 275px;
    line-height: 14px;
    float: left;
}

.col-width-300 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 300px;
    line-height: 14px;
    float: left;
}

.col-width-325 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 325px;
    line-height: 14px;
    float: left;
}

.col-width-350 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 350px;
    line-height: 14px;
    float: left;
}

.col-width-375 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 375px;
    line-height: 14px;
    float: left;
}

.col-width-400 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 400px;
    line-height: 14px;
    float: left;
}
/*---Blocks---*/
.block {
    border: 1px solid #ccc;
    background: white;
    margin: 1em 0em;
}

.dialog .block {
    -webkit-box-shadow: 1px 1px 0px #ffffff;
    -moz-box-shadow: 1px 1px 0px #ffffff;
    box-shadow: 1px 1px 0px #ffffff;
}

.block-heading {
    border-bottom: 1px solid #a6a6a6;
    border-left: none;
    color: #505050;
    display: block;
    margin-bottom: 0px;
    text-shadow: none;
    text-transform: none;
    font-weight: bold;
    font-size: .85em;
    line-height: 3em;
}

    .block-heading .block-icon {
        border-right: 1px solid #AAA;
        border-left: none;
    }

        .block-heading .block-icon a {
            padding: 0em;
        }

        .block-heading .block-icon [class*="icon-"] {
            padding: 0em 1em;
            line-height: 1em;
        }

        .block-heading .block-icon.pull-right {
            border-left: 1px solid #AAA;
            border-right: none;
        }

    .block-heading .label {
        float: right;
        margin-top: .5em;
        margin-right: .75em;
        line-height: 1.5em;
        -webkit-box-shadow: 1px 1px 0px #ffffff;
        -moz-box-shadow: 1px 1px 0px #ffffff;
        box-shadow: 1px 1px 0px #ffffff;
    }

    p.block-heading,
    a.block-heading,
    .block-heading a {
        color: #505050;
        background: #dddddd;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(1, #fafafa));
        background: -ms-linear-gradient(bottom, #dddddd, #fafafa);
        background: -moz-linear-gradient(center bottom, #dddddd 0%, #fafafa 100%);
        background: -o-linear-gradient(bottom, #dddddd, #fafafa);
        filter: progid:dximagetransform.microsoft.gradient(startColorStr='#4d5b76', EndColorStr='#6c7a95');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#dddddd')";
        display: block;
        padding-left: 1em;
        border-top: 1px solid #fff;
        outline: none;
    }

        a.block-heading:hover,
        .block-heading a:hover {
            background: #dddddd;
            background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(1, #fdfdfd));
            background: -ms-linear-gradient(bottom, #dddddd, #fdfdfd);
            background: -moz-linear-gradient(center bottom, #dddddd 0%, #fdfdfd 100%);
            background: -o-linear-gradient(bottom, #dddddd, #fdfdfd);
            filter: progid:dximagetransform.microsoft.gradient(startColorStr='#4d5b76', EndColorStr='#6c7a95');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd',EndColorStr='#dddddd')";
            color: #505050;
        }

.block-body {
    margin: 1em;
    min-height: .25em;
}

    .block-body h1,
    .block-body h2,
    .block-body h3,
    .block-body h4,
    .block-body h5,
    .block-body h6,
    .block-body table {
        margin-top: 12px;
    }

    .block-body.collapse {
        margin-top: 0em;
        margin-bottom: 0em;
    }


/*---Other Settings---*/

.btn-right {
    direction: rtl;
}

.btn-center {
    justify-items: center;
}

.inline-radio {
    padding-left: 20px;
}

    .inline-radio input[type="radio"] {
        width: auto;
    }

    .inline-radio label {
        display: inline;
    }

.dropdown-right {
    float: right;
}

.nav-pad {
    z-index: 1000;
    padding: 19px 5px;
    font-size: 17px;
}

.card-center {
    align-items: center !important;
    justify-content: center !important;
}


.label-width-75 {
    min-width: 75px;
    max-width: 75px;
}

.label-width-85 {
    min-width: 85px;
    max-width: 85px;
}

.label-width-90 {
    min-width: 90px;
    max-width: 90px;
}

.label-width {
    min-width: 100px;
    max-width: 100px;
}

.label-width-110 {
    min-width: 110px;
    max-width: 110px;
}

.label-width-115 {
    min-width: 115px;
    max-width: 115px;
}

.label-width-125 {
    min-width: 125px;
    max-width: 125px;
}

.label-width-150 {
    min-width: 150px;
    max-width: 150px;
}

.full-page {
    /* border:solid;
    border-color:red;*/
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    max-width: 100%;
}

.no-underline {
    text-decoration: none;
}

.page-right {
    position: absolute;
    right: 0px;
    /* width: 300px;
    border: 3px solid #73AD21;*/
    padding: 2px;
}

.text-right {
    text-align: right;
}
.no-select {
    -webkit-user-select: none; /* Safari */
    user-select: none; /* Non-prefixed version, currently supported by all other modern browsers */
}