﻿.GlavnaTabela 
{
    margin:-0.8vw 0vw 0vw -0.8vw;
    padding:0vw;
    border-spacing: 0;
    width:100vw; 
    vertical-align:top; 
    border:0;
    background-image:url('/Images/bg.gif');
}
.GlavnoMeni 
{
    background-color: darkorange;
    color:white;
    width:15vw;
    height:90vh;
    font-size: 1vw;
    font-family:Calibri;
    vertical-align:top;
    border:1vw thin transparent; 
    box-shadow: 0vw 0.2vw 1vw 0.2vw grey; 
    border-radius: 0vw 0vw 15vw 0vw; 
}
.DivMeni 
{
    font-size:1.8vw;
    margin-left:1vw;
}
.MeniItems
{
    text-decoration:none; 
    color:white; 
    text-shadow:0 0 0.5vw black;
}
.MasterContainer 
{
    vertical-align:top;
    padding-left: 1vw;
    font-size: 1.1vw;
}
.TextBoxRounded
{
    color:#646363;
    font-family:Calibri;
    font-style:italic;
    font-size:1.5vw;
    
    border:0.1vw solid lightgrey; 
    box-shadow: 0vw 0.2vw 1vw 0.2vw white;
    border-radius: 1.5vw; 
    padding:0.5vw;
    width:25vw;
    height:2vw;
}
.TextBoxRoundedFilters
{
    color:#646363;
    font-family:Calibri;
    font-size:0.8vw;
    border:0.1vw solid lightgrey; 
    box-shadow: 0vw 0.2vw 0.8vw 0.01vw white;
    border-radius: 1.5vw; 
    padding:0.5vw;
    width:15vw;
    height:2vw;
}
.TextBoxSearchIcon
{
    color:#646363;
    font-family:Calibri;
    font-size:0.8vw;
    border:0.1vw solid lightgrey; 
    box-shadow: 0vw 0.2vw 0.8vw 0.01vw white;
    border-radius: 1.5vw; 
    padding:0.5vw;
    width:15vw;
    height:2vw;
    background: url('/Images/Icons/Search.png') no-repeat;
    background-size:1.2vw;
    background-position: 0.4vw 0.5vh;
    background-color: white;
    padding-left:2vw;
}
.TextBoxSearchIconEdit
{
    color:#646363;
    font-family:Calibri;
    font-size:2vw;
    border:0.1vw solid lightgrey; 
    box-shadow: 0vw 0.2vw 0.8vw 0.01vw white;
    border-radius: 1.5vw; 
    padding:0.5vw;
    width:25vw;
    height:3.5vw;
    background: url('/Images/Icons/Search.png') no-repeat;
    background-size:2.2vw;
    background-position: 0.5vw 0.7vh;
    background-color: white;
    padding-left:3vw;
}
.TextBoxRoundedEdit
{   overflow-y: scroll;
    max-height: 200px;

    color:#646363;
    font-family:Calibri;
    font-size:2vw;
    border:0.1vw solid lightgrey; 
    box-shadow: 0vw 0.2vw 0.8vw 0.01vw white;
    border-radius: 1.5vw; 
    padding:0.5vw;
    width:25vw;
    height:3.5vw;
}
.TextBoxNumber
{
    color:#646363;
    font-family:Calibri;
    font-size:0.8vw;
    border:0.1vw solid lightgrey; 
    box-shadow: 0vw 0.2vw 0.8vw 0.01vw white;
    border-radius: 1.5vw; 
    padding:0.5vw;
    width:5vw;
    height:2vw;
}
.RequredField 
{
    color:#ff4c4c;
    font-family:Calibri;
    font-size:1.2vw;
    text-shadow:0 0 0.15vw grey;
}
.RequredFieldSmall 
{
    color:#ff4c4c;
    font-family:Calibri;
    font-size:1vw;
}
.InfoMessage 
{
    color:#ff0000;
    font-family:Calibri;
    font-size:1vw;
}
.FormatedButton 
{
    box-shadow: 0vw 0.2vw 0.1vw 0.2vw white; 
    border-radius: 1.5vw 1.5vw 1.5vw 1.5vw; 
    background-color: #d1d1d1;
    color:darkslategrey;
    width:10vw;
    height:2vw;
    font-size:1vw;
}
.FormatedButton:hover 
{
    background-color:gold;
}
.FilterButton 
{
    box-shadow: 0vw 0.1vw 0.1vw 0.1vw white; 
    border-radius: 1.5vw 1.5vw 1.5vw 1.5vw; 
    background-color: #d1d1d1;
    color:white;
    height:2vw;
    font-size:1vw;
    margin-right:1vw;
}
.FilterButton:hover 
{
    background-color:gold;
}
.PrintButton 
{
    box-shadow: 0vw 0.1vw 0.1vw 0.1vw white; 
    border-radius: 1.5vw 1.5vw 1.5vw 1.5vw;  
    color:darkslategrey;
    height:2vw;
    font-size:1vw;
    margin-right:1vw;
    padding-left:2vw;
    padding-right:1vw;
    background: url('/Images/Icons/Print.png') no-repeat;
    background-size:1.2vw;
    background-position: 0.4vw 0.5vh;
    background-color: #d1d1d1;
}
.PrintButton:hover 
{
    background-color:gold;
}
.EditButton 
{
    box-shadow: 0vw 0.1vw 0.1vw 0.1vw white; 
    border-radius: 1.5vw 1.5vw 1.5vw 1.5vw;  
    color:darkslategrey;
    height:2vw;
    font-size:1vw;
    margin-right:1vw;
    padding-left:2vw;
    padding-right:1vw;
    background: url('/Images/Icons/Edit_ic.png') no-repeat;
    background-size:1.2vw;
    background-position: 0.4vw 0.5vh;
    background-color: #d1d1d1;
}
.EditButton:hover 
{
    background-color:gold;
}
.NormalButton 
{
    border-radius: 1.5vw 1.5vw 1.5vw 1.5vw; 
    background-color: #d1d1d1;
    color:darkslategrey;
    height:1.5vw;
    font-size:0.7vw;
}
.NormalButton:hover 
{
    background-color:gold;
}
.EditFormButton 
{
    box-shadow: 0vw 0.2vw 0.1vw 0.2vw white; 
    border-radius: 1.5vw 1.5vw 1.5vw 1.5vw; 
    background-color: #d1d1d1;
    color:darkslategrey;
    height:5vw;
    font-size:2vw;
}
.EditFormButton:hover 
{
    background-color:gold;
}
.DefaultForm_Tabela1 
{
    text-align:center;
    vertical-align:middle;
    padding:2vw;
    border-spacing:0;
    width:70vw;
    padding-top:10vw;
    line-height:3vw;
    font-family:Calibri;
    font-size:2vw;
    color:#646363;        
}
.Logout_Button 
{
    position: absolute;
    left: 4.5vw;
    top: 1.1vw;
    z-index: 2;
    width: 5vw;
    height:1.5vw;
    font-size:1vw;

    box-shadow: 0vw 0.1vw 0.1vw 0.1vw white; 
    border-radius: 1.5vw 1.5vw 1.5vw 1.5vw; 
    background-color: #d1d1d1;
    color:white;
}
.Logout_Button:hover 
{
    background-color:gold;
}
.Label_Small 
{
    font-size:0.8vw;
    position: absolute;
    left: 4.5vw;
    top: 0vw;
    z-index: 2;
}
.GlavnaStandard
{
    border-spacing: 0;
    vertical-align:top; 
    border:0;
    padding-top:1vw;
}
.TabelaGrid 
{
   margin:0.8vw 0vw 0vw 3vw;
   background-color: whitesmoke;
   border:0;
   padding:0.3vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   width:75vw;
   font-size:1vw;
}
.TabelaMalaGridPayments
{
   margin:0.8vw 0vw 0vw 3vw;
   background-color: whitesmoke;
   border:0;
   padding:0.4vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   width:24vw;
   font-size:1vw;
   vertical-align:top;
}
.TabelaMalaGrid 
{
   margin:0.8vw 0vw 0vw 3vw;
   background-color: whitesmoke;
   border:0;
   padding:0.4vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   width:26vw;
   font-size:1vw;
   vertical-align:top;
}
.TabelaDetailsGrid 
{
   margin:0.8vw 0vw 0vw 1vw;
   background-color: whitesmoke;
   border:0;
   padding:0.4vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   font-size:1vw;
   vertical-align:top;
   width:47.9vw;
   height:14.8vw;
}
.TabelaDetailsStandard 
{
   margin:0.8vw 0vw 0vw 1vw;
   background-color: whitesmoke;
   border:0;
   padding:0.4vw;
   padding-bottom:1vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   font-size:0.8vw;
   vertical-align:top;
   width:47.9vw;
}
.TabelaDetailsStandardPayments 
{
   margin:0.8vw 0vw 0vw 1vw;
   background-color: whitesmoke;
   border:0;
   padding:0.4vw;
   padding-bottom:1vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   font-size:0.8vw;
   vertical-align:top;
   width:49.5vw;
}
.TabelaFilters 
{
   margin:0.8vw 0vw 0vw 3vw;
   background-color: whitesmoke;
   border:0;
   padding:0.5vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   width:75vw;
   font-size:0.7vw;
   font-family:Calibri;
   font-size:0.9vw;
}
.MeniTop 
{
    margin-left:3vw;
    padding-left:5vw;
    border-radius:0vw 0vw 2vw 2vw;
    background-color:antiquewhite;
    width:75vw;
    height:3vw;
    box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
    color: white;
    font-size:1.2vw;
    text-shadow:0 0 0.2vw black;
    text-align:left;
}
.MeniBottom
{
    margin-left:3vw;
    margin-top:1vw;
    margin-bottom:-1vw;
    padding-left:5vw;
    border-radius:2vw 2vw 0vw 0vw;
    background-color:antiquewhite;
    width:75vw;
    height:4vw;
    box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
    color: white;
    font-size:1.2vw;
    text-shadow:0 0 0.2vw black;
    text-align:left;
}
.EditForma
{
    text-align:left;
    vertical-align:top;
    padding:2vw;
    border-spacing:0;
    line-height:3vw;
    font-family:Calibri;
    font-size:2vw;
    color:grey;
}
.Calender 
{
    width:28vw;   
    background-color:white;
    border-color:gold;
    padding:0.4vw;
    font-family:Calibri;
    font-size:1.7vw;
    color:black;
}
.imageButton
{
    opacity:0.8;
    width:3vw;
}
.imageButton:hover
{
    opacity:1;
    -webkit-transform: scale(1.2) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1.2) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1.2) translateX(0px) translateY(0px) rotate(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.5s;
	-moz-transition: -moz-transform 0.4s, opacity 0.5s;
	transition: transform 0.4s, opacity 0.5s;
}
.AdminPage 
{
    margin-left:3vw;
    padding-left:2vw;
    border-radius:0vw 0vw 2vw 2vw;
    background-color:whitesmoke;
    width:75vw;
    height:3vw;
    box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
    color: white;
    font-size:1vw;
    text-shadow:0 0 0.17vw black;
    text-align:left;
}
.EditDetails 
{
    padding-left:1vw;
    color: white;
    font-size:1vw;
    text-shadow:0 0 0.15vw black;
    text-align:left;
}
.EditDetailsStandard
{
    padding-left:1vw;
    color: white;
    font-size:0.8vw;
    text-shadow:0 0 0.15vw black;
    text-align:left;
}
.RefreshButton 
{
    height:1vw;
}
.DashboardItem 
{
   margin:0.8vw 0vw 0vw 1vw;
   background-color: whitesmoke;
   border:0;
   padding:0.4vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   width:39.5vw;
   font-size:1vw;
   vertical-align:top;
}
.DashboardItem3 
{
   margin:0.8vw 0vw 0vw 1vw;
   background-color: whitesmoke;
   border:0;
   padding:0.4vw;
   border-radius: 0.8vw;
   box-shadow: 0.1vw 0vw 0.4vw 0.2vw grey;
   width:26vw;
   font-size:1vw;
   vertical-align:top;
}
.DashboardDetails 
{
    padding-left:0.5vw;
    color: grey;
    font-size:0.9vw;
    text-shadow:0 0 0.05vw lightgrey;
    text-align:left;
}
.TextShadow
{
    font-size:0.9vw;
    text-shadow:0 0 0.1vw white;
    color:orange;
}
