body { font-family:"Times New Roman",Times,serif;
       font-size: 15px;
       background-color: #e0f5f6;
       color: #0a4a7a; }

.root { display: none; }

a { text-decoration: none; }

.loginforma { width: 300px;
              margin: 10px auto;
              text-align: center; }

.loginforma div { width: 220px;
                  margin: 2px auto; }

.loginforma input { border: none; }

select, input[type=text], input[type=file], textarea { min-width: 300px; }

input[type=file] { width: 300px; }

textarea { min-height: 200px; }

#back_to_top { position: fixed;
               left: 1px;
               bottom: 1px;
               padding: 4px;
               background-color: #e0f5f6;
               border: #0a4a7a solid 1px;
               font-size: 37px;
               font-weight: bold;
               cursor: pointer;
               display: none; }

.icon { width: 245px;
        height: 90px; }

.icon:hover { opacity: 0.94; }

.icon img { width: 80px;
            border: none;
            float: left;
            margin: 5px; }

.wait, .wait_ { position: absolute;
                z-index: 100000; }

.wait_ { top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #fff;
         opacity: 0.5; }

.wait { width: 130px; }

.help { position: absolute;
        padding: 5px;
        z-index: 100000000;
        background: #dca45f;
        text-shadow: 1px 1px 1px #000;
        box-shadow: 1px 1px 13px #000;
        border: #fff solid 1px;
        border-radius: 5px;
        color: #fff; }

.buton input, .buton textarea, .buton a, .buton select, .buton span, span.buton, 
.icon, a.buton, .buton div, .buton button { border: solid 1px #0a4a7a; }

.buton input, .buton textarea, .buton a, .buton select, .buton span, span.buton, 
.icon, a.buton, .buton div, a.red, a.green, a.white, a.yellow, .buton button { border-radius: 5px 5px 5px 5px; }

.buton input, .buton textarea, .buton a, .buton select, .buton span, span.buton, 
.icon, a.buton, .buton div, .sin_tab, .buton button { background-color: #0a4a7a; }

.buton input, .buton textarea, .buton a, .buton select, .buton span, a.buton, .korona,
.buton div , div.invert, a.red, a.green, a.white, a.yellow, span.bql, .buton button 
{ color: white; }

a.red { background-color: red; }

a.orange { background-color: #ff6e00; }

a.white{ background-color: white;
         color: #0a4a7a !important; }

a.green { background-color: green; }

a.grey { background-color: #444; }

a.yellow { color: #0a4a7a;
           background: yellow; }
.ral { text-align: right; }

.cal { text-align: center; }

.lal { text-align: left; }

img.pic_kat, img.pic_podkat, img.pic_prod { margin-top: 10px;
                                            max-width: 180px;
                                            max-height: 180px;
                                            border: #0a4a7a solid 5px; }

.radio, .radio1, .inet, .kat, .podkat, .prod { cursor: pointer; }

.dvesta { width: 200px; }

.icon {display: block}

.buton .deb { color: yellow; }

.buton .adm { font-weight: bold;
              background-color: red;
              font-weight: bold; }

span.buton, .icon a { font-size: 20px;
                      color: orange;
                      font-weight: bold; }

.hiden, #_dds { display: none;}

table.produkti, table.firmi, table.view_firma, table.tefter, table.new_dostavka, table.red_prod, 
table.prodavam_, table.prodavam, table.serviz { border-collapse: collapse; }

table.produkti, table.firmi, table.tefter, table.new_dostavka, table.red_prod, table.prodavam_, 
table.prodavam, ._prodavam_, table.serviz { width: 1000px; }

table.produkti td, table.firmi td, table.view_firma td, table.tefter td, table.new_dostavka td, 
table.red_prod td, table.prodavam_ td, table.prodavam td, ._prodavam_, table.serviz td { border: #0a4a7a solid 1px; }

table.view_firma td { padding: 5px;
                      font-weight: bold; }

table.view_firma td:first-child { text-align: right; }

table.view_firma td:last-child { color: green; }

table.produkti tr td, table.firmi tr td, table.tefter tr td, table.tefter tr td { padding: 3px;
                                                                                  border: #0a4a7a solid 1px;
                                                                                  vertical-align: top; }

table.firmi tr:nth-child(odd), table.tefter tr:nth-child(odd) { background-color: #bfdde8; }

table.firmi .hiden, table.tefter .hiden { background-color: #0a4a7a !important; }

.korona { background-color: #0a4a7a;
          width: 1000px;
          text-align: center;
          border-radius: 5px 5px 0 0;
          padding-bottom: 2px; }

.korniz { background-color: #0a4a7a;
          color: #fff; }

.korniz td { border-right: #fff solid 1px !important;
             border-top: #fff solid 1px !important;
             padding: 0; }

.korniz td:last-child { border-right: #0a4a7a solid 1px !important; }

input.eik, input.in { min-width: 205px; }

input.to { min-width: 10px;
           width: 40px;
           text-align: right;
           border: none; }

.new_firma textarea, .edit_firma textarea, .edit_firma1 textarea { min-height: 100px; }

table.tefter tr td div { height: 50px;
                         overflow: hidden; }

img.user_pic_tefter { height: 30px; }

#kat, #podkat, #prod { font-weight: bold;
                       color: #660000;
                       height: 18px;
                       z-index: 10; }

#kat, #izbor_kat, #kat1 { width: 200px; }

#podkat, #izbor_podkat { width: 300px; }

#kat, #podkat, #prod, #izbor_kat, #izbor_podkat, #izbor_prod { position: relative; }

#kat, #podkat, #prod, #izbor_kat, #izbor_podkat, #izbor_prod { background-color: #f0f0f0;
                                                               box-shadow: 2px 2px 5px #808080; }

#izbor_kat, #izbor_podkat, #izbor_prod { height: 100px;
                                         overflow-x: hidden;
                                         overflow-y: auto;
                                         z-index: 1; }

#podkat, #prod { margin-top: -18px; }

#podkat, #izbor_podkat { margin-left: 205px; }

#prod, #izbor_prod{ width: 490px;
                    margin-left: 510px; }

#izbor_podkat, #izbor_prod { margin-top: -100px; }

.kat:hover, .podkat:hover, .prod:hover { text-decoration: underline; }

.plus, .minus { cursor: pointer; }

#eikvat { height: 20px; }

/*.important { background-color: #000 !important; }*/

.s4etovoditel { background-color: #37455f !important; }

.administrator { background-color: #660000 !important; }

select.firma { width: 200px; }

select.firma[name=to] { width: 50px; }

._prod input { width: 450px; }

#super_s { width: 1000px;
           font-size: 20px;
           font-weight: bold; }

#super_s td:first-child { width: 245px;
                          text-align: right; }

#super_s input { height: 30px;
                 width: 485px;
                 font-size: 20px;
                 font-weight: bold;
                 color: #ffa500;
                 margin-left: 3px;
                 padding: 0 5px 0 5px; }

.dvoen { display: block;
         height: 186px;
         vertical-align: middle;
         font-size: 28px !important; }

.dvoen b { float: right;
           margin: 30px 10px 0 0; }

.dvoen img { margin-top: 30px;
             width: 120px; }

table.serviz textarea { resize: none;
                        min-height: 10px;
                        min-width: 10px;
                        width: 185px;
                        height: 200px; }

table.serviz textarea, table.serviz input, table.serviz select { background: yellow; }

.datnik input, .datnik select { min-width: 10px; }

.datnik select[name=m_ot], .datnik select[name=m_do] { width: 100px;
                                                       text-align: center; }


.error { font-size: 30px;
         font-weight: bold; }

.doc_menu { height: 30px;
            width: 1000px;
            overflow: hidden; }

.doc_menu a { background-color: #fff;
              color: #0a4a7a;
              font-size: 19px;
              font-weight: bold;
              padding: 3px 12px;
              float: left;
              border: #0a4a7a 1px solid;
              border-bottom: none;
              border-right: none; }

.doc_menu a:hover { background-color: transparent; }

.doc_menu a:nth-child(1) { border-radius: 10px 0 0 0; }

.doc_menu a:last-child { border-radius: 0 10px 0 0;
                         border-right: #0a4a7a 1px solid; }

.doc_table { width: 992px;
             border: #0a4a7a 1px solid;
             border-radius: 0 10px 0 0;
             padding: 4px; }

select.plastane, select.pla6tane { background-color: yellow;
                                   min-width: 0;}

.djam { width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        top: 0;
        cursor: pointer;
        background-color: #000;
        z-index: 1000; }

.djam, .djam1 { position: fixed; }

.djam1{ z-index: 10000; }

.djam1 { padding: 10px;
         width: auto;
         height: auto;
         border-style: solid;
         border-width: 3px;
         box-shadow: 10px 10px 10px #000;
         border-radius: 5px;
         background: #fff;
         overflow-x: no-display;
         overflow-y: auto; }

.dreben { height: inherit !important;
          font-size: 12px;
          border-left: #0a4a7a solid 1px;
          border-bottom: #0a4a7a solid 1px;
          border-right: #0a4a7a solid 1px; }

.dreben:first-child { border-top: #0a4a7a solid 1px; }

.title_dok { font-size: 20px;
             font-weight: bold;
             text-align: center; }

.desc_dok { font-size: 11px;
            text-align: center; }


.slovom_dok { margin-top: 4px; }

.slovom_dok { border: #000 solid 1px; }

.power_by { font-size: 13px;
            font-weight: bold; }

.malak { font-size: 11px; }

.siten { font-size: 8px; }

.top2 { margin-top: 3px; }

.legenda { float: right; }

.new_proforma { float: right;
                margin-right: 5px; }

.close_djam { cursor: pointer; }

.tool { display: block;
        margin-bottom: 1px; }

#shabloni, #drug { width: 1000px; }

.vat { vertical-align: top; }

.mouse { height: 25px;
         width: 20px;
         float: left; }

.alert { color: red;
         font-weight: bold; }

.dobavka { background-color: #004400 !important; }

#fu { position: relative;
      font-weight: bold;
      font-size: 22px;
      color: red;
      background-color: yellow;
      text-align: center;
      overflow: hidden;
      border: red solid 1px;
      width: 1000px;
      height: 31px;
      margin-bottom: 5px; }

.fu { background-color: yellow;
      color: red; }

.izbor_fu, .izbor_fu option { font-size: 22px;
                              font-weight: bold;
                              color: yellow; }

/****************************************СТРАНИЦИТАНЕ****************************************/
.pagination{  margin:10px;
              padding:0;
              font-weight: bold; }

.pagination li, .predi, .sledva, .sega {display: inline;
                                        padding: 6px 10px;
                                        border: #aaa 1px solid;
                                        margin-right: -1px;
                                        background-color: #fff; }

.pagination li a, .predi, .sledva, .sega { text-decoration: none;
                                           color: #0a4a7a; }

.pagination li.first, .predi { border-radius: 10px 0px 0px 10px; }

.pagination li.last, .sledva { border-radius: 0px 10px 10px 0px; }

.pagination li:hover, .predi:hover, .sledva:hover {  background: none; }

.pagination li.active, .sega { background: #0a4a7a;
                               border: #0a4a7a 1px solid;
                               color: #fff; }

.linkove_statiq { text-align: center;
                  padding: 5px; }
/****************************************************************************************************/