body{
    overflow-y: scroll;
    background:#FFFFFF; /* #e8ebec #f2f2f2 #e8ebec;*/
    border:none;
    padding:0px;
    margin:0px;
    -webkit-appearance: none !important;
    border-radius:0px !important;}
    
.header0{
    width:100%;
    height:30px;
    float:left;
    background:#fdda9f;
    border-bottom:1px solid #d7d9dc}
    
.header0 .inner{
    width:calc(1300px - 40px);
    height:inherit;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    font-family:robotobold;
    font-size:12px;
    line-height:30px;
    vertical-align:middle;
    text-transform:uppercase;
    color:#333132}
    
.header{
    width:100%;
    height:60px;
    float:left;
    background:#f2f2f2;}
    
.header .inner{
    width:calc(1300px - 40px);
    height:100%;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;}
    
.header .inner .left{
    width:auto;
    height:100%;
    float:left}
    
.header .inner .left img{
    width:auto;
    height:calc(100% - 20px);
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%)}
    
.header .inner .right{
    width:auto;
    height:100%;
    float:right}
    
.header .inner .right .user{
    width:auto;
    height:100%;
    float:left;
    color:#333132;
    font-family:robotoregular;
    font-size:14px;
    line-height:60px;
    vertical-align:middle}
    
.header .inner .right .user span{
    font-family:robotobold;}
    
.header .inner .right .logout{
    width:auto;
    height:30px;
    float:left;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    background:#d7d9dc;
    padding-left:10px;
    padding-right:10px;
    line-height:30px;
    vertical-align:middle;
    text-decoration:none;
    text-transform:uppercase;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    margin-left:20px;}
    
.header .inner .right .logout:hover{
    background:#FCA311}
    

    
    
.container{
    width:100%;
    min-height:1200px;
    float:left;
    margin-top:50px;
    margin-bottom:50px;}
    
.container .inner{
    width:calc(1300px - 40px);
    height:auto;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;}
    
.container .inner .boxmenu{
    width:calc(((100% - 50px) / 10) * 2);
    height:auto;
    float:left;}
    
.container .inner .boxmenu .header{
    width:calc(100% - 40px);
    height:50px;
    float:left;
    background:#394350;
    padding-left:20px;
    padding-right:20px;
    vertical-align:middle;
    line-height:50px;
    font-family:robotobold;
    font-size:14px;
    color:#f2f2f2;
    text-transform:uppercase;
    margin-top:50px;}
    
.container .inner .boxmenu .header:first-child{
    margin-top:0px}
    
.container .inner .boxmenu .menu{
    width:100%;
    height:auto;
    float:left;}
    
.container .inner .boxmenu .menu .item{
    width:100%;
    height:auto;
    float:left;
    background:#f2f2f2;
    text-decoration:none}
    
.container .inner .boxmenu .menu .item .text{
    width:calc(100% - 40px);
    height:40px;
    float:left;
    line-height:40px;
    vertical-align:middle;
    color:#333132;
    font-family:robotomedium;
    font-size:14px;
    margin-left:20px;
    margin-right:20px;
    border-bottom:1px solid #d7d9dc;}
    
.container .inner .boxmenu .menu .item:last-child .text{
    border-bottom:none}
    
.container .inner .boxmenu .menu .item:hover{
    background:#d7d9dc}
    
.container .inner .page{
    width:calc(((100% - 50px) / 10) * 8);
    height:auto;
    float:left;
    margin-left:50px;}
    
.container .inner .page .header{
    width:calc(100% - 40px);
    height:60px;
    float:left;
    background:#394350;
    padding-left:20px;
    padding-right:20px;}
    
.container .inner .page .header .name{
    width:auto;
    height:100%;
    float:left;
    font-family:robotobold;
    font-size:14px;
    color:#f2f2f2;
    text-transform:uppercase;
    line-height:60px;
    vertical-align:middle;
    text-decoration:none}
    
.container .inner .page .header .button[type="submit" i]{
    width:auto;
    height:30px;
    float:right;
    background:#c1c1c1;
    color:#333132;
    font-family:robotobold;
    font-size:13px;
    border:none;
    outline:none;
    position:relative;
    cursor:pointer;
    top:50%;
    transform:translateY(-50%);
    margin-left:20px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:10px;
    padding-left:10px}
    
.container .inner .page .header .right{
    width:auto;
    height:inherit;
    float:right}
    
.container .inner .page .header .right .button{
    width:auto;
    height:30px;
    float:left;
    background:#d7d9dc;
    color:#333132;
    font-family:robotobold;
    font-size:13px;
    border:none;
    outline:none;
    position:relative;
    cursor:pointer;
    top:50%;
    transform:translateY(-50%);
    padding-top:0px;
    padding-bottom:0px;
    padding-right:10px;
    padding-left:10px;
    vertical-align:middle;
    line-height:30px;
    text-decoration:none;
    margin-left:20px}   
    
.container .inner .page .header .right .button:hover{
    background:#FCA311;}
    
.container .inner .page .header .right .duzp,
.container .inner .page .header .right .date{
    width:120px;
    height:60px;
    float:left;
    background:#474546;
    vertical-align:middle;
    line-height:60px;
    text-align:right;
    font-family:robotoregular;
    font-size:14px;
    color:#c1c1c1}
    
.container .inner .page .header .box{
    width:auto;
    height:60px;
    float:right;}
    
.container .inner .page .header .box .item1,
.container .inner .page .header .box .item2,
.container .inner .page .header .box .item3,
.container .inner .page .header .box .item4{
    width:60px;
    height:60px;
    float:left;
    vertical-align:middle;
    line-height:60px;
    text-align:right;
    font-family:robotoregular;
    font-size:14px;
    color:#f2f2f2;
    text-align:center;
    margin-left:20px;}
    
.container .inner .page .header .box .item3{
    width:110px;}
    
.container .inner .page .header .box .item4{
    width:300px;
    margin-left:0px;
    text-align:left}
    
.container .inner .page .header .box .item1:first-child{
    margin-left:0px;}
    
.container .inner .page .header .right .orders{
    width:150px;
    height:60px;
    float:left;
    background:#474546;
    vertical-align:middle;
    line-height:60px;
    text-align:right;
    font-family:robotoregular;
    font-size:14px;
    color:#c1c1c1}
    
.container .inner .page .header .right .pricelist{
    width:150px;
    height:60px;
    float:left;
    background:#474546;
    vertical-align:middle;
    line-height:60px;
    text-align:right;
    font-family:robotoregular;
    font-size:14px;
    color:#c1c1c1}
    
.container .inner .page .header .right .price{
    width:150px;
    height:60px;
    float:left;
    background:#474546;
    vertical-align:middle;
    line-height:60px;
    text-align:right;
    font-family:robotoregular;
    font-size:14px;
    color:#c1c1c1}
    
.container .inner .page .header .right .warehouse_amount{
    width:100px;
    height:60px;
    float:left;
    background:#474546;
    vertical-align:middle;
    line-height:60px;
    text-align:center;
    font-family:robotoregular;
    font-size:14px;
    color:#c1c1c1}
    
.container .inner .page .header .right .warehouse_purchase{
    width:150px;
    height:60px;
    float:left;
    background:#474546;
    vertical-align:middle;
    line-height:60px;
    text-align:right;
    font-family:robotoregular;
    font-size:14px;
    color:#c1c1c1}
    
.container .inner .page .footer{
    width:calc(100% - 40px);
    height:60px;
    float:left;
    background:#394350;
    padding-left:20px;
    padding-right:20px;
    margin-top:0px} 
    
.container .inner .page .footer .right{
    width:auto;
    height:inherit;
    float:right}
    
.container .inner .page .footer .right .button[type="submit" i]{
    width:auto;
    height:30px;
    float:left;
    background:#d7d9dc;
    color:#333132;
    font-family:robotobold;
    font-size:13px;
    border:none;
    outline:none;
    position:relative;
    cursor:pointer;
    top:50%;
    transform:translateY(-50%);
    margin-left:20px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:10px;
    padding-left:10px;} 
    
.container .inner .page .footer .right .button{
    width:auto;
    height:30px;
    float:left;
    background:#d7d9dc;
    color:#333132;
    font-family:robotobold;
    font-size:13px;
    border:none;
    outline:none;
    position:relative;
    cursor:pointer;
    top:50%;
    transform:translateY(-50%);
    padding-top:0px;
    padding-bottom:0px;
    padding-right:10px;
    padding-left:10px;
    vertical-align:middle;
    line-height:30px;
    text-decoration:none} 
    
.container .inner .page .footer .right .button:hover{
    background:#fca311} 
    
.container .inner .page .header .name:nth-child(2){
    width:calc((100% / 10) * 3);
    height:100%;
    float:right;
    font-family:robotobold;
    font-size:14px;
    color:#c1c1c1;
    text-transform:uppercase;
    line-height:60px;
    vertical-align:middle;
    text-align:right}
    
.container .inner .page .header .client_name{
    width:calc(100% / 2);
    height:100%;
    float:left;
    font-family:robotobold;
    font-size:14px;
    color:#c1c1c1;
    text-transform:uppercase;
    line-height:60px;
    vertical-align:middle}
    
.container .inner .page .header .right{
    width:auto;
    height:inherit;
    float:right}
    
.container .inner .page .header .right .payment_yes{
    width:auto;
    height:calc(100% - 30px);
    float:left;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    background:#BBDC8D;
    margin-top:15px;
    margin-bottom:15px;
    margin-right:20px;
    padding-left:10px;
    padding-right:10px;}
    
.container .inner .page .header .right .payment_no{
    width:auto;
    height:calc(100% - 30px);
    float:left;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    background:#f58587;
    margin-top:15px;
    margin-bottom:15px;
    padding-left:10px;
    padding-right:10px;}
    
.container .inner .page .client{
    width:calc(100% - 40px);
    height:40px;
    float:left;
    padding-left:20px;
    padding-right:20px;
    background:#f2f2f2;
    border-bottom:1px solid #d7d9dc;
    position:relative}
    
.container .inner .page .client:last-child{
    border-bottom:none}
    
.container .inner .page .client:hover{
    background:#d7d9dc}
    
.container .inner .page .client .name{
    width:auto;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotomedium;
    font-size:13px;
    color:#333132;}
    
.container .inner .page .client .title{
    width:auto;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotomedium;
    font-size:13px;
    color:#333132;}
    
.container .inner .page .client .article_name{
    width:300px;
    height:40px;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotomedium;
    font-size:13px;
    color:#333132;
    overflow:hidden;}
    
.container .inner .page .client .right{
    width:auto;
    height:40px;
    float:right;}
    
.container .inner .page .client .right .box1{
    width:60px;
    height:40px;
    float:left;}
    
.container .inner .page .client .right .box1 .language{
    width:30px;
    height:20px;
    float:left;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    position:relative;
    border:1px solid #d6d5d6}
    
.container .inner .page .client .right .box1 .language img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover;
    object-position: 50% 50%;}
    
.container .inner .page .client .right .box2{
    width:auto;
    height:40px;
    float:left;
    margin-left:20px;
    position:relative;}
    
.container .inner .page .client .right .box2 .status{
    width:50px;
    height:26px;
    float:left;
    position:relative;
    top:50%;     
    transform:translateY(-50%);
    font-family:robotomedium;
    font-size:12px;
    color:#FFFFFF;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    z-index:1000;
    vertical-align:middle;
    line-height:26px;}
    
.container .inner .page .client .right .box2 .status.visible{
    background:#238823}
    
.container .inner .page .client .right .box2 .status.hidden{
    background:#D2222D}
    
.container .inner .page .client .right .box2 .status.rights{
    width:auto;}
    
.container .inner .page .client .right .box2 .status.rights.administrator{
    background:#238823}
    
.container .inner .page .client .right .box2 .status.rights.norights{
    background:#D2222D}
    
.container .inner .page .client .right .box2 .status.rights.superuser{
    background:#606060}
    
.container .inner .page .client .right .box2 .status.green{
    background:#009a49}
    
.container .inner .page .client .right .box2 .status.orange{
    background:#fdb913}
    
.container .inner .page .client .right .box2 .status.red{
    background:#d62d20}
    
.container .inner .page .client .right .box2 .change{
    width:60px;
    height:26px;
    float:left;
    border:none;
    position:absolute;
    left:0;
    top:50%;
    z-index:1500;
    transform:translateY(-50%);
    opacity:0;
    cursor:pointer;
    line-height:26px;
    vertical-align:middle}
    
.container .inner .page .client .right .box2 .change_button{
    display:none}
    
.container .inner .page .client .right .box2:hover .change_button{
    width:50px;
    height:26px;
    float:left;
    position:absolute;
    left:0px;
    top:50%;
    transform:translateY(-50%);
    display:block;
    z-index:1250;
    padding-left:5px;
    padding-right:5px;
    background:#606060;
    color:#FFFFFF;
    font-family:robotoregular;
    font-size:12px;
    text-align:center;
    line-height:26px;
    vertical-align:middle}
    
.container .inner .page .client .right .box3{
    width:110px;
    height:40px;
    float:left;
    margin-left:20px;}
    
.container .inner .page .client .right .box3 .date{
    width:100px;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    font-family:robotoregular;
    font-size:10px;
    color:#333132;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    text-align:center}
    
.container .inner .page .client .right .box4{
    width:300px;
    height:40px;
    float:left;}
    
.container .inner .page .client .right .box4 .article{
    width:300px;
    height:18px;
    float:left;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    top:50%;
    transform:translateY(-50%);
    position:relative;
    overflow:hidden}
    
.container .inner .page .client .orders{
    width:150px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    text-align:right;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-transform:uppercase}
    
.container .inner .page .order{
    width:calc(100% - 20px);
    height:40px;
    float:left;
    padding-left:20px;
    padding-right:0px;
    background:#f2f2f2;
    border-bottom:1px solid #d6d5d6;}
    
.container .inner .page .order:last-child{
    border-bottom:none}
    
.container .inner .page .order:hover{
    background:#ffe163}
    
.container .inner .page .order .name{
    width:553px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;}
    
.container .inner .page .order .invoice{
    width:100px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    text-align:center}
    
.container .inner .page .order .invoice .completed{
    width:auto;
    height:20px;
    float:left;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    font-family:robotomedium;
    background:#474546;
    color:#f2f2f2;
    line-height:20px;
    position:relative;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);}
    
.container .inner .page .order .date{
    width:120px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    text-align:center}
    
.container .inner .page .order .price{
    width:150px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    text-align:right;}
    
.container .inner .page .order .payment_yes{
    width:10px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    text-align:right;
    background:#BBDC8D;
    margin-left:15px;}
    
.container .inner .page .order .payment_no{
    width:10px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    text-align:right;
    background:#f58587;
    margin-left:15px;}
    
.container .inner .page .client .system_name{
    width:250px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;}
    
.container .inner .page .client .official_name{
    width:358px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;}
    
.container .inner .page .client .id{
    width:160px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-align:right}
    
.container .inner .page .client .vat_id{
    width:160px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-align:right}
    
.container .inner .page .client .warehouse_name{
    width:528px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;}
    
.container .inner .page .client .warehouse_amount{
    width:100px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-align:center}
    
.container .inner .page .client .warehouse_purchase{
    width:150px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-align:right}
    
.container .inner .page .client .pricelist_name{
    width:628px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;}
    
.container .inner .page .client .pricelist_purchase{
    width:150px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-align:right}
    
.container .inner .page .client .invoice_number{
    width:100px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-align:left}
    
.container .inner .page .client .invoice_name{
    width:328px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;}
    
.container .inner .page .client .invoice_activity{
    width:130px;
    height:100%;
    float:left;}
    
.container .inner .page .client .invoice_activity .payment_ok{
    width:auto;
    height:20px;
    float:left;
    line-height:20px;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    background:#BBDC8D;
    color:#474546;
    font-family:robotobold;
    font-size:13px;
    text-decoration:none;
    text-transform:uppercase;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);}
    
.container .inner .page .client .invoice_activity .payment_no{
    width:auto;
    height:20px;
    float:left;
    line-height:20px;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    background:#f58587;
    color:#474546;
    font-family:robotobold;
    font-size:13px;
    text-decoration:none;
    text-transform:uppercase;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);}
    
.container .inner .page .client .invoice_activity .unfinished{
    width:auto;
    height:20px;
    float:left;
    line-height:20px;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    background:#474546;
    color:#f2f2f2;
    font-family:robotobold;
    font-size:13px;
    text-decoration:none;
    text-transform:uppercase;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);}   
    
.container .inner .page .client .invoice_date{
    width:110px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotoregular;
    font-size:13px;
    color:#333132;
    text-align:right}
    
.container .inner .page .client .invoice_price{
    width:150px;
    height:100%;
    float:left;
    line-height:40px;
    vertical-align:middle;
    text-decoration:none;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-align:right}
    
.container .inner .page .form{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    background:#f2f2f2;
    padding-left:20px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:20px}
    
    
    
    
    
    
/* FORMULÁŘE */    

.container .inner .page .form .divider{
    width:100%;
    height:auto;
    float:left;
    margin-top:80px;}   
    
.container .inner .page .form .divider .head{
    width:100%;
    height:auto;
    float:left;
    margin:0px;
    font-family:robotobold;
    color:#333132;
    font-size:16px;
    border-bottom:1px solid #d7d9dc;
    padding-bottom:5px}
    
.container .inner .page .form .box{
    height:auto;
    float:left;
    margin-top:20px}
    
.container .inner .page .form .box2{
    height:auto;
    float:left;
    margin-bottom:20px}
    
.container .inner .page .form .box40{
    width:40px;}
    
.container .inner .page .form .box60{
    width:60px;}
    
.container .inner .page .form .box80{
    width:80px;}
    
.container .inner .page .form .box99{
    width:99px;}
    
.container .inner .page .form .box120{
    width:120px;}
    
.container .inner .page .form .box182{
    width:182px;}
    
.container .inner .page .form .box217{
    width:217px;}
    
.container .inner .page .form .box245{
    width:245px;}
    
.container .inner .page .form .box227{
    width:227px;}
    
.container .inner .page .form .box270{
    width:270px;}
    
.container .inner .page .form .box384{
    width:384px;}
    
.container .inner .page .form .box454{
    width:454px;}
    
.container .inner .page .form .box464{
    width:464px;}
    
.container .inner .page .form .box508{
    width:508px;}
    
.container .inner .page .form .box638{
    width:638px;}  
    
.container .inner .page .form .box888{
    width:888px}  
    
.container .inner .page .form .box928{
    width:928px;}  
    
.container .inner .page .form .margin20{
    margin-left:20px;}
    
.container .inner .page .form .margin40{
    margin-left:40px;}
    
.container .inner .page .form .oneline454{
    margin-right:calc(20px + 454px);}
    
.container .inner .page .form .clearleft{
    clear:left;}
    
.container .inner .page .form .parameter_delete{
    width:40px;
    height:40px;
    float:left;
    position:relative;}

    
.container .inner .page .form .parameter_delete .button_box{
    width:calc(40px - 1px);
    height:calc(40px - 1px);
    float:left;
    position:relative;
    background:#FFFFFF;
    border:1px solid #d7d9dc;
    border-radius:1000px;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.container .inner .page .form .parameter_delete .button_box:hover{
    background:#d7d9dc}
    
.container .inner .page .form .parameter_delete .button_box img{
    width:22px;
    height:22px;
    float:left;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:900}
    
.container .inner .page .form .parameter_delete .button_box .button{
    width:40px;
    height:40px;
    float:left;
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    z-index:1000;
    cursor:pointer}

    
    
.container .inner .page .form .box .inputlabel,
.container .inner .page .form .box2 .inputlabel{
    width:100%;
    height:auto;
    float:left;
    font-family:robotobold;
    font-size:12px;
    color:#333132;
    margin-bottom:5px}
    
.container .inner .page .form .box .inputlabel .additional,
.container .inner .page .form .box2 .inputlabel .additional{     
    width:auto;
    height:auto;
    padding-left:20px;}
    
.container .inner .page .form .box .additional_text,
.container .inner .page .form .box2 .additional_text{
    width:100%;
    height:auto;
    float:left;
    font-family:robotoregular;
    font-size:10px;
    color:#333132;
    margin-top:5px}
    
.container .inner .page .form .box .input,
.container .inner .page .form .box .input[type="text" i],
.container .inner .page .form .box2 .input,
.container .inner .page .form .box2 .input[type="text" i]{
    width:100%;
    height:40px;
    float:left;
    font-family:robotoregular;
    font-size:14px;
    color:#333132;
    background:#FFFFFF;
    border:1px solid #d7d9dc;
    outline:none;
    padding-left:15px;
    padding-right:15px;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px}
    
.container .inner .page .form .box .input.rank,
.container .inner .page .form .box .input.rank[type="text" i],
.container .inner .page .form .box2 .input.rank,
.container .inner .page .form .box2 .input.rank[type="text" i]{
    text-align:center}
    
.container .inner .page .form .box .input[type="file"],
.container .inner .page .form .box2 .input[type="file"]{
    width:100%;
    height:40px;
    float:left;
    font-family:robotoregular;
    font-size:14px;
    color:#333132;
    background:#FFFFFF;
    border:1px solid #d7d9dc;
    outline:none;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px}
    
.container .inner .page .form .box .input[type="file"]::-webkit-file-upload-button,
.container .inner .page .form .box2 .input[type="file"]::-webkit-file-upload-button{
    width:auto;
    height:100%;
    font-family:robotoregular;
    border:none;
    padding-left:10px;
    padding-right:10px;
    font-size:14px;
    color:#5D626C;
    margin-right:0px;
    cursor:pointer;
    outline:none;}
    
.container .inner .page .form .box textarea,
.container .inner .page .form .box2 textarea{
    width:100%;
    height:300px;
    float:left;
    font-family:robotoregular;
    font-size:14px;
    color:#333132;
    background:#FFFFFF;
    border:1px solid #d7d9dc;
    outline:none;
    padding:15px;
    margin-top:0px;}
    
.container .inner .page .form .user_comment{ 
    width:calc(100% - 2px - 30px); 
    height:auto;
    float:left;
    margin-top:20px;
    border:1px solid #d7d9dc;
    background:#FFFFFF;
    padding:15px;
    position:relative}
    
.container .inner .page .form .user_comment .information{
    width:auto;
    height:auto;
    float:left;
    background:#ededed;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px}
    
.container .inner .page .form .user_comment .information.admin{
    background:#F2A65A;}
    
.container .inner .page .form .user_comment .information .user,
.container .inner .page .form .user_comment .information .date{
    width:auto;
    height:auto;
    float:left;
    font-family:robotoregular;
    font-size:12px;
    color:#5e5e5e;
    margin-right:20px;}   
    
.container .inner .page .form .user_comment .information .date{
    margin-right:0px} 
    
.container .inner .page .form .user_comment .information.admin .user,
.container .inner .page .form .user_comment .information.admin .date{
    color:#FFFFFF}
    
.container .inner .page .form .user_comment .activity{
    width:60px;
    height:26px;
    float:right;
    position:relative;
    cursor:pointer}
    
.container .inner .page .form .user_comment .activity:nth-child(3){
    margin-right:15px}
    
.container .inner .page .form .user_comment .activity .change_button{
    display:none}
    
.container .inner .page .form .user_comment .activity:hover .change_button{
    width:50px;
    height:26px;
    float:left;
    padding-left:5px;
    padding-right:5px;
    background:#606060;
    color:#FFFFFF;
    font-family:robotoregular;
    font-size:12px;
    line-height:26px;
    vertical-align:middle;
    text-align:center;
    position:absolute;
    display:block;
    z-index:1250;}
    
.container .inner .page .form .user_comment .activity:hover .change_button.delete{
    background:#FCA311;
    color:#333132;}
    
.container .inner .page .form .user_comment .activity .status{
    width:50px;
    height:26px;
    float:left;
    padding-left:5px;
    padding-right:5px;
    color:#FFFFFF;
    font-family:robotoregular;
    font-size:12px;
    line-height:26px;
    vertical-align:middle;
    text-align:center;}
    
.container .inner .page .form .user_comment .activity .status.visible{
    background:#238823;}
    
.container .inner .page .form .user_comment .activity .status.hidden{
    background:#D2222D;}
    
.container .inner .page .form .user_comment .activity .status.delete{
    background:#d7d9dc;
    color:#333132}
    
.container .inner .page .form .user_comment .activity .change{
    width:60px;
    height:26px;
    float:left;
    border:none;
    position:absolute;
    left:0;
    top:50%;
    z-index:1500;
    transform:translateY(-50%);
    opacity:0;
    cursor:pointer;
    line-height:26px;
    vertical-align:middle}
    
.container .inner .page .form .user_comment .text{
    width:100%; 
    height:auto;
    float:left;
    margin-top:10px;
    font-family:robotoregular;
    font-size:14px;
    color:#333132;
    position:relative;}
    
.container .inner .page .form .user_comment.short{
    width:calc(100% - 2px - 30px - 40px);
    margin-left:40px;
    margin-top:0px;
    border-left:1px solid #d7d9dc;
    border-right:1px solid #d7d9dc;
    border-bottom:1px solid #d7d9dc;
    border-top:none}
    
.container .inner .page .form .box .custom-select,
.container .inner .page .form .box2 .custom-select{
    width:calc(100% - 2px);
    height:38px;
    float:left;
    margin-top:0px;
    margin-left:0px;
    font-family:robotoregular;
    font-size:14px;
    color:#333132;
    position:relative;
    border:1px solid #d7d9dc;}
    
.container .inner .page .form .box .mainphoto{
    width:100%;
    height:auto;
    float:left;
    background:#FFFFFF;
    position:relative;
    overflow:hidden}
    
.container .inner .page .form .box .mainphoto .button{
    width:100%;
    height:auto;
    float:left;
    position:absolute;
    top:0px;
    left:0px;}
    
.container .inner .page .form .box .mainphoto .button .delete{
    width:100%;
    height:30px;
    float:left;
    color:transparent;
    background:transparent;
    border:none;
    outline:none;
    padding:0px;
    position:absolute;
    z-index:9900;
    cursor:pointer}
    
.container .inner .page .form .box .mainphoto .button .texttodelete{
    width:calc(100% - 40px);
    height:30px;
    float:left;
    background:#d7d9dc;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    position:absolute;
    z-index:9800;
    padding-left:20px;
    padding-right:20px;}
    
.container .inner .page .form .box .mainphoto .button:hover .texttodelete{
    background:#fca311}
    
.container .inner .page .form .box .mainphoto img{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;}
    
.container .inner .page .form .box .gallery{
    width:100%;
    height:auto;
    float:left;}
    
.container .inner .page .form .box .gallery .item{
    width:calc((100% - 20px) / 2);
    height:155px;
    float:left;
    overflow:hidden;
    margin-right:20px;
    margin-top:20px;
    position:relative;
    background:#FFFFFF;
    cursor:pointer}
    
.container .inner .page .form .box .gallery .item:nth-child(2n){
    margin-right:0px}
    
.container .inner .page .form .box .gallery .item:nth-child(-n+2){
    margin-top:0px}
    
.container .inner .page .form .box .gallery .item .button{
    width:100%;
    height:auto;
    float:left;
    position:absolute;
    top:0px;
    left:0px;}
    
.container .inner .page .form .box .gallery .item .button .delete{
    width:100%;
    height:30px;
    float:left;
    color:transparent;
    background:transparent;
    border:none;
    outline:none;
    padding:0px;
    position:absolute;
    z-index:9900;
    cursor:pointer}
    
.container .inner .page .form .box .gallery .item .button .texttodelete{
    width:calc(100% - 40px);
    height:30px;
    float:left;
    background:#d7d9dc;
    font-family:robotobold;
    font-size:13px;
    color:#333132;
    text-transform:uppercase;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    position:absolute;
    z-index:9800;
    padding-left:20px;
    padding-right:20px;}
    
.container .inner .page .form .box .gallery .item .button:hover .texttodelete{
    background:#fca311}   
    
.container .inner .page .form .box .gallery .item .img_text{
    width:calc(100% - 10px);
    height:30px;
    float:left;
    position:absolute;
    bottom:-30px;
    left:5px;
    outline:none;
    border:none; 
    background:rgba(255,255,255,1);
    padding-left:5px;
    padding-right:5px;
    color:#333132;
    font-family:robotomedium;
    font-size:12px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}  
    
.container .inner .page .form .box .gallery .item:hover .img_text{
    bottom:5px;} 
    
.container .inner .page .form .box .gallery .item .img_text:focus{
    bottom:5px;
    background:rgba(255,255,255,1)}
    
    
    
    
    
    
    
.container .inner .page .form .box .gallery .item img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover}
    
.container .inner .page .form .total{
    width:100%;
    height:auto;
    float:left}
    
.container .inner .page .form .totalright{
    width:auto;
    height:auto;
    float:right}
    
.floatright{
    float:right !important;}
    
.textright{
    text-align:right !important;}

.disabled{
    background:#d9d9d9 !important}
    
.bold{
    font-family:robotobold !important;}
    
.container .inner .page .form .last_pass{
    width:100%;
    height:auto;
    float:left;
    margin-top:200px;}
    
.container .inner .page .form .last_pass .head{
    width:100%;
    height:auto;
    float:left;
    font-family:robotobold;
    font-size:12px;
    color:#333132;
    margin-bottom:5px;}
    
.container .inner .page .form .last_pass .log_box{
    width:calc(100% - 40px - 2px); 
    height:auto;
    float:left;
    background:#FFFFFF;
    border-bottom:1px solid #d7d9dc;
    border-left:1px solid #d7d9dc;
    border-right:1px solid #d7d9dc;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;}
    
.container .inner .page .form .last_pass .log_box:nth-child(2){
    border-top:1px solid #d7d9dc}

.container .inner .page .form .last_pass .log_box .user,
.container .inner .page .form .last_pass .log_box .type,
.container .inner .page .form .last_pass .log_box .date,
.container .inner .page .form .last_pass .log_box .ip{
    height:auto;
    float:left;
    font-family:robotoregular;
    font-size:12px;
    color:#333132;}
    
.container .inner .page .form .last_pass .log_box .user{
    width:180px;}
    
.container .inner .page .form .last_pass .log_box .type{
    width:180px;
    margin-left:20px}
    
.container .inner .page .form .last_pass .log_box .date{
    width:130px;
    margin-left:20px}
    
.container .inner .page .form .last_pass .log_box .ip{
    width:336px;
    margin-left:20px;
    text-align:right}










/* knowledge */

.container .inner .page .knowledge{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    background:#f2f2f2;
    padding-left:20px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:20px;
    border-bottom:1px solid #d6d5d6}
    
.container .inner .page .knowledge:last-child{
    border-bottom:none}

.container .inner .page .knowledge .head{
    width:100%;
    height:auto;
    float:left;
    font-family:robotobold;
    font-size:14px;
    color:#333132;
    margin-top:20px;
    text-transform:uppercase}  
    
.container .inner .page .knowledge .description{
    width:100%;
    height:auto;
    float:left;
    font-family:robotoregular;
    font-size:12px;
    line-height:18px;
    color:#333132;
    margin-top:5px;}   
    
.container .inner .page .knowledge .image{
    width:100%;
    height:auto;
    float:left;
    margin-top:20px;
    position:relative}
    
.container .inner .page .knowledge .image .overlay{
    width:100%;
    height:100%;
    float:left;
    background:rgba(71, 69, 70,0.5);
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.container .inner .page .knowledge .image .overlay:hover{
    opacity:1}
    
.container .inner .page .knowledge .image .overlay .info{
    width:auto;
    height:auto;
    float:left;
    font-family:robotobold;
    font-size:25px;
    color:#FFFFFF;
    text-transform:uppercase;
    top:50%;
    left:50%;
    position:relative;
    transform:translate(-50%, -50%);}
    
.container .inner .page .knowledge .image img{
    max-width:100%;
    height:auto;
    float:left;}
    
/* MAINPAGE */

.container .inner .page .form .head{
    width:100%;
    height:auto;
    float:left;
    margin-top:20px;
    font-family:robotobold;
    font-size:14px;
    color:#333132}
    
.container .inner .page .form .text{
    width:100%;
    height:auto;
    float:left;
    margin-top:5px;
    font-family:robotoregular;
    font-size:13px;
    color:#333132}










    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.footer{
    width:100%;
    height:30px;
    float:left;
    background:#394350;}
    
.footer .inner{
    width:calc(1300px - 40px);
    height:100%;
    margin:0 auto;}
    
.footer .inner .left{
    width:auto;
    height:auto;
    float:left;
    font-family:robotobold;
    font-size:13px;
    color:#747b84;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.footer .inner .right{
    width:auto;
    height:auto;
    float:right;
    font-family:robotobold;
    font-size:13px;
    color:#747b84;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    text-decoration:none}
    
    
    
/* TINY MCE */
.tox-tinymce{
    border:1px solid #d7d9dc !important;}
    
    
    
    
    
    

    
.printpage {
        width: 210mm;
        height: 297mm;
        float:left;
        padding: 0mm;
        background: white;
    }
    .a4page {
        padding: 1cm;
        border: 5px red solid;
        height: 257mm;
        outline: 2cm #FFEAEA solid;}
 
    
    
@page{
    size: A4;
    margin:0;} 
   
@media print {
        html, body{
            width: 210mm;
            height: 297mm;
            float:left;}
        
        .header,
        .container,
        .footer{
            visibility:hidden;}
            
            
        .printpage {
            width:210mm;
            height:297mm;
            float:left;
            left:0;
            top:0;
            margin: 0;
            border: initial;
            border-radius: initial;
            width: initial;
            min-height: initial;
            box-shadow: initial;
            background: initial;
            page-break-after: always;
            display:block !important;
            visibility:visible;
        }
    }