body {background-color:#ccc;padding-bottom:2rem;}

.debug {display:none;}

.nav-row {
  background-color: #105880;
  padding: .5rem 0 .5rem 0;
}

.top-row {
  margin-top:1rem;
}

.hide-me {
  display:none;
}

a {
  cursor:pointer;
}

a.sel {
  font-weight:bold;
}

td, th {
  vertical-align:top;
  padding-left:.3rem;padding-right:.3rem;
}

.data-table td, .data-table th {
  font-size:.9rem;
}

.must_edit {
  font-weight:bold;
  color:red;
}

iframe {
  width:100%;
  height:500px;
  max-height:.8wh;
}

.new_messages, #nav {text-align:right;}

#nav {
  text-align:right;
  padding: 1rem .5rem .5rem .5rem;
  font-size:1.1rem;
}

#nav, #nav a {color:white;}

#nav a {text-decoration:none;}
#nav a:hover {text-decoration:underline;}

h1,h2,h3,h4,h5,h6 {
  color:#2E3B48;
}

#page_nav, #nav_search {padding:1rem;}

#nav_search {text-align:right;}

#nav_search i {cursor:pointer;}

#page_nav, #page_nav a, .page_nav_sep, #footer, #nav_search {
  background-color:#2E3B48;
  color:white;
  font-size:1.1rem;
}

#page_nav a.draft {
  color:black;
}

.page_container {background-color:white;}
.content_container {min-height:500px;padding-bottom:1rem;}

.selectable_tag_button {margin:.3rem;}
.selectable_tag_button.sel {background-color:#0d6efd;}

#logged_in_as {padding: 0 0 1rem 0;}
#logged_in_as button {padding:.2rem;background-color:#2E3B48;color:white;}

.tag_restrict_div {padding:1rem;border:3px solid #ccc;border-radius:.4rem;}
.tag_restrict_div i {font-size:1.4rem;}
.tag_restrict_div td {vertical-align:center;}


.material_thumb {cursor:pointer;float:left;margin:.5rem;padding:.2rem;border:2px solid #ccc;border-radius:.3rem;text-align:center;}
.material_thumb img {width:90px;height:90px;}
.material_thumb p {width:130px;clear:both;font-size:.9rem;min-height:5rem;}

.asset_preview {width:360px;height:360px;}

#main_campaign_box {
  border: 5px solid #2E3B48;
  border-radius: .7rem;
  padding:1.1rem;
}

.campaign_container {
  border: 14px solid white;
  background-color: #dedede;
  padding:.8rem;
}

.campaign_details_para {
  min-height:6rem;
}

#main_campaign_box h3 {
  color:white;
  background-color:#2E3B48;
  border-radius:.3rem;
  padding-left:.5rem;
  padding-right:.5rem;
  padding-bottom:.5rem;
  padding-top:.2rem;
}

#main_campaign_box p {
  font-size:1.2rem;
  font-weight:400;
}

#main_campaign_box button, .campaign_container button {margin-bottom:.1rem;}

#main_campaign_box .btn-primary {font-weight:bold;}

.messages-box {
    border: 4px solid #ccc;
    border-radius: .3rem;
    padding:.5rem;
}

.campaign_select_item {float:left;margin:.5rem;padding:.4rem;border:2px solid #ccc;border-radius:.4rem;background-color:#dedede;}
.campaign_select_item.sel {border-color:#999;background-color:white;}
.campaign_select_thumb {width:90px;height:90px;float:left;}
.user_campaign_view, .user_campaign_view p {text-align:center;}
.user_campaign_view .campaign_select_thumb {float:none;}
.user_campaign_view {background-color:white !important;cursor:pointer !important;}
.campaign_select_checkbox_container {float:right;cursor:pointer;padding:.3rem;font-size:1.4rem;}
.campaign_select_item p {width:130px;clear:both;font-size:.9rem;min-height:4rem;}

.preview-panel {border:2px solid #999;border-radius:.3rem;}
/* removed max-width here as it was messing up img-fluid */
.preview-panel img {max-height:460px;}

.tag_cloud {padding:.3rem;border:2px solid #ccc;border-radius:.4rem;}
.tag_cloud button {margin:0;padding:.2rem;font-size:.9rem;padding-top:0;padding-bottom:0;}

.loader {
  position: absolute;
  top:1rem;
  left:50%;
  margin-left:-156px;
  opacity:.7;
}

.preview-panel {
  position:relative;
}

.message_resource_link {
  margin:.3rem;
  padding:.3rem;
  border:1px solid #ccc;
  border-radius:.5rem;
}

.message_resource_link img {
  max-height:100px;
  max-width:100px;
}

.message_resource_link .btn-primary {
  background-color:#2E3B48;
  border:0;
}

.home_message_box h5, .home_message_box hr {
  margin:0;
  padding:0;
}

.message_html_hidden {display:none;}

.messages_table {margin-top:1rem;}

.messages_table td, .messages_table th {
  padding: .1rem .2rem .1rem .2rem;
  border:1px solid #ccc;
}

button.delete_message, button.delete_message:hover {background-color:red;border-color:red;}

.no-wrap {
  white-space: nowrap;
}

tr.read td {background-color:#dedede;}

#compose_subject {width:20rem;}
#compose_message_box {width: 20rem;height:10rem;}

blockquote {margin-left:.6rem;padding-left:.6rem;background:#dedede;border-left:3px solid #105880;}

.sent_by_me td, .sent_by_me th {background-color:#ccccff !important;}
.sent_by_me i.fa {display:none;}

.var_prompt {padding-top:.1rem;padding-bottom:.1rem;margin-top:0;margin-bottom:0;}

hr {margin-top:.3rem;margin-bottom:.1rem;}

.queue_thumb {max-width:100px;max-height:80px;}
.queue_thumb_big {max-width:500px;max-height:500px;}

.red_button {
  background-color:red;
  border-color:red;
}

.red_button:hover, .red_button:active, .red_button:focus {
  background-color: #d70000;
}

.green_button {
  background-color:green;
  border-color:green;
}

.green_button:hover, .green_button:active, .green_button:focus {
  background-color: #007035;
}

.box_heading, .home_message_box .fa-comments {color:#105880;}

a.current {text-decoration:none;}

.messages_table .fa-square {cursor:pointer;}

.var_single_checkbox {font-size:1.4rem;}

.modal .fa-window-close {
  font-size:2rem;
}

p img {max-width:90%;}

.campaign_usage_table {
  border:1px solid #ccc;
}

.campaign_usage_table td, th {
  border-right:1px solid #ccc;
  border-bottom:1px solid #999;
  text-align:center;
}

.campaign_usage_table tr.no_usage td {
  background-color:#dedede;
}

.modal { overflow: auto !important; }

[data-nav_table] a {
  text-decoration:none;
  color:#333 !important;
  font-weight:normal;
}

[data-nav_table] a:hover {
  text-decoration:underline;
}

[data-nav_table] a.sel {
  font-weight: bold;
  text-decoration: underline;
}