@media (min-width: 992px){
    .typo-line{
        padding-left: 0;
        margin-bottom: 0;
        position: relative;
    }

    .typo-line .category{
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }
}
.typo-line p{
    font-size: 13px;
    margin: 0;
}
.bottom-10{
    margin-bottom: 10px !important;
}

.icon-section {
	margin: 0 0 3em;
	clear: both;
	overflow: hidden;
}
.icon-container {
	width: 240px;
	padding: .7em 0;
	float: left;
	position: relative;
	text-align: left;
}
.icon-container [class^="ti-"],
.icon-container [class*=" ti-"] {
	color: #000;
	position: absolute;
	margin-top: 3px;
	transition: .3s;
}
.icon-container:hover [class^="ti-"],
.icon-container:hover [class*=" ti-"] {
	font-size: 2.2em;
	margin-top: -5px;
}
.icon-container:hover .icon-name {
	color: #000;
}
.icon-name {
	color: #aaa;
	margin-left: 35px;
	font-size: .8em;
	transition: .3s;
}
.icon-container:hover .icon-name {
	margin-left: 45px;
}

.places-buttons .btn{
    margin-bottom: 30px
}
.sidebar .nav > li.active-pro{
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.sidebar .nav > li.active-pro a{
    background: rgba(255, 255, 255, 0.14);
    opacity: 1;
    color: #FFFFFF;
}

.table-upgrade td:nth-child(2),
.table-upgrade td:nth-child(3){
    text-align: center;
}

div.panel:first-child {
    margin-top:20px;
}

div.treeview {
    min-width: 100px;
    min-height: 100px;
    
    max-height: 256px;
    overflow:auto;
	
	padding: 4px;
	
	margin-bottom: 20px;
	
	color: #369;
	
	border: solid 1px;
	border-radius: 4px;
}
div.treeview ul:first-child:before {
    display: none;
}
.treeview, .treeview ul {
    margin:0;
    padding:0;
    list-style:none;
    
	color: #369;
}
.treeview ul {
    margin-left:1em;
    position:relative
}
.treeview ul ul {
    margin-left:.5em
}
.treeview ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    left:0;
    border-left:1px solid;
    
    /* creates a more theme-ready standard for the bootstrap themes */
    bottom:15px;
}
.treeview li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    font-weight:700;
    position:relative
}
.treeview ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree-indicator {
    margin-right:5px;
    
    cursor:pointer;
}
.treeview li a {
    text-decoration: none;
    color:inherit;
    
    cursor:pointer;
}
.treeview li button, .treeview li button:active, .treeview li button:focus {
    text-decoration: none;
    color:inherit;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.sb-main{padding-left: 20px;}
.sb-main a{color: #696763;}
.sb-main li{padding: 2px 0;}
.sb-main .sb1{margin-left: 0;}
.sb-main .sb2{margin-left: 12px;}
.sb-main .sb3{margin-left: 24px;}
.sb-main .sb4{margin-left: 36px;}
.sb-main .sb5{margin-left: 48px;}
.sb-main .sb6{margin-left: 60px;}

.card .form-group{
    margin-bottom: 1px;
}
.card .form-control{
    font-size: 13px;
    padding: 7px 12px;
}

#slider-sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#slider-sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 200px; height: 100px; font-size: 4em; text-align: center; }

.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
    height:100%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;

}
.caption h4{
    margin: 3px;
    margin-bottom: 10px;
}

.caption .btn{
    font-size: 10px;
    padding: 3px;
}
.gizle{
    display: none;
}

.menu_liste .avatar{
  width: 20px !important;
  height: 20px !important;
  border-radius: 10%;
  position: relative;
  margin-bottom: 3px;
}

.menu_liste .aciklama{
  line-height: 16px;
  vertical-align: middle;
}
.margin-20-0{
    margin:20px 0;
}

.m-20 {
    width: 20%;
}
.m-30 {
    width: 30%;
}
.m-40 {
    width: 40%;
}
.m-50 {
    width: 50%;
}
.m-60 {
    width: 60%;
}
.m-70 {
    width: 70%;
}
.m-80 {
    width: 80%;
}
.m-90 {
    width: 90%;
}
.m-100 {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .m-20,.m-30,.m-40,.m-50,.m-60,.m-70,.m-80,.m-90 {
        width: 100%;
    }
}