﻿@font-face {
    font-family: 'MYRIADPRO-REGULAR';
    src: url('../../Fonts/myriad-pro/MYRIADPRO-REGULAR.OTF') format('opentype');
}
/*html {
    font-size:14px;

}*/
.placeholder
{
  color: #aaa;
}
body
{
    padding:0px;
    margin:0px;
    width:100%;
    font-family: MYRIADPRO-REGULAR;
    background-color:white;
    height:100%;
}
.modalDiv {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background: gray;

}

div.ajax_loader {
    background: url('../Images/loading.gif') no-repeat center 30%;
} 

.normarging {
    margin:0px;
}
.LoginForm
.normarging {
    margin-top:-10px;
}

.headerDiv,
.LoginForm {
    float: left;
    width: 100%;
    min-height: 50px;
    background-color: #18314E;
    color: white;
}
#headerDivId {
    /*background-image: url('Images/Header.png');*/
    background-position: top center;
    background-size:cover;
    height: 200px;
}


.departmentLogoDiv {
    float: left;
    height: 220px;
    width: 250px;
    /*background-image: url('Images/corner_element_RGB_9_300.png');*/
    background-repeat: no-repeat;
    background-size: 250px;
}
.departmentHeader {
    float:left;
    width:100%;
}
.departentNameDiv {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    float: none;
    height: 100px;
    width: 450px;
    background-image: url('Images/marijampole2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 250px;
}
    .departentNameDiv span {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 120px;
        float: none;
        font-size: 1.5rem;
        font-weight: bold;
    }
.depa/*rtentNameDiv span {
    padding-top:3px;
    padding-left:5px;
    display: inline-block;
}*/
.addressDiv {
    font-size:1.4rem;
    float:left;
    text-align:center;
    width:100%;
    background-color:white;
    padding:10px 0px;
}
/*.addressDiv span {
    padding-top:5px;
}*/
.addressDiv table {
    font-size:1.1rem;
    max-width:800px;
    width:100%;
    margin:auto;
}
.addressDiv table span{
   margin:0px 20px;
}

.addressDiv table td:first-child {
   border-right:solid 2px #18314E;
}
.addressDiv table td:last-child{
   border-left:solid 2px #18314E;
}

#AddressLabel {
    display: none;
}
.LoginForm {
    border-style: none;
    height: 100%;
    text-align: center;
    padding: 5% 0px 20% 0px;
    background-color: #FFF;
    color:black;
     /*background: url(../Images/Fonas.jpg);*/ 
     background-size:cover;
  
}
.LoginForm div {
    padding:5px 5px 0px 5px;
    max-width:380px;
    margin:auto;
}
.LoginForm a {
    font-size:1.5rem;
    color:black;
}


.LoginForm .radInput_ekasaInput .inputCell
,.LoginForm table
,.hyperlinkDiv
,.LoginForm .ButtonC
{
    width:100% !important;
    margin:auto;
}

.LoginForm .RadComboBox_ekasaComboBox
{
    width:98% !important;
    margin:auto;
}

.LoginForm .ButtonC
{
    background:none repeat scroll 0 0 #18314E;
}
    .LoginForm .ButtonC:hover {
        background: none repeat scroll 0 0 #183a4e;
    }
.LoginForm .ButtonC:disabled {
background:none repeat scroll 0 0 #183a4e;        
}

.hyperlinkDiv {
    margin:auto;
}
.hyperlinkDiv a{
    color:black;
    text-decoration:none;
    font-size:1rem;
}

.hyperlinkDiv div:first-child {
    text-align:left;
    float:left;
}
.hyperlinkDiv div:last-child {
    text-align:right;
    float:right;
}

.headerDiv,
.hDiv {
    text-align:center;
    font-size:2rem;
    padding:20px 0px;
}

.hDiv {
    padding: 60px 0px 30px 0px;
    margin:100px 0px 5px 0px;
    padding:10px 0px;
    font-size:1.5rem;
    color: black;
    background-color:#f5f5f5;
}
.hDiv img {
    width:40px;
    margin:0px 0px 5px 0px;
}

.tableContent {
    margin:auto;
    text-align:center;
     max-width:380px;
    width:100%;
}
.formDiv .tableContent {
    border:1px solid;
    margin-top:5px;
    margin-bottom:5px;
}

.tableContent td:first-child {
    width:35%;
    text-align:left;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
}
.tableContent .radInput_ekasaInput .inputCell
{
    width:95% !important;
    margin:auto;
}
.tableContent td:last-child {
    text-align:left;
}

.formDiv {
    max-width:380px;
}
.radioContent {
    float:left;
    margin:auto;
}
.radioContent td:first-child {
    width:50%;
}
.hDivEnteprise table {
    margin:auto;
    padding-top:20px;
    font-size:1.8rem;
}



/*Display========================================================================================DisplayStart*/
.notDisplay
{
    display:none;
}
.display
{
   width:145px;
}
/*Display========================================================================================DisplayEND*/



/*Div============================================================================================DivStart*/
.suggestsDiv
{
    position:absolute;   
}
.divMessage
{
    position:absolute;
    margin-left:150px;
    float:right;
    border-style:none;  
    border-width:1px;
    cursor:pointer;
}
.divMenu
{
    position:relative;
    display:block;
    height:44px;
    font-size:0.8rem;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    background:transparent url(images/bgOFF.gif) repeat-x top left;
    margin-top:10px;
    border:none;
}
.Address
{
    text-align:left; 
    padding:5px 0px 5px 5px; 
    color: #fff; 
    font-size:1.2rem;
}

.Department
{
    height:50px; 
    padding:20px 0px 40px 0px; 
    color: #fff; 
    font-size:2rem; 
    background:url('Images/header.gif') repeat-x #434343;
}

.DeparttmentImg
{
    
}
.DepartmentName
{
    
}

.einamoji
,.istorija
{
    height:10px; 
    padding:7px 0px 15px 0px; 
    color: #fff; 
    font-size:1rem; 
    font-weight:bold;
    background-color:#18314E;
    margin:auto;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
}

.Conteiner
{
   width:100%;
   float:left;
   padding-bottom:70px;
   background-color:white;

}
.contentDiv {
    max-width:1400px;
    margin:auto;
    min-height:70px;
}
.contentDiv div {
    margin:auto;
}
.contentDiv h1 {
    font-size:2.2rem;
    text-align:center;
}

.scrollBox {
    /*position:relative;*/
    width: 100%;
    padding:0px;
    margin:0px;
    top:0;
    left:0;
    overflow:auto;
}
.Message_Div,
.Message_Correct,
.Message_Alert,
.LoginForm .Message_Alert ,
.LoginForm .Message_Correct 
{
    background-color:lightgreen; 
    padding:10px 5px 10px 50px; 
    color:black; 
    font-size:1.1rem;
    text-align:left;
    background: url(../Images/warning.png)  20px 8px no-repeat;
}
.Message_Correct,
.LoginForm .Message_Correct {
    background-color:green; 
    color:white;
    background-image:url(../Images/confirm.png);
    background-size:20px;
}
.Message_Alert,
.LoginForm .Message_Alert  {
    background-color:red; 
    color:white;
    background-image:url(../Images/warning.png);
    background-size:8px;
}

/*Div============================================================================================DivEND*/


/*HyperLink======================================================================================HyperlinkStarts*/

.addHiperlink
{
    background-color:#353535;    
    border-bottom:solid 1px #b0b0b0;
    border-right:solid 1px #b0b0b0;
    color:White;
    text-decoration:none;
    padding: 5px;
    margin: 5px;
}
.addHiperlink:hover
{
    background-color:#5e5e5e;
    
}
.ButtonC
{
    background:none repeat scroll 0 0 #4F4F4F;
    cursor:pointer;
    border:1px solid black;
    font-size:1.3rem;
    cursor:default;
    margin:0px 0px 0px 0px;
    padding:15px 3px 15px 3px;
    color:White;    
    border:1px solid white;
    
    width:100% !important;
    max-width:380px;
    background:none repeat scroll 0 0 #18314E;
    }
.ButtonC:hover
{
background:none repeat scroll 0 0 #183a4e;                
cursor:pointer;
}
.ButtonC:disabled {
background:none repeat scroll 0 0 #183a4e;        
/*background-image:url(Images/alert.jpg);*/    
cursor:pointer;
}

.ButtonDelete {
    background: none repeat scroll 0 0 #4F4F4F;
    cursor: pointer;
    border: 1px solid black;
    font-size: 1.3rem;
    cursor: default;
    margin: 0px 0px 0px 0px;
    padding: 15px 3px 15px 3px;
    color: White;
    border: 1px solid white;
    width: 100% !important;
    max-width: 100px;
    background: none repeat scroll 0 0 red;
}

    .ButtonDelete:hover {
        background: none repeat scroll 0 0 red;
        cursor: pointer;
    }

    .ButtonDelete:disabled {
        background: none repeat scroll 0 0 red;
        /*background-image:url(Images/alert.jpg);*/
        cursor: pointer;
    }


.ButtonPdf
{
   /* background:none repeat scroll 0 0 #4F4F4F;*/
    background-image:url(Images/pdf_icon.jpg);
    
    border:0px solid black;
    /*font-size:14px;*/
    cursor:default;
    width:36px;
    height:36px;
    /*margin:0px 0px 0px 0px;
    padding:2px 2px 2px 2px;
    color:White;*/    
    
    }
.ButtonPdf:hover
{
/*background:none repeat scroll 0 0 #5e5e5e;                */
cursor:pointer;
}



.ControlDiv
{
    padding: 15px 0px;
    background-color:#f5f5f5;
    text-align:left;
    float:left;
    width:100%;
}




.edite
{
    background-image:url(eRupybaRadGrid/Edit.gif); 
    width:25px;   
    height:25px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}
a
{
    text-decoration:underline;
    cursor:pointer;
    color:Blue;
}

.deleteHL
{
    font-size:1rem;
    color:Red;
    /*background-image:url('eRupybaGrid/Delete.gif')*/
}
.editHL
{
    font-size:1rem;
    color:Green;
    /*background-image:url(eRupybaGrid/Edit.gif); */
}



/*HyperLink======================================================================================HyperlinkEND*/






/*li================================================================================================LIStart*/
.liIncoiceMenu, .liAdminHeader, .folderLi
{
    float:left;
    margin:2px 5px 2px 0px;
}
.folderLi
{
     margin:10px 5px 10px 10px;
}
/*li================================================================================================liEND*/





/*ol================================================================================================olStart*/
.olInvoiceMenu, .olAdminHeader, .folderListOl
{
    margin:0px; 
    list-style-type:none;
}

.folderListOl
{
   
  
}
/*ol================================================================================================olEND*/









/*================================================================================================*/
/*================================================================================================*/
/*MENU*/
/*================================================================================================*/
/*================================================================================================*/

nav { width: 100%; }

.nav_wrapper {
  width: 100%;
  transition: top .5s ease-out;
  background: white;
  font-size: 1rem;
  position:relative;
  max-width:1400px;
  border-bottom:1px solid black;
}

.scroll { top: -90px; 
          position:fixed;

}

.no-scroll {
          position:fixed;
  top: 0;
  z-index: 90;
}


main {
  max-width: 800px;
  margin: 0 auto;
}


.exitbtn {
    float: right;
    padding: 30px 15px 5px 15px;
    color: black;
    margin: 0;
    text-decoration: none;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position:top;
    margin-top:10px;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.exitbtn:hover { 
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.menu {
    width: 100%;
    height: auto;
    background: White;
    color: white;
    transition: all 0.3s ease;
    z-index: 90;
}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}

.menu ul li { padding: 0px; }

.menu > ul > li { display: inline-block; }

.menu ul li a {
  display: block;
  text-decoration: none;
  color: black;
  text-align:center;
     opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.menuItemManoSask,
.menuItemAtgal,
.menuItemManoDuomenys,
.menuItemStatistika,
.menuItemDeklaravimas,
.menuItemDeklaravimasHistory,
.menuItemPranesimai,
.menuItemMENIUELEMENTAI,
.menuItemPRISIJUNGIMAI,
.menuItemSASKAITUSIUNTIMAI,
.menuItemMOKETOJAI,
.menuItemApmokejimas {
     background-size: 25px;
     background-repeat: no-repeat;
     background-position:top;
     margin-top:10px;
}

.menuItemManoDuomenys {
    background-image: url('../Images/MANO_DUOMENYS.png');
}
.menuItemManoSask {
    background-image: url('../Images/SASKAITOS.png');
}
.menuItemAtgal {
    background-image: url('../Images/MANO_DUOMENYS.png');
}
.menuItemStatistika {
    background-image: url('../Images/STATISTIKA.png');
}
.menuItemPranesimai {
    background-image: url('../Images/PRANESIMAI.png');
}
.menuItemDeklaravimas {
    background-image: url('../Images/Skaitliukai.png');
}
.menuItemDeklaravimasHistory {
    background-image: url('../Images/SkaitliukaiIstorija.png');
}
.menuItemMENIUELEMENTAI {
    background-image: url('../Images/MENIUELEMENTAI.png');
}
.menuItemPRISIJUNGIMAI {
    background-image: url('../Images/PRISIJUNGIMAI.png');
}
.menuItemSASKAITUSIUNTIMAI {
    background-image: url('../Images/SASKAITUSIUNTIMAI.png');
}
.menuItemMOKETOJAI {
    background-image: url('../Images/MOKETOJAI.png');
}
.menuItemApmokejimas {
    background-image: url('../Images/SASKAITOS.png');
}
.exitbtn{
    background-image: url('../Images/BAIGTI.png');
}
.menu ul li a:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



.menu ul li > a { padding:30px 20px 10px 10px; 
}

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  background: #39484d;
}

.menu ul li:hover > ul { display: block; }

.menu ul ul > li { position: relative; }

.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background: #39484d;
}

.menu ul ul > li a:hover {
  background: #efa666;
  color: #fff;
}

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

#hero {
  width: 100%;
  height: auto;
  background: #e8ebf0;
  margin: 70px 0 20px 0;
}

#hero img {
  width: 100%;
  height: auto;
}

footer {
  width: 100%;
  background: #0099cc;
  padding: 10px;
  color: #fff;
  margin-top: 40px;
}

footer a {
  color: #fff;
  text-decoration: none;
}
 @media all and (max-width: 768px) {
    .LoginForm {
        background:none;
    }
body {
     background-color: #FFF;
}
.departmentLogoDiv {
    background-position:right;
    background-repeat:no-repeat;
    background-size:100px;
    display:none;
    width:20%;
    min-width:100px;
    float:left;
}
.departentNameDiv {
    font-size:1.5rem;
}
.departentNameDiv span {
    padding-top:5px;
    padding-left:5px;
    display: inline-block;
}
.addressDiv {
    font-size:1.2rem;
}

.addressDiv table span{
   margin:0px 5px;
   font-size:1rem;

}
.addressDiv span {
    padding-top:2px;
}
.headerDiv {
    text-align:center;
    font-size:1rem;
    padding:5px 0px;
}

.example-header .container { width: 100%; }

.search { padding: 10px; }



.spinner-master * {
      margin-top: 20px;
      margin-left:10px;
  transition: all 0.3s;
  box-sizing: border-box;
}

.spinner-master {
  position: relative;
  margin: 15px;
  height: 30px;
  width: 30px;
  float: left;
  margin-top: 30px;
  margin-bottom: 10px;
}

.spinner-master label {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 5px;
  left: 0;
}

.spinner-master .spinner {
  position: absolute;
  height: 4px;
  width: 100%;
  padding: 0;
  background-color: #18314E;
}

.spinner-master .diagonal.part-1 {
  position: relative;
  float: left;
}

.spinner-master .horizontal {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master .diagonal.part-2 {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: 10px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: -12px;
}

a.menu-link {
  display: block;
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 1.5em;
}

a.menu-link:hover { color: #efa666; }

a.menu-link:after {
  content: "\2630";
  font-weight: normal;
}

a.menu-link.active:after { content: "\2715"; }

.menu {
  clear: both;
  min-width: inherit;
  float: none;
}

.menu,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color: white;
}

.menu > li > ul.sub-menu {
  padding: 0px;
  border: none;
}

.menu.active,
.menu > ul ul.active { max-height: 55em; }

.menu ul { display: inline; }

.menu li,
.menu > ul > li { display: block; text-align:center;}

.menu > ul > li:last-of-type a { border: none; }

.menu li a {
  color: #fff;
  display: block;
  padding: 0.8em;
  position: relative;
}

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;
  padding: 0.55em 0.5em;
}

.menu li.has-submenu > a.active:after { content: "-"; }

.menu ul ul > li a {
  background-color: #39484d;
  padding: 10px 18px 10px 30px;
}


.menu ul ul,
.menu ul ul ul {
  display: inherit;
  position: relative;
  left: auto;
  top: auto;
  border: none;
}


#hero { height: 200px; }

}



.scrollToTop {
    padding: 30px;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;

     background-image: url('../Images/gotop.png');
     background-size: 60px;
     background-repeat: no-repeat;
     background-position:top;
     margin-top:10px;
}
.scrollToTop:hover{
	text-decoration:none;
}


input[type=radio],
table input[type=radio],
input[type=radio][disabled],
table input[type=radio][disabled],
input[type=radio][disabled]:checked,
table input[type=radio][disabled]:checked,
input[type=radio]:checked,
table input[type=radio]:checked
{
  display: none;
}


 input[type=radio],
 input[type=radio][disabled],
 input[type=radio][disabled]:checked,
 input[type=radio]:checked
{
  display: inline-block;
}

input[type=radio] + label:before,
input[type=radio][disabled] + label:before,
input[type=radio][disabled]:checked + label:before,
input[type=radio]:checked + label:before,
table input[type=radio] + label:before,
table input[type=radio][disabled] + label:before,
table input[type=radio][disabled]:checked + label:before,
table input[type=radio]:checked + label:before {
    content: "\00a0";
    display: inline-block; 
    width:18px;
    height:18px;
    outline: none;
    margin-right:5px;
    vertical-align:middle;
    background-size:18px;
    
}

    input[type=radio] + label:before {
        outline: none;
        background: url(../Images/radb.png) top no-repeat;
    }


input[type=radio][disabled] + label:before
{
        background: url(../Images/radb_dis.png) top no-repeat;
}
input[type=radio][disabled]:checked + label:before
{
        background: url(../Images/radbc_dis.png) top no-repeat;
}

input[type='radio']:checked + label:before {
        background: url(../Images/radbchecked.png) top no-repeat;
}
.gridCellBoldText {
    font-weight:bold;
    font-size:22px;
    background-color:#f5f5f5;
}
.gridCellErrorText {
    font-weight:bold;
    /*font-size:22px;*/
    background-color:red;
}

.modalAll {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.4) url('../Images/loading.gif') 50% 50% no-repeat;
}
