.carousel { box-shadow: 0 0 15px 0 #444; }

.carousel-indicators li { width: 16px; height: 16px; margin-left: 5px; margin-right: 5px; border-radius: 50%; }



.card-bordered {

    border: 1px solid #ebebeb

}

.carousel-control-next, .carousel-control-prev{

	bottom:100%;

	top:-50px;

	opacity:1 ;

	

}

.carousel-control-next{

	right: 78% !important;

}

@media (max-width: 767px) {

	.carousel-control-next{

		right: 73% !important;

	}

}

@media (max-width: 480px) {

	.carousel-control-next{

		right: 65% !important;

	}

}

.carousel-indicators{

	    bottom: -45px;

}

.carousel-indicators .active {

    background-color: #203f81;

}

.carousel-indicators li{

	    background-color: #c0c0c0;

		cursor:pointer;

}



.carousel-control-prev-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;

}

.carousel-control-next-icon{

	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;

}

.card {

    border: 0;

    border-radius: 0px;

    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);

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

    -webkit-transition: .5s;

    transition: .5s

}



.padding {

    padding: 3rem !important

}



body {

    background-color: #f9f9fa

}



.card-header:first-child {

    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0

}



.card-header {

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    align-items: center;

    padding: 15px 20px;

    background-color: transparent;

    border-bottom: 1px solid rgba(77, 82, 89, 0.07)

}



.card-header .card-title {

    padding: 0;

    border: none

}



h4.card-title {

    font-size: 17px

}



.card-header>*:last-child {

    margin-right: 0

}



.card-header>* {

    margin-left: 8px;

    margin-right: 8px

}



.btn-secondary {

    color: #4d5259 !important;

    background-color: #e4e7ea;

    border-color: #e4e7ea;

    color: #fff

}



.btn-xs {

    font-size: 11px;

    padding: 2px 8px;

    line-height: 18px

}



.btn-xs:hover {

    color: #fff !important

}



.card-title {

    font-family: Roboto, sans-serif;

    font-weight: 300;

    line-height: 1.5;

    margin-bottom: 0;

    padding: 15px 20px;

    border-bottom: 1px solid rgba(77, 82, 89, 0.07)

}



.ps-container {

    position: relative

}



.ps-container {

    -ms-touch-action: auto;

    touch-action: auto;

    overflow: hidden !important;

    -ms-overflow-style: none

}



.media-chat {

    padding-right: 64px;

    margin-bottom: 0

}



.media {

    padding: 16px 12px;

    -webkit-transition: background-color .2s linear;

    transition: background-color .2s linear

}



.media .avatar {

    flex-shrink: 0

}



.avatar {

    position: relative;

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    border-radius: 100%;

    background-color: #f5f6f7;

    color: #8b95a5;

    text-transform: uppercase

}



.media-chat .media-body {

    -webkit-box-flex: initial;

    flex: initial;

    display: table

}



.media-body {

    min-width: 0

}



.media-chat .media-body p {

    position: relative;

    padding: 6px 8px;

    margin: 4px 0;

    background-color: #f5f6f7;

    border-radius: 3px;

    font-weight: 100;

    color: #9b9b9b

}



.media>* {

    margin: 0 8px

}



.media-chat .media-body p.meta {

    background-color: transparent !important;

    padding: 0;

    opacity: .8

}



.media-meta-day {

    -webkit-box-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    align-items: center;

    margin-bottom: 0;

    color: #8b95a5;

    opacity: .8;

    font-weight: 400

}



.media {

    padding: 16px 12px;

    -webkit-transition: background-color .2s linear;

    transition: background-color .2s linear

}



.media-meta-day::before {

    margin-right: 16px

}



.media-meta-day::before,

.media-meta-day::after {

    content: '';

    -webkit-box-flex: 1;

    flex: 1 1;

    border-top: 1px solid #ebebeb

}



.media-meta-day::after {

    content: '';

    -webkit-box-flex: 1;

    flex: 1 1;

    border-top: 1px solid #ebebeb

}



.media-meta-day::after {

    margin-left: 16px

}



.media-chat.media-chat-reverse {

    padding-right: 12px;

    padding-left: 64px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    flex-direction: row-reverse

}



.media-chat {

    padding-right: 64px;

    margin-bottom: 0

}



.media {

    padding: 0px 12px;

    -webkit-transition: background-color .2s linear;

    transition: background-color .2s linear

}



.media-chat.media-chat-reverse .media-body p {

    float: right;

    clear: right;

    background-color: #48b0f7;

    color: #fff

}



.media-chat .media-body p {

    position: relative;

    padding: 6px 8px;

    margin: 4px 0;

    background-color: #f5f6f7;

    border-radius: 3px

}



.border-light {

    border-color: #f1f2f3 !important

}



.bt-1 {

    border-top: 1px solid #ebebeb !important

}



.publisher {

    position: relative;

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    padding: 12px 20px;

    background-color: #f9fafb

}



.publisher>*:first-child {

    margin-left: 0

}



.publisher>* {

    margin: 0 8px

}



.publisher-input {

    -webkit-box-flex: 1;

    flex-grow: 1;

    border: none;

    outline: none !important;

    background-color: transparent

}



button,

input,

optgroup,

select,

textarea {

    font-family: Roboto, sans-serif;

    font-weight: 300

}



.publisher-btn {

    background-color: transparent;

    border: none;

    color: #8b95a5;

    font-size: 16px;

    cursor: pointer;

    overflow: -moz-hidden-unscrollable;

    -webkit-transition: .2s linear;

    transition: .2s linear

}



.file-group {

    position: relative;

    overflow: hidden

}



.publisher-btn {

    background-color: transparent;

    border: none;

    color: #cac7c7;

    font-size: 16px;

    cursor: pointer;

    overflow: -moz-hidden-unscrollable;

    -webkit-transition: .2s linear;

    transition: .2s linear

}



.file-group input[type="file"] {

    position: absolute;

    opacity: 0;

    z-index: -1;

    width: 20px

}



.text-info {

    color: #48b0f7 !important

}

.publisher-input{

	width:100%;

}



@media (max-width: 767px){

	

	#chat{

		padding:0px;

	}

	.chat_container{

		padding:0px;

	}

	.publisher{

		padding: 12px 10px;

	}

}