/*
 * DorstOil
 */

/*@import url('migane.css'); ЕФЕКТ МИГАНЕ */

@import url('fonts.css');/* ЗАРЕЖДАНЕ НА ШРИФТОВЕ */

/*@import url('mobile.css'); ПРОМЕНИ ЗА МОБИЛЕН ИЗГЛЕД */

/****************************ОБЩИ****************************/
body { background-color: #fefefe;
       font-family: tahoma;
       font-size: 20px;
       color: #000;
       padding: 0; }

#root { display: none; }

a { text-decoration: none;
    color: #000;
    cursor: pointer; }

img { border: none; }
/****************************ОБЩИ****************************/

header { position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         color: #a70c0c;
         background-color: #a70c0c;
         text-shadow: 2px 2px 15px #fff, -2px -2px 15px #fff;
         text-align: center;
         font-family: Asstb;
         font-size: 40px;
         height: 50px;
         z-index: 10; }

#login { position: relative;
         border-collapse: collapse;
         margin: 52px auto;
         display: block;
         width: 500px; }

#login button { font-size: 18px;
                border: #000 solid 1px;
                margin-left: 3px;
                height: 44px;
                vertical-align: top;
                cursor: pointer; }

#login button:hover { background-color: #000;
                      color: #fff; }

#login button:active { background-color: #a70c0c; }

#login td { vertical-align: top; }

#login input { width: 242px;
               height: 38px;
               font-size: 20px; }

#login input.c { width: 180px; }

#login img { vertical-align: bottom; }

.refresh { height: 42px;
           vertical-align: top;
           cursor: pointer;
           transform: rotate(0deg);
           transition: .3s; }

.refresh:hover { transform: rotate(180deg);
                 transition: .3s; }

.refresh:active {transform: rotate(90deg);
                 transition: .15s;}

nav { position: fixed;
      top: 50px;
      left: 0;
      width: 100%;
      text-align: center;
      background-color: #000;
      color: #fff;
      font-weight: bold;
      z-index: 10; }

nav a { color: #fff;
        margin: 0 10px; }

article { position: relative;
          width: 1200px;
          margin: 100px auto 30px auto; }

footer { position: fixed;
         bottom: 0;
         left: 0;
         width: 100%;
         text-align: center;
         color: #fff;
         background-color: #000; }

footer a { color: #fff; }

.zelen { color: #006400; }
.cherven { color: #f00; }
.cherven-fon { background-color: #f00; color: #fff; }
.cherven-bord { border-collapse: collapse;
                border-color: #a70c0c; }
.sin { color: #00f; }
.blqsyk { color: #f7ff00; }

.data { font-size: 30px;
        font-weight: bold;
        padding: 0 10px; }
.operator { font-size: 30px;
            color: #fff;
            padding: 0 10px;
            float: right; }
.ostatyk_v, .ostatyk_vp, .ostatyk_vs, .ostatyk_gor { font-size: 30px;
                                        font-weight: bold;
                                        text-align: center;
                                        background-color: #055200;
                                        color: #fff;
                                        border: #f7ff00 solid 1px; }
.ostatyk_vp { background-color: #620000;
              color: #fff;
              border: #ff7000 solid 1px; }
.ostatyk_vs { background-color: #000;
              color: #fff;
              border: #ff7000 solid 1px; }
.ostatyk_gor { background-color: darkblue;
               color: #fff;
               border: #ff7000 solid 1px; }
.edit { background-color: #a70c0c;
        color: #fff;
        font-weight: bold; }

#dostavka, #dostavki, #dostav4ici { border-collapse: collapse; }

#dostavka td { text-align: center; }

#dostavka select { min-width: 200px; }

#dostavka input { width: 200px; }

#dostavka tr td:nth-child(3) input { width: 250px; }

#dostavki, #dostav4ici { width: 100%; }

#dostavki tr th, #dostav4ici tr th { font-weight: bold;
                                     text-align: center;
                                     background-color: #000;
                                     color: #fff;
                                     border: #000 solid 1px; }

#dostavki tr th:not(:last-child), #dostav4ici tr th:not(:last-child) { border-right-color: #fff; }

#dostavki tr:last-child td { font-weight: bold; }

#dostavki tr, #dostav4ici tr { background-color: #e3dada; }

#dostavki tr:nth-child(odd), #dostav4ici tr:nth-child(odd) { background-color: #eaeaea; }

#dostavki tr td, #dostav4ici tr td { vertical-align: top;
                                     border: #000 solid 1px; }

table#dost_gorivo { width: 100%;
                    border-collapse: collapse; }

table#dost_gorivo tr th { background-color: #000;
                          color: #fff;
                          text-align: center;
                          font-weight: bold;
                          border: #000 solid 1px;}

table#dost_gorivo tr th:not(:last-child) { border-right-color: #fff; }

table#dost_gorivo tr:last-child th { text-align: right; }

table#dost_gorivo tr td { border: #000 solid 1px; }

table#dost_gorivo tr td:not(:first-child) { text-align: right; }

table#dost_gorivo tr:nth-child(odd) td { background-color: #eaeaea; }

/****************************СТРАНИЦИРАНЕ****************************/
.pre_pagination, .pagination { margin-left: 270px; }

.pre_pagination { font-weight: bolder; }

.pagination { font-weight: bolder;
              margin-top: 3px; }

.pagination span { background-color: #00528b;
                   color: #fff; }

.pagination a, .pagination span { padding: 4px; }

.pagination a:hover { background-color: #298ed5;
                      color: #fff; }
/****************************СТРАНИЦИРАНЕ****************************/


/****************************ОПИСАНИЯ****************************/
/*Общи*/
.close { cursor: pointer;
         float: right;
         background-color: #ff0000;
         color: #fff;
         border: #fff solid 1px;
         padding: 0 3px 3px 3px;
         margin-bottom: 2px;
         font-size: 15px; }

.close:hover { background-color: #fff;
               color: #ff0000;
               border: #ff0000 solid 1px; }

.close:active {  background-color: #ff0000;
                 color: #fff;
                 border: #fff solid 1px; }
/****************************ОПИСАНИЯ****************************/

/****************************ПСЕВДО ПРОЗОРЕЦ****************************/
.djam { width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        top: 0;
        cursor: pointer;
        background-color: #000;
        z-index: 100000; }

.djam, .djam1 { position: fixed; }

.djam1{ z-index: 1000000; }

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

.close_djam { cursor: pointer; }
/****************************ПСЕВДО ПРОЗОРЕЦ****************************/

/****************************ЧАКАЩ ИНДИКАТОР****************************/
.wait, .wait_ { position: absolute;
                z-index: 100000000; }

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

.wait { width: 130px; }
/****************************ЧАКАЩ ИНДИКАТОР****************************/