@media(max-width:767px) {
/*Chat Responsive*/
* { margin: 0px; padding: 0px; }
body { 
    background: #f3f5f9;
    font:12px "Open Sans", sans-serif; 
}

.help-header:after{
    font-size: 12px;
}
.dropdown-menu.chat {
    left: auto !important;
    right: 0 !important;
}

div#precentDiv {
    padding: 5px 15px !important;
    padding-bottom: 0px !important;
}

.chat_conversation.txt-a-center.sender {
    text-align: left;
}

.sub-ccard .panel-body {
    padding: 10px 15px;
    line-height: 1.8 !important;
}

.ads-address {
    padding: 0px 13px;
}

.send_chat_message {
    position: absolute;
    right: 0;
    left: auto;
    padding: 2px 0px;
}

/*.modal-content.bill-width-modal {
    height: 100%;
}*/
h2.no-message {
    padding: 15px 0px;
}

h2.no-message img {
    width: 80%;
}

section.content-header {
    padding: 0px 10px !important;
    padding-bottom: 13px !important;
}

img#addressDocumentShow {
    width: 100% !important;
    height: 100% !important;
}

img.show {
    width: 100% !important;
    height: 100% !important;
}

.modal-dialog.message-mobile{
    height: 100% !important;
}
.modal-header.close-preview .close {
    font-size: 14px;
    font-weight: 600;
    padding: 7px 12px;
    color: #ef2631;
    border: 2px solid #ef2631;
    border-radius: 4px;
    margin-right: 16px;
}
div#creditCards {
    height: inherit;
    /* padding: inherit; */
    overflow-y: hidden;
}
.modal-header.close-preview {
    background: #ffffff;
    padding: 0px 0px 0px 0px;
}

.icon-tools {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.modal-footer.preview-tools {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.icon-tools.zoom-in:hover, .icon-tools.zoom-out:hover, .icon-tools.rotate:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    color: #136aea;
}

.icon-tools.zoom-in, .icon-tools.zoom-out, .icon-tools.rotate{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    color: #686868;
}

.icon-tools img {
    width: 22px;
    padding-bottom: 3px;
}

.icon-tools img:hover {
     -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.fixed .main-header {
    z-index: 999;
}

footer.main-footer {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.content-container.list.a-left.bottom-trackee {
    margin: 10px 0px !important;
}

section.content.trackee-content {
    padding: 10px 15px !important;
}

.panel-default.sub-ccard{
    width: 100%;
}

p.drag-map {
    font-size: 12px !important;
    color: #348cf5;
    font-weight: 500;
    background: #f7f7f7;
    border-radius: 2px;
    padding: 5px 5px;
}

.flag.cy {
    position: relative;
}

li.list-sub span {
    float: none;
    display: block;
}

img.help_icon {
    width: 40%;
}

.help_container p {
    text-align: left;
}

.profie-map #myMapview {
    margin-bottom: 10px;
}

div#relationshipHistory_filter {
    margin-left: 0px !important;
}

.mt-50{
    margin-top: 50px;
}

.mtop-10{
    margin-top: 10px;
}
.panel-body.prof-body {
    min-height: 215px;
}

.trackee-info {
    padding: 3px 26px;
}
section.content.mobile-bus-profile {
    padding: 10px 15px !important;
}
.edit-info input#name,.edit-info input#mobile-number {
    width: 100% !important;
}
.panel-heading.edit-bus {
    padding: 10px 0px !important;
}

small.alert-msg.trackee-alert {
    line-height: normal !important;
    font-size: 10px !important;
}

.form-group.trk {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.form-group .key-pair{
    margin-bottom: 0px;
}

.modal-footer{
    text-align: center;
}

div#editBillingModal  button.btn.btn-cancel {
    width: 90%;
    margin-bottom: 5px;
}

div#editBillingModal .modal-dialog {
    width: 100%;
    padding: 0px;
    line-height: 2;
}

span.open-add-modal {
    font-size: 12px !important;
}

span.cc-style.card img {
    width: 70px !important;
}

img.cc-icons.bill {
    float: none;
    width: 70px !important;
}
.p-b-20{
    padding-bottom: 20px !important;
}
span.cc-style.card img.cc-icons {
    float: none;
}
.panel-body.l-2.line-normal {
    line-height: 1.7;
}

.msg-box{
    width: 70%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.icon-msg {
    padding: 12px 0px;
}

.fileUpload, .send_chat_message{
    width: 15% !important;
}

.chat_conversation.me .conversation_text {
    max-width: 100% !important;
}

.chat_conversation.txt-a-center.sender .conversation_image {
    max-width: 65% !important;
}

.chat_conversation.txt-a-center.sender .conversation_text {
    max-width: 100% !important;
}

.dropdown-menu.chat{
    margin: 5px 50px 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    padding: 13px 5px 5px 3px;
    min-width: 125px;
}


.dropdown-menu.chat>li>a {
    font-size: 13px;
    line-height: 2;
}

.chat-head span {
    display: inline-block;
    font-size: 13px;
}
.chat-head {
    border-bottom: 1px solid #eee;
    padding: 14px 0px;
}
/*.w_o_noti_space {
    padding-bottom: 25px;
}*/
.pl-30{
    padding-left: 20px !important;
}
.line-normal{
    line-height: normal !important;
}
#view-code{
  color:#89a2b5;    
  opacity:0.7;
  font-size:14px;
  text-transform:uppercase;
  font-weight:700;
  text-decoration:none;
  position:absolute;top:660px;
  left:50%;margin-left:-50px;
  z-index:200;
}

.panel-default.sub-rev, .panel-default.sub-ccard {
    height: 100%;
    min-height: 150px;
}

/*.panel-body.sub-review {
    padding: 15px;
}*/

#view-code:hover{opacity:1;}
#chatbox{
    width:100%;
    background:#fff;
    border-radius:0px;
    overflow:hidden;
    height:484px;
    position:relative;
    /*top:100px;*/
    margin-top: 0% !important;
    left: 0;
    /*left:50%;*/
    /*margin-left:-15px;*/
}

.btn.zoom { 
    /* margin-left: 0px; */
    margin-right: 10px;
}
div#imgPreview {
    display: inline-block;
}

button#cropSubmit, button#submitProfile {
    margin-left: 5px;
}
.m-0-auto{
    margin: 0px auto;
}
.f-0{
    float: none !important;
}
.editprofile.mobile{
    margin: 0px auto;
    float: none !important;
    left: 0;
    right: 0;
}
#friendslist{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    /*height:484px;*/
    height: 90%;
    overflow: auto;
}
#topmenu{
    height:69px;
    width:290px;
    border-bottom:1px solid #d8dfe3;    
}
#friends {
    width: 100%;
}
#topmenu span{
    float:left; 
    width: 96px;
    height: 70px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png") -3px -118px no-repeat;
}
#topmenu span.friends{margin-bottom:-1px;}
#topmenu span.chats{background-position:-95px 25px; cursor:pointer;}
#topmenu span.chats:hover{background-position:-95px -46px; cursor:pointer;}
#topmenu span.history{background-position:-190px 24px; cursor:pointer;}
#topmenu span.history:hover{background-position:-190px -47px; cursor:pointer;}
.friend{
    height:auto;
    border-bottom:1px solid #e7ebee;        
    position:relative;
}
.friend:hover{
    background:#f1f4f6;
    cursor:pointer;
}
.friend img{
    width:40px;
    height: 40px;
    border-radius:50%;
    margin:15px;
    float:left;
}
/*.floatingImg {
    width: 40px !important;
    height: 40px !important;''
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 12px;
    border: 0px solid #fff;
    left: 11px !important;
    margin-left: 0px;
    top: 0px !important;
    padding: 15px 0px;
}*/

.floatingImg {
    width: 40px !important;
    height: 40px !important;
    position: absolute;
    top: 0;
    left: 12px;
    border: 0px solid #fff;
    left: 11px !important;
    margin-left: 0px;
    border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -webkit-border-radius: 100px 100px 100px 100px;
}

.friend p {
    padding: 10px 0 0 0;
    float: left;
    width: 220px;
    text-align: left;
}
.friend p strong{
     font-weight: normal;
    font-size: 13px;
    color: #454e58;
}
.friend p span{
    font-size:13px;
    font-weight:400;
    color:#aab8c2;
}
.friend.new_messages p strong{
    font-weight:900;
}

.friend p span b {
    font-weight: normal !important;
    color: #aab8c2;
    color: #bbbdbf;
}

.friend .status{
    background:#26c281;
    border-radius:50%;  
    width:9px;
    height:9px;
    position:absolute;
    top:31px;
    right:17px;
}
.friend .status.away{background:#ffce54;}
.friend .status.inactive{background:#eaeef0;}
#search{
    background:#e3e9ed url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/search.png") -11px 0 no-repeat;
    height:60px;
    width:290px;
    position:absolute;
    bottom:0;
    left:0;
}
#searchfield{
    background:#e3e9ed;
    margin:21px 0 0 55px;
    border:none;
    padding:0;
    font-size:14px;
    font-family:"Open Sans", sans-serif; 
    font-weight:400px;
    color:#8198ac;
}
#searchfield:focus{
     outline: 0;
}
#chatview{
    width:100%;
    height:484px;
    position:absolute;
    top:0;
    left:0; 
    display:none;
    background:#fff;
}

.chat_conversation_wrapper .chat_conversation {
    padding: 10px 15px !important;
}

#profile {
    /* height: 33.333%; */
    overflow: hidden;
    text-align: left;
    color: #fff;
    min-height: 9%;
    padding: 12px 65px;
}
.p1 #profile{
    background:#fff url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/timeline1.png") 0 0 no-repeat;
    background-size: 100% !important;
    /*width: 100% !important*/;
    background: rgba(38,103,180,1);
    background: -moz-linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(38,103,180,1)), color-stop(100%, rgba(73,155,234,1)));
    background: -webkit-linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    background: -o-linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    background: linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2667b4', endColorstr='#499bea', GradientType=1 );
}
#profile .avatar{
    width:68px;
    border:3px solid #fff;
    margin:23px 0 0;
    border-radius:50%;
}
#profile  p{
    font-weight:600;
    font-size:15px;
    margin:118px 0 -1px;
    opacity:0;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
         -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); 
}
#profile  p.animate{
    margin-top:0px;
    opacity:1;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
         -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); 
}
#profile  span{
    font-weight:400;
    font-size:11px;
}
#chat-messages{
    opacity:0;
    margin-top:30px;
    width:100%;
    /*height:270px;*/
    overflow-y:hidden;  
    overflow-x:hidden;
    /*padding-right: 20px;*/
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
         -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
#chat-messages.animate{
    opacity:1;
    margin-top:0;
}
#chat-messages label{
    color:#aab8c2;
    font-weight:600;
    font-size:12px;
    text-align:center;
    margin:15px 0;
    width:290px;
    display:block;  
}
#chat-messages div.message{
    padding:0 0 30px 58px;
    clear:both;
    margin-bottom:45px;
}
#chat-messages div.message.right{
      padding: 0 58px 30px 0;
      /*margin-right: -19px;*/
      margin-left: 19px;
}
#chat-messages .message img{
      float: left;
      margin-left: -38px;
      border-radius: 50%;
      width: 30px;
      margin-top: 12px;
}
#chat-messages div.message.right img{
    float: right;   
    margin-left: 0;
    margin-right: -38px;    
}
.message .bubble{   
    background:#f0f4f7;
    font-size:13px;
    font-weight:600;
    padding:12px 13px;
    border-radius:5px 5px 5px 0px;
    color:#8495a3;
    position:relative;
    float:left;
}
#chat-messages div.message.right .bubble{
    float:right;
    border-radius:5px 5px 0px 5px ;
}
.bubble .corner{
    background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png") 0 0 no-repeat;
    position:absolute;
    width:7px;
    height:7px;
    left:-5px;
    bottom:0;
}
div.message.right .corner{
    background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png") 0 0 no-repeat;
    left:auto;
    right:-5px;
}
/*alert */
.alert-top{
    padding-left: 0px !important;
}
.bubble span{
      color: #aab8c2;
      font-size: 11px;
      position: absolute;
      right: 0;
      bottom: -22px;
}
#sendmessage{
    height:50px;
    border-top:1px solid #e7ebee;   
    position:absolute;
    bottom:0;
    right:0px;
    width:100%;
    background:#fff;
   /* padding-bottom:50px;*/
}
#sendmessage input{
    background:#fff;
    /*margin:18px 0 0 21px;*/
    border:none;
    padding:0;
    font-size:14px;
    font-family:"Open Sans", sans-serif; 
    font-weight:400px;
    /*color:#aab8c2;*/
    color: #333;
}
#sendmessage input:focus{
     outline: 0;
     border:none;
     box-shadow: none !important;
}
#sendmessage button{
    background:#fff url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/send.png") 0 -41px no-repeat;
    width:30px;
    height:30px;
    position:absolute;
    right: 15px;
    top: 23px;
    border:none;
}
#sendmessage button:hover{
    cursor:pointer;
    background-position: 0 0 ;
}
#sendmessage button:focus{
     outline: 0;     
}

#close{
    position:absolute;
    top: 8px;   
    opacity:0.8;
    right: 10px;
    width:20px;
    height:20px;
    cursor:pointer;
}
#close:hover{
    opacity:1;
}
.cx, .cy{
    background:#fff;
    position:absolute;
    width:0px;
    top:15px;
    right:15px;
    height:3px;
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
         -o-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}
.cx.s1, .cy.s1{ 
    right:0;    
    width:20px; 
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cy.s2{ 
    -ms-transform: rotate(50deg); 
    -webkit-transform: rotate(50deg); 
    transform: rotate(50deg);        
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cy.s3{ 
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);        
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cx.s1{ 
    right:0;    
    width:20px; 
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cx.s2{ 
    -ms-transform: rotate(140deg); 
    -webkit-transform: rotate(140deg); 
    transform: rotate(140deg);       
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cx.s3{ 
    -ms-transform: rotate(135deg); 
    -webkit-transform: rotate(135deg); 
    transform: rotate(135deg);       
    -webkit-transition: all 100ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
#chatview, #sendmessage { 
overflow:hidden; 
border-radius:0px; 
}

.chat_input_wrapper {
    height: 46px;
    border: 0px solid #dddddd;
    border-radius: 0px !important;
    z-index: 999999 !important;
    float: none;
}
.chat_input input {
    height: 48px;
    border: 0px solid #fff !important;
    box-shadow: none;
}

.chat_conversation.me .conversation_image{
    max-width: 75% !important;
}

div#chat_image {
    z-index: 99999999 !important;
}

.conversation_picture img {
    width: 30px !important;
    height: 30px !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.chat_conversation_wrapper{
    border-bottom: none !important;
    padding: 0px 0px 15px 0px !important;
    /*height: auto !important;*/
    min-height: 450px;
}

section.content.visible-xs.visible-sm{
    padding:10px 0px !important;
}
/*END Chat Responsive*/

div.dataTables_info {
    white-space: normal !important;
}


ul.dropdown-menu.trackee-ul {
    right: 19px;
    left: auto;
    top: 412px;
    bottom: auto;
    /* height: 100%; */
    position: fixed;
}

i.fa.fa-map-o.icon-pl {
    font-size: 24px;
}

a.btn-trackee.mobile {
    position: fixed;
    bottom: 87px;
    right: 15px;
    width: 60px;
    height: 60px;
    float: right;
    margin-right: 0;
    cursor: pointer;
    /* background-color: #ea2c2c; */
    /* background: #f34747; */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.2s ease-in-out;
    z-index: 999;
}
span.ml {
    padding-left: 80px;
}

h1.sub-name {
    font-size: 15px !important;
}
h2.sub-name {
    padding-top: 12px;
}

.btn-default.sub-mob {
    width: 44% !important;
    font-size: 13px !important;
}

/*Ads Performance*/
table#daily, table#monthly, table#weekly_this_week, table#weekly_last_week, table#custom_table, table#all_time{
    width: 100% !important;
}
button.btnACtive.activeButton, button.tableActive.activeButton{
    background: #2667b4;
    color: #fff;
}
/*END Ads Performance*/

/*Payment Methods Billing*/

div#chart3 #example1_filter {
    margin-left: 0px;
}

div.p-0-50.add_payment_method{
    padding: 0px 9px !important;
}

img.cc-icons {
    margin-right: 0px !important;
    float: right;
    width: 50px;
}
.card-image img.cc-icons {
    float: none;
}

div#subscriptionList_filter, div#subscriptionList_length {
    text-align: left;
    padding-left: 5px;
    margin-bottom: 12px;
}


#chart3 div#example1_wrapper .col-sm-6{
    display: block !important;
}
div#example1_length {
    text-align: left;
}
.cc-style-number {
    font-weight: 600;
    color: #444;
    padding: 9px 50px 0px 0px;
    letter-spacing: 1px;
    font-size: 17px;
}
#chart2 .dataTables_length,{
    text-align: left !important;
}

span.cc-name {
    padding-right: 5px;
}

.card-details {
    padding: 14px 0px 15px 0px;
    background: #f4f4f4;
    margin-bottom: 9px;
    border-radius: 5px;
}

button.btn.btn-blue.ads-bill-btn{
    float: none;
}
.btn.cc-make-primary, .btn.cc-remove {
    color: #ffffff;
    background: #337ab7;
    border: 1px solid #337ab7;
}

.btn.cc-remove, .btn.cc-paypal-remove{
    margin-top: 0px !important;
    font-size: 12px !important;
    padding: 11px 0px !important;
    background: transparent !important;
}
.form-group.py-30.box-0.margin-0.card-box {
    padding-bottom: 20px !important;
}
/*END Payment Methods Billing*/

/*View Ads Products*/
div#datatables_wrapper .col-sm-6{
    left: 0px !important;
}
div#productAdd{
    left: 127px !important;
}
/*End View Ads Products*/

/*HEADER*/

span.badge.new_message {
    /*right: 44px !important;*/
    /*top: 8px !important;
    right: 60px !important;*/
    top: 5px !important;
    right: 55px !important;
}
body {
    font-family: "Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif;
}

.form-group {
    color: #444;
}

li.user-header:after{
    display: none;
}
.add-list-mobile .floating-btn:hover .button-title{
    -webkit-transform: none;
    transform: none;
    display: block;
    opacity: 1;
    visibility: visible;
}

.add-trackee-mobile .floating-btn:hover .button-title{
    -webkit-transform: none;
    transform: none;
    display: block;
    opacity: 1;
    visibility: visible;
}
.trackee-title{
    background: #4e82e3 !important;
}

.send-message {
    margin-bottom: 0px;
    background: transparent;
}

.attached-file {
    margin-bottom: 5px;
    background: #f4f6f7;
    text-align: center;
}

span#attachmentTicket {
    font-size: 13px;
    padding: 0px;
}

.attachments i {
    opacity: 0.8;
    padding: 4px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    border: 1px solid transparent;
}

span.align-left {
    float: none;
}


.attachments i:hover {
    border: 0px solid #e9e9e9;
}

.tab-content>.no-marginb>.active{
    margin-bottom: 0px !important
}
span.combodate select {
    padding: 5px 12px 6px 7px;
}

div#viewEndDate select {
    background: #ffffff;
}

.floating-btn{
  cursor: pointer;
}
.add-list-mobile .button-title {
    position: absolute;
    font-size: 15px;
    left: auto;
    right: 72px;
    top: 13px;
    color: #fff;
    background: rgb(220, 0, 0);
    padding: 7px;
    border-radius: 2px;
    white-space: nowrap;
    text-transform: capitalize;
    text-align: left;
    display: block;
    transform: translateX(10px);
    -webkit-transition: .5s;
    transition: .5s;
    visibility: visible;
    opacity: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 999;
    font-family: 'Poppins', sans-serif;
    background: #f34747;
}
.padding-10-70 {
    padding: 1px 7px 0px 7px !important;
}
#sliderAlert span{
    font-size: 9px;
}
section.content-header {
    padding: 0px 76px;
}

/*p.drag-map {
    font-size: 10px !important;
    color: #348cf5;
}*/

div#group_postal_code {
    padding-bottom: 0px;
}

button.btn.btn-advertise {
    font-size: 10px;
}
.note-wrapper{
    width: 92% !important;
    top: auto !important;
    bottom: 319px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0px auto !important;
    padding: 0px !important;
}

button.btn.btn-retry-now {
    font-size: 10px;
}

.note-wrapper .tooltiptext::after {
    display: none;
}

.note-wrapper p {
    color: #006df0;
}
.list-form-group label {
    font-family: 'Poppins', sans-serif;
}

.content-header>.mobile{
    top: 29px;
    right: auto;
    left: -15px;
    text-align: left;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    display: none !important;
}
div.dataTables_length label {
    margin-left: 0;
}
.content-container.list{
    margin-top: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.breadcrumb>li+li:before {
    padding: 0 0px;
}

button.btn.floating-btn{
    background: transparent;
}

img.add_icon {
    width: 25px;
    margin-right: 0px;
}


a.add-list-mobile:hover{ 
   background: #dc0000;
   transform: scale(1.2);
}
a.add-list-mobile {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 6rem;
    height: 6rem;
    float: right;
    margin-right: 0;
    cursor: pointer;
    background-color: #ea2c2c;
    background: #f34747;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-in-out;
    z-index: 999;
}

a.add-trackee-mobile:hover{ 
   background: #4e82e3 !important;
   transform: scale(1.2);
}
a.add-trackee-mobile {
    position: fixed;
    bottom: 90px;
    right: 15px;
    width: 6rem;
    height: 6rem;
    float: right;
    margin-right: 0;
    cursor: pointer;
    background: #47aaf3 !important;
    border-color: #419bde !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-in-out;
    z-index: 999;
}

a.view-trackee-mobile:hover{ 
   background: #4e82e3 !important;
   transform: scale(1.2);
}
a.view-trackee-mobile {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 6rem;
    height: 6rem;
    float: right;
    margin-right: 0;
    cursor: pointer;
    background: #47aaf3 !important;
    border-color: #419bde !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-in-out;
    z-index: 999;
}

i.fa.fa.fa-map-o {
    color: #fff;
    font-size: 24px;
}

.add-trackee-mobile .button-title,.view-trackee-mobile .button-title{
    position: absolute;
    font-size: 15px;
    left: auto;
    right: 72px;
    top: 13px;
    color: #fff;
    background: rgb(220, 0, 0);
    padding: 7px;
    border-radius: 2px;
    white-space: nowrap;
    text-transform: capitalize;
    text-align: left;
    display: block;
    transform: translateX(10px);
    -webkit-transition: .5s;
    transition: .5s;
    visibility: visible;
    opacity: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 999;
    font-family: 'Poppins', sans-serif;
    background: #f34747;
}

div#relationshipHistory_wrapper .col-sm-6 {
    right: auto;
    width: 100% !important;
    left: 0% !important;
}

.btn-primary .floating-btn{
    -webkit-box-shadow: 0px 0px 0px 0px rgb(199, 199, 199) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgb(199, 199, 199) !important;
    box-shadow: 0px 0px 0px 0px rgb(199, 199, 199) !important; 
}
button.btn.floating-btn.active, .btn:active{
   -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.125);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.125);
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    background: none;
    border: none;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 55px;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.09);
    box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.09);
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
}

.fright.center.mobile {
    width: 100%;
    text-align: right;
    float: none;
}

.quick-link li:hover .title{
    visibility: hidden;
}

li a.adv-logo {
    padding-left: 18px;
    position: absolute;
    text-align: left;
}
li.dropdown.user.user-menu {
    padding-right: 0px;
}

.navbar-nav>li>a {
    padding-right: 16px !important;
}

.navbar-nav {
    margin: 0px;
}
/*END HEADER*/


/*ACCOUNT*/

.upload-button {
    width: 100%;
    color: #fff;
}

.btn.zoom {
    background: #f34747;
    color: #ffffff;
}


.update-pass a {
    text-align: center;
}

.cust-check label {
    font-size: 11px;
}



div#openTable_filter {
  text-align: left;
}

div#openTable_length {
    text-align: left;
    padding-bottom: 12px;
}

h1.title.grey {
    padding: 10px;
    background: transparent;
}

div#group_postal_code {
    text-align: left;
}
.id-pb{
    padding-bottom: 0px !important;
}

.doc-stat h1 {
    padding-left: 0px;
    font-size: 15px;
    text-align: left;
}


div#upload_id {
    width: 80%;
    margin: 0px auto;
    text-align: center;
    display: block;
}

.section-body {
    padding-bottom: 0px;
}

img#profile_id_upload {
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
}

label.control-label.instruct-small{
    padding-left: 0px;
    font-size: 11px;
}

.w-100 input {
    width: 100%;
}

/*.right-addon .glyphicon {
    right: 0px;
    width: 25%;
    top: 20px
}*/

.right-addon .glyphicon {
    right: 0px;
    width: 20%;
    top: 14px;
}

label.grey.pl-40 {
    padding-left: 20px !important;
}

button.btn-submit.account-btn {
    width: 100%;
    background: #2667b4;
    padding: 7px;
}

.nav-profile-bottom {
    border-top: 0px solid #f9f9f9;
}

.p-20.icon-addon.addon-md {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    padding: 5px 15px 5px 15px;
    line-height: 3;
}

h1.title.grey.mobile {
    font-family: 'Poppins', sans-serif !important;
    color: #444 !important;
    text-align: left !important;
    font-size: 15px !important;
}

.content-container.list.min-h {
    height: 100%;
    min-height: 100%;
}

.top.a-left small {
    padding-left: 15px;
}

.icon-addon.addon-md .form-control, .icon-addon .form-control {
    float: none;
}

.icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 3px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 45px 22px;
    top: 7px;
    color: #dddddd;
}

.nav-profile-bottom p {
    text-align: left;
}

/*END ACCOUNT*/

/*TICKET*/

.ticket-table label {
    padding-left: 0px;
}

.btn-group.prod-button, #btn-subscribe {
    width: 100%;
    position: relative;
    display: block;
}

.button-product {
    width: 100% !important;
    position: relative !important;
    text-align: center;
    right: 0px !important;
}

.prod-button div#productAdd{
    left: 64px !important;
}

.form-group.prod-table label {
    line-height: 3;
}

.form-group.prod-table {
    padding: 10px 20px !important;
}
.prod-table div#datatables_info {
    padding-top: 20px;
}


/*END TICKET*/


/*TRACKEE ADD*/
.unpairtooltiptext {
    width: 100% !important;
    top: 233px !important;
    margin-left: -165px !important;

}
.unpairtooltiptext::after{
    top: -11% !important;
    left: -3% !important;
    margin-left: 115px !important;
    /*border-color: rgb(0, 0, 0) transparent transparent transparent !important;*/
    border-top: 8px solid rgba(0, 0, 0, 0) !important;
    border-bottom: 8px solid rgb(19, 19, 19) !important;
    border-right: 8px solid transparent !important;
}
/*button#shareGenerateKey {
    float: right !important;
    margin-top: 0px !important;
    margin-left: 67px !important;
    margin-right: 60px !important;
}
*/
.setting_icon {
    padding-top: 15px !important;
    padding-left: 25px !important;
}


.noAssociatedDevice::after{
    left: 89% !important;
    top: -19% !important;
    margin-left: -14px !important;
    border-bottom: 8px solid rgb(0, 0, 0) !important;
    border-right: 8px solid rgba(51, 51, 51, 0) !important;
}

.noAssociatedDevice{
    width: 100% !important;
    top: 72px !important;
    margin-left: -204px !important;
}

.cancelTriptooltiptext {
    top: 280px !important;
    margin-left: -180px !important; 
    width: 100% !important;
}
.cancelTriptooltiptext::after{
    top: -18% !important;
    left: 48% !important;
    border-color: rgb(51, 51, 51) transparent transparent transparent !important;
    border-top: 8px solid rgba(0, 0, 0, 0) !important;
    border-bottom: 8px solid rgb(0, 0, 0) !important;
}


button#shareGenerateKey {
    float: none !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.tooltiptext::after, .unpairtooltiptext::after, .forceunpairtooltiptext::after{
    top: -18% !important;
    left: -3% !important;
}

iframe#addressDocumentShowPDF {
    width: 215px;
    height: 248px;
}
.ad-preview .tooltiptext.ads-setting-preview::after {
    top: 100% !important;
    left: 12% !important;
}

p.dis-range span {
    width: 135px !important; 
}

#hideMobile{
    position: absolute;
    margin-left: -203px;
    margin-top: -1px;
    font-size: 20px;
    color: #fff;
    /* border: 1px solid #88b1ff; */
    padding: 4px 8px;
    border-radius: 3px;
    background: #336edb;
}

/*END TRACKEE ADD*/

/*ADS BILLING*/

th.padding-0.v-align-m {
    vertical-align: middle !important;
}

.pay-bill {
    margin-top: 12px;
    margin-bottom: 12px;
}

label.history-title {
    padding: 16px;
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-align: left;
    padding-left: 0px;
    font-weight: normal !important;
}

p.perf-title {
    font-weight: 600;
}

.card-details.ads-bill{
    background: transparent;

}


button.btn.btn-blue.billing-btn {
    background: #fff;
    border: 1px solid #3881ca;
    margin-left: 0px;
    color: #3881ca;
    font-size: 12px;
    font-weight: 500;
    float: none;
    margin-right: 5px;
}


button.btn.btn-blue.billing-btn:hover {
    background: #3881ca;
    border: 1px solid #3881ca;
    margin-left: 0px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    float: none;
}

button.btn.btn-blue.ads-bill-btn:hover {
    background: #3881ca;
    border: 1px solid #3881ca;
    margin-left: 0px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
}

.card-bottom-mobile {
    padding: 0px;
    padding-bottom: 15px;
}

.card-image img {
    /*margin-right: 35px;*/
}

.card-bottom-mobile span {
    padding-left: 10px;
}

h1.title-payment {
    padding: 5px;
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-align: left;
    padding-left: 10px;
}

span.cc-style.primary {
    padding: 0px;
}
button.btn.btn-blue.unsubscribe-bill-btn {
    width: 100%;
    font-size: 14px;
}

.card-bottom-mobile p {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.5;
    background: #f0f0f0;
    padding: 4px;
}
.col-md-12.button-billing {
    display: flex;
    width: 100%;
    padding: 7px;;
}
/*END ADS BILLING*/

/*ADS ADD*/


p.create-ads-title.mob {
    padding-left: 27px !important;
}

form input {
    color: #444;
}

.note-wrapper-ads .tooltiptext::after{
    display: none;
}

.line-1-5{
    line-height: 1.5;
    margin: 0px;
}

.controls.ads-add{
    left: -8px !important;
    right: 0px;
    width: 285px !important;
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    color: #1f1f1f !important;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
}
.note-wrapper-ads {
    width: 100% !important;
    top: auto !important;
    bottom: 257px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0px auto !important;
    padding: 0px !important;
    color: #006df0 !important;
}

.pb-35{

    padding-bottom: 35px !important;
}


.p-30{
       padding: 0px 30px;
}
.col-md-7.col-xs-12.button-ud {
    padding: 17px;
}

.campaign-btn.ads-add{
    padding-right: 45px;
    padding-top: 15px;
    text-align: left;
    padding-left: 45px;
    padding-bottom: 15px;
}

.ads-form-group.mobile {
    padding: 10px 25px;
}

p.create-ads-title {
    float: none;
    padding-left: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}


/*END ADS ADD*/
/*AD PRODUCT*/
.form-group.prod-btn {
    text-align: center !important;
}

/*END AD PRODUCT*/

/*PERFORMANCE*/

h4.title-performance {
    font-family: 'Poppins', sans-serif !important;
    padding-top: 8px !important;
    color: #3881ca !important;
    text-align: center !important;
    padding-bottom: 5px;
    font-size: 15px !important;
    display: block;
    /* float: left; */
    /* padding-left: 0px; */
}


/*END PERFORMANCE*/

/*ADS SETTING*/

.ads-setting-preview, .ads-details-preview {
    margin-top: 25px;
}
.gm-style .gm-style-iw {
    color: #000;
}

span.glyphicon.glyphicon-eye-open {
    color: #3881ca;
    margin-right: 10px;
}
.ads-checkbox-custom + .ads-checkbox-custom-label:before {
    width: 22px;
    height: 22px;
    padding: 0px;
    border: 0px solid transparent;
}

.start-ads.start-setting, .start-ads.stop-setting {
    padding-left: 9px;
    display: inline-flex;
}

.stop-setting label, .start-setting label {
    padding-right: 15px;
}
label.title-ads-set {
    font-family: 'Poppins', sans-serif !important;
    padding-top: 8px !important;
    color: #444 !important;
    text-align: left !important;
    padding-bottom: 5px;
    font-size: 15px !important;
    /* display: block; */
    /*float: left;*/
    padding-left: 10px;
}

.selectize-input {
    padding: 5px 8px !important;
}


.btn.btn-biz {
    width: 40%;
}

.btn-default {
    width: 40%;
}

.ads-note-wrapper {
    width: 100% !important;
    top: auto !important;
    bottom: 257px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0px auto !important;
    padding: 0px !important;
    color: #006df0 !important;
}

input#ads-pac-input {
    left: -25px !important;
    right: 0px;
    width: 285px !important;
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    color: #1f1f1f !important;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
}

.ads-note-wrapper .tooltiptext::after{
    display: none;
}
.address-lbl label, label.control-label {
    color: #444;
    text-align: left;
    /*display: block;*/
    padding: 9px 0px 4px 0px;
}

span#endDateDisplay {
    line-height: 4;
}

li.list-group-item.nav {
    border-bottom: 1px solid #edf0f2 !important;
    width: 95%;
    margin: 0px auto;
    text-align: left;
}

li.list-group-item.nav:hover{
    border-bottom: 1px solid #edf0f2 !important;
    cursor: pointer;
}

span.tag.label.label-info {
    line-height: 3;
    font-size: 11px;
}

.mobile-serv-save {
    font-size: 13px;
    padding: 10px;
    float: right;
    width: 90%;
    margin: 0px auto !important;
    text-align: center !important;
    position: relative;
    float: none !important;
    display: block;
}

.mobile-blue {
    background: #346da8;
    color: #fff;
    font-size: 14px;
    /* text-transform: uppercase; */
}

.modal-footer.end-date-mobile {
    border-top-color: transparent;
        text-align: center;
}

i.glyphicon.glyphicon-eye-close.grey.btn-showHidePass.mobile {
    left: auto !important;
    right: 10% !important;
    position: absolute !important;
    top: 50px !important;
}

.form-control.pass-update {
    width: 95% !important;
}

.modal-content.password-update {
    margin-top: 0% !important;
}
.modal-body.end-date-mobile {
    padding: 28px 16px;
    line-height: 3;
}

.ads-span{
    font-size: 15px;
    color: #444;
    font-family: 'Poppins', sans-serif;
    padding-left: 5px;
}
.form-group.suggestions.mobile {
    padding-left: 0px !important;
    padding-top: 9px;
}

.ads-form-group.mob-setting {
    padding: 0px 25px;
    width: 100%;
    text-align: left;
}

.advertisement-ads {
    text-align: left;
    float: none !important;
    padding-left: 25px;
    padding-top: 15px;
}

.advertisement-ads label{
    padding-left: 0px;
}
.view-ads a, .stop-ads a {
    color: #49d2b3 !important;
    /*padding-left: 6px;
    margin-left: 5px;*/
}

p.align-left.time.visible-xs {
    font-size: 10px;
    opacity: 0.5;
    margin-bottom: 0px;
        float: right;
}

.sender-ticket-logo {
    text-align: left;
    width: 30px;
    height: 30px;
    margin-top: 11px;
}

.f-none{
    float: none;
}

.f-r{
    float: right;
}

.f-l{
    float: left;
}

span#file_name {
    text-transform: uppercase;
}

h1.support-subj {
    font-size: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.modal-dialog.verify-img-modal {
    width: 100% !important;
}

.mailbox-read-message p {
    margin-top: 5px;
}

input#ad-title, input#ad-website, input#ad-description {
    background: #fff;
    margin-bottom: 2px;
    margin-top: 5px;
    padding-left: 6px;
}

.intl-tel-input input {
    background: #fff !important;
    margin-bottom: 2px;
    margin-top: 5px;
    padding-left: 6px;
}

.intl-tel-input .flag-dropdown .country-list{
        width: 280px !important; 
}

span#address {
    width: 100% !important;
    background: #fff;
    padding: 6px;
    margin-top: 6px;
}

.accordion1-header {
    padding: 15px 0px;
    font-size: 13px;
}


.breadcrumb.mobile-help {
    margin: 5px auto;
    text-align: left;
    padding-left: 7px !important;
}

.box-0 {
    padding: 0px !important;
}

section.content.s-help {
    padding: 10px 15px !important;
}

.campaign-btn {
    padding: 0px;
}

.stop-ads, .start-ads {
    display: inline-flex;
    float: none !important;
    padding-left: 0px;
    padding-right: 5px;
}
label.ads-title {
    text-align: left !important;
    font-family: 'Poppins', sans-serif !important;
    padding-left: 0px !important;
    padding-top: 9px;
    color: #444 !important;
    font-size: 15px !important;
}

.form-group.mobile-ads-services {
    padding: 0px !important;
    text-align: left;
    padding-top: 7px !important;
}

h6.category.text-center {
    font-size: 12px !important;
    /*color: #2a6ab5 !important;*/
    font-family: 'Poppins', sans-serif !important;
    padding: 1px;
}

h4.ads_name.text-center {
    font-size: 15px;
    color: #273a51;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
/*END ADS SETTING*/

/*BUSINESS PROFILE MODAL*/
p.mobile-note {
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif;
    background: #f7f7f7;
    font-weight: 500;
    padding: 3px 5px;
}

.button-bottom.mobile {
    display: inline-flex;
}

.note-wrapper-listing .tooltiptext::after{
  display: none;
}
.note-wrapper-listing {
    width: 92% !important;
    top: auto !important;
    bottom: 328px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0px auto !important;
    padding: 0px !important;
    color: #006df0 !important;
    border: none !important;
}

i.fa.fa-bullhorn.mobile {
    color: #fff;
    font-size: 28px;
}

div#mapNote {
    display: block !important;
}

textarea#listings_offer_description {
    padding: 10px 8px 75px 8px;
}

div#appendInput label.space-bottom {
    color: #444;
    /*display: inline-block;*/
    text-align: left;
    padding-top: 9px;
    line-height: 2.5;
}

.mob-offer-style {
    display: inline-block;
}

.mobile-left {
    text-align: left;
    padding: 0px;
}

div#appendInput .form-group {
    margin-bottom: 0px !important;
}

.modal-dialog {
      width: 100% !important;
      padding: 0;
      margin:0;
}
.message-mobile .modal-content {    
      height: 100% !important;
      border-radius: 0;
      color:white;
      overflow:auto;
}
#billingHistoryModal .modal-content {    
      color:#000000;
      text-align: left;
}
#billingHistoryModal .billingAmount {    
      font-size: 16px !important;
}


ul.dropdown-menu.mobile-drop.list {
    min-width: 170px !important;
}

ul.dropdown-menu.mobile-drop.list>li>a {
    font-size: 15px !important;
}

div#modeOfPayments {
    text-align: left;
    padding-left: 25px;
}

div#appendInput {
    padding: 0px 15px 0px 15px;
}
.map-address-mob label {
    /* display: block; */
    /* text-align: left; */
    /* padding: 5px; */
    color: #444;
    text-align: left;
    display: block;
    padding: 9px 0px 4px 0px;
}

#myMapListing {
    /*margin: 35px auto;*/
    margin: 10px auto 0px;
    color: #444;
}

.mgbottom {
    margin: 0px auto;
    padding-top: 45px;
}

#listing-pac-input {
    left: -25px !important;
    right: 0px;
    width: 285px !important;
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    color: #1f1f1f !important;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
}

.name-label {
    text-align: left;
    color: #2667b4;
    margin-bottom: 0px;
}

label.instruct-cc {
    color: #aaa;
    margin-top: 16px !important;
}

.weekday {
    padding: 2px 0px 0px 22px;
}

.modal-heading.mobile-prof {
    /*padding: 7px 0px 12px 1px;*/
}

.modal-header {
    padding: 8px 0px 9px 4px;
}
.tright.mod {
    /* padding-right: 22px; */
    padding-top: 25px;
    /* background: #e9e9e9; */
    text-align: center;
}

.modal-padding-mobile {
    padding: 10px 18px !important;
    text-align: left;
    font-size: 13px !important;
    padding: 5px !important;
}

.modal-header h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin: 0px auto;
    padding: 6px 0px 0px 0px;
    font-size: 15px;
    font-weight: 500;
}
.modal-content {
    margin-top: 0% !important;
    width: auto !important;
}

.modal-header .close {
    margin-top: 9px;
    margin-right: 0px;
    background: transparent;
    border: 0px solid #346da8;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(88, 88, 88);
    -moz-box-shadow: 0px 0px 0px 0px rgb(88, 88, 88);
    box-shadow: 0px 0px 0px 0px rgb(88, 88, 88);
    padding: 5px 10px 10px 5px;
}

button.close span {
    color: #ecf4fc;
}
span.close-mob img {
    width: 14px;
    height: auto;
    margin-right: 18px;
    margin-top: -12px;
}
/*END BUSINESS PROFILE MODAL*/

/*BUSINESS PROFILE*/


/*h1.busi-title.profile {
    padding: 3px 14px 4px 14px;
    font-size: 15px;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    color: #2667b4;
    font-weight: 500;
    margin: 0px;
}*/
h1.busi-title.profile {
    padding: 3px 14px 3px 0px;
    font-size: 15px;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    color: #2667b4;
    font-weight: 500;
    margin: 0px;
}
.busi-title a {
    font-family: 'Poppins', sans-serif;
    color: #2667b4;
    font-weight: 500;
}

.panel-default>.panel-heading.edit-bus p {
    text-align: left;
}

/*div#services {
    padding: 0px !important;
}*/

.services-list li {
    color: #273a51;
    font-size: 13px;
    margin-bottom: 15px;
    text-align: left;
}
.product-container {
    height: 210px;
}

div#openOfferModal h5{
    font-family: 'Poppins', sans-serif;
    color: #273a51;
}

div#openOfferModal {
    text-align: left;
}

div#passHeight {
    min-height: 135px !important;
}

.products-list li {
    text-align: left;
}

h3.title-edit.text-center {
    margin-top: 0px !important;
}

.for-upload {
    padding: 10px 15px;
    font-size: 12px;
    width: 50%;
}

p#openCategoryModal {
    font-size: 12px;
    color: #2667b4 !important;
}

/*i.fa.fa-pencil.edit-icon.pull-right.edit-icon {
    width: 36px;
    height: 36px;
    background: #e8e8e8;
    padding: 8px 8px 8px 8px;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    border: 0px solid #2667b4;
    color: #2667b4 !important;
    text-align: center;
    font-size: 18px;
    margin-top: 8px;
}*/

i.fa.fa-pencil.edit-icon.pull-right.edit-icon {
    width: 32px;
    height: 32px;
    background: #e8e8e8;
    padding: 8px 8px 8px 8px;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    border: 0px solid #2667b4;
    color: #2667b4 !important;
    text-align: center;
    font-size: 16px;
    margin-top: -2px;
    margin-right: -17px;
}
.form-input {
    /*color: #273a51 !important;*/
    border: 0px solid #fbfbfb;
    color: #000 !important;
}

.profile-icon {
    font-size: 14px !important;
}

.bus-info-mobile {
    padding: 15px !important;
}

.mt15 {
    margin-top: 0px;
    border-bottom: 1px solid #edf0f2;
    padding: 5px;
}

.instruct-mobile.visible-xs {
    color: #ffffff;
    padding: 8px;
    padding-bottom: 6px;
    font-size: 13px;
    background: #2667b4;
}
.content-container.list.services-mobile {
    margin: 0px auto;
    margin-top: 10px;
}

.services-mobile .row {
    margin-left: 0px;
    margin-right: 0px;
}

.mobile-map {
    margin-top: 10px !important;
}
#myMapview {
    height: 200px;
}

.profie-map {
    margin-top: 0px !important;
}

.text-center {
    font-size: 13px;
}

div#openDescModal {
    padding-top: 0px;
    padding: 10px;
    margin-bottom: 0px;
    font-size: 12px;
    /*color: #273a51;*/
}
p.busi-title-mobile {
    text-align: left;
    font-size: 13px;
}
h3.title-edit{
    font-size: 15px;
}


/*END BUSINESS PROFILE*/

/*BUSINESS LISTING LIST*/


.modal-dialog.modal-sm.list-temp-pass{
    margin: 0% auto;
}

div#example1_info {
    padding-bottom: 9px;
}

div#example1_wrapper label {
    font-size: 12px;
}

table.dataTable {
    margin-top: 10px !important;
}

button.btn.btn-verified {
    margin-bottom: 2px;
    font-size: 10px;
}

a.no-billing-mobile {
    margin-left: 78px;
    padding: 3px 10px 3px 10px !important;
}

a.no-ml{
    margin-left: 0px !important;
}

button.btn.btn-verify {
    font-size: 10px;
    margin-bottom: 2px;
    /*margin-left: 78px;*/
}

.pagination>li>a, .pagination>li>span {
    padding: 5px 11px;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
}

.child a {
    font-size: 10px !important;
    line-height: 2.5;
}

.content-container.list.business {
    padding: 15px 8px;
}

h1.title-listing {
    font-family: 'Poppins', sans-serif;
    text-align: left;
    padding-bottom: 15px;
    font-size: 15px;
}
table.dataTable thead > tr > th {
    padding-right: 4px;
}

div#example1_wrapper .form-control, div#datatables_length .form-control, div#datatables_filter .form-control {
    border-radius: 2px 2px 2px 2px !important;
    -moz-border-radius: 2px 2px 2px 2px !important;
    -webkit-border-radius: 2px 2px 2px 2px !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 11px !important;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    line-height: 1.5 !important;
    vertical-align: text-top !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    padding-left: 35px !important;
}

table.dataTable > tbody > tr.child ul:not(.dropdown-menu) {
    width: 100%;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 5px;
    left: 2px;
    height: 16px;
    width: 16px;
    border-radius: 15px;
    font-family: 'Poppins', sans-serif;
    line-height: 17px;
    content: '+';
    font-size: 15px;
    background-color: #337ab7;
}

ul.dropdown-menu.mobile-drop{
    right: 0px !important;
    left: 0px !important;
}

th.no-sort {
    width: 35px !important;
}


/*END BUSINESS LISTING LIST*/

/*CREATE ADD*/
.listing_type{
    padding-left: 0px !important;
}

.listing_type .check{
    left: 4px !important;
}

.listing_type label {
    padding: 11px 25px 0px 29px !important;
}

.listing_type .check::before{
    height: 7px !important;
    width: 7px !important;
}

.listing_type .check {
    height: 15px !important;
    width: 15px !important;
    top: 17px !important;
}

span.instruct.otm-here{
    margin-left: 0px !important;
}
.bus-info-partition {
    padding: 0px !important; 
}

p.listing-title {
    font-size: 15px;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.content-container.list {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px 5px;
}

.btn-blue.mobile {
    font-size: 13px !important;
    padding: 10px 10px 10px 10px !important;
    width: 92%;
    float: none !important;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

span.instruct.mobile {
    font-size: 11px;
}

.form-bottom.mobile {
    padding-bottom: 0px;
}
.form-group.col-lg-12.mobile, .form-group.col-lg-6.mobile,.form-group.col-lg-4.mobile {
    text-align: left;
    padding-left: 15px !important;
    font-family: 'Poppins', sans-serif;
    padding-right: 15px !important;
}
.form-control.mobile{
    font-size: 11px;
}

input#pac-input, input#pac-input-two {
    left: 0px !important;
    width: 283px;
    width: 255px;
}

/*trackee Search Responsive*/

.search_list_mobile {
    width: 0% !important;
}
.map_wrapper_mobile {
    width: 100% !important;
}
ul#filter-distance {
    width: 99% !important;
    top: 48px !important;
    left: .5% !important;
}
.search-filter.distance {
    margin-left: 0px !important;
    margin-bottom: 2px !important;
}
p.dis-range , p.filter_label {
    text-align: left;
}
.col-md-6.open-toggle {
    float: right;
    margin-top: -30px;
}
.filter-sec {
    height: 46px !important;
}
/*end of trackee search responsive*/


.gm-style-mtc {
    margin-top: 177px !important;
}

code.code-mobile {
    font-size: 11px;
}

.list-form-group.mobile{
    text-align: left;
}

/*END CREATE ADD*/
.content-wrapper, .right-side, .main-footer {
    text-align: center;
}

.perf-date-left{
    text-align: center;
}

div#custom_date{
    text-align: left !important;
}

/*NAVIGATION SIDEBAR */
.collapsible-nav {
    width: 75% !important;
}

img.lookna_adv_logo {
    width: 20%;
}
.adv-logo{
    text-align: center;
}
/*END NAVIGATION SIDEBAR*/

/*BUSINESS LIST*/

    div#example1_filter label {
        text-align: left;
    }
    
    .box-body .btn-group {
        float: none !important;
    }

    #example1_wrapper .row .col-sm-12 {
        overflow-y: auto !important;
    }

    div#example1_wrapper .col-sm-6, div#billing-history-dt_wrapper .col-sm-6 {
        right: 0px !important;
        width: 0% !important;
        left: 0px !important;
    }
    div#billing-history-dt_length {
        text-align: left;
        padding-bottom: 15px;
    }
    
    div#billing-history-dt_wrapper input.form-control.input-sm,div#subscriptionList_wrapper input.form-control.input-sm {
        width: 200px;
    }

/*END BUSINESS LIST*/

/*CREATE AD*/
.campaign .stepbg {
    width: 100%;
    text-align: left;
}

.form-top p {
    font-size: 11px !important;
    padding-top: 11px;
}

.col-md-3.sidebar_nav {
    border-right: 0px !important;
    height: 160px !important;
    min-height: 200px !important;
}

/*END CREATE AD*/
    #listingModal .modal-body {
        padding: 0 !important;
    }

    #listingModal .for-upload {
        width: 100%;    
        margin-top: 0;
        margin-left: 0;
        padding: 8px 10px;
    }

    #cropModal .modal-dialog {
        width: 90%;
    }

    #cropModal .modal-body {
        padding: 0 !important    ;
    }

    .w-h-100{
        width: 100% !important;
        height: 100% !important;
    }


    .w-100{
    width: 100% !important;
}

.w-90{
    width: 90% !important;
}

.float-0{
    float: none !important;
}

.margin-0{

    margin: 0px !important;
}

.a-center{
    text-align: center !important;
}

.p-5{
    padding: 5px !important;
}

.pt-10{
    padding-top: 10px !important;
}

.pl-0{
    padding-left: 0px !important;

}
.pt-15{
    padding-top: 15px !important;
}

.pl-15 {

    padding-left: 15px !important;
}
.p-10{
    padding: 10px !important;
}
.p-15{
    padding: 15px !important;
}

.line-2{
    line-height: 2;
}
.line-3{
    line-height: 3;
}
.pb-15{
    padding-bottom: 15px !important;
}
.pb-0{
    padding-bottom: 0px !important;
}

.gray-style {
    background: #e6e6e6;
}

.plr-15{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.a-left,label.a-left{
    text-align: left !important;
}

.pb-10{
    padding-bottom: 10px !important;
}

    
}
.termsCondition {
    font-size: 12px !important;
    font-family: 'Poppins';
    line-height: 1.5em;
}

@media(min-width:768px) and (max-width:990px){

div.dataTables_length label{
        margin-left: 0px;
}

.panel-default>.panel-heading.performance {
    display: inline-block;
}

span.f-0.performance-date {
    text-align: right;
    padding: 10px 0px;
}


ol.breadcrumb.mobile {
    display: none;
}

/*CHAT*/

.chat_conversation.me .conversation_text {
    max-width: 100% !important;
}

.chat_conversation.txt-a-center.sender .conversation_image {
    max-width: 65% !important;
}

.chat_conversation.txt-a-center.sender .conversation_text {
    max-width: 100% !important;
}

.dropdown-menu.chat{
    margin: 5px 50px 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    padding: 13px 5px 5px 3px;
    min-width: 125px;
}


.dropdown-menu.chat>li>a {
    font-size: 13px;
    line-height: 2;
}

.chat-head span {
    display: inline-block;
    font-size: 13px;
}
.chat-head {
    border-bottom: 1px solid #eee;
    padding: 14px 0px;
}
/*.w_o_noti_space {
    padding-bottom: 25px;
}*/
.pl-30{
    padding-left: 20px !important;
}
.line-normal{
    line-height: normal !important;
}
#view-code{
  color:#89a2b5;    
  opacity:0.7;
  font-size:14px;
  text-transform:uppercase;
  font-weight:700;
  text-decoration:none;
  position:absolute;top:660px;
  left:50%;margin-left:-50px;
  z-index:200;
}

.panel-default.sub-rev, .panel-default.sub-ccard {
    height: 100%;
    min-height: 140px;
}

/*.panel-body.sub-review {
    padding: 15px;
}*/

#view-code:hover{opacity:1;}
#chatbox{
    width:100%;
    background:#fff;
    border-radius:0px;
    overflow:hidden;
    height:484px;
    position:relative;
    /*top:100px;*/
    margin-top: 0% !important;
    left: 0;
    /*left:50%;*/
    /*margin-left:-15px;*/
}

.btn.zoom { 
    /* margin-left: 0px; */
    margin-right: 10px;
}
div#imgPreview {
    display: inline-block;
}

button#cropSubmit, button#submitProfile {
    margin-left: 5px;
}
.m-0-auto{
    margin: 0px auto;
}
.f-0{
    float: none !important;
}
.editprofile.mobile{
    margin: 0px auto;
    float: none !important;
    left: 0;
    right: 0;
}
#friendslist{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    /*height:484px;*/
    height: 90%;
    overflow: auto;
}
#topmenu{
    height:69px;
    width:290px;
    border-bottom:1px solid #d8dfe3;    
}
#friends {
    width: 100%;
}
#topmenu span{
    float:left; 
    width: 96px;
    height: 70px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png") -3px -118px no-repeat;
}
#topmenu span.friends{margin-bottom:-1px;}
#topmenu span.chats{background-position:-95px 25px; cursor:pointer;}
#topmenu span.chats:hover{background-position:-95px -46px; cursor:pointer;}
#topmenu span.history{background-position:-190px 24px; cursor:pointer;}
#topmenu span.history:hover{background-position:-190px -47px; cursor:pointer;}
.friend{
    height:auto;
    border-bottom:1px solid #e7ebee;        
    position:relative;
}
.friend:hover{
    background:#f1f4f6;
    cursor:pointer;
}
.friend img{
    width:40px;
    height:40px;
    border-radius:50%;
    margin:15px;
    float:left;
}
.floatingImg {
    width: 40px !important;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 12px;
    border: 0px solid #fff;
    left: 11px !important;
    margin-left: 0px;
    top: 0px !important;
    padding: 15px 0px;
}
.friend p {
    padding: 10px 0 0 0;
    float: left;
    width: 220px;
    text-align: left;
}
.friend p strong{
     font-weight: normal;
    font-size: 13px;
    color: #454e58;
}
.friend p span{
    font-size:13px;
    font-weight:400;
    color:#aab8c2;
}
.friend.new_messages p strong{
    font-weight:900;
}

.friend p span b {
    font-weight: normal !important;
    color: #aab8c2;
    color: #bbbdbf;
}

.friend .status{
    background:#26c281;
    border-radius:50%;  
    width:9px;
    height:9px;
    position:absolute;
    top:31px;
    right:17px;
}
.friend .status.away{background:#ffce54;}
.friend .status.inactive{background:#eaeef0;}
#search{
    background:#e3e9ed url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/search.png") -11px 0 no-repeat;
    height:60px;
    width:290px;
    position:absolute;
    bottom:0;
    left:0;
}
#searchfield{
    background:#e3e9ed;
    margin:21px 0 0 55px;
    border:none;
    padding:0;
    font-size:14px;
    font-family:"Open Sans", sans-serif; 
    font-weight:400px;
    color:#8198ac;
}
#searchfield:focus{
     outline: 0;
}
#chatview{
    width:100%;
    height:484px;
    position:absolute;
    top:0;
    left:0; 
    display:none;
    background:#fff;
}
#profile {
    /* height: 33.333%; */
    overflow: hidden;
    text-align: left;
    color: #fff;
    min-height: 10%;
    padding: 15px 65px;
}
.p1 #profile{
    background:#fff url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/timeline1.png") 0 0 no-repeat;
    background-size: 100% !important;
    /*width: 100% !important*/;
    background: rgba(38,103,180,1);
    background: -moz-linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(38,103,180,1)), color-stop(100%, rgba(73,155,234,1)));
    background: -webkit-linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    background: -o-linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    background: linear-gradient(45deg, rgba(38,103,180,1) 0%, rgba(73,155,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2667b4', endColorstr='#499bea', GradientType=1 );
}
#profile .avatar{
    width:68px;
    border:3px solid #fff;
    margin:23px 0 0;
    border-radius:50%;
}
#profile  p{
    font-weight:600;
    font-size:15px;
    margin:118px 0 -1px;
    opacity:0;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
         -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); 
}
#profile  p.animate{
    margin-top:0px;
    opacity:1;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
         -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); 
}
#profile  span{
    font-weight:400;
    font-size:11px;
}
#chat-messages{
    opacity:0;
    margin-top:30px;
    width:100%;
    /*height:270px;*/
    overflow-y:scroll;  
    overflow-x:hidden;
    /*padding-right: 20px;*/
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
        -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
         -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
            transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
#chat-messages.animate{
    opacity:1;
    margin-top:0;
}
#chat-messages label{
    color:#aab8c2;
    font-weight:600;
    font-size:12px;
    text-align:center;
    margin:15px 0;
    width:290px;
    display:block;  
}
#chat-messages div.message{
    padding:0 0 30px 58px;
    clear:both;
    margin-bottom:45px;
}
#chat-messages div.message.right{
      padding: 0 58px 30px 0;
      /*margin-right: -19px;*/
      margin-left: 19px;
}
#chat-messages .message img{
      float: left;
      margin-left: -38px;
      border-radius: 50%;
      width: 30px;
      margin-top: 12px;
}
#chat-messages div.message.right img{
    float: right;   
    margin-left: 0;
    margin-right: -38px;    
}
.message .bubble{   
    background:#f0f4f7;
    font-size:13px;
    font-weight:600;
    padding:12px 13px;
    border-radius:5px 5px 5px 0px;
    color:#8495a3;
    position:relative;
    float:left;
}
#chat-messages div.message.right .bubble{
    float:right;
    border-radius:5px 5px 0px 5px ;
}
.bubble .corner{
    background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png") 0 0 no-repeat;
    position:absolute;
    width:7px;
    height:7px;
    left:-5px;
    bottom:0;
}
div.message.right .corner{
    background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png") 0 0 no-repeat;
    left:auto;
    right:-5px;
}
/*alert */
.alert-top{
    padding-left: 0px !important;
}
.bubble span{
      color: #aab8c2;
      font-size: 11px;
      position: absolute;
      right: 0;
      bottom: -22px;
}
#sendmessage{
    height:50px;
    border-top:1px solid #e7ebee;   
    position:absolute;
    bottom:0;
    right:0px;
    width:100%;
    background:#fff;
   /* padding-bottom:50px;*/
}
#sendmessage input{
    background:#fff;
    /*margin:18px 0 0 21px;*/
    border:none;
    padding:0;
    font-size:14px;
    font-family:"Open Sans", sans-serif; 
    font-weight:400px;
    /*color:#aab8c2;*/
    color: #333;
}
#sendmessage input:focus{
     outline: 0;
}
#sendmessage button{
    background:#fff url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/send.png") 0 -41px no-repeat;
    width:30px;
    height:30px;
    position:absolute;
    right: 15px;
    top: 23px;
    border:none;
}
#sendmessage button:hover{
    cursor:pointer;
    background-position: 0 0 ;
}
#sendmessage button:focus{
     outline: 0;     
}

#close{
    position:absolute;
    top: 8px;   
    opacity:0.8;
    right: 10px;
    width:20px;
    height:20px;
    cursor:pointer;
}
#close:hover{
    opacity:1;
}
.cx, .cy{
    background:#fff;
    position:absolute;
    width:0px;
    top:15px;
    right:15px;
    height:3px;
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
         -o-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}
.cx.s1, .cy.s1{ 
    right:0;    
    width:20px; 
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cy.s2{ 
    -ms-transform: rotate(50deg); 
    -webkit-transform: rotate(50deg); 
    transform: rotate(50deg);        
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cy.s3{ 
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);        
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cx.s1{ 
    right:0;    
    width:20px; 
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cx.s2{ 
    -ms-transform: rotate(140deg); 
    -webkit-transform: rotate(140deg); 
    transform: rotate(140deg);       
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.cx.s3{ 
    -ms-transform: rotate(135deg); 
    -webkit-transform: rotate(135deg); 
    transform: rotate(135deg);       
    -webkit-transition: all 100ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
#chatview, #sendmessage { 
overflow:hidden; 
border-radius:0px; 
}

.chat_input_wrapper {
    height: 46px;
    border: 0px solid #dddddd;
    border-radius: 0px !important;
    z-index: 999999 !important;
    float: none;
}
.chat_input input {
    height: 43px;
}

div#chat_image {
    z-index: 99999999 !important;
}

.conversation_picture img {
    width: 30px !important;
    height: 30px !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.chat_conversation_wrapper{
    border-bottom: none !important;
    padding: 0px 0px 15px 0px !important;
    /*height: auto !important;*/
    min-height: 385px;
}

section.content.visible-xs.visible-sm{
    padding:10px 0px !important;
}
/*END Chat Responsive*/

div.dataTables_info {
    white-space: normal !important;
}


ul.dropdown-menu.trackee-ul {
    right: 19px;
    left: auto;
    top: 412px;
    bottom: auto;
    /* height: 100%; */
    position: fixed;
}

i.fa.fa-map-o.icon-pl {
    font-size: 24px;
}

a.btn-trackee.mobile {
    position: fixed;
    bottom: 87px;
    right: 15px;
    width: 60px;
    height: 60px;
    float: right;
    margin-right: 0;
    cursor: pointer;
    /* background-color: #ea2c2c; */
    /* background: #f34747; */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.2s ease-in-out;
    z-index: 999;
}
span.ml {
    padding-left: 80px;
}

h1.sub-name {
    font-size: 15px !important;
}
h2.sub-name {
    padding-top: 12px;
}

.btn-default.sub-mob {
    width: 44%;
    font-size: 13px !important;
}
/*CHAT*/

.navbar-nav>li>a {
    padding-right: 16px !important;
}


/*BUSINESS LIST*/

    div#example1_wrapper .col-sm-6 {
        right: 0px !important;
        width: 50% !important;
        left: 0px !important;
    }
/*END BUSINESS LIST*/
    i.glyphicon.glyphicon-eye-close.grey.btn-showHidePass.mobile{
        right: 16% !important;
    }

}

@media(min-width:991px) and (max-width:1300px){

/*BUSINESS LIST*/
    div#example1_filter label {
        text-align: left;
    }
    
    .box-body .btn-group {
        float: none !important;
    }

    div#example1_wrapper .col-sm-6 {
        right: 0px !important;
        width: 8% !important;
        left: 0px !important;
    }

    div#example1_filter input.form-control.input-sm {
        width: 208px;
    }

/*END BUSINESS LIST*/
    .instruct.otm-here{
        font-size: 10px !important;
    }
}



@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
/*
li.dropdown.user.user-menu {
    padding-right: 24px;
}*/

}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
/*li.dropdown.user.user-menu {
    padding-right: 46px;
}*/


}


/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 2) {


}

/* Portrait */
@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (orientation: landscape) {
    /*Chat Window Landscape*/
        /*Hide the Alert when opening chat window*/
    .hide-alert{
        display: none !important;
    }
    div#chatbox{
        left: 0px !important;
        height: calc(100% - 25px) !important;
        margin-top: 0% !important;
    }
/*    .fileUpload{
        width: 55px !important;
    }*/
    .send_chat_message  img{
        padding-right: 5px !important;
        padding-top: 5px !important;
    }
    /*.floatingImg{
        margin-left: 47% !important;
        width: 40px !important;
        top: 8px !important;
    }*/
    #profile{
        height: 27.333% !important;
    }
   /* #profile p.animate{
        margin-top: 45px !important;
    }*/
    .chat_conversation_wrapper{
        height: 35% !important;
        /*padding-bottom: 35px !important;*/
    }
    .chat_input{
        position: fixed !important;
        bottom: 0px !important;
    }
    div#chatview {
        margin-top: 7% !important;
    }
    .chat_conversation.txt-a-center{
        text-align: left !important;
    }
    .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{
        min-height: 45px !important;
    }
}

/* ----------- iPhone 4 and 4S ----------- */

@media only screen 
    and (device-width: 320px) 
    and (device-height: 480px) 
    and (-webkit-min-device-pixel-ratio: 2) 
    and (orientation: portrait) {

        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
            font-size: 10px !important;
            font-family: 'Poppins', sans-serif;
            text-align: left;
            line-height: 1.5 !important;
            vertical-align: text-top !important;
        }
        span.open-add-modal{
            font-size: 12px !important;
        }
        .ml-5{
        margin-left: -15px !important;
        padding-right: 25px !important;
        }

        button.nega-ml-10 {
            margin-left: -15% !important;
        }

        button.nega-mr-10 {
            margin-right: -15% !important;
        }

        button.pd-left-6{
            padding-left: 6px !important;
        }

        .mt-5{
            margin-top: 5px !important;
        }

        div.dataTables_info {
            white-space: normal !important;
        }
        .fright.center.mobilehide {
            margin-top: -5px !important;
            margin-right: -5px !important;
        }
    }

@media (orientation: landscape) {
    img#ad-title-edit-7 , img#ad-title-edit, img#ad-title-edit2, img#ad-title-edit3{
        display: none;
    }
    .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{
        min-height: 45px !important;
    }
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .selectize-input {
    padding: 4px 6px !important;
    }
    .margin-0 {
    margin: 0px !important;
    }

    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 12px;
    }
    .blue {
    font-size: 12px;
    }
    button.btn.btn-blue.billing-btn {
    font-size: 11px;
    margin-left: 3px;
    }

    /*Advertiser Messages*/
    .first.pd-10-0{
      padding: 10px 0px !important;
    }
    #pd-10-0{
        padding: 10px 0px !important;
    }

    .txt-a-center{
        text-align: left !important;
    }

    .disNone{
        display: none !important;
    }

/*    .fileUpload{
        width: 55px !important;
    }
*/
    .send_chat_message  img{
        padding-right: 5px !important;
        padding-top: 5px !important;
    }


    /*.nega-ml-70{
        margin-left: -70%;
    }*/
    /*END Advertiser Messages*/

}


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {

    .selectize-control.single .item {
    width: 215px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 4px;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape) {

    div#chatbox {
        left: 0 !important;
        margin-top: 0% !important;
    }

    /*Chat Window Landscape*/
        /*Hide the Alert when opening chat window*/
    .hide-alert{
        display: none !important;
    }
    div#chatbox{
        left: 0px !important;
        height: calc(100% - 25px) !important;
        /*margin-top: 7% !important;*/
    }
    .fileUpload{
        width: 55px !important;
    }
    .send_chat_message  img{
        padding-right: 5px !important;
        padding-top: 5px !important;
    }
    /*.floatingImg{
        margin-left: 47% !important;
        width: 40px !important;
        top: 8px !important;
    }*/
    #profile{
        height: 27.333% !important;
    }
    /*#profile p.animate{
        margin-top: 45px !important;
    }*/
    .chat_conversation_wrapper{
        height: 45% !important;
    }
    .chat_input{
        position: fixed !important;
        bottom: 0px !important;
    }
    div#chatview {
        margin-top: 7% !important;
    }
    .chat_conversation.txt-a-center{
        text-align: left !important;
    }
    .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{
        min-height: 45px !important;
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-height: 320px) and (max-device-height: 320px) 
  and (min-device-width: 568px) and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2) 
  and (orientation: landscape) {

    /*Chat Window Landscape*/
        /*Hide the Alert when opening chat window*/
    .hide-alert{
        display: none !important;
    }
    div#chatbox{
        left: 0px !important;
        margin-top: 0% !important;
        height: calc(100% - 25px) !important;
    }
    .fileUpload{
        width: 55px !important;
    }
    .send_chat_message  img{
        padding-right: 5px !important;
        padding-top: 5px !important;
    }
    /*.floatingImg{
        margin-left: 47% !important;
        width: 40px !important;
        top: 8px !important;
    }*/
    #profile{
        height: 27.333% !important;
    }
    /*#profile p.animate{
        margin-top: 45px !important;
    }*/
    .chat_conversation_wrapper{
        height: 45% !important;
    }
    .chat_input{
        position: fixed !important;
        bottom: 0px !important;
    }
    div#chatview {
        margin-top: 7% !important;
    }
    .chat_conversation.txt-a-center{
        text-align: left !important;
    }
    .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{
        min-height: 45px !important;
    }

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

    .selectize-control.single .item {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 231px;
    }

    .selectize-input.items.full.has-options.has-items {
    font-size: 12px;
    padding-top: 9px !important;
    }    

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-height: 375px) and (max-device-height: 375px) 
  and (min-device-width: 667px) and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2) 
  and (orientation: landscape) { 
    div#divEndTime {
    display: inline-flex;
    }

    /*Chat Window Landscape*/
        /*Hide the Alert when opening chat window*/
    .hide-alert{
        display: none !important;
    }
    div#chatbox{
        left: 0px !important;
        height: calc(100% - 25px) !important;
        margin-top: 0% !important;
        
    }
   /* .fileUpload{
        width: 55px !important;
    }*/
    .send_chat_message  img{
        padding-right: 5px !important;
        padding-top: 5px !important;
    }
    /*.floatingImg{
        margin-left: 47% !important;
        width: 40px !important;
        top: 8px !important;
    }*/
    #profile{
        height: 27.333% !important;
    }
    /*#profile p.animate{
        margin-top: 45px !important;
    }*/
    .chat_conversation_wrapper{
        height: 45% !important;
    }
    .chat_input{
        position: fixed !important;
        bottom: 10px !important;
    }
    div#chatview {
        margin-top: 7% !important;
    }
    .chat_conversation.txt-a-center{
        text-align: left !important;
    }
    .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{
        min-height: 45px !important;
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
   /* .fileUpload{
        width: 55px !important;
    }*/
    .send_chat_message  img{
        padding-right: 5px !important;
        padding-top: 5px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: portrait) { 
}

/* Landscape */
@media only screen 
  and (min-device-height: 414px) and (max-device-height: 414px) 
  and (min-device-width: 736px) and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3) 
  and (orientation: landscape) { 
    div#divEndTime {
    display: inline-flex;
    }

    div#chatbox {
        left: 0 !important;
        margin-top: 0% !important;
    }

    /*Chat Window Landscape*/
        /*Hide the Alert when opening chat window*/
    .hide-alert{
        display: none !important;
    }
    div#chatbox{
        left: 0px !important;
        height: calc(100% - 25px) !important;
        
    }
   /* .fileUpload{
        width: 55px !important;
    }*/
    .send_chat_message  img{
        padding-right: 5px !important;
        padding-top: 5px !important;
    }
    /*.floatingImg{
        margin-left: 47% !important;
        width: 40px !important;
        top: 8px !important;
    }*/
    #profile{
        height: 27.333% !important;
    }
    /*#profile p.animate{
        margin-top: 45px !important;
    }*/
    .chat_conversation_wrapper{
        height: 45% !important;
    }
    .chat_input{
        position: fixed !important;
        bottom: 0px !important;
    }
    div#chatview {
        margin-top: 7% !important;
    }
    .chat_conversation.txt-a-center{
        text-align: left !important;
    }
    .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{
        min-height: 45px !important;
    }
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}

/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}


/*samsung S6 and S7 Portrait*/
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px)
  and (-webkit-min-device-pixel-ratio : 4) 
  and (-webkit-device-pixel-ratio : 4)
  and (orientation: portrait) {

/* CSS GO HERE */



}



/*samsung S6 and S7 Portrait*/
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px)
  and (-webkit-min-device-pixel-ratio : 4) 
  and (-webkit-device-pixel-ratio : 4)
  and (orientation: landscape) {

/* CSS GO HERE */

}