﻿@font-face {
    font-family: 'AllumiStd-Bold';
    src: url('../Content/Fonts/AllumiStd-Bold.otf') format('opentype');
}
@font-face {
font-family: 'AllumiStd-Light';
src: url('../Content/Fonts/AllumiStd-Light.otf') format('opentype');
}
@font-face {
font-family: 'AllumiStd-Regular';
src: url('../Content/Fonts/AllumiStd-Regular.otf') format('opentype');
}
@font-face {
font-family: 'AllumiStd-ExtraLight';
src: url('../Content/Fonts/AllumiStd-ExtraLight.otf') format('opentype');
}

@font-face {
font-family: 'AllumiStd-Bold';
src: url('../Content/Fonts/AllumiStd-Bold.eot') format('opentype');
}
@font-face {
font-family: 'AllumiStd-Light';
src: url('../Content/Fonts/AllumiStd-Light.eot') format('opentype');
}
@font-face {
font-family: 'AllumiStd-Regular';
src: url('../Content/Fonts/AllumiStd-Regular.eot') format('opentype');
}
@font-face {
font-family: 'AllumiStd-ExtraLight';
src: url('../Content/Fonts/AllumiStd-ExtraLight.eot') format('opentype');
}

:focus-visible {
    outline-color: #96c9f1;
}
/* Large screens ---------- */
@media screen and (max-width: 1824px) {
.k-grid-content.k-auto-scrollable {
height: 100% !important;
}
    .main-box .content-box .content-panel {
        overflow: hidden;
        height: 98% !important;
        padding-bottom: 10px;
        border: 1px solid #dadada;
        background-color: #f2f2ed;
        border-radius: 6px;
        margin: 20px;
        background-color: #ffffff;
    }
}



@media screen and (max-width: 1224px) {
.main-box .content-box .content-panel {
overflow: hidden;
height: 100% !important;
padding-bottom: 10px;
border: 1px solid #dadada;
background-color: #f2f2ed;
border-radius: 6px;
margin: 20px;
background-color: #ffffff;
}

.k-grid-content.k-auto-scrollable {
height: 100% !important;
}

.tab-item .item-font {
font-size: 12px !important;
}

.page-info-content {
font-size: 12px !important;
}


}
/* Desktops and laptops ---------- */
@media screen and (max-width: 1124px)  {
.k-grid-content.k-auto-scrollable {
height: 80% !important;
}
/*.main-box .content-box .content-panel{
    overflow:scroll !important;
}*/
.main-box .content-box {  
    height: 78% !important; 
}
.tab-item .item-font {
font-size: 12px !important;
}
}
/* Tablets, iPads (landscape) ---------- */
@media screen and (max-width: 1024px) {
.k-grid-content.k-auto-scrollable {
height: 65% !important;
}

.tab-item .item-font {
font-size: 10px !important;
}

.left-pad-five {
padding-left: 5px;
font-size: 12px !important;
}

.main-box .content-box {
width: 100%;
height: 85% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/* overflow: hidden; */
position: relative;
border-top: 88px solid transparent;
margin-top: -108px;
z-index: 1;
background-color: #f2f2ed;
}


}
/* Tablets, iPads (portrait) ---------- */

    @media screen and (max-width:960px) {
        .main-box .content-box .content-panel {
            overflow: scroll;
            height: 90% !important;
            padding-bottom: 10px;
            border: 1px solid #dadada;
            background-color: #f2f2ed;
            border-radius: 6px;
            margin: 20px;
            background-color: #ffffff;
        }

        .main-box .content-box {
            width: 100%;
            height: 83% !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            position: relative;
            border-top: 88px solid transparent;
            margin-top: -108px;
            z-index: 1;
            background-color: #f2f2ed;
        }
          .k-grid-content.k-auto-scrollable {
    height: 67% !important;
}
    }
@media screen and (max-width:900px) {
    .k-grid-content.k-auto-scrollable {
height:45% !important;
}

.page-box .page-table-container .page-table .page-item .item-font {
/* font-family: Verdana; */
font-size: 10px !important;
color: #18b86b;
text-decoration: none;
outline-style: none;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
/* margin-left: -3px; */
}

.page-info-content {
font-size: 9px !important;
}

.content-font {
    font-size: 9px;
}
}
/* Smartphones (portrait) ---------- */

@media screen and (max-width: 768px) {
.k-grid-content.k-auto-scrollable {
height: 75% !important;
}

.tab-item .item-font {
font-size: 10px !important;
}


}



@media screen and (max-width: 600px)  {
grid-container-box {
width: 98%;
height: 63%;
margin-top: -34px;
padding-top: 39px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
z-index: 1;
margin-left: auto;
margin-right: auto;
background-color: white;
}

.main-box .content-box .content-panel {
overflow: hidden;
height: 80%;
padding-bottom: 10px;
border: 1px solid #dadada;
background-color: #f2f2ed;
border-radius: 6px;
margin: 20px;
background-color: #ffffff;
}

.k-grid-content.k-auto-scrollable {
height: 55% !important;
}

.tab-item .item-font {
font-size: 10px !important;
}

.left-pad-five {
padding-left: 5px;
font-size: 10px !important;
}

.page-info-content {
width: auto;
height: auto;
padding: 5px;
vertical-align: middle;
/* font-family: Verdana; */
font-size: 12px !important;
}

.main-box .content-box {
width: 100%;
height: 55%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/* overflow: hidden; */
position: relative;
border-top: 88px solid transparent;
margin-top: -108px;
z-index: 1;
background-color: #f2f2ed;
}

}
@media screen and (max-width: 400px) {
.k-grid-content.k-auto-scrollable {
height: 45% !important;
}
}
@media screen and (max-width: 320px) {
.k-grid-content.k-auto-scrollable {
height: 85% !important;
}

.main-box .content-box .content-panel {
overflow: hidden;
height: 50%;
padding-bottom: 10px;
border: 1px solid #dadada;
background-color: #f2f2ed;
border-radius: 6px;
margin: 20px;
background-color: #ffffff;
}
}
/* Smartphones (landscape) ---------- */
/* Tablets, iPads (portrait and landscape) ---------- */



html, head, body {
font-family: AllumiStd-Light, "AllumiStd-Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
scrollbar-face-color: #E4E4E4;
scrollbar-shadow-color: #969696;
scrollbar-highlight-color: #969696;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #969696;
}



.page-base-color
  {
background-color: #fff;
}

.page-top-color
 {
background-color: #f2f2da;
}

.highlight-color
 {
background-color: #D50000;
}

body 
{
overflow: hidden;
}

.main-box
 {
width: 100%;
height: 100%;
background-color: #f2f2ed;
}

.main-box .header-box
 {
width: 100%;
position: relative;
z-index: 2;
text-align: left;
vertical-align: top;
padding: 0px; /*overflow: hidden;*/
height: auto; /*background-position: 0px 50px;*/
}

.main-box .header-content
 {
width: 100%;
height: 100%; /*background-color: #DED5BF;*/
background-color: #f2f2ed;
}

.main-box .header-content .logo-box 
{
width: 100%; /*changed from auto to 100% since not setting for squarish monitors*/
height: 47px; /*margin-left: 45px; margin-top: 5px;*/ /*float: left; clear: none;*/
/* background-image: url('../Images/Header-Background.png');*/
background-repeat: repeat-x;
background-position: 0px center;
background-color: #ffffff;
}

.main-box .header-content .logo-image-cell 
{
text-align: left;
vertical-align: middle;
width: 135px;
height: 40px;
margin-left: 12px
}

.main-box .header-content .logo-caption-cell
 {
text-align: center;
vertical-align: middle;
width: 1px; /*add to make sure that the image caption doesnot take too much of the width*/
}

.main-box .header-content .tab-box
 {
width: 100%; /*min-width: 2000px;*/
height: auto;
/* background-image: url('../Images/Tab-Background.png');*/
background-color: #2366a0; /*#e7d8ac;*/
background-repeat: repeat-x;
background-position: 0px 0px;
overflow: hidden; /*float: left; clear: none;*/ /*margin-left: 70px;*/ /*margin-top: 15px;*/ /*margin-left: 60px; margin-top: 7px;*/
}

.tab-item-container
 {
margin-top: -1px;
}

.tab-item .item-font 
{
/*font-family: Verdana;
font-size: 8.5pt;*/
/*font-weight: bold;*/
color: White;
text-decoration: none;
outline-style: none;
cursor: pointer;
text-transform:uppercase;
height: 36px;
padding-bottom:5px;

}

.tab-item .border-left
 {
background-color: #2366a0;
/*background-image: url('../Images/TabBorderLeft.png');*/
background-repeat: repeat-x;
background-position: 0px center;
width: 10px;
height: 36px;
}

.tab-item .border-middle
 {
/*background-image: url('../Images/TabBorderMiddle.png');*/
background-color: #2366a0;
background-repeat: repeat-x;
background-position: 0px center;
width: auto;
height: 36px;
padding-left: 5px;
padding-right: 5px;
/*vertical-align: top;*/
/*padding-top: 3px;*/
}

.tab-item .border-right
 {
/*background-image: url('../Images/TabBorderRight.png');*/
background-color: #2366a0;
background-repeat: repeat-x;
background-position: 0px center;
width: 10px;
height: 36px;
}

.tab-item:hover .border-left
 {
/*background-image: url('../Images/TabBorderHoverLeft.png');*/
background-color: #427cae;
}

.tab-item:hover .border-middle
 {
/*background-image: url('../Images/TabBorderHoverMiddle.png');*/
background-color: #427cae;
}

.tab-item:hover .border-right
 {
/*background-image: url('../Images/TabBorderHoverRight.png');*/
background-color: #427cae;
}

.tab-item.select .item-font 
{
color: white;
font-size: 12px;
}

.tab-item.select .border-left
 {
/*background-image: url('../Images/TabBorderSelectLeft.png');*/
background-color: #18b86b;
background-repeat: repeat-x;
background-position: 0px center;
width: 10px;
height: 36px;
}

.tab-item.select .border-middle
 {
/*background-image: url('../Images/TabBorderSelectMiddle.png');*/
background-color: #18b86b;
background-repeat: repeat-x;
background-position: 0px center;
}

.tab-item.select .border-right
 {
/*background-image: url('../Images/TabBorderSelectRight.png');*/
background-color: #18b86b;
background-repeat: repeat-x;
background-position: 0px center;
width: 10px;
height: 36px;
}

.page-box 
{
background-color: White;
/*width: 100%;*/
min-height: 40px;
margin: 20px;
z-index: 11;
position: relative;
border: solid 1px #dadada;
overflow: hidden;
border-radius:6px;
}

.page-box .page-table-container
 {
width: 100%;
height: 100%;
}

.page-box .page-table-container .page-table
 {
margin-left: 10px;
height: 100%;
}

.page-box .page-table-container .page-table .page-item
 {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
vertical-align: middle;
text-align: center;
padding-left: 10px;
padding-right: 10px;
/*color:red;*/

}

/*.page-box .page-table-container .page-table .page-item:hover
{ /*background-color: #008051;*/
/*border-radius: 6px;*/
/*#1bcf80;*/
/*border-bottom-color: #2366a0;*/ /*#DDCDA2;
}*/
.page-box .page-table-container .page-table .page-item .item-font 
{
/*font-family: Verdana;*/
font-size: 12px;
color: #18b86b; /*#808080;*/
text-decoration: none;
outline-style: none;
cursor: pointer;
/*padding-left:0px;
padding-right:0px;*/
/*margin-left: -3px;*/
}

.page-box .page-table-container .page-table .page-item .item-font:hover
 {
/*font-family: Verdana;*/
font-size: 12px;
color: #1bcf78; /*#808080;*/
text-decoration: none;
outline-style: none;
cursor: pointer;
/*margin-left: -3px;*/
}

.page-box .page-table-container .page-table .page-item.select
 {
/*border-bottom: 5px solid #18b86b;*/ /*#ED1B2F;*/
background-color: #008051;
border-radius: 6px;
color: #ffffff;
}

.page-box .page-table-container .page-table .page-item.select .item-font{
color: #ffffff;
}
.page-shortcut-icon-container
 {
position: absolute;
top: 75px;
width: 100%;
height: 100%;
z-index: 12;
visibility: hidden;
}

.page-shortcut-icon
 {
width: 20px;
height: 20px;
background-image: url('../Images/Shortcut-Icon.png');
background-repeat: no-repeat;
background-position: center center;
float: right;
clear: none;
border: 1px solid #aaa;
cursor: pointer;
background-color: #fff;
margin-top: 7px;
margin-right: 5px;
}

.page-shortcut-box-container 
{
position: absolute;
top: 110px;
height: 200px;
width: 100%;
z-index: 12;
visibility: hidden;
}

.page-shortcut-box
 {
width: 150px;
height: 200px;
background-color: #fff;
float: right;
clear: none;
border: 1px solid #aaa;
margin-right: 5px;
overflow: auto;
}

.page-shortcut-box .item-font
 {
/*font-family: Verdana;*/
font-size: 12px;
color: Black;
}

.main-box .content-box
 {
width: 100%;
height: 87%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/*overflow: hidden;*/
position: relative;
border-top: 88px solid transparent;
margin-top: -108px;
z-index: 1;
background-color: #f2f2ed;
}

.fileroom .main-box .content-box 
{
border-top: 78px solid transparent;
margin-top: -78px;
}

.main-box .content-box .content-panel
 {
overflow: hidden;
height: 95%;
padding-bottom: 10px;
border: 1px solid #dadada;
background-color: #f2f2ed;
border-radius: 6px;
margin: 20px;
background-color: #ffffff;
}

.main-box .footer-box {
width: 100%;
height: 10px;
z-index: 2;
text-align: center;
background-color: #f2f2ed;
}

/* Font Classes */
.header-font {
/*font-family: Trebuchet MS;*/
font-size: 12px;
}

.content-font {
/*font-family: Verdana;*/
font-size: 12px;
}

.sub-content-header-font {
/*font-family: Verdana;*/
color: #356D97;
font-size: 12px;
font-weight: bold;
padding: 5px 0px 0px 10px;
width: 200px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

/*color: #D7162B;*/

.footer-font {
/*font-family: Trebuchet MS;*/
font-size: 12px;
}

.button-font {
/*font-family: Verdana;*/
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
}

.display-none {
display: none;
}

/* Font Classes */
.FieldValidation-font {
/*font-family: Verdana;*/
font-size: 12px;
color: Red;
}
/* End */

/* User Info */

.info-panel {
float: right;
clear: none;
/*font-family: Verdana;*/
font-size: 12px;
cursor: default;
}

.info-header {
position: relative;
z-index: 30;
}

.info-cell.expandable:hover .info-header .cell.top,
.info-cell.expandable:focus-within .info-header .cell.top {
    background-image: url('../Images/Expandable-Shadow-Back.png');
}

.info-cell.expandable:hover .info-header .cell.mid,
.info-cell.expandable:focus-within .info-header .cell.mid {
    background-image: url('../Images/Expandable-Shadow-Back.png');
}

.info-cell.expandable:hover .info-header .cell.bottom,
.info-cell.expandable:focus-within .info-header .cell.bottom {
    background-image: url('../Images/Expandable-Back.png');
}

.info-header .cell.top.left {
width: 10px;
height: 10px;
background-position: 0px 0px;
background-repeat: no-repeat;
}

.info-header .cell.top.middle {
height: 10px;
background-position: -10px 0px;
background-repeat: repeat-x;
}

.info-header .cell.top.right {
width: 10px;
height: 10px;
background-position: -200px 0px;
background-repeat: no-repeat;
}

.info-header .cell.mid.left {
width: 10px;
background-position: 0px -10px;
background-repeat: repeat-y;
}

.info-header .cell.mid.middle {
background-position: -10px -10px;
background-repeat: repeat; /*padding-bottom: 5px;*/
vertical-align: middle;
}

.info-header .cell.mid.right {
width: 10px;
background-position: -200px -10px;
background-repeat: repeat-y;
}

/*
.info-cell.expandable:hover .info-header .cell.bottom
{
background-image: url('../Images/Expandable-Back.png');
}*/

.info-header .cell.bottom.left {
width: 10px;
height: 10px;
background-position: 5px -190px;
background-repeat: no-repeat;
}

.info-header .cell.bottom.middle {
height: 10px;
background-position: -10px -190px;
background-repeat: repeat-x;
}

.info-header .cell.bottom.right {
width: 10px;
height: 10px;
background-position: -195px -190px;
background-repeat: no-repeat;
}

.info-content {
position: absolute;
margin-top: -15px;
z-index: 20;
display: none;
}

.info-cell.expandable:hover .info-content {
    display: inline;
}

.info-cell.expandable:hover .info-content .cell.top,
.info-cell.expandable:focus-within .info-content .cell.top {
background-image: url('../Images/Expandable-Shadow-Back.png');
}

.info-cell.expandable:hover .info-content .cell.mid,
.info-cell.expandable:focus-within .info-content .cell.mid {
background-image: url('../Images/Expandable-Shadow-Back.png');
}

.info-cell.expandable:hover .info-content .cell.bottom,
.info-cell.expandable:focus-within .info-content .cell.bottom {
background-image: url('../Images/Expandable-Shadow-Back.png');
}

.info-content .cell.top.left {
width: 10px;
height: 10px;
background-position: 0px 0px;
background-repeat: no-repeat;
}

.info-content .cell.top.middle {
width: 10px;
height: 10px;
background-position: -10px 0px;
background-repeat: repeat-x;
}

.info-content .cell.top.right {
width: 10px;
height: 10px;
background-position: -200px 0px;
background-repeat: no-repeat;
}

.info-content .cell.mid.left {
width: 10px;
background-position: 0px -10px;
background-repeat: repeat-y;
}

.info-content .cell.mid.middle {
/*background-image: url('../Images/Expandable-Shadow-Back.png');*/
background-position: -10px -10px;
background-repeat: repeat;
}

.info-content .cell.mid.right {
width: 10px;
background-position: -200px -10px;
background-repeat: repeat-y;
}

.info-content .cell.bottom.left {
width: 10px;
height: 10px;
background-position: 0px -200px;
background-repeat: no-repeat;
}

.info-content .cell.bottom.middle {
height: 10px;
background-position: -10px -200px;
background-repeat: repeat-x;
}

.info-content .cell.bottom.right {
width: 10px;
height: 10px;
background-position: -200px -200px;
background-repeat: no-repeat;
}

.info-content .info-content-table td {
padding: 5px 0px 5px 0px;
}

.left-pad-five {
padding-left: 5px;
}

.right-pad-five {
background-position: -200px -200px;
}

.fr-toggle-cell .fr-toggle-div {
width: 90px;
height: 30px;
margin-top: 4px;
}

.fr-toggle-cell .fr-toggle-div .inner-div {
position: absolute;
color: White;
}

.fr-toggle-cell .fr-toggle-div .inner-div .fr-toggle-content {
position: relative;
width: 72px;
z-index: 30;
margin-left: 9px;
}

.fr-toggle-cell .fr-toggle-div .inner-div .fr-toggle-content .item {
/* height: 25px;*/
width: 100px;
vertical-align: middle;
}



.fr-toggle-cell .fr-toggle-div .inner-div .fr-toggle-content .item.hidden {
display: none;
}

.fr-toggle-cell:hover .fr-toggle-div .inner-div .fr-toggle-content .item.hidden {
display: table-cell;
vertical-align: middle;
}

.fr-toggle-cell.keyboard-focus .fr-toggle-div .inner-div .fr-toggle-content .item.hidden {
    display: table-cell;
    vertical-align: middle;
}
.fr-toggle-cell .fr-toggle-div .inner-div {
/*position: absolute;
margin-top: -26px;*/
z-index: 999!important;
width: 85px;
min-height: 27px;
border-radius: 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 1px solid #000000;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
background: rgba(84,84,84,0.89);
background: -moz-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,84,84,0.89)), color-stop(83%, rgba(31,31,31,1)));
background: -webkit-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -o-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -ms-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: linear-gradient(to bottom, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
<!-- [if lt IE 8]> -moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 1px solid #000000;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
background: rgba(00,00,00,0.89);
background: -moz-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,84,84,0.89)), color-stop(83%, rgba(31,31,31,1)));
background: -webkit-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -o-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -ms-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: linear-gradient(to bottom, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
< ![endif]; -->
}



.fr-toggle-cell:hover .fr-toggle-div .inner-div .back {
/*margin-top: -84px;
height: 100px;*/
margin-top: -51px;
height: 60px;
border-radius: 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 1px solid #333333;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
background: rgba(00,00,00,0.89);
background: -moz-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,84,84,0.89)), color-stop(83%, rgba(31,31,31,1)));
background: -webkit-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -o-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -ms-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: linear-gradient(to bottom, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
<!-- [if lt IE 8]> -moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 1px solid #000000;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
background: rgba(00,00,00,0.89);
background: -moz-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,84,84,0.89)), color-stop(83%, rgba(31,31,31,1)));
background: -webkit-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -o-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: -ms-linear-gradient(top, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
background: linear-gradient(to bottom, rgba(84,84,84,0.89) 0%, rgba(31,31,31,1) 83%);
< ![endif]; -->
}


.item {
height: 25px;
vertical-align: middle;
}



.info-panel a {
color: inherit;
text-decoration: none;
}

.info-panel a:hover {
text-decoration: underline;
}

/* End */

/* Created By Tushar */
.CellsEllipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}



.fr-overlay {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}

.fr-overlay-back {
opacity: 0.5;
text-align: center;
position: absolute;
margin: 0px auto;
width: 100%;
height: 100%;
filter: alpha(opacity=50);
background-color: #fff;
}

.fr-overlay-content-table {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}

.fr-overlay-content {
width: 110px;
height: 23px;
font-size: 12px;
/*font-family: Verdana;*/
background-color: #ffffff;
border: 1px solid #aaa;
background-image: url('../Images/Loading.gif');
background-repeat: no-repeat;
background-position: bottom;
text-align: center;
vertical-align: top;
padding: 5px;
}

.search {
float: right;
}

.notice-redbold-form {
font-family: Verdana;
color: #f00;
padding: 0px;
margin: 0px;
/*float: right;*/
font-weight: bolder;
font-size: large;
/*padding-top: 2px;*/
}

.notice-black-form {
/*font-family: Verdana;*/
font-size: 12px;
color: #000000;
padding: 0px;
margin: 0px;
clear: none;
padding-top: 2px;
}

.dropbtn {
color: white;
background-color: #2366a0;
height: 38px;
font-size: 12px;
padding: 0px 15px;
border: none;
cursor: pointer;
text-transform: uppercase;
}

.dropbtn:hover {
color: white;
background-color: #427cae;
height: 38px;
font-size: 12px;
padding: 0px 15px;
border: none;
cursor: pointer;
}

.dropbtn-disabled {
color: white;
background-color: #2366a0;
height: 38px;
font-size: 12px;
padding: 0px 20px;
border: none;
cursor: pointer;
text-transform: uppercase;
opacity: 0.7;
}

.dropbtn:active {
color: white;
background-color: #18b86b;
height: 38px;
font-size: 12px;
padding: 0px 15px;
border: none;
cursor: pointer;
}


.dropbtnColset {
color: white;
background-color: #2366a0;
height: 38px;
font-size: 12px;
padding: 0px 20px;
border: none;
cursor: pointer;
text-transform: uppercase;
}

.dropbtnColset:hover {
color: white;
background-color: #427cae;
height: 38px;
font-size: 12px;
padding: 0px 20px;
border: none;
cursor: pointer;
}

.dropbtnColset:focus {
color: white;
background-color: #18b86b;
height: 38px;
font-size: 12px;
padding: 0px 20px;
border: none;
cursor: pointer;
}


.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: #2366a0;
}

.splogo {
height: 16px;
width: 16px;
background-image: url('../Images/sp.png');
}

.Confirm_Icon {
height: 16px;
width: 16px;
background-image: url('../Images/Notification.png');
background-repeat: no-repeat;
}

table#poptab tr:nth-last-child(1) td {
    padding-bottom:10px;
}