@charset "UTF-8";
/* extend WEBCAS */
/* ------------------------------------------------------ */
/**
 * extend bulitin definitios on WEBCAS
 */

/*
 * Layout
 */
body {
	min-width: 320px !important;
	background-color: #CCD1D9;
	padding-top: 50px;
}
@media only screen and (max-width:599px){
	body {
		background-color: transparent;
		padding-top: 80px;
	}
}

.fm-enqueteout {
	width: auto !important;
	max-width: 980px !important;
	margin: auto;
	background-color: #FFF;
}

.fm-enquete {
	width: auto !important;
	max-width: 920px;
	margin: 0 30px;
}

/*
 * Basic margin, padding
 */
/* outer */
.fm-enquete .fm-question,
.fm-enquete .fm-answer {
	padding: 15px;
}

/* inner */
.fm-verticalquestion > p {
    margin: 0;
}
.fm-verticalanswer {
	padding: 15px 0 20px 0;
}
.fm-verticalanswer h3 {
	/* margin-top: 60px; */
	margin-top: 30px;
}
.fm-verticalanswer h4,
.fm-verticalanswer h5 {
	margin-top: 30px;
	margin-bottom: 0;
}

/*
 * Responsive
 */
/* Q,A in SAME tr */
.fm-enquete .fm-question {
	width: 33.33333333%;
	padding-top: 0;
	padding-left: 0;
	border-right: 10px solid #656D78;
	vertical-align: top;
}
.fm-enquete .fm-answer {
	width: 66.66666667%;
	padding-top: 0;
	padding-right: 0;
}

@media only screen and (max-width:599px){
	.fm-enquete {
		margin: 0 15px;
	}

	.fm-enquete .fm-question,
	.fm-enquete .fm-answer {
		width: 100%;
		display: block;
	}
	.fm-enquete .fm-question {
		padding: 15px 0 5px 0;
		border-right-style: none;
		border-bottom: 3px solid #656D78;
	}
	.fm-enquete .fm-answer {
		padding: 15px 0 10px 30px;
	}
	.fm-enquete .fm-answer input[type="text"],
	.fm-enquete .fm-answer textarea {
			width: 80%;
	}
	.fm-enquete .fm-answer input[type="text"],
	.fm-enquete .fm-answer input[type="submit"],
	.fm-enquete .fm-answer select,
	.fm-enquete .fm-answer textarea {
			font-size: 125%;
	}
}
/*
 * /Responsive
 */

/*
 * Basic text
 */
.fm-verticalquestion {
	font-weight: bold;
}

/*
 * Tweak
 */
.order-table-input-column {
    padding-top: 5px;
    padding-top: 4px\9; /* ~IE10 */
    padding-right: 2px;
}

.order-table-input-column + td:not(.order-table-label-column) {
    padding: 4px 5px 0 0;
}
.order-table-input-column + td {
    padding: 6px 5px 0 0\9; /* ~IE10 */
}


/* END extend bulitin definitios on WEBCAS */
/* ------------------------------------------------------ */
/**
 * set below
 *  -init
 *  -Layout
 *  -Components
 *  -Project
 *  -Utility
 */

/*
 * init
 */

/* heading */
@media only screen and (max-width:599px){
	h1, .h1 { font-size: 30px; }
}

/* apply form-control(from Framework) */
input[type="text"],
select,
textarea {
	/* display: block; */
	/* width: 100%; */
	min-height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

input[type="text"],
select,
textarea {
  color: #434a54;
  border-color: #aab2bd;

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
input[type="text"]:focus,
select:focus,
textarea:focus {
  border-color: #3bafda;
}

input[type="text"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="text"]::-webkit-input-placeholder,
select::-moz-placeholder, select:-ms-input-placeholder, select::-webkit-input-placeholder,
textarea::-moz-placeholder, textarea:-ms-input-placeholder, textarea::-webkit-input-placeholder {
  color: #e6e9ed;
}

input[type="text"][disabled],
select[disabled],
textarea[disabled] {
  background-color: #e6e9ed;
  border-color: #e6e9ed;
}

/* apply btn definitions to WEBCAS input[type="submit"][value="foo"]  */
input[type="submit"][value="確認"],
input[type="submit"][value="登録"],
input[type="submit"][value="次へ"],
input[type="submit"][value="戻る"] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;

  /* .btn */
  color: white;
  /* .btn-lg */
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  
  /* project custom */
  min-width: 8em;
  font-weight: bold;
}
input[type="submit"][value="確認"],
input[type="submit"][value="登録"],
input[type="submit"][value="次へ"] {
  /* .btn-primary */
  background-color: #3bafda;
  border-color: #3bafda;
}
input[type="submit"][value="戻る"] {
  /* .btn-warning */
  background-color: #f6bb42;
  border-color: #f6bb42;
}

input[type="submit"][value="確認"]:hover,
input[type="submit"][value="確認"]:focus,
input[type="submit"][value="確認"]:active,
input[type="submit"][value="確認"].active,
input[type="submit"][value="登録"]:hover,
input[type="submit"][value="登録"]:focus,
input[type="submit"][value="登録"]:active,
input[type="submit"][value="登録"].active,
input[type="submit"][value="次へ"]:hover,
input[type="submit"][value="次へ"]:focus,
input[type="submit"][value="次へ"]:active,
input[type="submit"][value="次へ"].active,
input[type="submit"][value="戻る"]:hover,
input[type="submit"][value="戻る"]:focus,
input[type="submit"][value="戻る"]:active,
input[type="submit"][value="戻る"].active {
  color: white;
  background-color: #ccd1d9;
  border-color: #ccd1d9;
  outline: none !important;
}

input[type="submit"][value="確認"]:hover,
input[type="submit"][value="確認"]:focus,
input[type="submit"][value="確認"]:active,
input[type="submit"][value="確認"].active,
input[type="submit"][value="登録"]:hover,
input[type="submit"][value="登録"]:focus,
input[type="submit"][value="登録"]:active,
input[type="submit"][value="登録"].active,
input[type="submit"][value="次へ"]:hover,
input[type="submit"][value="次へ"]:focus,
input[type="submit"][value="次へ"]:active,
input[type="submit"][value="次へ"].active {
  /* .btn-primary */
  background-color: #4fc1e9;
  border-color: #4fc1e9;
}
input[type="submit"][value="戻る"]:hover,
input[type="submit"][value="戻る"]:focus,
input[type="submit"][value="戻る"]:active,
input[type="submit"][value="戻る"].active {
  /* .btn-warning */
  background-color: #ffce54;
  border-color: #ffce54;
}


/**
 * Layout
 */
body.l-modal {
	background-color: transparent;
	padding: 0;
}

.l-header {}

.navbar-custom {
  position: fixed;
  top: 0;
  left: 0;
  border: none;
  border-radius: 0;
  background-color: rgba(245,245,250,.9);
  width: 100%;
  z-index: 2000;
  
  color: #50c1e9;
}


/**
 * Components
 */

/* border for heading */
.c-brd--h {
    padding-left: 20px;
    border-left-width: 10px;
    border-left-style: solid;
}
.c-brd--h--lg { border-left-width: 30px; }
.c-brd--h--sm { border-left-width: 5px; }
.c-brd--h--xs { border-left-width: 1px; }

.c-brd--h--default { border-left-color: #ccd1d9; }
.c-brd--h--primary { border-left-color: #3bafda; }
.c-brd--h--info { border-left-color: #37bc9b; }
.c-brd--h--success { border-left-color: #8cc152; }
.c-brd--h--danger { border-left-color: #da4453; }


/**
 * Project
 */

/*
 * Fix WEBCAS formset
 * ex. 郵便番号、電話番号
 */
/* 郵便番号 */
.p-fix-input--zipcode__parent {}
.p-fix-input--zipcode__parent > input { ime-mode: disabled; }
.p-fix-input--zipcode__parent > input:nth-of-type(1) { width: 3.7em !important; }
.p-fix-input--zipcode__parent > input:nth-of-type(2) { width: 4.5em !important; }

/* 電話番号 */
.p-fix-input--telnum__parent {}
.p-fix-input--telnum__parent > input { ime-mode: disabled; }
.p-fix-input--telnum__parent > input:nth-of-type(1) { width: 5.5em !important; }
.p-fix-input--telnum__parent > input:nth-of-type(2) { width: 4.5em !important; }
.p-fix-input--telnum__parent > input:nth-of-type(3) { width: 4.5em !important; }

/* 12ヶ月使用量、請求金額 */
.p-table-gasAmounts input[type="text"] {
	ime-mode: disabled;
}

/* その他各種テキストボックスのIMEモード */
.p-kyakban__parent input[type="text"],
.c_q1_text,
.c_q1_confirm,
.c_q20_text,
.c_q35_text,
.c_q38_text,
.c_q40_text,
.c_q21_text,
.c_q57_text,
.c_q58_text {
	ime-mode: disabled;
}

input[name$="_etc_text"],
.c_q22_text,
.c_q23_text,
.c_q25_text,
.c_q26_text,
.c_q10_text,
.c_q11_text,
.c_q12_text {
	ime-mode: active;
}


/**
 * Utility
 */

/* question indent */
.question-indent-sm {
	padding-left: 1.5em;
	text-indent: -1.5em
}
.question-indent-md {
	padding-left: 2.6em;
	text-indent: -2.6em
}
.question-indent-lg {
	padding-left: 3.2em;
	text-indent: -3.2em
}

/* indent */
.u-ind--1em {
	padding-left: 1em;
	text-indent: -1em;
}
.u-ind--2em {
	padding-left: 2em;
	text-indent: -2em;
}


/* margin, padding */
.ma0--force {margin: 0 !important;}
.mt0--force {margin-top: 0 !important;}
.mr0--force {margin-right: 0 !important;}
.mb0--force {margin-bottom: 0 !important;}
.ml0--force {margin-left: 0 !important;}

.ma100 { margin: 100px}
.ma90 { margin: 90px}
.ma80 { margin: 80px}
.ma70 { margin: 70px}
.ma60 { margin: 60px}
.ma50 { margin: 50px}
.ma40 { margin: 40px}
.ma35 { margin: 35px}
.ma30 { margin: 30px}
.ma25 { margin: 25px}
.ma20 { margin: 20px}
.ma15 { margin: 15px}
.ma10 { margin: 10px}
.ma09 { margin: 9px}
.ma08 { margin: 8px}
.ma07 { margin: 7px}
.ma06 { margin: 6px}
.ma05 { margin: 5px}
.ma04 { margin: 4px}
.ma03 { margin: 3px}
.ma02 { margin: 2px}
.ma01 { margin: 1px}
.mt100 { margin-top: 100px}
.mt90 { margin-top: 90px}
.mt80 { margin-top: 80px}
.mt70 { margin-top: 70px}
.mt60 { margin-top: 60px}
.mt50 { margin-top: 50px}
.mt40 { margin-top: 40px}
.mt35 { margin-top: 35px}
.mt30 { margin-top: 30px}
.mt25 { margin-top: 25px}
.mt20 { margin-top: 20px}
.mt15 { margin-top: 15px}
.mt10 { margin-top: 10px}
.mt09 { margin-top: 9px}
.mt08 { margin-top: 8px}
.mt07 { margin-top: 7px}
.mt06 { margin-top: 6px}
.mt05 { margin-top: 5px}
.mt04 { margin-top: 4px}
.mt03 { margin-top: 3px}
.mt02 { margin-top: 2px}
.mt01 { margin-top: 1px}
.mb100 { margin-bottom: 100px}
.mb90 { margin-bottom: 90px}
.mb80 { margin-bottom: 80px}
.mb70 { margin-bottom: 70px}
.mb60 { margin-bottom: 60px}
.mb50 { margin-bottom: 50px}
.mb40 { margin-bottom: 40px}
.mb35 { margin-bottom: 35px}
.mb30 { margin-bottom: 30px}
.mb25 { margin-bottom: 25px}
.mb20 { margin-bottom: 20px}
.mb15 { margin-bottom: 15px}
.mb10 { margin-bottom: 10px}
.mb09 { margin-bottom: 9px}
.mb08 { margin-bottom: 8px}
.mb07 { margin-bottom: 7px}
.mb06 { margin-bottom: 6px}
.mb05 { margin-bottom: 5px}
.mb04 { margin-bottom: 4px}
.mb03 { margin-bottom: 3px}
.mb02 { margin-bottom: 2px}
.mb01 { margin-bottom: 1px}
.ml100 { margin-left: 100px}
.ml90 { margin-left: 90px}
.ml80 { margin-left: 80px}
.ml70 { margin-left: 70px}
.ml60 { margin-left: 60px}
.ml50 { margin-left: 50px}
.ml40 { margin-left: 40px}
.ml35 { margin-left: 35px}
.ml30 { margin-left: 30px}
.ml25 { margin-left: 25px}
.ml20 { margin-left: 20px}
.ml15 { margin-left: 15px}
.ml10 { margin-left: 10px}
.ml09 { margin-left: 9px}
.ml08 { margin-left: 8px}
.ml07 { margin-left: 7px}
.ml06 { margin-left: 6px}
.ml05 { margin-left: 5px}
.ml04 { margin-left: 4px}
.ml03 { margin-left: 3px}
.ml02 { margin-left: 2px}
.ml01 { margin-left: 1px}
.mr100 { margin-right: 100px}
.mr90 { margin-right: 90px}
.mr80 { margin-right: 80px}
.mr70 { margin-right: 70px}
.mr60 { margin-right: 60px}
.mr50 { margin-right: 50px}
.mr40 { margin-right: 40px}
.mr35 { margin-right: 35px}
.mr30 { margin-right: 30px}
.mr25 { margin-right: 25px}
.mr20 { margin-right: 20px}
.mr15 { margin-right: 15px}
.mr10 { margin-right: 10px}
.mr09 { margin-right: 9px}
.mr08 { margin-right: 8px}
.mr07 { margin-right: 7px}
.mr06 { margin-right: 6px}
.mr05 { margin-right: 5px}
.mr04 { margin-right: 4px}
.mr03 { margin-right: 3px}
.mr02 { margin-right: 2px}
.mr01 { margin-right: 1px}
.ma-100 { margin: -100px}
.ma-90 { margin: -90px}
.ma-80 { margin: -80px}
.ma-70 { margin: -70px}
.ma-60 { margin: -60px}
.ma-50 { margin: -50px}
.ma-40 { margin: -40px}
.ma-35 { margin: -35px}
.ma-30 { margin: -30px}
.ma-25 { margin: -25px}
.ma-20 { margin: -20px}
.ma-15 { margin: -15px}
.ma-10 { margin: -10px}
.ma-09 { margin: -9px}
.ma-08 { margin: -8px}
.ma-07 { margin: -7px}
.ma-06 { margin: -6px}
.ma-05 { margin: -5px}
.ma-04 { margin: -4px}
.ma-03 { margin: -3px}
.ma-02 { margin: -2px}
.ma-01 { margin: -1px}
.mt-100 { margin-top: -100px}
.mt-90 { margin-top: -90px}
.mt-80 { margin-top: -80px}
.mt-70 { margin-top: -70px}
.mt-60 { margin-top: -60px}
.mt-50 { margin-top: -50px}
.mt-40 { margin-top: -40px}
.mt-35 { margin-top: -35px}
.mt-30 { margin-top: -30px}
.mt-25 { margin-top: -25px}
.mt-20 { margin-top: -20px}
.mt-15 { margin-top: -15px}
.mt-10 { margin-top: -10px}
.mt-09 { margin-top: -9px}
.mt-08 { margin-top: -8px}
.mt-07 { margin-top: -7px}
.mt-06 { margin-top: -6px}
.mt-05 { margin-top: -5px}
.mt-04 { margin-top: -4px}
.mt-03 { margin-top: -3px}
.mt-02 { margin-top: -2px}
.mt-01 { margin-top: -1px}
.mb-100 { margin-bottom: -100px}
.mb-90 { margin-bottom: -90px}
.mb-80 { margin-bottom: -80px}
.mb-70 { margin-bottom: -70px}
.mb-60 { margin-bottom: -60px}
.mb-50 { margin-bottom: -50px}
.mb-40 { margin-bottom: -40px}
.mb-35 { margin-bottom: -35px}
.mb-30 { margin-bottom: -30px}
.mb-25 { margin-bottom: -25px}
.mb-20 { margin-bottom: -20px}
.mb-15 { margin-bottom: -15px}
.mb-10 { margin-bottom: -10px}
.mb-09 { margin-bottom: -9px}
.mb-08 { margin-bottom: -8px}
.mb-07 { margin-bottom: -7px}
.mb-06 { margin-bottom: -6px}
.mb-05 { margin-bottom: -5px}
.mb-04 { margin-bottom: -4px}
.mb-03 { margin-bottom: -3px}
.mb-02 { margin-bottom: -2px}
.mb-01 { margin-bottom: -1px}
.ml-100 { margin-left: -100px}
.ml-90 { margin-left: -90px}
.ml-80 { margin-left: -80px}
.ml-70 { margin-left: -70px}
.ml-60 { margin-left: -60px}
.ml-50 { margin-left: -50px}
.ml-40 { margin-left: -40px}
.ml-35 { margin-left: -35px}
.ml-30 { margin-left: -30px}
.ml-25 { margin-left: -25px}
.ml-20 { margin-left: -20px}
.ml-15 { margin-left: -15px}
.ml-10 { margin-left: -10px}
.ml-09 { margin-left: -9px}
.ml-08 { margin-left: -8px}
.ml-07 { margin-left: -7px}
.ml-06 { margin-left: -6px}
.ml-05 { margin-left: -5px}
.ml-04 { margin-left: -4px}
.ml-03 { margin-left: -3px}
.ml-02 { margin-left: -2px}
.ml-01 { margin-left: -1px}
.mr-100 { margin-right: -100px}
.mr-90 { margin-right: -90px}
.mr-80 { margin-right: -80px}
.mr-70 { margin-right: -70px}
.mr-60 { margin-right: -60px}
.mr-50 { margin-right: -50px}
.mr-40 { margin-right: -40px}
.mr-35 { margin-right: -35px}
.mr-30 { margin-right: -30px}
.mr-25 { margin-right: -25px}
.mr-20 { margin-right: -20px}
.mr-15 { margin-right: -15px}
.mr-10 { margin-right: -10px}
.mr-09 { margin-right: -9px}
.mr-08 { margin-right: -8px}
.mr-07 { margin-right: -7px}
.mr-06 { margin-right: -6px}
.mr-05 { margin-right: -5px}
.mr-04 { margin-right: -4px}
.mr-03 { margin-right: -3px}
.mr-02 { margin-right: -2px}
.mr-01 { margin-right: -1px}
.pa100 { padding-bottom: 100px; padding-top: 100px; padding-left: 100px; padding-right: 100px}
.pa90 { padding-bottom: 90px; padding-top: 90px; padding-left: 90px; padding-right: 90px}
.pa80 { padding-bottom: 80px; padding-top: 80px; padding-left: 80px; padding-right: 80px}
.pa70 { padding-bottom: 70px; padding-top: 70px; padding-left: 70px; padding-right: 70px}
.pa60 { padding-bottom: 60px; padding-top: 60px; padding-left: 60px; padding-right: 60px}
.pa50 { padding-bottom: 50px; padding-top: 50px; padding-left: 50px; padding-right: 50px}
.pa40 { padding-bottom: 40px; padding-top: 40px; padding-left: 40px; padding-right: 40px}
.pa35 { padding-bottom: 35px; padding-top: 35px; padding-left: 35px; padding-right: 35px}
.pa30 { padding-bottom: 30px; padding-top: 30px; padding-left: 30px; padding-right: 30px}
.pa25 { padding-bottom: 25px; padding-top: 25px; padding-left: 25px; padding-right: 25px}
.pa20 { padding-bottom: 20px; padding-top: 20px; padding-left: 20px; padding-right: 20px}
.pa15 { padding-bottom: 15px; padding-top: 15px; padding-left: 15px; padding-right: 15px}
.pa10 { padding-bottom: 10px; padding-top: 10px; padding-left: 10px; padding-right: 10px}
.pa09 { padding-bottom: 9px; padding-top: 9px; padding-left: 9px; padding-right: 9px}
.pa08 { padding-bottom: 8px; padding-top: 8px; padding-left: 8px; padding-right: 8px}
.pa07 { padding-bottom: 7px; padding-top: 7px; padding-left: 7px; padding-right: 7px}
.pa06 { padding-bottom: 6px; padding-top: 6px; padding-left: 6px; padding-right: 6px}
.pa05 { padding-bottom: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px}
.pa04 { padding-bottom: 4px; padding-top: 4px; padding-left: 4px; padding-right: 4px}
.pa03 { padding-bottom: 3px; padding-top: 3px; padding-left: 3px; padding-right: 3px}
.pa02 { padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 2px}
.pa01 { padding-bottom: 1px; padding-top: 1px; padding-left: 1px; padding-right: 1px}
.pt100 { padding-top: 100px}
.pt90 { padding-top: 90px}
.pt80 { padding-top: 80px}
.pt70 { padding-top: 70px}
.pt60 { padding-top: 60px}
.pt50 { padding-top: 50px}
.pt40 { padding-top: 40px}
.pt35 { padding-top: 35px}
.pt30 { padding-top: 30px}
.pt25 { padding-top: 25px}
.pt20 { padding-top: 20px}
.pt15 { padding-top: 15px}
.pt10 { padding-top: 10px}
.pt09 { padding-top: 9px}
.pt08 { padding-top: 8px}
.pt07 { padding-top: 7px}
.pt06 { padding-top: 6px}
.pt05 { padding-top: 5px}
.pt04 { padding-top: 4px}
.pt03 { padding-top: 3px}
.pt02 { padding-top: 2px}
.pt01 { padding-top: 1px}
.pb100 { padding-bottom: 100px}
.pb90 { padding-bottom: 90px}
.pb80 { padding-bottom: 80px}
.pb70 { padding-bottom: 70px}
.pb60 { padding-bottom: 60px}
.pb50 { padding-bottom: 50px}
.pb40 { padding-bottom: 40px}
.pb35 { padding-bottom: 35px}
.pb30 { padding-bottom: 30px}
.pb25 { padding-bottom: 25px}
.pb20 { padding-bottom: 20px}
.pb15 { padding-bottom: 15px}
.pb10 { padding-bottom: 10px}
.pb09 { padding-bottom: 9px}
.pb08 { padding-bottom: 8px}
.pb07 { padding-bottom: 7px}
.pb06 { padding-bottom: 6px}
.pb05 { padding-bottom: 5px}
.pb04 { padding-bottom: 4px}
.pb03 { padding-bottom: 3px}
.pb02 { padding-bottom: 2px}
.pb01 { padding-bottom: 1px}
.pl100 { padding-left: 100px}
.pl90 { padding-left: 90px}
.pl80 { padding-left: 80px}
.pl70 { padding-left: 70px}
.pl60 { padding-left: 60px}
.pl50 { padding-left: 50px}
.pl40 { padding-left: 40px}
.pl35 { padding-left: 35px}
.pl30 { padding-left: 30px}
.pl25 { padding-left: 25px}
.pl20 { padding-left: 20px}
.pl15 { padding-left: 15px}
.pl10 { padding-left: 10px}
.pl09 { padding-left: 9px}
.pl08 { padding-left: 8px}
.pl07 { padding-left: 7px}
.pl06 { padding-left: 6px}
.pl05 { padding-left: 5px}
.pl04 { padding-left: 4px}
.pl03 { padding-left: 3px}
.pl02 { padding-left: 2px}
.pl01 { padding-left: 1px}
.pr100 { padding-right: 100px}
.pr90 { padding-right: 90px}
.pr80 { padding-right: 80px}
.pr70 { padding-right: 70px}
.pr60 { padding-right: 60px}
.pr50 { padding-right: 50px}
.pr40 { padding-right: 40px}
.pr35 { padding-right: 35px}
.pr30 { padding-right: 30px}
.pr25 { padding-right: 25px}
.pr20 { padding-right: 20px}
.pr15 { padding-right: 15px}
.pr10 { padding-right: 10px}
.pr09 { padding-right: 9px}
.pr08 { padding-right: 8px}
.pr07 { padding-right: 7px}
.pr06 { padding-right: 6px}
.pr05 { padding-right: 5px}
.pr04 { padding-right: 4px}
.pr03 { padding-right: 3px}
.pr02 { padding-right: 2px}
.pr01 { padding-right: 1px}

/**
 * Bootstrap extend
 */
/* Grid gutters */
.row-0{
    margin-left:0px;
    margin-right:0px;
}
    .row-0 > div{
        padding-right:0px;
        padding-left:0px;
    }

.row-10{
    margin-left:-5px;
    margin-right:-5px;
}
    .row-10 > div{
        padding-right:5px;
        padding-left:5px;
    }

.row-20{
    margin-left:-10px;
    margin-right:-10px;
}
    .row-20 > div{
        padding-right:10px;
        padding-left:10px;
    }

.row-30{
    margin-left:-15px;
    margin-right:-15px;
}
    .row-30 > div{
        padding-right:15px;
        padding-left:15px;
    }

.row-40{
    margin-left:-20px;
    margin-right:-20px;
}
    .row-40 > div{
        padding-right:20px;
        padding-left:20px;
    }

/**
 * Utility - Switch display methods
 */
@media screen and (min-width: 992px) {
    .u-md-only {display: block; }
    .u-sm-only {display: none; }
    .u-xs-only {display: none; }
    .u-md-hide {display: none; }
    .u-sm-hide {display: block; }
    .u-xs-hide {display: block; }

    table.u-md-only,
    table.u-sm-hide,
    table.u-xs-hide {
        display: table !important;
    }
    tr.u-md-only,
    tr.u-sm-hide,
    tr.u-xs-hide {
        display: table-row !important;
    }
    th.u-md-only,
    th.u-sm-hide,
    th.u-xs-hide,
    td.u-md-only,
    td.u-sm-hide,
    td.u-xs-hide {
        display: table-cell !important;
    }

    .u-md-only-block {display: block !important; }
    .u-sm-only-block {display: none !important; }
    .u-xs-only-block {display: none !important; }
    .u-md-hide-block {display: none !important; }
    .u-sm-hide-block {display: block !important; }
    .u-xs-hide-block {display: block !important; }
    .u-md-only-inline {display: inline !important; }
    .u-sm-only-inline {display: none !important; }
    .u-xs-only-inline {display: none !important; }
    .u-md-hide-inline {display: none !important; }
    .u-sm-hide-inline {display: inline !important; }
    .u-xs-hide-inline {display: inline !important; }
    .u-md-only-inline-block {display: inline-block !important; }
    .u-sm-only-inline-block {display: none !important; }
    .u-xs-only-inline-block {display: none !important; }
    .u-md-hide-inline-block {display: none !important; }
    .u-sm-hide-inline-block {display: inline-block !important; }
    .u-xs-hide-inline-block {display: inline-block !important; }
}

@media screen and (max-width: 991px) {
    .u-md-only {display: none; }
    .u-sm-only {display: block; }
    .u-xs-only {display: none; }
    .u-md-hide   {display: block; }
    .u-sm-hide   {display: none; }
    .u-xs-hide   {display: block; }

    table.u-sm-only,
    table.u-md-hide,
    table.u-xs-hide {
        display: table !important;
    }
    tr.u-sm-only,
    tr.u-md-hide,
    tr.u-xs-hide {
        display: table-row !important;
    }
    th.u-sm-only,
    th.u-md-hide,
    th.u-xs-hide,
    td.u-sm-only,
    td.u-md-hide,
    td.u-xs-hide {
        display: table-cell !important;
    }

    .u-md-only-block {display: none !important; }
    .u-sm-only-block {display: block !important; }
    .u-xs-only-block {display: none !important; }
    .u-md-hide-block {display: block !important; }
    .u-sm-hide-block {display: none !important; }
    .u-xs-hide-block {display: block !important; }
    .u-md-only-inline {display: none !important; }
    .u-sm-only-inline {display: inline !important; }
    .u-xs-only-inline {display: none !important; }
    .u-md-hide-inline {display: inline !important; }
    .u-sm-hide-inline {display: none !important; }
    .u-xs-hide-inline {display: inline !important; }
    .u-md-only-inline-block {display: none !important; }
    .u-sm-only-inline-block {display: inline-block !important; }
    .u-xs-only-inline-block {display: none !important; }
    .u-md-hide-inline-block {display: inline-block !important; }
    .u-sm-hide-inline-block {display: none !important; }
    .u-xs-hide-inline-block {display: inline-block !important; }
}

@media screen and (max-width: 599px) {
    .u-md-only {display: none; }
    .u-sm-only {display: none; }
    .u-xs-only {display: block; }
    .u-md-hide   {display: block; }
    .u-sm-hide   {display: block; }
    .u-xs-hide   {display: none; }

    table.u-xs-only,
    table.u-md-hide,
    table.u-sm-hide {
        display: table !important;
    }
    tr.u-xs-only,
    tr.u-md-hide,
    tr.u-sm-hide {
        display: table-row !important;
    }
    th.u-xs-only,
    th.u-md-hide,
    th.u-sm-hide,
    td.u-xs-only,
    td.u-md-hide,
    td.u-sm-hide {
        display: table-cell !important;
    }

    .u-md-only-block {display: none !important; }
    .u-sm-only-block {display: none !important; }
    .u-xs-only-block {display: block !important; }
    .u-md-hide-block {display: block !important; }
    .u-sm-hide-block {display: block !important; }
    .u-xs-hide-block {display: none !important; }
    .u-md-only-inline {display: none !important; }
    .u-sm-only-inline {display: none !important; }
    .u-xs-only-inline {display: inline !important; }
    .u-md-hide-inline {display: inline !important; }
    .u-sm-hide-inline {display: inline !important; }
    .u-xs-hide-inline {display: none !important; }
    .u-md-only-inline-block {display: none !important; }
    .u-sm-only-inline-block {display: none !important; }
    .u-xs-only-inline-block {display: inline-block !important; }
    .u-md-hide-inline-block {display: inline-block !important; }
    .u-sm-hide-inline-block {display: inline-block !important; }
    .u-xs-hide-inline-block {display: none !important; }
}