.reg-mar-left {
    margin-left: -15px;
}

.tab-pane {
    padding-top: 10px;

}

.reg-mar-right {
    margin-right: 15px;

}

.required-color {
    color: #e00000;


}

.list-pad-top {
    margin-top: 5px;


}

.info-table {
    margin-top: 5px;



}

.align-center {
    text-align: center;


}

.align-left {

    text-align: left;


}

.gallery {
    margin: 10px auto;

}

.breadcrumb {

    background: #0F0;


}

option {
    border: none;


}

blue {
    color: #9B6624;

}

.status-button {
    border: 0px;
    background-color: #0086db;


}


/**************************************************************
				Profile
***************************************************************/

.profile-pic {

    /*background-color: #0086db;*/
    border: 1px solid #0086db
}

.nav-tabs-profile {
    border-bottom: 1px solid #0086db;
}

.nav-tabs-profile>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #0086db;
    border-color: #0086db #0086db transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default;
}

.table-profile>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: 1px solid #db9f51;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;

}

.info-table {
    margin-top: 0px;
}


td.left {

    width: 35%;


}

td.right {

    widht: 65%;
    border-top: 0px;
}

td.left.border {

    border-left: 1px solid #db9f51;


}

td.right.border {

    border-right: 1px solid #db9f51;


}

td.last {

    border-bottom: 1px solid #db9f51;


}

.no-pad {

    padding-right: 0px;
    padding-left: 15px;


}

p.pic-mar-right {
    margin-right: 15px;

}



/**************************************************************

***************************************************************/

/**************************************************************
				Chat
***************************************************************/


.chat {
    list-style: none;
    margin: 0;
    padding: 0;

}

.chat img {
    margin-right: 10px;
    max-width: 70px;
}

.panel-primary.chat {
    margin-top: 20px;
    border: none;

}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #DB9F51;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}


.chat li .chat-body p {
    margin: 0;
    color: #fce8d2;
}

.text-muted {
    color: #DB9F51;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.panel {

    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
    border-radius: 0px;
    box-shadow: 0px;
    margin-bottom: 20px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
    border-top: 1px solid #db9f51;

}



.panel-primary>.panel-heading {

    background-repeat: repeat-x;
    border-radius: 0px;
}



.panel-body-chat {
    overflow-y: scroll;
    height: 300px;
    margin: 5px;

}

.panel-body-inbox {
    overflow-y: scroll;
    height: 600px;
    margin: 5px;

}

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

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

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.btn-danger.login {
    font-size: 16px;
    margin-top: 9px;
    color: #444;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}

.btn-danger.login.green {
    background-color: #0086db;
    color: #000;
}

.btn-danger.login.margin {
    margin-top: 0px;
    font-size: 13px;
}

.form-control::-moz-placeholder {
    color: #333;
}

.btn-danger.login.margin.status {


    margin-top: 0px;
    font-size: 8px;


}


.panel-footer {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0px;

    border-top: 1px solid #db9f51;
    padding: 10px 15px;
}

.input-sm {
    border-radius: 0px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 10px;
}


.panel-primary>.panel-heading {
    background-image: linear-gradient(to bottom, #fff 0px, #fff 100%);
    background-color: #fff;
    border-color: #fff;
    color: #ffffff;
}


/**************************************************************

***************************************************************/


/**************************************************************
				Inbox
***************************************************************/

.conversation-wrap {
    border-bottom: 1px solid #db9f51;
    /* box-shadow: 0px 1px 0px #db9f51;*/
    padding: 0;
    max-height: 500px;
    overflow: auto;
}

.conversation {
    padding: 5px;
    border-bottom: 1px solid #db9f51;
    margin: 0;

}

.message-wrap {
    /* box-shadow: 0 0 3px #db9f51;*/
    padding: 0;

}

.msg {
    padding: 5px;
    /*border-bottom:1px solid #db9f51;*/
    margin: 0;
}

.msg-wrap {
    padding: 10px;
    max-height: 500px;
    overflow: auto;

}

.time {
    color: #bfbfbf;
}

.send-wrap {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px;
    /*background: #f8f8f8;*/
}

.send-message {
    resize: none;
}

.highlight {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}

.send-message-btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;
}

.btn-panel {
    background: #f7f7f9;
}

.btn-panel .btn {
    color: #0086db;

    transition: 0.2s all ease-in-out;
}

.btn-panel .btn:hover {
    color: #fff;
    background: #0086db;
}

.btn-panel .btn:active {
    background: #f8f8f8;
    box-shadow: 0 0 1px #db9f51;
}

.btn-panel-conversation .btn,
.btn-panel-msg .btn {

    background: #f8f8f8;
}

.btn-panel-conversation .btn:first-child {
    border-right: 1px solid #db9f51;
}

.msg-wrap .media-heading {
    color: #003bb3;
    font-weight: 700;
}


.msg-date {
    background: none;
    text-align: center;
    color: #aaa;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #db9f51;
}

body::-webkit-scrollbar {
    width: 12px;
}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /*   -webkit-border-radius: 10px;*/
    /*  border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*   -webkit-border-radius: 10px;*/
    /*  border-radius: 10px;*/

    background: #0086db;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #0086db;
}






/**************************************************************

***************************************************************/



/**************************************************************
				Form
***************************************************************/






/**************************************************************

***************************************************************/




/**************************************************************
				List group
***************************************************************/


.list-group {
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0;
}

.nav-tabs>li>a {
    border: 1px solid transparent;
    border-radius: 0px;
    line-height: 1.42857;
    margin-right: 2px;
}




/**************************************************************

***************************************************************/

/**************************************************************
				Pagination
***************************************************************/

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

/**************************************************************

***************************************************************/



/**************************************************************
				Scroll box
***************************************************************/




/**************************************************************

***************************************************************/


.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}


.btn-primary {
    background: #18BC9C;
    background-repeat: repeat-x;
    border-color: #18BC9C;
}

.btn-primary:hover {
    background: #2C3E50;
    background-repeat: repeat-x;
    border-color: #2C3E50;
}

.premium-bg {
    background: rgba(0, 0, 0, 0.6) url("images/modal-bg.jpg") no-repeat scroll center top;
    color: #fff;
}


.modal-dialog {
    padding-top: 9%;
}

.login-logo {
    max-width: 150px;
    margin: 25px auto;
}

.icon-star3 {
    color: #d68d3b;
    font-size: 22px;
    padding-right: 5px;
}


div.ppt {
    color: #000;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}

.msg-sent {
    color: #d68d3b;
    font-size: 18px;
}

.cooming-img {
    left: 24%;
    position: absolute;
    top: 14%;
    min-width: 300px;
}

@media (max-width: 768px) {
    .cooming-img {
        left: 1%;
        position: absolute;
        top: 10%;
    }
}

@media (max-width: 479px) {
    .cooming-img {
        left: -3%;
        position: absolute;
        top: 8%;
        min-width: 200px;
    }
}

.articles {
    margin: 15px auto;
}

.card-img-top {
    width: 100%;
    max-width: 100px;
    margin: 15px auto
}

.form-area {
    background-color: #FAFAFA;

    padding: 10px 40px 60px;

    margin: 10px 0px 60px;

    border: 1px solid #eee;

    border-radius: 4px;
}

video {

    display: inline-block;
    vertical-align: baseline;
    max-width: 320px;
    width: 90%;

}