* {
    /*    font-family: Helvetica, Arial, sans-serif !important;*/
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}


body {
    margin: 0px;
    /*margin-left: 20px;*/
    margin-right: 0px;
    margin-top: 0px;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    background-color: white;
    font-size: 12px;
    color: #444444;
}

    body.dark input[type="text"],
    body.dark textarea {
        background-image: repeating-linear-gradient( to bottom, transparent 0px, transparent 22px, rgba(255, 255, 255, 0.25) 23px );
    }

/* Inputs */
input,
select,
textarea,
button {
    font-size: inherit; /* follow body font size */
    font-family: inherit; /* keep consistent with page */
}


#mainContent {
    padding-top: 50px; /* adjust based on height of your patient info div */
}

a {
    font-size: 1em; /*small*/
    color: #444499;
    font-weight: bolder;
    /*text-decoration: none;*/
    /*  font-family: Tahoma;*/
}

    a.a2 {
        font-size: medium;
        text-decoration: none;
    }

    a.a3 {
        font-size: medium;
        color: white;
        text-decoration: none;
    }

        a.a3:visited {
            font-size: medium;
            color: white;
            text-decoration: none;
        }


    a:visited {
    }

    a:hover {
        text-decoration: underline;
    }



.FixedSize {
    font-family: monospace !important;
}


.panel {
    width: fit-content;
    border: 1px solid #ccc; /* Light grey border */
    border-radius: 5px; /* Rounded corners */
    background-color: #f7f7f7; /* Light grey background */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth (optional) */
    overflow: hidden; /* Prevent content from overflowing the edges */
}

.tableCat {
    border-style: none;
    border-color: inherit;
    width: 100%;
    min-width: 850px;
    border-width: medium !important;
    padding: 0px;
    border-collapse: collapse;
}


/* Adjust for Print */
@media print {



    .hideInPrint {
        display: none !important;
    }
}

.tablePanel {
    border-style: solid;
    border-color: inherit;
    width: 750px;
    border-width: thin !important;
    border-radius: 10px;
    padding: 0px;
}


.div-bordered {
    border: 2px solid black; /* Adds a 2px solid black border */
    padding: 10px; /* Optional: Adds spacing inside the border */
    margin: 10px; /* Optional: Adds spacing outside the border */
}


/* Class to hide elements in print */
/*.hide-in-print {
    display: none !important;
}*/



.tableCatTR {
    /*   background-color: #05788C;*/ /*
    background-color: #163d47;*/
    background-color: silver;
    color: black;
    width: 100%;
}

.tableCatTD {
    color: darkslategray;
    width: 200px
}


.tdHeader1 {
    background-color: #7b7b7b;
    color: white;
    text-align: left;
    font-weight: bold;
    /*background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 0 rgba(0,0,0,.3);*/
}


input[type="submit"] {
    /*border-top:none;
     border-left:none;
     border-right:none;*/

    color: white;
    /* background-color: #34AADC;*/
    /* background-color: #1ABC9C;*/
    background-color: #689fad;
    border-radius: 3px;
    margin-left: 0px;
    border: none;
    margin-bottom: 2px;
    height: 30px;
}

    input[type="submit"]:Hover:enabled {
        /*background-color:#3498db;*/
        background-color: #5ae6ff;
        color: black;
        border: none;
    }


/* ===== Inputs ===== */
input[type="text"],
select,
textarea {
    border: solid 1px #ccc;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;
    -webkit-box-shadow: 0px 1px 0px #F2F2F2;
    /*    font-family: sans-serif;*/
    font-size: 14px;
    border-radius: 3px;
}


input[type="text"] {
    border: solid 1px #ccc;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;
    -webkit-box-shadow: 0px 1px 0px #F2F2F2;
    /*    font-family: sans-serif;*/
    font-size: 14px;
    border-radius: 3px;
}

    input[type="text"]:focus {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0px 0px 8px #7bc1f7;
        -moz-box-shadow: 0px 0px 8px #7bc1f7;
        -webkit-box-shadow: 0px 0px 8px #7bc1f7;
    }

select {
    color: #404040 !important;
    border-radius: 3px !important;
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)) !important;
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%)  !important;*/
    background-color: #FFFFFF !important;
    /*background:-moz-linear-gradient(#787878,#5E5E5E) !important;
    background:-webkit-linear-gradient(#787878,#5E5E5E) !important;*/
}



table {
    border-collapse: separate; /* match light */

    border-spacing: 0px;
    margin: 0px;
    border: 0px solid #FFFFFF;
    border-top: 0px;
}

.pmenu {
    -webkit-box-shadow: -14px 9px 25px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: -14px 9px 25px -8px rgba(0,0,0,0.75);
    box-shadow: -14px 9px 25px -8px rgba(0,0,0,0.75);
}


.MenuButton {
    /*border:solid 1px white;*/
    width: 200px;
    background-color: transparent !important;
    text-align: left;
    font-size: medium;
    color: gray !important;
    font-family: Ebrima;
    margin: 0px !important;
    margin-top: 5px !important;
    margin-bottom: 3px !important;
    border: 1px solid #C0C0C0 !important;
    border-radius: 0px !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
    /*-webkit-transition: width 0.4s ease, height 0.4s ease, padding 0.4s ease, border 0.4s ease,  background-color 0.4s ease, border-radius 1s ease, border-color 1s ease,  color  0.4s ease; 
    -moz-transition: width 0.4s ease, height 0.4s ease, padding 0.4s ease, border 0.4s ease,  background-color 0.4s ease, border-radius 1s ease, border-color 1s ease,  color  0.4s ease; 
    -o-transition: width 0.4s ease, height 0.4s ease, padding 0.4s ease, border 0.4s ease,  background-color 0.4s ease, border-radius 1s ease, border-color 1s ease,  color 0.4s ease;  
    -ms-transition: width 0.4s ease, height 0.4s ease, padding 0.4s ease, border 0.4s ease,  background-color 0.4s ease, border-radius 1s ease, border-color 1s ease,  color  0.4s ease;  
    transition: width 0.4s ease, height 0.4s ease, padding 0.4s ease, border 0.4s linear,  background-color 0.4s ease,  border-radius 1s ease, border-color 0.4s ease,  color 0.4s ease;*/
}

    .MenuButton:hover {
        background-color: #00c8ff !important;
        color: black !important;
        font-size: medium;
    }







/*#maintable{
 background:linear-gradient(#C7C7CC, #C7C7CC);
width:115px;
padding-left:9px;
margin-right:12px;
margin-top: 0px;
-webkit-box-shadow: 0px 19px 5px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 19px 5px -7px rgba(0,0,0,0.75);
box-shadow: 0px 19px 5px -7px rgba(0,0,0,0.75);
}*/
/*.MyMenuButton {
width:140px;
margin-left:-25px;
margin-right:-30px;
background:linear-gradient(#4A4A4A, #2B2B2B);
color:#34495E;

text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
}
.triangle-l {
	border-color: transparent #8E8E93 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -28px;
	top: 0px;
	z-index: -1;
}

.triangle-r {
	border-color: transparent transparent transparent #8E8E93;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 112px;
	top: -30px;
	z-index: -1; 
}*/
.ddlist {
    width: 90px;
    background-color: whitesmoke;
    font-family: sans-serif;
    color: gray;
    font-size: medium;
    border: none;
}



.Menu2 {
    transition: all 0.5s;
    border: 1px solid #C0C0C0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 200px;
    color: #004f7b;
    text-align: left;
    font-size: 13px !important;
    font-weight: 100;
    background-color: rgb(247, 247, 247);
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: none;
    border-left: none;
    border: none;
    text-indent: 5px;
    padding: 5px
}

    .Menu2:hover {
        text-decoration: none;
        color: rgba(0,0,0,0.75);
        background-color: #c1ddff !important;
    }

table.tableA {
    border-left-color: White;
    border-left-style: none;
    margin: 0px;
    border: 0px solid #FFFFFF;
    border-top: 0px;
    border-style: solid;
    border-color: inherit;
    background-color: transparent;
    border-spacing: 5px;
    padding: 0px;
    width: 100%;
    /* background-image:url('images/background.gif')*/
}


table.tableB {
    border: 0px;
    border-style: solid;
    border-color: #EFEFEF;
    background-color: #f4f4f4;
    border-spacing: 2px;
    padding: 2px 2px;
    /*box-shadow: 2px 2px 2px #888888;*/
    /*width: 100%;*/
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    border-collapse: collapse;
}






@media only screen and (max-width : 1000px) {
    table.tableB {
        width: 100% !important;
        min-width: 100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



table.tableD {
    border-style: solid;
    border-spacing: 0px;
    padding: 0px;
    border: thin ridge #C0C0C0;
    box-shadow: 3px 3px 1px #CCCCCC;
    background-color: #FcFdFe;
}

table.tableC {
    padding: 0px;
    border-spacing: 0px;
    background-color: white;
    border-color: silver;
    border: thin;
    width: 180px;
    border: 1px;
}



table.tableS {
    width: 1000px;
    border: thin ridge #C0C0C0;
    box-shadow: 5px 5px 2px #888888;
}

.button {
    border-color: #C0C0C0;
    border-width: 1px;
    background-color: #444499;
    color: #FFFFFF;
    font-weight: bold;
}

.Rounded {
    /*margin-left: 20px;*/
    padding: 10px 15px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-size: 16px;
    color: #9d9e9e;
    /*text-shadow: 1px 1px 0 rgba(256,256,256,1.0);*/
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    transition: all 0.5s;
}

    .Rounded:hover {
        border-radius: 5px;
        background: #eff1cf;
        color: #414848;
    }

    .Rounded:focus {
        background: #dfe9ec;
        color: #414848;
        border-radius: 5px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
    }

.Rounded2 {
    padding: 0px 0px;
    border-spacing: 0px;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-size: 16px;
    color: white;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
    transition: all 0.5s;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 50%, rgba(240,240,240,1) 51%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(252,252,252,1)), color-stop(51%, rgba(240,240,240,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 50%, rgba(240,240,240,1) 51%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 50%, rgba(240,240,240,1) 51%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 50%, rgba(240,240,240,1) 51%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 50%, rgba(240,240,240,1) 51%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#MedysLogin2_txtUserID, #MedysLogin2_txtUserPassword {
    margin-left: 20px !important;
    padding: 15px 25px !important;
    font-size: 12px !important;
    color: #9d9e9e !important;
    border: 1px solid #fff !important;
    border-radius: 5px !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50) !important;
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50) !important;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50) !important;
    transition: all 0.5s !important;
    height: 10px !important;
}

.button_g {
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #ffffff !important;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 0em .55em;
    /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    /* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    /* box-shadow: 0 1px 2px rgba(0,0,0,.9); */
    /* border: none !important; */
    border-radius: 0px !important;
    width: 150px !important;
    margin-top: 3px;
    border: 1px solid #004f7b !important;
    color: #004f7b !important;
}

    .button_g:hover {
        border: 1px inset rgba(0,0,0,0.5);
        background: linear-gradient(#F7F7F7, #F7F7F7);
    }

    .button_g:active {
        -webkit-box-shadow: 0px 3px 0px rgba(70,130,180,1), 0px 3px 6px rgba(0,0,0,.9);
        -moz-box-shadow: 0px 3px 0px rgba(70,130,180,1), 0px 3px 6px rgba(0,0,0,.9);
        box-shadow: 0px 3px 0px rgba(70,130,180,1), 0px 3px 6px rgba(0,0,0,.9);
        position: relative;
        top: 6px;
    }

.button_g_hovered {
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: white !important;
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);*/
    background-color: #5f5f5f;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 0em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    border: none !important;
    border-radius: 0px !important;
    width: 150px !important;
    margin-top: 3px;
    /*background: -webkit-linear-gradient(#F7F7F7, #F7F7F7) !important;*/
    background: -moz-linear-gradient(#F7F7F7, #F7F7F7) !important;
    background-color: #004f7b !important;
    font-weight: bold;
}

@media only screen and (max-width : 1000px) {
    .button_g, .button_g_hovered {
        width: 100px !important;
        float: left;
    }

    .Regular {
        width: 100% !important;
        display: flex;
    }

    #ctl00_main_PatientTab1_OutPatientList1_ListOut {
        position: absolute;
        left: 0;
    }

    /*input[type="submit"] {
height:30px;
}*/
}

/*.button {
    border: none !important;
    border: 0.1em solid white !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px !important;
    font-size: 12px;
    font-family: Arial !important;
    padding: 10px 10px 10px 10px !important;
    text-decoration: none;
    display: inline-block;*/
    /*text-shadow: -1px -1px 0 rgba(0,0,0,0.4);*/
    /*color: #FFFFFF !important;*/
    /*height: 50px;
    width: 180px;*/
    /*font-weight: bolder !important;*/
    /*background-color: rgba(255, 255, 255,0.3) !important;*/
    /*background: rgba(46, 204, 113,0.4) !important;*/
    /*background: rgba(0,123,99,0.5) !important;
    margin-left: 0% !important;
    margin-top: 0% !important;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

    .buttonTouch:hover {
        border: 1px solid #1c5675;
        background-color: #26759e;*/
        /*height: 50px;
        width: 180px;*/
        /*font-weight: bold;
        color: black !important;
    }*/


h0 {
    /*   font-family: 'Segoe UI';*/
    font-size: 25px;
    text-align: left;
    color: white;
}

h1 {
    /*  font-family: Calibri;*/
    font-size: large;
    text-align: left;
}

h2 {
    /*    font-family: Calibri;*/
    font-size: medium;
    /*  border-bottom: 1px solid #a9d0ef;*/
    margin: 1px;
}


h3 {
    /*font-family: Calibri;*/
    font-size: small;
    font-weight: lighter;
    font-weight: bold;
}

h4 {
    /* font-family: Calibri;*/
    font-size: x-small;
    color: #3399FF;
    font-weight: lighter;
}

h5 {
    /*    font-family: Calibri;*/
    font-size: small;
    font-style: italic;
    border-width: thin;
    color: yellow;
}

h6 {
    /*    font-family: Calibri;*/
    font-size: small;
    font-family: Arial;
}


image {
    border: 0;
}


x.tablex {
    background-color: #EFEFEF;
    border-spacing: 0;
}

x.table2 {
    background-color: White;
}

.divDasboard {
    margin: 1% 1% auto 1%;
    border: 1px solid gray;
    background-color: #ffffff;
    z-index: 33;
    position: absolute;
    background-color: #FFFFFF;
    align-content: center;
    margin-top: 1px;
    border: 1px solid rgba(100, 100, 100, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    color: #141823;
    border-top-color: #004F7B;
    border-top-width: 5px;
    font-family: Tahoma;
}

.divHDBoard {
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    background-color: #0404B4;
    color: #E0E0E0;
}

.tbDashboard {
    margin: 0% 1% 1% 1%;
}



.DivStyle {
    background-color: WhiteSmoke;
}

/*.TableHeader {
    background-color: #e9e9e9 !important;
    color: #525252;
}*/

.TableHeader {
    /* background-color: #333333 !important;
    color: white;*/
    width: 100%;
}

/*.BasicTable {
    background-color: #333333 !important;
    color: white;
    width: 100%;
    padding:0px;
}
*/

.TableH {
    background-color: #333333 !important;
    color: white;
    width: 100%;
}

/*style="background-color: #333333; color: white; width: 100%"*/


.TableHeader3 {
    background-color: #477f81 !important;
    color: #ffffff;
    padding: 5px !important;
}



.Grid {
    border: solid 1px;
}

    .Grid td {
        border: solid 3px #FFFFFF;
        margin: 3px 3px 3px 3px;
        padding: 5px 5px 5px 5px;
    }

.GridHeader {
    font-weight: bold;
    background-color: silver;
}

.GridItem, .GridAltItem {
    font-size: smaller;
}

.GridItem {
    background-color: #E7E7FF;
    color: #4A3C8C;
}


.GridAltItem {
    background-color: #F7F7F7;
}

/* General DataGrid styling */
.DataGrid {
    border-collapse: collapse;
}
/* Header cells */
.DataGridHeader {
    background-color: aliceblue;
 
    border-color: silver
}
/* Row styling */
.DataGrid td {
    padding: 2px;
    border: 1px solid #ddd;
}

/* Alternating row styling */
.DataGrid tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Hover effect for rows */
.DataGrid tr:hover {
    background-color: #f1f1f1;
}



/*for the log in*/



.wrapper {
    /* Center wrapper perfectly */
}

/*
.gradient {
	width: 600px;
	height: 600px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -300px;
	
	background: url(../images/gradient.png) no-repeat;
}
*/

.gradient {
    /* Center Positioning */
    width: 600px;
    height: 600px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -300px;
    /* Fallback */
    background-image: url(../images/gradient.png);
    background-repeat: no-repeat;
    /* CSS3 Gradient */
    background-image: -webkit-gradient(radial, 0% 0%, 0% 100%, from(rgba(213,246,255,1)), to(rgba(213,246,255,0)));
    background-image: -webkit-radial-gradient(50% 50%, 40% 40%, rgba(213,246,255,1), rgba(213,246,255,0));
    background-image: -moz-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
    background-image: -ms-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
    background-image: -o-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
}

/*******************
LOGIN FORM
*******************/



.header {
    font-family: Calibri;
    font-weight: 200 !important;
    font-size: 14px;
    line-height: 34px;
    color: #414848;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
    margin-bottom: 0px;
    text-transform: uppercase;
}



/*******************
CONTENT
*******************/

.login-form .content {
    padding: 0 30px 25px 30px;
}


/* Input field */
/*.login-form .content .input {
	width: 188px;
	padding: 15px 25px;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9d9e9e;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}*/

/* Second input field */
/*.login-form .content .password, .login-form .content .pass-icon {
	margin-top: 25px;
}

.login-form .content .input:hover {
	background: #dfe9ec;
	color: #414848;
}

.login-form .content .input:focus {
	background: #dfe9ec;
	color: #414848;
	
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}*/


/* Animation */
.input, .user-icon, .pass-icon, .button, .register {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

/*******************
FOOTER
*******************/

.login-form .footer {
    padding: 25px 30px 40px 30px;
    position: absolute;
    overflow: auto;
    width: 300px;
    background: #d4dedf;
    border-top: 1px solid #fff;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login button */
/*.login-form .footer .button {
	float:right;
	padding: 11px 25px;
	
	font-family: 'Bree Serif', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	
	background: #56c2e1;
	border: 1px solid #46b3d3;
	border-radius: 5px;
	cursor: pointer;
	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .button:hover {
	background: #3f9db8;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
	position: relative;
	bottom: -1px;
	
	background: #56c2e1;
	
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}*/


.button_login {
    padding: 11px 25px !important;
    font-family: sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    text-emphasis-color: black !important;
    border: 1px solid #4A4A4A !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    background: linear-gradient(#4A4A4A, #2B2B2B) !important;
    position: inherit !important;
    color: white !important;
    text-transform: uppercase;
    margin-right: 20px;
    width: 250px !important;
    margin-bottom: 15px;
}

    .button_login:hover {
        background: linear-gradient(#3f9db8, #3f9db8) !important;
        /*background: #3f9db8;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);*/
    }





.button_login {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.user-icon, .pass-icon {
    width: 30px;
    height: 31px;
    display: block;
    position: absolute;
    left: 0px;
    padding-right: 2px;
    z-index: 3;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}


.btnMenu {
    background-color: gray;
}

footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

input[type=text], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
}

    input[type=text]:focus, textarea:focus {
        -webkit-box-shadow: 0px 0px 6px 3px rgba(51,169,220,1);
        -moz-box-shadow: 0px 0px 6px 3px rgba(51,169,220,1);
        box-shadow: 0px 0px 6px 3px rgba(51,169,220,1);
        margin: 5px 1px 3px 0px;
        border: 1px solid rgba(52, 170, 220, 1);
    }

select:focus {
    box-shadow: 0 0px 5px rgba(52, 170, 220, 1);
    border: 1px solid rgba(52, 170, 220, 1);
}

.displaynone {
    display: none;
}



/*MENU DESIGN FOR H E A D E R MENU ITEMS*/
.nav {
    position: relative;
    background-color: #F5F5F5;
}
/*.MyMenu1{
        background-color:#F5F5F5  !important;
    }*/

.MenuHeader {
    /*background-color:#004F7B;*/
    transition: all 0.3s;
    color: #FFFFFF;
    font-weight: normal !important;
    width: 60px;
    text-align: center;
    display: block;
    /*border-right:1px #0A6171 solid;*/
    margin: auto !important;
}

    .MenuHeader img {
        width: 24px;
        height: 24px;
    }

.MenuItemHeader { /*submenu items*/
    text-align: left;
    background-color: #C1DDFF;
    color: #1D487B;
    font-weight: bold !important;
    width: 180px;
    border-bottom: 1px solid #CACACA;
}

.MenuHoverHeader {
    text-decoration: none !important;
    background-color: #34AAC3;
}

/*END MENU DESIGN FOR H E A D E R MENU ITEMS*/


/*MENU DESIGN FOR PATIENT MENU ITEMS*/
.nav {
    position: relative;
    background-color: #F5F5F5;
}
/*.MyMenu1{
        background-color:#F5F5F5  !important;
    }  nt;
}

*/

.Menu {
    background-color: #F5F5F5;
    /*transition: all 0.3s;*/
    color: #1D487B;
    font-weight: bold !important;
    width: 50px;
    text-align: center;
}

.MenuHover { /*hovering main menu*/
    text-decoration: none !important;
    background-color: #C1DDFF;
}

.MenuItem { /*submenu items td*/
    text-align: left;
    background-color: #C1DDFF;
    color: #1D487B;
    font-weight: bold !important;
    border-bottom: 1px solid #CACACA;
}

    .MenuItem a { /*submenu items a*/
        width: 100%;
        display: block;
        padding: 10px;
    }

.MenuHoverDynamic { /*hovering submenu items*/
    text-decoration: none !important;
    color: #1D487B;
}

    .MenuHoverDynamic a {
        width: 100%;
        display: block;
        padding: 10px;
        background-color: #CCEAFB;
    }

.pagebreak {
    page-break-before: always;
}
/*END MENU DESIGN FOR PATIENT MENU ITEMS*/
.txtInputMedium {
    border: 1px solid #ababab !important;
    padding: 5px;
}


.btn {
    display: inline-block;
    border: 0 !important;
    color: white;
    font-size: 13px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    background-color: #2980b9;
}

    .btn:hover {
        background-color: #56b3f1;
    }

    .btn:active {
        color: #000;
    }

select[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-color: #ebebe4 !important;
}


.MyTabStyle .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 14px;
    /*font-weight:bold;*/
    /*display: block;*/
    display: inline-flex;
}

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
        border: solid 1px #d7d7d7;
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #d7eaf7;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: #000;
    border-color: #333;
}

.MyTabStyle .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    /*border: solid 1px #d7d7d7;
            border-top-color: #ffffff;*/
    display: inline !important;
}

.ajax__tab_default .ajax__tab {
    height: initial !important;
}

.gridview-silver {
    width: auto;
    border-collapse: separate;
    border-spacing: 2px;
    border: 1px solid #ddd;
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 13px;
    background-color: #fffef8; /* white with a hint of yellow */
    border-radius: 8px;
    padding: 4px;
    box-shadow: 0 0 4px rgba(0,0,0,0.05);
}

    .gridview-silver th {
        background-color: #d6eaff; /* light blue */
        color: #333;
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #bbb;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .gridview-silver td {
        background-color: #fdfcf3; /* very light yellow tint */
        padding: 6px 10px;
        border-bottom: 1px solid #eee;
        color: #333;
    }

    .gridview-silver tr:hover td {
        background-color: #f0f8ff; /* gentle blue hover */
    }

    .gridview-silver tr:last-child td {
        border-bottom: none;
    }


.tableTDEntryLabel td /*:first-child*/ {
    vertical-align: middle;
    /*  text-align:right;*/
}