/*************** New CSS - Kelvin Smith ***************************/
           .badge {
            display: inline-block;
            min-width: 10px;
            padding: 3px 7px;
            font-size: 12px;
            font-weight: bold;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            background-color: red !important; /* Kelvin */
            border-radius: 10px;
          }
          
          
          /*----------------Pagination ----------------------------------*/
          div.pagination
          {
              padding: 3px;
              margin: 3px;
          }

          div.pagination a
          {
              padding: 2px 5px 2px 5px;
              margin: 2px;
              border: 1px solid #AAAADD;

              text-decoration: none; /* no underline */
              color: #000099;
           }
           div.pagination a:hover, div.pagination a:active
            {
              border: 1px solid #000099;
              color: #000;
          }
          div.pagination span.current 
          {
              padding: 2px 5px 2px 5px;
              margin: 2px;
              border: 1px solid #970A00;
              font-weight: bold;
              background-color: #970A00;
              color: #FFF;
          }
          div.pagination span.disabled
          {
              padding: 2px 5px 2px 5px;
              margin: 2px;
              border: 1px solid #970A00;
              color: #970A00;
          }
                      
          /* Login Page */
            
            .my-login-box{
              border :8px solid rgb(204,219,226); 
              padding:0px;
              background:rgb(251,252,255);
              border-radius: 12px;
            }
             @media (max-width: 767px) {
                   body {
                    padding-top : 15px !important;
                }
                .main {
                  max-width: 520px;
                  margin: 0 auto;
                  
                  padding-left : 5px;
                  padding-right : 5px;
                } 	
                 }
            @media (min-width: 767px) {
                .main {
                  max-width: 520px;
                  margin: 0 auto;
                  padding-top : 100px;
                } 	
                 }
            .login-or {
              position: relative;
              font-size: 18px;
              color: #aaa;
              margin-top: 10px;
                      margin-bottom: 10px;
              padding-top: 10px;
              padding-bottom: 10px;
            }
            .span-or {
              display: block;
              position: absolute;
              left: 50%;
              top: -2px;
              margin-left: -25px;
              background-color: #fff;
              width: 50px;
              text-align: center;
            }
            .hr-or {
              background-color: #cdcdcd;
              height: 1px;
              margin-top: 0px !important;
              margin-bottom: 0px !important;
            }
            h3 {
              text-align: center;
              line-height: 300%;
            }

          .form-control-with-text {
              margin-bottom: 5px;
              display: inline-block;
              width: 40%;
              height: 34px;
              padding: 6px 12px;
              font-size: 14px;
              line-height: 1.42857143;
              color: #555;
              background-color: #c7c8ed;
              /* background-image: none; */
              /* border: 1px solid #ccc; */
              border-radius: 4px;
              -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
              -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
              -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
              /* transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; */
          }

          /* Last Login, Duration, Calls Made/Connected, ... , More Information */
          @media (max-width: 767px) {
            .head-box{
              color: #fff;
              width:100px;
              height:52px;   
              float:left;
              margin: 10px 5px;
              font-weight:bold;
              font-size:12px;
              font-family: sans-serif;
              padding: 13px 0 13px 0 ;
              border: 1px solid transparent;
              border-radius: 6px;
              border-bottom: 1px solid transparent;    
              box-shadow: 0 1px 1px rgba(0,0,0,.05);
            }
          }
          @media (min-width: 767px) {
           .head-box{
              color: #fff;
              width:11%;
              height:52px;   
              float:left;
              margin: 10px 5px;
              font-weight:bold;
               font-size:14px;
              font-family: sans-serif;  
              padding: 13px 0 13px 0 ;
              border: 1px solid transparent;
              border-radius: 6px;
              border-bottom: 1px solid transparent;    
              box-shadow: 0 1px 1px rgba(0,0,0,.05);
            }
           
          }

          /* dashboard icon (save, prev, next, print) */
          .dashbord{
              width:100%;
              float:left;
              margin-top:5px;
          }
          .dashbord-content{
              width:99%;
              float:left;
              border:solid 1px #248bc3;
              margin:1px;
          }
          .dashbord-icon-outer{
              width:100%;
              float:left;
              background:url(../buyer_details_img/dash-bg.jpg) repeat-x left top;
              padding:3px 0;
          }
          .dashbord-icon{
              width:16px;
              height:16px;
              float:left;
              margin:0 5px;
          }
          .dashbord-icon-text{
              float:left;
              margin:0 5px;
              font:bold 12px ;
              color:#000000;
              text-align:center;
              padding:3px 0 0 0;
          }

          /* Menu Separator */
          .divder-new {
              height: 1px;
              margin: 0px;
              overflow: hidden;
              background-color: #e5e5e5;
          }
          /* Menu */
          @media (min-width: 768px) {
            .mobile-my-menu {
              display: none !important;
            }
            
            .mobile-info-box {
              
              width:11% !important;
            }
            
            .desktop-my-menu {
              display:auto !important;
            }
          }
          @media (max-width: 768px) {
             .mobile-my-menu  {
              display:auto !important;
              font-size:18px !important;
            }
            .desktop-my-menu {
              display: none!important;
            }
            
            .mobile-info-box {
              width:28% !important;
            }
          }

          /* Main Content */
          @media (min-width: 768px) {
            #my-main-content{
                width:100%;
                float:left;
            }
            #my-main-content-left{
              width: 220px;
              float: left;
              border: solid 1px #248bc3;
              margin : 32px 1px 1px 1px;
            }
             
            .my-switch-vscroll{
                overflow-y: hidden !important;	
            }
            
            #my-main-content-right{
                margin:0 0 0 235px;
                font-size:16px !important;
                font-weight:100;
            }
            #my-main-content-right-content{
                width: 100%;
              float: left;
            }
            .my-main-content-right-table{
                /*font-size:16px !important;*/
            }
          }
          @media (max-width: 768px) {
            #my-main-content{
                width:100%;  
            }
            #my-main-content-left{
            }
            .my-switch-vscroll{
                
            }
            #my-main-content-right{
                margin:0px;
                font-size:20px !important;
                font-weight:100 !important;
            }
            #my-main-content-right-content{
                width: 100%;
              float: left;
            }
            .my-main-content-right-table{
            /*	font-size:20px !important;
                font-weight:100;*/
            }
             
          }

          /* form control without padding and low height */
          .my-form-control {
              padding:0px !important;
              height:30px !important;
              font-size:18px !important;
              font-weight:100 !important;
              color:black !important;
          }
          .my-form-control-left-text {
              margin-top:3px !important;
              padding-left:2px !important;
              padding-right:2px !important;
              
          }

          /* Scrollable Drop Menu */
          .my-scrollable-menu {
              height: auto;
              width:300px;
              max-height: 350px;
              overflow-x: hidden;
              font-size:18px !important;
          }

          /* Seach Box */
          
          .dropdown.dropdown-lg .dropdown-menu {
              margin-top: -1px;
              padding: 6px 20px;
          }
          .input-group-btn .btn-group {
              display: flex !important;
          }
          .btn-group .btn {
              border-radius: 0;
              margin-left: -1px;
          }
          .btn-group .btn:last-child {
              border-top-right-radius: 4px;
              border-bottom-right-radius: 4px;
          }
          .btn-group .form-horizontal .btn[type="submit"] {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
          }
          .form-horizontal .form-group {
              margin-left: 0;
              margin-right: 0;
          }
          .form-group .form-control:last-child {
              border-top-left-radius: 4px;
              border-bottom-left-radius: 4px;
          }
          @media screen and (max-width: 320px) {
             .my-form{
                     margin: auto;
                     width: 100%;
                     padding:20px;
             }
          }
          
          @media screen and (min-width: 321px) and (max-width: 375px) {
             .my-form{
                     margin: auto;
                     width: 90%;
                     padding:20px;
             }
          }
          @media screen and (min-width: 376px) and (max-width: 425px) {
             .my-form{
                     margin: auto;
                     width: 85%;
                     padding:20px;
             }
          }
          
          @media screen and (min-width: 426px) {
             .my-form{
                     margin: auto;
                     width: 80%;
                     padding:20px;
             }
          }

          
          
            .container{
                margin-top: 100px;
            }
          
          @media screen and (min-width: 769px) {
             .container{
                    margin-top: 140px;
                }
          }



          @media screen and (min-width: 768px) {
              #adv-search {
                  width: 300px;
                  margin: 0 auto;
              }
              .dropdown.dropdown-lg {
                  position: static !important;
              }
              .dropdown.dropdown-lg .dropdown-menu {
                  min-width: 300px;
              }
               .my-form{
                     margin: auto;
                     width: 80%;
                     padding:20px;
             }
          }
          /** Kelvin **/
          @media (min-width: 1100px) {
            .container {
              width: 1070px;
            }
          }
          /*************/
          /* auto panel hide */
          /*.panel-heading a:after {
              font-family:'Glyphicons Halflings';
              content:'\e114';
              float: right;
              color: grey;
          }
          .panel-heading a.collapsed:after {
              content:"\e080";
          }*/
          /****************************************************************/