﻿body {
    background: #b6b7bc;
    font-size: .80em;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    height: 401px;
}

.page {
    width: 1000px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
    min-height: 60px;
}

.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 48px;
    min-height: 450px;
}

.footer {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    color: #dde4ec;
    width: 100%;
}


.ui-tooltip, .arrow:after {
    /*background: #849ad7;*/
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 600px;
    /*height: 320px;*/
    border: none;
    /*font: normal 90%/normal Arial, Helvetica, sans-serif;*/
    color: rgba(255,255,255,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(172,176,229,0.2) 37%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%), rgba(145, 161, 177, 0.80);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(172,176,229,0.2) 37%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%), rgba(145, 161, 177,0.80);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(172,176,229,0.2) 37%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%), rgba(145, 161, 177,0.80);
    background-position: auto auto;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: 600px auto;
    background-size: 600px auto;
    border: 1px solid #B4B9DE !important;
    border-radius: 6px !important;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 5px 7px 5px 10px;
    color: #f4f4f4;
    border-radius: 20px;
    font: bold 14px "Arial", Sans-Serif;
    /* text-transform: uppercase; */
    /*box-shadow: 2px 2px 7px #152a14;*/
    box-shadow: 2px 2px 7px rgba(122, 134, 147, 0.65);
    letter-spacing: 1px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 2px 2px 2px 2px rgb(111 127 144 / 65%);
    box-shadow: 2px 2px 2px 2px rgb(122 134 147 / 91%);
    opacity: 1
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: '';
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px #152a14;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.master-grid {
    border: groove 1px #315594;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 9px;
    -moz-box-shadow: -1px 1px 1px #3e53a8;
    -webkit-box-shadow: -1px 1px 1px #3e53a8;
    box-shadow: -1px 1px 1px #3e53a8;
    font-size: 10px;
    background-color: lightgray;
    width: 98%;
    margin-bottom: 0 !important;
}

    .master-grid tr td {
        border-top: 1px solid #E2E6EC;
        border-bottom: 1px solid #E2E6EC;
    }



.logon-css {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: none;
    z-index: auto;
    width: auto;
    height: auto;
    position: static;
    cursor: pointer;
    opacity: 1;
    margin: 1px;
    padding: 10px 16px 10px 15px;
    overflow: visible;
    border: 2px solid #018dc4;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    font: normal 16px/normal "Times New Roman", Times, serif;
    color: rgba(51,43,43,0.9);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: -webkit-linear-gradient(-90deg, rgba(167,199,209,1) 0, rgba(163,196,206,1) 3%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background: -moz-linear-gradient(180deg, rgba(167,199,209,1) 0, rgba(163,196,206,1) 3%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background: linear-gradient(180deg, rgba(167,199,209,1) 0, rgba(163,196,206,1) 3%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
    text-shadow: -1px -1px 0 rgba(15,73,168,0.66);
    -webkit-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -moz-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -o-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -webkit-transform: rotateX(-14.896902673401405deg) rotateY(18.334649444186343deg);
    transform: rotateX(-14.896902673401405deg) rotateY(18.334649444186343deg);
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

.weknow_logo {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    margin: 1px;
    padding: 10px 16px 10px 15px;
    border: 2px solid #018dc4;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    font: normal 16px/normal "Times New Roman", Times, serif;
    color: rgba(51,43,43,0.9);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: -webkit-linear-gradient(-90deg, rgba(167,199,209,1) 0, rgba(163,196,206,1) 3%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background: -moz-linear-gradient(180deg, rgba(167,199,209,1) 0, rgba(163,196,206,1) 3%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background: linear-gradient(180deg, rgba(167,199,209,1) 0, rgba(163,196,206,1) 3%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
    text-shadow: -1px -1px 0 rgba(15,73,168,0.66);
    -webkit-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -moz-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -o-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -webkit-transform: rotateX(-29.220847551671984deg) rotateY(18.334649444186343deg) rotateZ(1.7188733853924696deg) translateX(1px);
    transform: rotateX(-29.220847551671984deg) rotateY(18.334649444186343deg) rotateZ(1.7188733853924696deg) translateX(1px);
}

.vms_logo_css {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    margin: 1px;
    padding: 10px 16px 10px 15px;
    border: 2px solid rgba(193,117,1,0.81);
    -webkit-border-radius: 9px;
    border-radius: 9px;
    font: normal 16px/normal "Times New Roman", Times, serif;
    color: rgba(51,43,43,0.9);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: -webkit-linear-gradient(-90deg, rgba(214,168,32,0.8) 0, rgba(209,209,146,0.63) 4%, rgba(214,168,32,0.39) 91%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background: -moz-linear-gradient(180deg, rgba(214,168,32,0.8) 0, rgba(209,209,146,0.63) 4%, rgba(214,168,32,0.39) 91%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background: linear-gradient(180deg, rgba(214,168,32,0.8) 0, rgba(209,209,146,0.63) 4%, rgba(214,168,32,0.39) 91%, rgba(242,242,242,0.64) 100%, rgba(124,188,10,1) 100%, rgba(124,188,10,1) 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
    text-shadow: -1px -1px 0 rgba(165,160,14,0.52);
    -webkit-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -moz-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -o-transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    transition: all 299ms cubic-bezier(0.84, -0.505, 0.23, 0.86);
    -webkit-transform: rotateX(-33.231552117587746deg) rotateY(-13.178029288008933deg) rotateZ(1.7188733853924696deg) translateX(1px);
    transform: rotateX(-33.231552117587746deg) rotateY(-13.178029288008933deg) rotateZ(1.7188733853924696deg) translateX(1px);
}

.modal_css {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 4px;
    padding: 8px;
    border: 2px solid rgba(87,110,168,1);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: normal 16px/1 "Times New Roman", Times, serif;
    color: black;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /*background: rgba(199,216,226,1);*/
    -webkit-box-shadow: 3px 3px 2px 0 rgba(85,108,153,1);
    box-shadow: 3px 3px 2px 0 rgba(85,108,153,1);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

.mstrbckrnd { /*background: url(images/cyberknife1.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
    background-color: #DFEAF4;
}

.Menu_btns-css {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 2px 3px 1px;
    padding: 2px;
    border: 2px solid rgba(87,110,168,1);
    -webkit-border-radius: 2px / 3px;
    border-radius: 2px / 3px;
    font: normal 18px/1 "Times New Roman", Times, serif;
    color: rgba(6,5,61,1);
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: rgba(182,196,211,0.65);
    -webkit-box-shadow: 2px 3px 2px 1px rgba(85,108,153,1);
    box-shadow: 2px 3px 2px 1px rgba(85,108,153,1);
    -webkit-transition: all 181ms cubic-bezier(0.42, 0, 0.58, 1) 8ms;
    -moz-transition: all 181ms cubic-bezier(0.42, 0, 0.58, 1) 8ms;
    -o-transition: all 181ms cubic-bezier(0.42, 0, 0.58, 1) 8ms;
    transition: all 181ms cubic-bezier(0.42, 0, 0.58, 1) 8ms;
}

    .Menu_btns-css:hover {
        margin: 4px 3px 3px;
        padding: 2px;
        background: rgba(177,194,211,0.42);
        -webkit-box-shadow: 1px 2px 2px 2px rgba(85,108,153,0.65);
        box-shadow: 1px 2px 2px 2px rgba(85,108,153,0.65);
        -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
        -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
        -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
        transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
    }

    .Menu_btns-css:active {
        margin: 0;
        padding: 0;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        font: normal 16px/normal "Times New Roman", Times, serif;
        color: rgba(0,0,0,0.9);
        -o-text-overflow: clip;
        text-overflow: clip;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.date_txt {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 3px;
    border: 2px solid #b7b7b7;
    -webkit-border-radius: 7px / 6px;
    border-radius: 7px / 6px;
    font: normal 16px/normal Verdana, Geneva, sans-serif;
    color: rgba(0,142,198,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(104,132,201,1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
    text-shadow: 1px 0 0 rgba(255,255,255,0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.grid_slctd_row caption {
    background-color: #5D7B9D;
    color: #990000;
    font-size: 12pt;
    /*font-weight:bold;*/
    float: left;
}

.rqinctive {
    background-image: url('images/R_inactive.png');
    background-size: cover;
    width: 14px !important;
    height: 14px;
    background-repeat: no-repeat;
    margin: 2px;
    padding: 2px;
    border-radius: 2px
}

.rqactive {
    background-image: url('images/R_active.png');
    background-size: cover;
    width: 14px !important;
    height: 14px;
    background-repeat: no-repeat;
    margin: 2px;
    padding: 2px;
    border-radius: 2px
}

.rpending {
    background-image: url('images/R_Pending.png');
    background-size: cover;
    width: 14px !important;
    height: 14px;
    background-repeat: no-repeat;
    margin: 2px;
    padding: 2px;
    border-radius: 2px
}

.rcomplete {
    background-image: url('images/R_complete.png');
    background-size: cover;
    width: 14px !important;
    height: 14px;
    background-repeat: no-repeat;
    margin: 2px;
    padding: 2px;
    border-radius: 2px
}

.Desc_Mx_Width {
    max-width: 350px !important;
    padding: 10px;
}

.HideGridCol {
    Display: none;
}

.St_Mstr_Reqst_Div {
    float: right;
    margin-right: 250px;
    margin-top: 10px;
    border-radius: 8pt !important;
    opacity: 0.9;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 4px;
    border: 2px solid #b7b7b7;
    -webkit-border-radius: 7px / 6px;
    border-radius: 7px / 6px;
    font: normal 16px/normal Verdana, Geneva, sans-serif;
    color: rgba(0,142,198,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(104,132,201,1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
    text-shadow: 1px 0 0 rgba(255,255,255,0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

    .St_Mstr_Reqst_Div:hover {
        margin-right: 250px;
        margin-top: 10px;
        border-radius: 6pt;
        border: 3px solid #b7b7b7;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background: rgba(144,163,209,1);
        -webkit-box-shadow: 2px 2px 2px 0 rgba(79,87,107,1) inset;
        box-shadow: 2px 2px 2px 0 rgba(79,87,107,1) inset;
        opacity: 1;
    }


.Req_Det {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    margin: 1px;
    padding: 10px 20px;
    border: 3px solid #018dc4;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    font: normal 16px/normal Tahoma, Geneva, sans-serif;
    color: rgba(255,255,255,1);
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(206,211,226,1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(117,173,149,1);
    box-shadow: 2px 2px 2px 0 rgba(117,173,149,1);
    text-shadow: -1px -1px 0 rgba(227,230,234,0.96);
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

    .Req_Det:hover {
        border: 4px solid #018dc4;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .Req_Det:active {
        border: 3px solid #018dc4;
        -webkit-border-radius: 9px;
        border-radius: 9px;
    }

.blink_me {
    animation: blinker 1s linear infinite;
    color: red;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
