@charset "utf-8";

/* =======================================

	mypage.css
	Last Up Date 2015/04/03

 -----------------------------------------
	INDEX
 -----------------------------------------
	1. .contents_main

	2.

	3.

	4.

	5.

========================================== */


/* .contents_main
========================================== */

/*
 * head_menu_container
 */
.head_menu_container .point{
	text-align: right;
}
.point a{
	color: #07328c;
}
.point a:visited{
	color: #07328c;
}
.point a:hover{
	color: #ffde00;
}
.loginPassId{
	background-color: #07328c;
	padding: 6px 10px;
}
.myName_container{
	float: left;
	width: 150px;
}
.myName_container .myName,
.myName_container .memberNum{
	display: block;
	color: #fff;
	line-height: 1.2em;
}
.myName_container .name{
	margin-right: 0.3em;
}
.myPageLink{
	float: left;
	width: 230px;
	padding-left: 10px;
	text-align: right;
	margin-top: 6px;
	font-size: 100%;
}
.myPageLink a{
	color: #fff;
}
.myPageLink a:hover{
	color: #ffde00;
}
.myPageLink span:before{
	color: #fff;
}
.myPageLink span.right:after{
	color: #fff;
}
.loginPassId .btn{
	position: relative;
	right: 0;
	top: 0;
	float: right;
	margin-top: 4px;
}

/*
 * favoriteItem_container
 */
.favoriteItem_container{
	width: 152px;
	padding: 9px;
	background-color: #f5f5f5;
}
.favoriteItem_container .favoriteItem span{
	display: block;
}
.favoriteItem_container .favoriteItem_btn{
	text-align: center;
	margin-top: 9px;
}
.favoriteItem_container .favoriteItem_btn input.btn{
	margin-right: 6px;
	padding: 6px 12px;
}
.favoriteItem_container .favoriteItem_btn input.right{
	margin-right: 0;
}

.favoriteList_header {
    margin-bottom: 1.5rem;
}
.favoriteList_container tbody tr:nth-child(even) td {
    background-color: #f5f5f5;
}
.favoriteList_container tbody tr td {
    text-align: left;
}
.favoriteList_container .item_sort {
    width: 24px;
}
.favoriteList_container .item_tel {
    width: 100px;
}
.favoriteList_container .item_address {
    width: 224px;
}
.favoriteList_container .item_btn {
    width: 10% !important;
    padding: 4px 8px;
}
textarea.officeMessage {
    height: 140px;
    width: 350px;
}

.message_btn_area
{
    margin-top: 15px;
}

textarea.reviewbox
{
    height: 140px;
    width: 95%;
}

div.enquate_message
{
    margin-top: 15px;
    font-size: 90%;
}

table.enquate
{
    text-align: left;
}

table.enquate th
{
    text-align: left;
}

table.enquate label.answer_plural{
    margin-left: 5px;
}
table.enquate label span{
    margin-left: 5px;
}


table.ad_search{
    border-top:1px solid #2860d5;
    border-left:1px solid #2860d5;
    border-right:1px solid #2860d5;
    border-bottom:1px solid #2860d5;

}
select.serchCate{
    width: 210px;
}
select.serchCate2{
    width: 130px;
}
select.serchChildCustomer{
    width: 130px;
}
select.serchPbStatus{
    width: 130px;
}
table.ad_search .tag{
    background-color: #2860d5;
    color: #fff;
    width: 100px;
}
table.ad_search .ttl{
    color: #2860d5;
    font-size: 116%;
}
table.ad_search th,
table.ad_search td{
    border: none;
}
table.ad_search td.ttlCenter{
    width: 17%;
    text-align: center;
}
table.ad_search td.left{
    text-align: left;
}
table.ad_search .ttl_bg-color{
    background-color: #dee9ff;
}
table.ad_search input[type="text"]{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 20px;
    line-height: 30px;
}
table.ad_search .start_y,
table.ad_search .end_y{
    width: 50px;
}
table.ad_search .start_m,
table.ad_search .end_m{
    width: 30px;
}
table.ad_search .start_d,
table.ad_search .end_d{
    width: 30px;
}
table.ad_search .start_term,
table.ad_search .end_term{
    width: 80px;
}
table.ad_search .start_date,
table.ad_search .end_date{
    width: 140px;
}
table.ad_search .end_date{
    margin-right: 30px;
}
table.ad_search .text_form{
    width: 210px;
    text-align: left;
}
table.ad_search .center{
    text-align: center;
}
table.ad_search .under_copies,
table.ad_search .upper_copies,
table.ad_search .under_total_amount,
table.ad_search .upper_total_amount
{
    width: 67px;
}
table.ad_search input[type="text"]{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 4px;
}

table.ad_search .clear_button {
    color: #808080;
    background-color: #C0C0C0;
    border: 1px solid #C0C0C0;
    margin-right: 20px;
}

.sort {
    margin-left: 4px;
    display: inline-block;
}
.sort .caret_up {
    display: block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-bottom: 8px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-bottom: 4px;
}
.sort .caret_down {
    display: block;
    width: 0;
    height: 0;
    vertical-align: bottom;
    border-top: 8px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-bottom: -4px;
}
table.orderState tr th,
table.print_doc tr th{
    padding: 10px 0;
    border-left: none;
    border-top:none;
    border-bottom: none;
}
table.orderState tr td,
table.print_doc tr td{
    border-left: none;
    border-top:none;
    border-bottom: none;
}
table.print_doc tr td:last-child,
table.orderState tr td.btnArea,
table.orderState tr td.btndArea,
table.orderState tr th:last-child,
table.print_doc tr th:last-child{
    border: none;
}
table.orderState tr td,
table.proofreading tr td,
table.print_doc tr td{
    font-size: 100%;
}

table.orderState .orderDate,
table.proofreading .orderDate{
    width: 19%
}
table.orderState .pb_orderDate {
    width: 22%
}
table.orderState .btnArea,
table.print_doc .btnArea{
    width: 14%;
}
table.orderState .shippingTime,
table.print_doc .expirationDate{
    width: 16%;
}
table.orderState .price,
table.proofreading .price
{
    width: 13%;
}
table.print_doc .price{
    width: 16%;
}
table.orderState th.item_option{
    text-align: center;
}
table.orderState td{
    background:none;
}
table.orderState tr.even{
    background-color: #f7f8f8;
}
table.orderState tr{

}
table.orderState input.form_sub_mail {
    box-sizing: border-box;
    height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
}
table.orderState td.orderDate,
table.proofreading td.orderDate,
table.print_doc td.orderDate{
    text-align: left;
}
table.proofreading td.progressState{
    text-align: right;
}
.btnArea .tag{
    font-size: 100%;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
}
.btnArea .tag:last-child {
    margin-bottom: 0;
}

.btnArea .disabled{
    background-color: #cccccc !important;
}
table.print_doc td.item_option{
    text-align: left;
}
table.print_doc td.price{
    text-align: right;
}
table.orderState td.item_option a,
table.print_doc td.item_option a,
table.proofreading  td.item a{
    text-decoration: none;
}
table.orderState td.item_option a:hover,
table.print_doc td.item_option a:hover,
table.proofreading  td.item a:hover{
    text-decoration: underline;
}
table.orderState td a,
table.print_doc td a,
table.proofreading td a{
    color: #2860d5;
    text-decoration: underline;
}
table.orderState td a.imgHover {
    text-decoration: none;
}
table.orderState td a:hover,
table.print_doc td a:hover,
table.proofreading a:hover{
    text-decoration: none;
}
table.orderState .thumb_area {
    margin-bottom: 20px;
}
input.deleteTd
{
    background: #FFF;
    border: 1px solid #2860d5;
    width: 100%;
    color: #2860d5;
    font-size: 100%;
    border-radius: 5px;
}
input.settingBtn{
    background: #FFF;
    border: 1px solid #2860d5;
    width: 56px;
    color: #2860d5;
    font-size: 100%;
    border-radius: 5px;
}
input.inputBtn{
    background: #FFF;
    border: 1px solid #2860d5;
    color: #2860d5;
    font-size: 100%;
    border-radius: 5px;
    padding: 0 10px;
}
th.deleteTh{
    width: 10%;
}
.init_select{
font-size: 100%;
height: 27px;
margin-bottom: 5px;
width: 134px;
}
table.orderState td{
}
.receiptIssue h2{
    background-color: #fff;
    color: #2860d5;
    font-size: 22px;
    text-align: center;
}
.receiptIssue .tag{
    width: 126px;
}

.receiptIssue .center{
    margin: 0 auto;
    width: 410px;
}
.receiptIssue .tag:first-child{
    margin-right: 55px;
    float: left;
}
.receiptIssue .tag a{
    color: #2860d5;
    text-decoration: none;
    font-size: 16px;
}
.receiptIssue table.print_doc tr th,
.receiptIssue table.print_doc tr td{
    border: 1px solid #e5e5e5;
}
.pointSide{
    padding: 10px;
    text-align: center;

}
.pointSide p.pointCurrent{
    font-size: 16px;
    color: #2860d5;

}
.pointSide p.pointCurrent a{
    font-size: 12px;
}
.pointSide p{
    font-size: 18px;
}

a.pager{
    background-color: #fff;
    display: block;
    float: left;
    border: 1px solid #DEE9FF;
    color: #2860d5;
    margin-right: 3px;
    text-align: center;

    text-decoration: none;
    padding: 0 2px;


}
.pager_container{
    margin-bottom: 10px;
}

a.pager:hover{
    background-color:#DEE9FF;
}
.pager_select{
    background-color: #DEE9FF;
    border: 1px solid #DEE9FF;
    display: block;
    float: left;
    color: #2860d5;
    margin-right: 3px;
    text-align: center;

    padding: 0 2px;
}
.csv{
    float: right;
}
.price_container,
.sort_container{
    margin-bottom: 10px;
}
table.orderDetail tr td,
table.orderDetail tr th{
    border: 1px solid #e5e5e5;
}
table.orderDetail tr td:last-child,
table.orderDetail tr th:last-child{
    border: 1px solid #e5e5e5;
}

/* ポスティング注文詳細
---------------------------------------- */
table.postingDetail {
    table-layout: fixed;
    margin-bottom: 16px;
}

table.postingDetail th,
table.postingDetail td {
    padding: 4px 10px;
}

table.postingDetail th {
    width: 132px;
}

/* colspanによる影響の回避 */
table.postingDetail .postingDetail__staticW {
    width: 152px;
}

.postingArea {
    padding: 6px 22px 22px;
    margin-bottom: 16px;
    border-radius: 5px;
}

.postingArea--dist {
    background: #dee9ff;
}

.postingArea--use {
    background: #f0f0f0;
}

.postingArea__ttl {
    margin-bottom: 2px;
    color: #2860d5;
    font-size: 142%;
    font-weight: bold;
}

.postingArea__noUse {
    font-size: 108%;
}

.postingArea table.postingDetail {
    margin-bottom: 0;
}

.postingDLBtn {
    color: #2860d5 !important;
    line-height: normal;
    text-decoration: underline;
    border: none;
    background: transparent;
}
.postingDLBtn:hover {
    text-decoration: none;
}

.postingCompBtn {
    width: 100%;
}

table .option {
    color: #2860D5;
}

/* PB商品管理 */
.pbSelect--list {
    width: auto;
    max-width: 100%;
    margin-bottom: 10px;
}
textarea#special_instruction {
    width: 96%;
    height: 170px;
    resize: vertical;
}
.btnInline.btn_center {
    width: 100%;
    text-align: center;
}
.btnInline.btn_center > input {
    display: inline;
}
.pbAttBlock {
	color: #f60000;
	font-size: 11px;
	margin-bottom: 24px;
}
.pbAttBlock.negM {
	margin-top: -18px;
}
.pbAttBlock__list {
	list-style-type: decimal;
	margin-left: 2.5em;
}

/* PBキャンペーン */
.pbSelectWrap {
    position: relative;
    overflow: hidden;
 }
.pbSelectBox--text {
    float: left;
    width: 220px;
    margin-bottom: 40px;
}
.pbSelectBox--text dl dt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}
.pbSelectBox--text dl dd {
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.pbSelectBox--img {
    float: left;
    width: 390px;
    padding: 0px 40px;
}

.pbSelectWrap .inputTable_btn {
    position: absolute;
    bottom: 0;
    width: 220px;
    height: 40px;
}
.pbSelectWrap .inputTable_btn > a {
    display: block;
    height: 20px;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
}
.hidden_img {
	display:none;
}
th.aggregate_no{
    width: 10%;
}
th.aggregate_department{
    width: 40%;
}
th.aggregate_tanto{
    width: 20%;
}
th.aggregate_order_count{
    width: 10%;
}
th.aggregate_total_amount{
    width: 20%;
}
td.aggregate_no{
    text-align: center;
}
td.aggregate_total{
    text-align: left;
}
td.aggregate_department{
    text-align: left;
}
td.aggregate_tanto{
    text-align: left;
}
td.aggregate_order_count{
    text-align: right;
}
td.aggregate_total_amount{
    text-align: right;
}
table tr.aggregate_totalWrap td.aggregate_total,
table tr.aggregate_totalWrap td.aggregate_total_order_count,
table tr.aggregate_totalWrap td.aggregate_total_total_amount{
    text-align: right;
    background-color: #bfbfbf;
}
monthly_year{
    width: 10px;
}
table.orderState .pb_orderDate{
    width: 20%
}
table.orderState .pb_department{
    width: 10%
}
table.orderState .pb_tanto{
    width: 10%
}
table.orderState .pb_item_option{
    width: 10%
}
table.orderState .pb_item_copies{
    width: 10%
}
table.orderState .pb_price{
    width: 10%
}
table.orderState .pb_progressState{
    width: 10%
}
table.orderState .pb_shippingTime{
    width: 10%
}
table.orderState .pb_btnArea{
    width: 10%
}
/* pb search input area
==============================*/
.txtC { text-align: center !important; }
.wid100p {
	width: 100% !important;
}
.widAuto {
	width: auto !important;
}
.wid215 {
	width: 215px !important;
}




/* 配送先登録
==============================*/
.favoriteDeliveryList__delivery-csv-content {
    width: 560px;
    margin: 0 auto;
}
.favoriteDeliveryList__delivery-csv-content .pressBtn {
    width: 260px;
}

.favoriteDeliveryList__delivery-add-csv-content a#csvUploadFileBtn.btn.noclick {
    opacity: 0.5;
}

.favoriteDeliveryList__delivery-add-delete-csv-content {
    padding-left: 250px;
    margin-bottom: 30px;
}
.favoriteDeliveryList__delivery-add-delete-csv-content .addBtn {
    float: left;
}
.favoriteDeliveryList__delivery-add-delete-csv-content .deleteBtn {
    float: right;
    padding-top: 10px;
}


/* 見積もり案件商品　商品一覧
==============================*/
.estimateProductList__content ul  {
    list-style-type: disc;
    margin: 0 0 0 45px;
    padding: 0;
}
.estimateProductList__content ul li {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 20px;
    padding: 0;
}
.estimateProductList__content ul li.disabled a {
    background-color: #808080;
}


/* 見積もり案件商品　商品詳細
==============================*/
.estimateProductDetail__content {
}
.estimateProductDetail__content table td.disabled {
    background-color: #808080;
}

.estimateProductDetail__content-btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 20px;
}
.estimateProductDetail__content-btn .pressBtn,
.estimateProductDetail__content-btn .pressBtn .btn {
    width: 220px;
}


/*
 * table [mypageOrder]
 */
table.mypageOrder{
    border: 1px solid #e5e5e5;
    width: 100%;
    margin-bottom: 24px;
}
table.mypageOrder th,
table.mypageOrder td{
    font-size: 108%;
    background-color: #fff;
}
table.mypageOrder td{
    vertical-align: top;
}
table.mypageOrder td.border_red{
    border: 2px solid;
    border-color:red;
}
table.mypageOrder th{
    background-color: #DEE9FF;
    text-align: left;
    padding:10px 10px;
}
table.mypageOrder th.orderData,
table.mypageOrder td.orderData{
    width: 38%;
}
table.mypageOrder th.deliveryName,
table.mypageOrder td.deliveryName,{
    width: 48%;
}
table.mypageOrder th.statusName,
table.mypageOrder td.statusName{
    width: 14%;
}

table.mypageOrder th.etc{

}
table.mypageOrder th.etc_blue{
    background-color: #2860d5;
}
table.mypageOrder td{
    border: 1px solid #e5e5e5;
    padding: 6px 8px;
}
table.mypageOrder tr.even td{
    background-color: #f5f5f5;
}
table.mypageOrder td a{
    color: #07328c;
}
td.itemarrow a{
    background: url('../img/common/itemarrow.png') no-repeat 0px;
    padding-left: 18px;
}
table.mypageOrder span.itemTitle{
    color: #2860d5;
    font-weight: bold;
    display:inline;
}
table.mypageOrder span.shipping{
    font-weight: bold;
}
table.mypageOrder span.attention{
    color: #ff4e4e;
    font-weight: bold;
    text-align: center;
}
table.mypageOrder span.orderStatus{
    font-size: 90%;
}
table.mypageOrder span.productCount{
    color: #2860d5;
}
table.mypageOrder div.itemTitle{
    color: #2860d5;
    font-weight: bold;
    display:inline;
}
table.mypageOrder div.shipping{
    font-weight: bold;
}
table.mypageOrder div.attention{
    color: #ff4e4e;
    font-weight: bold;
}
table.mypageOrder div.orderStatus{
    font-size: 110%;
}
table.mypageOrder div.orderPostingStatus{
    font-size: 70%;
}
table.mypageOrder div.tableItem{
    margin: 8px 8px 8px 4px;
}
.copyButton {
    font-size: 8%;
}
.tag:hover{
    background-color:#DEE9FF;
}
/*
 * table [orderDetailDefault]
 */
table.orderDetailDefault{
    font-size: 108%;
}
table.orderDetailDefault th{
    background-color: #f5f5f5;
    border: 2px solid #e5e5e5;
}
table.orderDetailDefault td{
    background-color: #ffffff;
    border: 2px solid #e5e5e5;
}
table.orderDetailDefault div{
    margin: 8px 10px;
}
table.orderDetailDefault td.none{
    border: none;
}
table.orderDetailDefault .right{
    text-align: right;
}

table.orderDetailInfo{
    margin-right: 6%;
    width: 64%;
}
table.orderDetailInfo th{
    width: 30%;
}
table.orderDetailInfo td{
    width: 70%;
}

table.orderDetailProductOption{
    width: 100%;
}
table.orderDetailProductOption th.product_title,
table.orderDetailProductOption th.option_title{
    width: 22%;
}
table.orderDetailProductOption td.product_detail,
table.orderDetailProductOption th.option_detail{
    width: 44%;
}
table.orderDetailProductOption td.product_num,
table.orderDetailProductOption th.product_num{
    width: 12%;
    text-align: center;
}

/*
 * table [orderDetailPrice]
 */
table.orderDetailPrice{
    width: 30%;
    border: 2px solid #e5e5e5;
    font-size: 108%;
}
table.orderDetailPrice th,
table.orderDetailPrice td{
    width: 50%;
    border: 2px solid #e5e5e5;
    text-align: right;
}
table.orderDetailPrice th{
    background-color: #DEE9FF;
}
table.orderDetailPrice td{
    background-color: #ffffff;
}
table.orderDetailPrice div{
    margin: 4px 6px;
}

/*
 * table [orderDetailDelivery]
 */
table.orderDetailDelivery{
    width: 100%;
}
table.orderDetailDelivery td.delivery_date{
    width: 35%;
}
table.orderDetailDelivery td.delivery_id{
    width: 2%;
}
table.orderDetailDelivery td.delivery_num{
    text-align: center;
    width: 12%;
}

.itemName{
    color: #000000;
}
.file_title{
    font-size: 60%;
    font-weight: bold;
}
.file_name{
    font-size: 60%;
    color: black;
}
.orderDetailDateTitle{
    display: inline;
    font-weight: bold;
    color: #2860d5;
}
.orderDetailDateTitle_right1{
    margin-left: 36%;
}
.orderDetailDateTitle_right2{
    margin-left: 8%;
}
.orderDetailDate{
    font-weight: normal;
    color: #000000;
}
.orderStatusTitle{
    font-size: 150%;
    color: #ff4e4e;
}
.orderDetailInfoTitle{
    font-size: 200%;
    color: #2860d5;
    width:686px;
    padding: 6px 12px;
    margin-bottom: 12px;
    background: #DEE9FF;
}
.orderDetailTitle {
    font-size: 180%;
    color: #2860d5;
    padding: 6px 12px;
}
.flex{
    display: flex;
    align-items: flex-start;
}
.default_mail{
    width: 76%;
}
.setting_mail{
    margin-top: 10px;
    text-align: center;
    width: 64%;
}
.mail_version{
    font-size: 108%;
}
.delete_mail_button{
    margin-top: 3%;
}

/*
 * .information_wrapper
 */
.information_container{
    /*float: left;*/
    /*width: 460px;*/
}
.information_contWrapper{
    float: left;
    /*width: 460px;*/
}
.information_contWrapper .pNews{
    margin-top: 12px;
}
.information_container .articleTitle{
    box-sizing: border-box;
    color: #fff;
    width: 710px;
    padding: 6px 12px 6px 54px;
    background: #2860d5 url('../img/common/icon_clock.png') no-repeat 16px 2px;
}
.information_contWrapper2{
    float: left;
    width: 710px;
}
.information_container .article2{
    border-color: #f0f0f0;
    padding: 0;
    float:left;
    margin:0 0 30px 0;
}
.information_container .articleTitle2{
    color: #fff;
    float: left;
    width: 84px;
    line-height: 27px;
    padding: 30px 20px;
    background: #2860d5 16px 2px;
}
.information_container .articleTitle.agency,
.information_container .articleTitle2.agency{
    width: 645px;
}
.information_container .article,
.information_container .article2{
    border-color: #f0f0f0;
    padding: 0;
}

.information_container .article.agency{
    width: 709px;
}
.information_container .dayTitle{
    padding: 14px 20px;
    clear: both;
}
.information_container .dayTitle2{
    padding: 4px 16px 5px 16px;
    clear: both;
}
#loginPage .information_container .dayTitle{
    border-bottom: solid 1px #f0f0f0;
    cursor: pointer;
}
#loginPage .information_container .dayTitle2{
    cursor: pointer;
}
#loginPage .information_container .dayTitle.active{
    border-bottom: none;
}
#loginPage .information_container .dayTitle:hover{
    background-color: #f0f0f0;
}
#loginPage .information_container .dayTitle2.active{
    border-bottom: none;
}
#loginPage .information_container .dayTitle2:hover{
    background-color: #f0f0f0;
}
.information_container .dayTitle .date,
.information_container .dayTitle2 .date2,
.information_container .dayTitle .informationTitle,
.information_container .dayTitle2 .informationTitle2{
    font-size: 100%;
    font-weight: ;
    color: #2860d5;
    display: block;
}
.information_container .dayTitle .date{
    width: 126px;
    float: left;
}
.information_container .dayTitle2 .date2{
    width: 136px;
    float: left;
}
.information_container .dayTitle .informationTitle{
    color: #000;
    /*width: 310px;
    float: right;*/
}
.information_container .dayTitle2 .informationTitle2{
    color: #000;
    width: 416px;
    float: right;
}
.information_container .dayTitle .informationTitle.agency{
    width: 520px;
}
.information_container .dayTitle2 .informationTitle.agency{
    width: 520px;
}
.information_container .text{
    padding: 0 0 12px;
    margin: 0 16px;
    clear: both;
    border-bottom: solid 1px #f0f0f0;
}
.information_container .linkArrow.more{
    /*padding: 12px 16px;*/
    background: #efefef;
}
.annotation {
    font-size: 80%;
    margin-left: 14px;
}
div.campaign_title{
    font-size: 150%;
    color: #07328c;
    margin-bottom: 10px;
}
div.campaign_entry{
    margin-right: 10px;
    margin-left: 10px;
}
div.campaign_version{
    font-size: 108%;
    margin-bottom: 20px;
}
table.campaign_entry{
}
table.campaign_entry td.campaign{
    padding-left: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
}
table.campaign_entry td.entry_button{
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}
div.campaign_entry_complete{
    background-color: #2860d5;
    width: 100%;
    height: 60px;
    font-size: 150%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.campaign_not_applicable{
    background-color: #C0C0C0;
    color: #808080;
    width: 100%;
    font-size: 150%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
table.mailTable {
}
table.mailTable th{
    background-color: #DEE9FF;
    text-align: left;
    padding: 10px 10px;
    color: #2860d5;
}
table.mailTable td{
    padding: 10px 10px;
}
table.mailTable textarea.mailBody{
    width: 98%;
    height: 20%;
}
table.mailTable .mailHistory{
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom: 2%;
}
table.mailTable .mailSubject{
    width: 92%;
}
table.mailTable .reply{
}
table.mailTable .send{
    margin: 2%;
    text-align: center;
}
table.mailTable .sendBtn{
    display: inline;
    width: 20%;
}
table.mailTable .subjectTxt{
    padding: 4px 6px;
}
table.mailTable .center{
    text-align: center;
}
table.mailTable .m-bottom{
    margin-bottom: 16px;
}