﻿body #Prof{
    color: #333;
    padding: 0!important;
    margin: 0!important;
    font-size: 14px
}

#Prof.profile,
#Prof.profile-classic .profile-image {
    position: relative
}

#Prof .add-portfolio,
#Prof .portfolio-block,
#Prof .portfolio-stat,
#Prof .portfolio-text,
#Prof .portfolio-text .portfolio-text-info {
    overflow: hidden
}

#Prof .page-container-bg-solid .profile {
    background: #fff;
    padding: 20px
}

#Prof.profile p {
    color: #636363;
    font-size: 13px
}

#Prof.profile p a {
    color: #169ef4
}

#Prof.profile label {
    /*margin-top: 10px*/
}

#Prof.profile label:first-child {
    /*margin-top: 0*/
}

#Prof.profile-classic .profile-edit {
    top: 0;
    right: 0;
    margin: 0;
    color: #fff;
    opacity: .6;
    padding: 0 9px;
    font-size: 11px;
    background: #000;
    position: absolute;
    filter: alpha(opacity=60)
}

#Prof.profile-classic .profile-image img {
    margin-bottom: 15px
}

#Prof.profile-classic li {
    padding: 8px 0;
    font-size: 13px;
    border-top: solid 1px #f5f5f5
}

#Prof.profile-classic li:first-child {
    border-top: none
}

#Prof.profile-classic li span {
    color: #666;
    font-size: 13px;
    margin-right: 7px
}

#Prof.profile .tabbable-custom-profile .nav-tabs>li>a {
    padding: 6px 12px
}

#Prof.profile ul.profile-nav {
    margin-bottom: 30px
}

#Prof.profile ul.profile-nav img.pic-bordered {
    border: 1px solid #e1e7ee
}

#Prof.profile ul.profile-nav li {
    position: relative
}

#Prof.profile ul.profile-nav li a {
    color: #557386;
    display: block;
    font-size: 14px;
    padding: 8px 10px;
    margin-bottom: 1px;
    background: #f0f6fa;
    border-left: solid 2px #c4d5df
}

#Prof.profile ul.profile-nav li a:hover {
    color: #169ef4;
    background: #ecf5fb;
    text-decoration: none;
    border-left: solid 2px #169ef4
}

#Prof.profile ul.profile-nav li a.profile-edit {
    top: 0;
    right: 0;
    margin: 0;
    color: #fff;
    opacity: .6;
    border: none;
    padding: 3px 9px;
    font-size: 12px;
    background: #000;
    position: absolute;
    filter: alpha(opacity=60)
}

#Prof.profile ul.profile-nav li a.profile-edit:hover {
    text-decoration: underline
}

#Prof.profile ul.profile-nav a span {
    top: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    padding: 7px 13px;
    position: absolute;
    background: #169ef4
}

#Prof.profile ul.profile-nav a:hover span {
    background: #0b94ea
}

#Prof.profile-info h1 {
    color: #383839;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px
}

#Prof.profile-info ul {
    margin-bottom: 15px
}

#Prof.profile-info li {
    color: #6b6b6b;
    font-size: 13px;
    margin-right: 15px;
    margin-bottom: 5px;
    padding: 0!important
}

#Prof.profile-info li i {
    color: #b5c1c9;
    font-size: 15px
}

#Prof.profile-info li:hover i {
    color: #169ef4
}

#Prof .sale-summary ul {
    margin-top: -10px
}

#Prof .sale-summary li {
    padding: 10px 0;
    overflow: hidden;
    border-top: solid 1px #eee
}

#Prof .sale-summary li:first-child {
    border-top: none
}

#Prof .sale-summary li .sale-info {
    margin-top: 4px;
    float: left;
    color: #646464;
    font-size: 14px;
    text-transform: uppercase
}

#Prof .sale-summary li .sale-num {
    float: right;
    color: #169ef4;
    font-size: 20px;
    font-weight: 300
}

#Prof .sale-summary li span i {
    top: 1px;
    width: 13px;
    height: 14px;
    margin-left: 3px;
    position: relative;
    display: inline-block
}

#Prof .sale-summary li i.icon-img-up {
    background: url(../../img/icon-img-up.png) no-repeat!important
}

#Prof .sale-summary li i.icon-img-down {
    background: url(../../img/icon-img-down.png) no-repeat!important
}

#Prof .sale-summary .caption h4 {
    color: #383839;
    font-size: 18px
}

#Prof .sale-summary .caption {
    border-color: #c9c9c9
}

#Prof.profile .table-advance thead tr th {
    background: #f0f6fa
}

#Prof.profile .table-bordered,
#Prof.profile .table-bordered td,
#Prof.profile .table-bordered th {
    border-color: #e5eff6
}

#Prof.profile .table-striped tbody>tr:nth-child(2n+1)>td,
#Prof.profile .table-striped tbody>tr:nth-child(2n+1)>th {
    background: #fcfcfc
}

#Prof.profile .table-hover tbody tr:hover td,
#Prof.profile .table-hover tbody tr:hover th {
    background: #f5fafd
}

#Prof .add-portfolio {
    margin-bottom: 30px;
    background: #f0f6fa;
    padding: 12px 14px
}

#Prof .add-portfolio span {
    float: left;
    display: inline-block;
    font-weight: 300;
    font-size: 22px;
    margin-top: 0
}

#Prof .add-portfolio .btn {
    margin-left: 20px
}

#Prof .portfolio-block {
    background: #f7f7f7;
    margin-bottom: 15px
}

#Prof .portfolio-text img {
    float: left;
    margin-right: 15px
}

#Prof .portfolio-btn a {
    display: block;
    padding: 25px 0;
    background: #ddd!important
}

#Prof .portfolio-btn a:hover {
    background: #1d943b!important
}

#Prof .portfolio-btn span {
    color: #fff;
    font-size: 22px;
    font-weight: 200
}

#Prof .portfolio-info {
    float: left;
    color: #616161;
    font-size: 12px;
    padding: 10px 25px;
    margin-bottom: 5px;
    text-transform: uppercase
}

#Prof .portfolio-info span {
    color: #16a1f2;
    display: block;
    font-size: 28px;
    line-height: 28px;
    margin-top: 0;
    font-weight: 200;
    text-transform: uppercase
}

#Prof.profile-settings {
    background: #fafafa;
    padding: 15px 8px 0;
    margin-bottom: 5px
}

#Prof.profile-settings p {
    padding-left: 5px;
    margin-bottom: 3px
}

#Prof.profile-settings .controls>.checkbox,
#Prof.profile-settings .controls>.radio {
    font-size: 12px;
    margin-top: 2px!important
}

#Prof .portlet>.portlet-body,
#Prof .portlet>.portlet-title:after {
    clear: both
}

#Prof .portlet {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

#Prof .portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px
}

#Prof .portlet>.portlet-title {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 10px;
    min-height: 41px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

#Prof .portlet>.portlet-title:after,
#Prof .portlet>.portlet-title:before {
    content: " ";
    display: table
}

#Prof .portlet>.portlet-title>.caption {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0
}

#Prof .portlet>.portlet-title>.caption.bold {
    font-weight: 400
}

#Prof .portlet>.portlet-title>.caption>i {
    /*margin-top: 4px;*/
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    color: #f70000;
	font-weight: 900;
	vertical-align:middle
}

#Prof .portlet>.portlet-title>.caption>i.glyphicon {
    /*margin-top: 2px*/
}

#Prof .portlet>.portlet-title>.caption>.caption-helper {
    padding: 0;
    margin: 0;
    line-height: 13px;
    color: #9eacb4;
    font-size: 13px;
    font-weight: 400
}

#Prof .portlet>.portlet-title>.actions {
    float: right;
    display: inline-block;
    padding: 6px 0
}


#Prof .portlet>.portlet-title>.actions>.btn,
#Prof .portlet>.portlet-title>.actions>.btn-group>.btn,
#Prof .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm,
#Prof .portlet>.portlet-title>.actions>.btn.btn-sm {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1.5
}

#Prof .portlet>.portlet-title>.actions>.btn-group>.btn.btn-default,
#Prof .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm.btn-default,
#Prof .portlet>.portlet-title>.actions>.btn.btn-default,
#Prof .portlet>.portlet-title>.actions>.btn.btn-sm.btn-default {
    padding: 3px 9px
}

#Prof .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm>i,
#Prof .portlet>.portlet-title>.actions>.btn-group>.btn>i,
#Prof .portlet>.portlet-title>.actions>.btn.btn-sm>i,
#Prof .portlet>.portlet-title>.actions>.btn>i {
    font-size: 13px
}

#Prof .portlet>.portlet-title>.actions .btn-icon-only {
    padding: 5px 7px 3px
}

#Prof .portlet>.portlet-title>.actions .btn-icon-only.btn-default {
    padding: 4px 6px 2px
}

#Prof .portlet>.portlet-title>.actions .btn-icon-only.btn-default>i {
    font-size: 14px
}

#Prof .portlet>.portlet-title>.tools {
    float: right;
    display: inline-block;
    padding: 12px 0 8px
}

#Prof .portlet>.portlet-title>.tools>a {
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    opacity: 1;
    filter: alpha(opacity=100)
}

#Prof .portlet>.portlet-title>.tools>a.remove {
    background-image: url(../img/portlet-remove-icon.png);
    background-repeat: no-repeat;
    width: 11px
}

#Prof .portlet>.portlet-title>.tools>a.config {
    background-image: url(../img/portlet-config-icon.png);
    background-repeat: no-repeat;
    width: 12px
}

#Prof .portlet>.portlet-title>.tools>a.reload {
    background-image: url(../img/portlet-reload-icon.png);
    width: 13px
}

#Prof .portlet>.portlet-title>.tools>a.expand {
    background-image: url(../img/portlet-expand-icon.png);
    width: 14px;
    visibility: visible
}

#Prof .portlet>.portlet-title>.tools>a.collapse {
    background-image: url(../img/portlet-collapse-icon.png);
    width: 14px;
    visibility: visible
}

#Prof .portlet>.portlet-title>.tools>a:hover {
    text-decoration: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: .8;
    filter: alpha(opacity=80)
}

#Prof .portlet>.portlet-title>.pagination {
    float: right;
    display: inline-block;
    margin: 2px 0 0;
    border: 0;
    padding: 4px 0
}

#Prof .portlet>.portlet-title>.nav-tabs {
    background: 0 0;
    margin: 1px 0 0;
    float: right;
    display: inline-block;
    border: 0
}

#Prof .portlet>.portlet-title>.nav-tabs>li {
    background: 0 0;
    margin: 0;
    border: 0
}

#Prof .portlet>.portlet-title>.nav-tabs>li>a {
    background: 0 0;
    margin: 5px 0 0 1px;
    border: 0;
    padding: 8px 10px;
    color: #fff
}

#Prof .portlet>.portlet-title>.nav-tabs>li.active>a,
#Prof .portlet>.portlet-title>.nav-tabs>li:hover>a {
    color: #333;
    background: #fff;
    border: 0
}

#Prof .portlet>.portlet-body {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

#Prof .portlet>.portlet-body p {
    margin-top: 0
}

#Prof .portlet>.portlet-empty {
    min-height: 125px
}


#Prof .portlet.full-height-content {
    margin-bottom: 0
}

#Prof .portlet.bordered {
    border-left: 2px solid #e6e9ec!important
}

#Prof .portlet.bordered>.portlet-title {
    border-bottom: 0
}

#Prof .message_body {
	margin: 30px 20px;
    border: 1px #eaeaea solid;
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	}


#Prof .portlet.light {
    padding: 12px 20px 15px;
    background-color: #fff
}

#Prof .portlet.light.bordered {
    border: 1px solid #e7ecf1!important
}

#Prof .portlet.light.bordered>.portlet-title {
    border-bottom: 1px solid #eef1f5
}

#Prof .portlet.light.bg-inverse {
    background: #f1f4f7
}

#Prof .portlet.light>.portlet-title {
    padding: 0;
    min-height: 48px
}

#Prof .portlet.light>.portlet-title>.caption {
    color: #e7505a;
    padding: 10px 0
}

#Prof .portlet.light>.portlet-title>.caption>.caption-subject {
    font-size: 16px
}

#Prof .portlet.light>.portlet-title>.caption>i {
    color: #e7505a;
    font-size: 15px;
    font-weight: 300;
    /*margin-top: 3px;*/
	font-weight: 900;
}

#Prof .portlet.light>.portlet-title>.caption.caption-md>.caption-subject {
    font-size: 15px
}

#Prof .portlet.light>.portlet-title>.caption.caption-md>i {
    font-size: 14px
}

#Prof .portlet.light>.portlet-title>.actions {
    padding: 6px 0 14px
}

#Prof .portlet.light>.portlet-title>.actions .btn-default {
    color: #666
}

#Prof .portlet.light>.portlet-title>.actions .btn-icon-only {
    height: 27px;
    width: 27px
}


#Prof .portlet.light>.portlet-title>.inputs {
    float: right;
    display: inline-block;
    padding: 4px 0
}

#Prof .portlet.light>.portlet-title>.inputs>.portlet-input .input-icon>i {
    font-size: 14px;
    margin-top: 9px
}

#Prof .portlet.light>.portlet-title>.pagination {
    padding: 2px 0 13px
}

#Prof .portlet.light>.portlet-title>.tools {
    padding: 10px 0 13px;
    margin-top: 2px
}

#Prof .portlet.light>.portlet-title>.nav-tabs>li {
    margin: 0;
    padding: 0
}

#Prof .portlet.light>.portlet-title>.nav-tabs>li>a {
    margin: 0;
    padding: 12px 13px 13px;
    font-size: 13px;
    color: #666
}

#Prof .portlet.light>.portlet-title>.nav-tabs>li.active>a,
#Prof .portlet.light>.portlet-title>.nav-tabs>li:hover>a {
    margin: 0;
    background: 0 0;
    color: #333
}

/*#Prof .portlet.light.form-fit {
    padding: 0
}

#Prof .portlet.light.form-fit>.portlet-title {
    padding: 17px 20px 10px;
    margin-bottom: 0
}*/

#Prof .portlet.light .portlet-body {
    padding-top: 8px
}

#Prof .portlet.light.portlet-fullscreen>.portlet-body {
    padding: 8px 0
}

#Prof .portlet.light.portlet-fit {
    padding: 0
}

#Prof .portlet.light.portlet-fit>.portlet-title {
    padding: 15px 20px 10px
}

#Prof .portlet.light.portlet-fit>.portlet-body {
    padding: 10px 20px 20px
}

/*#Prof .portlet.light.portlet-fit.portlet-form>.portlet-body {
    padding: 0
}

#Prof .portlet.light.portlet-fit.portlet-form>.portlet-body .form-actions {
    background: 0 0
}*/

/*#Prof .portlet.light.portlet-datatable.portlet-fit>.portlet-body {
    padding-top: 10px;
    padding-bottom: 25px
}*/


#Prof .portlet:not(.light) .tabbable-line {
    padding-top: 15px
}

#Prof .portlet .tabbable-line>.tab-content {
    padding-bottom: 0
}

#Prof .portlet .tabbable-bordered {
    margin-top: 20px
}

#Prof .tabbable-bordered .nav-tabs {
    margin-bottom: 0;
    border-bottom: 0
}

#Prof .tabbable-bordered .tab-content {
    padding: 30px 20px 20px;
    border: 1px solid #ddd;
    background: #fff
}

#Prof .list-unstyled li>.list-unstyled {
    margin-left: 25px
}

#Prof .ver-inline-menu {
    padding: 0;
    margin: 0;
    list-style: none
}

#Prof .ver-inline-menu li {
    position: relative;
    margin-bottom: 1px
}

#Prof .ver-inline-menu li i {
    width: 37px;
    height: 37px;
    display: inline-block;
    color: #b9cbd5;
    font-size: 15px;
    padding: 12px 10px 10px 8px;
    margin: 0 0 0 8px;
    text-align: center;
    background: #e0eaf0!important
}

#Prof .ver-inline-menu li a {
    font-size: 14px;
    font-weight: 300;
    color: #557386;
    display: block;
    background: #f0f6fa;
    border-right: solid 2px #c4d5df
}

#Prof .ver-inline-menu li:hover a {
    background: #e0eaf0;
    text-decoration: none
}

#Prof .ver-inline-menu li:hover i {
    color: #fff;
    background: #c4d5df!important
}

#Prof .ver-inline-menu li.active a {
    border-right: solid 2px #0c91e5
}

#Prof .ver-inline-menu li.active i {
    background: #0c91e5!important
}

#Prof .ver-inline-menu li.active a,
#Prof .ver-inline-menu li.active i {
    color: #fff;
    background: #169ef4;
    text-decoration: none
}

#Prof .ver-inline-menu li.active a,
#Prof .ver-inline-menu li:hover a {
    font-size: 14px
}

#Prof .ver-inline-menu li.active:after {
    content: '';
    display: inline-block;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #169ef4;
    position: absolute;
    top: 12px;
    left: -5px
}

@media(max-width:767px) {
    #Prof .ver-inline-menu>li.active:after {
        display: none
    }
}

#Prof .tabbable:after {
    clear: both
}

#Prof .tabbable:after,
#Prof .tabbable:before {
    display: table;
    content: " "
}

#Prof .tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

#Prof .tabbable-line>.nav-tabs>li {
    margin: 0
}

#Prof .tabbable-line>.nav-tabs>li>a {
    background: 0 0!important;
    border: 0;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    color: #737373
}

#Prof .tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

#Prof .tabbable-line>.nav-tabs>li.active {
    background: 0 0;
    border-bottom: 4px solid #36c6d3;
    position: relative
}

#Prof .tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333
}

#Prof .tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

#Prof .tabbable-line>.nav-tabs>li.open,
#Prof .tabbable-line>.nav-tabs>li:hover {
    background: 0 0;
    border-bottom: 4px solid #9fe4ea
}

#Prof .tabbable-line>.nav-tabs>li.open>a,
#Prof .tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0!important;
    color: #333
}

#Prof .tabbable-line>.nav-tabs>li.open>a>i,
#Prof .tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

#Prof .tabbable-line>.tab-content {
    margin-top: 0;
    border: 0;
    border-top: 1px solid #eef1f5;
    padding: 30px 0
}

#Prof .margin-bottom-10 {
    margin-bottom: 10px!important
}

#Prof .tab-pane>p:last-child {
    margin-bottom: 0
}

#Prof .nav-tabs {
    margin-bottom: 10px
}

#Prof .nav-tabs>li>a {
    font-size: 14px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

#Prof .font-red-mint {
    color: #e43a45!important
}

#Prof .bold.btn,
#Prof .sbold.btn {
    letter-spacing: 0
}

#Prof .bold {
    font-weight: 700!important
}

#Prof .sbold {
    font-weight: 600!important
}

#Prof .font-blue-hoki {
    color: #67809f!important
}

#Prof .font-grey-gallery {
    color: #555!important
}

#Prof h5 {
    font-size: 14px
}

.profile-account .tab-content h3 {
	color: #e7505a;
}


/*Responsive For Tab*/

@media only screen and (min-device-width: 768px) and (max-device-width : 900px) {
	#Prof .ver-inline-menu li a {
		font-size: 11px;
	}

	#Prof .ver-inline-menu li.active a,
	#Prof .ver-inline-menu li:hover a {
		font-size: 11px;
	}

	#Prof .ver-inline-menu li i {
		width: 30px;
		height: 30px;
		font-size: 10px;
		padding: 10px;
		margin: 0 0 0 5px;
	}

		
}