/* --------------------------------------------------------
--- B2 Yazilim A.S.
--- +90 (212) 320 7356
--- www.b2yazilim.com
--- info@b2yazilim.com
--------------------------------------------------------*/



/* GENERAL
--------------------------------------------------------*/
* { outline: none; }
body, html { width: 100%; height: 100%; }
body { margin: 0px; }
img { border: 0px; }


/* DEFAULT
--------------------------------------------------------*/
.ulReset { list-style-type: none; margin:0px; padding:0px; }
/*.ulReset > li { margin:0px; padding:0px; }*/
.clear { clear: both; }
.noWrap { white-space: nowrap; }
.hide { display: none; }
.hidden { visibility: hidden; }
.hideOpacity { opacity: 0; }
.show { display: inherit; }
.bold { font-weight: bold; }
.overflow { overflow: auto; }
.noSelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
    -moz-user-select: none; -ms-user-select: none; user-select: none; }
.tableReset { margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px; }
.tableReset > tbody > tr > td { padding: 0px; }


/* DIV TABLE
--------------------------------------------------------*/
.table { display: table; }
.table .row { display: table-row; }
.table .cell { display: table-cell; }
.noSpacing, .noSpacing div { border-collapse: collapse; border-spacing: 0px; }


/* WIDTH & HEIGHT
--------------------------------------------------------*/
.full, .full .row, .full .cell { width: 100%; height: 100%; }
.fullWidth, .fullWidth .row, .fullWidth .cell { width: 100%; }
.fullHeight, .fullHeight .row, .fullHeight .cell { height: 100%; }
.inheritWidth, .inheritWidth .row, .inheritWidth .cell { width: inherit; }
.inheritHeight, .inheritHeight .row, .inheritHeight .cell { height: inherit; }
.minWidth { width: 1% !important; }
.widthXSmall { width: 50px; }
.widthSmall { width: 100px; }
.widthMedium { width: 150px; }
.widthLarge { width: 200px; }
.widthXLarge { width: 250px; }
.widthXXLarge { width: 300px; }
.widthHuge { width: 500px; }
.widthXHuge { width: 700px; }
.widthXXHuge { width: 900px; }


/* DIRECTION
--------------------------------------------------------*/
.right { float: right; }
.left { float: left; }
.rightText { text-align: right; }
.leftText { text-align: left; }
.centerText { text-align: center; }
.center { margin: auto; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.rowHorizontal > li { display: inline-block; }
.rowVertical > li { display: block; }


/* MARGINS
--------------------------------------------------------*/
.marginLeft { margin-left: 5px; }
.marginRight { margin-right: 5px; }
.marginTop { margin-top: 5px; }
.marginBottom { margin-bottom: 5px; }
.marginFull { margin: 5px; }
.marginLeft2x { margin-left: 10px; }
.marginRight2x { margin-right: 10px; }
.marginTop2x { margin-top: 10px; }
.marginBottom2x { margin-bottom: 10px; }
.marginFull2x { margin: 10px; }
.marginLeft3x { margin-left: 15px; }
.marginRight3x { margin-right: 15px; }
.marginTop3x { margin-top: 15px; }
.marginBottom3x { margin-bottom: 15px; }
.marginFull3x { margin: 15px; }
.marginLeft4x { margin-left: 20px; }
.marginRight4x { margin-right: 20px; }
.marginTop4x { margin-top: 20px; }
.marginBottom4x { margin-bottom: 20px; }
.marginFull4x { margin: 20px; }


/* PANEL COLUMNS
--------------------------------------------------------*/
.column1, .column2, .column3, .column4, .column5, .column6, .column7, 
.column8, .column9, .column10, .column11, .column12 { float: left; }
.column12 { width: 100%; }
.column11 { width: 91.66666667%; }
.column10 { width: 83.33333333%; }
.column9 { width: 75%; }
.column8 { width: 66.66666667%; }
.column7 { width: 58.33333333%; }
.column6 { width: 50%; }
.column5 { width: 41.66666667%; }
.column4 { width: 33.33333333%; }
.column3 { width: 25%; }
.column2 { width: 16.66666667%; }
.column1 { width: 8.33333333%; }

@media (max-width: 780px) {
    .column1, .column2, .column3, .column4, 
    .column5, .column6, .column7, .column8, 
    .column9, .column10, .column11, .column12 { width: 100%; text-align: center; }
}


/* PADDINGS
--------------------------------------------------------*/
.noPadding { padding: 0px; }
.padding1 { padding: 1px; }
.padding2 { padding: 2px; } 
.padding3 { padding: 3px; } 
.padding4 { padding: 4px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding25 { padding: 25px; }
.padding30 { padding: 30px; }


/* FONT SIZE
--------------------------------------------------------*/
.fontSizeXXSmall { font-size: xx-small; }
.fontSizeXSmall { font-size: x-small; }
.fontSizeSmall { font-size: small; }
.fontSizeMedium { font-size: medium; }
.fontSizeLarge { font-size: large; }
.fontSizeXLarge { font-size: x-large; }
.fontSizeXXLarge { font-size: xx-large; }
.bold { font-weight: bold; }


/* CURBY
--------------------------------------------------------*/
.curbySmall {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.curby {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.curbyMedium {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.curbyLarge {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}


/* ANIMATE
--------------------------------------------------------*/
.animate {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


/* CURSOR
--------------------------------------------------------*/
.cursorPointer { cursor: pointer; }


/* HOVER
--------------------------------------------------------*/
.hover:hover { opacity: 0.9;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
}


/* POSITION
--------------------------------------------------------*/
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.static { position: static; }
.absoluteCenter { margin: auto; left: 0px; right: 0px; }
.absoluteMiddle { margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; }