.buttons {
        margin-top: 15px;
    }
@media (max-width: 1200px) {

    .line-2 {
        height: 50px;
        width: 3px;
        background-color: #9A9C9E;
        margin: 0 auto;

    }

    .line-circle {
        border-radius: 50%;
        width: 25px;
        height: 25px;
        background: #9A9C9E;
        margin: 0 auto;
        margin-top: 57px;
    }

    .line-vertical {
        height: 150px;
        width: 3px;
        background-color: #9A9C9E;
        margin: 0 auto;
    }

    .line-horizontal {
        height: 3px;
        width: 89%;
        background-color: #9A9C9E;
        z-index: 8888888;

    }

    .left-hr {
        position: relative;
        left: 247px;
    }

    .right-hr {
        position: relative;
        right: 193px;
    }
  
    .custom-tab--links {
        color: #34A9D7;
    }
    
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        height: auto;
        padding: 7px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border linear .2s,box-shadow linear .2s;
        -moz-transition: border linear .2s,box-shadow linear .2s;
        -o-transition: border linear .2s,box-shadow linear .2s;
        transition: border linear .2s,box-shadow linear .2s;
        border-radius: 4px;
        color: #000;
        font: small-caption;
        font-size: 16px;
    }

    #account-setting form .form-group .required strong, #account-setting form .form-group .required span.required {
        color: red;
        font-size: 16px;
        font-family: monospace;
    }

    #users-new-pass {
        position: absolute;
        width: 270px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: rgba(255,255,255,1);
        padding: 15px;
        color: #000;
        box-shadow: inset 0px 0px 0px 0px #ABABAB,0px 0px 11px 0px #616161;
        -webkit-box-shadow: inset 0px 0px 0px 0px #ABABAB,0px 0px 11px 0px #616161;
        -moz-box-shadow: inset 0px 0px 0px 0px #ABABAB,0px 0px 11px 0px #616161;
        -o-box-shadow: inset 0px 0px 0px 0px #ABABAB,0px 0px 11px 0px #616161;
    }

    #maps_content  #div_slider_hours{
        position: absolute;
        left: 1em;
        z-index: 10;
        top: 132px;
        width: 75px;
    }
    .show-map-appcitizen.show-all-map #dv_map_citizen #maps_content  #div_slider_hours{
        position: absolute;
        left: 1em;
        z-index: 10;
        top: 132px;
        width: 75px;
    }    
    .paddingtop {
        padding-top: 80px;
    }
    .pagination ul{
        display: inline-block;
        padding-left: 0;
        margin: 0 0 40px 0;
        border-radius: 4px;
    }
    
    .pagination ul>li {
        display: inline;
    }
    
    .pagination {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    
    .pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    
    .pagination ul>li>a, .pagination ul>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    
    .pagination ul>.active>a, .pagination ul>.active>span {
        color: #999;
        cursor: default;
    }
    
    .pagination ul li.disabled a {
        color: #999;
        cursor: default;
    }
    
    .pagination ul>li>a:hover, .pagination ul>.active>a, .pagination ul>.active>span {
        background-color: #f5f5f5;
    }
    .show-map-appcitizen.show-all-map {
        position: relative;
        top: -85px;
        z-index: 0;
    }
    .grid-view table.items thead th a {
        color: white !important;
        text-decoration: none;
        display: block;
        text-align: center;
    }
    .grid-view table.items thead th a{
        color: white !important;
        text-decoration: none;
        display: block;
        text-align: center;
    }
    
    .grid-view td{
        text-align: left;
    }
    
    .tab-push-content-analytics .grid-view .summary,
    .list-tab-analytics .grid-view .summary{
        position: absolute;
        top: 20px;
        right: 1%;
        display: block;
    }
    
    .grid-view td.usage_level{
        padding: 0 !important;
        position: relative;
        width: 10em;
    }
    
    .tab-push-content-analytics .grid-view .summary, .list-tab-analytics .grid-view .summary {
        position: absolute !important;
        top: auto !important;
        right: 0% !important;
        display: block !important;
    }

    .tab-push-content-analytics .grid-view .summary, .list-tab-analytics .grid-view .summary {
        position: absolute;
        bottom: -25px;
        right: 0%;
        display: block;
    }

    .show-map-appcitizen.show-all-map {
        position: relative;
        top: -120px;
        z-index: 0;
    }

    #admin_page .admin_analytics {
        /*margin-top: 90px;*/
    }

    .btn.btn-default.active {
        background: #0096c8;
        color: #fff !important;
        border: none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline-color: none;
        text-shadow: none;
        box-sizing: border-box;
    }

}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {



    body .container-fluid> .row {
        margin-right: 0;
        margin-left: 0;   
    }
    
    .dv_page_showallmap .container-fluid {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden;
        height: 100vh;
    }
    
/*
    body> .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    
*/
    .paddingtop {
        padding-top: 80px;
    }
    
    .tb-top-analytics {
        position: relative;
        padding: 0 15px;
    }
    
    .dv_fillter_gender_map .chzn-container-single .chzn-single div b {
        background-color: #fff;
        background-size: auto 40% !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url("../images/icon-tower3/icon-gender-dropdown.png") !important;
    }

    .dv_fillter_gender_map .chzn-container-single .chzn-single.chzn-single-with-drop div b{
        background-image: url("../images/icon-tower3/icon-gender-dropup.png") !important;
    }
    
    
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        height: auto;
        padding: 7px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #eee;
        -webkit-transition: border linear .2s,box-shadow linear .2s;
        -moz-transition: border linear .2s,box-shadow linear .2s;
        -o-transition: border linear .2s,box-shadow linear .2s;
        transition: border linear .2s,box-shadow linear .2s;
        border-radius: 4px;
        color: #000;
        font: small-caption;
        font-size:16px;
    }
    
    
    /*    Left Tabs Vertical OVERVIEW   */
    /* custom inclusion of right, left and below tabs */
    #overview_tab_fb .btn.btn-default {
        margin-right: 10px;
    }
    
    #tab-fb-analytics .tab-content #overview_tab_fb {
        padding: 20px 0;
    }
    
    #overview_tab_fb .btn.btn-default.active {
        background: #0096c8;
        color: #fff !important;
        border-color: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline-color: none;
        text-shadow: none;
        border-color: #0096c8;
        border-color: #0096c8;
    }
    
    #overview_tab_fb input[type="text"] {
        width: auto;
    }
   
    #overview_tab_fb .tabs-left > .nav-tabs {
      border-bottom: 0;
    }

    #overview_tab_fb .tab-content > .tab-pane,
    #overview_tab_fb .pill-content > .pill-pane {
      display: none;
    }

    #overview_tab_fb .tab-content > .active,
    #overview_tab_fb .pill-content > .active {
      display: block;
    }

    #overview_tab_fb .tabs-below > .nav-tabs {
      border-top: 1px solid #ddd;
    }

    #overview_tab_fb .tabs-below > .nav-tabs > li {
      margin-top: -1px;
      margin-bottom: 0;
    }

    #overview_tab_fb .tabs-below > .nav-tabs > li > a {
      -webkit-border-radius: 0 0 4px 4px;
         -moz-border-radius: 0 0 4px 4px;
              border-radius: 0 0 4px 4px;
    }

    #overview_tab_fb .tabs-below > .nav-tabs > li > a:hover,
    #overview_tab_fb .tabs-below > .nav-tabs > li > a:focus {
      border-top-color: #ddd;
      border-bottom-color: transparent;
    }

    #overview_tab_fb .tabs-below > .nav-tabs > .active > a,
    #overview_tab_fb .tabs-below > .nav-tabs > .active > a:hover,
    #overview_tab_fb .tabs-below > .nav-tabs > .active > a:focus {
      border-color: transparent #ddd #ddd #ddd;
    }

    #overview_tab_fb .tabs-left > .nav-tabs > li {
        float: none;
        position: relative;
        z-index: 1;
        background: #efeded;
    }
    
    #overview_tab_fb .tabs-left > .nav-tabs > li.active { 
        z-index: 2;
    }

    #overview_tab_fb .tabs-left > .nav-tabs > li > a {
        min-width: 135px;
        margin-right: 0;
    }

    #overview_tab_fb .tabs-left > .nav-tabs {
      float: left;
      margin-right: 0;
    }

    #overview_tab_fb .tabs-left > .nav-tabs > li > a {
      margin-right: -1px;
      -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0;
    }

    #overview_tab_fb .tabs-left > .nav-tabs > li > a:hover,
    #overview_tab_fb .tabs-left > .nav-tabs > li > a:focus {
      border-color: #eeeeee #dddddd #eeeeee #eeeeee;
    }

    #overview_tab_fb .tabs-left > .nav-tabs .active > a,
    #overview_tab_fb .tabs-left > .nav-tabs .active > a:hover,
    #overview_tab_fb .tabs-left > .nav-tabs .active > a:focus {
      border-color: #ddd transparent #ddd #ddd;
      *border-right-color: #ffffff;
    }
    
    #overview_tab_fb .nav-tabs li.active a {
        background:#f8f8f8;
        border: none;
    }
    
    #overview_tab_fb .nav-tabs li a {
        background: none;
    }
    
    #overview_tab_fb .tabs-left > .nav-tabs > li.active > a {
        margin-right: -1px;
        border-radius: 0;
        -webkit-box-shadow: -2px 10px 15px -5px rgba(176,176,176,1);
        -moz-box-shadow: -2px 10px 15px -5px rgba(176,176,176,1);
        box-shadow: -2px 10px 15px -5px rgba(176,176,176,1);
    }
    
    #overview_tab_fb .tabs-left > .nav-tabs > li.active > a span.fblogin {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
        background-image: url('../images/fb-overview.svg');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center center;
        fill: red;
    }
    
    #overview_tab_fb .tabs-left > .nav-tabs > li > a span.fblogin {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
        background-image: url('../images/fb-overview-gray.svg');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center center;
        fill: red;
    }
    
    
    #overview_tab_fb .tabs-left > .nav-tabs > li.active > a span.book {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
        background-image: url('../images/book.svg');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center center;
        fill: red;
    }
    
    #overview_tab_fb .tabs-left > .nav-tabs > li > a span.book {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
        background-image: url('../images/book-gray.svg');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center center;
        fill: red;
    }
    
    
    #overview_tab_fb .tabs-left > .nav-tabs > li.active > a span:nth-child(2) {
        display: block;
        text-align: center;
        color: #0096c8;
    }
    
    
    #overview_tab_fb .tabs-left > .nav-tabs > li > a span:nth-child(1) {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
    }
    
    #overview_tab_fb .tabs-left > .nav-tabs > li > a span:nth-child(2) {
        display: block;
        text-align: center;
        color: #ccc;
    }
    
    #overview_tab_fb .tabs-left .tab-content {       
        border-left: none !important;
    }
    
    #overview_tab_fb .tabbable {
        margin: 20px 0;
    }
    
    #overview_tab_fb .tabs-left .tab-content {
        height: 100vh;
        left: 0;
        background: #f8f8f8;
        padding: 20px;
        z-index: 1;
        -webkit-box-shadow: -8px 10px 15px -5px rgba(176,176,176,1);
        -moz-box-shadow: -8px 10px 15px -5px rgba(176,176,176,1);
        box-shadow: -8px 10px 15px -5px rgba(176,176,176,1);
    }
    
    /*   End Left Tabs Vertical    */
    
    
    
    /*    Left Tabs Vertical REFERRALS   */
    /* custom inclusion of right, left and below tabs */
    #referrals_tab_fb .btn.btn-default {
        margin-right: 10px;
    }
    
    #tab-fb-analytics .tab-content #referrals_tab_fb {
        padding: 20px 0;
    }
    
    #referrals_tab_fb .btn.btn-default.active {
        background: #0096c8;
        color: #fff !important;
        border: none !important;
        box-sizing: border-box;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline-color: none;
        text-shadow: none;
    }
    
    #referrals_tab_fb input[type="text"] {
        width: auto;
    }
   
    #referrals_tab_fb .tabs-left > .nav-tabs {
      border-bottom: 0;
    }

    #referrals_tab_fb .tab-content > .tab-pane,
    #referrals_tab_fb .pill-content > .pill-pane {
      display: none;
    }

    #referrals_tab_fb .tab-content > .active,
    #referrals_tab_fb .pill-content > .active {
      display: block;
    }

    #referrals_tab_fb .tabs-below > .nav-tabs {
      border-top: 1px solid #ddd;
    }

    #referrals_tab_fb .tabs-below > .nav-tabs > li {
      margin-top: -1px;
      margin-bottom: 0;
    }

    #referrals_tab_fb .tabs-below > .nav-tabs > li > a {
      -webkit-border-radius: 0 0 4px 4px;
         -moz-border-radius: 0 0 4px 4px;
              border-radius: 0 0 4px 4px;
    }

    #referrals_tab_fb .tabs-below > .nav-tabs > li > a:hover,
    #referrals_tab_fb .tabs-below > .nav-tabs > li > a:focus {
      border-top-color: #ddd;
      border-bottom-color: transparent;
    }

    #referrals_tab_fb .tabs-below > .nav-tabs > .active > a,
    #referrals_tab_fb .tabs-below > .nav-tabs > .active > a:hover,
    #referrals_tab_fb .tabs-below > .nav-tabs > .active > a:focus {
      border-color: transparent #ddd #ddd #ddd;
    }

    #referrals_tab_fb .tabs-left > .nav-tabs > li {
        float: none;
        position: relative;
        z-index: 1;
        background: #efeded;
    }
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li.active { 
        z-index: 2;
    }

    #referrals_tab_fb .tabs-left > .nav-tabs > li > a {
        min-width: 135px;
        margin-right: 0;
    }

    #referrals_tab_fb .tabs-left > .nav-tabs {
      float: left;
      margin-right: 0;
    }

    #referrals_tab_fb .tabs-left > .nav-tabs > li > a {
      margin-right: -1px;
      -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0;
    }

    #referrals_tab_fb .tabs-left > .nav-tabs > li > a:hover,
    #referrals_tab_fb .tabs-left > .nav-tabs > li > a:focus {
      border-color: #eeeeee #dddddd #eeeeee #eeeeee;
    }

    #referrals_tab_fb .tabs-left > .nav-tabs .active > a,
    #referrals_tab_fb .tabs-left > .nav-tabs .active > a:hover,
    #referrals_tab_fb .tabs-left > .nav-tabs .active > a:focus {
      border-color: #ddd transparent #ddd #ddd;
      *border-right-color: #ffffff;
    }
    
    #referrals_tab_fb .nav-tabs li.active a {
        background:#f8f8f8;
        border: none;
    }
    
    #referrals_tab_fb .nav-tabs li a {
        background: none;
    }
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li.active > a {
        margin-right: -1px;
        border-radius: 0;
        -webkit-box-shadow: -2px 10px 15px -5px rgba(176,176,176,1);
        -moz-box-shadow: -2px 10px 15px -5px rgba(176,176,176,1);
        box-shadow: -2px 10px 15px -5px rgba(176,176,176,1);
    }
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li.active > a span.fblogin {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
        background-image: url('../images/fb-overview.svg');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center center;
        fill: red;
    }
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li > a span.fblogin {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
        background-image: url('../images/fb-overview-gray.svg');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center center;
        fill: red;
    }
    
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li.active > a span.book {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
        background-image: url('../images/book.svg');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center center;
        fill: red;
    }
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li > a span.book {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
        background-image: url('../images/book-gray.svg');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center center;
        fill: red;
    }
    
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li.active > a span:nth-child(2) {
        display: block;
        text-align: center;
        color: #0096c8;
    }
    
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li > a span:nth-child(1) {
        width: 100%;
        display: block;
        clear: both;
        height: 50px;
    }
    
    #referrals_tab_fb .tabs-left > .nav-tabs > li > a span:nth-child(2) {
        display: block;
        text-align: center;
        color: #ccc;
    }
    
    #referrals_tab_fb .tabs-left .tab-content {       
        border-left: none !important;
    }
    
    #referrals_tab_fb .tabbable {
        margin: 20px 0;
    }
    
    #referrals_tab_fb .tabs-left .tab-content {
        height: 100vh;
        left: 0;
        background: #f8f8f8;
        padding: 20px;
        z-index: 1;
        -webkit-box-shadow: -8px 10px 15px -5px rgba(176,176,176,1);
        -moz-box-shadow: -8px 10px 15px -5px rgba(176,176,176,1);
        box-shadow: -8px 10px 15px -5px rgba(176,176,176,1);
    }
    
    /*   End Left Tabs Vertical    */
    
    
    select {
         color: #000; 
    }
    
    select, input[type="file"] {
        height: 33px;
        line-height: 33px;
    }
    
    #scitizen-grid #PushBack_acid {
        width: 100%;
    }
    
    #when_location_address {
        border-radius: 5px;
        padding: 0 5px;
        border: 0;
        height: 35px;
        line-height: 1;
        float: left;
        width: 100%;
        position: relative;
    }
    
    #btn-search-map {
        display: inline-block;
        background: url('../images/icon-tower3/icon-search.png') center center no-repeat #007093;
        background-size: auto 50%;
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 15px;
        text-align: center;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        outline: none;
        position: absolute;
    }
    
    .datepicker {
        z-index: 9999 !important;
    }
    
    .dropdown-menu {
        -webkit-box-shadow: none; 
        box-shadow: none; 
    }
    
    .navbar-default {
        background-color: #007093;
        border-color: transparent;
    }
    
    .navbar {
        border-radius: 0;
    }
    
    

  
    
    .dv_location a {
        color: #337ab7;
        font-weight: bold;
        font-size: 1.3em;
    }
    
    .dv_location a:hover {
        color: #afcee9;
    }
    
    #grid-push-notifications-an .table a {
        color: #337ab7;
        font-weight: bold;
    }
    
    #grid-push-notifications-an .table a:hover {
        color: #afcee9;
    }
    
    .pagination ul{
        display: inline-block;
        padding-left: 0;
        margin: 0 0 10px 0;
        border-radius: 4px;
    }
    
    .pagination ul>li {
        display: inline;
    }
    
    .pagination {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    
    .pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    
    .pagination ul>li>a, .pagination ul>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    
    .pagination ul>.active>a, .pagination ul>.active>span {
        color: #999;
        cursor: default;
    }
    
    .pagination ul li.disabled a {
        color: #999;
        cursor: default;
    }
    
    .pagination ul>li>a:hover, .pagination ul>.active>a, .pagination ul>.active>span {
        background-color: #f5f5f5;
    }
    
    #SocialUser_platform, #SocialUser_usage_level, #SocialUser_gender {
        padding: 0;
        margin: 0;
        border: 1px solid #ccc;
        width: auto;
        border-radius: 0px;
        overflow: hidden;
        background-color: #fff;
    }

    #SocialUser_platform select {
        padding: 5px 8px;
        width: 130%;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
    }

    #SocialUser_platform select:focus {
        outline: none;
    }
    
    #dv_map_citizen #div_slider_hours .slider-vertical .slider-track .slider-handle {
        background: #35acd6;
        border: 1px solid #2f97b4;
        opacity: 1;
        height: 15px;
        width: 15px;
        margin-left: -2px;
        outline: none;
    }
    
    .fancybox-opened {
        z-index: 8030;
        overflow: visible !important;
    }

    .show-all-map {
        position: relative;
        top: -135px;
        z-index: 0;
    }
    
    .show-all-map #map_canvas {
        width: 100%;
    }
    
    .show-all-map #map_canvas {
        height: auto;
    }
    
    .show-all-map #map_canvas {
        height: 100vh;
        position: absolute;
    }
    
    .show-map-appcitizen.show-all-map {
        position: relative;
        top: -81px;
        z-index: 0;
    }
    
    .show-map-appcitizen.show-all-map #map_canvas {
        width: 100%;
        height: 100vh;
        position: absolute;
    }
    
    #maps_content #div_slider_hours {
        position: absolute;
        left: 1em;
        z-index: 999;
        top: 190px;
        width: 75px;
    }

    .show-map-appcitizen.show-all-map #dv_map_citizen #maps_content  #div_slider_hours{
        position: absolute;
        left: 1em;
        z-index: 999;
        top: 190px;
        width: 75px;
    }
    
    #maps_content .form-search-map {
        position: absolute;
        top: 0.5em;
        right: 0;
        width: 100%;
    }
    
    
    #chartdiv {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv1 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv1 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv3 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv3 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv4 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv4 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv5 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv5 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv6 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv6 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv7 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv7 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv8 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv8 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv9 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv9 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv10 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv10 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv11 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv11 .amcharts-chart-div a {
        display: none !important;
    }
    
    #chartdiv12 {
        width   : 100%;
        height  : 500px;
    }
    
    #chartdiv12 .amcharts-chart-div a {
        display: none !important;
    }
    
    #div_slider_hours, #right_maps_content {
        width: auto;
        display: block;
        float: left;
        min-height: 30px;
        left: 50px;
        position: relative;
        top: 160px;
    }
    
    .nopadding {
        padding-left: 0;
        padding-right: 0;
    }
    
    #admin_page .tab-app_citizens{
        margin-top: 90px;
    }
    
    #admin_page .form-control {
        margin-bottom: 15px;
        width: 20%;
    }


    #admin_page label {
        font-size: 1em;
    }
    
    #showgridview #tab-app_member{
        margin-top: 90px; */
    }
    
    #admin_page .admin_analytics {
        /* /* margin-top: 90px; */
    }
    
    .dv_page_analytics #admin_page .admin_analytics {
        margin-top: 0;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .dv-panel-login .panel-login {
        margin-top: 2vh;
        text-align: center;
        background-size: 100% 100%;
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
        min-height: 115px !important;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        display: block;
        vertical-align: middle;
    }
    
    .panel-login {
        margin-top: 30vh;
        text-align: center;
        background-size: 100% 100%;
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
        min-height: 160px !important;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        display: block;
        vertical-align: middle;
    }
    
    .panel-login a {
        color: #08c;
    }
    
    #signin-section {
        width: 35%;
        margin: 0 auto;
        padding-top: 3vh;
    }
    
    #signin-section .checkbox label, .radio label {
        padding-left: 0;
    }
    
    #signin-section .form-group:nth-child(3), #signin-section .form-group:nth-child(5) {
        text-align: center;
    }
    
    .title-bt-lg {
        font-size: .9em;
    }
    
    #signin-section .form-group:nth-child(5) a {
        color: #000;
        padding: 5px 0;
        display: block;
    }
    
    #signin-section .form-group:nth-child(5) a:hover {
        color: #08c;
    }
    
    .dv-panel-login {
        display: block;
        height: 100%;
        font-family: 'NexaLight';
    }
    
    #txt_descript_forgot {
        text-align: left;
        font-family: 'NexaLight';
    }
    
    .dv-panel-login .form-group, .dv-panel-login input[type=submit]{
        font-family: 'NexaLight';
    }
    
/*    Admin Page    */
    
    .panel-login .acc_wl_member {
        text-align: center;
        width: 35%;
        margin: 0 auto;
    }
    
    #account-setting {
        width: 100%;
        margin: 0 auto;
    }
    
    #account-setting .form-horizontal .control-group {
        margin-left: 0; 
    }
    
    #account-setting form {
        margin-top: 20px;
    }
    
    #account-setting form .form-group .required strong, #account-setting form .form-group .required span.required {
        color: red;
        font-size: 16px;
        font-family: monospace;
    }
    
    #users-new-pass {
        position: absolute;
        width: 270px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: rgba(255,255,255,1);
        padding: 15px;
        color: #000;
        box-shadow: inset 0px 0px 0px 0px #ABABAB,0px 0px 11px 0px #616161;
        -webkit-box-shadow: inset 0px 0px 0px 0px #ABABAB,0px 0px 11px 0px #616161;
        -moz-box-shadow: inset 0px 0px 0px 0px #ABABAB,0px 0px 11px 0px #616161;
        -o-box-shadow: inset 0px 0px 0px 0px #ABABAB,0px 0px 11px 0px #616161;
    }
    
    .wrapperChangePassword {
        position: relative;
    }
    
    .wrapperChangePassword .btnCloseChangePassPopup {
        width: 25px;
        height: 20px;
        background: #ccc;
        position: absolute;
        right: -15px;
        top: -29px;
        cursor: pointer;
        display: table;
        text-align: center;
    }
    
    .wrapperChangePassword .btnCloseChangePassPopup span {
        display: table-cell;
        vertical-align: middle;
        font-size: 1.3em;
    }
    
    #users-new-pass div {
        margin: 7px 0;
    }
    
    #users-new-pass h4 {
        margin: 0;
        text-align: center;
        color: #0096c8;
        font-weight: bold;
    }
    
    #users-new-pass input[type=password] {
        font: small-caption;
        font-size:18px;
    }
    
    #account-setting .controls .avatar-admin {
        width: 50px;
    }
    
    #admin-locations .btn.location-item {
        width: 255px;
        border-radius: 2px;
        text-transform: uppercase;
        padding-top: 10px;
        padding-bottom: 7px;
        font-size: 12px;
    }
    
    .ls-cls-feature-mail .ul-feature-lc-mail{
        margin: 20px 0 ;
    }
    
    .ls-cls-feature-mail .ul-feature-lc-mail li{
        list-style-type: none;
        display: inline-block;
        margin-right: 10px;
    }
    .ls-cls-feature-mail .ul-feature-lc-mail li a,
    .ls-cls-feature-mail .ul-feature-lc-mail li {
        font-size: 14px;
        color: #939598;
        font-weight: bold;
    }
    
    #tplocation-grid .summary {
        font-weight: bold;
        font-size: 1.1em;
        text-align: right;
    }
    
    .grid-view table.items thead th a{
        color: white !important;
        text-decoration: none;
        display: block;
        text-align: center;
    }
    
    .grid-view td{
        text-align: left;
    }
    
    .tab-push-content-analytics .grid-view .summary,
    .list-tab-analytics .grid-view .summary{
        position: absolute;
        top: -20px;
        right: 1%;
        display: none;
    }
    
    .grid-view td.usage_level{
        padding: 0 !important;
        position: relative;
        width: 10em;
    }
    
    .cl_usage {
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        bottom: 0;
        right: 0;
        color: #000;
        font-weight: bold;
    }
    
    .grid-view td.col_platform,
    .grid-view td.col_gender,
    .grid-view td.col_age_group,
    .grid-view td.col_allow_push,
    .grid-view td.col_allow_share_location,
    .grid-view td.col_no_column,
    .grid-view td.col_birthday_time,
    .grid-view td.col_time_being,
    .grid-view td.col_grid{
        width: 13em;
        position: relative;
        top: 0;
        left: 0;
    }
    
    .grid-view td.td_location{
        width: 20em;
    }
    
    .grid-view .td_location{
        padding: 0;
    }
    .grid-view .td_location .dv_location{
        position: relative;
        display: block;
        height: 100%;
        bottom: 0;
        right: 0;

    }
    
    #location_analytics_tab_2 .grid-view .td_location .dv_location{
        position: relative;
        display: block;
        height: 100%;
        bottom: 0;
        right: 0;
    }
    
    #location_analytics_tab_2 .grid-view td.td_location{
        width: 15vw;
    }
    
    #location_analytics_tab_2 .grid-view td.td_location_viewed{
        width: 13vw;
    }
    
    
    #tab_analytics_coupon thead.tableFloatingHeader {
        top: 20px !important;
    }
    
    #list_coupon_analytics_tab_2 thead.tableFloatingHeader {
        top: 3px !important;
        width: 90% !important;
    }
    
    #dd_button_app #ul_buttons, #dd_button_app #ul_rules {
        text-align: center;
    }
    
/*    End Admin Page    */
    
/*    Terms and Conditions Page     */
    
    #page-terms,
    #page-policy,
    #page_agreement_license{
        background-color: #e9e9e9;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    #page-policy{
        padding: 2% 5% 0;
        left: 0;
        top: 0;
        width: 90%;
        height: 96%;

    }
    
    .logo-login-page {
        width: 25%;
        margin: 0 auto;
        margin-top: 7vh;
    }
    
    .mobile-presence {
        display: none;
    }
    
    #modal_presence .modal-presence-right {
        padding: 2em;
        background: none;
    }
    
    .modal-presence-right .click_the_camel{
        background-size: auto 70%;
        background-repeat: no-repeat;
        background-position: left center;
        background-color: transparent;
        background-image: url("../images/icon_booking_appcamel.png");
        display: block;
        height: 100px;
        padding-left: 20%;
        width: 100%;
        cursor: pointer;
    }
    
    #modal_presence .modal-presence-left ,
    #modal_presence .modal-presence-right {
        display: block;
        height: 450px;
    }
    
    #modal_presence .modal-presence-left img {
        margin: 0 auto;
        text-align: center;
        margin-top: 6vh;
    }
    
/*  End Terms and Conditions Page     */
    
    #home_page {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-color: transparent;
        background-position: bottom center;
        background-repeat: no-repeat;
        background-image:  url(../images/bg_admin_page.jpg);
        overflow: hidden;
        /*margin-top: -55px;*/
        background-attachment: fixed;
    }
    
    #home_page #wrapper-towers {
        width: 152vh;
        height: 29vw;
/*
        background-size: contain;
        background-color: transparent;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-image:  url(../images/towers.png);
        right: 0;
*/
        overflow: hidden;
        position: absolute;
        bottom: 5px;
        left: 50%;
        margin: 0 auto;
        transform: translateX(-50%);

    }
    #wrapper-towers {
        width: 100%;
        display: table;
    }
    
    #wrapper-towers .tower-btns {
        display: table-cell;
        text-align: center;
    }
    
    #wrapper-towers .acc-tower-1 {
        width: 250px;
        height: 60px;
        display: block;
        margin: 0 auto;
        bottom: 0;
        top: 0;
        left: 0;
        position: relative;
        font-family: airship27-r;
        border-radius: 10px;
        font-size: 30px;

    }

    #wrapper-towers .tower-btns > span {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    #wrapper-towers .acc-tower-2 {
        width: 250px;
        height: 60px;
        display: block;
        margin: 0 auto;
        bottom: 0;
        position: relative;
        border-radius: 10px;
        font-family: airship27-r;
        font-size: 30px;
    }
    
    #wrapper-towers .acc-tower-3 {
        width: 250px;
        height: 60px;
        display: block;
        margin: 0 auto;
        bottom: 0;
        position: relative;

        border-radius: 10px;
        font-family: airship27-r;
        font-size: 30px;
    }
    
    #home_page .panel-login{
        display: block;
    }
    
    #app-feature-grid {
        margin-top: -27px;
    }

    #app-feature-grid > .summary {
        display: none;
    }

    .rx-app-select-label {
        color: #fff;
    }

    /*#app-feature-grid > .grid-view {*/
        /*max-width: 100%;*/
    /*}*/
    
    .items.table.table-bordered a {
        color: #337ab7;
    }
    
    .plus_pluslocations {
        margin-top: 0 !important;
    }
    
/*    .tb-top-analytics {
        position: relative;
        top: 70px;
    }*/
    #admin_page {
        margin-top: 70px;
    }
    
    .form form div {display: inline-block; width: 100%;}
    .form form div label, .form form div >span, .form form div input {display: inline-block; float: left; line-height: 28px;}
    .form form div label {width: 160px; margin-right: 10px; text-align: right;}
    .form form div input {width: 300px;}
    .form form div input[type=submit]{width: 160px; margin-left: 170px;}
    .form form div >span {width: 200px; text-align: left; margin-left: 10px;}
    .form form .errorSummary {color: red; margin-bottom: 20px;}
    .form form div.errorMessage{padding-left: 170px; color: red;}
    .dv-back{
        margin-bottom: 30px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }  
    
    #info-invite-loction {
        margin-bottom: 100px;
    }
    
    #info-invite-loction a {
         color: #939598;
    }
    
    .dv-back .cls-back{
        color: #939598;
        text-decoration: none;
    }
    .dv-back .cls-back:hover{
        text-decoration: none;
        color: #34a9d7;
    }
    
    #info-invite-loction p {
        font-weight: normal;
        margin-top: 50px;
    }
    
    .bootbox.modal {
        width: 55%;
        margin: 0 auto;
        background: #fff;
        min-height: auto;
        margin-top: 15%;
        bottom: auto;
    }
    
    .bootbox.modal .btn.null {
        color: #000;
    }
    
    .mobileInfoLocationAdmin {
        background: url('../images/bg_main_tpinfo_1.png');
        background-size: 180%;
        background-repeat: no-repeat;
        width: 100%;
        height: 477px;
        background-position: -353px -21px;
    }
    
    #tplocation-form, .div-create-story {
        width: 100%;
    }
    
    .cls-location-popup_create_save {
        margin: 15px 0!important;
    }

    .help-block.error {
        margin-left: 170px;
    }
    
    .buttons {
        width: 100%;
/*        text-align: center;*/
        margin-top: 15px;
    }

    .buttons a.btn-cancel{
        width: 160px;
        margin-left: 5px;
        line-height: 28px!important;
    }
    
    .form-search-map .cls-li-icon-control{
        background-color: #34a9d7;
        color: white;
        cursor: pointer;
        display: inline-block;
        float: left;
        text-align: center;
        border-radius: 4px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        background-size: auto 60% !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #b2b1b3;
        margin: 0 1px 2px 2px;
    }
    
    .tb-top-analytics  .cls-ac-view-all-map,
    .tb-top-analytics  .cls-ac-admin,
    .tb-top-analytics  .cls-view-ac-analytics,
    #list-option-share-location li{
        display: inline-block;
        float: left;
        height: 35px;
        margin: 0 1px;
        min-height: 35px;
        padding: 0;
        width: 35px;
        cursor: pointer;
        background-color: #b2b1b3;
        border-radius: .4em;
        vertical-align: middle;
        text-align: center;
        line-height: 2.3;
        color: #fff;
        font-size: 16px;
    }
    
    .modal-body {
        font-size: 1.2em;
    }
    
    #forgot-email {
        width: 100%;
    }

}




/* Outside responsive */
/* Custom popup map */
#map-popup {
    overflow: hidden;
}

#map-popup .map-in-analytics.show-pop-map #maps_content {
    display: block;
    float: left;
    min-height: 0;
    width: 100%;
}

#map-popup .map-in-analytics.show-pop-map #maps_content .form-search-map {
    position: absolute;
    top: 0.5em;
    right: 0;
    width: 100%;
}

#map-popup .map-in-analytics.show-pop-map #when_location_address {
    border-radius: 5px 0 0 5px;
    padding: 0 5px;
    border: 0;
    height: 35px;
    line-height: 1;
    width: 80%;
    float: left;
    margin-left: 65px;
}

#map-popup .map-in-analytics.show-pop-map #btn-search-map {
    display: inline-block;
    background: url('../images/icon-tower3/icon-search.png') center center no-repeat #34a9d7;
    background-size: auto 50%;
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 15px;
    text-align: center;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    outline: none;
    float: left;
}

#map-popup .map-in-analytics.show-pop-map #map_canvas {
    
}

#map-popup .map-in-analytics.show-pop-map {
    position: relative;
    width: 815px;
    height: 100vh;
    overflow: hidden;
    top: 0;
}

#map-popup .map-in-analytics.show-pop-map #map_canvas_popup{
    height: 100vh;
    width: 815px;
    margin: 0 auto;
    padding-bottom: 70%;
}

#map-popup .map-in-analytics.show-pop-map #map_canvas_popup .gm-style {
  
}

/*    End popup map in analytics    */

#map-popup .nopadding {
    padding: 0;
}

/* End custom popup map */

/* Outside responsive */

/*.form-search-map .cls-li-icon-control{
        background-color: #34a9d7;
        color: white;
        cursor: pointer;
        display: inline-block;
        float: left;
        text-align: center;
        border-radius: 4px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        background-size: auto 60% !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #b2b1b3;
        margin: 0 1px 2px -11px;
    }*/
    
    .tb-top-analytics  .cls-ac-view-all-map,
    .tb-top-analytics  .cls-ac-admin,
    .tb-top-analytics  .cls-view-ac-analytics,
    #list-option-share-location li{
        display: inline-block;
        float: left;
        height: 30px;
        margin: 0 1px;
        min-height: 35px;
        padding: 0;
        width: 35px;
        cursor: pointer;
        background-color: #b2b1b3;
        border-radius: .4em;
        vertical-align: middle;
        text-align: center;
        line-height: 2.3;
        color: #fff;
        font-size: 16px;
    }

#div_monthly_bill_summary .ml_bill_first,
#div_monthly_bill_summary .ml_bill_last{
    height: 45px;
    float: left;
    background: #0096c8;
    font-size: 1.3em;
    color: #fff;
    width: 100%;
    padding: 0 2.5% 0;  

}

#btnProfile {
    float: right;
    background: url('../images/icon/AppCamel_drop_down.png') 82% center no-repeat transparent;
    background-size: auto 30%;
    height: 70px;
    width: 90px;
    z-index: 11;
    cursor: pointer;
    padding: 0 0.5em;
}

@media (max-width: 480px) {
    #btnProfile {
        width: 75px;
    }
}
.dv_page_admin #admin_page .admin_analytics {
    margin-top: 0;
    margin: 0px;
    padding: 0px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Loader */
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/pushtowericon.png') #ccc;
    background-repeat: no-repeat;
    background-size: 5%;
    background-position: center center;
}

#mainView .se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/pushtowericon.png') #ffffff;
    background-repeat: no-repeat;
    background-size: 84px;
    background-position: center center;
}

.se-pre-con .loader {
    margin: 0 auto;
    margin-top: 45vh;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    border-top: 2px solid #65a9de;
    border-right: 2px solid #3b99fc;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.rx-ajax-loader .loader {
    margin: 0 auto;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    border-top: 2px solid #65a9de;
    border-right: 2px solid #3b99fc;
    width: 20px;
    height: 20px;
    position: absolute;
    float: left;
    margin-left: -25px;
    margin-top: -1px;
    margin-right: 7px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@media (max-width: 960px) {
    .se-pre-con .loader {
        margin: 0 auto;
        margin-top: 48vh;
        border: 5px solid #f3f3f3;
        border-radius: 50%;
        border-top: 5px solid #3498db;
        width: 25px;
        height: 25px;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;

    }
}

.loader {}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* End Loader */


/* End Outside responsive */
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
    display: block;
}

#text_bottom_timeline i.rx-rotate {
    top: 2px;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transfo rm:rotate(359deg);transform:rotate(359deg)}}

.btn-default {
    color: #333 !important;
}



@media (max-width: 768px) {
    .form-search-map .cls-li-icon-control{
        background-color: #34a9d7;
        color: white;
        cursor: pointer;
        display: inline-block;
        float: left;
        text-align: center;
        border-radius: 4px;
        height: 25px;
        width: 25px;
        line-height: 35px;
        background-size: auto 60% !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #b2b1b3;
        margin: 0 1px 2px 1px;
    }
    .tb-top-analytics .cls-ac-view-all-map, .tb-top-analytics .cls-ac-admin, .tb-top-analytics .cls-view-ac-analytics, #list-option-share-location li {
        display: inline-block;
        float: left;
        height: 25px;
        margin: 0 1px;
        min-height: 25px;
        padding: 0;
        width: 25px;
        cursor: pointer;
        background-color: #b2b1b3;
        border-radius: .4em;
        vertical-align: middle;
        text-align: center;
        line-height: 2.3;
        color: #fff;
        font-size: 12px;
    }
}



#op_share_lc_citizen {
    z-index: 1000;
}

.ul-ls-feature-on-page {
    z-index: 1000;
}

.form-search-map .cls-li-icon-control{
        background-color: #34a9d7;
        color: white;
        cursor: pointer;
        display: inline-block;
        float: left;
        text-align: center;
        border-radius: 4px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        background-size: auto 60% !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #b2b1b3;
        margin: 0 1px 2px 2px;
    }

@media (max-width: 990px) {    
    .show-map-appcitizen.show-all-map #dv_map_citizen #maps_content #div_slider_hours {
        top: 200px;
    }
}


@media (min-width: 768px) {
    .bootbox.modal {
        width: 55%;
        margin: 0 auto;
        background: #fff;
        min-height: auto;
        margin-top: 15%;
        bottom: auto;
    }
}