html{
  scroll-behavior: smooth;
}
#body_mobile_version{
  display:none;
}
.mobile_nav{
  display: none;
}
.mobileversion_loginform{
  display: none;
}
.num_contacts_mobile{
  display: none;
}
.name_mobile{
  display: none;
}

@media all and (max-width: 414px) and (min-width: 360px){
.pipeline_no_email_text_wrapper { margin-left: 10% !important; }
.addtaskwrap { margin-left: unset !important; text-align: unset !important;}
.no_email_text { margin-left: 15px !important;; margin-top: -15px !important;  }
.addtask_info, #imgaddtask{
  display: none;
}
  #main-content{
    min-height: 750px;
  }
  .name_desktop{
    display: none;
  }
  .name_mobile{
    display: block;
  }
.desktop_version_loginform{
  display: none;
}
.mobileversion_loginform{
  display: block;
}
.mobile_nav{
  display: block;
}
.left-sidebar .desktop_nav{
  display: none;
}
.new-navbar{
  display: none;
}
#header{
  height: 55px;
}
.navbar-default .navbar-toggle .icon-bar{
  background: #fff;
}
  .main-template-container .col-lg-4{
      width: 100%;
  }
  .template-info .template-info-title{
    font-size: 14px;
  }
  #body_mobile_version{
    display: block;
    position: fixed;
    background: #f6f7fa;
    color: #212121;
    padding: 80px 20px;
    top: 15%;
    font-size: 18px;
    z-index: 999;
    height: 100%;
  }
  #body_mobile_version p{
    text-align: center;
    margin-bottom: 50px;
  }
  #wrap_box_website{
        height: 295px;
  }
  #webtabid{
    display: none;
  }
  .current_tasks{
    height: auto;
    display: inline-block;
  }
  .callresults{
    height: auto;
    display: inline-block;
  }
  .callhistory{
    height: auto;
    display: inline-block;
  }
  .sendemail{
    height: auto;
    display: inline-block;
  }
  .sendemail .pipeline_opts{
    padding-top: 15px;
  }
  #pipelinestartwrap{
    margin: 0 auto !important;
    width: 100% !important;
    padding-top: 0 !important;
  }
  .pipe_btns{
    margin-top: 16px;
  }
  .current_tasks .pipeline_opts .left_label, .callresults .pipeline_opts .left_label, .callhistory .pipeline_opts .left_label,{
    float: none;
text-align: center;
margin: 0 auto;
  }
  .pipe_btns .email_list .email_task{
    float: none;
    margin: 6px 0;
  }
  .pipeline_opts .left_label{
    text-align: center;
    width: auto;
    display: inline-block;
    float: none;
  }
.navbar-toggle{
  opacity: 1;
  padding-left:0;
}
.label_pipeline_opts_wrap{
  text-align: center;
  width: 100%;
}
  .left_task_pipeline{
    float:none;
    border-left:none;
    text-align: center;
    clear: both;
    height: 100% !important;
        width: 100% !important;
        padding: 0;
        margin:0;
        margin-top: 10px;
  }
  .wrapper_pipetasks{
    float: none !important;
  }
  .pipe_btns .email_list{
    text-align: center;
  }
  .page-header-fixed{
    padding-top: 50px !important;
  }
  .headss{
        text-align: center;
  }
  .headss .pull-left, .headss .pull-right {
        float: none !important;
        margin: 10px 0;
  }
  .call_result_btns{
        margin: 5px 10px;
  }
  #pipeline-contact-form{
    float:none;
  }
  #faction_wrapper{
    float:none;
    height: 100%;
        text-align: center;
  }
  #faction{
        float: none;
  }
  #pipeline-contact-form select{
    float: none;
    margin: 12px auto;
    display: block;
    font-size: 16px;
        width: 100%;
        -webkit-appearance: none;
        appearance:none;
  }
  #right-sidebar .panel:nth-child(2){
    display: none;
  }
  .pace-progress {
    top: 54px !important;
  }
  .num_contacts_desktop{
    display: none;
  }
  .num_contacts_mobile{
    display: block;
    font-size: 16px !important;
color: lightgrey !important;
  }
  .headss p{
    font-size: 22px;
  }
  .viewcontact_text{
    font-size: 28px;
  }
  .label_pipeline_opts_wrap .pipeline_opts label{
    font-size: 21px;
  }
  .label_pipeline_opts_wrap .pipeline_opts{
    font-size: 15px;
  }
  .call_h_tasks{
    width: 100%;
  }
  .txt-pipe-note{
    font-size: 15px;
  }
  .contact_sb h4 {
    margin: 0;
    font-size: 21px;
    color: #fff;
    font-weight: normal;
  }
  .addcontact_text{
    margin-top: 9px;
    font-size: 15px;
  }
  #contact_name_sb .name{
        font-size: 22px;
  }
  .contact_phone_sb .data{
    font-size: 16px;
  }
  .info_user_sb p, .info_detailsuser_sb a, .noemailadded, .info_detailsuser_sb p {
    font-size: 13px !important;
  }
  .info_user_sb .info_detailsuser_sb{
    width: 68%;
  }
  .#faction i, #faction span{
    font-size: :21px;
  }
  #pipeline-contact-form .btn-warning {
    padding: 10px;
    width: 100%;
    font-size: 20px;
        margin: 0 0 10px 0;
  }
  .nowebsitetxt{
    margin: 0 0 4.5% 0 !important;
  }
  .nowebsitetxt i, .noemailadded i{
    font-size: 13px !important;
    }
    #contact-group-select, #sel_campaign_con{
      height: 40px;
      -webkit-appearance: none;
      appearance:none;
    }
    #contact_info_toolbox a{
      font-size: 16px;
    }
    #contact-group-list{
      margin: 10px 0;
    }
    .grouplists{
      height: 23px;
    }
    .grouplists_tag .tagname span, .grouplists .groupnames span{
      font-size: 12px;
    }
    #noteteextarea .note, .note_table_td p, .tasks_type_sidebar h4{
      font-size: 16px;
    }
    .deletecontacticon{
      width: 16px;
    }
    .save_tag{
      font-size: 14px !important;
      padding: 0 !important;
    }
    .task-action .flatcheckbox_email input{
      height: 16px;
      width: 16px;
      vertical-align: middle;
          margin-top: 10px;
    }
    .task_in_sidebar{
      padding: 0 24px !important;
      font-size: 16px;
    }
    .task_in_sidebar a{
      margin-left: 0 !important;
    }
    /*prospects*/
    .quick-report-blocks{
      padding:12px 12px 0 12px;
    }
    #contactsoptions{
      margin: 0 auto;
    height: 100%;
    width: 100%;
    }
    #contactsoptions ul{
          width: 100%;
          padding: 0;
    }
    #contactsoptions .optioner .btn_grn, #contactsoptions .optioner .btn.btn-warning, #contactsoptions .optioner .btn.btn-danger{
      width: 100%;
      margin: 10px auto;
    }
    #contactsoptions ul li{
      width: 100%;
      margin: 0;
    }
    #datatable_contacts_filter{
      height: 100px;
    }
    #datatable_contacts_wrapper div.dt-buttons{
      float: none !important;
top: 80px;
width: 100%;
clear: both;
    }
    #countch{
      float: none;
text-align: center;
    }
    #datatable_contacts_filter label{
      width: 100%;
    }
    #datatable_contacts{
      display: block;
      overflow-x: scroll;
      width: 306px;
    }
    #datatable_contacts_paginate{
      margin: 30px 0px !important;
    }
    .tablepage{
      text-align: center;
      float: none !important;
    }
    .onlyinmobile{
      display: block !important;
    }
    .onlyinmobile a{
      text-decoration: none;
      color: #fff;
    }
    .bwis{
      display: none;
    }

    .onlyinmobileaddcontact{
      display: block !important;
      padding: 18.5px 10px !important;
      margin:0 !important;
    }
    /* mobile crm notif */
    .mobileversion_crm{
      display: block !important;
  background: url(/images/mobilecrmnotif-2.jpg);
  width: 100%;
  height: 812px;
  background-size: cover;
  background-repeat: no-repeat;
      overflow: hidden;
      background-position-x: center;
    }
  .info{
    position: absolute;
  bottom: 295px;
  padding: 0 25px;
  color: #fff;
  font-size: 16px;
  font-family: Montserrat;
  white-space: pre-wrap;
    }
    .info .button{
      background: #fff;
      color: #5f9212;
      border-radius: 5px;
      border: none;
      padding: 8px 30px;
      font-weight: bold;
      font-size: 16px;
      text-decoration: none;
      width: 28px;
    }
    .content{
      padding:8px !important;
      overflow: hidden;
    }
    /*#emails_folders_toolbox .tab-content{
          margin-top: 45px;
    }*/
    .eksit{
      position: absolute;
    top: 4%;
    left: 7%;
    font-size: 23px;
    color: #fff;
    }

    /*inbox */
    .inbox_tab{
      width:32% !important;
    }
    .sent_tab{
      width:23% !important;
    }
    .trash_tab{
    width: 32% !important;
    }
    #emails_folders_toolbox .nav>li.active > a{
      font-size: 10px;
    }
    #emails_folders_toolbox .nav-tabs > li > a span{
    font-size: 10px !important;
    }
    #emails_folders_toolbox .nav>li.active, #emails_folders_toolbox .nav-tabs > li, .nav-tabs.nav-justified > li{
      width: auto;
    }
    #email_inbox_paginate, #email_sent_paginate, #email_trash_paginate{
      float: none;
    }
    .ibx-del-btn{
      text-align: center;
margin: 22px auto 0 auto;
width: 140px;
display: block;
    }
    #inbox_form .btn-danger, #sent_form .btn-danger{
      float: none;
    }
    #email_inbox{
      overflow-x: scroll;
display: block;
padding: 10px;
    margin-top: 22px !important;
    }
    #email_inbox_paginate{
      margin: 35px 20px 0!important;
    }
    .buttonemails_wrapper{
      padding: 22px 12px;
  margin: 0 auto;
  clear: both;
  text-align: center;
  float: none;
  width: 304px;
  height: 84px;
  display: block;

    }
    #emails_folders_toolbox .nav-tabs > li > a i{
      margin-right: 3px;
    }
    .inbox-download-notif .btn-primary{
          width: 118px;
    }
    .create_new_email_btn{
      margin: 0;
    }
    #send_email_panel_form .btn-grn, #send_email_panel_form .btn-link{
      display: none;
    }
    #right-sidebar{
      float: none;
    }
    #btn-spam-tester{
      display: none;
    }
    #inbox_form .align-right{
      float:none;
    }
    .flatcheckbox_email label{
          display: unset;
    }
    .email_head_wraps .data input{
      width: auto;
    }
    .button_options_wrapp{
      float: none;

    }
    .button_options_wrapp button{
      width: 100%;
      margin: 10px 0;
      height: 38px;©
    }
    #span-email-templates select{
      width: 100%;
    }
    .send_email_btn{
      margin: 10px 0;
      float: none;
      width: 100%;
    }
    #template_option{
      height: auto;
    }
    #template_option .align-left{
      clear: both;
      float: none;
    }
    #view_email #headers_mail_wrap{
      padding: 15px 10px;
          height: auto !important;
    }
    #view_email #headers_mail_wrap #email_opts_icons{
      float: left;
width: 100%;
    }
    .view_mail_opts_icons{
      float: right !important;
    }
    #view_email #headers_mail_wrap #subject_header .span-email{
          word-break: break-word;
    }
    .dataTables_wrapper table.dataTable{
      width: 100%;
      display: block;
      overflow-y: scroll;
      padding: 10px;
    }
    div.dataTables_wrapper div.dataTables_paginate{
          margin: 30px 20px 0!important;
    }
      #sent_form div .align-right{
      float: none !important;
    text-align: center;
    }
      #email_trash_paginate{
        margin: 10px !important;
    }
    #trash_opt{
      float: none !important;
      text-align: center;
    }





    /* add task modal */
    #contact_add_task .modal-dialog{
      width: auto !important;
    }
    #contact_add_task{
      position: absolute;
      z-index: 99999;
    }
    .navbar-logo img{
      margin-left: 0 !important;
    }
    #add_task_toolbox {
    height: 100%;
    }
    #add-task_contact, #type_task, #add-task_title, .control-form textarea{
      width: 65% !important;
    }
    #add_task_m{
      width: 22% !important;
    }
    #add_task_d, #add_task_y, #add_task_time, .add_task_day{
      width: 19.5% !important;
    }
    .add_task_min{
      width: 18% !important;
      margin-right: 5px;
    }
    .control-form .form-control{
          padding: 6px 8px !important;

    }
    #taskdidwrapmobile{
      display: block !important;
    }
    #taskdidwrap{
      display: none;
    }
    #add_contact .form-control{
      margin: 8px 0;
        width: 100% !important;
    }
    #sidebar-group-list select.form-control{
      width: 100% !important;
    }
    #add-contact-form-mobile .align_right .btn.btn-primary{
      width:100% !important;
          margin-top: 8px;
    }
    #contact_edit_task .modal-dialog{
      width:auto !important;
    }
    #edit_task .control-form input, #edit_task .control-form select{
      width: auto !important;
          font-size: 9px;
          -webkit-appearance:none;
    }
    .email-opened-true .fa-paperclip{
          left: 90px !important;
    }
    #contact_edit_task #edit-task-container{
    padding: 20px 10px !important;
    }
    #edit_task_m{
    width: 25% !important;
    }
    #edit_task{
          margin: 2px !important;
    }
    #edit_task .control-form label{
      font-size: 11px;
      width: 65px;
    }
    .edit-task-buttons{
      margin-top: 25px;
    }
    #edit-task-frm .btn-danger{
        margin-top: 15px;
    }

    .navbar-brand {
    width: auto !important;
    margin-right: 0px;
    }
    .navbar-header{
      border-bottom: none !important;
    }
    /*notes*/
    .addnewtask_sb, .addnewnote_sb{
        width: 40%;
        border: 2px solid #44BC5D;
        border-radius: 50px;
        height: 100%;
        padding: 6px;
        margin-right: 5px;
        margin: 22px auto;
        text-align: center;
        margin-bottom: 12px;
    	cursor: pointer;
    }
    .addnewtask_sb a:hover, .addnewnote_sb a:hover{
    	font-weight:700;
    }
    .add-contact-form .align_right .button{
        border: 0px;
        font-size: 13px;
        margin-top: 18px;
        width: 100%;
        background: #44BC5D;
        height: 30px;
        font-weight: 500;
    }
    .add-contact-form .align_right .button:hover {
        background: #808281 !important;
        font-weight: 700;
    }
    .contact-group-list{
    	    margin-top: 0px;
    }
    .notes_form_sb{
    	display:none;
    	margin-top: 10px;
    	padding: 0 10px;
    }
    .addnewnote_sb{
    	margin-bottom: 18px;
    }
    .addnewtask_sb span, .addnewnote_sb a i, .addnewtask_sb a i {
    	color: #44BC5D;
    }
    .addnewnote_sb a, .addnewtask_sb a {
    	color:#44BC5D;
    }
    .addnewnote_sb a:focus, .addnewtask_sb a:focus{
    	text-decoration:none;
    }
    .noteteextarea{
        margin-bottom: 0;
        margin-top: 0px;
    	padding: 10px 20px;
    	padding-top:0;
        padding-bottom: 0px;
    list-style: none;

    }
    .noteteextarea .note{
      border-bottom: 1px solid #dfe3e7;
      padding: 5px 0 8px 0;
      border: 0px;
    }
    .noteteextarea .note:last-child{
    	border-bottom:0;
    	    padding-bottom: 0;
    }
    .noteteextarea .content{
    	margin: 0px;
    	padding: 3px 0 !important;
    	float: left;
    	clear: both;
    	width: 20%;
    }
    .noteteextarea table{
    	width: 100%;
    }
    .noteteextarea table p{
        float: left;
    }
    .noteteextarea table td{
    	min-width: 40px;
    }
    .navbar-toggle{
      display: none;
    }
    #mobileheadermenu{
      display: block !important;
          float: right;
    }
      #mobileheadermenu .navbar-toggle{
      display: block !important;
          float: left;
    }
    .txt_contact_tags {
        width: 69%;
        float: left;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        height: 32px;
    	border-right: 0;
    }
    #viewcontactmobile a{
      color: #4e5661;
      cursor: pointer;
      font-size: 12px;
    }
    .cid-side{
        list-style: none;
        margin-bottom: 0;
        padding: 6px 8px 5px 8px;
        background: #fff;
    	height: 100%;
    	display: inline-block;
    	width: 100%;
    	margin-top: 8px;
    }
    .cid-side li span{
        min-width: 25%;
        max-width: 75%;
        position: relative;
        top: 1px;
        line-height: 15px;
    	color:#4e5661;
          font-size: 15px;
    }
    .cid-side .past .envepasticon {
    	line-height:2px;
    }
    .cid-side .nocontact{
        background: #fff;
        margin: 0;
    	color: #8a9097;
    }
    .cid-side li{
        height: auto;
        clear: both;
        margin: 0;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #dfe3e7;
        padding: 0px 0 5px 0;
        top: 1px;
        position: relative;
    }
    .cid-side li._1{
    padding: 3px 0px 3px 0;
    }
    .cid-side li._1:only-child{
    	padding: 0px 0 5px 0;
    }
    .cid-side li:last-child{
    	border-bottom:none;
    	padding-bottom: 0;
    }
    .cid-side .future_enve img{
      margin-top: 1px;
    }
    #edit_task .col-sm-4{
      width: 40%;
    }
    #edit_task .col-sm-8{
      width: 60%;
    }
    #edit_task .form-control{
      height: 32px;
    }
    #edit_task .label{
    font-size: 13px;
    }
    .edit_contact_btn{
      width: 100%;
      float: none;
      padding: 10px 0;
      margin: 18px 0;
      font-size: 14px;
    }
    #right-sidebar .panel:first-child{
      display: none;
    }
    #div_current_tasks span {
        border-right: none !important;
        width: 80%;
        height: 32px !important;
    }

    #div_current_tasks input[type=checkbox] {
        vertical-align: 18px !important;
            float: left;
    }
    #div_current_tasks span:last-child{
      border-bottom: none !important;
    }
    #viewcontactmobile{
      position: absolute;
      overflow: scroll;
      z-index: 9999;
    }
    #send_email{
      z-index: 99999 !important;
    }
}








/***********************+==================================================+**************************/

/*iPhone old versions 5c and down also android*/
@media screen and (max-width: 320px){
  .addtask_info, #imgaddtask{
    display: none;
  }
  .email-opened-true .fa-paperclip{
        left: 82px !important;
  }
  #send_email{
    z-index: 99999 !important;
  }
  #main-content{
    min-height: 750px;
  }
  .name_desktop{
    display: none;
  }
  .name_mobile{
    display: block;
  }
  .note_table_td{
    margin-top: 7px;
  }

  .inbox_tab{
    width:38% !important;
  }
  .sent_tab{
    width:27% !important;
  }
  .trash_tab{
  width: 32% !important;
  }
  #main-content{
    padding:12px;
  }
/* gin add ko lang for smaller screen */
.desktop_version_loginform{
  display: none;
}
.mobileversion_loginform{
  display: block;
}
.mobile_nav{
  display: block;
}
.left-sidebar .desktop_nav{
  display: none;
}
.new-navbar{
  display: none;
}
#header{
  height: 55px;
}
.navbar-default .navbar-toggle .icon-bar{
  background: #fff;
}
  .main-template-container .col-lg-4{
      width: 100%;
  }
  .template-info .template-info-title{
    font-size: 14px;
  }
  #body_mobile_version{
    display: block;
    position: fixed;
    background: #f6f7fa;
    color: #212121;
    padding: 80px 20px;
    top: 15%;
    font-size: 18px;
    z-index: 999;
    height: 100%;
  }
  #body_mobile_version p{
    text-align: center;
    margin-bottom: 50px;
  }
  #wrap_box_website{
        height: 295px;
  }
  #webtabid{
    display: none;
  }
  .current_tasks{
    height: auto;
    display: inline-block;
  }
  .callresults{
    height: auto;
    display: inline-block;
  }
  .callhistory{
    height: auto;
    display: inline-block;
  }
  .sendemail{
    height: auto;
    display: inline-block;
  }
  .sendemail .pipeline_opts{
    padding-top: 15px;
  }
  #pipelinestartwrap{
    margin: 0 auto !important;
    width: 100% !important;
    padding-top: 0 !important;
  }
  .pipe_btns{
    margin-top: 16px;
  }
  .current_tasks .pipeline_opts .left_label, .callresults .pipeline_opts .left_label, .callhistory .pipeline_opts .left_label,{
    float: none;
text-align: center;
margin: 0 auto;
  }
  .pipe_btns .email_list .email_task{
    float: none;
  }
  .pipeline_opts .left_label{
    text-align: center;
    width: auto;
    display: inline-block;
    float: none;
  }
.navbar-toggle{
  opacity: 1;
}
.label_pipeline_opts_wrap{
  text-align: center;
  width: 100%;
}
  .left_task_pipeline{
    float:none;
    border-left:none;
    text-align: center;
    clear: both;
    height: 100% !important;
  }
  .wrapper_pipetasks{
    float: none !important;
  }
  .pipe_btns .email_list{
    text-align: center;
  }
  .page-header-fixed{
    padding-top: 50px !important;
  }
  .headss{
        text-align: center;
  }
  .headss .pull-left, .headss .pull-right {
        float: none !important;
        margin: 10px 0;
  }
  .call_result_btns{
        margin: 5px 10px;
  }
  #pipeline-contact-form{
    float:none;
  }
  #faction_wrapper{
    float:none;
    height: 100%;
        text-align: center;
  }
  #faction{
        float: none;
  }
  #pipeline-contact-form select{
    float: none;
    margin: 12px auto;
    display: block;
    font-size: 16px;
    -webkit-appearance: none;
    appearance:none;
  }
  #right-sidebar .panel:nth-child(2){
    display: none;
  }
  .pace-progress {
    top: 54px !important;
  }
  .num_contacts_desktop{
    display: none;
  }
  .num_contacts_mobile{
    display: block;
    font-size: 16px !important;
color: lightgrey !important;
  }
  .headss p{
    font-size: 22px;
  }
  .viewcontact_text{
    font-size: 28px;
  }
  .label_pipeline_opts_wrap .pipeline_opts label{
    font-size: 21px;
  }
  .label_pipeline_opts_wrap .pipeline_opts{
    font-size: 15px;
  }
  .call_h_tasks{
    width: 100%;
  }
  .txt-pipe-note{
    font-size: 15px;
  }
  .contact_sb h4 {
    margin: 0;
    font-size: 21px;
    color: #fff;
    font-weight: normal;
  }
  .addcontact_text{
    margin-top: 9px;
    font-size: 15px;
  }
  #contact_name_sb .name{
        font-size: 22px;
  }
  .contact_phone_sb .data{
    font-size: 16px;
  }
  .info_user_sb p, .info_detailsuser_sb a, .noemailadded, .info_detailsuser_sb p {
    font-size: 16px !important;
  }
  .info_user_sb .info_detailsuser_sb{
    width: 68%;
  }
  .#faction i, #faction span{
    font-size: :21px;
  }
  #pipeline-contact-form .btn-warning {
    padding: 10px;
    width: 100%;
    font-size: 20px;
        margin: 10px 0;
  }
  .nowebsitetxt i, .noemailadded i{
    font-size: 16px !important;
    }
    #contact-group-select, #sel_campaign_con{
      height: 40px;
      -webkit-appearance: none;
      appearance:none;
    }
    #contact_info_toolbox a{
      font-size: 16px;
    }
    #contact-group-list{
      margin: 10px 0;
    }
    .grouplists{
      height: 27px;
    }
    .grouplists_tag .tagname span, .grouplists .groupnames span{
      font-size: 15px;
    }
    #noteteextarea .note, .note_table_td p, .tasks_type_sidebar h4{
      font-size: 16px;
    }
    .deletecontacticon{
      width: 16px;
    }
    .save_tag{
      font-size: 14px !important;
      padding: 0 !important;
    }
    .task-action .flatcheckbox_email input{
      height: 16px;
      width: 16px;
      vertical-align: middle;
          margin-top: 10px;
    }
    .task_in_sidebar{
      padding: 0 24px !important;
      font-size: 16px;
    }
    .task_in_sidebar a{
      margin-left: 0 !important;
    }
    /*prospects*/
    #contactsoptions{
      margin: 0 auto;
    height: 100%;
    width: 100%;
    }
    #contactsoptions ul{
          width: 100%;
          padding: 0;
    }
    #contactsoptions .optioner .btn_grn, #contactsoptions .optioner .btn.btn-warning, #contactsoptions .optioner .btn.btn-danger{
      width: 100%;
      margin: 10px auto;
    }
    #contactsoptions ul li{
      width: 100%;
      margin: 0;
    }
    #datatable_contacts_filter{
      height: 100px;
    }
    #datatable_contacts_filter label{
      float: left;
width: 100%;
clear: both;
    }
    #datatable_contacts_wrapper div.dt-buttons{
      float: left !important;
      top: 68px;
      width: 100%;
    }
    #countch{
      float: none !important;
text-align: center;
    }
    #datatable_contacts{
      display: block;
      overflow-x: scroll;
      width: 306px;
    }
    #datatable_contacts_paginate{
      margin: 30px 0px !important;
    }
    .tablepage{
      text-align: center;
      float: none !important;
    }
    .onlyinmobile{
      display: block !important;
    }
    .onlyinmobile a{
      text-decoration: none;
      color: #fff;
    }
    .bwis{
      display: none;
    }

    #taskdidwrapmobile{
      display: block !important;
    }
    #taskdidwrap{
      display: none;
    }
    /* mobile crm notif */
    .mobileversion_crm{
      display: block !important;
  background: url(/images/mobilecrmnotif-2.jpg);
  width: 100%;
  height: 812px;
  background-size: cover;
  background-repeat: no-repeat;
      overflow: hidden;
      background-position-x: center;
    }
  .info{
    position: relative;
    bottom: 500px;
    padding: 0 25px;
    color: #fff;
    font-size: 16px;
    font-family: Montserrat;
    white-space: pre-wrap;
    }
    .info .button{
      background: #fff;
      color: #5f9212;
      border-radius: 5px;
      border: none;
      padding: 8px 30px;
      font-weight: bold;
      font-size: 16px;
      text-decoration: none;
      width: 28px;
    }
    .content{
      padding:8px !important;
      overflow: hidden;
    }
  /*  #emails_folders_toolbox .tab-content{
          margin-top: 45px;
    }*/
    .eksit{
      position: absolute;
    top: 4%;
    left: 7%;
    font-size: 23px;
    color: #fff;
    }

    /*inbox */
    #emails_folders_toolbox .nav>li.active > a{
      font-size: 10px;
    }
    #emails_folders_toolbox .nav-tabs > li > a span{
    font-size: 10px !important;
    }
    #emails_folders_toolbox .nav>li.active, #emails_folders_toolbox .nav-tabs > li, .nav-tabs.nav-justified > li{
      width: auto;
    }
    #email_inbox_paginate, #email_sent_paginate, #email_trash_paginate{
      float: none;
    }
    .ibx-del-btn{
      text-align: center;
margin: 22px auto 0 auto;
width: 140px;
display: block;
    }
    #inbox_form .btn-danger, #sent_form .btn-danger{
      float: none;
    }
    #email_inbox{
      overflow-x: scroll;
display: block;
padding: 10px;
    margin-top: 22px !important;
    }
    #email_inbox_paginate{
      margin: 35px 20px 0!important;
    }
    .buttonemails_wrapper{
      padding: 22px 12px;
  margin: 0 auto;
  clear: both;
  text-align: center;
  float: none;
  width: 304px;
  height: 84px;
  display: block;

    }
    #emails_folders_toolbox .nav-tabs > li > a i{
      margin-right: 3px;
    }
    .inbox-download-notif .btn-primary{
          width: 118px;
    }
    .create_new_email_btn{
      margin: 0;
    }
    #send_email_panel_form .btn-grn, #send_email_panel_form .btn-link{
      display: none;
    }
    #right-sidebar{
      float: none;
    }
    #btn-spam-tester{
      display: none;
    }
    #inbox_form .align-right{
      float:none;
    }
    .flatcheckbox_email label{
          display: unset;
    }
    .email_head_wraps .data input{
      width: auto;
    }
    .button_options_wrapp{
      float: none;

    }
    .button_options_wrapp button{
      width: 100%;
      margin: 10px 0;
      height: 38px;©
    }
    #span-email-templates select{
      width: 100%;
    }
    .send_email_btn{
      margin: 10px 0;
      float: none;
      width: 100%;
    }
    #template_option{
      height: auto;
    }
    #template_option .align-left{
      clear: both;
      float: none;
    }
    #view_email #headers_mail_wrap{
      padding: 15px 10px;
          height: auto !important;
    }
    #view_email #headers_mail_wrap #email_opts_icons{
      float: left;
width: 100%;
    }
    .view_mail_opts_icons{
      float: right !important;
    }
    #view_email #headers_mail_wrap #subject_header .span-email{
          word-break: break-word;
    }
    .dataTables_wrapper table.dataTable{
      width: 100%;
    display: block;
        overflow-y: scroll;
            padding: 10px;
    }
    div.dataTables_wrapper div.dataTables_paginate{
          margin: 30px 20px 0!important;
    }
      #sent_form div .align-right{
      float: none !important;
    text-align: center;
    }
      #email_trash_paginate{
        margin: 10px !important;
    }
    #trash_opt{
      float: none !important;
      text-align: center;
    }
    /* add task modal */
    #contact_add_task .modal-body{
      padding: 12px !important;
    }
    #contact_add_task .modal-dialog{
      width: auto !important;
    }
    #add_task_toolbox {
    height: 100%;
    }
    #add-task_contact, #type_task, #add-task_title, .control-form textarea{
      width: 65% !important;
    }
    #add_task_m{
      width: 22% !important;
    }
    #add_task_d, #add_task_y, #add_task_time, .add_task_day{
      width: 19.5% !important;
    }
    .add_task_min{
      width: 18% !important;
      margin-right: 5px;
    }
    .control-form .form-control{
          padding: 6px 8px !important;

    }
    #add_contact .form-control{
      margin: 8px 0;
        width: 100% !important;
    }
    #sidebar-group-list select.form-control{
      width: 100% !important;
    }
    #contact_edit_task .modal-dialog{
      width:auto !important;
    }
    #edit_task .control-form input, #edit_task .control-form select{
      width: auto !important;
          font-size: 9px;
          -webkit-appearance:none;
    }

    #contact_edit_task #edit-task-container{
    padding: 20px 10px !important;
    }
    #edit_task_m{
    width: 25% !important;
    }
    #edit_task{
          margin: 2px !important;
    }
    #edit_task .control-form label{
      font-size: 11px;
      width: 65px;
    }
    .edit-task-buttons{
      margin-top: 25px;
    }
    #edit-task-frm .btn-danger{
        margin-top: 15px;
    }
    .onlyinmobileaddcontact{
      display: block !important;
      padding: 18px 10px !important;
      margin:0 !important;
    }
    .navbar-brand {
    width: auto !important;
    }
    #add-contact-form-mobile .align_right .btn.btn-primary{
      width:100% !important;
          margin-top: 8px;
    }

    /*notes*/
    .addnewtask_sb, .addnewnote_sb{
        width: 40%;
        border: 2px solid #44BC5D;
        border-radius: 50px;
        height: 100%;
        padding: 6px;
        margin-right: 5px;
        margin: 22px auto;
        text-align: center;
        margin-bottom: 12px;
      cursor: pointer;
    }
    .addnewtask_sb a:hover, .addnewnote_sb a:hover{
      font-weight:700;
    }
    .add-contact-form .align_right .button{
        border: 0px;
        font-size: 13px;
        margin-top: 18px;
        width: 100%;
        background: #44BC5D;
        height: 30px;
        font-weight: 500;
    }
    .add-contact-form .align_right .button:hover {
        background: #808281 !important;
        font-weight: 700;
    }
    .contact-group-list{
          margin-top: 0px;
    }
    .notes_form_sb{
      display:none;
      margin-top: 10px;
      padding: 0 10px;
    }
    .addnewnote_sb{
      margin-bottom: 18px;
    }
    .addnewtask_sb span, .addnewnote_sb a i, .addnewtask_sb a i {
      color: #44BC5D;
    }
    .addnewnote_sb a, .addnewtask_sb a {
      color:#44BC5D;
    }
    .addnewnote_sb a:focus, .addnewtask_sb a:focus{
      text-decoration:none;
    }
    .noteteextarea{
        margin-bottom: 0;
        margin-top: 0px;
      padding: 10px 20px;
      padding-top:0;
        padding-bottom: 0px;
    list-style: none;

    }
    .noteteextarea .note{
        border-bottom: 1px solid #dfe3e7;
        padding: 5px 0 8px 0;
        border: 0px;
    }
    .noteteextarea .note:last-child{
      border-bottom:0;
          padding-bottom: 0;
    }
    .noteteextarea .content{
      margin: 0px;
      padding: 3px 0 !important;
      float: left;
      clear: both;
      width: 20%;
    }
    .noteteextarea table{
      width: 100%;
    }
    .noteteextarea table p{
        float: left;
    }
    .noteteextarea table td{
      min-width: 40px;
    }
    .navbar-header{
      border-bottom: none !important;
    }
    .navbar-logo img{
      margin-left: 0 !important;
    }
    .navbar-toggle{
      display: none;
    }
    #mobileheadermenu{
      display: block !important;
      float: right;
    }
    #mobileheadermenu .navbar-toggle{
      display: block !important;
          float: left;
    }
    .txt_contact_tags {
        width: 69%;
        float: left;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        height: 32px;
    	border-right: 0;
    }
    #viewcontactmobile a{
      color: #4e5661;
      cursor: pointer;
    }
    .cid-side{
        list-style: none;
        margin-bottom: 0;
        padding: 6px 8px 5px 8px;
        background: #fff;
    	height: 100%;
    	display: inline-block;
    	width: 100%;
    	margin-top: 8px;
    }
    .cid-side li span{
        min-width: 25%;
        max-width: 75%;
        position: relative;
        top: 1px;
        line-height: 15px;
    	color:#4e5661;
          font-size: 15px;
    }
    .cid-side .past .envepasticon {
    	line-height:2px;
    }
    .cid-side .nocontact{
        background: #fff;
        margin: 0;
    	color: #8a9097;
    }
    .cid-side li{
        height: auto;
        clear: both;
        margin: 0;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #dfe3e7;
        padding: 0px 0 5px 0;
        top: 1px;
        position: relative;
    }
    .cid-side li._1{
    padding: 3px 0px 3px 0;
    }
    .cid-side li._1:only-child{
    	padding: 0px 0 5px 0;
    }
    .cid-side li:last-child{
    	border-bottom:none;
    	padding-bottom: 0;
    }
    #edit_task .col-sm-4{
      width: 40%;
    }
    #edit_task .col-sm-8{
      width: 60%;
    }
    #edit_task .form-control{
      height: 32px;
    }
    #edit_task .label{
    font-size: 13px;
    }
    .edit_contact_btn{
      width: 100%;
      float: none;
      padding: 10px 0;
      margin: 18px 0;
      font-size: 14px;
    }
    #right-sidebar .panel:first-child{
      display: none;
    }
    #div_current_tasks {
        text-align: left;
    }
    #div_current_tasks span {
        width: 80%;
        border-right: none !important;
        height: 32px !important;
        font-size: 10px;
    }

    #div_current_tasks input[type=checkbox] {
        vertical-align: 18px;
    }
    #div_current_tasks span:last-child{
      border-bottom: none !important;
    }
    #viewcontactmobile{
      position: absolute;
      overflow: scroll;
      z-index: 9999;
    }
}


@media screen and (max-width: 640px){
div.dt-buttons {
    float: left !important;
    text-align: center;
}
}






/*desktop*/
.onlyinmobile{
  display: none;
}
.mobileversion_crm{
  display: none;
}
.onlyinmobileaddcontact{
  display: none;
}
#taskdidwrapmobile{
  display: none;
}
#mobileheadermenu{
  display: none;
}
.edittaskmobile{
  display: none;
}
.wrapper_pipetasks{
  float: left;
}

.left_task_pipeline{
  overflow: scroll;
width: 83%;
    height: 37px;
}
/*sendgrid*/

.undefined .modal-dialog{
  width: 930px;
}