/* Custom Css by Mahfooz */    

     /**********************/ 
    body {
        overflow: auto;
    }     
     
    h3 {
        font-size: 28px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 20px;
        margin-bottom: 30px;
    }     
     
     p,span {
        font-size:12px;
        line-height: 18px;
     }
     
     .font12 {
        font-size:12px;
        line-height: 18px;
     } 
     
     .font14 {
        font-size:1.1em;
        line-height: 18px;
     }         
     
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {   
      border-color: rgba(114, 118, 120, 0.8);
      /*box-shadow: 0 1px 1px rgba(114, 118, 120, 0.075) inset, 0 0 8px rgba(114, 118, 120, 0.6);*/
      outline: 0 none;
    }         
     
    .section-page {
        padding: 24px 0 21px;
    }
     
    .icon-color {
        /* color:rgb(199, 46, 0); */
        color:rgb(255, 82, 0);
    }

    .color-atrr {
        color:rgba(87, 90, 121, 0.6);
    }

    .header-link-atrr {
	font-size: 15px; 
	font-weight: 600; 
    }
     
    .bar-icon {
	font-size:15px; 
	color:#fff; 
	font-weight:400;
    }

    .no-panel-border {
	box-shadow: 0px 0px rgba(255, 255, 255, 0.92); 
    }

    .error-message,.alert-danger {
        background-color: #f2233b;
        border-color: #f2233b;
        color: #ffffff;
        padding:5px;
        margin-top:10px;
    }         
     
    .profile_sub_menu {
        padding: 5px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; 
        height:41px;        
    }     
     
    .btn {
        border-radius: 2px;
        padding: 3px 10px;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }     
    .btn-xs {
        font-size: 11px;
        padding: 4px 8px 3px;
    }
    
    .pagination > li > a {
        padding: 4px 9px;
    }   

    .pager li > .selected {
       background-color: #eee; 
    }         
    
    .pager li > a, .pager li > span {
	padding: 1px 10px;
	border-radius: 5px;
    }

    .pagination .current
     {
        float: left;
        padding: 1px 10px;
        color: #fff;
        cursor: default;    
        text-decoration: none;
        background-color: rgb(181, 67, 33);
        margin-right: 7px;
        border: 0 none;
        border-radius: 2px;    
    }           

    .insert-attr{
	background:#fff; 
	color:rgb(181,67,33); 
    }

    .spotlights-attr{
	font-size: 11px; 
	font-weight: bold; 
	color: #2DD1F9; 
    }

    /* Begin online offline avatar pin */

.avatar {
  position: relative;
}
.avatar i {
  position: absolute;

  right: -4px;
  bottom: 5px;
  width: 10px;
  height: 10px;
  margin: 2px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.avatar i.online {
  background-color: #68b828;
}
.avatar i.busy {
  background-color: #f2233b;
}
.avatar i.idle {
  background-color: #ffba00;
}
.avatar i.offline {
  background-color: #e5e5e5;
}

    /* Begin breadcrumb */
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 0;
  list-style: none;
  border-radius: 4px;
  height: 45px;
  line-height: 27px;
  background-color: #ff5200;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  font-family: 'fontawesome';
  content: "\f105";
  padding: 0 20px 0 0;
  color: #fff;
}
.breadcrumb > .active {
  color: #777777;
}

    /* Begin badge */
    .badge {
        background-color: #777777;
        border-radius: 12px;
        color: #ffffff;
        display: inline-block;
        font-size: 11px;
        font-weight: normal;
        height: 18px;
        line-height: 1;
        min-width: 10px;
        padding: 3px 6px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
        vertical-align: baseline;
        white-space: nowrap;
    }    
    
    .badge:empty {
      display: none;
    }
    .badge.badge-square {
      border-radius: 0;
    }
    .badge.badge-default {
      background-color: #c6c6c6;
    }
    .badge.badge-primary {
      background-color: #4e8ef7;
    }
    .badge.badge-success {
      background-color: #68b828;
    }
    .badge.badge-info {
      background-color: #40bbea;
    }
    .badge.badge-warning {
      background-color: #ffba00;
    }
    .badge.badge-danger {
      background-color: #f2233b;
    }
    .badge.amber {
      background-color: #BC0E07;
    }
    .badge.orange {
     background-color: #FE7317;
    }
    .badge.purple {
      background-color: #A71181;
    }
    .badge.pink {
      background-color: #de1771;
    }
    .badge.green {
      background-color: #3E7D25;
    }
    .badge.grey {
      background-color: #5e5b5e;
    }
    .badge.black {
      background-color: #2c2a2e;
    }
    .badge.white {
      background-color: #ffffff;
      color: #666666;
      border: 1px solid #e5e5e5;
    }
    .badge.ratings {
    background-image: linear-gradient(to bottom, #f55f18 0%, rgba(226, 165, 163, 0.51) 100%);
    background-repeat: repeat-x;
    box-shadow: 0 1px 1px rgba(57, 50, 53, 1);
    border-color: #080808;
    }
    .badge.ratings.plus {
    background-image: linear-gradient(to bottom, #ef4d01 0%, rgba(158, 12, 8, 0.08) 100%);
    background-repeat: repeat-x;
    box-shadow: 0 1px 1px rgba(57, 50, 53, 1);
    border-color: #080808;
    }
    .btn .badge {
      position: relative;
      top: -1px;
    }
    .btn-xs .badge {
      top: 0;
      padding: 1px 5px;
    }

    .profile-sub-menu .dropdown-menu > li > a {
        color: rgb(181, 67, 33);
        font-size: 12px;
        padding: 5px 20px;
    }    
    
    /* End badge */

    /* Begin slimScroll */
    .slimScrollDiv {
      float: left;
    }
    .slimScrollDiv .slimScrollBar {
      border-radius: 0 !important;
      right: 0 !important;
    }
    /* End slimScroll */
    
    /* Begin offcanvas */
    
    #site-wrapper {
      position: relative;
      width: 100%;
       margin-top: -30px;
    }
    
    #site-canvas {
      width: 100%;
      position: relative;            
      z-index: 20000;
    
    }    
    
    #site-menu {
      width: 100%;
      position: absolute;
      top: 44px;
      left: -350px;
      background: #303236;
      z-index: 20000;
    
    }        
        /* End offcanvas */  
        
    
    /**** Begin Profile page custom css *****************/
    
    .editor textarea{
        height:80px;border:1px solid red;
        background: url(../images/notepad.png) repeat-y;
          border-color: rgba(114, 118, 120, 0.8);
          box-shadow: 0 1px 1px rgba(114, 118, 120, 0.075) inset, 0 0 8px rgba(114, 118, 120, 0.6);
          outline: 0 none; 
          font-size:12px;
          color:rgb(181, 67, 33);
          margin:3px 0px 0px -4px; 
          padding:0px 0px 0px 6px; 
          width:100%;              
    }
    
    .editor :hover{
      /*	background: #FFFE5C; */      
    }    
    
    .status-message {
        background: #F4F4F4 none repeat scroll 0 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        line-height: 100%;
        margin: 15px 0 20px;
        padding: 6px 10px;
        position: relative;
        font-size:12px;
        line-height:18px;
    }    
    
    .card-page-main {
        background-color: #ffffff;
        border: 1px solid rgb(236, 226, 226);
        box-sizing: border-box;
        margin: 20px 0 0;
        padding: 0px 15px 15px;
    }
    
    .cover {
        position: relative;
        z-index: 10;
    }
    
    #profile_picture{
        margin-top: -188px;
        position:absolute;
    }
    
    .cover .profile-pic {
        position:relative;
        border: 1px solid rgba(41, 7, 7, 0.8);
        border-radius: 8px;
        box-sizing: content-box;
        max-height: 100%;
        max-width: 200px;
        width:200px;
        height:200px;
        margin-left:30px;
        z-index: 10000;
        
    }
    .cover img {
        max-width: 100%;
    	max-height: 300px;
    } 
    
    .cover .profile-btn {
        /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);*/
        bottom: 0;
        padding: 8px;
        position: absolute;
        right: 0;
        text-align: right;
        width: 76%;
    }
    
    .card {
        background-color: #ffffff;
        border: 0 none;
        box-sizing: border-box;
        margin: 0;
        padding-top: 15px;
    } 
    
    .card .card-heading {
        margin: 0;
        padding: 0 20px;
    }
    
    .text-pink {
        color: #de1771 !important;
    }    
        
    .card .card-heading.title {
        font-size: 16px;
        padding-bottom: 5px;
    }
    
    .card .card-heading.time {
        border-bottom: 1px solid #e5e5e5;
        color: #999999;
        font-size: 12px;
        padding-bottom: 15px;
    }
    
    .card .card-body {
        margin-top: 20px;
        padding: 0 20px;
    }
    
    .card .card-comments {
        background-color: #f8f8f8;
        margin: 0;
        padding: 20px;
    }
    
    .card .card-comments .comments-collapse-toggle a, .card .card-comments .comments-collapse-toggle span {
        color: #999;
        font-size: 12px;
        overflow: hidden;
        padding-right: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .card .card-heading.image img {
        border: 0 none;
        border-radius: 50%;
        display: inline-block;
        height: 46px;
        margin-right: 15px;
        vertical-align: top;
        width: 46px;
    } 
    
    .card .card-heading.image .card-heading-header h3 {
        color: #666666;
        font-size: 14px;
        line-height: 16px;
        margin: 0;
    }
    
    .text-success {
        color: #68b828 !important;
    }
    
    .card .card-heading.image .card-heading-header span {
        color: #999999;
        font-size: 12px;
    }
    
    .card .card-media img {
        max-height: 100%;
        max-width: 100%;
    }
    
    .card .card-actions {
        margin: 20px 0 0;
        min-height: 30px;
        padding: 0 20px 20px;
    }

    .leftBox{ float:left; width:30%; padding: 6px 6px; }
    .rightBox{ float:left; width:70%; }
     
    .leftBox2{ float:left; width:20%; margin-bottom:5px; }
    .rightBox2{ float:left; width:80%; margin-bottom:5px; }  
    
    .leftBox3{ float:left; width:7%; padding:1px 0px 5px 1px; }
    .rightBox3{ float:left; width:93%; } 
    
    .leftBox4{ position:relative;float:left; width:13%; }
    .rightBox4{ float:left; width:87%; } 
    
    .leftBox5{ float:left; width:30%; padding: 6px 6px; }
    .rightBox5{ float:left; width:70%; }             
    
    .leftBox6{ position:relative;float:left; width:15%; }
    .rightBox6{ float:left; width:85%; } 
    
    .leftBox7{ position:relative;float:left; width:30%; }
    .rightBox7{ float:left; width:70%; } 
    
    .leftBox8{ position:relative;float:left; width:65%; }
    .rightBox8{ float:left; width:35%; }  
    
    .leftBox9{ position:relative;float:left; width:50%; }
    .rightBox9{ float:left; width:50%; }  
    
    .box9{ /* margin-left: 10px; */ width:400px; height: 240px;border: 1px solid #2F2E2F;}       
    
    .searchBoxLeft{float: left; width: 300px; }
    .searchBoxRight{float: left; }  

    .title-box {
    	color: #fff;
    	text-rendering: optimizelegibility;
    	text-shadow: 0 0 5px rgba(0, 0, 0, 0.99);
    	font-size: 1.5em; 
    	font-weight: bold; 
    }

    /** facebook like wall script css **/

    /** replaced padding: 20px 0 20px; **/

    .timeline {
      list-style: none;
	  padding: 0px;
      margin-bottom:0px;
    }

    .timeline-cover-name {
    	color: #fff;
    	text-rendering: optimizelegibility;
    	text-shadow: 0 0 5px rgba(0, 0, 0, 0.99);
    	font-size: 1.5em; 
    	font-weight: bold; 
    }

    .vip-cover-name {
    	color: #fff;
    	text-rendering: optimizelegibility;
    	text-shadow: 0 0 5px rgba(0, 0, 0, 0.99);
    	font-size: 1.7em; 
    	font-weight: bold; 
    }

    .timeline-cover-friend-request, .timeline-cover-settings, .timeline-cover-description {
    	color: #FF6600;
    	text-rendering: optimizelegibility;
    	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.99);
    	font-size: 1.2em; 
    	font-weight: normal; 
	    letter-spacing: 1px;
    }

    .profile-cover {
    	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
      	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);  	
    }

    /** removed margin-bottom: 20px; **/

    .timeline > li {
	position: relative;
    }


    .timeline > li > .timeline-panel {
	/*border: 1px solid #d4d4d4;*/
	position: relative;
	/* -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
	/* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
    }
    
    .timeline-title {
      	margin-top: 0;
      	color: inherit;
    }
    .timeline-body > p,
    .timeline-body > ul {
        padding:20px;
        margin-bottom: 0;
    }
    .timeline-body > p + p {
      	margin-top: 5px;
    }
    .timeline-footer{
        padding:10px;
        background-color:#f4f4f4;
    }
    .timeline-footer > a{
        cursor: pointer;
        text-decoration: none;
    }
    .timeline-header{
        padding:10px;
        background-color:#f4f4f4;
    }
    
    .post-options {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: #f0f0f0 none repeat scroll 0 0;
        border-color: -moz-use-text-color #ccc #ccc;
        border-image: none;
        border-style: none solid solid;
        border-width: 0 1px 1px;
        padding: 3px 12px;
        position: relative;
    }
    
     .timeline-body{background-color: #f5f5f5;}    
    
    /* facebook share box */
    .facebook-share-box {
        width: 100%;
    }
    
    .facebook-share-box .share-form{
    	/* padding: 2%; */
	padding: none; 
    }

    .facebook-share-box .share {
        -webkit-transition: 0.1s ease-out height;
        -moz-transition: 0.1s ease-out height;
        -ms-transition: 0.1s ease-out height;
        -o-transition: 0.1s ease-out height;
        transition: 0.1s ease-out height;
        clear: both;
        background: white;
        border: 2px solid #dddddd;
       /* margin-bottom: 10px; */
        position: relative;
    }
    
    .facebook-share-box .share .arrow {
        background: url(../../img/up-arrow.png) no-repeat #f5f5f5;
        position: absolute;
        width: 14px;
        height: 10px;
        left: 25px;
        display: inline;
        top: -7px;
        -webkit-transition: 0.3s ease-out all;
        -moz-transition: 0.3s ease-out all;
        -ms-transition: 0.3s ease-out all;
        -o-transition: 0.3s ease-out all;
        transition: 0.3s ease-out all;
    }
    
    .facebook-share-box .post-types li a {
        color: #085083;
        text-decoration: none;
    }
    
    .facebook-share-box .post-types li a.active {
        color: #404040;
    }
    
    .facebook-share-box .post-types {
        padding-left: 5px;
    }
    
    .facebook-share-box ul {
        list-style: none;
        margin-bottom: 9px;
        background-color: #f5f5f5;
    }
    
    .facebook-share-box .post-types li {
        display: inline;
        margin-right: 10px;
        opacity: 0.4; 
    }
    
    .facebook-share-box .post-types li.active {
       opacity: 1; 
    }    
    
    .facebook-share-box input[type="text"] {
      border: none;
    }
    
    .facebook-share-box .message{
      /* border: none; */
        border: 1px solid #ccc;
        margin: 0;
        padding: 7px 8px;
        resize: none;
        width: 100%;  
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;    
    }
	input[type="file"] {
    		display: block;
    		padding: 6px 12px 35px 5px;
	}
    #webLink
    {
    }

    #weblink_canvas
    {        
        padding:12px;
        background-color: #e5e3df;
    }    
    
    .extract_url {
    	font-size: 11px;
    	width: 500px;
    	min-height:100px;
    }
    .get_url_input {
    	width: 100%;
    	border: 1px solid #8E9CA4;
    	height: 25px;
    	padding-left: 10px;
    	font-family: Arial, Helvetica, sans-serif;
    	padding-right: 30px;
    	min-height: 50px;
    }
    .extracted_thumb {
    	/*float: left;*/
    	margin-right: 10px;
        width: 400px;
        margin: 0 auto;
    }
    
    #loading_indicator{
    	position: absolute;
    	margin-left: 480px;
    	margin-top: 8px;
    	display:none;
    }


    .thumb_sel {
    	float: left;
    	height: 22px;
    	width: 55px;
    }
    .thumb_sel .prev_thumb {
    	background: url(../images/thumb_selection.gif) no-repeat -50px 0px;
    	float: left;
    	width: 26px;
    	height: 22px;
    	cursor: hand;
    	cursor: pointer;
    }
    .thumb_sel .prev_thumb:hover {
    	background: url(../images/thumb_selection.gif) no-repeat 0px 0px;
    }
    .thumb_sel .next_thumb {
    	background: url(../images/thumb_selection.gif) no-repeat -76px 0px;
    	float: left;
    	width: 24px;
    	height: 22px;
    	cursor: hand; 
    	cursor: pointer;
    }
    .thumb_sel .next_thumb:hover {
    	background: url(../images/thumb_selection.gif) no-repeat -26px 0px;
    }
    .small_text{
    	font-size: 10px;
    }    
    
    
    /********/
    
    .left-arrow {
    	position: relative;
    	background: #fff;
    	padding: 10px;
    }
    .left-arrow:after {
    	content: '';
    	display: block;  
    	position: absolute;
    	right: 100%;
    	top: 50%;
    	margin-top: -10px;
    	width: 0;
    	height: 0;
    	border-top: 10px solid transparent;
    	border-right: 10px solid #fff;
    	border-bottom: 10px solid transparent;
    	border-left: 10px solid transparent;
    }   
    
    .right-arrow {
    	position: relative;
    	background: #fff;
    	padding: 10px;
    }
    .right-arrow:after {
    	content: '';
    	display: block;  
    	position: absolute;
    	left: 100%;
    	top: 50%;
    	margin-top: -10px;
    	width: 0;
    	height: 0;
    	border-top: 10px solid transparent;
    	border-right: 10px solid transparent;
    	border-bottom: 10px solid transparent;
    	border-left: 10px solid #fff;
    }    
        
    
    .modal-lg {
        width: 1100px;
    }    
    
    #Rating{margin-left:10px;}
    #Rating img{
        width:16px;
        height:16px;
        margin: -2px 0 0 2px; 
        font-size: 12px; 
        font-weight: normal; 
        text-align: left; 
    }
    
    .post {
        display: inline-block;
        width: 100%;
    }
    
    .post-content {
        left: 188px;
        bottom: 11px;        
        position: absolute;
        font-weight: bold;
        color:#fff;
    }        
    
    .media > .pull-left {
        margin-right: 10px;
    }    
    
    .media, .media-body {
        overflow: visible;
    }
    
    .media-header {
        margin-bottom: 5px;
    }
    

	/* margin-bottom: 10px; CHANGED to 1  */
    .comments .text-post, .post .media-body p {
        margin-bottom: 1px;
    }
    
    .img-popup {
        margin: 0 10px 10px 0;
        position: relative;
    }
    
    .img-popup > i {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 22px;
    color: #000;
    font-size: 14px;
    height: 28px;
    left: 50%;
    margin: -14px 0 0 -14px;
    opacity: 0;
    padding-top: 7px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: opacity 300ms ease 0s;
    width: 28px;
    z-index: 200;
    }
    
    .photo-show-navi{
        position: absolute;z-index: 1000; /* width:100%;top:20%; */
    }
    .photo-show-navi-modal{
        position: absolute;z-index: 1000;width:100%;top:41%;
    }    

/*** Aded to Photos Navigation Popup,...  Name or Title to Display ***/

    .photo-show-navi-title {
	margin: 0;
	padding: 0 12px 12px 12px;
	color: #FFFFFF;
	font-size: 1em;
	line-height: 1.2em;
	text-align: left;
	text-shadow: 1px 1px 2px #000;
    }
    .photo-show-navi-content-font {
	font-family: 'Oswald', 'sans-serif';
    }
    .photo-show-navi-content-color {
	color: #FFFFFF !important;
    }


/*** Aded for Photos Navigation Show ***/

    .icon-angle-left {
	padding: 0px;
	color: rgb(245, 251, 245);
	font-size: 100px;
	line-height: 2;
	text-align: left;
	text-shadow: 1px 1px 2px #000;
    }

    .icon-angle-right {
	padding: 0px;
	color: rgb(245, 251, 245);
	font-size: 100px;
	line-height: 2;
	text-align: left;
	text-shadow: 1px 1px 2px #000;
    }

    .icon-arrow-left {
	padding: 0px;
	color: rgb(245, 251, 245);
	font-size: 25px;
	line-height: 2;
	text-align: left;
	text-shadow: 1px 1px 2px #000;
    }

    .icon-arrow-right {
	padding: 0px;
	color: rgb(245, 251, 245);
	font-size: 25px;
	line-height: 2;
	text-align: left;
	text-shadow: 1px 1px 2px #000;
    }


    .image-post {
        display: block;
        max-width: 100%;
    }  
    
    .center-block-height {
        float:none;
        text-align: center;
       /* position: relative; */	
        /** height:580px; **/
    }
    .photo-show{border: 1px solid #2F2E2F;}  
    
    .center-block-height-modal {
        text-align: center;
        height:600px;
       	position: relative;	     
    }        
    .photo-show-modal{height:500px;border: 1px solid #2F2E2F;}
    
    /* Tag css */
    .removeTag{
        cursor: pointer;
    }   
    
    #tagbox
    {
    	position: absolute;
        z-index:101;
    	/*border: 1px solid #D7C7C7;*/
    }      
    
    #tagit
    {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 127px;
        z-index:101;
    	/*border: 1px solid #D7C7C7;*/
    }
    #tagit .box
    {
    	border: 1px solid #F10303;
    	width: 60px;
    	height: 60px;
    	float: left;
    }
    #tagit .name
    {
    	float: left;
    	/*background-color: #333;*/
        background: rgba(51,51,51, 0.8);
        opacity: 0.9;
    	width: 127px;
    	height: 60px;
    	padding: 3px;
    	font-size: 10pt;
        cursor: move;
    }
    #tagit DIV.text
    {
    	margin-bottom: 5px;
    }
    #tagit INPUT[type=text]
    {
    	margin-bottom: 2px;
        margin-top:2px;
        height:20px;
    }
    #tagit #tagname
    {
    	width: 110px;
    }  
    
    .tagview
    {
    	/*border: 1px solid #F10303;*/
    /*	width: 60px;
    	height: 88px; */
    	position: absolute;
    /*display:none;*/
    	opacity: 0;
    	color: #FFFFFF;
    	text-align: center;
    }
    .square
    {
    	display: block;
    	height: 60px;
    }
    .person
    {
    	background: #282828;
    	/*border-top: 1px solid #F10303;*/
        padding:0px 5px 0px 5px;
        font-size:12px;
    }       
    /* Tag css ends */   
    
    .post-show-meta {
        /* background: #F4F4F4 none repeat scroll 0 0; */
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        line-height: 100%;
        margin: 15px 0 12px;
        padding: 6px 5px 3px 0px;
        position: relative;
    }       
    
    .media-footer {
        /* background: #F4F4F4 none repeat scroll 0 0; */
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        line-height: 100%;
        margin: 15px 0 12px;
        padding: 10px 5px 3px 10px;
        position: relative;
    }
    
    .post .media .media {
        border: 0px solid #ccc;
        margin: 10px 0 0;
        padding: 10px;
        background-color:#FAFAFA;
    } 
    
    .media > .pull-left {
        margin-right: 10px;
    }
      
	/** Border Color rgb(99, 34, 36) replaced to rgba(0, 0, 0, 0.2); **/
    
    .media-object, .poster-pic {
        background: #fff none repeat scroll 0 0;
        box-shadow: 1px 1px 2px rgb(99, 34, 36);
        box-sizing: content-box;
        padding: 3px;
        width: 45px;
    }
    
    .media-object, .poster-pic-55 {
        background: #fff none repeat scroll 0 0;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        box-sizing: content-box;
        padding: 3px;
        width: 55px;
    }
    
    .post [class*="post-"] {
        /* margin-right: 15px; */
    }
    
    .msg-profile{
        height: 350px;
        overflow-y:scroll;
    
    }    
    
	/* margin: 20px 35px; CHANGED */
    .divider {
        background: #ccc none repeat scroll 0 0;
        box-shadow: 0 1px 0 #fff;
        height: 1px;
        margin: 10px 35px 10px 35px;
    }

    kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #77767D;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    }


	/* height: 80px; CHANGED to 51  */
    .text-post {
        border: 1px solid #ccc;
        height: 51px;
        margin: 0;
        padding: 7px 8px;
        resize: none;
        width: 100%;
    }
    
    .add-comment {
        display: none;
    }    
    
    .media-footer .post-comment {
        margin-left: 0;
    }      
    
    .media-footer .post-comment:hover {
        color: #164d7e;
        cursor: pointer;
    }
    
    .center-block {
        float:none;
        text-align: center;
    }                          
    
    /**************/                             
    
    /*Custom*/
    .mg-top{
      margin-top: 10%;
    }
    .map_canvas{
      height: 150px;
    }
    .videowrapper {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }
    .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .timeline.affix {
      width: 33%;
    }
    
    /* profile menu  start */
    
    /**  Top Actions  **/
    
    
    div.top_actions {
    	float: left;
    	width: auto;
    }
    
    div.top_actions ul {
    	float: left;
    	margin: 0;
    	padding: 0;
    }
    
    div.top_actions li {
      	float: left;
    	margin: 0;
    	list-style-type: none;
    	white-space: nowrap;
    	padding: 0;
    	text-align: center;
        margin-right:5px;
    }
    
    div.top_actions ul li a {
    	font-weight: normal;
    	font-size:12px;
    	clear: both;
    }
    
    div.top_actions ul li a:hover {
    	text-decoration: underline;
    }
    
    div.top_actions ul li a {
    /*  	float: left;
    	font-weight: normal;
    	font-size: 12px;
    	padding: 0 4px;
        margin-right:5px;
    	background:#CCD9DB;
    	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#CCD9DB));
    	background-image: -moz-linear-gradient(top, #f4f4f4, #CCD9DB);
    	-webkit-border-radius:6px;
    	-moz-border-radius:6px;
    	border-bottom: none;
    	border-radius:6px;
    	text-decoration:none;
    	text-shadow: #10E1FA 0px 1px 0px;
    	min-width: 0;
        */
    }
    
    div.top_actions ul li a:hover {
       /* background:#f4f4f4;
        text-decoration: none;
            color: rgb(181,67,33);
      	float: left;
    	
    	background: -webkit-gradient(linear, left top, left bottom, from(#7CEDFA), to(#6D84B4));
    	background-image: -moz-linear-gradient(top, #7CEDFA, #6D84B4);
        */
    }
    
    /**  End Top Actions  **/


    /**  Submit Buttton Actions  **/
    
    .btn-pill {
        background-color: #383F4C;
        border-radius: 15px;
        box-shadow: 0.5px 0.866px 1px 0 #d0cfcc;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        height: 32px;
        padding: 6px 11px 6px 5px;
        text-decoration: none;
    }  
    
    .btn-pill:hover {
        background: #B54321 none repeat scroll 0 0;
        color: #fff;
        text-decoration: none;
    }
    
    .btn.btn-labeled .btn-label {
        background: #B54321;
        display: inline-block;
        left: -10px;
        padding: 3px 9px;
        position: relative;
    } 
    
    .btn.btn-link {
        background-color: #A4211D;
        border-color: #A4211D;
        color: #ffffff;
        font-size:11px;
    }
    
    .btn.btn-link:hover {
        background-color: #B54321;
    }    
    
    .btn.btn-labeled {
        padding-bottom: 0;
        padding-top: 0;
    }       
    
    /*.btn-pill:hover i,.badge {
        background: #383F4C none repeat scroll 0 0;
        color: #28b78d;
    }
    
    .btn-link i,.badge {
        background: #B54321 none repeat scroll 0 0;
        border-radius: 15px;
        color: #fff;
        margin-right: 5px;
        margin-left: 2px;
        padding: 3px;
    } */         
    
    .portfolio-middle {
        position: absolute;
        right: 7px;
        top: 42%;
        transform: translateY(-50%);
    }    
    

    .portfolio-left {
        position: absolute;
        top: 42%;
        transform: translateY(-50%);
    }    
        
    .portfolio-right {
        position: absolute;
        right: 7px;
        top: 42%;
        transform: translateY(-50%);
    }    
    
    
    div.button_actions {
    	float: left;
    	width: auto;
    }
    
    div.button_actions ul {
    	float: left;
    	margin: 0;
    	padding: 0;
    }
    
    div.button_actions li {
      	float: left;
    	margin: 0;
    	list-style-type: none;
    	white-space: nowrap;
    	padding: 0;
    	text-align: center;
    }
    
    div.button_actions ul li a {
    	font-weight: normal;
    	font-size: 1.2em;
    	display: block;
    	clear: both;
    }
    
    div.button_actions ul li a:hover {
    	text-decoration: underline;
    }
    
    div.button_actions ul li a {
      	float: left;
    	font-weight: normal;
    	font-size: 1.2em;
    	padding: 4px 9px;
    	background:#f4f4f4;
    	background: -webkit-gradient(linear, left top, left bottom, from(#DADFE8), to(#DADFE8));
    	background-image: -moz-linear-gradient(top, #DADFE8, #DADFE8);
    	color: #000;
    	border:1px solid #aaac62;
    	-webkit-border-radius:8px;
    	-moz-border-radius:8px;
    	border-radius:8px;
    	text-decoration:none;
    	text-shadow: #D9DCDF 0px 1px 0px;
    	min-width: 0;
    }
    
    div.button_actions ul li a:hover {
      	float: left;
    	background: #ECEDF5;
    	background: -webkit-gradient(linear, left top, left bottom, from(#ECOOF5), to(#ECEDF5));
    	background-image: -moz-linear-gradient(top, #ECOOF5, #ECEDF5);
    }

    /**  End Submit Button Actions  **/ 
    
    div#profile_menu {
    	float: right; text-align: left;
    }
    
    div#profile_menu div#pwrapper {
    	float: right; text-align: left; width: auto;
    }
    
    div#profile_menu div#lwrapper {
    	float: left; text-align: left; width: auto;
    }
    
    .sliding_parent{
       position: relative; 
       text-align: left;
    }
    
    .sliding_parent a{font-size:12px;}    
    
    .sliding_ab_child {
      display:none;
      position: absolute;
      border: solid 1px #aaa; 
      padding: 8px 12px 9px 13px; 
      margin: 9px 0px 0px 0px;
      background-color:#FFFFFF;
      -moz-border-radius: 6px;
      z-index: 200;
    }
    
    .sliding_ab_child ul li{
        width:100%; 
        text-align: left;
        margin:0px;
    }    
    
    div#profile_bar {
      float: left;
      display:none;
      position: absolute;
      border: solid 1px #aaa; 
      width: 250px;
      padding: 8px 12px 9px 13px; 
      margin: 9px 0px 0px 0px;
      left:-205px;
      background-color:#FFFFFF;
      -moz-border-radius: 6px;
      z-index: 200;
    }
    
    
    div#photo_bar {
      float: left;
      display:none;
      position: relative;
      border: solid 1px #aaa; 
      width: 995px;
      height: auto;
      padding: 20px 20px 10px 20px; 
      margin: 10px 0 0 0;
      background-color:#FFFFFF;
      z-index: 2000;
    }
    
    
    div#profile_bar ul {
      	float: left;
      	display: block;
      	text-decoration: none;
    	margin: 0;
    	padding: 0;
    	text-align: left;
      	font-size: 12px;
      	font-weight: bold;
    }
    
    
    div#profile_bar li {
      display: block;
      text-decoration: none;
      line-height: 20px;
    }
    
    
    .photo_privacy {
      float: left;
      display:none;
      position: absolute;
      border: solid 1px #aaa; 
      width: 80px;
      height: 50px;
      padding: 20px; 
      margin: 0 0 0 565px;
      background-color:#FFFFFF;
      z-index: 200;
    }
    
    .objectHead{
        float: left; text-align: left; font-size: 13px; font-weight: normal; margin: 0px; width:93%;
    } 
    .objectHeadLeft{
        float: left; text-align: left; font-size: 13px; font-weight: normal; margin-top: 5px;
    }
     .objectHeadRight{
        float: right; font-size: 12px; width: auto; font-weight: normal; text-align: right; margin: 9px 2px 0;
     }
     
     .photosliding{        
        width:150px;right:0px;margin-top: 2px;padding:5px 2px 5px 0; box-shadow: 0 3px 6px rgba(57, 50, 53, 0.5);            
     }   
    
    
    /* profile menu end */
    
    .clr{clear:both;}
 
    
    /* photos sub_menu start */
    
    .sub_menu {
      float: left;
      display:none;
      position: absolute;
      border: solid 1px #dedede; 
      border-top-color: #f0f0f0;
      border-right-color: #999999; 
      border-bottom-color: #999999; 
      padding:10px; 
      margin: 5px 0 0 400px;
      width:120px; 
      background:#FFFFFF;
      -moz-border-radius: 6px;
      z-index: 1000;
    }
    
    .sub_menu a:link, .sub_menu a:visited, .sub_menu a:hover {
      display:block; 
      font-size: 11px; 
      padding: 4px;
    }
    
    
    /* photos sub_menu end */
    
	/* Portfolio Hover effects */        
    
    .photo_empty_box{
        
        border: 1px solid #ECECEC;
        height:212px;
        width:100%;
        padding: 45% 14%;
        text-align: center;
        margin:0px;    
        line-height:30px;  
        font-size:25px;          
        
    }
    
	.view {
		overflow: hidden;
		position: relative;
		width:100%;
		/*height:100%;*/
	}
	.view .mask {
	    position: absolute;
	    overflow: hidden;
	    display:block;        
	    top:153px;
	    left: 0;
	    right:0;
        height:30px;
	    background-color: rgba(128,128,128, 0.7);
	    padding:10px;
	    opacity: 0;
	    -webkit-transition: all 0.3s ease-in 0.4s; transition: all 0.3s ease-in 0.4s;
        z-index: 400;
        color:#fff;
	}
    .view .mask2{
        top:207px;
    }
    .view .mask-video{
        top:89px;
    }    
    .video-link-attr{
	font-size:14px; 
	font-weight: 400; 
	padding: 0px;
        color:#1229a0;
    }    
    .view .mask3{
        top:0px;
    }   
    .view .mask4{
        top:177px;
    }  
	.view:hover .mask,
	.view:focus .mask {
	   opacity: 1;
	   -webkit-transition-delay: 0s; transition-delay: 0s;
	}
    
    .mask3 a{
        color:#fff;
        font-size:12px;
    }
    .mask,.mask2,.mask3 a:hover{
        background-color:#fff;
        color:rgb(181, 67, 33);
        padding:2px 3px;
        border-radius: 4px;        
    }
    
    .image-content{
        height:150px;
    }    
    
    .no-paddiing{padding-left:3px;}
    
    .compact-paddiing {
        padding-left: 0;
        padding-right: 4px;
    }    
    
    .portfolio-el {
        /*margin: 0;
        padding: 0;*/
        overflow: hidden;        
        position: relative;
    }    
    
	/* Image */
	.view img {
        /*height:190px; */
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
	}    
    
	/* Title */
	.view .project-title {
		font-family:"Montserrat",sans-serif;
	   	color: #dedee4;
	   	position: relative;
	   	font-size: 14px;
	   	font-weight:400;
	   	opacity: 0;
	   	margin-bottom:15px;
	    -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3);
	    -webkit-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s;
	}
    
    /* Colorize css */
    .adipoli-wrapper
    {
        margin:auto;
        position:relative;
        display: inline-block;
    }
    .adipoli-wrapper>img
    {
        position: absolute;
        z-index: 1;
    }
    .adipoli-before
    {
        position: absolute;
        z-index: 5;
    }
    .adipoli-after
    {
        position: absolute;
        z-index: 10;
    }
    .adipoli-slice {
        display:block;
        position:absolute;
        height:100%;
    }
    .adipoli-box
    {
        display:block;
        position:absolute;        
    }
    /* Colorize css */        
    
    
    /* photos, manage_photos, friends, blogs index */
    
    .shop-product {
        border-radius: 0;
        margin-bottom: 19px;
        overflow: hidden;
        position: relative;
    }
    
    .shop-description {
        color: #666672;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 20px;
        margin-bottom: 0;
        padding: 8px 10px 0;
        text-align: center;
        text-transform: capitalize;
        transition: all 0.3s ease-out 0s;
    }        
    
    div#photos, div#shared_photos, div#manage_photos, div#friends, div#top_blogs, div#blogs, div#top_groups, div#groups, div#top_dbas, div#dbas, div#top_videos, div#videos, div#top_musics, div#musics, div#top_classifieds, div#classifieds, div#top_jokes, div#jokes, div#top_recipes, div#recipes, div#gifts {
      float: left;
      padding: 5px 0 5px 0;
      display: block; 
      overflow: hidden;
      text-align: center;
    }
    
    
    div#photo_show {
      float: left;
      width: 685px;
      margin: 10px auto 5px auto;
      padding: 5px 0 5px 0;
      display: block; 
      overflow: hidden;
      text-align: center;
    }
    
    
    div#shared_photos div.entry {
      float: left;
      width: 155px;
      margin: 5px 3px 5px 6px;
      padding: 2px;
      display: block; 
      overflow: hidden;
      text-align: center;
    
    }
    
    
    div#photos div.entry {
      float: left;
      width: 155px;
      margin: 5px 3px 5px 6px;
      padding: 2px;
      display: block; 
      overflow: hidden;
      text-align: center;
    
    }
    
    div#manage_photos div.entry, div#friends div.entry {
    	border-bottom: 1px dotted #aaa;
    	border-right: 1px dotted #aaa;
      	display: block; 
      	overflow: hidden;
      	margin: 6px 0px 6px 0px;
    
    }    
      
    /*************************************/                                                                     
    
    
    /****************Sidebar menu**************************/
    
    .page-sidebar {
        width: 100%;
    }    

    .sidebar .sidebar-menu {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    
    .sidebar .sidebar-menu > li {
        margin: 0;
        padding: 0;
    } 
    
    .page-sidebar .sidebar ul.sidebar-menu li > a {
        background-color: #ffffff;
        color: #0c082c;
    }
    .sidebar .sidebar-menu > li > a {
        display: block;
        padding: 10px 15px;
    }
    
    .sidebar .sidebar-menu > li > a > i[class*="fa-"], .sidebar .sidebar-menu > li > a > i[class*="glyphicon-"], .sidebar .sidebar-menu > li > a > i[class*="icon-"] {
        color: #112ef4;
        font-size: 15px;
        margin-right: 15px;
        opacity: 0.7;
    }
    
    .page-sidebar .sidebar ul.sidebar-menu li.active > a {
        background-color: #770505 !important;
        color: #ffffff;
    }
    .page-sidebar .sidebar ul.sidebar-menu li > a {
        background-color: #ffffff;
        color: #0c082c;
    }
    
    .page-sidebar .sidebar ul.sidebar-menu li ul.nav-second-level li > a {
        background-color: #e7e8f2;
    }
    .page-sidebar .sidebar ul.sidebar-menu li > a {
        background-color: #ffffff;
        color: #0c082c;
    }
    
    .sidebar-title a{
	color: rgb(20, 22, 31);
    }

    .small-style-link {
	color: #9C9CA2; 
	float:right; 
	font-size:11px;
    }

    .sidebar-post h5 {
        margin-bottom: 0;
    }  
  
    .sidebar-post {
	clear: both;
	margin-bottom: 0px;
    }

    .sidebar-posts img {
	width: auto;
	height: auto;
    }

    .sidebar-post .image-post {
	float: left;
	width: 120px;
	height: 120px;
	border-radius:2px;
	overflow:hidden;
	display: block;
	position:relative;
    }


    .sidebar-post .info-post span {
        color: #778;
        font-size: 11px;
    } 
    
     .sidebar-widget,.post a{
        font-size:12px;
        line-height: 18px;        
     }
     
    .sidebar-widget h3{
        text-align: right;
        color:blue;
    } 

    .adbar h3 a{
        color:#9a9caf;
        font-size: 12px;
    } 
    
    .adbar .br-bottom::after {
        border-top: 2px solid rgb(255, 82, 0);
        content: "";
        display: block;
        height: 1px;
       /* margin: 6px 228px 10px; */
       margin: 0px; 
        width: 35px;
       /* right:0px; */
    }
    
    /* settings page*/
    
    .nav-tabs.vertical > li > a 
    {
        border-left: 0px solid rgb(181, 67, 33);
        border-radius: 0;
        border-top: medium none;
    }
    

    /* background-color: #fff; color: rgb(181, 67, 33); are CHANGED */
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #FE7317;
	color: rgb(255, 255, 255);
    } 
    
    .nav-tabs.vertical > li.active > a, .nav-tabs.vertical > li.active > a:hover, .nav-tabs.vertical > li.active > a:focus {
        border-left: 6px solid #555557;
	    padding:12px 20px;
        border-top: medium none;
    }
    
    ul.dropdown-menu-notify .menu-alert-sidebar span{
        color:#fff;
        background-color:#575C65;         
        border-radius: 12px;
        padding:5px;
        width:25px;
        height:25px;
        text-align:center;
    }    
    
    .sign-in-area {
        background-color: #fff;
        border-radius: 5px;
        margin-bottom: 0px;
        padding: 0px;
        display: block;
        top: 0px;
    }
    
    table .product img {
        height: 80px;
        margin-right: 25px;
        width: 80px;
    }                                  
                                    
    
    /******************************************/              
    

    /** Debugging **/
    pre {
    	color: #000;
    	background: #f0f0f0;
    	padding: 1em;
    }
    pre.cake-debug {
    	background: #ffcc00;
    	font-size: 120%;
    	line-height: 140%;
    	margin-top: 100px;
    	overflow: auto;
    	position: relative;
    }
    div.cake-stack-trace {
    	background: #fff;
    	color: #333;
    	margin: 0px;
    	padding: 6px;
    	font-size: 120%;
    	line-height: 140%;
    	overflow: auto;
    	position: relative;
    }
    div.cake-code-dump pre {
    	position: relative;
    	overflow: auto;
    }
    div.cake-stack-trace pre, div.cake-code-dump pre {
    	color: #000;
    	background-color: #F0F0F0;
    	margin: 0px;
    	padding: 1em;
    	overflow: auto;
    }
    div.cake-code-dump pre, div.cake-code-dump pre code {
    	clear: both;
    	font-size: 12px;
    	line-height: 15px;
    	margin: 4px 2px;
    	padding: 4px;
    	overflow: auto;
    }
    div.cake-code-dump span.code-highlight {
    	background-color: #ff0;
    	padding: 4px;
    }
    div.code-coverage-results div.code-line {
    	padding-left:5px;
    	display:block;
    	margin-left:10px;
    }
    div.code-coverage-results div.uncovered span.content {
    	background:#ecc;
    }
    div.code-coverage-results div.covered span.content {
    	background:#cec;
    }
    div.code-coverage-results div.ignored span.content {
    	color:#aaa;
    }
    div.code-coverage-results span.line-num {
    	color:#666;
    	display:block;
    	float:left;
    	width:20px;
    	text-align:right;
    	margin-right:5px;
    }
    div.code-coverage-results span.line-num strong {
    	color:#666;
    }
    div.code-coverage-results div.start {
    	border:1px solid #aaa;
    	border-width:1px 1px 0px 1px;
    	margin-top:30px;
    	padding-top:5px;
    }
    div.code-coverage-results div.end {
    	border:1px solid #aaa;
    	border-width:0px 1px 1px 1px;
    	margin-bottom:30px;
    	padding-bottom:5px;
    }
    div.code-coverage-results div.realstart {
    	margin-top:0px;
    }
    div.code-coverage-results p.note {
    	color:#bbb;
    	padding:5px;
    	margin:5px 0 10px;
    	font-size:10px;
    }
    div.code-coverage-results span.result-bad {
    	color: #a00;
    }
    div.code-coverage-results span.result-ok {
    	color: #fa0;
    }
    div.code-coverage-results span.result-good {
    	color: #0a0;
    }
    
    /******************************************/  
    
    /**********************************************/
    .stat-hightlight{
    }
    .stat-highlight-box {
        margin-left: auto;
        margin-right: auto;
        padding: 5px 0;
        /* width: 100px; */
        text-align: center;
        float: left;
    }
    
    .mls, .mhs, .mas {
        margin-left: 5px !important;
    }
    .mbs, .mvs, .mas {
        margin-bottom: 5px !important;
    }
    .mrs, .mhs, .mas {
        margin-right: 5px !important;
    }
    .mts, .mvs, .mas {
        margin-top: 5px !important;
    }        
    
    /**********************************************/


    /* Begin Nav Tree Menu #303236 */
    
    .navbar {
       
        margin-bottom: 20px;
        min-height: 35px;

    }        

    /* Background Image background-image: linear-gradient(to bottom, #3C4556 0%, #303236 100%); is CHANGED TO   background-image: linear-gradient(to bottom, #BF6235 0%, #000000 100%); */

    .navbar-inverse {
	background-image: linear-gradient(to bottom, #0b1425 0%, rgba(202, 202, 202, 0.51) 100%);
	/* background-image: linear-gradient(to bottom, #3C4556 0%, rgba(188, 14, 7, 0.51) 100%); */
        background-repeat: repeat-x;
        box-shadow: 0 1px 1px rgba(57, 50, 53, 1);
        border-color: #080808;
        height:10px;
        margin:23px 0 0;
    }
    
    .navbar-inverse-home {
	background-image: linear-gradient(to bottom, #0b1425 0%, rgba(202, 202, 202, 0.51) 100%);
	/* background-image: linear-gradient(to bottom, #3C4556 0%, rgba(188, 14, 7, 0.51) 100%); */
        background-repeat: repeat-x;
        box-shadow: 0 1px 1px rgba(57, 50, 53, 1);
        border-color: #080808;
        height:10px;
        margin:0px 0 0;
        background-color: #222;
    }
    
    .navbar-inverse-home .navbar-nav > li > a {
        color: #9d9d9d;
    }  
    
    .navbar-inverse-home .navbar-nav > li > a:hover, .navbar-inverse-home .navbar-nav > li > a:focus {
        background-color: transparent;
        color: #fff;
    }          
    
    .top-menu {
        list-style: outside none none;
        margin: -3px -8px;
        padding: 0;
    }
    
    @media (max-width: 480px) 
    {	
        .top-menu {
            white-space: nowrap; 
            overflow-x: auto; 
            -webkit-overflow-scrolling: touch; 
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }  
    }     
    
    .top-menu > li > a {
        color: #000;
        font-size: 12px;
        transition: all 0.3s ease-out 0s;
    }       
    
    .selected {
       background-color: #eee; 
       padding:5px;
    }      
    
    .navbar-inverse .navbar-nav > li > a {
        color: #f7f6f6;
    }
    
    .navbar-inverse .navbar-nav > li > .open
    {
       background-color: #080808;
       color: #fff;        
    }                     
        
    .navbar .nav > li > a > .badge {
        position: absolute;
        right: 7px;
        top: 9px;
    }    
    
    .caret {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid;
        display: inline-block;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        width: 0;
    }    
    
    .dropdown-menu {
        padding:0px;
    }
    
    .dropdown-menu > li > a > .badge {
        border-radius: 12px;
        display: inline;
        font-size: 11px;
        height: 18px;
        margin-top: 1px;
        padding: 3px 6px;
        position: absolute;
        right: 10px;
        text-align: center;
        vertical-align: middle;
    }    
    
    .open > .dropdown-menu {
      display: block;
      background-color:#fff;
    }
    .open > a {
      outline: 0;
    }
    .dropdown-menu-right {
      left: auto;
      right: 0;
    }
    .dropdown-menu-left {
      left: 0;
      right: auto;
    }
    .dropdown-header {
      display: block;
      padding: 3px 15px;
      font-size: 12px;
      line-height: 1.53846154;
      color: #777777;
      white-space: nowrap;
    }
    .dropdown-backdrop {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 990;
    }
    
    
    .navbar-nav > li > .dropdown-menu {
        margin-top: 2px;
    }    
    
    .nav > li > a > img {
        max-height: 25px;
        max-width: 25px;
    }
    
    .navbar-nav > li > a {
        font-size: 13px;
        padding-bottom: 11px;
        padding-top: 12px;
        padding-right: 12px;
    }    
    
    
    /********** navbar left ************/
        
    
   .navbar .navbar-left {
      margin:0px 0px 0 0;
    }    
    
    .navbar .navbar-left ul.navbar-nav > li {
      height: 42px;
     /* border:1px solid red; */
    }    
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-extra ul.dropdown-menu {
      min-width: 300px;
      /*max-width: 300px;*/
      width: 300px;
      background-color: #ffffff;      
    }
     .navbar .navbar-left ul.navbar-nav > li ul.dropdown-menu > li:first-child a {
      border-top: none;
      border-bottom: 1px solid #f4f4f4;
    }
   .navbar .navbar-left ul.navbar-nav > li ul.dropdown-menu > li:last-child a {
      border-bottom: 1px solid #f4f4f4;
      font-size:12px;
    }

    .navbar .navbar-left ul.navbar-nav > li ul.dropdown-menu > li ul.dropdown-menu-list {
        list-style: outside none none;
        padding-left: 0;
        padding-right: 0 !important;
    }    
    
    .navbar .navbar-left ul.navbar-nav > li ul.dropdown-menu > li ul.dropdown-menu-list {
        list-style: outside none none;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-user img {
        height: 25px;
        margin-right: 7px;
        margin-top: -3px;
    }        
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-tasks .dropdown-menu p {
        background-color: #68b828;
        color: #ffffff;
    }    
    
    .navbar .navbar-left ul.navbar-nav > li ul.dropdown-menu > li p {
        background-color: #e5e5e5;
        color: #666666;
        margin: 0;
        padding: 10px;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-messages .dropdown-menu p {
        background-color: #575C65;
        color: #ffffff;        
        }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-notifications .dropdown-menu p {
        background-color: #de1771;
        color: #ffffff;
    } 
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-tasks .dropdown-menu p {
        background-color: #68b828;
        color: #ffffff;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-user .dropdown-menu li a i {
        font-size: 16px;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-user i[class*="icon-"] {
        margin-right: 10px;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-messages .dropdown-menu .avatar {
        float: left;
        padding-right: 6px;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-messages .dropdown-menu .avatar img {
        height: 40px;
        width: 40px;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-messages .dropdown-menu .subject {
        display: block;
    }             
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-messages .dropdown-menu .subject .from {
        color: rgb(181, 67, 33);
        font-size: 11px;
        font-weight: 400;
    }     
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-messages .dropdown-menu .time {
        float: right;
        font-size: 10px;
        font-style: italic;
        opacity: 0.8;
        position: relative;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-notifications .dropdown-menu .time {
        font-size: 12px;
        font-style: italic;
        opacity: 0.8;
        text-align: right;
    }    
    
    .navbar .navbar-left ul.navbar-nav > li ul.dropdown-menu > li a {
        border-bottom: 1px solid #f4f4f4;
        clear: both;
        color: #666666;
        display: block;
        line-height: 20px;
        padding: 10px;
        white-space: normal;
    }
    
    .navbar .navbar-left ul.navbar-nav > li ul.dropdown-menu > li a:hover {
        background-color: #f5f5f5;
        color: rgb(181, 67, 33);
    } 
    
    .navbar .navbar-left ul.navbar-nav > li ul.dropdown-menu > li.footer > a > i {
        float: right;
        margin-top: 2px;
	color: #ff5200;
    	font-size: 16px;
    }
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-tasks .dropdown-menu .progress {
        margin-bottom: 0;
    } 
    
    .navbar .navbar-left ul.navbar-nav > li.dropdown-extra ul.dropdown-menu-notify{
        width: 800px;
        left: auto;
        right: -347px;
    } 
    
    ul.dropdown-menu-notify .alert-list{
        height: 400px;
    }
    ul.dropdown-menu-notify .loader{
        width:100%;
        height:100%;
        padding-top:25%;
        text-align:center;
    }
    ul.dropdown-menu-notify .leftBox{
        height:100%;
    }    
    @media (min-width:320px) and (max-width: 580px) {  
        ul.dropdown-menu-notify .loader{
            padding:60% 0;
        }   
        ul.dropdown-menu-notify .leftBox{
            height:auto;
        }           
    }    
    ul.dropdown-menu-notify #menu_alert .footer i{
        float: right;
    }   
    
    
    /*************************/
    
    .bodyList ul.dropdown-menu {
      min-width: 160px;
      max-width: 300px;
      width: 233px;
      background-color: #ffffff; 
      left:-6px;
      top:-1px; 
      border:1px solid #ccc;    
    }
    
    .bodyList .dropdown-menu:before {
      position: absolute;
      top: -7px;
      left: 9px;
      display: inline-block;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #ccc;
      border-left: 7px solid transparent;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      content: '';
    }
    
    .bodyList .dropdown-menu:after {
      position: absolute;
      top: -6px;
      left: 10px;
      display: inline-block;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #ffffff;
      border-left: 6px solid transparent;
      content: '';
    }    
      
    
    .bodyList ul.dropdown-menu > li.dropdown-user img {
        height: 25px;
        margin-right: 7px;
        margin-top: -3px;
    }              
    
    .bodyList ul.dropdown-menu > li p {
        background-color: #de1771;
        color: #ffffff;
        margin: 0;
        padding: 10px;
    }
    
    
    .bodyList ul.dropdown-menu > li a i {
        font-size: 16px;
    }
    
    .bodyList ul.dropdown-menu > li.dropdown-user i[class*="icon-"] {
        margin-right: 10px;
    }
    
    .bodyList ul.dropdown-menu .avatar {
        float: left;
        padding-right: 6px;
    }
    
    .bodyList ul.dropdown-menu .avatar img {
        height: 32px;
        width: 32px;
    }
    
    .bodyList ul.dropdown-menu .subject {
        float:left;
        margin: 4px 0px 0px 0px;
    }             
    
    .bodyList ul.dropdown-menu .subject .from {
        color: rgb(181, 67, 33);
        font-size: 13px;
        font-weight: 400;
    }     
    
    .bodyList ul.dropdown-menu .time {
        float: right;
        font-size: 12px;
        font-style: italic;
        opacity: 0.8;
        position: relative;
    }
    
    .bodyList ul.dropdown-menu li a {
        color: #666666;
        line-height: 20px;
        padding: 7px 6px 16px 7px;
        white-space: normal;
        height:42px;
         border-bottom: 1px solid #f4f4f4;
    }
    
    .bodyList ul.dropdown-menu li a:hover {
        background-color: #f5f5f5;
        color: rgb(181, 67, 33);
    } 
    
    .bodyList ul.dropdown-menu li.footer > a > i {
        float: right;
        margin-top: 3px;
    }
    
    .bodyList ul.dropdown-menu .progress {
        margin-bottom: 0;
    }    
    
    
    /***************************/    
    
	/* Accordion with Icons */

.accordion .panel {
  margin-bottom: 10px;
}
.accordion .panel-heading {
  padding: 0;
}
.accordion .panel-heading .panel-title {
  display: block;
  float: none;
  padding: 0;
}
.accordion .panel-heading .accordion-toggle {
  display: block;
  font-size: 16px;
  position: relative;
  padding: 10px;
}
.accordion .panel-heading .accordion-toggle:hover,
.accordion .panel-heading .accordion-toggle:focus {
  text-decoration: none;
}
.accordion .panel-heading .accordion-toggle.collapsed {
  color: #FFFFFF;
}
.accordion .panel-heading .accordion-toggle.collapsed > .icon-arrow {
  filter: alpha(opacity=75);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
.accordion .panel-heading .accordion-toggle.collapsed > .icon-arrow:before {
  content: "\f1c9" !important;
}
.accordion .panel-heading .accordion-toggle > .icon-arrow {
  font-size: 16px;
  padding: 0 10px 0 5px;
  display: inline-block;
  font-family: 'Ionicons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFFFFF;
}
.accordion .panel-heading .accordion-toggle > .icon-arrow:before {
  content: "\f1ac";
}
.accordion .panel-body {
  border: none !important;
}
.accordion.panel-group .panel + .panel {
  margin-top: 1px;
}
.accordion.accordion-white .panel-heading .accordion-toggle {
  background-color: white;
}
.accordion.accordion-white .panel-heading .accordion-toggle.collapsed {
  background-color: white;
}
.accordion.accordion-white.panel-group .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #a7acb7;
}

.panel-footer{
    padding-top:10px;
    margin-top:10px; 
    background-color:#fff; 
    border-top: 1px solid #ddd;
}

	/* Accordion with Icons */
    
    /********** navbar right ************/
    
    .navbar .navbar-right {
      margin:0px 10px 0px 0px;
    }    
    
    .navbar .navbar-right ul.navbar-nav > li {
      height: 42px;
    }    
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-extra ul.dropdown-menu {
      min-width: 160px;
      max-width: 300px;
      width: 233px;
      background-color: #ffffff;      
    }
     .navbar .navbar-right ul.navbar-nav > li ul.dropdown-menu > li:first-child a {
      border-top: none;
      border-bottom: 1px solid #f4f4f4;
    }
   .navbar .navbar-right ul.navbar-nav > li ul.dropdown-menu > li:last-child a {
      border-bottom: 1px solid #f4f4f4;
    }

    .navbar .navbar-right ul.navbar-nav > li ul.dropdown-menu > li ul.dropdown-menu-list {
        list-style: outside none none;
        padding-left: 0;
        padding-right: 0 !important;
    }    
    
    .navbar .navbar-right ul.navbar-nav > li ul.dropdown-menu > li ul.dropdown-menu-list {
        list-style: outside none none;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-user img {
        height: 25px;
        margin-right: 7px;
        margin-top: -3px;
    }        
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-tasks .dropdown-menu p {
        background-color: #68b828;
        color: #ffffff;
    }    
    
    .navbar .navbar-right ul.navbar-nav > li ul.dropdown-menu > li p {
        background-color: #e5e5e5;
        color: #666666;
        margin: 0;
        padding: 10px;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-messages .dropdown-menu p {
        background-color: #4e8ef7;
        color: #ffffff;        
        }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-notifications .dropdown-menu p {
        background-color: #de1771;
        color: #ffffff;
    } 
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-tasks .dropdown-menu p {
        background-color: #68b828;
        color: #ffffff;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-user .dropdown-menu li a i {
        font-size: 16px;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-user i[class*="icon-"] {
        margin-right: 10px;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-messages .dropdown-menu .avatar {
        float: left;
        padding-right: 6px;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-messages .dropdown-menu .avatar img {
        height: 40px;
        width: 40px;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-messages .dropdown-menu .subject {
        display: block;
    }             
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-messages .dropdown-menu .subject .from {
        color: rgb(181, 67, 33);
        font-size: 14px;
        font-weight: 400;
    }     
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-messages .dropdown-menu .time {
        float: right;
        font-size: 12px;
        font-style: italic;
        opacity: 0.8;
        position: relative;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-notifications .dropdown-menu .time {
        font-size: 12px;
        font-style: italic;
        opacity: 0.8;
        text-align: right;
    }    
    
    .navbar .navbar-right ul.navbar-nav > li ul.dropdown-menu > li a {
        border-bottom: 1px solid #f4f4f4;
        clear: both;
        color: #666666;
        display: block;
        line-height: 20px;
        padding: 10px;
        white-space: normal;
    }
    
    .navbar .navbar-right ul.navbar-nav > li ul.dropdown-menu > li a:hover {
        background-color: #f5f5f5;
        color: rgb(181, 67, 33);
    } 
    
    .navbar .navbar-right ul.navbar-nav > li ul.dropdown-menu > li.footer > a > i {
        float: right;
        margin-top: 3px;
    }
    
    .navbar .navbar-right ul.navbar-nav > li.dropdown-tasks .dropdown-menu .progress {
        margin-bottom: 0;
    }
    
    
    .progress.progress-xs {
        height: 5px;
        margin-top: 5px;
    }
    

    
    /**************/    
               
    
   .navbar .search-form .form-control.input-circle {
        border-radius: 9px;
    }
    .navbar .search-form .input-icon input {
        transition: width 0.2s ease 0s;
        width: 300px;
    }
    .input-icon.right > .form-control {
        padding-left: 12px;
        padding-right: 33px;
    }
    .input-icon > .form-control {
        padding-left: 33px;
    }
    .form-control.input-light {
        background-color: rgba(74, 76, 81, 1);
        border: 0 none !important;
        color: #ede9e9;
    }
    .form-control.input-circle {
        border-radius: 9999px;
    }
    .form-control {
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #dddddd;
        border-radius: 0;
        color: #555555;
        display: block;
        font-size: 12px;
        height: 27px;
        line-height: 1.53846;
        padding: 6px 12px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
    }
    
    .navbar .search-form .input-icon i {
        cursor: pointer;
    }
    .input-icon.right > i {   
        margin: 6px 10px 0 276px;      
    }
    .input-icon.move-to-right > i {   
        position:absolute;
        right: 10px;
	    color: #270303;    
    }
    .input-icon.move-to-right-top > i {   
        margin: 10px 0px 0px 450px;  
	color: #270303;    
    }
    .input-icon.move-search > i {   
        margin: 10px 0px 0px 111px;  
	color: #270303;    
    }
    .input-icon > i {
        color: #ccc;
        display: block;
        font-size: 16px;
        height: 16px;
        margin: 6px 2px 4px 7px;
        position: absolute;
        text-align: center;
        width: 16px;
        z-index: 3;
    }
    
    .btn.btn-warning {
        background-color: #ffba00;
        border-color: #ffba00;
        color: #ffffff;
    }     
    
    .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .open > .dropdown-toggle.btn.btn-warning {
        background-color: #cc9500;
        border-color: #c28d00;
        color: #ffffff;
    }

    .btn-primary {
        color: #ffffff;
        background-color: #03192B;
        border-color: #03192B;
    } 

    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .open > .dropdown-toggle.btn.btn-primary {
        background-color: #1d6ff5;
        border-color: #1369f4;
        color: #ffffff;
    } 
    
    .caret {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid;
        display: inline-block;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        width: 0;
    }
    
    .navbar-nav > li > a.notificationTop{padding:14px 21px 9px 15px;}
    
    /** End Nav Tree Menu **/  
    
    /**alert css **/
    .alert {
      padding: 10px 15px;
      margin-bottom: 19px;
      border: 1px solid transparent;
      border-radius: 0px;
    }
    .alert h4 {
      margin-top: 0;
      color: inherit;
    }
    .alert .alert-link {
      font-weight: normal;
    }
    .alert > p,
    .alert > ul {
      margin-bottom: 0;
    }
    .alert > p + p {
      margin-top: 5px;
    }
    .alert-dismissable,
    .alert-dismissible {
      padding-right: 35px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
      position: relative;
      top: -2px;
      right: -21px;
      color: inherit;
    }
    .alert-success {
      background-color: #68b828;
      border-color: #68b828;
      color: #ffffff;
    }
    .alert-success hr {
      border-top-color: #5ca323;
    }
    .alert-success .alert-link {
      color: #e6e6e6;
    }
    .alert-info {
      background-color: #40bbea;
      border-color: #40bbea;
      color: #ffffff;
    }
    .alert-info hr {
      border-top-color: #29b3e7;
    }
    .alert-info .alert-link {
      color: #e6e6e6;
    }
    .alert-warning {
      background-color: #ffba00;
      border-color: #aaa;
      color: #ffffff;
    }
    .alert-warning hr {
      border-top-color: #e6a700;
    }
    .alert-warning .alert-link {
      color: #e6e6e6;
    }
    .alert-danger {
      background-color: #f2233b;
      border-color: #f2233b;
      color: #ffffff;
    }
    .alert-danger hr {
      border-top-color: #ed0e28;
    }
    .alert-danger .alert-link {
      color: #e6e6e6;
    }
    
    /*typography*/
    
    small,
    .small {
      font-size: 92%;
    }
    cite {
      font-style: normal;
    }
    mark,
    .mark {
      background-color: #ffe399;
      padding: .2em;
    }
    .text-left {
      text-align: left;
    }
    .text-right {
      text-align: right;
    }
    .text-center {
      text-align: center;
    }
    .text-justify {
      text-align: justify;
    }
    .text-nowrap {
      white-space: nowrap;
    }
    .text-lowercase {
      text-transform: lowercase;
    }
    .text-uppercase {
      text-transform: uppercase;
    }
    .text-capitalize {
      text-transform: capitalize;
    }
    .text-muted {
      color: #ababac;
    }
    .text-primary {
      color: #4e8ef7 !important;
    }
    a.text-primary:hover {
      color: #1d6ff5;
    }
    .text-success {
      color: #68b828 !important;
    }
    a.text-success:hover {
      color: #508e1f;
    }
    .text-info {
      color: #40bbea !important;
    }
    a.text-info:hover {
      color: #18a8df;
    }
    .text-warning {
      color: #ffba00 !important;
    }
    a.text-warning:hover {
      color: #cc9500;
    }
    .text-danger {
      color: #f2233b !important;
    }
    a.text-danger:hover {
      color: #d50d24;
    }
    .text-orange {
      color: #f2561a !important;
    }
    a.text-orange:hover {
      color: #cd410c;
    }
    .text-pink {
      color: #de1771 !important;
    }
    a.text-pink:hover {
      color: #b01259;
    }
    .text-purple {
      color: #552f80 !important;
    }
    a.text-purple:hover {
      color: #3c215b;
    }
    .text-grey {
      color: #5e5b5e !important;
    }
    a.text-grey:hover {
      color: #444244;
    }
    .text-black {
      color: #2c2a2e !important;
    }
    a.text-black:hover {
      color: #121213;
    }
    .bg-default {
      background-color: #f9f9f9 !important;
      color: #666666;
    }
    .bg-primary {
      background-color: #4e8ef7 !important;
      color: #fff !important;
    }
    .bg-success {
      background-color: #68b828 !important;
      color: #fff !important;
    }
    .bg-warning {
      background-color: #ffba00 !important;
      color: #fff !important;
    }
    .bg-info {
      background-color: #40bbea !important;
      color: #fff !important;
    }
    .bg-danger {
      background-color: #f2233b !important;
      color: #fff !important;
    }
    .bg-orange {
      background-color: #f2561a !important;
      color: #fff !important;
    }
    .bg-pink {
      background-color: #de1771 !important;
      color: #fff !important;
    }
    .bg-purple {
      background-color: #552f80 !important;
      color: #fff !important;
    }
    .bg-grey {
      background-color: #5e5b5e !important;
      color: #fff !important;
    }
    .bg-black {
      background-color: #2c2a2e !important;
      color: #fff !important;
    }
    .bg-white {
      background-color: #ffffff !important;
      color: #666666 !important;
    }
    .bg-transparent {
      background-color: transparent !important;
    }
    .bg-overlay {
      background-image: -webkit-linear-gradient(left, rgba(153, 93, 179, 0.6) 1%, rgba(44, 155, 219, 0.6)) !important;
      background-image: linear-gradient(to right, rgba(153, 93, 179, 0.6) 1%, rgba(44, 155, 219, 0.6)) !important;
      color: #FFFFFF;
    } 
    
    /* button */
    
    .btn.orange {
      color: #ffffff;
      background-color: #f2561a;
      border-color: #f2561a;
    }
    .btn.orange:hover,
    .btn.orange:focus,
    .btn.orange:active,
    .btn.orange.active,
    .open > .dropdown-toggle.btn.orange {
      color: #ffffff;
      background-color: #cd410c;
      border-color: #c43e0b;
    }
    .btn.orange:active,
    .btn.orange.active,
    .open > .dropdown-toggle.btn.orange {
      background-image: none;
    }
    .btn.orange.disabled,
    .btn.orange[disabled],
    fieldset[disabled] .btn.orange,
    .btn.orange.disabled:hover,
    .btn.orange[disabled]:hover,
    fieldset[disabled] .btn.orange:hover,
    .btn.orange.disabled:focus,
    .btn.orange[disabled]:focus,
    fieldset[disabled] .btn.orange:focus,
    .btn.orange.disabled:active,
    .btn.orange[disabled]:active,
    fieldset[disabled] .btn.orange:active,
    .btn.orange.disabled.active,
    .btn.orange[disabled].active,
    fieldset[disabled] .btn.orange.active {
      background-color: #f2561a;
      border-color: #f2561a;
    }
    .btn.orange .badge {
      color: #f2561a;
      background-color: #ffffff;
    }
    .btn.purple {
      color: #ffffff;
      background-color: #552f80;
      border-color: #552f80;
    }
    .btn.purple:hover,
    .btn.purple:focus,
    .btn.purple:active,
    .btn.purple.active,
    .open > .dropdown-toggle.btn.purple {
      color: #ffffff;
      background-color: #3c215b;
      border-color: #371f53;
    }
    .btn.purple:active,
    .btn.purple.active,
    .open > .dropdown-toggle.btn.purple {
      background-image: none;
    }
    .btn.purple.disabled,
    .btn.purple[disabled],
    fieldset[disabled] .btn.purple,
    .btn.purple.disabled:hover,
    .btn.purple[disabled]:hover,
    fieldset[disabled] .btn.purple:hover,
    .btn.purple.disabled:focus,
    .btn.purple[disabled]:focus,
    fieldset[disabled] .btn.purple:focus,
    .btn.purple.disabled:active,
    .btn.purple[disabled]:active,
    fieldset[disabled] .btn.purple:active,
    .btn.purple.disabled.active,
    .btn.purple[disabled].active,
    fieldset[disabled] .btn.purple.active {
      background-color: #552f80;
      border-color: #552f80;
    }
    .btn.purple .badge {
      color: #552f80;
      background-color: #ffffff;
    }
    .btn.pink {
      color: #ffffff;
      background-color: #de1771;
      border-color: #de1771;
    }
    .btn.pink:hover,
    .btn.pink:focus,
    .btn.pink:active,
    .btn.pink.active,
    .open > .dropdown-toggle.btn.pink {
      color: #ffffff;
      background-color: #b01259;
      border-color: #a71155;
    }
    .btn.pink:active,
    .btn.pink.active,
    .open > .dropdown-toggle.btn.pink {
      background-image: none;
    }
    .btn.pink.disabled,
    .btn.pink[disabled],
    fieldset[disabled] .btn.pink,
    .btn.pink.disabled:hover,
    .btn.pink[disabled]:hover,
    fieldset[disabled] .btn.pink:hover,
    .btn.pink.disabled:focus,
    .btn.pink[disabled]:focus,
    fieldset[disabled] .btn.pink:focus,
    .btn.pink.disabled:active,
    .btn.pink[disabled]:active,
    fieldset[disabled] .btn.pink:active,
    .btn.pink.disabled.active,
    .btn.pink[disabled].active,
    fieldset[disabled] .btn.pink.active {
      background-color: #de1771;
      border-color: #de1771;
    }
    .btn.pink .badge {
      color: #de1771;
      background-color: #ffffff;
    }
    .btn.grey {
      color: #ffffff;
      background-color: #5e5b5e;
      border-color: #5e5b5e;
    }
    .btn.grey:hover,
    .btn.grey:focus,
    .btn.grey:active,
    .btn.grey.active,
    .open > .dropdown-toggle.btn.grey {
      color: #ffffff;
      background-color: #444244;
      border-color: #3f3d3f;
    }
    .btn.grey:active,
    .btn.grey.active,
    .open > .dropdown-toggle.btn.grey {
      background-image: none;
    }
    .btn.grey.disabled,
    .btn.grey[disabled],
    fieldset[disabled] .btn.grey,
    .btn.grey.disabled:hover,
    .btn.grey[disabled]:hover,
    fieldset[disabled] .btn.grey:hover,
    .btn.grey.disabled:focus,
    .btn.grey[disabled]:focus,
    fieldset[disabled] .btn.grey:focus,
    .btn.grey.disabled:active,
    .btn.grey[disabled]:active,
    fieldset[disabled] .btn.grey:active,
    .btn.grey.disabled.active,
    .btn.grey[disabled].active,
    fieldset[disabled] .btn.grey.active {
      background-color: #5e5b5e;
      border-color: #5e5b5e;
    }
    .btn.grey .badge {
      color: #5e5b5e;
      background-color: #ffffff;
    }
    .btn.black {
      color: #ffffff;
      background-color: #2c2a2e;
      border-color: #2c2a2e;
    }
    .btn.black:hover,
    .btn.black:focus,
    .btn.black:active,
    .btn.black.active,
    .open > .dropdown-toggle.btn.black {
      color: #ffffff;
      background-color: #121213;
      border-color: #0d0d0e;
    }
    .btn.black:active,
    .btn.black.active,
    .open > .dropdown-toggle.btn.black {
      background-image: none;
    }
    .btn.black.disabled,
    .btn.black[disabled],
    fieldset[disabled] .btn.black,
    .btn.black.disabled:hover,
    .btn.black[disabled]:hover,
    fieldset[disabled] .btn.black:hover,
    .btn.black.disabled:focus,
    .btn.black[disabled]:focus,
    fieldset[disabled] .btn.black:focus,
    .btn.black.disabled:active,
    .btn.black[disabled]:active,
    fieldset[disabled] .btn.black:active,
    .btn.black.disabled.active,
    .btn.black[disabled].active,
    fieldset[disabled] .btn.black.active {
      background-color: #2c2a2e;
      border-color: #2c2a2e;
    }
    .btn.black .badge {
      color: #2c2a2e;
      background-color: #ffffff;
    }
    .btn.white {
      color: #666666;
      background-color: #ffffff;
      border-color: #dddddd;
      border-width: 1px;
    }
    .btn.white:hover,
    .btn.white:focus,
    .btn.white:active,
    .btn.white.active,
    .open > .dropdown-toggle.btn.white {
      color: #666666;
      background-color: #e6e6e6;
      border-color: #bebebe;
    }
    .btn.white:active,
    .btn.white.active,
    .open > .dropdown-toggle.btn.white {
      background-image: none;
    }
    .btn.white.disabled,
    .btn.white[disabled],
    fieldset[disabled] .btn.white,
    .btn.white.disabled:hover,
    .btn.white[disabled]:hover,
    fieldset[disabled] .btn.white:hover,
    .btn.white.disabled:focus,
    .btn.white[disabled]:focus,
    fieldset[disabled] .btn.white:focus,
    .btn.white.disabled:active,
    .btn.white[disabled]:active,
    fieldset[disabled] .btn.white:active,
    .btn.white.disabled.active,
    .btn.white[disabled].active,
    fieldset[disabled] .btn.white.active {
      background-color: #ffffff;
      border-color: #dddddd;
    }   
    
    /*Explore*/    
    .ex-content{width:100%;height:120px;}
    
    .ex-image:after {
        content:'\A';
        position:absolute;
        width:100%; height:100%;
        top:0; left:0;
        background:rgba(0,0,0,0.5);
        opacity:0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .ex-image:hover:after {
        opacity:1;
    }        
    .ex-icon{position: absolute;top: 6px;right:10px;z-index:2000;font-size:18px;color:#000;}
    .buddy-img{width:48px;height:48px;border: 1px solid #2F2E2F;}
    
    /**/
    
    /* Top right notification **/
    /* Top right notification **/
    .sticky-valid{  background-color: #68b828; }  
    
    .sticky-valid .gritter-top {
        background-color: #68b828;
    }
                
    .sticky-valid .gritter-item {
        background-color: #68b828;
    } 
    
    .sticky-valid .gritter-bottom {
         background-color: #68b828;
    } 
                  
    .sticky-valid .gritter-item p {
        color:#fff;
    }  
    
    .sticky-error{  background-color: #f2233b; }  
    
    .sticky-error .gritter-top {
        background-color: #f2233b;
    }
                
    .sticky-error .gritter-item {
        background-color: #f2233b;
    } 
    
    .sticky-error .gritter-bottom {
         background-color: #f2233b;
    } 
                  
    .sticky-error .gritter-item p {
        color:#fff;
    } 
    
    .sticky-notice{  background-color: #ffba00; }  
    
    .sticky-notice .gritter-top {
        background-color: #ffba00;
    }
                
    .sticky-notice .gritter-item {
        background-color: #ffba00;
    } 
    
    .sticky-notice .gritter-bottom {
         background-color: #ffba00;
    } 
                  
    .sticky-notice .gritter-item p {
        color:#fff;
    }    
    /*Photo modal css*/
    .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    } 
    
    .photo-show-navi-modal{ display:none; }  
    
  /* http://stackoverflow.com/questions/18422223/bootstrap-3-modal-vertical-position-center */
    .modal {
      text-align: center;
    }
    
    @media screen and (min-width: 768px) { 
      .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
      }
    }
    
    .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
    }         
    
    .photo-navi{
        position:absolute; top:30%;z-index:1001;
    }
    
    .text-post {
        border: 1px solid #ccc;
        height: 30px;
        margin: 0;
        padding: 2px 5px;
        resize: none;
        width: 100%;
        font-size: 12px;
    }
    
    .modal .close { /* select the close button */
        position: absolute;
        top:-31px;
        right:-25px;
        z-index:51; /* place it over the img */
    }
    
	.form-group textarea:hover {
		box-shadow:1px 1px 2px rgba(20,20,20,0.5);
		border: 1px solid #7b7979;
		background-color:#fff;
	}
	.form-group textarea:focus {
		box-shadow:2px 2px 8px rgba(20,20,20,0.5);
		border: 1px solid #dddddd;
		background-color:#fff;
	}
    
    #ele-preview{
        position:relative;
        display:none;
        text-align: center;
        margin-top:10px;
    }     
    
    #image_preview{
        width:50%;
        height:auto;
        border:1px solid #efefef;
        padding:3px;
        box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);    
    }       
    
    /**Home tooltip css**/
    
    .hovercard {
        width: 348px;
        height: 310px;
        border: 0;
        position: relative;
        border-radius: 2px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
        background-color:#fff; 
    }
    
	.login-bg-overlay {
		/*background: #424252;*/
        color: #FFFFFF;
        background: rgba(66, 66, 82, 0.7);
        padding: 15px 20px;
	}
    .login-bg-overlay h4{
        color: #FFFFFF;
    } 
    .login-bg-overlay .form-control{
        padding: 2px 0px 0px 28px
    }   
    
    /** Cover picture styles */
    
    .tooltip-display-pic {
        height: 137px;
        position: relative;
    }    
    
    .tooltip-cover-photo {
        height: 140px;
        overflow: hidden;
    }
    
    .tooltip-profile-pic {
        position: absolute;
        width: 350px;
        height: 100px;
        left: 10px;
        top: 85px;
        z-index: 1;
    }
    
    .tooltip-pic {
        border: 1px solid rgba(0, 0, 0, .3);
        width: 100px;
        height: 100px;
        border-radius: 3px;
        padding: 3px;
        background-color: white;
    }
    
    .tooltip-title-container {
        margin: -40px 0 0 132px;
        position: absolute;
    }
    
    .tooltip-title-container a {
        color: #ffffff;
        font-size: 12px;
        font-family: Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
        font-weight: bold;
        font-size: 14px;
        text-decoration: underline;
    }
    
    .tooltip-other-info {
        color: #fff;
        font-size: 12px;
        margin: 0;
    }
    
    /** Hover card info and interaction */
    
    .tooltip-info {
        width: 100%;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
        border-bottom: none;
        border-left: none;
        border-right: none;
        position: absolute;
        top: 200px;
    }
    
    .tooltip-info-inner {
        padding: 4px;
    }
    
    .tooltip-info-inner a {
        text-decoration: none;
    }
    
    
    /** Person/Page info styles */
    
    .tooltip-details {
        margin-top: -39px;
        margin-left: 80px;
        font-size: 11px;
    }
    
    .tooltip-details-list {
        list-style-type: none;
        color: #333;
    }
    
    .tooltip-details-list-sub-item {
        color: #9197a3;
    }
    
    .alert .fa {
        display: block;
        float: left;
        margin: 4px 1px 15px 5px;
    }                        
    
         /* Begin Layout Responsive */
    /*@media (max-width: 580px) { */
    @media (max-width: 480px) {
     
      .mobilewrapper{ margin:0px 10px 0px 25px; }  
        
    }          
           


/* Start Custom Images */

.app-custom-icon-jokes,.app-custom-icon-recipes,
.app-custom-icon-badge,.app-custom-icon-ratings,.app-custom-icon-music,.app-custom-icon-lk16,.app-custom-icon-like18,.app-custom-icon-send_to_friends,
.app-custom-icon-activities,.app-custom-icon-close,.app-custom-icon-resume,.app-custom-icon-projects,.app-custom-icon-bookmarks,.app-custom-icon-report,
.app-custom-icon-gift-box,.app-custom-icon-gift-send,.app-custom-icon-notes,.app-custom-icon-classified,.app-custom-icon-lock,.app-custom-icon-unlock,
.app-custom-icon-blocked,.app-custom-icon-remove-favorites,.app-custom-icon-favorites,.app-custom-icon-favorited,.app-custom-icon-email,.app-custom-icon-email-new,
.app-custom-icon-comments16px,.app-custom-icon-clock22px,.app-custom-icon-user16px,.app-custom-icon-comments16px,.app-custom-icon-clock22px,
.app-custom-icon-user16px,.app-custom-icon-views24px,.app-custom-icon-add-favorites,.app-custom-icon-in-favorites,.app-custom-icon-friend-add,
.app-custom-icon-user-delete,.app-custom-icon-albums,.app-custom-icon-slideshows,.app-custom-icon-friends,.app-custom-icon-avatar,.app-custom-icon-comment,
.app-custom-icon-photos,.app-custom-icon-videos,.app-custom-icon-groups,.app-custom-icon-info,.app-custom-icon-dba,.app-custom-icon-guests,.app-custom-icon-blogs,
.app-custom-icon-manage,.app-custom-icon-add,.app-custom-icon-delete,.app-custom-icon-mail-send,.app-custom-icon-promote,.app-custom-icon-calendar,
.app-custom-icon-members,.app-custom-icon-join-group,.app-custom-icon-exit-group,.app-custom-icon-user-ban,.app-custom-icon-arrow-down,.app-custom-icon-colorize
 {

  padding-left: 2px;
  width: 17px;
  height: 16px;
  display: inline-block;
  line-height: 14px;
  vertical-align: text-top;
  background-position: 1px 1px;
  background: url(../img/pencil.png) no-repeat left center transparent;


 }



.app-custom-icon-jokes { background-image: url(../img/jokes.png) }

.app-custom-icon-recipes { background-image: url(../img/recipes.png) }

.app-custom-icon-badge { background-image: url(../img/badge.png) }

.app-custom-icon-ratings { background-image: url(../img/ratings.png) }

.app-custom-icon-music { background-image: url(../img/music.png) }

.app-custom-icon-lk16 { background-image: url(../img/lk16.png) }

.app-custom-icon-like18 { background-image: url(../img/like18.png) }

.app-custom-icon-send_to_friends { background-image: url(../img/send_to_friends.png) }

.app-custom-icon-activities { background-image: url(../img/activities.png) }

.app-custom-icon-close { background-image: url(../img/close.gif) }

.app-custom-icon-resume { background-image: url(../img/resume.png) }

.app-custom-icon-projects { background-image: url(../img/projects.png) }

.app-custom-icon-bookmarks { background-image: url(../img/bookmarks.png) }

.app-custom-icon-report { background-image: url(../img/report.png) }

.app-custom-icon-gift-box { background-image: url(../img/gift-box.png) }

.app-custom-icon-gift-send { background-image: url(../img/gift-send.png) }

.app-custom-icon-notes { background-image: url(../img/notes.png) }

.app-custom-icon-classified { background-image: url(../img/classified.png) }

.app-custom-icon-lock { background-image: url(../img/lock.png) }

.app-custom-icon-unlock { background-image: url(../img/lock_open.png) }

.app-custom-icon-blocked { background-image: url(../img/blocked.png) }

.app-custom-icon-remove-favorites { background-image: url(../img/remove-favorites.png) }

.app-custom-icon-favorites { background-image: url(../img/favorites.png) }

.app-custom-icon-favorited { background-image: url(../img/favorited.png) }

.app-custom-icon-email { background-image: url(../img/email.png) }

.app-custom-icon-email-new { background-image: url(../img/email_new.png) }

.app-custom-icon-comments16px { background-image: url(../img/comments16px.png) }

.app-custom-icon-clock22px { background-image: url(../img/clock22px.png) }

.app-custom-icon-user16px { background-image: url(../img/user16px.png) }

.app-custom-icon-comments16px { background-image: url(../img/comments16px.png) }

.app-custom-icon-clock22px { background-image: url(../img/clock22px.png) }

.app-custom-icon-user16px { background-image: url(../img/user16px.png) }

.app-custom-icon-views24px { background-image: url(../img/views24px.png) }

.app-custom-icon-add-favorites { background-image: url(../img/add-favorites.png) }

.app-custom-icon-in-favorites { background-image: url(../img/in-favorites.png) }

.app-custom-icon-friend-add { background-image: url(../img/user_add.png) }

.app-custom-icon-user-delete { background-image: url(../img/user_delete.png) }

.app-custom-icon-albums { background-image: url(../img/albums.png) }

.app-custom-icon-slideshows { background-image: url(../img/slideshows.png) }

.app-custom-icon-friends { background-image: url(../img/friends.png) }

.app-custom-icon-avatar { background-image: url(../img/avatar.png) }

.app-custom-icon-comment { background-image: url(../img/comment.png) }

.app-custom-icon-photos { background-image: url(../img/photos.png) }

.app-custom-icon-videos { background-image: url(../img/videos.png) }

.app-custom-icon-groups { background-image: url(../img/groups.png) }

.app-custom-icon-info { background-image: url(../img/info.png) }

.app-custom-icon-dba { background-image: url(../img/dba.png) }

.app-custom-icon-guests { background-image: url(../img/guests.png) }

.app-custom-icon-blogs { background-image: url(../img/blogs.png) }

.manage { background-image: url(../img/manage.png) }

.app-custom-icon-add { background-image: url(../img/add.png) }

.app-custom-icon-delete { background-image: url(../img/delete.png) }

.app-custom-icon-mail-send { background-image: url(../img/mail-send.png) }

.app-custom-icon-promote { background-image: url(../img/promote.png) }

.app-custom-icon-calendar { background-image: url(../img/calendar.png) }

.app-custom-icon-members { background-image: url(../img/members.png) }

.app-custom-icon-join-group { background-image: url(../img/join-group.png) }

.app-custom-icon-exit-group { background-image: url(../img/exit-group.png) }

.app-custom-icon-user-ban { background-image: url(../img/user-ban.png) }

.app-custom-icon-arrow-down { background-image: url(../img/arrow-down.png) }

.app-custom-icon-colorize { background-image: url(../img/colorize.png) }


/* End Custom Images */

/* sidebar video list css */

.video-list-thumbs{ position:relative; }
.video-list-thumbs > li{
    margin-bottom:12px;
}
.video-list-thumbs > li:last-child{}
.video-list-thumbs > li > a{
	display:block;
	position:relative;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 8px;
	border-radius:3px
    transition:all 500ms ease-in-out;
    border-radius:4px
}
.video-list-thumbs > li > a:hover{
	box-shadow:0 2px 5px rgba(0,0,0,.3);
	text-decoration:none
}
.video-list-thumbs h2{
	bottom: 0;
	font-size: 14px;
	height: 33px;
	margin: 0px 0 0;
    color:#fff;
}
.video-list-thumbs .glyphicon-play-circle{
    font-size: 40px;
    opacity: 0.6;
    position: absolute;
    left: 42%;
    top: 35%;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    transition:all 500ms ease-in-out;
    color: #fff;
}
.video-list-thumbs .glyphicon-play-circle:hover{
    color: #333;
}
.video-list-thumbs > li > a:hover .glyphicon-play-circle{
	color:#fff;
	opacity:1;
	text-shadow:0 1px 3px rgba(0,0,0,.8);
}
.video-list-thumbs .duration{
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	left: 12px;
	line-height: 13px;
	padding: 2px 3px 1px;
	position: absolute;
	top: 12px;
    transition:all 500ms ease;
}
.video-list-thumbs > li > a:hover .duration{
	background-color:#000;
}
@media (min-width:320px) and (max-width: 480px) { 
	.video-list-thumbs .glyphicon-play-circle{
    font-size: 35px;
    right: 50%;
    top: 33%;
	}
	.video-list-thumbs h2{
		bottom: 0;
		font-size: 12px;
		height: 22px;
		margin: 8px 0 0;
	}
}

/* load more button css */

.load-more {   
    color: #fff;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    background-color: #4a4b4e;
    border-radius: 12px;
    box-shadow: 1px 1px 3px #999999;
    width: 20%;
    margin: 10px auto;
}

.load-more a{
   color: #fff; 
   font-size:12px;
}

.vjs-big-play-button:before {
    content: "\f04b";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
 }

/*.menu-alert-sidebar{
    padding-left:0px;
    padding-right: 0px;
    height:100%;
    background-color: #f0f0f0;
}*/
 
@media (min-width:320px) and (max-width: 580px) {    
    .dropdown-messages .bar-icon {
        color: #333;
    }    
    .dropdown-messages .dropdown-menu-msg{
        left: 135px;
    }
    .dropdown-messages .dropdown-menu-notify{
        left: 95px;
    }    
    .menu-alert-sidebar{
       /* height:auto; */
    }
}   

.text-res-align{
    text-align:right;
}