@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
/*body{padding-top: 100px !important;}*/
.temp-margin{margin-bottom: 100px !important;}
header ol, header li { list-style:none;}
.float-L{float:left;}
.float-R{float:right;}
.bdr-r{border-right:1px solid #c7d1db; max-height:25px;}
.pdng-10{padding-top:15px;}
.pdng-lft-0{padding-left:0px;}
.pdng-rt-0{padding-right:0px;}
.mrgn-btm-10{margin-bottom:5px;}
.fa-angle-down{color:#2dc0e8;}
.fa-caret-left, .fa-caret-right{color:#58585b;}
.fa-files-o{color:#44931d; padding:0px 6px;}
.fa-close{color:#d02d2d;}
.fa-download{color:#4c5e70;}
.mrgn-top-5{margin-top:5px;}
.margn-top-15px{margin-top:15px;}
.input-group[class*="col-"]{padding-left:15px; padding-right:15px;}
table.my-daily-email > tbody > tr > td > form.form-inline > label{font-weight:500;}
header tr{ border-left:1px solid #ddd; border-right:1px solid #ddd; }
header table{ border-bottom:1px solid #ddd; }
header .navbar{margin-bottom:0px; border:none;}
header input[type="image"] {transition: all 200ms linear 0s; }
.btn {transition: all 200ms linear 0s;}
header a { transition: all 200ms linear 0s;}
header .logo-text{color:#BDB085; font-weight:bold;}
header .navbar-brand{font-size:24px;}
.header-fixed{padding:0px 35px;}
.header { position: fixed; left: 0; right:0; top: 0; z-index: 5; }
#navbar1 .nav .open > a, #navbar1 .nav .open > a:hover, #navbar1 .nav .open > a:focus {background:none; box-shadow:none;}
.top-section > ul > li > ul.dropdown-menu > li > a{color:#354656; font-size:13px; padding-left:5px;}
.top-section > ul > li > ul.dropdown-menu{width:auto; border-radius:4px; box-shadow:0 1px 4px #333; padding-bottom:0px; padding-top:0px;}
.top-section > ul > li > ul.dropdown-menu > li > a:hover{background:#f0f2f4; }
.top-section > ul > li > ul.dropdown-menu > li > a > i{padding:6px; }
.arrow-t { left: 56%; position: absolute; top: -14%;}
/*****************menu strt********************/
.menu{background:#4c5e70;}
.menu .navbar-menu{margin-bottom:0px; /*height:53px;*/}
.menu .navbar-menu ul li a{color:#fff; padding-left: 22px; padding-right: 25px; text-shadow:none; border-bottom:none;}
.menu .navbar-menu ul li a:hover{color:#fff; border-bottom:none; background-color:#BDB085;}
.menu .navbar-menu ul li.active a{color:#fff; border-bottom:none; background-color:#BDB085;}
.menu .navbar-menu ul li.active a:hover{color:#4c5e70; border-bottom:none; background-color:#BDB085;}
.menu .navbar-collapse{border:0px none; box-shadow:none;}
.toogle{display:none;}
.menu .toogle-top{display:none;}
.menu button.navbar-toggle .icon-bar{background:#fff;}




footer{margin-top:10px;}
footer p{color:#000; font-size:12px; }
footer p a{color:#000; text-decoration:underline;}
footer p a:hover{color:#000;}
.mar-T{margin-top: 5px;}
.subscriber-date{ font-size: 11px; font-weight: bold;}
.user-name{ display:block;}
.welcome-user{ margin-bottom: -15px;}
.mar-T12{margin-top: -12px;}


.navbar-toggle.collapsed.left-nav-show, .btn-left-toggle .navbar-toggle {  
    float: right;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 12px;
  }
.btn-left-toggle .navbar-toggle {background:#CCC; color: #000;}

.navbar-toggle.collapsed.left-nav-show::after, .btn-left-toggle .navbar-toggle::after {content:"\f107"; font-family:'FontAwesome'; position:absolute; top:4px; right: 4px;}

#navbar1 ul li{font-size: 12px;}
.mgn-B-10{ margin-bottom: 10px;}
.mgn-T-10{ margin-top: 10px;}


.save-change-button{ 
    padding: 0px;
    background-image: url("/assets/media/images/Save-change-hvr.png");
    background-repeat: no-repeat;
    width: 123px;
    overflow: hidden;
    text-indent: -14em;
    color: rgba(0, 0, 0, 0);
    height: 34px;
    border: none;
    border-radius: 5px;
    background-size: 100%;
    margin: 0 0 0 5px;
    float: right;
  }
.save-change-button:hover{
    background-image: url("/assets/media/images/Save-change-btn-hvr.png");
  }


a.btn.btn-default{ margin-right:10px;margin-bottom: 10px;}
a.btn.btn-default + button[type="image"]{ margin-right: 10px; }
input.btn.btn-success {margin-bottom: 10px; margin-right: 10px;}
.btn.btn-danger {margin-bottom: 10px; margin-right: 10px;}

.btn.btn-primary{margin-bottom: 10px;}
a.btn.btn-success.new-btn-success{margin-right:10px;}

/*for button group*/
.btn{ font-size:14px; }


.collapsed.top-menu{ color:#778492;}
/* mobile menu*/
#menu{ display:none}
.mobile-menu{ display:none}

#mob-nav{display: none;}
.nChartWidthDiv{width : 70%;}

/* #Media Queries ================================================== */
@media only screen and (min-width:1366px) {
  .content-center{width:900px; margin:0 auto;}
  
  }

@media only screen and (max-width:1024px){
  .left-menu {top: 54px;}
.menu .navbar-menu ul li a {
    border-bottom: 1px solid #4c5e70;
    color: #fff;
    font-size: 13px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: none;
  }  
  .container-fluid.menu{ display:none}
  .mobile-menu{ display:block}

  .fa-files-o{padding: 0 1px;}
  .rome-tooltip{ top: -9%;}
  .cma-form .members form.form-inline .col-sm-12 > .form-group{ margin-bottom:15px;}
  .email-member p strong{ display: block; }
  .email-member p span strong{ display:inline-block; }
  .email-member p span.note{ display: block; }
  .email-member p span{ margin-left: 0; }
#mob-nav {display: block;}
      #d-nav{display: none;}
      .nChartWidthDiv{width : 100%;}
    

 }
/*for button group*/
.btn{ font-size:14px; }
.button-group{background-color: #fafafa;border: 1px solid #ddd;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05) inset;margin-bottom: 15px;padding: 15px 15px 15px;border-radius: 3px;}
.c-editor .btn{ font-size:13px; margin:0 10px 10px 0;font-weight:600}
.c-editor .btn:last-child{ margin-bottom:0;}

.input-sm, .form-group-sm .form-control{ font-size:13px;}
.header-line { text-align:center;}
.preview big{margin: 0;display: block;}
.preview span{ font-family: 'Open Sans', sans-serif; border: 1px solid #DDD; display: block; padding: 10px; background: #fefefe;}
.seting-footer{border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: 10px 0px; margin-bottom: 15px;}

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
.top-section{display:none}
.menu .toogle-top{display:block;}
.navbar-header button.navbar-toggle{border:0px none;}
.navbar-default .navbar-header .navbar-toggle:hover, .navbar-default .navbar-header .navbar-toggle:focus{background:none;}
.navbar-header button.navbar-toggle .icon-bar{width:2px; height:2px; background-color:#4c5e70 ;}
.bdr-r{border-bottom:1px solid #c7d1db; max-width:100%;}
.menu button.navbar-toggle{border:0px none; border-radius:0px;}
.menu button.navbar-toggle:hover, .menu button.navbar-toggle:focus{background:none;}
.menu{padding-left:0px; padding-right:0px;}
.navbar-menu{margin-right:0px; width:100%;}
.container-fluid.menu > .navbar-collapse.navbar-menu{margin-right:0px; width:100%;}
.menu .navbar-menu ul li a{padding-left:5px; padding-right:5px; font-size:12px;}
.menu .navbar-menu ul li a:hover{color:#fff;}
.menu .toogle button.navbar-toggle{float:left;}
.header-fixed div.top-section ul li:nth-child(4){display:none;}
.header-fixed > div.top-section > ul > li > ul > li:nth-child(4){display:block;}
#navbar1 .nav .open{background:#eee;}
#navbar1 .nav .open > a, #navbar1 .nav .open > a:hover, #navbar1 .nav .open > a:focus {background:none; box-shadow:none;}
.toogle{display:block;}
.menu .navbar{ display:none;}
.cma-form form input#email{width:52%;}
.header-fixed #navbar1 ul.navbar-nav{margin-bottom:0px;}
.rome-tooltip{ top: -8%;}
.btm-15{ margin-bottom:15px;}
#mob-nav {display: block;}
      #d-nav{display: none;}
      .nChartWidthDiv{width : 100%;}
      .left-menu {top: 100px;}
    }
 
 .client-image{ border: 1px solid #DDD; padding: 5px; height: 324px; }

 /* ul.nav-tabs li.active {
      background: #BDB085;
  } */ 
  header input[type="file" i]::-webkit-file-upload-button, button, input[type="file" i]::-moz-file-upload-button, button,
  header input[type="file" i]::file-upload-button, button {
    padding: 4px 10px;
    border-radius: 2px;
  }
  .form-control.file, input[type="file"] {
      height: auto;
      padding: 4px 10px;
      -webkit-padding: 6px 10px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
  }
  

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 1080px) {
  	.temp-margin{margin-bottom: 55px !important;}
      .mobile-menu{ display: block;}
      #mob-nav {display: block;}
      #d-nav{display: none;}
      .nChartWidthDiv{width : 100%;}
      div.container-fluid {margin-top: -43px;}
      .left-menu {top: 55px;}
      .slicknav_nav li.active a { color: #fff; background: #BDB085;}
    
  }
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
  
    
  }
 @media only screen and (max-width: 980px),
  (min-device-width: 980px) and (max-device-width: 1024px)  {
    
    .cma-form form .form-control.wid-sm { width: 100px;margin: inherit;}
    table.table.pro-price-adj td + td + td .form-control{    width: calc(100% - 10px);}
    /* Force table to not be like tables anymore */
      /*=========== Change May 18 2016 =========== */
    table.table.pro-price-adj, table.table.pro-price-adj thead, table.table.pro-price-adj tbody, table.table.pro-price-adj th, table.table.pro-price-adj td, table.table.pro-price-adj tr {
      display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.table.pro-price-adj thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    table.table.pro-price-adj tr { border: 1px solid #ccc;    margin-bottom: 10px; }
    table.table.pro-price-adj tr th:first-child { border-bottom: 1px solid #DDD; font-weight:600;}

    table.table.pro-price-adj td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
    }

    table.table.pro-price-adj td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
    }
    #mob-nav {display: block;}
      #d-nav{display: none;}
      .nChartWidthDiv{width : 100%;}
.border-right:after { content:""; position: absolute; z-index: 0; top: 0; bottom: 0; left: 100%; border-right: 1px none #CCC;
}
    /*
    Label the data
    */
    table.table.pro-price-adj td:nth-of-type(1):before { content: "Adjustment $"; }
    table.table.pro-price-adj td:nth-of-type(2):before { content: ""; }
    table.table.pro-price-adj td:nth-of-type(3):before { content: "Description $"; }
/*    table.table.pro-price-adj td:nth-of-type(4):before { content: "Description"; }*/


/*start invoice-history*/
    /* Force table to not be like tables anymore */
    table.table.invoice-history, table.table.invoice-history thead, table.table.invoice-history tbody, table.table.invoice-history th, table.table.invoice-history td, table.table.invoice-history tr {
      display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.table.invoice-history thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    table.table.invoice-history tr { border: 1px solid #ccc; }
    table.table.invoice-history tr th:first-child { border-bottom: 1px solid #DDD; font-weight:600;}

    table.table.invoice-history td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
    }

    table.table.invoice-history td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
    }

    /*
    Label the data
    */    
    table.table.invoice-history td:nth-of-type(1):before { content: "Billing Period"; }
    table.table.invoice-history td:nth-of-type(2):before { content: "Subscription"; }
    table.table.invoice-history td:nth-of-type(3):before { content: "# Team"; }
    table.table.invoice-history td:nth-of-type(4):before { content: "# Domains"; }
    table.table.invoice-history td:nth-of-type(5):before { content: "# DNS Hosting"; }
    table.table.invoice-history td:nth-of-type(6):before { content: "QuickStart"; }
    table.table.invoice-history td:nth-of-type(7):before { content: "Web Services"; }
    table.table.invoice-history td:nth-of-type(8):before { content: "Member Import"; }
    table.table.invoice-history td:nth-of-type(9):before { content: "Past Due"; }
    table.table.invoice-history td:nth-of-type(10):before { content: "Other"; }
    table.table.invoice-history td:nth-of-type(11):before { content: "Total Bill"; }
/*end invoice-history*/
/*start Members*/
    /* Force table to not be like tables anymore */
    table.table.Members, table.table.Members thead, table.table.Members tbody, table.table.Members th, table.table.Members td, table.table.Members tr {
      display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.table.Members thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    table.table.Members tr { border: 1px solid #ccc; }
    table.table.Members tr th:first-child { border-bottom: 1px solid #DDD; font-weight:600;}

    table.table.Members td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
          word-wrap: break-word;
    }

    table.table.Members td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      
    }

    /*
    Label the data
    */    
    table.table.Members td:nth-of-type(1):before { content: "Follow Up Date"; }
    table.table.Members td:nth-of-type(2):before { content: "Follow Up?"; }
    table.table.Members td:nth-of-type(3):before { content: "Lead Status"; }
    table.table.Members td:nth-of-type(4):before { content: "Full Name"; }
    table.table.Members td:nth-of-type(5):before { content: "E-Mail Address"; }
    table.table.Members td:nth-of-type(6):before { content: "Home Phone"; }
    table.table.Members td:nth-of-type(7):before { content: "Work Phone"; }
/*end invoice-history*/
#town-list .table td{ display:block}
#mob-nav {display: block;}
      #d-nav{display: none;}
      .nChartWidthDiv{width : 100%;}

  }

  /* Smartphones (portrait and landscape) ----------- */
  /* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.temp-margin{margin-bottom: 55px !important;}
    .left-menu ul#side-menu li > a.sub-menu.active{background-position: 10px 19px !important; background-color:#4c5e70 !important;    background-position: 5px 19px;}
    .left-menu ul li {border-bottom: 1px solid #7a8794;}
    .left-menu ul.nav li a.sub-menu{ background-color:#596a7b;background-position: 5px 19px;}
    .left-menu ul.nav li a{ background:#596a7b url(/assets/media/images/left-arrow.png) no-repeat;background-position: 10px 50%;}
    .left-menu ul.nav li.active a{ background-color: #BDB085 }
    .left-menu ul#side-menu li{ border-bottom:1px solid #7a8794 !important;}
    .left-menu ul#side-menu li { border-bottom: 1px solid #7a8794;}
    .left-menu ul.nav ul li a{ padding:15px 15px 15px 30px;    background-position: 16px 19px;}
    .left-menu ul.nav ul li:hover a{padding:15px 15px 15px 30px; background-color:#BDB085;    background-position: 16px 19px;}
    .left-menu ul#side-menu li.active{ background-color:#BDB085; border:none}
    .left-menu ul.nav li a{ padding:15px 15px 15px 25px;} 
    .left-menu ul.nav li a.sub-menu:hover{ background-color:#354253;background-position: 10px 19px;}
    .btn-left-toggle{ background:#FFF; top:105px; width:100%; z-index:-1;    position: inherit;}
  /*  div#left-nav-bar::before {    content: '';    padding-left:20.5em;   font-family:FontAwesome}*/
    div#left-nav-bar{ background:url(/assets/media/images/top-arrow.png) right  0 no-repeat; padding-top:6px;}
    div#left-nav-bar {overflow-y: auto !important;}
    .navbar-brand {padding: 15px 15px 15px 0px;margin-left: -5px;}

     /*top nav style on mobile  add this CSS*/
      .top-section > .nav > li{ border-bottom: 1px solid #DDD;}

      .top-section > .nav > li:hover{ background:#f3f3f3 }        

      .top-section > .nav{margin-top: 0;}

      .mar-T12{margin-top: 0;}

      .top-section > .nav .welcome-user{margin-bottom: 0px;}

      .top-section > .nav > li.dropdown a.welcome-user{border-bottom: 1px solid #DDD;}

      .top-section > .nav > li .dropdown-menu li{border-bottom: 1px solid #DDD;}

      .top-section > .nav > li .dropdown-menu li:hover{background:#f5f5f5}
      .cma-form.cma-new-form form label {line-height: normal; min-height: 15px;}
      .franc-agent{line-height: 1.7 !important; }
      .add-empty{ margin-bottom: 7px; }
      .resp-margin{margin-bottom: 15px;}
      .recipients-list{overflow: auto;}
      .chart-layout li label, .radio label, #SoldPeriod label{text-align: left !important;}
      .chart-layout li{width: 100%}
      #mob-nav {display: block;}
      #d-nav{display: none;}
      .nChartWidthDiv{width : 100%;}
      /*top nav style on mobile*/ 
      .slicknav_nav li.active a { color: #fff; background: #BDB085;}
  } 
 
@media only screen and (max-width: 767px) {
  .body-content{ padding: 92px 0 0 0px; }
  .pdng-lft-0{padding-left:15px;}
  .pdng-rt-0{padding-right:15px;}
  .top-section    {display:none}
  .menu .toogle-top{display:block;}
  .navbar-header button.navbar-toggle{border:0px none;}
  .navbar-default .navbar-header .navbar-toggle:hover, .navbar-default .navbar-header .navbar-toggle:focus{background:none;}
  .navbar-header button.navbar-toggle .icon-bar{width:2px; height:2px; background-color:#4c5e70 ;}
  .bdr-r{border-bottom:1px solid #c7d1db; max-width:100%;}
  .menu button.navbar-toggle{border:0px none; border-radius:0px;}
  .menu button.navbar-toggle:hover, .menu button.navbar-toggle:focus{background:none;}
  .menu .navbar-menu ul li:hover{border-bottom:0px none; background:#BDB085;}
  .navbar-menu{margin-top:10px;}
  .menu{padding-left:0px; padding-right:0px;}
  .navbar-menu{margin-right:0px; width:100%;}
  .container-fluid.menu > .navbar-collapse.navbar-menu{margin-right:0px; width:100%;}
  .menu .navbar-menu ul li a{padding-left:22px;}
  .menu .navbar-menu ul li a:hover{color:#fff;}
  .menu .toogle button.navbar-toggle{float:left;}
  .header-fixed div.top-section ul li:nth-child(4){display:none;}
  #navbar1{margin-left: -35px; position: absolute; width: 100%; z-index: 10; background:#fff;}
  #navbar1 .nav .open{background:#eee;}
  #navbar1 .nav .open > a, #navbar1 .nav .open > a:hover, #navbar1 .nav .open > a:focus {background:none; box-shadow:none;}
  .left-menu {position: relative;left: 0;top:-3px;z-index:4; width: 100%; height:auto;}
  .cma-form form input#email{width:100%;}
  .cma-form form select.form-control{width:100%;}
  #datepicker .form-control, #datepicker1 .form-control{width:100%;}
  #datepicker, #datepicker1{width:100%;}
  .toogle{display:block;}
  .menu .navbar{ display:none;}
  .arrow-t{display:none;}
  .rome-tooltip{ top: -10%;}
  .cma-form .members form.form-inline .col-sm-12 > .form-group{ margin-right:0px;}

  /* ========================  Download CMA    ======================*/
  .arrow-img {margin-top:0; margin-bottom:10px; }
  .document-download-outer, .remove-outer  {margin-left: 0px;margin-right: 0px;}

  /* ========================    InvestmentPropertyAnalyzer ======================  */
  .compare-table tr th {width:33.3%;}
  .compare-table {width:1100px; max-width:1100px;}
  .compare-table .form-inline .form-control {display: inline-block; }
  .agent-photo, .header-line{ margin-bottom:15px;}
  .block-table{ width:100%}
  .block-table td {
      display: block;
  }
  .compare-table td span{ display:block}
  .members-tools{width:100%}
  .container-fluid > .col-md-12{ padding-left:0; padding-right:0px;}
  .v-card-list li{ width:100%}
  .control-list li{ width:100%;}
  .IDX-VOW-Search .tab-list ul li{ width:95%}
   .mbl_pad15{padding:0px 15px;}
   .recipients-list{overflow: auto;}
   .mar-bot-sm-15 {margin-bottom: 15px;}
   #d-nav {display: none;}
   #mob-nav {display: block;}
   .nChartWidthDiv{width : 100%;}
}
   @media only screen and (min-width: 480px) and (max-width: 768px) {
/*.cma-form form label{ line-height: normal;}*/
.col-sm-3.property-photo{ width:100%}
.cma-form .members form label{ min-height: 0px; line-height: inherit;}
.sign-active {line-height: 1.7 !important;}
.mar-B-mbl-0 {margin-top:15px;}
.width-tab {width:75%;}

.rep-mar-t-26, .run-mar-t-31 {margin-top: 0px;}
.mem-visit-text {text-align: left;}
.mar-top-r-15 {margin-top: 15px;}

/** Showing module*/
.showing-number {width: 100% !important; float: none; display: block;}
.showing-text {width: 100% !important; float: none; display: block; text-align: center;}
.showing-date { width: 100% !important; float: none;display: block;}
.feed-back-q { margin-top: 5px;}
.photo-section-h{margin-left: 5px; margin-top: 18px;}
/** End Showing module */
/*#d-nav {display: none;}
#mob-nav {display: block;}*/
    
    }
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (max-width: 540px) {
     .Box-navigation li {width:100%;}
     .form-group.mar-right-15{ margin-right: 0px; }
     .color-picker-img{width:100%;}
     .mar-B-mbl-7{margin-bottom: 7px;}
     .mar-B-mbl-0{margin-bottom: 0px;}
     .add-empty{ display: none; }
     .input-range .date-range {width: 100%; float: left; margin-bottom: 15px;}
     .input-range .date-range .input-group-addon{border-left: 1px solid #aaa;}
     .resp-datepick .input-group{display: block; margin-bottom: 10px;/* float: left;*/}
     .mar-top-r-5 {margin-top: 5px;}
     .rep-mar-t-26, .run-mar-t-31 {margin-top: 0px;}
     .mem-visit-text {text-align: left;}
     #d-nav {display: none;}
     #mob-nav {display: block;}
     .nChartWidthDiv{width : 100%;}
     .padd-top-r-23 {padding-top: 23px;}
     /** Showing module*/
      .showing-number {width: 100% !important; float: none; display: block;}
      .showing-text {width: 100% !important; float: none; display: block; text-align: center;}
      .showing-date { width: 100% !important; float: none;display: block;}  
      /** End Showing module */
    }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    .toogle{display:block;}
    .menu .navbar{ display:none;}
      .code-box .label{ white-space: normal;}
      .rep-mar-t-26, .run-mar-t-31 {margin-top: 0px;}
      .mem-visit-text {text-align: left;}
      #d-nav {display: none;}
      #mob-nav {display: block;}
      .nChartWidthDiv{width : 100%;}
      .padd-top-r-23 {padding-top: 23px;}
      .cma-form form label, .cma-form .members .form-horizontal .control-label{text-align: left;}
      /** Showing module*/
      .showing-number {width: 100% !important; float: none; display: block;}
      .showing-text {width: 100% !important; float: none; display: block; text-align: center;}
      .showing-date { width: 100% !important; float: none;display: block;}
      .feed-back-q { margin-top: 5px; margin-bottom: 5px;}
      .add-showing {margin-top: 5px;}
      .edit-head-foot {margin-top: 3px; margin-bottom: 2px;}
      
      /** End Showing module */
   }

   /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  /*======================start for tab style========================*/
  @media only screen and (max-width: 1135px) {
  .toogle{display:block;}
  .menu .navbar{ display:none;}
    .code-box .label{ white-space: normal;}
  .nav-tabs-responsive > li { display: none;width: 23%;}  
  .nav-tabs-responsive > li > a { max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal; width: 100%;width: 100%;text-align: center; vertical-align: top;}
  .nav-tabs-responsive > li.active{width: 54%;}
  .nav-tabs-responsive > li.active:first-child {margin-left: 23%;}
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {display: block;}
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {-webkit-transform: scale(0.9);transform: scale(0.9);}
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {-webkit-transition: none;transition: none;}
  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {display: none;}
  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
  position: relative; top: 1px;display: inline-block; font-family: fontawesome;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
  .nav-tabs-responsive > li.prev > a:after {content: "";}
  .nav-tabs-responsive > li.next > a:after {content: ""; }
  .nav-tabs-responsive > li.dropdown > a > .caret {display: none;}
  .nav-tabs-responsive > li.dropdown > a:after {content: ""; }
  .nav-tabs-responsive > li.dropdown.active > a:after {display: none;}
  .nav-tabs-responsive > li.dropdown.active > a > .caret {display: inline-block;}
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {left: 0;right: auto;}
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {right: auto;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {left: auto;right: 0;}
  #narrow-browser-alert {display: none;}
  .nChartWidthDiv{width : 100%;}
    /** Showing module*/
    .showing-number {width: 100% !important; float: none; display: block;}
    .showing-text {width: 100% !important; float: none; display: block; text-align: center;}
    .showing-date { width: 100% !important; float: none;display: block;}  
    /** End Showing module */
   }
   @media only screen and (width: 414px) {
    .return-chart {float: left!important;} 
   }
   
  @media only screen and (max-width: 381px) {
    .mbl_marrt0{margin-right:0 !important;}
    .width_175{width:175px;}
    .padd-top-r-23 {padding-top: 23px;}
    
    .return-chart {float: left !important;}
    /** Showing module*/
      .showing-number {width: 100% !important; float: none; display: block;}
      .showing-text {width: 100% !important; float: none; display: block; text-align: center;}
      .showing-date { width: 100% !important; float: none;display: block;}  
      /** End Showing module */
   }
  @media only screen and (max-width: 320px) {
  	.temp-margin{margin-bottom: 55px !important;}
    .mbl_marrt0{margin-right:0 !important;}
    .width_175{width:175px;}
    .padd-top-r-23 {padding-top: 23px;}
    /** Showing module*/
    .showing-number {width: 100% !important; float: none; display: block;}
    .showing-text {width: 100% !important; float: none; display: block; text-align: center;}
    .showing-date { width: 100% !important; float: none;display: block;}  
    /** End Showing module */
  }
   /*=================end for tab style==========================*/

   /*1-12-2016*/
.space-height{ height: 480px;}
.heading-gray h5{ font-size: 24px; color: #5c6c7c; font-weight: normal;}
.list .fa{ margin-right: 10px;}
.q-tab-list{ margin-bottom: 20px;}
.q-tab-list ul li a{ background: #428bca; color: #fff; white-space: nowrap;margin-right: 2px; border-radius: 0px;}
.q-tab-list .arrow::after {
    width: 0;
    height: 0;
    border-top: 23px inset transparent;
    border-bottom: 23px inset transparent;
    border-left: 24px solid #fafafa;
    position: absolute;
    content: "";
    top: -3px;
    left: -2px;
}
.q-tab-list a:after {
        width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 22px solid #788b9e;
    position: absolute;
    content: "";
    top: 0;
    right: -22px;
    z-index: 2;
}
.q-tab-list .active a:after {
    border-left: 22px solid #4d5e70;
}
.q-tab-list ul.nav li a {
    padding-right: 5px;
    padding-left: 25px;
}
.q-tab-list ul.nav li a {
    color: #fff;
    background: #788b9e;
}
.q-tab-list ul.nav li.active a {
    color: #fff;
    background: #4d5e70;
}
.margin-t-20{margin-top:20px;}
.wht-sp{ white-space: nowrap; }