@grid-float-breakpoint: @screen-md-min;

.body {
}
.front-topbar {
    background-color: #333;
    margin: 0;
}
.lead-text{
    color: #999;
    padding-top: 7px;
    float: left;
}
.navbar-fixed-top {
    float: right;
}
.front-topbar li {
    padding: 0 5px;
}

.plan-image .form-group {
    max-width: 650px;
}
.plan-name-box {
    line-height: 40px;
    vertical-align: middle;
}
.plan-name {
    font-size: 18px;
}
.resource-name-box {
    line-height: 18px;
    vertical-align: middle;
}
.resource-price-box {
    font-size: 12px;
}
.resource-name {
    font-size: 12px;
}
.bg-green {
    background-image: none !important;
    background-color: #35aa47 !important;
    border-color: #35aa47 !important;
    color: #fff !important;
}
.setup_fee_subtotal, .recurring_fee_subtotal, .fee_total {
    font-size: 20px;
}

.no-border {
    border: none;
}

@media all {
    .page-header-fixed .page-container {
        margin-top: 109px;
    }
    .copyright p.footer-link{
        float: right;
        margin: 42px 10px 0 0;
        text-align: right;
    }
    .footer-contact-links{
        display: none;
    }
    .footer-contact-links img{
        position: absolute;
        clip: rect(0 135px 35px 10px);
    }

    /* #### START #### spinner button color setting */
    .bootstrap-touchspin-down{
        color:#ffffff;
        background-color: #4B8DF8;
    }

    .bootstrap-touchspin-down:hover, .bootstrap-touchspin-down:focus .bootstrap-touchspin-down:active, .bootstrap-touchspin-down.active{
        color:#ffffff;
        background-color: #2977F7;
    }

    .bootstrap-touchspin-up{
        color:#ffffff;
        background-color: #4B8DF8;
    }

    .bootstrap-touchspin-up:hover, .bootstrap-touchspin-up:focus .bootstrap-touchspin-up:active, .bootstrap-touchspin-up.active{
        color:#ffffff;
        background-color: #2977F7;
    }
    /* #### END #### spinner button color setting */

}

@media (max-width: 992px) {
    .header {
        padding-left: 0;
        padding-right: 0;
    }
    .page-header-fixed .page-container {
        margin-top: 150px;
    }
    .lead-text {
        display: none;
    }
    .copyright p.footer-link{
        float: right;
        margin: 24px 10px 0 0;
        text-align: left;
    }
}

@media (max-width: 768px) {
    .page-header-fixed .page-container {
        margin-top: 102px;
    }
    .lead-text, .front-topbar li.contact-text {
        display: none;
    }
    .copyright p.footer-link{
        float: right;
        margin: 22px 0 0 0;
        text-align: left;
    }
    .footer-contact-links{
        display: inline;
    }
    .footer-contact-link {
        margin-left: -12px;
    }
}

.control-label .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}
.control-label {
    margin-top: 2px;
}

.cart_item_count {
    margin-top: -3px;
    margin-left: 5px;
}

.header .dropdown-menu li small a {
    color: #999;
    font-size: 12px;
    padding: 9px 10px !important;
}
.header .dropdown-menu {
    min-width: 85px;
}

.copyright{
    background-color: #333;
    border-top: #999 solid 10px;
    padding: 0 0 50px 0;
}
.copyright p.footer-logo{
    float: left;
    margin: 20px 10px 0 0;
}
.copyright p.footer-text{
    float: left;
    margin: 42px 10px 0 0;
}
.footer-link a, .footer-link a:link, .footer-link a:visited{
    color: #ccc;
    text-decoration: underline;
}
.footer-link a:hover, .footer-link a:active{
    color: #ccc;
    text-decoration: none;
}

.clearfix:after { content:""; display:block; clear:both; height:0; }
* html .clearfix  { zoom: 1; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */


@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    .row {
        margin-left: 0;
        margin-right: 0;
    }

	/* Force table to not be like tables anymore */
	#table_cart,
    #table_cart thead,
    #table_cart tbody,
    #table_cart tfoot,
    #table_cart th,
    #table_cart td,
    #table_cart tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#table_cart thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#table_cart tr { border: 1px solid #ccc; }

	#table_cart td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}
	#table_cart td:nth-of-type(4), #table_cart td:nth-of-type(5), #table_cart td:nth-of-type(6), #table_cart td:nth-of-type(7) {
		padding-left: 50%;
	}

	#table_cart td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 50%;
		padding-right: 10px;
		white-space: nowrap;
	}
    #table_cart td.detail {
        padding-right: 8px;
    }

	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: ""; }
	td:nth-of-type(3):before { content: ""; }
	td:nth-of-type(4):before { content: "プラン"; }
	td:nth-of-type(5):before { content: "合計"; }
	td:nth-of-type(6):before { content: "見積番号"; }
	td:nth-of-type(7):before { content: "見積有効期限"; }
	td:nth-of-type(8):before { content: ""; }
}


/* override plugins.css */
.form-wizard .step .number {
  background-color: #eee;
  display: inline-block;
  text-align: center !important;
  font-size: 14px;
  /* font-weight: 300; */
  padding: 5px 7px 6px 7px;
  /* margin-right: 10px; */
    margin-left: 11px;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

/* override plugins.css */
.dataTable .details tr:nth-child(even) td, .dataTable .details tr:nth-child(even) th {
  background-color: transparent;
}

/* override plugins.css */
.dataTable .details tr:nth-child(odd) td, .dataTable .details tr:nth-child(odd) th {
  background-color: transparent;
}

.wb-word {word-break: break-word;}