@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/*icons*/

/*icons*/

.fa-help:before{content:"\f059"}

.fa-gear:before,

.fa-admin:before,

.fa-cog:before {

  content: "\f013";

}

.fa-moderate:before{content: "\f0ad";}

.fa-profile:before{content:"\f007"}

.span-profiler:before{content:"\f007"}

.fa-pm:before{content: "\f0e0"}

.fa-mlist:before, .fa-view_all_members:before{content:"\f0c0"}

.fa-mlist_search:before{content: "\f002";}

.fa-logout:before{content:"\f08b"}

.fa-register:before{content:"\f040"}

.fa-login:before{content:"\f007"}

.fa-add_poll:before{content:"\f0ae"}

.fa-new_poll:before{content:"\f0ae"}

.fa-notify:before{content:"\f0f3"}

.fa-unnotify:before{content:"\f0a2"}

.fa-mark_unread:before{content:"\f00c"}

.fa-mark_as_read:before{content:"\f00c"}

.fa-send_topic:before{content:"\f0e0"}

.fa-mark_read_short:before{content:"\f00c"}

.fa-new_topic:before{content:"\f040"}

.fa-move_topic:before{content:"\f07c"}

.fa-remove_topic:before{content:"\f014"}

.fa-set_lock:before{content:"\f023"}

.fa-set_sticky:before{content:"\f046"}

.fa-set_nonsticky:before{content:"\f046"}

.fa-merge:before{content:"\f0ec"}

.fa-set_unlock:before{content:"\f09c"}

.fa-poll_lock:before {content: "\f023";}

.fa-poll_edit:before{content: "\f044";}

.fa-poll_remove:before {content: "\f00d";}

.fa-calendar_link:before {content: "\f073";}

.fa-calendar_post_event:before {content: "\f067";}
.fa-gallery:before {content: "\f03e";}



.windowbg_st

{

	background: #fff;

}

.windowbg_st:hover

{

    background: #f8f8f8;

}

.windowbg4

{

    background: #4e5058;

}

.text-emerald

{

    color: #7aef9b;

}

.btn-emerald {

    background-color: #7aef9b;

    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset;

    color: #fff !important;

}

.btn-emerald:hover {

    color: #fff;

    border-color: transparent;

}

.dropdown-menu {

    border-radius: 0;

    border-top: 1px solid #3a3d46;

    padding: 0;

}

/* Pace JS*/

.pace {

  -webkit-pointer-events: none;

  pointer-events: none;



  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}



.pace-inactive {

  display: none;

}



.pace .pace-progress {

  background: #7aef9b;

  position: fixed;

  z-index: 2000;

  top: 0;

  right: 100%;

  width: 100%;

  height: 2px;

}

/*

    Component: Sidebar

--------------------------

*/

#sidebar

{

	position: fixed;

	width: 240px;

	height: 100%;

	left: auto;

	top: 0;

	bottom: 0;

	background-color: #3a3d46;

	background-size: 100% 100%;

	z-index: 999;

}

#page-content

{

	position: relative;

	margin-left: 240px;

}

.sidebar-title {

    color: #6d7176;

    font-family: roboto;

    font-size: 14px;

    font-weight: 400;

    padding-bottom: 12px;

    padding-left: 19px;

    padding-top: 15px;

    text-transform: uppercase;

}

#sidebar .logo

{

	display: block;

	height: 57px;

	line-height: 57px;

	text-align: center;

	border-bottom: 1px solid #363942;

}

#sidebar .logo a img {

    height: 37px;

    width: 128px;

}

#sidebar .sidebar-menu {

  list-style: none;

  margin: 0;

  padding: 0;

}

#sidebar .sidebar-menu > li {

  margin: 0;

  padding: 0;

}

#sidebar .sidebar-menu > li > a {

  padding: 12px 5px 12px 15px;

  display: block;

}

#sidebar .sidebar-menu > li > a > .fa

{

  width: 20px;

}

#sidebar .sidebar-menu .treeview-menu {

  display: none;

  list-style: none;

  padding: 0;

  margin: 0;

}

#sidebar .sidebar-menu .treeview-menu > li {

  margin: 0;

}

#sidebar .sidebar-menu .treeview-menu > li > a {

    background: #363942 none repeat scroll 0 0;

    border-bottom: 1px solid rgba(59, 70, 72, 0.5);

    display: block;

    font-size: 14px;

    margin: 0;

    padding: 9px 5px 9px 35px;

    position: relative;

    transition: 0.5s;

}

#sidebar .sidebar-menu .treeview-menu > li > a:hover

{

    background: #32353e none repeat scroll 0 0;

}

#sidebar .sidebar-menu .treeview-menu > li > a > .fa

{

  width: 20px;

}

/* smftricks sidebar */

#sidebar .sidebar-menu > li > a {

    border-bottom: 1px solid #464851;

    font-family: Roboto,sans-serif;

    font-size: 15px;

    font-weight: 300;

    text-decoration: none;

}

#sidebar .sidebar-menu > li > a:hover,

{

    border-bottom: 1px solid #7aef9b;



} 

#sidebar .sidebar-menu > li > a:hover .fa

{

	color: #7aef9b;	

}



#sidebar .sidebar-menu > li.active > a {

    border-bottom: 1px solid #7aef9b;

    color: #ffffff;

    text-decoration: none;

}

#sidebar .sidebar-menu > li.active > a .fa, 

#sidebar .sidebar-menu > li > a .fa-angle-left, 

#sidebar .sidebar-menu > li > a .fa-angle-down

{

    color: #7aef9b;

}



 #sidebar .sidebar-menu > li > .treeview-menu li a::before {

    color: #7aef9b;

	content:"\f10c";

    font-family: fontawesome;

    font-size: 9px;

    left: 0;

    margin-left: -15px;

    margin-top: -5px;

    position: absolute;

    top: 50%;

}

 .left-side {

    background: #273135 none repeat scroll 0 0;

}

 #sidebar a {

    color: #fff;

}

 #sidebar a:hover {

  text-decoration: none;

}

 .treeview-menu > li > a {

  color: #777;

}

 .treeview-menu > li.active > a,

 .treeview-menu > li > a:hover {

    color: #889097;

}



#page-content > .topmidbar {

    background: #4e5058 none repeat scroll 0 0;

    min-height: 45px;

}

#page-content > .topmidbar .navbar-toggle {

    border-color: #fff;

    color: #fff;

    margin: 8px;

    padding: 5px 10px;

}

#page-content > .innermidbar {

    background: #fff none repeat scroll 0 0;

    margin-bottom: 20px;

    min-height: 40px;

    border-bottom: 1px solid #e9e9e9;

}

#page-content > .innermidbar > .navbar-e 

{

    margin-bottom: 0;

}

#page-content > .innermidbar > .navbar

{

    border:0;

}



#page-content > .innermidbar > .navbar-collapse

{

	padding-left: 15px;

    padding-right: 15px;

}

#page-content > .innermidbar .avatar-top {

    float: right;

    height: 35px;

    position: relative;

    right: -6px;

    top: -6px;

    width: 35px;

}

#page-content > .innermidbar .dropdown-menu > li > a {

    color: #585858;

    border-bottom: 1px solid #ececec;

    padding: 10px;

}

#page-content > .innermidbar .dropdown-menu  {

    border-radius: 0;

    border-top: 1px solid #3a3d46;

    padding: 0;

}

#page-content > .innermidbar .usernav {

    border-left: 1px solid #ececec;

}

#page-content > .innermidbar .br {

    border-right: 1px solid #ececec;

}

#page-content > .innermidbar .nav .open > a, 

#page-content > .innermidbar .nav .open > a:focus, 

#page-content > .innermidbar .nav .open > a:hover

{

    background-color: #fff;

    color: #585858;

}

#page-content > .innermidbar .navbar-collapse

{

    padding-left: 0;

}

.toleft

{

	margin-left: -240px;

}	

.nom, .no-m

{

	margin-left: 0px !important;

}



.col-xs-12

{

    padding-left: 0;

    padding-right: 0;

}



.navbar-offcanvas 

{

    left: -250px;

    max-width: 240px;

    padding-left: 0;

    padding-right: 0;

}



/*News*/

#page-content #boardindex_table .n-board

{

	margin: 0 !important;

}

#page-content .nav-pills > li.active > a, #page-content .nav-pills > li.active > a:focus, #page-content .nav-pills > li.active > a:hover {

    background: #7aef9b none repeat scroll 0 0;

    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset;

    color: #fff;

}

#page-content .nav-pills .nav .open > a, #page-content .nav .open > a:focus, #page-content .nav .open > a:hover

{

    background: #7aef9b;

    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset; 

    color: #fff;

}

#page-content .nav-pills > li > a:focus, #page-content .nav-pills > li > a:hover

{

    background-color: #7aef9b;

    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset;   

    color: #fff;

}

#page-content .nav .open > a,#page-content .nav .open > a:focus,#page-content .nav .open > a:hover

{

    background-color: #7aef9b;

    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset;

    color: #fff; 

}

#page-content .b-news {

    background: #fff none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);

    color: #7aef9b;

    margin-bottom: 10px;

    padding: 10px;

}



/* News*/

#page-content .b-news li {

    color: #575757;

}

#page-content .b-news i {

    float: left;

    position: relative;

    top: 5px;

}



/*New board style*/

#page-content .st-board {

    margin-bottom: 20px;

    padding: 0px 5px;

}

#page-content .b-stats {

    background: #1b1d29 none repeat scroll 0 0;

    padding-left: 15px;

    padding-right: 15px;

}

#page-content .st-board .b-header {

    background: rgba(0, 0, 0, 0.14) none repeat scroll 0 0;

    margin-top: -50px;

    padding: 10px;

    position: relative;

    text-align: center;

}

#page-content .st-board .b-header h3 a, #page-content .st-board .b-header h3 {

    color: #fff;

    font-size: 15px;

}

#page-content .st-board .image-board {

    background-color: #7aef9b;

    background-repeat: none;

    background-position: center center;

    background-size: cover;

    min-height: 120px;

}

@media (max-width:767px) {

    #page-content .st-board .image-board {

        min-height: 100px;

    }

}

/*Memeber list*/

#mlist.row {

    margin-left: -15px;

    margin-right: 0;

}#mlist .btn-group {

    width: auto;

}



#page-content .card {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #e9e9e9;

    margin-bottom: 10px;

    padding: 0;

    position: relative;

    text-align: center;

}

#page-content .card > .content {

    background: #f8f8f8 none repeat scroll 0 0;

}

#page-content .card .avatar img {

  width: 100px;

  height: 100px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

border: 5px solid #7aef9b;

}

#page-content .card > .m_mlink {

    font-size: 16px;

    font-weight: lighter;

    position: relative;

    top: 8px;

}

#page-content .card > .m_mgroup {

    color: #bdbdbd;

    position: relative;

    top: 2px;

}

/* bottom stats */

#b-stats 

{

    min-height: 200px;

    overflow: auto;

}

#b-stats .nav-tabs, .nav-pills

{

    text-align: center;

}

#b-stats .nav-tabs > li, #b-stats .nav-pills > li {

    display: inline-block;

    float: none;

}

/* Other */

.board_bg {

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);

}

.st-info {

    padding-top: 14px;

}

.b-stats .st-info {

    padding-bottom: 8px;

    padding-top: 8px;

}

.titlecat {

    padding-left: 20px !important;

}

.to-le {

    right: 20px;

}

.collapse2 {

    float: right;

    margin-left: 10px;

    margin-right: 5px;

}

/*Board tabs*/

#IC 

{

    margin-top: 5px;

}

#IC .nav 

{

    margin: 0;

    margin-bottom: 4px;

}

#IC ul.nav.nav-tabs

{

    background: transparent;

    border: none;

    border-top: none;

}

#IC .nav-tabs > li:first-child > a

{

    margin-left: 0px;

}

#IC .nav-tabs > li > a:hover,#IC .nav-tabs > li > a:focus

{

    background: transparent none repeat scroll 0 0;

    border-bottom: 2px solid;

    border-color: #7aef9b;

    border-right-color: transparent !important;

    border-left-color: transparent !important;

    color: #7aef9b;

}

#IC .nav-tabs > li.active > a:hover

{

    background: #FFF;

}

#IC .nav-tabs > li > a 

{

    border-bottom: 2px solid #363840;

    border-radius: 0;

    border-top: medium none;

    color: #363840;

}

#IC .nav-tabs > li.active > a, #IC .nav-tabs > li.active > a:hover {

    background: transparent none repeat scroll 0 0;

    border-bottom: 2px solid #7aef9b;

    border-right-color: transparent !important;

    border-left-color: transparent !important;

    color: #7aef9b;

}

#IC .avatar_dot {

    height: 30px !important;

    width: 30px !important;

}

#IC #upshrink_ic {

    margin-top: 7px;

}

#IC .tab-content

{

    background: transparent;

    border-radius: 0 0 4px 4px;

    border: none;

    border-top: none;

}

@media (max-width:767px) {

    #IC .nav-tabs li span

    {

        display: none;

    }

} 

/*Subforum style*/

.subforum_sh

{

    background: url(../images/theme/subforum_stem.png) no-repeat scroll left 4px transparent;

    margin: 2px 0 0px 5px;

    padding-left: 20px;

}

ul.subforum_sh li 

{

    display: inline-block;

    margin-left: 14px !important;

}

.board_sk {

    font-weight: 400;

    padding: 3px 0;

    vertical-align: middle;

}

.board_sk img {

    vertical-align: middle;

}

.subforum_b {

    background-color: #7aef9b;

    border-radius: 0.25em;

    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset;

    color: #fff !important;

    display: inline-block;

    font-size: 11px;

    font-weight: lighter;

    line-height: 12px;

    margin-left: 0;

    padding: 3px 4px;

    text-shadow: none;

}

.subforum_b a

{

    color: #ffffff !important;

}

.subforum_b:hover {

    background-color: #7aef9b;

    text-decoration: none;

}

.subforum_b a:hover{

    text-decoration: none;

    color: white;

}

.board-description {

    color: #575757;

    font-size: 12px;

    font-weight: 300;

}



/* Panel stats */

.panelb {

    background: #fff none repeat scroll 0 0;

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);

    min-height: 65px;

    padding: 10px;

}

.panelb > .avatar {

    float: left;

    width: 8%;

}

.panelb > .content-top, .panelb > .content-bottom

{

    width: 92%;

    float: right;

}

.panelb > .content-top {

    padding: 4px;

    position: relative;

}

.panelb > .content-top > h4 {

    font-size: 15px;

}

.panelb > .content-top > h4 > a

{

    color: #575757;

}

.panelb > .content-bottom {

    border-top: 2px solid #ececec;

    color: #575757 !important;

}

.panelb > .content-bottom a {

    color: #575757;

}

.panelb > .content-bottom > .info {

    display: inline-flex;

    list-style: outside none none;

    margin-bottom: 0;

    padding: 5px 0 0;

}

.panelb > .content-bottom > .info li {

    display: block;

    padding-right: 10px;

}

/**Ellipsis*/

.panelb > .content-top > .ellipsis a {

    display: inline-block;

    margin: 0;

    overflow: hidden;

    padding: 0;

    text-align: left;

    text-decoration: none;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 200px;

}

/* Some things */

.alert-topic {

    background: #fff none repeat scroll 0 0;

    border-color: #e9e9e9;

    color: #575757 !important;

}

.display-info {

    margin: 10px 0;

    overflow: hidden;

}

.display-info li {

    float: left;

    margin-right: 10px !important;

}



/* MP Dropdown*/

.count-mp {

    background: #7aef9b none repeat scroll 0 0;

    border-radius: 10px;

    color: #fff;

    font-size: 9px;

    height: 5px;

    margin-left: -8px;

    padding-left: 5px;

    padding-right: 5px;

    top: -10px;

}

.st-mp

{

    margin-right: 0;

}

.dropdown-menu.dropdown-menu-lg {

    width: 300px;

    border-color: #ececec !important;

}

.lv-header {

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 1px solid #ececec;

    font-weight: 500;

    line-height: 100%;

    margin-bottom: 10px;

    padding: 15px 10px 13px;

    text-align: center;

    text-transform: uppercase;

}

.lv-footer {

    background: #f6f6f6 none repeat scroll 0 0;

    border-top: 1px solid #ececec;

    color: transparent;

    display: block;

    font-size: 11px;

    line-height: 100%;

    margin-top: 20px;

    padding: 7px 10px 8px;

    text-align: center;

}

.listview {

    position: relative;

}

.listview .lv-item {

    display: block;

    position: relative;

    transition: background-color 300ms ease 0s;

    padding: 8px;

}

.listview .lv-item .lv-small {

    color: #606060;

    display: block;

    font-size: 12px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

}

.listview .lv-title {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.listview a.lv-item:hover, .listview a.lv-item.new:hover {

    background: #f8f8f8 none repeat scroll 0 0;

    text-decoration: none;

}

.listview a.lv-item.new {

    background: #f8f8f8 none repeat scroll 0 0;

}

.listview [class*="lv-img"] {

    border-radius: 50%;

}

.listview .lv-img-sm {

    height: 35px;

    width: 35px;

}

/* style of linktree */

#crumbs {

	padding: 0px;

    float: left;

}


#crumbs ul li {

    color: #fff;

    display: inline-flex;

    margin-top: -3px;

}

#crumbs ul li a {
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    height: 44px;
    padding: 16px 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

#crumbs ul li.home a {

    margin-right: 10px;

    padding-left: 14px;

    padding-right: 10px;

}

#crumbs ul li.home:first-child a::after {

    border-bottom: 22px solid transparent;

    border-left: 10px solid #454851;

    border-top: 22px solid transparent;

    content: "";

    position: absolute;

    right: -10px;

    top: 0;

    z-index: 1;

}

#crumbs ul li.home:first-child a {

	background-color: #454851;



}

#crumbs ul li.home:first-child a:before {

	display: none; 

}

#crumbs ul li:last-child a:after {

	display: none; 

}

@media (max-width:991px) {

    #crumbs ul li

    {

        display: none;

    }

    #crumbs ul li:first-child, #crumbs ul li:last-child

    {

        display: inline-block;

    }

}

#crumbs ul .last span {

    display: inline-block;

}

/* Searchbar*/

.stylish-input-group {

    float: left;

    margin: 10px;

    width: 180px;

}



.input-group-addon {

    background: white none repeat scroll 0 0 !important;

    border-radius: 100px;

    padding: 4px 12px;

}

.stylish-input-group .form-control{

    border-right:0; 

    box-shadow:0 0 0; 

    border-color:#ccc;

    border-radius: 100px;

    height: 30px;

}

.stylish-input-group button{

    border:0;

    background:transparent;

}

/* Color picker */

.colpick_box {

    border: 1px solid #000;

    color: transparent !important;

    cursor: pointer;

    height: 20px;

    margin: 5px 5px 5px 2px;

    width: 20px;

}

.colpick {

    position: absolute;

    width: 346px;

    height: 170px;

    overflow: hidden;

    display: none;

    font-family: Arial, Helvetica, sans-serif;

    background:#ebebeb;

    border: 1px solid #bbb;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    

    /*Prevents selecting text when dragging the selectors*/

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

    z-index: 10000;

}

/*Color selection box with gradients*/

.colpick_color {

    position: absolute;

    left: 7px;

    top: 7px;

    width: 156px;

    height: 156px;

    overflow: hidden;

    outline: 1px solid #aaa;

    cursor: crosshair;

}

.colpick_color_overlay1 {

    position: absolute;

    left:0;

    top:0;

    width: 156px;

    height: 156px;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */

    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */

    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */

}

.colpick_color_overlay2 {

    position: absolute;

    left:0;

    top:0;

    width: 156px;

    height: 156px;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

/*Circular color selector*/

.colpick_selector_outer {

    background:none;

    position: absolute;

    width: 11px;

    height: 11px;

    margin: -6px 0 0 -6px;

    border: 1px solid black;

    border-radius: 50%;

}

.colpick_selector_inner{

    position: absolute;

    width: 9px;

    height: 9px;

    border: 1px solid white;

    border-radius: 50%;

}

/*Vertical hue bar*/

.colpick_hue {

    position: absolute;

    top: 6px;

    left: 175px;

    width: 19px;

    height: 156px;

    border: 1px solid #aaa;

    cursor: n-resize;

}

/*Hue bar sliding indicator*/

.colpick_hue_arrs {

    position: absolute;

    left: -8px;

    width: 35px;

    height: 7px;

    margin: -7px 0 0 0;

}

.colpick_hue_larr {

    position:absolute;

    width: 0; 

    height: 0; 

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 7px solid #858585;

}

.colpick_hue_rarr {

    position:absolute;

    right:0;

    width: 0; 

    height: 0; 

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent; 

    border-right: 7px solid #858585; 

}

/*New color box*/

.colpick_new_color {

    position: absolute;

    left: 207px;

    top: 6px;

    width: 60px;

    height: 27px;

    background: #f00;

    border: 1px solid #8f8f8f;

}

/*Current color box*/

.colpick_current_color {

    position: absolute;

    left: 277px;

    top: 6px;

    width: 60px;

    height: 27px;

    background: #f00;

    border: 1px solid #8f8f8f;

}

/*Input field containers*/

.colpick_field, .colpick_hex_field  {

    position: absolute;

    height: 20px;

    width: 60px;

    overflow:hidden;

    background:#f3f3f3;

    color:#b8b8b8;

    font-size:12px;

    border:1px solid #bdbdbd;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.colpick_rgb_r {

    top: 40px;

    left: 207px;

}

.colpick_rgb_g {

    top: 67px;

    left: 207px;

}

.colpick_rgb_b {

    top: 94px;

    left: 207px;

}

.colpick_hsb_h {

    top: 40px;

    left: 277px;

}

.colpick_hsb_s {

    top: 67px;

    left: 277px;

}

.colpick_hsb_b {

    top: 94px;

    left: 277px;

}

.colpick_hex_field {

    width: 68px;

    left: 207px;

    top: 121px;

}

/*Text field container on focus*/

.colpick_focus {

    border-color: #999;

}

/*Field label container*/

.colpick_field_letter {

    position: absolute;

    width: 12px;

    height: 20px;

    line-height: 20px;

    padding-left: 4px;

    background: #efefef;

    border-right: 1px solid #bdbdbd;

    font-weight: bold;

    color:#777;

}

/*Text inputs*/

.colpick_field input, .colpick_hex_field input {

    position: absolute;

    right: 11px;

    margin: 0;

    padding: 0;

    height: 20px;

    line-height: 20px;

    background: transparent;

    border: none;

    font-size: 12px;

    font-family: Arial, Helvetica, sans-serif;

    color: #555;

    text-align: right;

    outline: none;

}

.colpick_hex_field input {

    right: 4px;

}

/*Field up/down arrows*/

.colpick_field_arrs {

    position: absolute;

    top: 0;

    right: 0;

    width: 9px;

    height: 21px;

    cursor: n-resize;

}

.colpick_field_uarr {

    position: absolute;

    top: 5px;

    width: 0; 

    height: 0; 

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-bottom: 4px solid #959595;

}

.colpick_field_darr {

    position: absolute;

    bottom:5px;

    width: 0; 

    height: 0; 

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-top: 4px solid #959595;

}

/*Submit/Select button*/

.colpick_submit {

    position: absolute;

    left: 207px;

    top: 149px;

    width: 130px;

    height: 22px;

    line-height:22px;

    background: #efefef;

    text-align: center;

    color: #555;

    font-size: 12px;

    font-weight:bold;

    border: 1px solid #bdbdbd;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.colpick_submit:hover {

    background:#f3f3f3;

    border-color:#999;

    cursor: pointer;

}



/*full layout with no submit button*/

.colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{

    display:none;

}

.colpick_full_ns .colpick_new_color {

    width: 130px;

    height: 25px;

}

.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {

    top: 42px;

}

.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {

    top: 73px;

}

.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {

    top: 104px;

}

.colpick_full_ns .colpick_hex_field {

    top: 135px;

}



/*rgbhex layout*/

.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {

    display:none;

}

.colpick_rgbhex {

    width:282px;

}

.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {

    width:68px;

}

.colpick_rgbhex .colpick_new_color {

    width:34px;

    border-right:none;

}

.colpick_rgbhex .colpick_current_color {

    width:34px;

    left:240px;

    border-left:none;

}



/*rgbhex layout, no submit button*/

.colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{

    display:none;

}

.colpick_rgbhex_ns .colpick_new_color{

    width:68px;

    border: 1px solid #8f8f8f;

}

.colpick_rgbhex_ns .colpick_rgb_r {

    top: 42px;

}

.colpick_rgbhex_ns .colpick_rgb_g {

    top: 73px;

}

.colpick_rgbhex_ns .colpick_rgb_b {

    top: 104px;

}

.colpick_rgbhex_ns .colpick_hex_field {

    top: 135px;

}



/*hex layout*/

.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {

    display:none;

}

.colpick_hex {

    width:206px;

    height:201px;

}

.colpick_hex .colpick_hex_field {

    width:72px;

    height:25px;

    top:168px;

    left:80px;

}

.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {

    height: 25px;

    line-height: 25px;

}

.colpick_hex .colpick_new_color {

    left:9px;

    top:168px;

    width:30px;

    border-right:none;

}

.colpick_hex .colpick_current_color {

    left:39px;

    top:168px;

    width:30px;

    border-left:none;

}

.colpick_hex .colpick_submit {

    left:164px;

    top: 168px;

    width:30px;

    height:25px;

    line-height: 25px;

}



/*hex layout, no submit button*/

.colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {

    display:none;

}

.colpick_hex_ns .colpick_hex_field {

    width:80px;

}

.colpick_hex_ns .colpick_new_color{

    width:60px;

    border: 1px solid #8f8f8f;

}



/*Dark color scheme*/

.colpick_dark {

    background: #161616;

    border-color: #2a2a2a;

}

.colpick_dark .colpick_color {

    outline-color: #333;

}

.colpick_dark .colpick_hue {

    border-color: #555;

}

.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {

    background: #101010;

    border-color: #2d2d2d;

}

.colpick_dark .colpick_field_letter {

    background: #131313;

    border-color: #2d2d2d;

    color: #696969;

}

.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {

    color: #7a7a7a;

}

.colpick_dark .colpick_field_uarr {

    border-bottom-color:#696969;

}

.colpick_dark .colpick_field_darr {

    border-top-color:#696969;

}

.colpick_dark .colpick_focus {

    border-color:#444;

}

.colpick_dark .colpick_submit {

    background: #131313;

    border-color:#2d2d2d;

    color:#7a7a7a;

}

.colpick_dark .colpick_submit:hover {

    background-color:#101010;

    border-color:#444;

}

/* some alerts */

.alert-minimalist {

    background-color: #fff;

    border-color: #cecece;

    border-radius: 3px;

    color: #575757;

    padding: 10px;

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);

}

.alert-minimalist > [data-notify="icon"] {

    height: 50px;

    margin-right: 12px;

}

.alert-minimalist > [data-notify="title"] {

    color: #575757;

    display: block;

    font-weight: bold;

    margin-bottom: 0px;

    text-transform: capitalize;

}

.alert-minimalist > [data-notify="message"] {

    font-size: 80%;

}

/* Theme config*/

.config-theme

{

    overflow: hidden;

    position: absolute;

    right: 0;

    top: 90px;

}

.config-theme > .config-box {

    margin-right: -220px;

    position: fixed;

    right: 0;

    transition-duration: 0.8s;

    z-index: 2000;

}

.config-theme > .config-box.show {

    margin-right: 0;

}

.config-theme > .config-box .spin-icon 

{

    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;

    border-radius: 20px 0 0 20px;

    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.26);

    color: #fff;

    cursor: pointer;

    font-size: 16px;

    left: 0;

    padding: 7px 10px 7px 13px;

    position: absolute;

    top: 40px;

    width: 40px;

}

.theme-settings {

    background: #fff none repeat scroll 0 0;

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);

    margin-left: 40px;

    padding-bottom: 10px;

    width: 220px;

}

.theme-settings .title {

    background-color: #7aef9b;

    font-weight: bold;

    padding: 10px;

    text-align: center;

    color: #ffffff;

}

.theme-settings > .item {

    height: auto !important;

    padding: 10px 20px;

}

.theme-settings > .item > .item-content {

    float: right;

}

/* To Top*/

#toTop{

    position: fixed;

    bottom: 50px;

    right: 10px;

    cursor: pointer;

    display: none;

}



/* Login modal */

.modal-content {

    background-color: #fff;

}

.modal-header {

    background: #7aef9b none repeat scroll 0 0;

    border-color: #7aef9b;

    border-radius: 4px 4px 0 0;

    text-align: center;

}

.modal-header h3

{

    text-transform: uppercase;

    color: #FFF;

    text-shadow: 0 1px rgba(0,0,0,.2);

}

.modal-header button, .modal-header button:hover {

    background: #1b1d29 none repeat scroll 0 0;

    border: medium none;

    border-radius: 100%;

    color: #fff;

    font-weight: normal;

    opacity: 1;

    padding: 3px 8px 5px;

    position: absolute;

    right: -12px;

    text-decoration: none;

    text-shadow: 0 1px rgba(0, 0, 0, 0.2);

    top: -12px;

}

.modal-header .avatar

{

    margin: 20px 0 -60px;

    border: 2px solid #7aef9b;

}

.modal-body

{

    padding-top: 64px;

}

.modal-footer

{

    padding-top: 0;

    border-top: 0;

}

.modal-footer .btn-success,.modal-footer .btn-success:hover, .modal-footer .btn-success:hover

{   

    background-color: #d46969;

    border-color: #d46969;

}

/* new input's style */

.control {

    font-size: 18px;

    position: relative;

    display: inline-block;

    margin-bottom: 15px;

    padding-left: 30px;

    cursor: pointer;

}

.control input {

    position: absolute;

    z-index: -1;

    opacity: 0;

}

.control__indicator {

    position: absolute;

    top: 2px;

    left: 0;

    width: 20px;

    height: 20px;

    background: #d2d2d2;

}

.control--radio .control__indicator {

    border-radius: 50%;

}

/* Hover and focus states */

.control:hover input ~ .control__indicator,

.control input:focus ~ .control__indicator {

    background: #e6e6e6;

}



/* Checked state */

.control input:checked ~ .control__indicator {

    background: #54d382;

}



/* Hover state whilst checked */

.control:hover input:not([disabled]):checked ~ .control__indicator,

.control input:checked:focus ~ .control__indicator {

    background: #43c271;

}



/* Disabled state */

.control input:disabled ~ .control__indicator {

    pointer-events: none;

    opacity: .6;

    background: #e6e6e6;

}



/* Check mark */

.control__indicator:after {

    position: absolute;

    display: none;

    content: '';

}



/* Show check mark */

.control input:checked ~ .control__indicator:after {

    display: block;

}



/* Checkbox tick */

.control--checkbox .control__indicator:after {

    top: 4px;

    left: 8px;

    width: 5px;

    height: 8px;

    transform: rotate(45deg);

    border: solid #fff;

    border-width: 0 2px 2px 0;

}



/* Disabled tick colour */

.control--checkbox input:disabled ~ .control__indicator:after {

    border-color: #7b7b7b;

}



/* Radio button inner circle */

.control--radio .control__indicator:after {

    top: 7px;

    left: 7px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #fff;

}



/* Disabled circle colour */

.control--radio input:disabled ~ .control__indicator:after {

    background: #7b7b7b;

}

.select {

    position: relative;

    display: inline-block;

    margin-bottom: 15px;

    width: auto;

    max-width: 277px;

}



.select select {

    display: inline-block;

    width: auto;

    padding: 10px 15px;

    cursor: pointer;

    color: #848484;

    border: 0;

    font-size: 12px;

    border-radius: 0;

    outline: 0;

    background: #fafafa;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    border: 1px solid #efefef;

}

.select select::-ms-expand {

    display: none;

}

.select select:hover,

.select select:focus {

    color: #747474;

    background: #fff;

}



.select select:disabled {

    pointer-events: none;

    opacity: .5;

}



.select__arrow {

    position: absolute;

    top: 16px;

    right: 15px;

    width: 0;

    height: 0;

    pointer-events: none;

    border-width: 8px 5px 0 5px;

    border-style: solid;

    border-color: #7b7b7b transparent transparent transparent;

}

.select select:hover ~ .select__arrow,

.select select:focus ~ .select__arrow {

    border-top-color: ;

}

.select select:disabled ~ .select__arrow {

    border-top-color: #ccc;

}

/* social and links */

ul.links {

    list-style: outside none none;

    padding: 0;

    margin-bottom: 0;

    list-style: outside none none;

    padding: 0;

    display: inline-flex;

}



ul.links li {

    font-size: 13px !important;

}

ul.links li > a {

    border-right: 1px solid #4a4c55;

    color: #fff;

    display: block;

    line-height: 45px;

    padding: 0 15px;

    position: relative;

    text-transform: capitalize;

}

ul.links > li a:hover {

    color: #ffffff;

    text-decoration: none;

}

.bottom_links {

    background: #363840 none repeat scroll 0 0;

    bottom: 0;

    padding: 15px;

    position: absolute;

    width: 100%;

}

.t-social {

    margin-bottom: 0;

}

.t-social {

    list-style: outside none none;

    text-align: center;

    padding-left: 0;

}

.t-social li {

    display: inline;

    margin-right: 5px;

}

.t-social ul li a {

    color: #fff;

}

.t-social .round i {

    font-size: 14px;

    position: relative;

    top: 1px;

}

.t-social .social_icon.facebook span:hover

{

    color: #3b5999 !important;

}

.t-social .social_icon.twitter span:hover

{

    color: #55acee !important;

}

.t-social .social_icon.youtube span:hover

{

    color: #cd201f !important;

}

.t-social .social_icon.instagram span:hover

{

    color: #e4405f !important;

}

.t-social .social_icon.gplus span:hover

{

    color: #dd4b39 !important;

}

.t-social .social_icon.rss span:hover

{

    color: #ff3300 !important;

}

.round.fvicons {

    background: #FFF;

    border-radius: 15px;

    border-style: solid;

    border-width: 1px;

    color: #515151;

    display: inline-block;

    height: 27px;

    line-height: 23px;

    text-align: center;

    width: 27px;

    border: 1px solid #fff;

}



/* New simple style of board info */

.tp_stats {

    margin-bottom: 10px;

}

.panel-ts h4

{

    text-align: center;

}

.panel-ts .panel-body {

    background-color: #fff;

    border-top: 2px solid transparent;

    margin-bottom: 20px;

    padding: 0;

}

.panel-ts .panel-body.lastp {

    border-color: #d85859;

}

.panel-ts .panel-body.stats {

    border-color: #3a3d46;

}

.panel-ts .panel-body.ousers {

    border-color: #7aee9a;

}

.panel-ts .panel-body.calendar {

    border-color: #7aee9a;

}

.panels .content {

    border-bottom: 1px solid #ececec;

    overflow: auto;

    padding: 5px;

}

.panel-ts .panel-body.lastp .panels .content {

    border-bottom: 1px solid #ececec;

    height: 50px;

    overflow: unset;

}

.panels .avatar {

    float: left;

    margin-right: 5px;

}

.panels .avatar img {

    height: 40px !important;

    width: 40px !important;

}





/* New style of login and register template */

/* Form */

.form {

  position: relative;

  z-index: 1;

  background-color: #FFFFFF;

  max-width: 400px;

  margin: 0 auto 100px;

  padding: 30px;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  text-align: center;

}

.form .thumbnail {

  background: #7aef9b;

  color: #fff;

  width: 150px;

  height: 150px;

  margin: 0 auto 30px;

  padding: 50px 30px;

  border-top-left-radius: 100%;

  border-top-right-radius: 100%;

  border-bottom-left-radius: 100%;

  border-bottom-right-radius: 100%;

  box-sizing: border-box;

}

.form .thumbnail img {

  display: block;

  width: 100%;

}

.form input {

  outline: 0;

  background-color: #f2f2f2;

  width: 100%;

  border: 0;

  margin: 0 0 15px;

  padding: 15px;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  box-sizing: border-box;

  font-size: 14px;

}

.form button, .form a.btn  {

  outline: 0;

  width: 100%;

  border: 0;

  padding: 15px;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  color: #FFFFFF;

  font-size: 14px;

  -webkit-transition: all 0.3 ease;

  transition: all 0.3 ease;

  cursor: pointer;

}

.form .message {

  margin: 15px 0 0;

  color: #b3b3b3;

  font-size: 12px;

}

.form .message a {

  color: #EF3B3A;

  text-decoration: none;

}

.form .register-form {

  display: none;

}

.openid_login {

    background: rgba(0, 0, 0, 0) url("../images/openid.gif") no-repeat scroll 4px 15px;

}

.badge.emerald

{

    background-color: #7aef9b;

    color: #fff;

    padding-right: 10px;

}
.linktree
{
     float: left;
}
.breadcrumb {
    background: transparent none repeat scroll 0 0;
    display: inline-flex;
    font-size: 12px;
    height: 44px;
    margin: 0 1px 0 0;
    padding: 3px 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.breadcrumb li > a > span.fa-home {
    font-size: 16pt;
}
.breadcrumb>li,
.breadcrumb>li>a {
    display: inline-block;
    color: #4c4e52;
    float: left;
}
.breadcrumb > li > a.home-color {
    color: #4c4e52;
}

.breadcrumb>li+li:before {
    font-family: FontAwesome;
    padding: 17px 5px;
    color: #999 !important;
    content: "\f054";
    font-size: 10px;
    vertical-align: middle;
    float: left;
}
.breadcrumb>li:nth-child(2):before {
    content: "" !important;
}

.breadcrumb>.active,
.breadcrumb>.active>a {
    color: #bf3f40;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
    padding-left: 2px;
}
.breadcrumb > .active > span.extra {
    padding-left: 5px;
}
.breadcrumb>li>.extra {
    color: #696f72!important
}

.breadcrumb>li>.extra>span>strong {
    display: inline-block!important;
    float: left;
}
.breadcrumb-dropdown {
    background-color: #4e5058 !important;
    border-color: rgba(255,255,255, 0.1); !important;
    border-width: 0 1px 1px !important;
    border-style: solid !important;
    margin-top: 45px !important;
    top: auto !important;
    left: auto !important;
}
.breadcrumb-dropdown a
{
    clear: none !important;
    display: inline-block !important;
    padding: 0 !important;
    color: #444;
}
.breadcrumb-dropdown a:hover
{
    background-color: transparent !important;
}
.breadcrumb-dropdown li {
    height: 40px;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-top: 10px;
}
#breadcrumbDrop .caret
{
    margin-left: 2px;
    margin-top: 6px;
}
.breadcrumb-dropdown li:last-child {
    border-bottom: none !important;
}