/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.drag_div {
    height: 255px;
    border: 2px dashed #666EE8;
    background: #F4F5FA;
    overflow-y: scroll;
}

.drag_div2 {
    min-height: 255px;
    border: 2px dashed #666EE8;
    background: #F4F5FA;
    z-index: 1 !important;
    top: -2px;
    /*top: -59px;*/
}

.drag-text {
    font-size: 2rem;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -30px;
    color: #666EE8;
    text-align: center;
}

.la-cloud-download {
    font-size: 80px !important;
    /*position: absolute;
	top: 105px;
	width: 80px;
	left: 50%;
	margin-left: -40px;
	line-height: 1;*/
    color: #666EE8;
}

#image_preview {
    /*position: absolute;
    top: 18px;
    left: 38px;
    height: 325px;
    right: 40px;
    overflow-y: scroll;*/
    padding: 3px 0px;
    margin: 0px !important;
}

#magic {
    z-index: 2;
    /*height: 100px;*/
    margin-bottom: 10px;
}

.remove_div {
    cursor: pointer;
}

.loader-wrapper {
    top: 40%;
}

.main-loader-div {
    background: #e9ecff;
    z-index: 2;
    position: absolute;
    width: 99%;
    top: -5px;
    bottom: 0;
    opacity: 0.9;
    display: none;
    height: 250px;
}

.input_div {
    position: absolute;
    top: 8px;
    width: 94%;
}

.sub_img {
    cursor: pointer;
}

.numberofqnty {
    position: absolute;
    right: -26px;
    top: -6px;
    transform: rotate(45deg);
    padding: 18px 39px;
}

.numberofqnty span {
    position: absolute !important;
    top: 16px;
    right: 21px;
    transform: rotate(-45deg);
}

.credit_card_info {
    margin: 0 auto;
    width: 35%;
    padding: 130px 0px;
}

.contact-info {
    padding-top: 50px;
}

.ajs-message.ajs-success.ajs-visible {
    background-color: #333333f5;
    color: white;
    border-radius: 5px;
}

.top_buttons>.heading-elements {
    right: -10px;
    top: 22px;
}


/* custom floating chat */

.floating_chat_wrapper .flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:991.98px) {
    .floating_chat_wrapper .padding {
        padding: 1.5rem
    }
}

@media (max-width:767.98px) {
    .floating_chat_wrapper .padding {
        padding: 1rem
    }
}

.floating_chat_wrapper .padding {
    padding: 3rem
}

.floating_chat_wrapper .box.box-warning {
    border-top-color: #1e9ff2;
}

.floating_chat_wrapper .box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    /* margin-bottom: 20px; */
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.floating_chat_wrapper .box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
    background-color: #1e9ff2;
}

.floating_chat_wrapper .box-header .box-title {
    color: white;
}

.floating_chat_wrapper .box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative
}

.floating_chat_wrapper .box-header:before,
.floating_chat_wrapper .box-body:before,
.floating_chat_wrapper .box-footer:before,
.floating_chat_wrapper .box-header:after,
.floating_chat_wrapper .box-body:after,
.floating_chat_wrapper .box-footer:after {
    content: "";
    display: table
}

.floating_chat_wrapper .box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative
}

.floating_chat_wrapper .box-header>.fa,
.floating_chat_wrapper .box-header>.glyphicon,
.floating_chat_wrapper .box-header>.ion,
.floating_chat_wrapper .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1
}

.floating_chat_wrapper .box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px
}

.floating_chat_wrapper .box-header>.box-tools [data-toggle="tooltip"] {
    position: relative
}

.floating_chat_wrapper .callout.callout-warning,
.floating_chat_wrapper .alert-warning,
.floating_chat_wrapper .label-warning,
.floating_chat_wrapper .modal-warning .modal-body {
    background-color: #d4195d !important;
}

.floating_chat_wrapper .bg-yellow {
    background-color: white !important;
    color: #1e9ff2;
}

.floating_chat_wrapper .btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent
}

.floating_chat_wrapper .btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #fff;
}

.floating_chat_wrapper .direct-chat .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0
}

.floating_chat_wrapper .box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px
}

.floating_chat_wrapper .box-header:before,
.floating_chat_wrapper .box-body:before,
.floating_chat_wrapper .box-footer:before,
.floating_chat_wrapper .box-header:after,
.floating_chat_wrapper .box-body:after,
.floating_chat_wrapper .box-footer:after {
    content: "";
    display: table
}

.floating_chat_wrapper .direct-chat-messages {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 10px;
    height: 370px;
    overflow: auto
}

.floating_chat_wrapper .direct-chat-messages,
.floating_chat_wrapper .direct-chat-contacts {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.floating_chat_wrapper .direct-chat-msg {
    margin-bottom: 15px;
}

.floating_chat_wrapper .direct-chat-msg,
.floating_chat_wrapper .direct-chat-text {
    display: block
}

.floating_chat_wrapper .direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px
}

.floating_chat_wrapper .direct-chat-timestamp {
    color: #999
}

.floating_chat_wrapper .btn-group-vertical>.btn-group:after,
.floating_chat_wrapper .btn-group-vertical>.btn-group:before,
.floating_chat_wrapper .btn-toolbar:after,
.floating_chat_wrapper .btn-toolbar:before,
.floating_chat_wrapper .clearfix:after,
.floating_chat_wrapper .clearfix:before,
.floating_chat_wrapper .container-fluid:after,
.floating_chat_wrapper .container-fluid:before,
.floating_chat_wrapper .container:after,
.floating_chat_wrapper .container:before,
.floating_chat_wrapper .dl-horizontal dd:after,
.floating_chat_wrapper .dl-horizontal dd:before,
.floating_chat_wrapper .form-horizontal .form-group:after,
.floating_chat_wrapper .form-horizontal .form-group:before,
.floating_chat_wrapper .modal-footer:after,
.floating_chat_wrapper .modal-footer:before,
.floating_chat_wrapper .modal-header:after,
.floating_chat_wrapper .modal-header:before,
.floating_chat_wrapper .nav:after,
.floating_chat_wrapper .nav:before,
.floating_chat_wrapper .navbar-collapse:after,
.floating_chat_wrapper .navbar-collapse:before,
.floating_chat_wrapper .navbar-header:after,
.floating_chat_wrapper .navbar-header:before,
.floating_chat_wrapper .navbar:after,
.floating_chat_wrapper .navbar:before,
.floating_chat_wrapper .pager:after,
.floating_chat_wrapper .pager:before,
.floating_chat_wrapper .panel-body:after,
.floating_chat_wrapper .panel-body:before,
.floating_chat_wrapper .row:after,
.floating_chat_wrapper .row:before {
    display: table;
    content: ""
}

.floating_chat_wrapper .direct-chat-img {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px
}

.floating_chat_wrapper .direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #f2f2f2;
    border: 1px solid #d2d6de;
    margin: 5px 0 0 50px;
    color: #444
}

.floating_chat_wrapper .direct-chat-msg,
.floating_chat_wrapper .direct-chat-text {
    display: block
}

.floating_chat_wrapper .direct-chat-text:before {
    border-width: 6px;
    margin-top: -6px
}

.floating_chat_wrapper .direct-chat-text:after,
.floating_chat_wrapper .direct-chat-text:before {
    position: absolute;
    right: 100%;
    top: 15px;
    border: solid transparent;
    border-right-color: #d2d6de;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none
}

.floating_chat_wrapper .direct-chat-text:after {
    border-width: 5px;
    margin-top: -5px
}

.floating_chat_wrapper .direct-chat-text:after,
.floating_chat_wrapper .direct-chat-text:before {
    position: absolute;
    right: 100%;
    top: 15px;
    border: solid transparent;
    border-right-color: #d2d6de;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.floating_chat_wrapper .direct-chat-msg:after {
    clear: both
}

.floating_chat_wrapper .direct-chat-msg:after {
    content: "";
    display: table
}

.floating_chat_wrapper .direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px
}

.floating_chat_wrapper .right .direct-chat-img {
    float: right
}

.floating_chat_wrapper .direct-chat-warning .right>.direct-chat-text {
    background: #EB1372;
    border-color: #D41A5F;
    color: #fff
}

.floating_chat_wrapper .right .direct-chat-text {
    margin-right: 50px;
    margin-left: 0
}

.floating_chat_wrapper .box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff
}

.floating_chat_wrapper .box-header:before,
.floating_chat_wrapper .box-body:before,
.floating_chat_wrapper .box-footer:before,
.floating_chat_wrapper .box-header:after,
.floating_chat_wrapper .box-body:after,
.floating_chat_wrapper .box-footer:after {
    content: "";
    display: table
}

.floating_chat_wrapper .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.floating_chat_wrapper .input-group-btn:last-child>.btn,
.floating_chat_wrapper .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.floating_chat_wrapper .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.custom_float_chat {
    position: fixed;
    bottom: -1px;
    right: 5px;
    left: unset;
    width: 350px;
    top: unset;
    z-index: 5;
}

.floating_chat_wrapper .btn.btn-warning.btn-flat {
    background-color: #1e9ff2 !important;
    border-color: #1595e8 !important;
}

.hide_chat {
    display: none;
}

.new_msg {
    font-size: 10px;
    background-color: #58b000;
    color: white;
    line-height: 12px;
    padding: 0px 5px;
    border-radius: 3px;
    font-weight: 600;
    margin-right: 5px;
    text-transform: uppercase;
}

.get_text_left {
  text-align: left !important;
}
.get_text_left {
  color: #ddd;
}
.get_text_left span {
  color: white;
}
.dorpdown_status h6 > span {
    padding: 1px 5px;
    color: white;
    border-radius: 3px;
    line-height: 1.3;
    font-weight: 500;
    min-width: auto;
    text-align: center;
    float: left;
    font-size: 11px;
    margin-right: 5px;
}
.dorpdown_status h6 {
    line-height: 19px;
    margin-bottom: 3px;
}
.status_log_scrolling {
    max-height: 300px;
    overflow-y: scroll;
}
.dropdown-menu-footer a:hover, .dropdown-menu-footer a:active, .dropdown-menu-footer a:focus {
    background-color: #f2f2f2;
}