/* =================== BASE ========================= */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300,300italic&subset=latin,latin-ext);
html{
    font-size:10px;
}
body{
    font-family: "Open Sans", Arial;
    font-size: 1.2rem;
    min-height: 100vh;
    min-width:360px;
    overflow-x: auto;
    color:#545454;
}

a:focus, a:active, button,
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline: none !important;
}
*{outline: none;}
*:focus {outline: 0;}

a, a:hover, a:active, a:focus{
    cursor:pointer;
    text-decoration: none;
}

h1,.h1 {font-size: 3.0rem;}
h2,.h2 {font-size: 2.4rem;}
h3,.h3 {font-size: 1.8rem;}
h4,.h4 {font-size: 1.6rem;}
h5,.h5 {font-size: 1.4rem;}
h6,.h6 {font-size: 1.2rem;}

h2.large { margin-bottom:25px }

.btn{
    border-radius: 5px;
    font-size: 1.6rem;
    padding: 7px 16px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.btn > .fa{
    margin-right:16px;
}

/* =================== HEADER ========================= */
#header{
    height: 85px;
    position: fixed;
    width: 100%;
    z-index: 997;
}

#header .logo-moebius > img{
    height:30px;
    margin-top:45px;
}

#header #header-nav{
    float:right;
    height: 85px;
}

#header #header-nav > ul.menu_main{
    line-height: 32px;
    list-style: none;
    margin:32px 0 0;
    padding:0;
    text-align:right;
}

#header #header-nav > .menu_main > li{
    display: inline-block;
    margin:0;
}

#header #header-nav > .menu_main > li > a{
    display: block;
    font-size:1.5rem;
    padding:10px 15px;
}
@media (min-width: 992px){
    #header #header-nav > .menu_main > li > ul{
        display:none;
    }
    #header #header-nav > .menu_main > li:hover{
        position:relative;
    }
    #header #header-nav > .menu_main > li:hover > ul{
        display:block;
        position:absolute;
        list-style: none;
        margin: 0;
        max-width:320px;
        padding: 0;
        left: 0;
        top: 50px;
    }
    #header #header-nav > .menu_main > li > ul > li{
        display:block;
        margin:0;
        text-align:left;
        line-height:64px;
    }
    
    #header #header-nav > .menu_main > li > ul > li > a{
        display: block;
        font-size: 1.4rem;
        padding: 5px 15px;
        line-height: 20px;
        white-space: nowrap;
    }
    
    #header #header-nav > .menu_main > li > ul > li > a .glyphicon {
        float:left;
    }

    #header #header-nav > .menu_main > li > ul li  ul{
        display:none;
    }
    #header #header-nav > .menu_main > li > ul li:hover{
        position:relative;
    }
    #header #header-nav > .menu_main > li > ul li:hover > ul{
        display:block;
        position:absolute;
        left: 100%;
        list-style: none;
        margin: 0;
        max-width:320px;
        padding: 0;
        top: 0;
        z-index:998;
    }
    #header #header-nav > .menu_main > li > ul > li  ul li{
        display:block;
        margin:0;
    }
    #header #header-nav > .menu_main > li > ul > li  ul li > a{
        display: block;
        font-size: 1.6rem;
        padding: 5px 25px;
        line-height: 32px;
        white-space: nowrap;
    }
    
    #header #header-nav > .menu_main > li > ul > li  ul li > a .glyphicon {
        float:left;
    }
}

@media (max-width: 1199px){
    #header #header-nav > .menu_main > li > a{
        font-size: 1.3vw;
        padding: 10px 1.2vw;
    }
}
@media (max-width: 991px){
    #header{
        height: 55px;
        text-align: center;
    }

    #header .logo-moebius > img{
        height:40px;
        margin:7px auto 0;
    }
    
    #header #header-nav{
        height: 55px;
    }
    #header #header-nav > ul.menu_main{
        display: none;
        line-height: 20px;
        max-width: 320px;
        position: absolute;
        right: 15px;
        z-index:999;
    }
    #header #header-nav > ul.menu_main.open{
        display:block;
    }
    
    #header #header-nav > .menu_main > li{
        display: block;
    }
    #header #header-nav > .menu_main > li > a{
        font-size: 1.5rem;
        padding:12px 20px;
        text-align: left;
    }
    #header #header-nav > .menu_main > li > a > .glyphicon{
        margin: 0 10px 0 0;
       display: inline-block;
    }
    
    
    #header #header-nav > .menu_main > li ul{
        list-style: none;
        margin: 0;
        padding: 0 0 0 10px;
    }
    #header #header-nav > .menu_main > li ul > li{
        display:block;
        margin:0;
    }
    #header #header-nav > .menu_main > li ul li > a{
        display:block;
        font-size: 1.6rem;
        padding:12px 20px;
        text-align: left;
    }
    
    #header #header-nav .menu_mob_button{
        display: block;
        font-size: 2.1rem;
        height: 44px;
        line-height: 32px;
        margin: 7px 5px 0px 0px;
        padding: 10px;
        text-align: right;
        cursor:pointer;
    }
    #header .logo-moebius {
        float: left;
    }
}

/* =================== MAIN ========================= */
#main{
    min-height: calc(100vh - 35px);
    min-height: -webkit-calc(100vh - 35px);
    min-height: -moz-calc(100vh - 35px);
    min-height: -ms-calc(100vh - 35px);
    padding-top: 85px;
}

#main #main-wrapper{
    border-radius: 5px;
    margin: 50px 0px;
    padding: 15px;
    display:table;
    width: 100%;
}

#main #main-wrapper .card-header h1,
#main #main-wrapper .title{
    border-bottom:1px solid;
    margin:0 0 7px;
    padding:0 0 7px;
}


@media (min-width: 1200px){
    #main .container {
        min-width: 1170px;
    }
    
    #main .container.container-wide{
        width: 100%;
        max-width:1800px;
    }
}
@media (max-width: 1200px){
    .container{width:100%;}
}


@media (max-width: 991px){
    #main{
        padding-top: 25px;
    }
}
/* =================== FOOTER ========================= */
#footer{
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    font-size: 1.2rem;
}
#footer img{
    left: 5px;
    position: relative;
    top: -3px;
}
/* =================== FORM ========================= */
.form-group  label{
    font-weight: normal;
    font-size:1.4rem;
}
.form-group .form-control{
    border-radius:5px;
    padding: 0px 10px;
}
.checkbox-label,
.radio-label{
    cursor:pointer;
    padding-left:25px;
    margin-right:15px;
}

.checkbox-label:before,
.radio-label:before{
    border-radius:5px;
    content:" ";
    height:20px;
    line-height: 20px;
    margin-left: -25px;
    position:absolute;
    text-align: center;
    width:20px;
}


.radio-label:before{
    border-radius:50%;
    font-size: 2.4rem;
}

.checkbox-label > input,
.radio-label > input{display:none !important;}

.checkbox-label.checked:before{
    content:"✓"
}

.radio-label.checked:before{
    content:"•";
}

.form-group .input-group-btn > .btn{
    padding: 5px 15px;
}

.form-group .input-group-btn > .btn > .fa{
    margin:0;
}

.form-group .checkbox-label{
    margin-top:30px;
}

.form-group .select2 .select2-selection{
    
}
/* =================== TABLE ========================= */
.grid-tools{
    margin-bottom: 15px;
    margin-top: -10px;
}
.kv-grid-container + .grid-tools{
    margin-bottom: 15px;
    margin-top: 0px;
}
.grid-tools .summary{
    display: inline-block;
}
.grid-tools .pagination{
    float: right;
    margin: -7px 0 0 0;
}
.grid-tools .pagination > li{
    display: inline-block;
    margin: 0 -1px 0 0;
}
.grid-view-header{
    margin-bottom: 25px;
}
.grid-view-header .grid-header-btns{
    float: right;
    margin-top: -50px;
}

.table{
    font-size: 1.4rem;
}

.table > thead {
    background-color: #ccc;
}

.table > thead >tr > th {
    text-transform: uppercase;
}

.grid-view tr th,
.table > tbody > tr > td{
    vertical-align: middle;
}

.grid-view tr th:last-of-type,
.grid-view tr td:last-of-type{
    min-width: 100px;
}
.grid-view tr td:last-of-type .fa, .grid-view tr td:last-of-type .glyphicon{
    font-size: 1.6rem;
}

.grid-view tr td .input-group.date{
    min-width:185px
}

.grid-view tr td .MoebDate-Range .input-group.date{
    min-width:50px
}

.grid-view tr td .checkbox,
.grid-view tr td .radio{
    margin: 10px auto 0px;
    width: 20px;
}
.grid-view tr td .checkbox .checkbox-label{
    padding:0;
    width:20px;
    margin: 0 auto;
}
.grid-view tr td .checkbox .checkbox-label:before{
    margin-left: -10px;
}

.grid-view .not-set{
    font-size:1.2rem;
    font-style:italic;
}

.grid-view tr th[data-col-seq="ID"]{width:20px;}
/*========================== MOEB UPDATE ==========================*/
.moeb-card-update .col-lg-11 {
    width: 100%;
}

.moeb-card-update .card-footer,
.moeb-card-view .card-footer{
    text-align: right;
}


/*========================== POPUP ==========================*/

.moeb-popup{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:999999;
}
.moeb-popup .moeb-popup-shadow{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.moeb-popup .moeb-popup-dialog{
    border-radius: 5px;
    padding: 15px;
    position: absolute;
    left: 0;
    right: 0;
    margin:80px auto;
    width: 360px;
    
}
.moeb-popup .moeb-popup-dialog .moeb-popup-content{
    font-size:1.4rem;
    padding: 15px 0;
    text-align:center;
}
.moeb-popup .moeb-popup-dialog .moeb-popup-footer{
    padding-top: 15px;
    text-align:center;
}
.moeb-popup .moeb-popup-dialog .moeb-popup-footer .btn{
    margin:0 15px;
}

/*========================== NAV-TAB ==========================*/
.nav-tabs{}
.nav-tabs li{}
.nav-tabs li a{
    border-radius: 0px;
    bottom: -1px;
    font-size:1.6rem;
    margin: 0px;
    position: relative;
}

/*========================== TREE VIEW ==========================*/
.treeview{}
.treeview ul{
    margin:0px;
}
.treeview ul li{
    font-size:1.6rem;
}
.treeview ul li .treeButtons{
    font-size:1.6rem;
}
.treeview ul li .treeButtons > a{
    margin-left:6px;
}
.treeview ul li .treeVisibility{
    font-size:1.6rem;
}

/*========================== USER START ==========================*/

.start-menu-item{
    border-radius:5px;
    display: inline-block;
    font-size: 2.2rem;
    margin: 15px;
    min-width: 230px;
    padding: 15px 15px 15px 75px;
    text-align: left;
    transition: all 0.3s ease-in-out;
}

.start-icon{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 45px;
    margin-left: -60px;
    margin-top: -8px;
    position: absolute;
    width: 45px;
}
@media (max-width: 991px){
    .start-menu-item{
        font-size: 1.8rem;
		min-width: 200px;        padding: 15px 15px 15px 50px;
    }
    .start-icon{
        height: 30px;
        margin-left: -40px;
        margin-top: -3px;
        width: 30px;
    }
}
@media (max-width: 767px){
    .start-menu-item{
        height: 75px;
        margin: 5px 10px;
		min-width: 75px;
        padding: 15px;
        width: 75px;
    }
    .start-icon{
        height: 45px;
        margin: 0;
        position: static;
        width: 45px;
    }
}

.start-icon.icon-home{
    background-image:url('../img/moeb3_icon_01_main.png');
}
.start-icon.icon-menu{
    background-image:url('../img/moeb3_icon_02_menu.png');
}
.start-icon.icon-page{
    background-image:url('../img/moeb3_icon_03_page.png');
}
.start-icon.icon-meta{
    background-image:url('../img/moeb3_icon_04_metadata.png');
}
.start-icon.icon-static-page{
    background-image:url('../img/moeb3_icon_05_staticpage.png');
}
.start-icon.icon-lang{
    background-image:url('../img/moeb3_icon_06_translate.png');
}
.start-icon.icon-logout{
    background-image:url('../img/moeb3_icon_07_logout.png');
}

/*========================== GUARANTES STEPS ==========================*/

.guarantees-steps { margin:30px 0 }
#main #main-wrapper .guarantees-steps .title {
    border:0;
    margin:0 0 36px;
}
.guarantees-steps .step { 
    float:left; 
    background-repeat: no-repeat;
    width:187px;
    padding:120px 0 0;
    position:relative;
    margin-left:-10px;
    font-size:1.6rem;
    line-height:1.8rem;
    cursor:default;
}
.guarantees-steps .s-1 { background-image:url(../img/step-1-grey.png); width:165px; z-index:70; margin-left:0; }
.guarantees-steps .s-2 { background-image:url(../img/step-2-grey.png); z-index:60 }
.guarantees-steps .s-3 { background-image:url(../img/step-3-grey.png); z-index:50 }
.guarantees-steps .s-4 { background-image:url(../img/step-4-grey.png); z-index:40 }
.guarantees-steps .s-5 { background-image:url(../img/step-5-grey.png); z-index:30 }
.guarantees-steps .s-6 { background-image:url(../img/step-6-grey.png); z-index:20 }
.guarantees-steps .s-7 { background-image:url(../img/step-7-grey.png); z-index:10 }
.guarantees-steps .step.active { cursor:pointer; }
.guarantees-steps .s-1.active { background-image:url(../img/step-1.png); }
.guarantees-steps .s-2.active { background-image:url(../img/step-2.png); }
.guarantees-steps .s-3.active { background-image:url(../img/step-3.png); }
.guarantees-steps .s-4.active { background-image:url(../img/step-4.png); }
.guarantees-steps .s-5.active { background-image:url(../img/step-5.png); }
.guarantees-steps .s-6.active { background-image:url(../img/step-6.png); }
.guarantees-steps .s-7.active { background-image:url(../img/step-7.png); }
.guarantees-steps .text {
    text-transform:uppercase; 
    margin:0; 
    text-align:center; 
    padding:26px 18px 10px 7px;
    display:block;
    color:#343434
}
.guarantees-steps .s-1 .text { padding:26px 45px 10px 0 }
.guarantees-steps .s-2 .text { padding:26px 25px 10px 7px }
.guarantees-steps .s-6 .text { padding:26px 12px 10px 7px }
.guarantees-steps .s-1.active .text { color:#71B220 }
.guarantees-steps .s-2.active .text { color:#F8BB00 }
.guarantees-steps .s-3.active .text { color:#02A292 }
.guarantees-steps .s-4.active .text { color:#FF5722 }
.guarantees-steps .s-5.active .text { color:#8080C0 }
.guarantees-steps .s-6.active .text { color:#32a3ce }
.guarantees-steps .s-7.active .text { color:#f07e0a }

/*========================== INVOICE PRINT ==========================*/

.invoice-print td           { font-family: Verdana; font-size: 8pt }
.invoice-print p            { font-family: Verdana; font-size: 10pt }
.invoice-print .bodyBox {
    min-height: 100%;
    min-width: 100%;  
    height: 100%;
    top: 0; 
}
@media print { 
.invoice-print .bodyBox {border: 1px solid white} }
.invoice-print .fvBody {
    margin: 0 auto 254px;
    overflow: hidden;
    position: relative;
    padding-top: 40px;
}
.invoice-print .fvBody:after {
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    width: 180px;
    height: 40px;
    background-color: #ddd;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    /*transform: rotate(25deg);*/
    border: 2px solid #ddd;
}
.invoice-print .fvBody.cF:after {
    content: "Zapłacona";
}
.invoice-print .fvBody.clPP table:first-of-type td.row {
    padding: 60px 20px;
}
.invoice-print .fvBody.clPP {
    padding-top: 0px;
}
.invoice-print .fvBody.clPP:after {
    content: "Do zapłaty";
    transform: rotate(35deg);
    top: 30px;
    right: -50px;
    width: 230px;
}
.invoice-print .footer { bottom: 0; height: 244px; position: absolute; width: 100%; }
.invoice-print td           { font-family: Verdana; font-size: 8pt }
.invoice-print p            { font-family: Verdana; font-size: 10pt }


.invoice-print .sprzedawca{
    text-align : left;
    font-size : 10px;
}

.invoice-print .nabywca{
    text-align : left;
    font-size : 10px;
    line-height: 130%;
}
.invoice-print .adr_koresp{
    text-align : center;
    font-size : 10pt;
    line-height: 130%;
    margin-top: 6px;
}
.invoice-print .adr_koresp_head{
    text-align : center;
    font-size : 8px;
    color: gray;
    margin-bottom: 0px;
}

.invoice-print .dlugiOpis{
    text-align : left;
    font-size : 10px;
}

.invoice-print .komentarz{
    text-align : left;
    font-size : 8px;
}

.invoice-print .t_decor{
       padding : 3pt;
       font-size : 9px;
       border-top : 1px solid silver;
}
.invoice-print .t_decor_first{
       padding : 3pt;
       font-size : 9px;
       border-top : 0px solid silver;
}
.invoice-print .n_decor{
       padding : 3pt;
       font-size : 9px;
}

.invoice-print .sign_descr{
        font-size: 8px;
        margin-top: 4px;
}
.invoice-print td.row {
    border: 1px solid #C0C0C0; 
    padding: 20px;
}
.filters  .form-control {
    padding: 6px 6px;
    min-width: 50px !important;
}
.disabled-url {
    pointer-events: none;
    cursor: default;
}
/*========================== CAROUSEL ==========================*/
.carousel .carousel-control {
    background:none;
    width:35px;
    text-indent: -10000px;
    overflow: hidden;
    opacity:1;
}
.carousel .carousel-control:after{
    content:'';
    background: url(../img/arrows-news.png) no-repeat;
    display:block;
    width:14px;
    height:21px;
    position:absolute;
    top:50%;
    margin:-11px 0 0;
}
.carousel .carousel-control.right:after { background-position:-42px 0; right:0 }
.carousel .carousel-control.left:after { background-position:0 0; left:0 }
.carousel .carousel-inner { padding:0 19px }
.carousel .carousel-control.right:hover:after { background-position:-28px 0; }
.carousel .carousel-control.left:hover:after { background-position:-14px 0; }
.carousel .carousel-indicators { display:none }

.arrow-content { position:relative }
.arrow-content:after{
    content:'';
    width:96px;
    height:47px;
    background:url(../img/arrow.png) no-repeat;
    position:absolute;
    top:-35px;
    right:-32px;
}
.warranty-docs-panel .value {
    margin-left: 75px;
}
.btn.btn-activation {
    background-color: #33A2CF;
    border-color: #33A2CF;
}
.btn.btn-kpo {
    background-color: #71B220;
    border-color: #71B220;
}
.btn.btn-print {
    background-color: #F8BB00;
    border-color: #F8BB00;
}
.btn.btn-invoice {
    background-color: #02A292;
    border-color: #02A292;
}
.btn.btn-pay {
    background-color: #FF5722;
    border-color: #FF5722;
}
.btn.btn-oc {
    background-color: #32a3ce;
    border-color: #32a3ce;
}
.btn.btn-oc-print {
    background-color: #f87f06;
    border-color: #f87f06;
}
.btn.btn-extendOc-black {
    background-color: black;
    border-color: black;
}
.btn.btn-extendOc-green {
    background-color: green;
    border-color: green;
}
.btn.btn-extendOc-orange {
    background-color: orange;
    border-color: orange;
}
.btn.btn-extendOc-red {
    background-color: red;
    border-color: red;
}
.btn.btn-extendOc-grey {
    background-color: dimgrey;
    border-color: dimgrey;
}
.btn.btn-files {
    background-color: #33A2CF;
    border-color: #33A2CF;
}
.btn.btn-no-standard {
    color: #fff;
    height: 50px;
    font-size: 1.2rem;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    white-space: pre-wrap;
    padding: 8px;
}
.btn.btn-no-standard-disable {
    background-color: #999999;
    border-color: #999999;
}
.moebMoney {
    min-width: 80px !important;
}
.MoebDate-Range{
    display: inline-table;
    max-width: 500px;
}
#kontakt .img {
    max-width: 100%;
}