input[type=text], input[type=password]
{
    font-size :9pt;
    font-family :Arial;
    border: 0px;
    border-bottom : 1px solid #d3d3d3;
    padding: 5px 10px;        
}

input[type=text]:focus 
{
    background-color :#ACBFE6;
}

input[type=text]:disabled {  
  border: none;  
}

label
{
    font-size :8pt;
    font-family :Arial;
}
    
.PANEL_DIV
{
    border: 1px solid #d3d3d3;
    border-radius: 0px 0px 30px 0px; /* Applying filter with shadow */
    filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25));
}

select
{
    width: 100%;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    background-color: #FFF;
}

.icon_eye
{
    color: #0f75bb !important;
    text-align: center !important;
    min-width: 30px !important;
    position: absolute;
    padding-top: 20px;
}

.login-block
{
    width: 320px;
    padding: 50px 50px 50px 50px;
    background-color: #FFF;
    border-radius: 30px;
    border-top: 5px solid #ff656c;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Applying filter with shadow */
    filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25));
}

.login-block h1
{
    text-align: center;
    color: #000099;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px #000000;
}

.label_shadow
{
    font-size: 30pt !important;
    font-family: Arial Narrow !important;
    font-weight: bold !important;
    color: #FFF !important;
    background-color: transparent !important;  
    padding: 1px 5px 1px 10px;
    border-radius: 0px 0px 30px 0px;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;   
}

.label_header_shadow
{
    position: absolute;
    top: 2%;
    font-size: 40pt !important;
    font-family: 'Exo' , sans-serif;
    font-weight: bold !important;
    color: #FFF !important;
    background-color: transparent !important;
    padding: 1px 5px 1px 10px;
    border-radius: 0px 0px 30px 0px;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;   
}

.label_features_shadow
{
    font-size: 40pt !important;
    font-family: Arial Narrow !important;
    font-weight: bold !important;
    color: #FFF !important;
    background-color: transparent !important;
    padding: 1px 5px 1px 10px;
    border-radius: 0px 0px 30px 0px;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; 
    z-index :12;
}

.BUTTON
{
  background-color: #182978;
  border: none;
  color: #FFF;
  padding: 5px 15px 5px 15px;
  margin : 0px 10px 0px 0px;
  text-decoration: none;  
  cursor: pointer;
  border-radius: 15px;
  /* Applying filter with shadow */
  filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25));
}

.BUTTON_MENU
{
  font-size :18pt;
  font-weight :100;
  background-color: #182978;
  border: none;
  color: #FFF;
  padding: 15px 15px 15px 15px; 
  margin : 0px 10px 0px 0px;
  text-decoration: none;  
  cursor: pointer;
  border-radius: 10px;
  display :block;
  /* Applying filter with shadow */
  filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25));
  z-index: 10;  
}

.BUTTON_MENU:hover
{
    background-color: #A0AECD;
    color: #000;
}

.header
{
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 255px);
    z-index: 2;
}

.header div
{
    float: left;
    color: #fff;
    font-family: 'Exo' , sans-serif;
    font-size: 35px;
    font-weight: 200;
}

.header div span
{
    color: #5379fa !important;
}

.welcome
{
    position: absolute;
    top: calc(50% - 120px);
    left: calc(50% - 160px);
    color: #ACBFE6;
    font-family: 'Candara Light', sans-serif;
    font-size: 30px;
    font-weight: 100;
}

.copyright
{
    position: absolute;
    top: calc(50% + 200px);
    left: calc(50% - 185px);
    color: #fff;
    font-family: 'Exo' , sans-serif;  
    font-size: 8pt;  
}

.login input[type=text]
{
    width: 280px;
    height: 30px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 2px;
    color: #fff;
    font-family: 'Exo' , sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    padding: 4px !important;
    margin-top: 10px;
    margin-right: 5px;
}

.login
{
    position: absolute;
    top: calc(50% - 75px);
    left: calc(50% - 200px);
    height: 150px;
    width: 350px;
    padding: 10px;
    z-index: 2;
}

.login input[type=password]
{
    width: 280px;
    height: 30px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 2px;
    color: #fff;
    font-family: 'Exo' , sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 4px;
    margin-top: 10px;
    margin-right: 5px;
}

.login input[type=submit]
{
    width: 294px;
    height: 35px;
    background: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 15px;
    color: #a18d6c;
    font-family: 'Exo' , sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 6px;
    margin-top: 10px;
}

.login input[type=submit]:hover
{
    opacity: 0.8;
}

.login input[type=submit]:active
{
    opacity: 0.6;
}

.login input[type=text]:focus
{
    outline: none;
    border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=password]:focus
{
    outline: none;
    border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=submit]:focus
{
    outline: none;
}

.body_outer
{       
    margin :0px 0px 0px 0px;     
}

.div_corner
{
    position: absolute;
    top: 25%;
    left: 2%;
    width :280px;
    height :70px;    
    margin :0px 0px 0px 0px;     
    z-index :12;
}

.panel_menu
{
    position: absolute;
    top: 35%;
    left: 10%;
    min-width :70%;
    min-height :45%;   
    padding: 30px 30px 30px 80px; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 15px;
    border :0px;
    z-index: 11;  
}

.panel_popup
{   
    min-width :300px;
    min-height :200px;
    background-color :#E1F2F7;
    color:#000;
    border: 1px solid #d3d3d3;
    border-radius: 30px 30px 30px 30px; 
    padding: 30px 30px 30px 30px;   
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 20;   
}

/* Gridview styles */
.GRIDVIEW_HEADER th
{
    padding-left: 5px;
    text-decoration: none;
    cursor: default;
    background-color: #182978;
    color: White;
    zoom: 1;
    font: bold 8.5pt arial,tahoma,verdana,sans-serif;
    position: relative;
    position: sticky;
    top: 0px;
}

.ROWSTYLE td
{
    padding-left: 5px;
    border: none;
    background-color: #6688CC;
    vertical-align: middle;
    font: normal 8.5pt arial,tahoma,verdana,sans-serif;
}

.ALTROWSTYLE td
{
    padding-left: 5px;
    background-color: #ACBFE6;
    vertical-align: middle;
    font: normal 8.5pt arial,tahoma,verdana,sans-serif;
}

.SELECTEDROWSTYLE td
{
    padding-left: 5px;
    border-left: 1px solid #deecfd;
    border-right: 1px solid #deecfd;
    border-top: solid 2px #cccccc;
    border-bottom: solid 2px #cccccc;
    background-color: #dddddd;
    font: bold 8.5pt arial,tahoma,verdana,sans-serif;
}

.EMPTYROWSTYLE td
{
    border: none;
    background-color: #D6D6F8;
    vertical-align: middle;
    font: normal 8.5pt arial,tahoma,verdana,sans-serif;
}

.PAGERSTYLE
{
    background: #f9f9f9 url(Images/Default/Gridview/grid3-hrow.gif) repeat-x 0 bottom;
}

.PAGERSTYLE table td
{
    border: 0px;
    padding: 2px;
}

.PAGERSTYLE a
{
    color: black;
    text-decoration: underline;
    padding: 0px 5px 0px 5px;
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
}

.PAGERSTYLE span
{
    font-weight: bold;
    color: black;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}

.PANEL_GRIDVIEW
{
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.MODAL_BACKGROUND {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7; 
}

/* Scrollbar styles */

::-webkit-scrollbar
{
    width: auto;
}
::-webkit-scrollbar-thumb
{
    background-color: Gray;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-track
{
    background-color: transparent;
}