/* Common/Bootstrap overrides */
body {
  background: #f1f1f1;
}

a { color:#174478; }
.text-primary { color:#174478 !important; }

.dropdown-item.active,
.dropdown-item:focus { background-color:#174478; }

.border-primary { border-color:#174478 !important; }

.btn-primary, 
.nav-pills .nav-link.active { background-color:#174478; border-color:#174478; }
.btn-primary:hover { background-color:#305d91; }

main {
  padding-top: 4.5rem;
}

iframe { width:100%; border:0;}

.modal-dialog { min-width:550px; }

/* Other General */
.text-mono { font-family:Lucida Console, Monaco, monospace; }

/* CB Specific */
.cb-login-cont { padding:15px 0 0; margin:0 auto; width:267px; }
.cb-login-cont input { width:100%; }

.cb-form-fluid table,
.cb-form-fluid input[type="text"],
.cb-form-fluid input[type="password"],
.cb-form-fluid input[type="file"],
.cb-form-fluid select { width:100%; }
.cb-form-fluid input[type="text"][name*="Date"]{ width:calc(100% - 22px); }

.cb-form-grid input[type="text"],
.cb-form-grid input[type="password"],
.cb-form-grid input[type="file"],
.cb-form-grid select { width:220px; }
.cb-form-grid input[type="submit"]{ margin:0 3px; }
.cb-form-grid textarea { width:400px; }

.cb-res { overflow:auto; }
.cb-hide-submit input[type="submit"] { display:none; }
.cb-form-search  button { margin-top:35px; }
.cb-form-search td { display: inline-block; }

/* custom CSS */

.personal-injury input[type="radio"] {
  margin: 5px 3px 0px 5px;
}

.hipaa-form ul {
  list-style-type: disc !important;
  padding: 0px 5px 0px 45px !important;
  text-align: justify;
  margin: 40px 0px;
}

/* .hipaa-form .form-label,
.clinical-trial-part .form-label {
  color: #20282B;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: bold;
  padding-top: 8px;
} */
/* end */

/* Responsive */
@media (max-width: 768px) {
  h1.page-header { font-size:20px; line-height:34px; margin-top:20px; box-shadow:0 !important; }
  h3 { font-size:18px; }
  
  * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }
  
  /* responsive forms */
  .cb-form-resp table { width: 100% !important; margin: 0px !important; }
  .cb-form-resp td { display: block; }

  .cb-form-readonly table { width: 100% !important; margin: 0px !important; }
  .cb-form-readonly td { display: inline-block; float: left; }
  .cb-form-readonly td:nth-child(2n+1) { clear:left; }  
  
  .cb-form-resp input, 
  .cb-form-resp select,
  .cb-form-resp textarea { width: 100% !important; }

  .cb-form-resp input[type=radio],  .cb-form-resp input[type=checkbox] {
    width: auto !important;
  }

  .cb-form-resp input[type="submit"] {
	margin-top: 5px;
	margin-left:0;
	margin-right:0;
  }
  
  .cb-form-resp img[alt~="Calendar"] {
    position: relative; left: -19px; top: 4px; z-index: 9999 ;
  }

  .cb-form-resp img[alt~="Audio"] {
    position: relative; left: -19px; top: 4px;
  }

  .cb-form-resp img[alt~="Download"] {
    position: relative; left: -46px; top: 4px;
  }  

  .cb-form-resp input + span > a {
    display: inline-block;
    width: 1px;
    overflow: visible;
    position: relative;
    left: -8px;
  }

  .cb-form-resp input + a[href="#"],
  .cb-form-resp input + a[href="#"] + a {
    display: inline-block;
    width: 1px;
    overflow: visible;
    position: relative;
    left: -8px;
  }
  
  /* responsive tables */
  .cb-tab-resp * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .cb-tab-resp *:before,
  .cb-tab-resp *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .cb-tab-resp table[id^="PageActionsCtnr"] {
    border-spacing: 0px !important;
    border-collapse: separate !important; 
    margin-bottom: 7px !important; 
  }

  .cb-tab-resp table[id^="PageActionsCtnr"] td {
    display: block;
    width: auto!important;
    float: left;
    text-align: left;
    padding: 1px !important;
  }

  .cb-tab-resp table[id^="PageActionsCtnr"] td div {
    text-align: left !important;
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] {
    border: none !important;
    background: transparent !important;
    display: block;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;     
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] tbody {
    display: block;
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] tr:first-child {
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] tr {
    display: block;
    border: 1px solid #dddddd; 
    margin-bottom: 7px; 
    width: 100%;
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] td {
    display: block;
    border: none !important;
    position: relative !important;
    padding-bottom: 10px !important;
    text-align: left !important;    
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] td:before {
    padding-right: 5px; 
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] td[class^="cbResultSetActionCell"] {padding-bottom: 10px !important; padding-top: 7px  !important;} 
  
  /* responsive gallery */
  .cb-gal-resp * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .cb-gal-resp .cb-event > div { max-width:100%; }
  
  .cb-gal-resp table[id^="PageActionsCtnr"] {
    border-spacing: 0px !important;
    border-collapse: separate !important; 
  }

  .cb-gal-resp table[id^="PageActionsCtnr"] td {
    display: block;
    width: auto!important;
    float: left;
    text-align: left;
    padding: 1px !important;
  }

  .cb-gal-resp table[id^="PageActionsCtnr"] td div {
    text-align: left !important;
  }

  .cb-gal-resp table[data-cb-name^="cbTable"] {
    border-spacing: 0px !important;
    border-collapse: collapse !important; 
    margin-bottom: 7px;       
  }

  .cb-gal-resp table[data-cb-name^="cbTable"] td {
    display: block;
    width: 100% !important;
    float: left;
    text-align: left;
    margin-top: 10px;   
  }

  .cb-gal-resp table[data-cb-name^="cbTable"] td div {
    text-align: left !important;    
  }

  .cb-gal-resp table[data-cb-name^="cbTable"] td > div > div[name^="RACtnr"], 
  .cb-gal-resp table[data-cb-name^="cbTable"] td > div > div[name^="RACtnr"]:hover { 
    vertical-align: middle !important;
    white-space: normal !important;
    background: transparent !important;
    overflow: hidden !important;
    display: inline-block !important;
    padding: 0px !important;      
    margin: -6px 12px 8px 12px !important; 
    line-height: 0px;
    position: static !important;
    width: auto !important;
    opacity: 1.0 !important;
  }
  
}

.cb-hide {
    opacity: 0;
}

.manage-users table tr[data-cb-name="data"] td:last-child,
.manage-users table  th:last-child,
.manage-contacts table tr[data-cb-name="data"] td:last-child,
.manage-contacts table  th:last-child,
.manage-employees table tr[data-cb-name="data"] td:last-child,
.manage-employees table  th:last-child,
.manage-logs table tr[data-cb-name="data"] td:last-child,
.manage-logs table  th:last-child   {
    display: none;
}

.cb-container-med {
    width: 65% !important;
}

.cb-container-lg {
    width: 992px !important;
}


.h-scroll {
  overflow: auto
}

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

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

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

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

.cbChartContainer {
  margin: 0px !important;
}

.search-reset-container {
  text-align: center;
  margin-bottom: 5px;
}

.search-reset-container-center {
  text-align: center;
  margin-top: 4px;
  margin-bottom: 5px;
}

.custom-breacrumb {
  /* margin-top: 8px; */
  float: left;
  width: 100%;
  /* background-color: #e9ecef; */
  border-radius: .25rem;
  padding: .75rem 1rem;
}

.custom-breacrumb > div > ol {
  list-style: none;
  margin: 4px 0px;
  padding: 0px;
  color: #6c757d;
}

.filter-header {
  margin-top: -20px;
  background: #fff;
  padding: 20px 0px 10px 0px;
}

.filter-fields {
  background: #fff;
}

.w-50 {
  width: 50%;
}

.cb-result-container {
  float: left;
  width: 100%;
}

.action-button-container {
  padding: 5px 15px;
}

nav[aria-label="breadcrumb"] {
  float: left;
  width: 100%;
  margin-top: 8px !important;
}

nav[aria-label="breadcrumb"] ol.breadcrumb {
  margin-bottom: 0px !important;
}

.breadcrumb {
  background: #fff;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.content-wrapper {
  float: left;
  width: 100%;
  margin-top: 15px;
}

#site-navbar {
  background-color: #007FAA !important;
  padding: 0px !important;
}

#site-navbar .navbar-brand {
  font-weight: 700;
  color: #f8f8f8;
}

#site-navbar a.nav-link {
  color: #f8f8f8;
}

#site-navbar .nav-item a.nav-link {
  padding: 15px;
}

#site-navbar .nav-item.active a.nav-link {
  background-color: #2C97BF;
}

#site-navbar .nav-item a.nav-link:hover {
  background-color: #2C97BF;
}

#site-navbar .dropdown-item:hover,
#site-navbar .dropdown-item:focus {
  background-color: #007FAA !important;
  color: #f8f8f8;
}

.cb-custom-card {
  padding: 20px;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: .25rem;
}

/* Old */
/* .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")} */

.navbar-light .navbar-toggler { border-color: transparent; }


@media (max-width: 1000px) {
  .cb-container-lg {
    width: 100% !important;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    padding: 7.5px;
  }
  .navbar-brand {
    margin-left: 7.5px;
  }
  .navbar-toggler {
    margin-right: 5px;
    padding: 0px;
  }
}

.btn-feedback{
  color: #fff!important; 
  border-radius: 3px; 
  background-color:#EB5E28;
}

@media (max-width: 320px) {
  #main-title {
    font-size: 14px;
  }
  .btn-feedback{
    padding: 7px 5px;
  }
}

@media only screen and (min-width: 321px) and  (max-width: 991px) {
  #main-title {
    font-size: 18.5px;
    font-weight: bold;
  }

  .btn-feedback{
    padding: 7px 10px;
  }
}

@media only screen and (min-width: 771px) {
  .btn-feedback{
    padding: 7px 10px;
  }
}

.wrapper-content h3.card-sub-title{
  background-color: #ffffff;
  color: #252422!important;
  padding: 0px 0px 10px 0px!important;
  font-size: 25.55px!important;
  font-weight: 400!important;
}

.db-title{
  font-size: 18px;
}

.icon-big{
  font-size: 3em;
}

.user .icon-big{
  font-size: 2.2rem;
}

.card-stats, 
.card-layout{
  margin-bottom: 20px;
}

.card-stats .card-body{
  padding: 1rem 1.25rem!important;
}

.text-green{
  color: #3c9e44;
}

.text-red{
  color: #d4511f;
}

.text-blue{
  color:#a4c3e7;
}

.cbSearchButton{
  margin-top: .5rem;
}

/* CSS to show search form and buttons(search and reset) because responsive572 and responsive1024 is hiding the forms. Tried adding the code in bridge STYLES but it didn't work */
/* cbSearchSpa and cbSearchButtonContainerM are the classes which are not available in other RMA */
@media only screen and (max-width: 576px){

  /* code to show HTML block buttons (search and reset) */
  section[class^="cbFormSection"][class*="cbSearchSpa"] div:nth-of-type(3){
    display: block!important;
  }

  /* code in dp to hide default search */
  section[class^="cbFormSection"][class*="cbSearchSpa"] div[class*="cbSearchButtonContainerM"]{
    display: none!important;
  }
}

@media only screen and (max-width: 767px){
  
}

@media only screen and (max-width: 1024px){

  .hipaa-form .form-label {
    font-size: 17px;
  }


}

.admin .numbers h3{
  font-size: 30px!important;
}

.user .numbers h3{
  font-size: 23px!important;
}

/* navbar css */

.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #007FAA;
  position: fixed;
  top: 0px;
  width: 290px;
  color: #e1ffff;
}

.nav-side-menu .brand {
  background-color: #007FAA;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #0a6e90;
  font-weight: 700;
  color: #f8f8f8;
}

.nav-side-menu .toggle-btn {
  display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #2C97BF;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  /* border-bottom: 1px solid #007FAA; */
  margin-left: 0px;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #007FAA;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: Fontawesome;
  content: "\f105";
  display: inline-block;
  padding-left: 20px;
  padding-right: 10px;
  vertical-align: middle;
}

.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #007FAA;
  padding: 0px 25px;
}

.nav-side-menu li a {
  text-decoration: none;
  color: #f8f8f8;
  font-size: 13.5px;
  padding-left: 15px;
}

.nav-side-menu li a i {
  padding-left: 10px;
  width: 35px;
  padding-right: 20px;
}

.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #2C97BF;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.clinical-trial {
  max-width: 100%;
}

@media (max-width: 1162px) {
  .nav-side-menu {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
  }

  .nav-side-menu .toggle-btn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: 23px;
      top: 14px;
      z-index: 10 !important;
      padding: 3px;
      background-color: #007faa;
      color: #fff;
      width: 40px;
      text-align: center;
  }

  .brand {
      text-align: left !important;
      font-size: 22px;
      padding-left: 20px;
      line-height: 50px !important;
  }

  .brand-pad {
    padding-left: 30px;
  }
}

@media only screen and (min-width: 1163px) {
  .title-top {
    margin-top: .5rem;
  }
  .nav-title {
    margin-left: 1rem;
  }
  .nav-side-menu li a.nav-subtitle {
    padding-left: 30px;
  }
}

#topbar {
  display: none;
}

body {
  margin: 0px;
  padding: 0px;
}

.nav-side-menu ul .sub-menu ul .sub-line li.active,
.nav-side-menu li .sub-menu li .sub-line li.active {
  color: #d19b3d;
}

.nav-side-menu ul .sub-menu li .sub-line li.active a,
.nav-side-menu li .sub-menu li .sub-line li.active a {
  color: #d19b3d;
}

.nav-side-menu ul .sub-menu li .sub-line li,
.nav-side-menu li .sub-menu li .sub-line li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}

.nav-side-menu ul .sub-menu li .sub-line li:hover,
.nav-side-menu li .sub-menu li .sub-line li:hover {
  background-color: #020203;
}

.nav-side-menu ul .sub-menu li .sub-line li:before,
.nav-side-menu li .sub-menu li .sub-line li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 100px;
  padding-right: 10px;
  vertical-align: middle;
}

.nav-side-menu .sub-menu li {
  padding-left: 20px;
  border-left: 3px solid #007FAA;
}

.nav-side-menu .sub-menu li a {
  text-decoration: none;
  color: #e1ffff;
}

.sub-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}

.nav-side-menu li .sub-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

@media (max-width: 767px) {
  .nav-side-menu .sub-menu {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
  }

  .nav-side-menu .sub-menu .toggle-btn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 10 !important;
      padding: 3px;
      background-color: #ffffff;
      color: #000;
      width: 40px;
      text-align: center;
  }

  .sub-line ul .sub-press li.active,
  .sub-line li .sub-press li.active {
      color: #d19b3d;
  }

  .sub-line ul .sub-press li.active a,
  .sub-line li .sub-press li.active a {
      color: #d19b3d;
  }

  .sub-line ul .sub-press li,
  .sub-line li .sub-press li {
      background-color: #181c20;
      border: none;
      line-height: 28px;
      /* border-bottom: 1px solid #23282e; */
      margin-left: 0px;
  }

  .sub-line ul .sub-press li:hover,
  .sub-line li .sub-press li:hover {
      background-color: #020203;
  }

  .sub-line ul .sub-press li:before,
  .sub-line li .sub-press li:before {
      font-family: Arial;
      content: "\f105";
      display: inline-block;
      padding-left: 50px;
      padding-right: 10px;
      vertical-align: middle;
  }

  .sub-line li {
      padding-left: 20px;
      border-left: 3px solid #007FAA;
      /* border-bottom: 1px solid #23282e; */
  }

  .sub-line li a {
      text-decoration: none;
      color: #e1ffff;
  }

  .sub-line li a i {
      padding-left: 50px;
      width: 20px;
      padding-right: 20px;
  }

  .sub-line li:hover {
      border-left: 3px solid #d19b3d;
      background-color: #4f5b69;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;
  }
}

@media (max-width: 767px) {
  .sub-line {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
  }

  .sub-line .toggle-btn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 10 !important;
      padding: 3px;
      background-color: #ffffff;
      color: #000;
      width: 40px;
      text-align: center;
  }

  .nav-side-menu .brand {
      padding-left: 30px;
  }

}

/* custom */
.wrapper {
  position: relative;
  top: 0;
  height: 100vh;
}
.nav-side-menu{
  z-index: 10;
  display: block;
  height: auto;
}
.wrapper .nav-content-wrapper{
  background-color: #f8f9fc;
  overflow-x: hidden;
  float: none;
  position: relative;
  height: auto;
  width: 100%;
  background-color: #f1f1f1;
}
.top-title{
  padding: 8px;
}
.top-nav-shadow{
  box-shadow: 0 0 0.1rem rgba(0,0,0,.50)!important;
}
.card-layout{
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0,0,0,.125);
}

.title h5{
  color: #e1ffff;
}

@media only screen and (min-width: 1163px) {
  .nav-side-menu{
    height: 100%;
  }
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
  #topbar {
    display: block;
  }
  .wrapper .nav-content-wrapper{
    float: right;
    width: calc(100% - 290px);
  }
  .nav-side-menu li {
    padding: 0px;
  }
  
}

@media only screen and (min-width: 1025px) and (max-width: 1109px) {
  section[class^="cbFormSection"] {
    margin-left: 15% !important;
    width: 70% !important;
    margin-right: 15% !important;
    box-sizing: border-box;
  }

  .cbFormMultiSelect{
    width: 50%!important;
  }

  /* clinical trial CSS */
  .clinical-trial {
    max-width: 85%;
  }

}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  /* clinical trial CSS */
  .clinical-trial {
    max-width: 85%;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1499px) {
  /* clinical trial CSS */
  .clinical-trial {
    max-width: 60%;
  }
}

@media only screen and (min-width: 1500px) {
  /* clinical trial CSS */
  .clinical-trial {
    max-width: 47%;
  }
}

.nav-top-pad{
  padding-right: 14px;
}

#main-title{
  margin-bottom: 20px;
}

.fa-lg{
  font-size: 1.2em!important;
}

@media only screen and (max-width: 1024px){
  /* pagination on mobile view */
  nav.cbReportNavBarPanel .cbNavBarCtnt ul[data-cb-name='ResponsiveJumpToNavBar'] a, 
  nav.cbReportNavBarPanel .cbNavBarCtnt ul[data-cb-name='ResponsiveJumpToNavBar'] a{
    min-width: 20px!important;
  }
  nav.cbReportNavBarPanel .cbNavBarCtnt ul[data-cb-name='ResponsiveJumpToNavBar'] div{
    width: 50px!important;;
  }  
}

pre
{
	word-break: break-word;
	white-space: pre-wrap;
}

@media only screen and (max-width: 576px){
  .cb-form-resp h4 {
      margin: auto 0px;
  }
}

@media only screen and (min-width: 577px) and (max-width: 1024px){
  .cb-form-resp h4 {
      margin: auto 15%;
  }
}

/* signature CSS */
canvas.pad {
  width: 215px;
  height: 130px;
  margin: 13px 0px 0px 0px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #ccc; 
  border-radius: 4px !important; 
  -webkit-border-radius: 1px; 
  -moz-border-radius: 1px; 
  -o-border-radius: 1px; 
  border-radius: 1px; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
  background-color: #F1F1F1;
}

@media only screen and (min-wdth: 321px) and (max-width: 372px) {
  canvas.pad {
    width: 230px;
  }
}

@media only screen and (min-width: 373px) and (max-width: 408px) {
  canvas.pad {
    width: 269px;
  }
}

@media only screen and (min-width: 409px) {
  canvas.pad {
    width: 305px;
  }
}

.hipaa-form section[class^="cbFormSection"] [class*="cbFormBlock17"] span[data-cb-name=cbFormDataCheckbox] label,
.primary-care section[class^="cbFormSection"] span[data-cb-name=cbFormDataCheckbox] label {
  padding-top: 18px;
  min-height: 31px!important;
  line-height: 16px!important;
}

@media only screen and (min-width: 418px) and (max-width: 1024px) {
  .primary-care section[class^="cbFormSection"] span[data-cb-name=cbFormDataCheckbox] label,
  .hipaa-form section[class^="cbFormSection"] [class*="cbFormBlock17"] span[data-cb-name=cbFormDataCheckbox] label {
    padding-top: 8px;
  }
}

@media only screen and (min-width: 1025px) {
  
  .primary-care section[class^="cbFormSection"] span[data-cb-name=cbFormDataCheckbox] label,
  .hipaa-form section[class^="cbFormSection"] [class*="cbFormBlock17"] span[data-cb-name=cbFormDataCheckbox] label {
    padding-top: 0px;
  }
}

/* primary care CSS */

.primary-care section[class^="cbFormSection"] span[data-cb-name=cbFormDataRadios] label,
.primary-care section[class^="cbFormSection"] span[data-cb-name=cbFormDataCheckbox] label,
.clinical-trial .cbFormMultiSelectText label,
.clinical-trial-part [data-cb-name="cbFormDataRadios"] label,
.hipaa-form section[class^="cbFormSection"] span[data-cb-name=cbFormDataRadios] label,
.hipaa-form section[class^="cbFormSection"] span[data-cb-name=cbFormDataCheckbox] label,
.hipaa-form .cbFormMultiSelectText label{
  margin: 0px;
}

@media only screen and (min-width: 1025px) {
  .primary-care input[type="radio"] {
    margin: 5px 3px 0px 5px;
  }

  .primary-care [class^=cbFormBlock16] {
    margin-left: 40px;
  }
  
  .primary-care [class*=cbFormBlock15] {
    margin-top: auto;
  }
  
  .personal-injury {
    max-width: 50%;
  }
  
  /* primary care CSS */
  .primary-care {
    max-width: 47%;
  }

  .clinical-trial .cbFormTextField {
    width: 100% !important;
  }

  /* hipaa */

  .hipaa-form {
    max-width: 47%;
  }

  .hipaa-form input[type="radio"] {
    margin: 5px 3px 0px 5px;
  }

  /* clinical trial part CSS */
  
  .clinical-trial-part {
    max-width: 47%;
  }

  .clinical-trial-part input[type="radio"] {
    margin: 5px 3px 0px 5px;
  }

}

.top-title {
  height: 40px;
}

/* hipaa form, fix multi select height */

[class*="cbFormBlock19"] .ListData.ListBox.cbFormMultiSelect{
  height: 90px!important;
}

/* from styles - changed styles to caspian - requested by ned */

/* .clinical-trial .cbFormMultiSelectText label, .hipaa-form .cbFormMultiSelectText label
{
	white-space: break-spaces;
	line-height: 16px;
} */
/* .ListData.ListBox
{
	width: 100%!important;
} */

.cbFormSelect{
  height: 40px!important;
}

.primary-care .header-title-form{
  padding-right: 0px;
}

@media only screen and (min-width: 1024px) {
  .cbFormSelect{
    height: 35px!important;
  }
  .primary-care .header-title-form{
    padding-right: 0px;
  }
}

.hipaa-form [class*="cbFormBlock20"] .cbComboBoxContainer .ListData.ListBox{
  height: 100px!important;
}

@media only screen and (min-width: 376px) {
  .hipaa-form [class*="cbFormBlock20"] .cbComboBoxContainer .ListData.ListBox{
    height: 80px!important;
  }
}

@media only screen and (min-width: 1025px) {
  /* .primary-care [class*="cbFormBlock20"]{
    margin-top: 40px;
  } */
  .hipaa-form [class*="cbFormBlock20"] .cbComboBoxContainer .ListData.ListBox{
    height: 63px!important;
  }
  .flatpickr-input .cbFormCalendar a img {
    border: 0px!important;
    padding: 9.5px 8px!important;
    margin-bottom: 0px!important;
    margin-top: 0px!important;
    margin-left: -38px!important;
  }
}
strong {
  font-weight: bold;
}

label {
  margin-bottom: 0px!important;
}