/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

.bgCounter {
    background-color: white;
}

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300);
@import url(https://fonts.googleapis.com/css?family=Exo);

#wrapper1 {
    min-height: 100%;
}

.footer1 {
    position: relative;
    margin-top: -30px;
    height: 30px;
    clear: both;
    background:#0A0B10;
    padding-top: 20px;
    color:#fff;
}

#page-wrapper1 {
    padding-bottom:30px; /* this needs to be bigger than footer height*/
}


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.analityka {
	position:relative;
	background:#0A0B10 !important;
	color:white;
	padding:25px !important;
}

.closeAnalityka {
	position:absolute;
	top:10px;
	right:10px;
	font-size:18px;
	color:#fff;
	cursor: pointer;
}

.showHoverButton{
	position:relative;
}


.expande-row-standard:hover, .expande-row:hover {
	cursor:pointer;
}

.expande-row{
	background:#ebebeb !important;
	font-weight:bold;
	font-size:1.1em;
}


.expande-row-active {
	background:#ebebeb !important;
}

.expande-row i{
color:green;
}


.expande-row:hover{
	cursor:pointer;
	background:#F8F8FF !important;
}


.tooltip-inner {
    text-align: left;
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
}

#rejestracja select:required, #rejestracja input:required, #register_type, .border-green, #register_nazwisko, #register_imie, #register_nazwaFirmy  {
  border: 1px solid green !important;
}


#rejestracja input[type=checkbox]:required {
outline: 1px solid green;
}


.fontBase14 {
font-size:14px !important;
}

.fontBase16 {
font-size:16px !important;
}

.fontBase18 {
font-size:18px !important;
}

.templateHighContrast {
	background-color:black;
	color:#fff;
}

.templateNormal {
	background-color:none;
	color:#000;

}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

i.fa-print{
    font-size:1.43em;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

.skype-parent{
  font:         14px/1.23 sans-serif;
  display:      table;
  width:        100%;
  border-collapse: separate;
  border-spacing: 0 10px;
  padding:0 20px 20px;
}

/* ROWS */

.message{
  display: table-row;
}

/* ALL CELLS */

.message > *{
  position:   relative;
  box-sizing: border-box;
  display:    table-cell;
}

/* IMAGE CELL & TIME CELL */

.message > div:nth-child(1),
.message > div:nth-child(3){
  width:      5px;
  text-align: center;
  font-size:  0.857em;
  color:      #AFCBD8;
}

/* MESSAGE CELLS */

.message p {
  color:      #6E767C;
  border-radius:4px;
  padding: 12px 14px;
  margin: 0 36px 0 0;
  background: #c7edfc;
}
.message.user p {
  margin: 0 0 0 36px;
  background: #e5f7fd;
}

/* ARROWS */

.message > div:nth-child(2):after {
  position:   absolute;
  content:    "";
  width:      8px;
  height:     8px;
  background: #c7edfc;
  left:       0;
  top:        18px;
  margin-left: -4px;
  transform:  rotate(45deg); -webkit-transform: rotate(45deg);
}

.message.user > div:nth-child(2):after {
  left:       100%;
  background: #e5f7fd;
}

.well-main{
    background-color: #c7edfc;
}

.well-header{
    margin:0;
    padding:0;
    font-size:0.857em;
}

.well-hr {
    display:block;
    padding:0;
    margin:0 0 10px 0;
    border: 0;
    border-bottom: 1px dotted #ccc;
    background: #999;
}

.lastMod{
    padding-top: 15px;
    height:35px;
}

.lastMod span{
    font-size: 0.857em;
}


.navbar-toggle.navbar-left {
  float: left;
  margin-left: 10px;
}

.navbar-right{
    float:right;
    right:0;
}


.pagination  li {
    color: rgb(188, 81, 60);
    border-color: #0A0B10;
}

.pagination  a {
    color: rgb(188, 81, 60) !important;
    border-color: #0A0B10;
}

.pagination  li.active a, .pagination  li.active:hover a {
    color: #fff !important;
    border-color: #0A0B10;
    background-color: rgb(188, 81, 60);
}

.pagination a.active{
    background-color: #0A0B10 !important;
    border-color: #0A0B10;
    color: #fff;
}

.pagination a.active:hover{
    background-color: rgb(188, 81, 60) !important;
    border-color: #0A0B10;
    color: #fff;
}

a{
    color: #0A0B10;
}

a:hover{
    color: rgb(188, 81, 60);
}

.label-info{
     background-color: rgb(188, 81, 60);
    
}

.alert-custom{
     background-color: #0A0B10;
     color: #fff;
}

.alert-info{
     background-color: #0A0B10;
     color: #fff;
}

.alert-custom a{
     color: #fff;
}

.label-custom{
     background-color: rgb(188, 81, 60);
}

.nav-tabs > li > a:hover, .nav-tabs > li > a{
    color:rgb(188, 81, 60);
}

.btn-info {
    color: #fff;
    background-color: #0A0B10;
    border-color: #0A0B10;
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: rgb(188, 81, 60);
    border-color: rgb(188, 81, 60);
}
.btn-info:hover {
    color: #fff;
    background-color: rgb(188, 81, 60);
    border-color: rgb(188, 81, 60);
}


/*część wspólna logowania*/

textarea, select, input[type="text"], input[type="password"], input[type="email"]{
    background: #f9f9ff !important;
}

.td-number {
    width:35px;
}

.td-date{
    width:120px;
}

h3{
    margin:10px 0 20px;
    padding:0;
    color:#222;
}

.width50{
    width:50%;
}

.width33{
    width:33%;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

html, body {
    height: 100%;
}

#wrapper {
    min-height: 100%;
}

#page-wrapper {
    padding-bottom:30px; /* this needs to be bigger than footer height*/
}

.footer {
    position: relative;
    margin-top: -30px; /* negative value of footer height */
    height: 30px;
    clear:both;
    background:#0A0B10;
    padding-top:20px;
} 

.fixed {
    position:fixed;
    top:0;

}

.dod {
    padding-top:85px;    
}

.ex{
    width:100%
}

.navbar-default{
    border:0;
}

.login-panel{
    /*margin-top:15%;*/
}

.alert-custom{
     background-color: rgb(188, 81, 60);
     color: #fff;
}

.alert-custom a{
     color: #fff;
}

.label-custom{
     background-color: #0A0B10;
}


.nav-tabs > li > a:hover, .nav-tabs > li > a{
    color:#0A0B10;
}


.panel-custom {
    border-color: #0A0B10;
}
.panel-custom > .panel-heading {
    color: #fff;
    background-color: #0A0B10;
    border-color: #0A0B10;
}
.panel-custom > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #0A0B10;
}
.panel-custom > .panel-heading .badge {
    color: #0A0B10;
    background-color: #fff;
}
.panel-custom > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #0A0B10;
}

.btn-custom {
    color: #fff;
    background-color: #0A0B10;
    border-color: #0A0B10;
}
.btn-custom:focus,
.btn-custom.focus {
    color: #fff;
    background-color: rgb(188, 81, 60);
    border-color: rgb(188, 81, 60);
}
.btn-custom:hover {
    color: #fff;
    background-color: rgb(188, 81, 60);
    border-color: rgb(188, 81, 60);
}

.navbar-part-menu-login{
    height:50px;
    background: #E0E0E0;
    margin: 0;
    padding:0;
    position: relative;
}

.menu-second-color-login{
    position: absolute;
    background: #0A0B10;
    height: 5px;
    width: 100%;
    bottom:0;
    left:0;
}

.navbar-part-menu-login p{
    font-family: 'Exo', sans-serif;
    font-size: 1.285em;
    padding:18px 20px;
    line-height: 1.142em;
    color: #fff;
    display:inline-block;
    text-decoration:none;
    margin:0;
}



/* Top Navigation */
.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.428em;
    color: rgb(188, 81, 60);
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #0A0B10;
    background: none;
}


.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}


thead.naglowek tr {
    background:#ebebeb;
}

thead.naglowek a {
    color:#444;
}

thead.naglowek tr td {
    border-bottom:1pt solid #aaa;
}


.menu_logout1 {
    background: #b52b27 !important;
}


.menu_logout {
    background: #008fc2 !important;
}
.menu_logout > a  {
    color: #fff !important;
}

.labelDD{
    display: inline-block;
    width: 140px;
}

.breadcrumb{
    border:1px solid #DDE5E7;

}
.search_input{
    text-align:left;
    padding-left:10px;

}

.headerDD{
    background:#f6f8f8 !important; 
    border-bottom:1px solid #DDE5E7;
    padding:0 30px;
    margin-bottom:20px;
}

.headerH2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.428em;
    color:#58666e; 
    font-weight:300;
    line-height: 1.428em;
    margin: 0;
    padding:23px 0;
}
body {
    background-color: #FFFFFF !important`;
}

.navbar {
    background: #FFFFFF;
    margin: 0;
    padding:0;
}


.nomargin {
    margin:0 !important;
    padding:0 !important;
}



.swichLang li{
    margin:0 0 0 5px; 
}

.swichLang li a.aktywne{
    color: red;
}

.topMenu{
    height:70px;
}


@media(max-width:768px) {

	.menu_title {
	display: inline-block; 
	padding-left:5px;
	
	}

	.menu_title_inner {
	display: inline; 
	}


	
	body {
		
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;  
	}

    .quantityRecords{
         text-align: right;   
    }
    
    .oplaty_suma{
        margin:10px 0;padding:0;
        text-align:left;
    }

    .oplaty_suma span{
        font-size:1.285em;
    }
    
    .logo21{
         background: #0A0B10;
         height: 52px;
    }

    .logo21 a{
         margin:0;
         color:red;
    }

    .logo21 a.aktywne{
         color:white !important;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }



    .navbar-right{
        float:right;
        right:0;
    }

    .navbar-right .dropdown-menu {
        right: 0 !important;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }



    .navbar-part-menu{
        display:none;
    }   

    body{
        background-color: #FFFFFF;
    }

    .logo{
        display:none;
    }

    .logo2{
        background: #0A0B10;
        height:52px;
    }

    .logo2 a{
        font-family: 'Exo', sans-serif;
        font-size: 1.142em;
        padding:18px 20px;
        line-height: 1.142em;
        color:#fff;
        display:inline-block;
        text-decoration:none;
    }

    .logo2 a:hover{
        text-decoration:none;
    }


    .navbar-default .navbar-toggle .icon-bar {
        background-color: black;
    }

    .menu-main{
        width: 100%;
        margin: 0;
        padding:0;
    }

    .menu-main ul {
        margin: 0;
        padding: 0;
        list-style: none;
        background: #0A0B10;
    }

    .menu-main ul li { 
        background: #0A0B10;
        padding:0;
        margin: 0;
    }

    .menu-main ul li a {
        text-decoration: none;
        color: #FFFFFF;
        display:block;
        padding: 10px 20px;
    }

    .menu-main ul li.active a {
        color: #BC513C !important;
    }

    .menu-main ul li a:hover {
        text-decoration: none;
        color: #BC513C !important;
        background: #fff;
        display:block;
    }

    .menu-main ul li a i {
        color: #BC513C !important;
    }

    .menu-main ul li.active a i, .menu-main ul li a:hover i {
        color: #BC513C !important;
}


}


@media(min-width:768px) {

    
    .oplaty_suma{
        margin:0;padding:0;
        text-align:right;
    }

    .oplaty_suma span{
        font-size:1.285em;
    }
    
    #saldo {
        text-align: right;
    }

    #saldo h3 {
        margin-top:0;
        padding-top: 0;
    }


    .nad{
        display:none
    }

    .navbar-line-top {
        height: 5px;
        background: rgb(188, 81, 60);
        width:100%;
        margin: 0;
        padding:0;
    }

    .navbar-part-top{
        height: 150px;
    }

    .logo{
        padding:25px 0 0 30px;
    }


    .logo a.link{
        font-family: 'Exo', sans-serif;
        font-size: 1.714em;
        padding:18px 20px;
        line-height: 1.142;
        color: rgb(188, 81, 60);
        display:inline-block;
        text-decoration:none;
    }

    .logo2{
        display:none;
    }


    .navbar-part-menu{
        height:100%;
        /*height:6.071em;
		*/
        background: #E0E0E0;
        margin: 0;
        padding:0;
        position: relative;
    }

    .menu-second-color{
        position: absolute;
        background: #0A0B10;
        height: 2.785em;
        width: 100%;
        bottom:0;
        left:0;
    }

    .menu-main ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
        width: 100%;
        display: table;
    }

    .menu-main ul li { 
        display: table-cell;
        text-align: center;
        margin:0 auto;
    }

    .menu-main ul li a {
        text-decoration: none;
        padding:1em 0 0;
        margin:0 auto;
        color: #FFFFFF !important;
        display:block;
        width:80px;
    }

    .menu-main ul li a:hover, .menu-main ul li.active a {
        color:#BC513C !important;
    }
	
    .menu-main ul li a i {
        font-size:1.78em !important;
        display:block;
        text-align: center;
        width:100%;
        padding-bottom:0.8em;
        color:#0A0B10 !important;
    }

    .menu-main ul li a:hover i, .menu-main ul li.active i  {
        color:#BC513C !important;
    }

    body{
    background-color: #FFFFFF !important;
    }

}

.huge {
    font-size: 3.571em;
    line-height: normal;
}

/* Side Navigation */

@media(min-width:768px) {
    
	.menu_title {
	height:40px;
	display: table; 
	width:100%;
	}

	.menu_title_inner {
		display: table-cell; 
		vertical-align: middle;
	}

	
	
	body {
		
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;  
	}
	
	.quantityRecords{
         text-align: center;   
    }
    
    .side-nav {
        position: fixed;
        top: 131px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav > li > a {
        width: 225px;
        border-bottom: 1px solid rgba(0, 0, 0, 1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
        padding: 10px 0 10px 15px;
    }

    .side-nav > li.active > a {
        background-color: #008fc2 !important;
        color: #fff !important;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
    }

    .side-nav > li > a:hover
    {
        outline: none;
        background-color: #008fc2 !important;
        outline: none;
        box-shadow: none;
    }
}

.side-nav>li>ul {
    padding: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    border-left-width: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover,
.side-nav > li.active > ul> li.active > a{
    color: #fff;
}


.li-down > a{
    position:relative;
}

.li-down > a > i.down{
    position:absolute; 
    top:35%; 
    right:20px
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 2.857em;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.top-margin20 { 
    margin-bottom:20px; 
}

.login-top {
    height: 50px;
    padding: 15px 15px;
    font-size: 1.285em;
    line-height: 1.428em;
    color: #fff;
    background: #222;
}

.input_small {
    width:80px;
}


.color_blue{
    color:#31708f
}