/* *****************
 * button - blue
 * *****************/
.btn-scv-blue {
	border-radius: 4px;
	background-color: #196ec3;
	border-style: none;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	color: #fff;
    font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.2em;

	min-width: 120px;
	min-height: 40px;

	padding-left: 24px;
	padding-right: 24px;
}

.btn-scv-blue:focus {
	outline: none;
}

.btn-scv-blue:hover {
	background-color: #5096D7;
}

.btn-scv-blue:not(:disabled):not(.disabled):active,
.show > .btn-scv-blue.dropdown-toggle {
    background-color: #AACDF0;
}

.btn-scv-blue.disabled,
.btn-scv-blue:disabled {
	background-color: #E6F0FA;
	border: 1px solid #e1e6f0;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	font-size: 14px;
	color: #FAFAFF;
}

/* *****************
 * button - white
 * *****************/
.btn-scv-white {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #b4e1ff;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	color: #196ec3;
    font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.1em;

	height: 40px;

	min-width: 120px;
	min-height: 32px;

	padding-left: 24px;
	padding-right: 24px;
}

.btn-scv-white:focus {
	outline: none;
}

.btn-scv-white:hover {
	background-color: #EBF5FF;
}

.btn-scv-white:not(:disabled):not(.disabled):active,
.show > .btn-scv-white.dropdown-toggle {
    background-color: #D2EBFF;
}

.btn-scv-white.disabled,
.btn-scv-white:disabled {
	background-color: #F5F5FA;
	border: 1px solid #F5F5FA;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	font-size: 14px;
	color: #E6E6F0;
}

/* *****************
 * button - light blue
 * *****************/
.btn-scv-lightblue {
	border-radius: 4px;
	background-color: #b4e1ff;
	border-style: none;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	color: #196ec3;
	font-weight: bold;
	font-size: 14px;

	min-width: 120px;
	min-height: 40px;

	padding-left: 24px;
	padding-right: 24px;
}

.btn-scv-lightblue:focus {
	outline: none;
}

.btn-scv-lightblue:hover {
	background-color: #D2EBFF;
}

.btn-scv-lightblue:not(:disabled):not(.disabled):active,
.show > .btn-scv-lightblue.dropdown-toggle {
    background-color: #EBF5FF;
}

.btn-scv-lightblue.disabled,
.btn-scv-lightblue:disabled {
	background-color: #F0F5FA;
	border-style: none;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	font-size: 14px;
	color: #E6E6F0;
}

/* *****************
 * button - light blue small
 * *****************/
.btn-scv-lightblue-small {
	border-radius: 4px;
	background-color: #b4e1ff;
	border: 1px solid #85c4f5;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
	color: #196ec3;
    font-weight: bold;
	font-size: 14px;

	min-width: 120px;
	min-height: 32px;

	padding-left: 24px;
	padding-right: 24px;
}

.btn-scv-lightblue-small:hover {
	background-color: #D2EBFF;
}

.btn-scv-lightblue-small:focus {
	outline: none;
}

.btn-scv-lightblue-small:not(:disabled):not(.disabled):active,
.show > .btn-scv-lightblue-small.dropdown-toggle {
    background-color: #EBF5FF;
}

.btn-scv-lightblue-small.disabled,
.btn-scv-lightblue-small:disabled {
	background-color: #F0F5FA;
	border-style: none;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	font-size: 14px;
	color: #E6E6F0;
}


/* *****************
 * button - light blue small (for table list)
 * *****************/
.btn-scv-lightblue-small-for-table {
    border-radius: 2px;
    background-color: #b4e1ff;
    border: 1px solid #b4e1ff;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    color: #196EC3;
    font-size: 11px;
    min-height: 24px;
}

.btn-scv-lightblue-small-for-table:hover {
    background-color: #9BD2FA;
}

.btn-scv-lightblue-small-for-table:focus {
    outline: none;
}

.btn-scv-lightblue-small-for-table:not(:disabled):not(.disabled):active,
.show > .btn-scv-lightblue-small-for-table.dropdown-toggle {
    background-color: #85c4f5;
}

.btn-scv-lightblue-small-for-table.disabled,
.btn-scv-lightblue-small-for-table:disabled {
    background-color: #F0F5FA;
    border-style: none;
    box-shadow: none;
    font-size: 11px;
    color: #E6E6F0;
}

/* *****************
 * button - 閉じる
 * *****************/
.btn-scv-close {
    background-color: transparent;
    border: none;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

    .btn-scv-close img {
        display: block;
        width: 100%;
        height: auto;
    }

    .btn-scv-close:focus {
        outline: none;
    }

    .btn-scv-close:hover {
        background-color: #F5F5FA;
    }

    .btn-scv-close:not(:disabled):not(.disabled):active,
    .show > .btn-scv-close.dropdown-toggle {
        background-color: #E1E6EB;
    }






/* ここから下は開発自作 */

/* ************
 * normal button
 * ************/
.btn-scv,
.btn-scv-em8,
.btn-scv-em10 {
    color: white;
    background-color: #256EC3;
    border-color: #DDDDDD;
    border-radius: 5px;
    border-width: 1px;
    font-weight: bold;
    padding: 0.5rem
}

.btn-scv-em8 {
    width: 8rem;
}

.btn-scv-em10 {
    width: 10rem;
}

.btn-scv:hover,
.btn-scv-em8:hover,
.btn-scv-em10:hover {
    background-color: #357Ed3;
}

.btn-scv:focus,
.btn-scv.focus,
.btn-scv-em8:focus,
.btn-scv-em8:focus,
.btn-scv-em10.focus,
.btn-scv-em10.focus {
    color: #174E76;
    background-color: #9DD5FF;
    border-color: #275E86;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-scv.disabled,
.btn-scv:disabled,
.btn-scv-em8.disabled,
.btn-scv-em8:disabled,
.btn-scv-em10.disabled,
.btn-scv-em10:disabled {
    color: #E3EDF8;
    background-color: #D1E2F3;
    border-color: #D1E2F3;
    border-style: none;
}

.btn-scv:not(:disabled):not(.disabled):active,
.btn-scv:not(:disabled):not(.disabled).active,
.btn-scv-em8:not(:disabled):not(.disabled):active,
.btn-scv-em8:not(:disabled):not(.disabled).active,
.btn-scv-em10:not(:disabled):not(.disabled):active,
.btn-scv-em10:not(:disabled):not(.disabled).active,
.show > .btn-scv.dropdown-toggle,
.show > .btn-scv-em8.dropdown-toggle,
.show > .btn-scv-em10.dropdown-toggle {
    background-color: #155EB3;
}

.btn-scv:not(:disabled):not(.disabled):active:focus,
.btn-scv:not(:disabled):not(.disabled).active:focus,
.btn-scv-em8:not(:disabled):not(.disabled):active:focus,
.btn-scv-em8:not(:disabled):not(.disabled).active:focus,
.btn-scv-em10:not(:disabled):not(.disabled):active:focus,
.btn-scv-em10:not(:disabled):not(.disabled).active:focus,
.show > .btn-scv.dropdown-toggle:focus,
.show > .btn-scv-em8.dropdown-toggle:focus,
.show > .btn-scv-em10.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* ************
 * cancel button
 * ************/
.btn-cancel-scv,
.btn-cancel-scv-em8,
.btn-cancel-scv-em10 {
    color: #0A5A9B;
    background-color: white;
    border-color: #CCCCCC;
    border-radius: 5px;
    border-width: 1px;
    font-weight: bold;
    padding: 0.5rem
}

.btn-cancel-scv-em8 {
    width: 8rem;
}

.btn-cancel-scv-em10 {
    width: 10rem;
}

.btn-cancel-scv:hover,
.btn-cancel-scv-em8:hover,
.btn-cancel-scv-em10:hover {
    color: #1A6AAB;
    background-color: white;
}

.btn-cancel-scv:focus,
.btn-cancel-scv.focus,
.btn-cancel-scv-em8:focus,
.btn-cancel-scv-em8.focus,
.btn-cancel-scv-em10:focus,
.btn-cancel-scv-em10.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-cancel-scv.disabled,
.btn-cancel-scv:disabled,
.btn-cancel-scv-em8.disabled,
.btn-cancel-scv-em8:disabled,
.btn-cancel-scv-em10.disabled,
.btn-cancel-scv-em10:disabled {
    color: #A6A6A6;
    background-color: #DDD;
    border-color: #AED7F4;
}

.btn-cancel-scv:not(:disabled):not(.disabled):active,
.btn-cancel-scv:not(:disabled):not(.disabled).active,
.btn-cancel-scv-em8:not(:disabled):not(.disabled):active,
.btn-cancel-scv-em8:not(:disabled):not(.disabled).active,
.btn-cancel-scv-em10:not(:disabled):not(.disabled):active,
.btn-cancel-scv-em10:not(:disabled):not(.disabled).active,
.show > .btn-cancel-scv.dropdown-toggle,
.show > .btn-cancel-scv-em8.dropdown-toggle,
.show > .btn-cancel-scv-em10.dropdown-toggle {
    color: #004A8B;
    background-color: white;
}

.btn-cancel-scv:not(:disabled):not(.disabled):active:focus,
.btn-cancel-scv:not(:disabled):not(.disabled).active:focus,
.btn-cancel-scv-em8:not(:disabled):not(.disabled):active:focus,
.btn-cancel-scv-em8:not(:disabled):not(.disabled).active:focus,
.btn-cancel-scv-em10:not(:disabled):not(.disabled):active:focus,
.btn-cancel-scv-em10:not(:disabled):not(.disabled).active:focus,
.show > .btn-cancel-scv.dropdown-toggle:focus,
.show > .btn-cancel-scv-em8.dropdown-toggle:focus,
.show > .btn-cancel-scv-em10.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* ************
 * scv light color
 * ************/
.btn-scv-light,
.btn-scv-light-round {
    color: #0A5A9B;
    background-color: #ABDFFF;
    border-color: #DDDDDD;
    border-radius: 5px;
    border-width: 1px;
    font-weight: bold;
    padding: 0.5rem
}

.btn-scv-light-round {
    border-radius: 20px;
}

.btn-scv-light:hover,
.btn-scv-light-round:hover {
    color: #297ED3;
    background-color: #BBEFFF;
}

.btn-scv-light:focus,
.btn-scv-light.focus,
.btn-scv-light-round:focus,
.btn-scv-light-round.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-scv-light.disabled,
.btn-scv-light:disabled,
.btn-scv-light-round.disabled,
.btn-scv-light-round:disabled {
    color: #AAA;
    background-color: #DDD;
}

.btn-scv-light:not(:disabled):not(.disabled):active,
.btn-scv-light:not(:disabled):not(.disabled).active,
.btn-scv-light-round:not(:disabled):not(.disabled):active,
.btn-scv-light-round:not(:disabled):not(.disabled).active,
.show > .btn-scv-light.dropdown-toggle,
.show > .btn-scv-light-round.dropdown-toggle {
    background-color: #9BCFEF;
}

.btn-scv-light:not(:disabled):not(.disabled):active:focus,
.btn-scv-light:not(:disabled):not(.disabled).active:focus,
.btn-scv-light-round:not(:disabled):not(.disabled):active:focus,
.btn-scv-light-round:not(:disabled):not(.disabled).active:focus,
.show > .btn-scv-light.dropdown-toggle:focus,
.show > .btn-scv-light-round.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* ************
 * gray button
 * ************/
.btn-scv-gray,
.btn-scv-gray-small {
    color: #464B50;
    background-color: #DCE1EB;
    border-color: #DCE1EB;
    border-radius: 5px;
    border-width: 1px;
    font-weight: bold;
    padding: 0.5rem
}

.btn-scv-gray-small {
    border-radius: 3px;
    font-size: 0.7rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.btn-scv-gray:hover,
.btn-scv-gray-small:hover {
    color: #565B60;
    background-color: #ECF1FB;
    border-color: #ECF1FB;
}

.btn-scv-gray:focus,
.btn-scv-gray.focus,
.btn-scv-gray-small:focus,
.btn-scv-gray-small.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-scv-gray.disabled,
.btn-scv-gray:disabled,
.btn-scv-gray-small.disabled,
.btn-scv-gray-small:disabled {
    color: #AAA;
    background-color: #DDD;
    border-color: #DDD;
}

.btn-scv-gray:not(:disabled):not(.disabled):active,
.btn-scv-gray:not(:disabled):not(.disabled).active,
.btn-scv-gray-small:not(:disabled):not(.disabled):active,
.btn-scv-gray-small:not(:disabled):not(.disabled).active,
.show > .btn-scv-gray.dropdown-toggle,
.show > .btn-scv-gray-small.dropdown-toggle {
    background-color: #CCD1DB;
    border-color: #CCD1DB;
}

.btn-scv-gray:not(:disabled):not(.disabled):active:focus,
.btn-scv-gray:not(:disabled):not(.disabled).active:focus,
.btn-scv-gray-small:not(:disabled):not(.disabled):active:focus,
.btn-scv-gray-small:not(:disabled):not(.disabled).active:focus,
.show > .btn-scv-gray.dropdown-toggle:focus,
.show > .btn-scv-gray-small.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}



/* ************
 * input file ref button
 * ************/
.scv-file-refbutton {
    width: 120px;
    height: 28px;
    color: #464B50;
    background-color: #DCE1EB;
    border-width: 0px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: bold;
}

.scv-file-refbutton:hover {
    background-color: #e6ebf0;
}

.scv-file-refbutton:focus,
.scv-file-refbutton.focus {
    /*box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);*/
    outline: none;
}

.scv-file-refbutton:not(:disabled):not(.disabled):active,
.scv-file-refbutton:not(:disabled):not(.disabled).active,
.show > .scv-file-refbutton.dropdown-toggle {
    background-color: #c3cddc;
}

.scv-file-refbutton:not(:disabled):not(.disabled):active:focus,
.scv-file-refbutton:not(:disabled):not(.disabled).active:focus,
.show > .scv-file-refbutton.dropdown-toggle:focus {
    outline: none;
}

/* *****************
 * round button - light blue small
 * *****************/
.btn-scv-lightblue-small-round {
    border-radius: 16px;
    background-color: #b4e1ff;
    border: 1px solid #85c4f5;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    color: #196ec3;
    font-size: 14px;
    width: 240px;
    height: 32px;
}

.btn-scv-lightblue-small-round:hover {
    background-color: #9BD2FA;
}

.btn-scv-lightblue-small-round:focus {
    outline: none;
}

.btn-scv-lightblue-small-round:not(:disabled):not(.disabled):active,
.show > .btn-scv-lightblue-small-round.dropdown-toggle {
    background-color: #85c4f5;
}

.btn-scv-lightblue-small-round.disabled,
.btn-scv-lightblue-small-round:disabled {
    background-color: #e1e6f0;
    border-style: none;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    font-size: 14px;
    color: #c8cddc;
}