.opadding, .page-out {
    padding: 0;
}

.lpadding {
    padding-left: 0px;
}

.rpadding {
    padding-right: 0px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.page-headout {
    background: #fff;
    /*margin-bottom: 10px;*/
}

.page-head h3 {
    font-size: 33px;
    margin-bottom: 0;
}

.page-head p {
    color: #999;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0px 5px 2px;
}

.page-head-link a.listnew, .page-head-link a.messagesbu, .page-head-link a.friendsreq, .page-head-link a.notifications {
    display: inline-block;
    padding: 7px 10px;
    margin-top: 45px;
    color: #999;
    font-size: 13px !important;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #eee;
    border-radius: 3px;
    text-decoration: none;
    float: right;
}

.mar-top {
    display: none;
}

.page-head-link .mar-top {
    margin-top: 45px;
}

.page-head-link .search {
    background: url('/src/app/marketplace/images/plus.png') no-repeat;
    padding-left: 35px;
    background-position: 10px;
    width: 90%;
    float: right;
}

    .page-head-link .search:focus {
        box-shadow: none;
        border-color: #ccc;
    }

.cont-main {
    /*background: #f2f2f2;*/
    border-top: 1px solid #e5e5e5;
}

.page-out .filter {
    padding: 15px 0;
}

.filter ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .filter ul li {
        float: left;
        /*margin:7px 12px 0 0;*/
        margin: 7px 8px 0 0;
        color: #999;
    }

        .filter ul li.fil {
            color: #aaa;
            font-weight: bold;
            font-size: 12px;
        }

        .filter ul li a {
            text-decoration: none;
            color: #808080;
        }

        .filter ul li.active {
            border-bottom: 2px solid #3eccd6;
        }

            .filter ul li.active a {
                color: #333333;
                font-weight: bold;
            }

.filter .del {
    color: #38bfc3;
    float: right;
}

.content .mytable {
    font-size: 14px;
    box-shadow: 0px 1px 6px 0.4px #aaa;
}

.mkt ul.dropdown-menu {
    min-width: 110px;
    border-radius: 0px;
    padding: 0;
    border: none;
}

    ul.dropdown-menu li {
        border-bottom: 1px solid #eee;
    }

       .mkt ul.dropdown-menu li.first {
            border-bottom: none;
        }

   .mkt ul.dropdown-menu > li > a {
        padding: 7px 15px;
        font-weight: bold;
        color: #666;
    }

.mytable tr th {
    font-size: 11px;
    color: #777;
    border-bottom: 1px solid #aaa;
    padding-left: 18px !important;
}

.mytable tr.head td {
    font-size: 12px;
    padding-left: 25px;
}
/*.mytable .thisdiv:hover, .mytable .alternate:hover {
	border-left: 4px solid #38b7c0;
}*/
.mytable .alternate {
    background: #fff;
}

.mytable .head .com {
    text-transform: uppercase;
    padding-left: 2px;
}

.index-table p {
    border-left: 1px solid #ddd;
    padding-left: 10px;
    color: #666 !important;
}

.task-table b {
    border-left: 1px solid #ddd;
    padding-left: 10px;
    color: #666 !important;
}

.task-table p {
    padding-left: 10px;
}

.top-book {
    margin-bottom: 10px;
}

.modal-dialog {
    width: 500px;
}

.modal .mess-modal {
    margin: 135px auto 90px !important;
}

.mess-modal .modal-header {
    float: left;
    width: 100%;
    padding-bottom: 15px !important;
}

.mess-modal .form-fields textarea.task-area {
    resize: none;
    border: 1px solid #ddd;
    height: 130px;
    margin-top: 15px;
    padding: 5px 10px;
}

.mess-modal .att-img {
    background: url('/src/app/marketplace/images/attach.png') no-repeat;
    height: 20px;
    width: 15px;
    float: left;
    background-size: 15px 20px;
}

.mess-modal span {
    float: left;
    margin-left: 15px;
    font-size: 14px;
    color: rgb(65,213,217);
}

.mess-modal .modal-footer span {
    position: relative;
}

.mess-modal .modal-footer a.attach {
    color: rgb(65,213,217);
    font-weight: bold;
    font-size: 13px;
    margin: 7px 35px 0 20px;
    text-transform: capitalize;
    float: right;
}

.mess-modal ul.dropdown-menu {
    position: absolute;
    top: 35px;
    right: -17px !important;
    width: 175px;
}

    .mess-modal ul.dropdown-menu:before {
        position: absolute;
        top: -7px;
        left: 80px;
        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: '';
    }

    .mess-modal ul.dropdown-menu:after {
        position: absolute;
        top: -6px;
        left: 80px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid transparent;
        content: '';
    }

    .mess-modal ul.dropdown-menu li {
        border-bottom: 1px solid #fff;
    }

.mess-modal ul li a.pc {
    background: url('/src/app/marketplace/images/pc.png') no-repeat;
    padding-left: 40px;
    background-position: 1px 5px;
    font-size: 14px;
    padding-top: 4px;
    margin-left: 15px;
}

.mess-modal ul li a.drop {
    background: url('/src/app/marketplace/images/dropbox.png') no-repeat;
    padding-left: 40px;
    background-position: 1px 5px;
    font-size: 14px;
    padding-top: 4px;
    margin-left: 15px;
    text-transform: capitalize;
}

.mess-modal ul li a.goog {
    background: url('/src/app/marketplace/images/google_drive.png') no-repeat;
    padding-left: 40px;
    background-position: 0px 3px;
    font-size: 14px;
    padding-top: 4px;
    margin-left: 15px;
    text-transform: capitalize;
}

.modal-form h5.bookname {
    font-weight: bold;
    padding: 0 0 0 10px;
    margin: 5px 0;
}

.form-control[disabled] {
    background-color: #fff;
    cursor: default;
}

.modal-dialog2 {
    width: 400px;
    margin: 93px auto !important;
}

.modal .add-event {
    width: 450px;
}

.modal .edit-schedule {
    width: 535px;
}

.modal .view-event {
    width: 380px;
}

#addModalmap {
    z-index: 1000000;
}

.view-event .view-table {
    padding: 0 25px;
}

.view-table .sh-map {
    color: #4dc4c7;
    font-size: 12px;
    font-weight: bold;
    padding-top: 3px;
    float: left;
}

.modal-dialog2 .modal-form label.mylbl {
    margin: 0 0 0 20px;
}

.modal-dialog .modal-form .days {
    padding: 5px 15px;
    margin: 0 0 0 15px;
    float: left;
    width: 96%;
    border: 1px solid #dfdfdf;
}

.modal-form .days span {
    float: left;
    padding: 0 13px;
    color: #ccc;
}

.modal-form .days .btn-days, .table .btn-days {
    background: #fff;
    border: #fff;
    color: #aaa;
    font-weight: bold;
    margin-top: 0;
    display: block;
    padding: 5px 14px;
    font-size: 14px;
}

.table .active:hover {
    background: #fff;
    border: #fff;
    color: #000;
}

.table .btn-days:active {
    background: #fff;
    border: #fff;
    color: #000;
}

.table .btn-primary.disabled {
    background-color: #fff;
    border-color: #fff;
}

.modal-form .days .btn:focus, .modal-form .days .btn:active, .modal-form .days .active:focus, .modal-form .days .active:active, .table .btn:focus, .table .btn:active, .table .active:focus, .table .active:active {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none;
    outline-offset: 0px;
}

.modal-form .days .active, .table .active {
    color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal-form .schedule-days .btn-days {
    padding: 5px 21px !important;
}

.table .btn {
    padding: 3px 7px !important;
}

.events-modal {
    border-left: 3px solid #4DC5F9;
    padding: 15px 10px;
    background: #F9FCFB;
    margin-bottom: 10px;
    margin-left: 10px;
}

    .events-modal p.eventname {
        font-size: 16px;
        color: #333;
        margin: 0 0 0 10px;
    }

    .events-modal span.time {
        font-size: 11px;
        color: #999;
        font-weight: bold;
        margin: 0 0 0 10px;
    }

.add-ev .form-fields {
    margin-bottom: 10px;
    margin-top: 5px;
}

.add-ev .color-pick {
    padding: 4px 4px;
    border: 1px solid #ccc;
    width: 30px;
}

.modal-dialog .view .days {
    padding: 5px 15px;
    float: left;
    border: 1px solid #dfdfdf;
    border-bottom: none;
}

.table .icons {
    padding: 12px 12px;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    width: 10%;
    margin-left: 10px;
}

.view .last {
    border-bottom: 1px solid #dfdfdf !important;
}

.view .days span {
    float: left;
    padding: 0 5px;
    color: #ccc;
}

.table span.clock {
    float: left;
    background: url('/src/app/marketplace/images/clock.png') no-repeat;
    width: 16px;
    height: 16px;
}

.table span.calender {
    float: left;
    background: url('/src/app/marketplace/images/calender.png') no-repeat;
    width: 19px;
    height: 19px;
}

.table span.map-mark {
    float: left;
    background: url('/src/app/marketplace/images/map-mark.png') no-repeat;
    width: 17px;
    height: 17px;
    background-position: 3px 0px;
}

.modal-form {
    /*float: left;*/
    border-bottom: 1px solid #ddd;
}

.modal-dialog2 .modal-form {
    border-bottom: #fff;
}

.task-form {
    border-bottom: 0 !important;
    width: 69%;
    float: right;
}

.modal-footer {
    background: #f2f2f2;
}

    .modal-footer h5 {
        font-size: 12px;
    }

    .modal-footer a {
        color: #aaa;
        font-weight: bold;
        font-size: 12px;
        margin: 7px 10px;
        text-transform: uppercase;
    }

.top-book img {
    height: 150px;
    border-radius: 5px;
    width: 120px;
}

.top-book h4 {
    color: #777;
    font-weight: bold;
}

.top-book p.author {
    font-size: 13px;
    color: #999;
    font-weight: bold;
}

.top-book p {
    margin: 0;
    font-size: 12px;
    color: #ccc;
}

.form-fields {
    float: left;
    width: 100%;
}

    .form-fields .padd {
        padding: 0 25px;
    }

    .form-fields textarea.task-area {
        resize: none;
        border-bottom-color: rgb(62,213,217);
    }

    .form-fields label {
        font-size: 13px;
        color: #b2b1b1;
        margin-top: 10px;
    }

    .form-fields .inl-1 {
        width: 38% !important;
        margin-right: 3%;
    }

    .form-fields .inl-2, .form-fields .inl-3 {
        width: 25% !important;
        margin-right: 3%;
    }

    .form-fields .inl-4 {
        width: 30% !important;
        margin-right: 3%;
    }

    .form-fields .inner-o {
        width: 32%;
    }

    .form-fields .inner-o2 {
        width: 48.5%;
    }

.index-modal {
    min-width: 1100px;
}

.modal-form label {
    margin-top: 15px;
    font-size: 12px;
    color: #aaa;
}

.modal-form input[type="text"], .modal-form input[type="password"], .modal-form select, .modal-form textarea {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    padding: 0;
}

.task-form .inner-o {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.modal-form input[type="text"]:focus, .modal-form input[type="password"]:focus, .modal-form select:focus, .modal-form textarea:focus {
    box-shadow: none;
    border-color: #ddd;
}

.btn-popup {
    background: #3ECCD6;
    border: none;
    color: #fff;
    padding: 6px 15px;
    border-radius: 2px;
}

    .btn-popup:hover {
        color: #fff;
    }

.form-fields .inner-o .field, .form-fields .inner-o2 .field {
    width: 100%;
}

.form-fields p {
    margin: 0;
    font-size: 12px;
    color: #bbb;
    font-weight: bold;
}

.form-scroll {
    height: 450px;
    overflow-y: scroll;
    overflow-x:hidden;
}

.modal-dialog2 .modal-header {
    border-bottom: #fff;
    padding-bottom: 0;
}

.modal .maps {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.modal-dialog2 .form-scroll {
    height: auto;
    overflow: inherit;
}

.modal-dialog2 .form-events {
    padding: 0;
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #3ECCD6;
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0);
    border-radius: 5px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgb(62,213,217);
}
/**/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0);
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #3ECCD6;
}
/**/
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    list-style: none;
    padding: 0;
}

    .custom-menu ul {
    }

    .custom-menu li {
        padding: 8px 12px;
        cursor: pointer;
    }

        .custom-menu li:hover {
            background-color: #DEF;
        }

/*-----------Messages Start------------------*/

.content-mess {
    margin: 10px 0;
}

.cont-main .recent {
    width: 30%;
}

.content-mess .rec-top {
    margin: 10px 0;
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
}

/*.content-mess .all-chats {
    margin-top: 5px;
    box-shadow: 0px 1px 6px 0.4px #aaa;
    background: #ffffff;
    height: 470px;
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}*/

.all-chats {
    padding: 0 10px 0 0;
}

    .all-chats .col-md-9 {
        padding: 0 5px 0 0;
        border-bottom: 1px solid #ddd;
    }

    .all-chats .chat-img {
        width: 35px;
        margin-left: 5px;
    }

    .all-chats a {
        color: #000;
        float: left;
        padding-top: 7px;
        width: 103.5%;
    }

        .all-chats a.selected {
            border-left: 4px solid #3ECCD6;
            background: #F9FEFE;
        }

    .all-chats span.left {
        font-weight: bold;
        font-size: 14px;
        float: left;
        margin-bottom: 5px;
    }

    .all-chats span.right {
        float: right;
        color: #ccc;
        font-size: 12px;
    }

    /*.all-chats span.pull-right {
        background: #FEB252;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        font-size: 11px;
        color: #fff;
        text-align: center;
        margin-top: 5px;
        float: right;
    }*/

    .all-chats p {
        float: left;
        font-size: 11px;
        color: #aaa;
        width: 90%;
        font-weight: bold;
    }

    .all-chats .imgs {
        margin-top: 12px;
        padding: 0 7px;
        width: 20%;
    }

    .all-chats .alt {
        border-bottom: 1px solid #EAEAEA;
        padding-left: 0;
        width: 80%;
        float: right;
    }

    .all-chats .not-alt {
        border-bottom: 1px solid #F5F5F5;
        padding-left: 0;
        width: 80%;
        float: right;
    }

.content-mess .chat-onl {
    margin-top: 5px;
    box-shadow: 0px 1px 6px 0.4px #aaa;
    background: #ffffff;
    position: relative;
    padding: 0;
    height: 470px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}

.content-mess .pull-left {
    font-size: 14px;
    margin-top: 10px;
    color: #919191;
    font-weight: bold;
}

.chat-head .chat-img {
    width: 30px;
}


.chat-head .active-img {
    width: 13%;
    padding-right: 5px;
    padding-top: 3px;
}

.chat-head .onl {
    background: url('/src/app/marketplace/images/online.png') no-repeat;
    width: 20px;
    height: 15px;
    float: left;
    background-size: 14px;
    background-position: 0px 3px;
}

.chat-head span.left {
    font-weight: bold;
    font-size: 14px;
}

.chat-head p {
    float: left;
    font-size: 12px;
    color: #999;
    width: 90%;
}

.chat-cont .inner, .chat-cont .inner-alt {
    padding: 0;
    margin-bottom: 5px !important;
    float: left;
    width: 100%;
}

.inner-alt .inp-img {
    float: right;
    margin-right: 10px;
    border-radius: 7px;
    height: 100px;
    width: 150px;
    position: relative;
}

.inner-alt .blur {
    position: absolute;
    height: 94px;
    width: 150px;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    border-radius: 5px;
}

.inner-alt .load {
    position: absolute;
    height: 7px;
    width: 120px;
    border: 1px solid rgba(255, 255, 255, 0.61);
    bottom: 20px;
    left: 15px;
    border-radius: 3px;
}

.inner-alt .loader {
    position: absolute;
    height: 6px;
    width: 40px;
    background: rgba(255, 255, 255, 0.61);
    bottom: 21px;
    left: 15px;
    border-radius: 3px;
}

.inp-img .inp {
    border-radius: 5px;
}

.chat-cont .inner .mymsg {
    position: relative;
    float: left;
}

.chat-cont .inner div.pull-left {
    background: #3eccd6;
    color: #fff;
    padding: 8px 20px;
    margin: 10px 20px 5px;
    border-radius: 3px;
    position: relative;
    font-size: 11px;
    font-weight: bold;
}

.chat-cont .inner .arrow {
    position: absolute;
    width: 8px;
    height: 13px;
    left: -5px;
    top: 18px;
    background: url('/src/app/marketplace/images/curve.png') no-repeat;
    margin: 0;
}

.chat-cont .inner-alt .arrow {
    position: absolute;
    width: 8px;
    height: 13px;
    right: -5px;
    top: 18px;
    background: url('/src/app/marketplace/images/curve-flip.png') no-repeat;
    margin: 0;
}

.chat-cont .inner-alt div.pull-right {
    background: #F1F1F1;
    color: #666;
    padding: 8px 20px;
    margin: 10px 0 5px;
    border-radius: 3px;
    position: relative;
    font-size: 11px;
    font-weight: bold;
}

.chat-cont {
    overflow: hidden;
    height: 350px;
    overflow-y: scroll;
}

    .chat-cont .date {
        /*text-align: center;*/
        position: relative;
        text-align: right;
        margin-top: -10px;
        /*margin-top: 10px;*/
    }

    .chat-cont span {
        font-size: 12px;
        color: #aaa;
    }

        .chat-cont span p.first {
            position: absolute;
            top: -5px;
            left: 150px;
        }

        .chat-cont span p.second {
            position: absolute;
            top: -5px;
            right: 150px;
        }

    .chat-cont p {
        font-size: 12px;
        color: #999;
        float: left;
    }

    .chat-cont span.left {
        font-weight: bold;
        font-size: 14px;
    }

    .chat-cont .chat-img {
        width: 40px;
        float: left;
    }

.chat-end {
    float: left;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #ccc;
    background: #F8F8F8;
    position: absolute;
    bottom: 0;
}

    .chat-end .form-group {
        margin-bottom: 0;
        float: left;
    }

    .chat-end .chat {
        float: left;
        width: 100%;
    }

        .chat-end .chat .form-inline {
            float: left;
            width: 100%;
        }

        .chat-end .chat .mess {
            width: 84%;
        }

.chat .mess-type {
    border-radius: 1px;
    width: 98%;
}

.mybtn-search {
    background: url('/src/app/marketplace/images/search.png') no-repeat;
    background-size: 25px;
    background-position: 2px 1px;
    background-color: #f2f2f2;
    height: 30px;
    width: 30px;
    border-radius: 3px;
    border-color: #ddd;
}

.mybtn-clip {
    background: url('/src/app/marketplace/images/clip.png') no-repeat;
    background-size: 20px;
    background-position: 3px 6px;
    background-color: #fff;
    height: 34px;
    width: 30px;
    border-radius: 0;
}
/*-----------Messages End------------------*/

/*-----------Tasks Start------------------*/
.filter .task-filter {
    padding-left: 0px;
}

.content-mess .filter-1 {
    text-align: left;
}

.content-mess .filter-2 {
    text-align: right;
}

.head td {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    color: #aaa;
    font-weight: bold;
}

.mytable p {
    color: #aaa;
    font-size: 12px;
    margin: 0;
}

.mytable .thisdiv, .mytable .alternate {
    font-weight: bold;
    color: #aaa;
}

    .mytable .thisdiv td {
        border-top: 1px solid #e9e9e9;
    }

.mytable .selected {
    border-left: 4px solid #3eccd6;
}

.task-desc {
    margin-top: 5px;
    box-shadow: 0px 1px 6px 0.4px #aaa;
    background: #ffffff;
    padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}

    .task-desc p {
        font-size: 12px;
        color: #aaa;
        font-weight: bold;
    }

    .task-desc .task-head {
        margin: 10px 0;
        border-bottom: 1px solid #eee;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.task-head p {
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #888;
}

    .task-head p.left {
        font-weight: bold;
        padding-left: 10px;
        margin: 10px;
        font-size: 16px;
    }

.task-desc .content {
    padding: 0 25px;
}

.task-head span {
    background: #955BA5;
    padding: 0px 5px;
    margin: 0 10px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    float: left;
}

.task-desc h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
}

/*-----------Tasks End------------------*/

/*-----------Settings Start------------------*/
.pers-info {
    margin-top: 10px;
    box-shadow: 0px 1px 6px 0.4px #ccc;
    background: #ffffff;
    padding: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}

.pers-form {
    padding: 15px 5px;
    float: left;
}

    .pers-form .form-group {
        float: left;
        width: 100%;
        margin-bottom: 2px;
    }

    .pers-form .pull-right {
        margin-right: 15px;
    }

    .pers-form .col-md-5 {
        padding: 5px 17px;
    }

.content-mess .personal {
    width: 30%;
}

.content-mess .pass {
    width: 28%;
}

.pers-form label {
    margin-top: 14px;
    font-size: 10px;
    color: #aaa;
    text-transform: uppercase;
    float: right;
}

    .pers-form label p {
        color: #aaa;
        float: right;
    }

.pers-form .col-md-3 {
    padding-right: 30px;
}

.pers-form .col-md-4 {
    padding-right: 25px;
}

.pers-form input[type="text"], .pers-form input[type="password"], .pers-form select {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    color: #999;
    font-weight: bold;
    font-size: 12px;
}

    .pers-form input[type="text"]:focus, .pers-form input[type="password"]:focus, .pers-form select:focus {
        box-shadow: none;
        border-color: #ddd;
    }

.pers-info p {
    margin: 3px 0 0 0;
    color: #ccc;
    font-size: 10px;
    font-weight: bold;
}

.pers-info a {
    color: #38bfc3;
    font-size: 12px;
    margin: 15px 0 5px 0px;
    float: left;
    font-weight: bold;
}

.pers-info .inner-o {
    width: 32%;
}

.pers-info .school-form {
    width: 18%;
    margin-right: 10px;
}

.pers-info .gradu {
    padding-left: 0;
}

.gradu label {
    text-transform: capitalize;
    font-size: 11px;
    font-weight: bold;
}

.inner-o select, .inner-o2 select {
    padding: 0 !important;
    background-image: url('/src/app/marketplace/images/arrow-sel.png');
    background-repeat: no-repeat;
    background-position: right 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 25px;
}

.inner-o .field {
    width: 90%;
    font-size: 12px;
    padding: 6px 10px;
}

.inner-o .filter-field {
    background: #f6f6f6;
    background-image: url('/src/app/marketplace/images/arrow-sel.png');
    background-repeat: no-repeat;
    background-position: right 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 25px;
    width: 100%;
}
/*-----------Settings End------------------*/

/*-----------Events Start------------------*/
.events-main {
    background: #f2f2f2;
    padding-bottom: 20px;
}

.events-mess {
    margin: 10px 0;
}

    .events-mess a {
        color: #38B7C0;
        font-weight: bold;
    }

.events-main #calendar {
    background: #fff;
}

.events-mess .inside {
    margin-bottom: 5px;
    margin-top: 20px;
}

.events-mess .btn-popup-grid {
    padding: 6px;
    background: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 0;
}

.btn-group label.active i.fa {
    color: #fff;
}

label.btn i.fa {
    color: #bdbdbd;
}

.events-mess .active {
    background: #38bfc3 !important;
}

.events-mess .btn-popup-list {
    padding: 6px;
    background: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 0;
}

.fc {
    direction: ltr;
    text-align: left;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html .fc,
    .fc table {
        font-size: 1em;
        box-shadow: 0px 1px 6px 0.4px #ccc;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
    }

    .fc td,
    .fc th {
        padding: 0;
        vertical-align: top;
    }

.day-table {
    height: 547px;
    overflow: hidden;
    box-shadow: 0px 1px 6px 0.4px #ccc;
    padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}

.event-table {
    background: #fff;
}

    .event-table th.head {
        background-color: #FAFAFA;
    }

    .event-table th.date {
        padding: 4px;
        text-align: center;
        width: 90%;
        font-size: 10px;
        font-weight: bold;
        color: #999;
    }

    .event-table tr.empty {
        height: 24px;
    }

    .event-table .empty td.emp-td {
        border-bottom: #ccc;
    }

    .event-table td.emp-td {
        border-bottom: 1px solid #efefef;
    }

    .event-table td.table-time {
        font-size: 11px;
        color: #999;
        font-weight: bold;
        border-bottom-color: #fff;
        padding: 3px 0px 5px 15px;
    }

    .event-table td.padd {
        padding-left: 20px;
    }

    .event-table td.event {
        padding: 3px 0 3px 3px;
        cursor: pointer;
        position: relative;
    }

    .event-table .events-f1 {
        border-left: 4px solid #4DC5F9;
        padding-left: 5px;
        background: #F9FCFB;
    }

    .event-table .events-f2 {
        border-left: 4px solid #FEB252;
        padding-left: 5px;
        background: #F9FCFB;
    }

    .event-table .events-f3 {
        border-left: 4px solid #955ba5;
        padding-left: 5px;
        background: #F9FCFB;
    }

    .event-table p.loc {
        font-size: 11px;
        margin-top: 5px;
    }

    .event-table p.eventname {
        font-size: 14px;
        color: #888;
        font-weight: bold;
    }

    .event-table span.time {
        font-size: 10px;
        color: #999;
        font-weight: bold;
    }

#weekview {
    box-shadow: 0px 1px 6px 0.4px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}

.week-table td.event {
    padding: 0;
    width: 169px;
    position: relative;
}

.week-table td.table-time {
    font-size: 11px;
    color: #999;
    font-weight: bold;
    padding: 3px 10px 5px 0px;
    text-align: right;
    width: 80px;
    height: 71px;
    position: relative;
}

.week-table span.high {
    background-color: #feb252;
    padding: 5px;
    color: #fff;
    border-radius: 3px;
}

.week-table td.last {
    border-bottom: 1px solid #ddd;
}

.week-table td.empty {
    padding: 0;
    position: relative;
    width: 169px;
}

td.empty hr, td.event hr {
    border-top: 1px solid #e9e9e9;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 14px;
}

.week-table .event .week-f1 {
    background-color: #38b7c0;
    color: #fff;
    padding: 8px 0px 5px 8px;
    position: absolute;
    width: 100%;
    height: 100%;
}

.week-table .event .week-f2 {
    background-color: rgba(125, 208, 214, 0.85);
    height: auto;
}

.event .two {
    background-color: rgba(125, 208, 214, 0.85) !important;
}

.week-table .event .week-f3 {
    background-color: #955ba5;
    height: auto;
}

.event .three {
    background-color: #955ba5 !important;
}

.week-table .event .week-f4 {
    background-color: #4dc5f9;
}

.event .four {
    background-color: #4dc5f9 !important;
}

.week-table .event .week-f5 {
    background-color: #feb252;
}

.event .five {
    background-color: #feb252 !important;
}

.week-table .event .week-f6 {
    background-color: #feb252;
}

.event .six {
    background-color: #feb252 !important;
}

.week-table .week-f1 p.eventname {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.week-table .week-f1 span.time {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}

.week-table .week-f2 p.loc {
    margin-top: 20px;
    color: #fff;
    background: url('/src/app/marketplace/images/location.png') no-repeat;
    padding-left: 12px;
    background-position: 0px 1px;
}

.week-table .week-f3 p.loc {
    margin-top: 40px;
    color: #fff;
    background: url('/src/app/marketplace/images/location.png') no-repeat;
    padding-left: 12px;
    background-position: 0px 1px;
}

.week-table tr.week-rel {
    position: relative;
}

.week-rel .cur-time {
    position: absolute;
    left: 36px;
    bottom: 5px;
}

.cur-time div.time {
    padding: 5px;
    background: #38b7c0;
    color: #fff;
    border-radius: 6px;
    position: relative;
}

    .cur-time div.time span.rec {
        width: 16px;
        height: 26px;
        background: transparent url('/src/app/marketplace/images/rect.png') no-repeat;
        position: absolute;
        left: 44px;
        top: 0;
        background-size: 32px 27px;
        background-position: -15px 0px;
    }

    .cur-time div.time hr {
        border: 2px solid #38b7c0;
        position: absolute;
        margin: 0;
        top: 10px;
        width: 1193px;
        left: 55px;
    }
/* Header
------------------------------------------------------------------------*/

.fc-header td {
    white-space: nowrap;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
    }

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}

/* buttons edges butting together */

.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */
    margin-right: 0; /* back to normal */
}

/* button layering (for border precedence) */

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}



/* Content
------------------------------------------------------------------------*/

.fc-content {
    clear: both;
    zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
    width: 100%;
    overflow: hidden;
}



/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header, /* <th>, usually */
.fc-widget-content { /* <td>, usually */
    border: 1px solid #ddd;
}

.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
    background: #fcfcfc;
}

.fc-cell-overlay { /* semi-transparent rectangle while dragging */
    background: #bcccbc;
    opacity: .3;
    filter: alpha(opacity=30); /* for IE */
}



/* Buttons
------------------------------------------------------------------------*/

.fc-button {
    position: relative;
    display: inline-block;
    padding: 0 .6em;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
}


.fc-text-arrow {
    margin: 0 .1em;
    font-size: 2em;
    font-family: "Courier New", Courier, monospace;
    vertical-align: baseline; /* for IE7 */
}



/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
    background-color: #f5f5f5;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.55;
    filter: alpha(opacity=65);
    box-shadow: none;
}



/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
    z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
    z-index: 9;
}

.fc-event {
    border: 1px solid #7DD0D6; /* default BORDER color */
    background-color: #7DD0D6; /* default BACKGROUND color */
    color: #fff; /* default TEXT color */
    font-size: .85em;
    cursor: default;
}

a.fc-event {
    text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .fc-event-inner #mymenu, td.event #mymenu {
        display: none;
        position: absolute;
        top: 0px;
        left: -27px;
        padding: 5px;
        background: #38b7c0;
    }

#mymenu ul {
    list-style: none;
    padding: 0;
    float: left;
    margin: 0;
}

    #mymenu ul li a.view {
        background: url('/src/app/marketplace/images/view.png') no-repeat;
        height: 16px;
        width: 16px;
        float: left;
        margin-bottom: 5px;
    }

    #mymenu ul li a.edit {
        background: url('/src/app/marketplace/images/edit.png') no-repeat;
        height: 16px;
        width: 16px;
        float: left;
        margin-bottom: 7px;
    }

    #mymenu ul li a.delete {
        background: url('/src/app/marketplace/images/delete.png') no-repeat;
        height: 16px;
        width: 16px;
        float: left;
        margin-bottom: 5px;
        background-position: -1px 0px;
    }

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
    font-size: 10px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden; /* hacky spaces (IE6/7) */
    font-size: 300%; /* */
    line-height: 50%; /* */
}



/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
}

/* resizable */

.fc-event-hori .ui-resizable-e {
    top: 0 !important; /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px; /* IE6 had 0 height */
}

table.fc-border-separate th {
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
    font-weight: 500;
}

    .fc-border-separate th.fc-last,
    .fc-border-separate td.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}



/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
    font-weight: bold;
    color: #666;
    font-size: 13px;
    padding: 4px 15px;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

    .fc .fc-week-number div {
        padding: 0 2px;
    }

.fc-grid .fc-day-number {
    float: right;
    padding: 0px 10px;
    margin-top: 50px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
    /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    /*clear: both;*/
    padding: 2px 2px 1px; /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time {
    font-weight: bold;
}

/* right-to-left */

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}



/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.fc-agenda .fc-week-number {
    font-weight: bold;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

/* make axis border take precedence */

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

/* all-day area */

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px; /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}

/* divider (between all-day and slots) */

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

/* slot rows */

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

    .fc-agenda-slots td div {
        height: 20px;
    }

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
}

    .fc-agenda-slots tr.fc-minor th.ui-widget-header {
        *border-top-style: solid; /* doesn't work with background in IE6/7 */
    }



/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
    border-width: 0 1px;
}

    .fc-event-vert.fc-event-start {
        border-top-width: 1px;
    }

    .fc-event-vert.fc-event-end {
        border-bottom-width: 1px;
    }

    .fc-event-vert .fc-event-time {
        white-space: nowrap;
        font-size: 10px;
    }

    .fc-event-vert .fc-event-inner {
        position: relative;
        z-index: 2;
    }

    .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .25;
        filter: alpha(opacity=25);
    }

.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
    display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-eventborder-1 {
    border-left: 3px solid #4DC5F9 !important;
    background: #F9FCFB;
    color: #000;
    border: 0;
}

.fc-eventborder-2 {
    border-left: 3px solid #FAE0BB !important;
    background: #F9FCFB;
    color: #000;
    border: 0;
}
/*-----------Events End------------------*/

/*-----------Books page Start------------------*/
.books-form {
    border-bottom-color: #fff;
}

    .books-form .inner-o {
        width: 45%;
        /*margin-right: 10px;*/
        margin-right: 5px;
        float: left;
    }

        .books-form .inner-o select {
            color: #bbb;
            font-size: 13px;
            font-weight: bold;
        }

    .books-form .inner-o2 {
        width: 20%;
        /*margin-right: 10px;*/
        margin-right: 5px;
        float: left;
        background: #f6f6f6;
    }

        .books-form .inner-o2 input[type=text] {
            width: 100%;
            padding: 7px 0px;
            font-size: 13px;
            background: #f6f6f6;
        }

            .books-form .inner-o2 input[type=text]:focus {
                outline: none;
            }
/*-----------Books page End------------------*/

/*-----------Comparison page Start------------------*/

.fixed-5 {
    min-width: 480px;
}

.filter-8 {
    min-width: 620px;
}

.comp-filter ul li.fil {
    color: #aaa;
    font-weight: bold;
    font-size: 12px;
    margin-top: 8px;
    margin-right: 6px;
}

.books-form .comp-filter-text {
    width: 85%;
    float: right;
    background: url('/src/app/marketplace/images/search-comp.png') no-repeat;
    background-position: right 10px center;
    padding-right: 35px;
    box-shadow: none;
    border-color: #ddd;
}

    .books-form .comp-filter-text:focus {
        box-shadow: none;
        border-color: #ccc;
    }

.books-form label.comp-filter-radio {
    margin-top: 5px;
    color: #aaa;
        display: inline-block;
}

.comp-abtbook h2 {
    margin: 0 0 5px;
    font-size: 19px;
    font-weight: bold;
    color: #555;
    line-height: 1.3em;
}

.comp-abtbook span {
    font-size: 12px;
    color: #aaa;
}

.comp-abtbook p.author {
    font-size: 13px;
    font-weight: bold;
    color: #888;
}

.comp-abtbook h4 {
    margin: 25px 0 15px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.comp-abtbook p.desc {
    font-size: 13px;
    font-weight: bold;
    color: #888;
}

.comp-table tr th.first {
    width: 230px;
}

.comp-table tr th {
    text-align: center;
    border-bottom: 1px solid #ccc;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
}

.comp-table tr td {
    text-align: center;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    font-size: 12px;
}

    .comp-table tr td p {
        color: #777 !important;
    }

        .comp-table tr td p.condition {
            width: 155px;
            position: relative;
        }

    .comp-table tr td a {
        color: #3ECCD6;
        font-size: 13px;
        font-weight: bold;
    }

        .comp-table tr td a.more {
            margin-left: 15px;
            position: absolute;
            left: 115px;
        }

    .comp-table tr td img {
        float: left;
        padding-left: 14px;
        height: 25px;
    }

    .comp-table tr td span {
        font-size: 12px;
        margin: 5px 0 0 15px;
        color: #777;
        float: left;
    }

.comp-view-book img {
    border-radius: 4px;
}

.comp-view-book .price {
    top: 10px;
    left: 10px;
    background-color: #6ed15e;
    color: #fff;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 14px;
}

.comp-view-book .buy {
    bottom: 10px;
    left: 10px;
    background-color: #feb252;
    color: #fff;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 14px;
}

.comp-view-book .like {
    bottom: 10px;
    left: 80px;
    background-color: #4cc4f7;
    color: #fff;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 14px;
}
/*-----------Comparison page End------------------*/

/*-----------Nobooks Nav Start------------------*/
.no-books h3 {
    font-size: 33px;
    margin-bottom: 0;
}

.no-books p {
    color: #999;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0px 5px 2px;
}

    .no-books p a {
        color: #3eccd6;
    }
/*-----------Nobooks page End------------------*/

/*-----------Books page Start------------------*/
.view-book {
    padding-right: 15px;
    padding-bottom: 15px;
}

    .view-book img {
        border-radius: 4px;
        /*width: 100%;*/
        min-height: 280px;
    }

    .view-book .price {
        top: 10px;
        left: 10px;
        background-color: #6ed15e;
        color: #fff;
        padding: 2px 7px;
        border-radius: 3px;
        font-size: 14px;
    }
    .view-book .usedfor {
        bottom: 10px;
        left: 10px;
        background-color: #45619d;
        color: #fff;
        padding: 2px 7px;
        position:absolute;
        border-radius: 3px;
        font-size: 14px;
    }
    .view-book .fb-share {
        top: 0px;
        right: 10px;
        background: url('/src/app/marketplace/images/fb-share.png') no-repeat;
        width: 55px;
        height: 20px;
        border-radius: 3px;
    }

    .view-book .buy {
        top: 10px;
        right: 11px;
        background-color: #feb252;
        color: #fff;
        padding: 2px 7px;
        border-radius: 3px;
        font-size: 14px;
    }

    .view-book .like {
        bottom: 10px;
        left: 80px;
        background-color: #4cc4f7;
        color: #fff;
        padding: 2px 7px;
        border-radius: 3px;
        font-size: 14px;
    }

.all-abtbook h3 {
    font-size: 14px;
    margin: 8px 0 1px 5px;
    font-weight: bold;
    color: #444;
}

.all-abtbook span {
    font-size: 13px;
    color: #999;
    margin-left:6px;
}

.all-abtbook p {
    margin: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.mkp-card {
       overflow: hidden;
    top: -10px;
    right: -1px;
    left: 0;
    bottom: 0;
}

.front {
    background-color: rgba(255,255,255,0);
}

.back {
    background-color: rgba(0,0,0,0.7);
    z-index: 10000;
    padding: 5px 0;
}

    .back .profile-img {
        padding: 0 7px;
    }

        .back .profile-img img {
            border-radius: 50%;
            /*padding-top:5px;*/
            min-height: initial;
        }

    .back p.name {
        color: #fff;
        margin: 5px 0;
    }

    .back .info h3 {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin: 15px 0 5px;
    }

    .back .info p.a {
        color: #f5f5f5;
        margin-bottom: 7px;
        line-height: 15px;
    }

    .back .info p.b {
        color: #ccc;
        font-size: 12px;
        margin: 0;
        font-weight: bold;
    }

    .back .info p.c {
        color: #eee;
        font-size: 15px;
        margin-bottom: 8px;
    }

    .back .mess-div {
        text-align: center;
    }

    .back .info .book-btn {
        color: #fff;
        background: transparent;
        border: 1px solid #fff;
    }
/*-----------Books page End------------------*/

/*-----------Navigation Menus Start------------------*/
.messages-menu {
    position: absolute;
    top: 85px;
    width: 310px;
    left: -120px;
    z-index: 1000;
    display: none;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .messages-menu a.mess {
        float: left;
        padding: 10px 0 0;
    }

    /*.messages-menu:before {
        position: absolute;
        top: -10px;
        left: 215px;
        display: inline-block;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .messages-menu:after {
        position: absolute;
        top: -9px;
        left: 216px;
        display: inline-block;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #ffffff;
        border-left: 9px solid transparent;
        content: '';
    }*/

    .messages-menu .all-mess {
        /*padding-bottom: 10px;*/
        border-bottom: 1px solid #d9d9d9;
    }

    .messages-menu h4.head {
        padding-left: 15px;
        color: #222;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
    }

    /*.messages-menu span.time {
        font-size: 13px;
        color: #888;
        padding-left: 13px;
        background: url(/src/app/marketplace/images/dot.png);
        background-position: 12px 15px;
        background-size: 15px;
    }*/

    .messages-menu p.name {
        color: #333;
        font-weight: bold;
        font-size: 13px;
        margin: 0 10px 0 0;
        float: left;
    }

    .messages-menu span.mess {
        color: #888;
        font-size: 13px;
    }

.request-menu {
    position: absolute;
    top: 85px;
    width: 310px;
    left: -120px;
    z-index: 1000;
    display: none;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .request-menu:before {
        position: absolute;
        top: -10px;
        left: 144px;
        display: inline-block;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .request-menu:after {
        position: absolute;
        top: -9px;
        left: 145px;
        display: inline-block;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #ffffff;
        border-left: 9px solid transparent;
        content: '';
    }

    .request-menu a.reqs {
        float: left;
        width: 100%;
        border-left: 3px solid #38bfc3;
        padding: 5px 0;
        border-radius: 3px;
        margin-bottom: 10px;
    }

    .request-menu h4.head {
        color: #818181;
        font-size: 16px;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .request-menu a.no-border {
        border-left: 0px !important;
    }

    .request-menu .col-md-3 {
        padding-top: 2px;
    }

    .request-menu .all-reqs p.name {
        padding: 12px 0 0;
        color: #333;
        font-weight: bold;
        font-size: 13px;
        float: left;
    }

    .request-menu .all-reqs span.add {
        background: url('/src/app/marketplace/images/add.png') no-repeat;
        width: 19px;
        height: 17px;
        float: right;
        margin: 13px 15px 0 10px;
    }

    .request-menu .all-reqs span.cross {
        background: url('/src/app/marketplace/images/cross.png') no-repeat;
        width: 19px;
        height: 17px;
        float: right;
        margin: 13px 0px 0 10px;
    }

    .request-menu .all-reqs span.time {
        float: right;
        margin: 12px 10px 0 10px;
        font-size: 13px;
        color: #999;
    }

    .notif-menu .noti .ri-img {
        background: url(/src/app/marketplace/images/bluedot.png) no-repeat;
        background-position: 38px 15px;
    }

    .notif-menu .noti span.img {
        background: url(/src/app/marketplace/images/upload.png) no-repeat;
        width: 35px;
        height: 35px;
        float: left;
        border: 1px solid #dfdfdf;
        border-radius: 50%;
        background-position: 7px;
        margin-top: 3px;
    }

    .notif-menu .noti .ri-img2 {
        background: url(/src/app/marketplace/images/dot2.png) no-repeat;
        background-position: 38px 15px;
    }

    .notif-menu .noti span.img2 {
        background: url(/src/app/marketplace/images/img2.png) no-repeat;
        background-position: 8px 9px;
    }

    .notif-menu .noti .ri-img3 {
        background: url(/src/app/marketplace/images/dot3.png) no-repeat;
        background-position: 38px 15px;
    }

    .notif-menu .noti span.img3 {
        background: url(/src/app/marketplace/images/img3.png) no-repeat;
        background-position: 9px 10px;
    }

    .notif-menu .noti .ri-img4 {
        background: url(/src/app/marketplace/images/dot4.png) no-repeat;
        background-position: 38px 15px;
    }

    .notif-menu .noti span.img4 {
        background: url(/src/app/marketplace/images/img4.png) no-repeat;
        background-position: 9px 11px;
    }

    .notif-menu .noti .ri-img5 {
        background: url(/src/app/marketplace/images/bluedot.png) no-repeat;
        background-position: 38px 15px;
    }

    .notif-menu .noti span.img5 {
        background: url(/src/app/marketplace/images/img5.png) no-repeat;
        background-position: 10px 9px;
    }

    .notif-menu .noti .ri-img6 {
        background: url(/src/app/marketplace/images/dot6.png) no-repeat;
        background-position: 38px 15px;
    }

    .notif-menu .noti span.img6 {
        background: url(/src/app/marketplace/images/img6.png) no-repeat;
        background-position: 9px 9px;
    }

    .notif-menu .noti .ri-img7 {
        background: url(/src/app/marketplace/images/dot7.png) no-repeat;
        background-position: 38px 15px;
    }

    .notif-menu .noti span.img7 {
        background: url(/src/app/marketplace/images/img7.png) no-repeat;
        background-position: 9px 9px;
    }

    .notif-menu .noti .ri-img8 {
        background: url(/src/app/marketplace/images/dot8.png) no-repeat;
        background-position: 38px 15px;
    }

    .notif-menu .noti span.img8 {
        background: url(/src/app/marketplace/images/img8.png) no-repeat;
        background-position: 6px 7px;
    }
/*-----------Navigation Menus End------------------*/

/*-----------Right Nav Start------------------*/

.rgt-nav {
    color: #272727;
    font-size: 16px;
    max-height: 100% !important;
    height: 99%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ededed;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 0px 1px 1px #DEDEE3;
    -moz-box-shadow: 0 0px 1px 1px #DEDEE3;
    box-shadow: 0 0px 1px 1px #DEDEE3;
}

    .rgt-nav .today, .rgt-nav .tasks, .rgt-nav .connections {
        margin-top: 25px;
        padding: 0 10px 0 10px;
        font-weight: bold;
        float: left;
        width: 100%;
    }

        .rgt-nav .today a, .rgt-nav .tasks a, .rgt-nav .connections a.view {
            color: #38BFC3;
            font-size: 12px;
        }

        .rgt-nav .today .left {
            color: #b2b1b1;
            font-size: 10px;
            text-transform: uppercase;
            float: left;
            border-bottom: 1px solid #b2b1b1;
            padding-bottom: 5px;
        }

        .rgt-nav .today .right a {
            color: #38bfc3;
            font-size: 13px;
            float: right;
            text-decoration: none;
        }

        .rgt-nav .today .btn-violet {
            color: #fff;
            background: #955ba5;
            font-weight: bold;
            font-size: 10px;
        }

.today p {
    margin-top: 20px;
    font-size: 11px;
}

.rgt-nav .tasks .left {
    color: #b2b1b1;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    border-bottom: 1px solid #b2b1b1;
    padding-bottom: 5px;
}

.rgt-nav .tasks .right a {
    color: #38bfc3;
    font-size: 13px;
    float: right;
    text-decoration: none;
}

.tasks p {
    margin-top: 20px;
    float: left;
    font-size: 11px;
}

.rgt-nav .connections .left {
    color: #b2b1b1;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    border-bottom: 1px solid #b2b1b1;
    padding-bottom: 5px;
}

.rgt-nav .connections .right a {
    color: #38bfc3;
    font-size: 13px;
    float: right;
    text-decoration: none;
}

.connections ul {
    float: left;
    text-decoration: none;
    list-style: none;
    padding: 0;
    width: 100%;
    height: 387px;
    overflow: hidden;
}

    .connections ul li {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }

        .connections ul li a .onl {
            background: url('/src/app/marketplace/images/online.png') no-repeat;
            width: 20px;
            height: 20px;
            float: right;
            background-size: 14px;
            background-position: 8px 9px;
        }

.connections a {
    color: #000;
    font-size: 11px;
}

    .connections a:hover {
        text-decoration: none;
    }

.connections .pro-img {
    width: 30px;
    margin-right: 10px;
}

.rgt-nav .col-md-12 {
    float: left;
    width: 100%;
    padding: 0;
}

/*-----------Right Nav End------------------*/

@media (max-width: 993px) {
    .chat-head span.left, .chat-head p {
        padding: 0 10px;
    }
}

@media (max-width: 525px) {
    .chat-cont span p.first, .chat-cont span p.second {
    }
}

@media (max-width: 1280px) {
    .fixed-5 {
        width: 549px;
    }

    .filter-8 {
        width: 650px;
    }
}

@media (max-width: 1024px) {
    .fixed-5 {
        width: 480px;
    }

    .filter-8 {
        width: 620px;
        padding: 0;
    }

    .filter ul li {
        margin: 7px 11px 0 0;
    }

        .filter ul li a {
            font-size: 14px;
        }

        .filter ul li.active a {
            font-size: 14px;
        }
}

/*@media (max-width: 992px) {
    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .fixed-5 {
        width: 480px;
    }

    .filter-8 {
        width: 620px;
        padding: 0;
    }
}*/

@media (max-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
}

@media (max-width: 1340px) {
    .chat-cont span p.first {
        position: absolute;
        top: -5px;
        left: 130px;
    }

    .chat-cont span p.second {
        position: absolute;
        top: -5px;
        right: 125px;
    }
}

@media (max-width: 1225px) {
    .inner-o select, .inner-o2 select {
        background-position: 25px 7px;
    }

    .modal-form .form-fields .padd .inl-1 select, .modal-form .form-fields .padd .inl-4 select {
        background-position: right 7px;
    }

    .inner-o .filter-field {
        background-position: 46px 7px;
    }

    .books-form .inner-o .filter-field {
        background-position: right 7px;
    }

    .chat-end .chat .mess {
        width: 71%;
    }

    .chat-cont span p.first {
        position: absolute;
        top: -5px;
        left: 120px;
    }

    .chat-cont span p.second {
        position: absolute;
        top: -5px;
        right: 120px;
    }

    .all-chats .chat-img {
        margin-left: 0px;
    }
}

@media (max-width: 1280px) {
    .cur-time div.time hr {
        width: 1106px;
    }
}

@media (max-width: 1024px) {
    .cur-time div.time hr {
        width: 944px;
    }
}

@media (max-width: 1175px) {
    .chat-cont span p.first {
        position: absolute;
        top: -5px;
        left: 100px;
    }

    .chat-cont span p.second {
        position: absolute;
        top: -5px;
        right: 100px;
    }

    .all-chats .chat-img {
        margin-left: 0px;
    }
}

/*@media screen and (min-width: 1440px) {
    .mkp-card {
        height: 288px;
    }
}*/

/*@media screen and (min-width: 1920px) {
    .mkp-card {
        height: 394px;
    }

    .back .info h3 {
        font-size: 26px;
        margin: 20px 0 5px;
    }

    .back p.name {
        font-size: 24px;
    }

    .back .info p.a {
        font-size: 24px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .back .info p.b {
        font-size: 18px;
    }

    .back .info p.c {
        font-size: 24px;
    }

    .mkp-card .back .buy, .mkp-card .back .price {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .back .info .book-btn {
        font-size: 22px;
    }
}*/

@media screen and (max-width: 1280px) {
    .back .info p.c {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .back p.name {
        font-size: 14px;
    }

    .back .info p.a {
        margin-bottom: 10px;
        line-height: 17px;
        font-size: 14px;
    }

    .back .info p.c {
        font-size: 12px;
        margin-bottom: 9px;
    }

    .mkp-card .back .buy, .mkp-card .back .price {
        font-size: 11px;
    }
}