/*Chamber Dashboard General Styles*/
.cdash_column_left{
  float:left;
  width:75%;
}

.cdash_sidebar{
  float:right;
  padding:2%;
  width:20%;
}

.cdash_sidebar h2{
  color:#B1304D;
}

.notice.cdash_update_notice{
  /*background-color:rgba(195, 105, 127, 1);*/
  border:#B1304D 2px solid;
}

.notice.cdash_update_notice a{
  font-weight: bold;
}

.notice.cdash_update_notice .notice-dismiss:before{
  color:#fff;
}

.cdash_update_notice button.notice-dismiss{
	background:#B1304D;
    right:0;
}

/*Getting Started/Welcome Page Styles*/
.cdash_top_blocks{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr) );
    grid-gap: 10px;
    margin:50px 0px 50px 0px;
}

.cdash_getting_started{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr) );
    margin:50px 0px 30px 0px;
}

.cdash_block {
    border: #ccc 1px solid;
    background: #fff;
    padding: 10px;
    text-align: center;
    border-radius:10px;
    box-shadow: inset 8px 0 10px -6px #ccc;
    -webkit-box-shadow: inset 8px 0 10px -6px #ccc;
    -moz-box-shadow: inset 8px 0 10px -6px #ccc;
}

.cdash_block .button{
    background: #fff;
    color: #B1304D;
    text-shadow: none;
    border-color: #B1304D;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cdash_block .button:hover{
    background: #B1304D;
    border-color: #B1304D;
    box-shadow: 0 1px #B1304D;
    text-shadow: 0 -1px 1px #B1304D, 1px 0 1px #B1304D, 0 1px 1px #B1304D, -1px 0 1px #B1304D;
    color: #fff;
}

.cdash_getting_started_docs{
  /*display:grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr) );
  grid-gap: 3%;*/
}

.cdash_admin_grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
}

.cdash_wrapper{
  grid-gap:5%;
  background:#ddd;
  margin-bottom:30px;
  padding:2%;
}

.cdash_admin_grid.one_col{
  grid-template-columns: 1fr;
}

.cdash_admin_grid.equal_col{
  grid-template-columns: 1fr 1fr;
}

@media screen and (min-width:700px){
  /*.cdash_admin_grid{
    grid-template-columns: 2fr 1fr;
  }

  .cdash_getting_started_docs{
    grid-template-columns: 1fr 3fr;
  }*/
}
.cdash_admin_page p a{
  color:#B1304D;
  text-decoration: underline;;
  font-weight: bold;
}

.cdash_admin_page .cdash_highlight{
  color:#D48695;
  font-weight: bold;
}

.cdash_video_container{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.cdash_video_container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

p.right{
  text-align:right;
}

.cdash_admin_left_sidebar{
  display:table;
}

.cdash_email_subscribe_div{
  display:grid;
  border-bottom:#ccc 1px solid;
  padding-bottom: 25px;
  width: 80%;
}

@media screen and (min-width:768px){
  .cdash_email_popup{
    width:50%;
  }
}

@media screen and (min-width:992px){
  .cdash_email_popup{
    width:40%;
  }
}

.cdash_email_popup{
  display:none;
  padding:3%;
  border:#B1304D 3px solid;
}

/*.email_subscribe_form{
  grid-column-end: span 2;
  width: auto;
}

.email_subscribe_form > div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr) );
    align-items: center;
}*/

.cdash_email_popup label{
  font-size:16px;
  min-width: 100px;
  width:auto;display:block;
  margin-bottom:10px;
}

.cdash_email_popup input{
  width:80%;
  margin-bottom:10px;
}

.cdash_admin.close_button{
  float:right;
}

.dashboard_page_cdash-about h1{
  font-size:25px;
}

/*Demo Content Modal Styles*/
.ui-dialog .ui-dialog-titlebar{
  display:none;
}

.cdash_demo_content_modal.ui-widget.ui-widget-content{
  width:400px;
  height:300px;
  text-align:center;
}

.dashboard_page_cdash-about .ui-widget-overlay{
  background:#443e3e;
  opacity:0.5;
}

.license_information{
  font-style: italic;
  font-size:12px;
}

.cdash_active_license{
  color:green;
}

.cdash_inactive_license{
  color:red;
}

/*New Settings Pages Styles*/

.cdash.section_group {
    height: auto;
    overflow: hidden;
}
.cdash.section_group ul li{
    float:left;
    color:#B1304D;
    font-weight:bold;
    font-size:14px;
}

.cdash.section_group ul li a{
    padding-left:10px;
    padding-right: 10px;
    color:#B1304D;
    text-decoration:none;
}

.cdash.section_group ul li.section_active a{
    text-decoration:underline;
}

/*.cd_settings_tab_group{
    display:grid;
    grid-template-columns:1fr 6fr;
    border:#ccc 1px solid;
    min-height:400px;
}

.cd_settings_tab_group .section_group.vertical{
    border-right:#ccc 1px solid;
}

.cd_settings_tab_group .section_group.vertical ul{
    margin-top:0px;
}

.cd_settings_tab_group .section_group.vertical ul li{
    padding:10px 0px 15px 5px;
}

.cd_settings_tab_group .section_group.vertical ul li.section_active:first-child{
    border-top:none;
}

.cd_settings_tab_group .section_group.vertical ul li.section_active{
    background:#00a0d214;
    border-top:#ccc 1px solid;
    border-bottom: #ccc 1px solid;
    border-left:#B1304D 5px solid;
    border-right: #DEEBEE 1px solid;
    margin-right: -1px;
    margin-left: -1px;

}
.cd_settings_tab_group .section_group.vertical ul li a{
    color:#B1304D;
    font-size: 12px;
    text-transform: uppercase;
}

.cd_settings_tab_group .section_group.vertical ul li.section_active a{
    font-weight:bold;
}*/

.cdash_section_content{
    /*background:#00a0d214;
    padding: 0px 2% 0px 2%;*/
    width:80%;
}

#bus_directory_settings .settings_sections table.form-table, .cdash_plugin_settings .settings_sections table.form-table, .cd_settings .settings_sections div.content{
    display:none;
    background:#fff;
    margin-top:0px;
    -webkit-box-shadow: inset 8px 8px 6px -6px #ccc;
	   -moz-box-shadow: inset 8px 8px 6px -6px #ccc;
	        box-shadow: inset 8px 8px 6px -6px #ccc;
}

#bus_directory_settings .settings_sections table.form-table tr th, .cdash_plugin_settings .settings_sections table.form-table tr th, #bus_directory_settings .settings_sections table.form-table tr td, .cdash_plugin_settings .settings_sections table.form-table tr td, .cd_settings .settings_sections div.content{
    padding:15px;
}

#bus_directory_settings .settings_sections h2, .cdash_plugin_settings .settings_sections h2, .cd_settings .settings_sections h2{
    background:#fff;
    padding:15px;
    border-bottom:#ccc 1px solid;
    cursor:pointer;
    box-shadow: inset 8px 0 10px -6px #ccc;
    -webkit-box-shadow: inset 8px 0 10px -6px #ccc;
	-moz-box-shadow: inset 8px 0 10px -6px #ccc;
    margin-bottom:0px;
}

#bus_directory_settings .settings_sections h2 .toggle, .cdash_plugin_settings .settings_sections h2 .toggle, .cd_settings .settings_sections h2 .toggle{
    /*border: solid black;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
  -webkit-transform: rotate(45deg);*/
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid grey;
    float: right;
    /*width: 10px;
    height: 10px;
    margin-top: -7px;*/
    margin-right: 2%;
}

#bus_directory_settings .settings_sections h2.active .toggle, .cdash_plugin_settings .settings_sections h2.active .toggle, .cd_settings .settings_sections h2.active .toggle{
    /*transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);*/
    margin-top:1px;
    border-bottom: 10px solid grey;
    border-top:none;
}

#bus_directory_settings .settings_sections span.desc:empty, .cdash_plugin_settings .settings_sections span.desc:empty, .cd_settings .settings_sections span.desc:empty{
    display:none;
}

#bus_directory_settings .settings_sections span.desc, .cdash_plugin_settings .settings_sections span.desc, .cd_settings .settings_sections span.desc{
    font-size:14px;
    font-weight:bold;
    padding:15px;
    display:block;
    margin-bottom:0px;
    background:#fff;
    box-shadow: inset 8px 0 10px -6px #ccc;
    -webkit-box-shadow: inset 8px 0 10px -6px #ccc;
	-moz-box-shadow: inset 8px 0 10px -6px #ccc;
}

.cd_support_page{
    width:70%;
}

.cd_support_page ul{
    margin-left:4%;
}

.cd_support_page ul li{
    list-style-type:circle;
}

.cdash_block .bold{
    font-weight:bold;
}

.cdash_block a{
    color:#B1304D;
    font-weight:bold;
}

.cdash_technical_details{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.cdash_section_content.support{
    background: #fff;
    padding: 15px;
    border-bottom: #ccc 1px solid;
    cursor: pointer;
    box-shadow: inset 8px 0 10px -6px #ccc;
    -webkit-box-shadow: inset 8px 0 10px -6px #ccc;
    -moz-box-shadow: inset 8px 0 10px -6px #ccc;
    margin-bottom: 0px;
    min-height: 500px;
    margin-top: 15px;
}

/*Styles for the multi select dropdown in the block settings*/

.components-select-control.cdash_multi_select select{
    height:100px!important;
}