/* Переключение страниц (список документов - должностных инструкций) */
    .pagination a {
      color: black;
      float: left;
      padding: 8px 16px;
      text-decoration: none;
      transition: background-color .3s;
    }
    
    .pagination a.active {
      background-color: dodgerblue;
      color: white;
    }
    
    .pagination a:hover:not(.active) {background-color: #ddd;}
    
    /* Другие модули */
    .navbar-brand, .sidebar{
        min-width: 230px;
        max-width: 300px;
    }

    .inp{
        min-width: 249px;
        margin-right: 60px;
        margin-bottom:10px;
    }
    
    .generated_link{
        margin-right: 7px;
    }
    
    .inline_row_calendar{
            display: block;
        }
    
    @media screen and (max-width: 943px) {
        .inp {
          width: 100%;
        }
        .generated_link{
            width: 100%;
            margin-right: 0px;
        }
    }
    
    @media (min-width: 675px) and (max-width: 1416px) {
        .inline_row_calendar{
            display: flex;
            flex-wrap: nowrap;
            
        }
    }
    
   p.descriptiontext { 
    text-indent: 1.5em; /* Отступ первой строки */
    text-align: justify; /* Выравнивание по ширине */
    font-size: 15px;
    line-height: 1.15;
    color: #060606;
   }
   .lastpage{
       border: 4px solid #DAA520; 
       border-radius: 8px; 
       min-width: 180px;
       margin-right:30px;
       margin-bottom: 20px;
   }
   .currentFile{margin-right: 30px; margin-bottom: 20px;}
   .instructionelem {
        /* cards/elevation/flat */
        /*position: absolute;*/
        height: 100%;
        min-height: 206px;
        left: 19.65%;
        right: 67.57%;
        top: 145px;
        cursor: pointer;
        min-width: 180px;
        width: 100%;

        
        /* White / High Emphasis */
        background: #FFFFFF;
        border: 1px solid #0CAF3A;
        box-sizing: border-box;
        border-radius: 4px;
    }
    
        .instructionpreview{
        border: 1px solid #0CAF3A;
        border-radius: 1px;
        height: 105px;
        width: 180px !important;
        margin-top: 5px;
    }
    .instruction_title{
        padding: 5px 3px; 
        font-weight: 600;
        color: rgba(40, 20, 185, 0.75);
        font-size: 13px;
    }
    
    @media screen and (max-width: 543px) {
        .instructionelem {
            width: 100%;
            min-width: 187 px;
        }

        div{ width: 100%;}
        .lastpage{margin-right: 0px;}
        .currentFile{margin-right: 0px;}
        .instructionpreview{
            width: 95%;
        }
        
        .instruction_title{
            max-width: 543px;
        }
    }
    
   .instructionelem:hover{
        border: 1px solid #008cf0;
    }
    .delete_instruction{
        height: 28px; width: 100%; padding: 5px 5px; border-radius: 3px; 
        background: rgba(15, 50, 255, 0.68); 
        position: relative;
        color: white;
        display: none; 
    }
    
    

    
   .instructionelemtitle {
       margin-top:10px;
       font: 14px "Montserrat", serif;
       text-align: center;
    }
   
   .plus {
  display:inline-block;
  width:50px;
  height:50px;
  margin-left:66px;
  margin-top:73px;
  
  background:
    linear-gradient(#fff,#fff),
    linear-gradient(#fff,#fff),
    #000;
  background-position:center;
  background-size: 50% 2px,2px 50%; /*thickness = 2px, length = 50% (25px)*/
  background-repeat:no-repeat;
}

.alt {
  background:
    linear-gradient(#23B94D,#23B94D),
    linear-gradient(#23B94D,#23B94D);
  background-position:center;
  background-size: 50% 2px,2px 50%; /*thickness = 2px, length = 50% (25px)*/
  background-repeat:no-repeat;
}

.circle {
    width: 35px;
    height: 35px;
position:absolute;
  margin-left:74px;
  margin-top:81px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #0CAF3A;
} 

    #wrap { width: 500px; height: 390px; padding: 0; overflow: hidden; }
    #frame { width: 333.333%; height: 344px; border: 1px solid black; }
        #frame {
        -ms-zoom: 0.15;
        -moz-transform: scale(0.3);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.3);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.3);
        -webkit-transform-origin: 0 0;
    }