.pressedbutton
{
    opacity: 0.9;
    border-color : orange !important;
}
.alert_mainscreen
{
    border:2px solid red ;
    margin-bottom: 7px;
    
    
}
.result
{-webkit-overflow-scrolling: touch;}

.tabs-list-content li a
{
    font-size:13px;
}

.dark-colour-background
{
 background  : #013655;   
}
.whitefont{
    color:white !important;
}
#loginresult
{
display:none ; 
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
border: 1px solid #ccc;
background-color:#f0f8fc;
border-radius:  4px;
font-size: medium;
color:white;
text-shadow:none;
}

.maca
{
display:inline-block;
border: 2px solid #013655;
text-shadow: none;
width : auto;
border-radius:  4px;
font-size: 9px !important;
margin : 1px;
padding:2px ;
overflow:hidden;
border-radius: 3px;

}
.alertmaca
{
   
    
    background: salmon !important;  
    
}

.activemaca
{
 font-size: 12px !important;
 

}
.monitorart
{
 font-size: xx-small;
 
}
.monitorartcontent
{
padding:2px;
  
}

.search-text-inheader
{
width:100px;
height:24px;
font-size:small;
}






.ui-input-listview {
  margin-top: -1em !important;
  margin-bottom: -1em !important;
  margin-left: -0.5em !important; /* If you want to fix left as well */
  margin-right: -0.5em !important; /* If you want to fix right as well */
  border: none !important;
  box-shadow: none !important;
  background-color : transparent;
}


.diffColor
{
    
  background-color: red;
}
.articul{
    
  /*background-color: #29abe2;*/  
}
.version
{

font-size : x-small !important;
color: white;


}
.clickedli{
    background-color: #5ca5d8 !important;
    
      
}
.clickedli p{
    text-shadow:none !important;
    color:white !important;
}
#header-btn-altcolor
{
    background : #ddf0f8;
}
/*Бутоните за вход */
#loginbutton
{  background: #013655 !important;
   background: -webkit-linear-gradient(#0368A3, #013655) !important;
   background: -moz-linear-gradient(#0368A3, #013655) !important;
   background: -o-linear-gradient(#0368A3, #013655) !important;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0368A3', endColorstr='#013655',GradientType=0 ) !important; /* IE6-9 */
   color:white;    
}
.altlogin
{ 
   background: #013655 !important;
   background: -webkit-linear-gradient(#0368A3, #013655) !important;
   background: -moz-linear-gradient(#0368A3, #013655) !important;
   background: -o-linear-gradient(#0368A3, #013655) !important;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0368A3', endColorstr='#013655',GradientType=0 ) !important; /* IE6-9 */
   color:white !important;    
}
#zaredispravka
{   
    background: #007734;
    text-shadow: none; 
    color:white;
}
.confirmbutton{
    background: #007734 !important;
    text-shadow: none !important; 
    color:white !important;
    border: none !important;
}


clearlogininfo
{   background: coral;
    
}

/* Контехнера на соправката - тестов клас*/
.containerspravka
{
    overflow: hidden;
    
}

/* Клас който винаги в видим в справката*/
.importantdiv{ 
 
  display:block;
  width: 100%;
  height: 100%;
  padding: 1px;
  
  
   
}
.notimportantdiv
{
 display:none;
 
 
}
/* ГИФ видим при заявка към базата*/
#loadinggifdiv {
    width: 200px;
    height:200px;
    text-align: left;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left:-100px;
    margin-top:-100px;
    background: url("../themes/images/ajax-loader.gif") no-repeat center center;
    color:white;
    z-index: 10;
    opacity:0.3;
   
    
    
   
}

.ajax_loading
{
background-color:transparent !important;
}

.panels  {  
    background: rgb(49, 57, 74) !important;   
}

.panelrow
{
border-bottom: 1px solid #475657;  
border-top: 1px solid #95A5A6;
color: rgb(196, 204, 218);
display: block;
font-family: Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
text-align: left;
text-overflow: ellipsis;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 0px;
white-space: nowrap;

}

/* ФОН И ТЕКСТ ЗА ЦЕЛИЯ ДОКУМЕНТ*/
.ui-page 
{
       /*background-image:   url("../themes/b8.png");*/
       background: #F6F5F1;
       font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; 
       /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/
       
      
       

             
}



/* СТИЛОВЕ НА ТАБЛИЦАТА С РЕЗУЛТАТ ОТ СПРАВКАТА*/
.mytable TD{
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
   font-size: x-small;
   
   

}
.mytable TH{
   font-family:"Verdana", Geneva, sans-serif !important;
   font-size: x-small;
   
   

}
.mytable tr{
   border-top : 1px solid black;
   

}




.mytable tbody tr:nth-child(odd) td,
.mytable tbody tr:nth-child(odd) th {
  background-color: #f0f8fc;
  
  
}
.mytable tbody tr:nth-child(even) td,
.mytable tbody tr:nth-child(even) th {
  background-color: white;
  
  
}
.mytable thead th
{
 background-color: #013655;
 color:#f0f8fc;
 
 
 
 
 
}
.mytable tbody tr:last-child {
  border-bottom: 1px solid black;
}
.mytable
{
    border-spacing: 0px;
}

/* четни нечетни редове - оцветяване на таблица*/


.inactive_page a
{
background : #013655 !important;    
background: -webkit-linear-gradient(#0368A3, #013655) !important;
background: -moz-linear-gradient(#0368A3,#013655) !important;
background: -o-linear-gradient(#0368A3,#013655) !important;
background: -ms-linear-gradient(#0368A3,#013655) !important;

border :1px solid #013655 !important; 
border-top: none !important;
height: 38px;
color:#5ca5d8 !important; 
text-overflow: ellipsis !important;
overflow: visible !important;
white-space: normal !important;
}
.active_page a
{
background : #007734 !important;
background: -webkit-linear-gradient(top, rgba(0,117,50,1) 0%,rgba(3,163,104,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, rgba(0,117,50,1) 0%,rgba(3,163,104,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(0,117,50,1) 0%,rgba(3,163,104,1) 100%) !important;
background: -o-linear-gradient(top, rgba(0,117,50,1) 0%,rgba(3,163,104,1) 100%) !important;
border :1px solid #007734 !important;
border-top: none !important;
height: 38px;
color:#f0f8fc !important;
text-overflow: ellipsis !important;
overflow: visible !important;
white-space: normal !important;
    
     
}



.ui-header-fixed
{   background : #013655 !important;
    background: -webkit-linear-gradient(#0368A3, #013655) !important;
    background: -moz-linear-gradient(#0368A3, #013655) !important;
    background: -ms-linear-gradient(#0368A3, #013655) !important;
    background: -o-linear-gradient(#0368A3, #013655) !important;
}
.ui-header-fixed .ui-btn
{

-webkit-tap-highlight-color: rgba(92, 165, 216, 0.3);
background :transparent !important;
border:none !important;
box-shadow:none !important;
padding:7px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}


.footer-text
{
    font-size:10px !important;
  
    
}
.footer-nav
{
    
   font-size:20px;
   
}
.header-nav
{
 font-size:16px;
 color:#f0f8fc;
 
}
.liresult{
padding-top:0 !important;
padding-bottom:0 !important;
}

.h-button
{
 /*-webkit-tap-highlight-color: rgba(92, 165, 216, 0.3);*/
background :transparent !important;
border:none !important;
box-shadow:none !important;
padding:7px !important;
padding-left: 10px !important;
padding-right: 10px !important;

  

/*height: 100% !important;
padding : 10px;
margin:0px !important;*/
}


/* Стиложе на листовете които връща php


*/
.articulname
{
 font-size: 10px;
 color:#013655 !important; 
 font-weight: bold;
}
.li-zapisi li a
{
 
}

.obektvspravka
{
font-size: larger;

}

.partnervspravka
{  
font-size:larger;
color: orangered;    
}
.datavspravka
{
 float: right;
 font-size: larger
 
}
.sumaspravka
{

font-size:larger;
color: #013655;
}
/*Скрива се подробната информация в редовете в листа резултат от справките*/



.logincontent{    
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
border: 1px solid #013655;
background-color: #5ca5d8;
border-radius:  4px;

}    
    





.maincontent{    
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
border: 1px solid #ccc;
background-color: #f7f7f7;
border-radius:  4px;
font-size: small;
}

.quickresultsspravka

{
  border-bottom:  1px dotted #ccc;
  font-family: Tahoma, Arial, Geneva, sans-serif;
  background-color: snow;
  font-size: small; 
  padding: 2px;
}




.quickresults

{
  
  border-bottom: 2px dotted #ccc;
  text-indent: 10px;
  
     
}

/*Towa e klasa na redovete v ekrana za byrzi sprawki*/
.hf
{   
float:right;
font-weight: bold;
color: #069;
padding: 4px;

    
}





@media only screen 
and (min-width : 450px) 

 {

.containerspravka{
    overflow:hidden;
    width:100%
}

.importantdiv { 
  
  padding: 5px;
  height:100px;
  width:50%;
  float:left;
}
.notimportantdiv
{ 
  
 display:inline-block;
 margin-left: 20px;
 padding: 5px;
 width:40%;
 height:100px;
 
 
}



.obektvspravka
{

}
.datavspravka
{
float:left;
padding-right : 5px;

}    

}

@media only screen 
and (min-width : 1024px)
{

.maca
{
font-size: 16px !important;
margin : 6px;
padding:6px ;
}

.activemaca
{
 font-size: 14px !important;
 

}    
}

/* ===== MREP loader: semi-transparent card, spinning ring, "Моля изчакайте", elapsed time =====
   Only jQuery Mobile's own loader (.ui-loader-default/-verbose/-textonly) and #loadinggifdiv.
   The toast() popups also use .ui-loader, so they must NOT be matched here.
   pointer-events:none -> never blocks taps, even if a request hangs */
.ui-loader.ui-loader-default, .ui-loader.ui-loader-verbose, .ui-loader.ui-loader-textonly,
#loadinggifdiv {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    width: 170px !important;
    height: 150px !important;
    margin: -170px 0 0 -85px !important; /* sits just above the centre, so toast() messages (centre and below) stay readable */
    padding: 0 !important;
    background: rgba(20, 24, 32, 0.72) !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25) !important;
    opacity: 1 !important;
    filter: none !important;
    z-index: 9999998 !important;
    pointer-events: none;
}
.ui-loader.ui-loader-default .ui-icon-loading, .ui-loader.ui-loader-verbose .ui-icon-loading, .ui-loader.ui-loader-textonly .ui-icon-loading, #loadinggifdiv::before {
    content: "";
    position: absolute !important;
    top: 22px !important;
    left: 50% !important;
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 0 0 -23px !important;
    padding: 0 !important;
    background: none !important;
    border: 5px solid rgba(255, 255, 255, 0.22) !important;
    border-top-color: rgba(255, 255, 255, 0.95) !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    opacity: 1 !important;
    -webkit-animation: mrep-spin 0.8s linear infinite;
    animation: mrep-spin 0.8s linear infinite;
}
.ui-loader.ui-loader-default h1, .ui-loader.ui-loader-verbose h1, .ui-loader.ui-loader-textonly h1 { display: none !important; }
.ui-loader.ui-loader-default::after, .ui-loader.ui-loader-verbose::after, .ui-loader.ui-loader-textonly::after, #loadinggifdiv::after {
    content: "\041C\043E\043B\044F\0020\0438\0437\0447\0430\043A\0430\0439\0442\0435";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 42px;
    text-align: center;
    color: #fff;
    font: 600 15px/1.2 Helvetica, Arial, sans-serif;
    letter-spacing: 0.3px;
    text-shadow: none;
}
.mrep-timer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
    font: 500 14px/1.2 Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
}
@-webkit-keyframes mrep-spin { to { -webkit-transform: rotate(360deg); } }
@keyframes mrep-spin { to { transform: rotate(360deg); } }