/* globalne */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 150%;
}

body {
    font-family: "Segoe UI", "Open Sans", Arial;
    font-size: 13px;
    /*background: rgba(0, 0, 0, 0.05);*/
    min-width: 1000px;
}



/* clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/* nagłówki */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
	font-family: "Open Sans", Arial;
}

p {
	padding: 5px 0px;
}


/* linki */
a img {
    border: none;
}

/* ikony */
i[class*='icon-'],
i[class^='icon-'] {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: url('../img/icons/sprite.png');
    margin-right: 6px;
}

i.icon-left  { margin-right: 6px; }
i.icon-right { margin-left: 6px; }
i.icon-none  { margin: 0; }

/* row 1 */
i.icon-folder           { background-position: -20px -20px; }
i.icon-database         { background-position: -40px -20px; }
i.icon-module           { background-position: -60px -20px; }
i.icon-arrow-asc        { background-position: -80px -20px; }
i.icon-relation         { background-position: -100px -20px; }
i.icon-trigger-disabled { background-position: -120px -20px; }

/* row 2 */
i.icon-table           { background-position: -20px -40px; }
i.icon-view            { background-position: -40px -40px; }
i.icon-key             { background-position: -60px -40px; }
i.icon-arrow-desc      { background-position: -80px -40px; }
i.icon-unique-key      { background-position: -100px -40px; }
i.icon-user-unique-key { background-position: -120px -40px; }

/* row 3 */
i.icon-function       { background-position: -20px -60px; }
i.icon-procedure      { background-position: -40px -60px; }
i.icon-chapter        { background-position: -60px -60px; }
i.icon-error          { background-position: -80px -60px; }
i.icon-trigger-active { background-position: -100px -60px; }
i.icon-user-relation  { background-position: -120px -60px; }

/* row 4 */
i.icon-user-key { background-position: -20px -80px; }

/* other */
i.icon-loader     { background: url('../img/icons/loader.gif'); }
i.no-margin { margin: 0px; }



/* grid */
.grid:before,
.grid:after {
    content: " ";
    display: table;
}

.grid:after {
    clear: both;
}

.grid {
    display: block;
    width: 100%;
}

.grid [class*='span'],
.grid [class^='span'] {
    display: block;
    float: left;
    overflow: hidden;
}

.grid.grid-padding [class*='span'],
.grid.grid-padding [class^='span'] {
    padding: 0 2%;
}

.grid .span0 { width: 0%; }
.grid .span1 { width: 8.333333333333333%; }
.grid .span2 { width: 16.66666666666667%; }
.grid .span3 { width: 25%; }
.grid .span4 { width: 33.33333333333333%; }
.grid .span5 { width: 41.66666666666667%; }
.grid .span6 { width: 50%; }
.grid .span7 { width: 58.33333333333333%; }
.grid .span8 { width: 66.66666666666667%; }
.grid .span9 { width: 75%; }
.grid .span10 { width: 83.33333333333333%; }
.grid .span11 { width: 91.66666666666667%; }
.grid .span12 { width: 100%; }

@media (max-width: 900px) {
    
    .grid [class*='span'],
    .grid [class^='span'] {
        display: block;
        overflow: auto;
        float: none;
        width: 100%;
    }
    
    .grid.grid-padding [class*='span'],
    .grid.grid-padding [class^='span'] {
        padding: 0 15px;
    }
    
}



/* przyciski */
.btn {
    display: inline-block;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    padding: 10px 16px;
}

.btn:hover {
    border-color: #aed3f3;
    background: #dcf1f9;
}



/* lista */
ol {
    list-style-position: inside;
    color: rgba(0, 0, 0, 0.7);
}

ol.raw {
	list-style-type: none;
}

ol li {
    padding: 6px 0;
}