/* Override some defaults */
      html, body {
        background-color: #eee;
      }
      body {
        padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
      }
      .container > footer p {
        text-align: center; /* center align it with the container */
      }
      .container {
        width: 920px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
      }

      .postmodern-container {
        min-width: 920px;
        max-width: 1600px;
        width: 90%;
      }

      /* The white background content wrapper */
      .container > .content {
        background-color: #fff;
        padding: 20px;
        margin: 10px -20px; /* negative indent the amount of the padding to maintain the grid system */
        -webkit-border-radius: 0 0 6px 6px;
           -moz-border-radius: 0 0 6px 6px;
                border-radius: 0 0 6px 6px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
      }

      /* Page header tweaks */
      .page-header {
        background-color: #f5f5f5;
        padding: 20px 20px 10px;
        margin: -20px -20px 20px;
      }

      /* Styles you shouldn't keep as they are for displaying this base example only */
      .content .span10,
      .content .span4 {
        min-height: 500px;
      }
      /* Give a quick and non-cross-browser friendly divider */
      .content .span4 {
        margin-left: 0;
        padding-left: 19px;
        border-left: 1px solid #eee;
      }

      .topbar .btn {
        border: 0;
      }

    .ui-datepicker-today {
        background-color: #e6e6fa;
    }

      .box_rotate {
     -moz-transform: rotate(-90deg);  /* FF3.5+ */
       -o-transform: rotate(-90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5)"; /* IE8 */
    }

  .label.notice {
      background-color: #6F8AC7;
  }

  .label.warning {
      background-color: #A28C02;
  }

  /*    КАСТОМНЫЕ КОНТРОЛЫ  ДЛЯ  RUOBR  */

                                            /*   BTN   */

    @font-face {
        font-family: "EtelkaRegular";
        src: url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.eot");
        src: url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.eot?#iefix")format("embedded-opentype"),
        url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.woff") format("woff"),
        url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.ttf") format("truetype");
        font-style: normal;
        font-weight: normal;
    }
  .ruobr-btn{
      /*display: inline-block; margin: 2px; padding: 8px 12px; border-radius: 2px; cursor: pointer;*/
      /*border: 1px solid rgba(35, 49, 88, 0.4); color: #233158; background-color: #fff;*/
      /*border-bottom: 2px solid rgba(35, 49, 88, 0.4);*/
      /*box-shadow: 0px 3px 2px #cfcfcf;*/
      /*-webkit-transition: background 0.5s, box-shadow 0.1s, border 0.1s;*/
         /*-moz-transition: background 0.5s, box-shadow 0.1s, border 0.1s;*/
           /*-o-transition: background 0.5s, box-shadow 0.1s, border 0.1s;*/
              /*transition: background 0.5s, box-shadow 0.1s, border 0.1s;*/
      /*font-size: 11px; font-weight: bold; text-decoration: none; letter-spacing: 0.2px;*/

    display: inline-block; cursor: pointer; margin: 2px;
    padding: 10px 15px; border-radius: 2px;
    font-size: 12px;
    /*text-transform: uppercase; */
    /*font-family: EtelkaRegular; */
    letter-spacing: 0.3px;
    font-weight: normal;
    background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); color: #233158;
    outline: none!important;

    -webkit-transition: background-color 0.3s;
       -moz-transition: background-color 0.3s;
         -o-transition: background-color 0.3s;
            transition: background-color 0.3s;

    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
            user-select: none;

  }
  .ruobr-btn[disabled]{ opacity: 0.6; }
  .ruobr-btn:hover{
      color: #233158;
      /*box-shadow: inset 0px 2px 2px #dfdfdf;*/
      /*border-bottom: 2px solid rgba(35, 49, 88, 0.6);*/
      text-decoration: none;
      background-color: #f6f6f6;
  }
  .ruobr-btn:active{ box-shadow: inset 0px 1px 2px rgba(54, 54, 54, 0.7);}

  .size14{ font-size: 14px; padding: 8px 14px;}
  .size12{ font-size: 12px}
  .size11{ font-size: 11px}
  .size9{ font-size: 9px}

  .ruobr-btn-mini{ font-size: 10px; padding: 2px 6px;}

  .ruobr-btn-icon{padding: 6px}
  .ruobr-btn-icon-mini{padding: 1px}
  .ruobr-btn-icon-opacity{opacity: 0.7; cursor: pointer} .ruobr-btn-icon-opacity:hover{opacity: 1}

  .ruobr-btn-success{ background-color: #0c8d4c; border: 1px solid #0b7c43; color: #fff; }
  .ruobr-btn-success:hover{ background-color: #0ea659; border: 1px solid #0b7c43; color: #fff; }

  .ruobr-btn-primary{ background-color: #1E3685; border: 1px solid #1c327a; color: #fff; }
  .ruobr-btn-primary:hover{ background-color: #1c327c; color: #fff;}

  .ruobr-btn-error{ background-color: #dd5021; border: 1px solid #dd5021; color: #fff; }
  .ruobr-btn-error:hover{ background-color: #cc491f; color: #fff; }


  .ruobr-btn-orange{ background-color: #f6731b; border: 1px solid #df782f; color: #fff; }
  .ruobr-btn-orange:hover{ background-color: #e96d1a; color: #fff;}

                        /*     WELL   */
  .ruobr-well{
      padding: 10px; border-radius: 0px; border: 1px solid #ddd; margin-bottom: 10px;
      background-color: #fff;  color: #4a4a4a !important;
  }

  .ruobr-well-without-border{
      padding: 0px; margin-bottom: 10px;
      background-color: #fff;  color: #4a4a4a !important;
  }



  .ruobr-label{
      display:inline-block; padding: 3px 5px; cursor: pointer; border-radius: 2px;
      background-color: #1E3685; color: #fff!important; margin: 5px;
  }
  .ruobr-label:hover{ color: #fff;}

  .ruobr-label-orange{ background-color: #ce5208; }
  .ruobr-label-success{ background-color: #66a725;}
  .ruobr-label-error{ background-color: #ad310e;}
  .ruobr-label-biruza{ background-color: #199dad;}
  .ruobr-label-grey{ background-color: #9a9a9a;}
  .ruobr-label-yellow{ background-color: #caaa03;}


                        /*    INPUT SELECT   */

/*form label{ color: #666; font-weight: normal; padding-top: 7px; font-size: 14px; max-width: 200px; text-align: left;}*/
/*form select{*/
    /*border: 1px solid #d3d3d3 !important; border-radius: 0px!important; background-color: #fff;*/
    /*border-bottom: 2px solid #d3d3d3 !important;*/
    /*width: 277px; padding: 10px 15px;*/
    /*color:#333!important;*/
    /*font-size: 14px; font-weight: normal;*/
    /*height: 45px;*/
    /*margin-right: 20px; letter-spacing: 1px;}*/
/*input[type="number"]{*/
    /*padding: 10px 15px; height: 20px;*/
    /*width: 245px;*/
    /*font-size: 15px; box-shadow: none; border: 1px solid #d3d3d3 !important; color: #333!important;*/
/*}*/
/*input[type="text"], input[type="password"] {*/
    /*padding: 10px 15px!important; box-sizing: border-box; width: 277px!important;*/
    /*font-size: 15px;*/
    /*box-shadow: none; border: 1px solid #d3d3d3 !important; color: #333!important;}*/
/*input[type="password"] {height: 40px!important;}*/
/*input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, select:focus, form textarea:focus{outline: 2px solid #2f8bde; box-shadow: none!important;}*/
/*!*form .input{ margin-left: 220px}*!*/
/*form textarea{*/
    /*border: 1px solid #d3d3d3 !important; color: #333!important; box-shadow: none;*/
    /*border-radius: 0px; padding: 10px 15px; box-sizing: border-box; width: 277px; font-size: 15px;*/
    /*max-width: 450px; max-height: 700px;*/
/*}*/
/*form textarea:focus{box-shadow: none;}*/

  select{
        padding: 5px; margin-right: 2px; height: 30px; border-radius: 0px !important; border: 1px solid #ddd;
        background-color: #fff;  color: #4a4a4a !important; font-size: 13px;
  }
  input[type="text"]{
      padding: 5px; margin-right: 20px; height: 28px; border-radius: 0px !important; border: 1px solid #ddd; width: 200px;
      background-color: #fff;  color: #4a4a4a !important; font-size: 13px;
  }

  input[type="password"]{
      padding: 5px; margin-right: 20px; height: 18px; border-radius: 0px !important; border: 1px solid #ddd; width: 200px;
      background-color: #fff;  color: #4a4a4a !important; font-weight: bold; font-size: 13px;
  }

                        /*   АВАТАРКИ  */

  .ruobr-avatar{
      display:inline-block; width: 200px;  height: 200px;  padding: 5px; overflow: hidden;
      border: 3px solid #3b5998; background: #fff; box-shadow: 0px 1px 1px 1px #bbb
  }

  .ruobr-avatar img{
    display: block; width: 200px; height: 200px; border: 0; margin: 0;
  }

  .ruobr-avatar-circle{
      display:inline-block; width: 200px;  height: 200px;  padding: 5px; overflow: hidden;
      border: 3px solid #3b5998; border-radius: 50%;
      background: #fff; box-shadow: 0px 1px 1px 1px #bbb
  }
  .ruobr-avatar-circle img{
    display: block; width: 200px; height: 200px; border: 0; margin: 0; border-radius: 50%;
  }

  .ruobr-oneline{
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    padding: 2px; /* Поля вокруг текста */
    text-overflow: ellipsis; /* Добавляем многоточие */
  }


  /*        Вкладки/Табы         */

    .ruobr-tab{ list-style: none; margin: 0px 0px 20px 0px;}
    .ruobr-tab li{display: inline-block; cursor: pointer; outline: none!important;}
    .ruobr-tab li a{display: inline-block; outline: none!important; padding: 5px 15px; margin: 0px 5px 5px 0px; color: rgba(30, 54, 133, 0.7); border-radius: 25px; border: 2px solid rgba(30, 54, 133, 0.3);}
    .ruobr-tab li a:hover{text-decoration: none;  border: 2px solid #1E3685; color: #1E3685;
        -webkit-transition: border 0.2s;
           -moz-transition: border 0.2s;
             -o-transition: border 0.2s;
                transition: border 0.2s;
    }
    .ruobr-tab li a.active{border: 2px solid #1E3685; color: #1E3685;}

    .ruobr-tab-content * {display: none;}
    .ruobr-tab li span{color: #fff; background-color: #1E3685; font-weight: bold; border-radius: 10px; padding: 2px 5px }




  .modal {
    background-color: #ffffff;
    border: 3px solid #ddd;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    /*-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);*/
    /*-moz-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);*/

    box-shadow: none;
    background: #fff; border: 10px solid rgba(0, 0, 0, 0.1);
  }
  .modal-header {
     padding: 15px;
      background-color: #fff;
      border-bottom: 0px solid #ddd;
  }
  .modal-footer{
     padding: 15px;
     background-color: #fff;
  }

  /*.modal-body::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.2); border-radius: 5px;)}*/
  /*.modal-body::-webkit-scrollbar-thumb:hover{ background-color: rgba(0, 0, 0, 0.3); }*/

  ::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.2); border-radius: 5px;)}
  ::-webkit-scrollbar-thumb:hover{ background-color: rgba(0, 0, 0, 0.3); }

  .alert-message{
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      border-width: 0px;
      padding: 15px;
      box-shadow: 0px 0px 2px #c4c4c4;
  }
  .alert-message p{ color: #6e6e6e;}

  /*        СКРОЛЛ БАР       */

  ::-webkit-scrollbar{ width:10px; }

  /*::-webkit-scrollbar-thumb{ background-color: #1E3685;)  }*/

  /*::-webkit-scrollbar-thumb:hover{ background-color: #1a2f75; }*/

  /*::-webkit-scrollbar-track{ }*/

  /*::-webkit-scrollbar-track:hover{ border-left: 1px solid rgba(98, 122, 173, 0.25); border-right: 1px solid rgba(98, 122, 173, 0.25); }*/


  /*   БЛОК ПОДСКАЗКИ ruobr_hint.js */

  .block-hint{
      padding: 10px; max-width: 250px; margin-right: 15px; position: absolute;  display: none; z-index: 999;
      border-radius: 0px; border: 1px solid #ddd;
      background-color: #fff;  color: #4a4a4a !important; box-shadow: -1px 3px 10px #c7c7c7;
      text-align: left; line-height: 1.5;
  }

  .ruobr-paginate{
      overflow-x: auto; overflow-y: hidden; min-width: 100%; height: 55px; margin: 20px 0px 20px 0px;
      white-space: nowrap; text-align: center;
  }

  .ruobr-paginate a:hover{ text-decoration: none; background-color: rgba(98, 122, 173, 0.20);}

  .ruobr-paginate a {
      display: inline-block; cursor: pointer; width: 30px; height: 22px; padding-top: 8px;  margin: 3px; border: 1px solid #627aad;
      vertical-align: top; font-size: 18px;
  }
  .ruobr-paginate-current{ background-color: #627aad; color: #fff;  }

            /* КОНЕЦ КАТСОМНЫМ КОНТРОЛАМ ДЛЯ RUOBR */


.errorlist li{color: red}