body
{
    padding-top: 70px;
    background-color: #F0F0F0;
}


.renk
{
 background-color:Blue;    
}

.m0
{
    margin:0px;
}

.p0
{
     padding:0px;
}

.pl0
{
 padding-left:0px;    
}

.pr0
{
     padding-right:0px;
}

.ml0
{
    margin-left:0px;
}



.mr0
{
     margin-right:0px;
}


.dform
{

    background-color: #FFFFFF;
    border-radius: 11px 10px 10px 10px;
    -moz-border-radius: 11px 10px 10px 10px;
    -webkit-border-radius: 11px 10px 10px 10px;
    border: 1px solid #c7cecf;
}



/*
 * Off Canvas
 * --------------------------------------------------
 */
 
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer
{
    border-width: thin;
    border-color: inherit;
    position: absolute;
    bottom: 0;
    width: 100%; /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #222222;
    border-top-style: solid;
    border-right-style: inherit;
    border-bottom-style: solid;
    border-left-style: solid;
}