/*-- custom css for profile end here --*/
.btn-golden{
    background-color: #b8860b;
    width:100%;
    color:#fff;
}
.cl-white {
   color:#fff;
   padding-bottom:20px;
}
.header-left.logo-list {
    width: auto;
}
table#simpleEditableTable .form-control {
    height: auto;
    margin: 0;
    padding: 2px 16px;
    border-color: #000;
    box-shadow: none;
}
table#simpleEditableTable .form-group{
     margin: 0; 
}
.header-left.logo-list li {
    width: 40%;
    padding: 15px 7px;
    border: 1px solid #000 !important;
    border-radius: 15px;
    margin: 1%;
    overflow: hidden;
}
.header-left.logo-list li img {
    max-width: 100%;
}
.home-page {
    margin-left: 250px;
    margin-top: 100px;
}
td.editMe input {
    padding: 5px 10px;
    border-color: #000;
    color: #000;
        margin: 0;
        font-size:14px;
}

.main-page table#simpleEditableTable td {
    min-width: 150px;
}
.table>tbody>tr>td p {
    display: inline-block;
}
.table>tbody>tr>td {
    min-width: 200px;
}
.wmd-view-topscroll, .wmd-view {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    border: none 0px RED;
}

.wmd-view-topscroll { height: 20px; }
.wmd-view {
    height: 200px;
    overflow-x: hidden;
}
.scroll-div1 { 
    width: 1000px; 
    overflow-x: scroll;
    overflow-y: hidden;
    height:20px;
}
.scroll-div2 { 
    width: 1000px; 
    height:20px;
}


@media only screen and (max-width:767px){
    div#cbp-spmenu-s1 {
    padding: 0;
}
.home-page {
    margin-left: 0;
}

.sticky-header.header-section {
    margin-top: 60px;
    width: 100%;
}    
.profile_details_left {
    float: left;
    width: 100%;
    overflow: scroll;
}
ul.nofitications-dropdown {
    width: 600px;
    overflow-x: scroll;
    overflow: scroll !important;
}
.header-left.logo-list li {
    width: 11%;
    padding: 9px 6px;
    border: 1px solid #000 !important;
    border-radius: 10px;
    margin: 2% 1%;
    overflow: hidden;
}
    
    .well img {
    max-width: 100%;
}
.main-content {
    padding-bottom: 80px;
}
.modal .profile-detail.card-box.well {
    text-align: center;
}
.modal .profile-detail.card-box.well .col-md-4 {
    float: left;
    width: auto !important;
    margin-top: 4px;
}
.modal .profile-detail.card-box.well .img-circle {
    height: 120px;
    width: 120px;
    object-fit: cover;
}
.comment-text .comment-header a {
    margin-right: 5px;
}
.modal a.follow-btn {
    background: #FF69B4;
    padding: 5px 30px;
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    margin-top: 30px;
}
.comment img.comment-avatar {
    max-width: 100% !important;
    margin-left: 15px;
}
.comment.well .comment img.comment-avatar {
    margin: 0;
    max-width: 100%;
}
.card-box.well {
    background: transparent !important;
    padding: 0;
    border: none;
    margin: 0em 0em 1.5em 0em;
}
div#page-wrapper {
   
    background: #fff;
}
.comment.well {
    background: transparent;
    border: none;
    margin-left: -15px !important;
    margin-right: -15PX !IMPORTANT;
    border-bottom: 5px solid #f5f5f5;
    padding: 15px 0 0;
    border-radius: 0px;
    box-shadow: none !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.comment-text {
    border: none !important;
    padding: 15px 20px !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    z-index: 2;
    color: #fff;

cursor: default;

background-color:
#2c2d88;

border-color:

    #2c2d88;

}

img.comment-avatar {
    margin: 5px 0px 0px 20px;
}
.comment-text {
    border: none !important;
    padding: 10px 20px !important;
}
.comment-footer {
    padding: 5px 20px;
    border-bottom: none !important;
}
.comment-footer a i {
    margin-right: 9px !important;
}
.comment-footer a {
    color: rgba(54, 64, 74, 0.5) !important;
}
.modal-header .close {
 
    text-align: right;
} 
.cbp-spmenu-vertical {
    top: 0 !important;
}
main.container {
    width: 100% !important;
    overflow-x: scroll;
}
.cl-white {
        color:#111;
    }
}


.cke_bottom {
    width: 100% !important;
    padding: 0 !important;
}
.cke_bottom span {
    margin: 5px 5px 0 5px !important;
    line-height: 8px !important;
}

.cke_top {
    width: 100% !important;
    padding: 0 !important;
}
.cke_toolbox {
    padding: 5px !important;
    float: left !important;
}

.navbar-collapse {
    overflow-y: scroll;
    height: 100vh;
    padding-bottom: 100px !important;
}
.main-content1 {
    position: relative;
    height: 100vh;
    overflow-x: scroll;
}

input{
    padding: 14px;
}

.footer {
   
    bottom: 0;
}

#wrapper {
    width: 100%;
}
#page-wrapper {
    padding:1em 2em 2.5em;
  background-color: #000;
}
.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}
.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}
.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f105";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
  margin-bottom: 0;
}

.sidebar .nav-second-level li a {
  padding:10px 0;
    padding-left: 65px;
    font-size: .9em;
}
.sidebar .nav-third-level li a {
    padding-left: 52px;
}
div#cbp-spmenu-s1 {
    padding-top: 0;
}
@media(min-width:768px){
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
    .collapse.in {
   
    height: 400px;
}
div#cbp-spmenu-s1 {
    padding-top: 0;
    height: auto !important;
}
.cbp-spmenu-vertical {
    top: 0px;
    height: auto;
}

/*-- custom css for profile start here --*/
.profile-detail {
    text-align: center;
    padding: 30px 20px;
}
.card-box {
    padding: 20px;
    border: 1px solid rgba(54, 64, 74, 0.05);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
}
.profile-detail img {
    height: 120px;
    width: 120px;
}
textarea.form-control {
    min-height: 90px;
}
.comment {
    padding-top: 12px;
}
.comment .comment-avatar {
    position: relative;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    display: block;
    float: left;
    height: 32px;
    width: 32px;
}
.comment .comment-body {
    float: none;
    margin-left: 40px;
    position: relative;
}
.comment > .comment {
    margin-left: 32px !important;
}
.comment .comment-text {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 7px 12px 8px;
}
.comment .comment-header {
    font-size: 12px;
    padding-bottom: 2px;
}
.comment .comment-header a {
    color: #36404a;
    font-weight: bold;
}
.comment .comment-header span {
    color: #98a6ad;
    display: inline-block;
    font-size: 11px;
    margin-left: 5px;
}
.thumb-md {
    height: 100%;
    width: 100%;
}
.comment .comment-footer {
    display: block;
    font-size: 12px;
    padding: 4px 12px 0;
}
.comment .comment-footer, .comment .comment-footer a {
    color: rgba(54, 64, 74, 0.5);
}
.comment .comment-footer i {
    font-size: 13px;
    margin-right: 7px;
}
.m-t-15 {
    margin-top: 15px !important;
}
.button-list {
    margin-left: -8px;
    margin-bottom: -12px;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.friend-list a {
    margin: 5px;
    display: inline-block;
}
.friend-list .extra-number {
    height: 48px;
    width: 48px;
    display: block;
    line-height: 48px;
    color: #98a6ad;
    font-weight: 700;
    background-color: #ebeff2;
    border-radius: 50%;
    border: 1px solid #98a6ad;
}
.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
}
.btn-twitter {
  color: #ffffff !important;
  background-color: #00aced !important;
}
.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb6 !important;
}
.btn-dribbble {
  color: #ffffff !important;
  background-color: #ea4c89 !important;
}
.btn-googleplus {
  color: #ffffff !important;
  background-color: #dd4b39 !important;
}
.btn-instagram {
  color: #ffffff !important;
  background-color: #517fa4 !important;
}
.btn-pinterest {
  color: #ffffff !important;
  background-color: #cb2027 !important;
}
.btn-dropbox {
  color: #ffffff !important;
  background-color: #007ee5 !important;
}
.btn-flickr {
  color: #ffffff !important;
  background-color: #ff0084 !important;
}
.btn-tumblr {
  color: #ffffff !important;
  background-color: #32506d !important;
}
.btn-skype {
  color: #ffffff !important;
  background-color: #00aff0 !important;
}
.btn-youtube {
  color: #ffffff !important;
  background-color: #bb0000 !important;
}
.btn-github {
  color: #ffffff !important;
  background-color: #171515 !important;
}
.profile-detail .status-list li {
    padding: 0px 20px;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 5px 14px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.profile_page form.well{
    background-color: #fff; 
}
.profile_page  h4.text-uppercase.font-600{
    font-size: 1.1em;
    color: #444;
    margin: 0.5em 0 1em;
    text-transform: uppercase;
}
.profile_page .nav-pills > li a {
    color: #2c2d88;
}
.profile_page a.btn.btn-sm.btn-primary.waves-effect.waves-light {
    background: #2c2d88;
}
.profile_page  a.btn.btn-default.waves-effect.waves-light.btn-sm{
     background: #2c2d88; 
     color:#fff;
}
.profile-detail strong {
    padding-bottom: 10px !important;
    display: block;
}
.button-list .btn {
    margin-bottom: 12px;
    margin-left: 8px;
}
.profile-detail input {
    padding: 14px 20px;
}
.modal-header {
    position: absolute;
    right: -13px;
    background: #fff;
    padding: 10px 13px !important;
    z-index: 9999;
    border-radius: 50px;
    top: -13px;
    height: 36px;
}
a.follow-btn {
    background: #FF69B4;
    padding: 5px 30px;
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    margin-top: 30px;
}
.modal .profile-detail.card-box {
    margin: 0;
}