
/*
	
	EASE 
	Application UI
	
	rev 4

*/

*{margin:0; padding:0; list-style:none; border:0; } 
body { font: 400 .9em "Roboto", Arial, Sans-Serif; color: #555; background: #F9F9F9; padding-bottom: 120px; }

input, select, textarea { font: 400 12px "Roboto", Arial, Sans-Serif; }

/* secondary dark color used for titles */
h1, h2, h3, h4, #menu li, .group-item a, p.caption { color: #1F2832; }
#progress-title span, .form a { color: #00529B; }

/* main background color for elements */
#notice, #menu li a.current, .list li span, .progress span { background: #00529B; }
#menu li a.current:hover { background: #014583; }

/* main background color for buttons */
.button, .big-button, .small-button, .expand input[type=submit], .form input[type=submit] { background: #80A9CD; }
.button:hover, .big-button:hover, .small-button:hover, .expand input[type=submit]:hover, .form input[type=submit]:hover { background: #5A8EBE; }

a { color: blue; text-decoration: none; cursor: pointer; transition: all 0.3s ease-in-out; }
p  { margin: 0 0 15px; line-height: 1.6em; }
h1 { font-weight: 900; letter-spacing: -.8px; font-size: 42px; margin: 0 0 10px; padding: 0 0 5px; line-height: 54px; font-weight: 900; }
h2 { font-size: 24px; margin: 0 0 10px; }
h3 { font-size: 22px; margin: 0 0 10px; font-weight: 300; }
h4 { font-size: 16px; margin: 0 0 10px; font-weight: 300; }

/* clear */
.x:before, .x:after { content: " "; display: table; }  
.x:after { clear: both; }  
.x { *zoom: 1; } 

.line { clear: both; padding: 0 0 0; margin: 0 0 40px; border-bottom: 1px solid #ddd; }

/* shadow on elements */
.progress span, #usermenu { -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); }

/* header */
#header { padding: 20px 0 55px; min-height: 150px; /*background: #CCD8DF*/ color: #FFFFFF; background: url(../images/MBS_header_1.jpg) no-repeat center center; background-size: cover; text-align: center; }



/* header_landing */
#header_landing {
	background: rgba(180,180,180,0.6);
    
    height: 100%;
    padding: 20px 0 55px;
    margin: -20px 0 -55px;
    min-height: 300px;
}

#header_landing_letter {
	background: rgba(180,180,180,0.6);
    
    height: 100%;
    padding: 20px 0 55px;
    margin: -20px 0 -55px;
    min-height: 200px;
}
/* */


#blend {
	background: rgba(180,180,180,0.6);
    
    height: 100%;
    margin: -20px 0 -55px;
    min-height: 150px;
}

#blend2 {
	/*
	background: rgba(255,255,255, 1.0);
	*/
	padding: 8px;
	border-radius: 10px;
}
@media (min-width: 768px) {
	#blend3 {
		background: rgba(255,255,255,.4);
		width: 24%;
		margin-left: 39%;
		text-align: center;
	}
	#blend4 {
		background: rgba(255,255,255,.4);
		display: inline-block;
		padding: 0px 20px 0px 20px;	
		text-align: center;
	}
	.round { float: left; width: 22%; }
	.round img { border-radius: 100%; width: 300px; height: 300px; overflow: hidden; }
}

.c { clear: both; margin: 0 auto; width: 90%; }
#logo { float: left; margin: 22px 0 0; }
#logo img { }

/* menu */
#manager-menu, #menu { float: right; margin: 24px 0 0; height: 49px; }
#manager-menu li, #menu li { float: left; font-size: 13px; font-weight: 700; position: relative; }
#manager-menu li a, #menu li a { float: left; padding: 10px 15px 10px 9px; color: #01233B; border-radius: 10px; margin: 0 0 0 4px; background: rgba(255,255,255, .5); }
#manager-menu li a i, #menu li a i { margin: 0 6px; color: #01233B; }
#manager-menu li a:hover, #manager-menu li a.active, #menu li a:hover, #menu li a.active { color: #444; background: #fff; }
#manager-menu li a.current, #manager-menu li a.current i, #menu li a.current, #menu li a.current i { color: #fff; }
#manager-menu li.logged, #menu li.logged { float: left; padding: 10px 10px 15px 0; }

/* user menu drop down */
#usermenu { display: none; position: absolute; right: 0; top: 40px; background: #fff; border-radius: 4px; width: 250px; z-index: 20; text-align: right; }
#usermenu li { float: none; }
#usermenu li a { display: block; float: none; text-align: right; border-radius: 0; background: none; padding: 15px 15px; margin: 0; }
#usermenu li a:hover { color: #888; background: none; }
#usermenu li.signout a { border-top: 1px solid #ddd; background: #f4f4f4; }

/* notice */
#notice { text-align: center; color: #fff; padding: 20px 0 4px; margin: 0 0 40px; }
#notice p span { color: #FFDE70; font-weight: 400; }
#notice p i { margin: 0 5px 0 0; }
#notice a { color: #FFDE70; text-decoration: underline; }

/* sub notice */
#sub-notice { background: #E9ECF2; padding: 15px 1.5% 3px; margin: 0 0 30px; font-size: 14px; font-weight: 300; }
#sub-notice p span { color: #FFDE70; }
#sub-notice p i { margin: 0 5px 0 0; }
#sub-notice a { color: #FFDE70; text-decoration: underline; }




/* 2017 */

/* notice */
#notice div { width: 80%; margin-bottom: 15px; }
#notice div span { color: #FFDE70; font-weight: 400; }
#notice div i { margin: 0 5px 0 0; }

/* sub notice */
#sub-notice div span { color: #FFDE70; }
#sub-notice div i { margin: 0 5px 0 0; }

/* end 2017 */






/* sections caption */
p.caption { clear: both; display: block; border-bottom: 1px solid #ddd; font-size: 18px; height: 46px; margin: 0 0 40px; }

/* featured section */
#featured { clear: both; padding: 70px 0 0; }
#featured p { font-size: 24px; margin: 0 0 14px; color: #444; }
#featured h1 { margin: 0 0 10px; }
.button, .small-button { display: inline-block; line-height: 30px; margin: 0 5px; color: #fff; border-radius: 10px; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 6px 20px 4px; }
.button:hover, .small-button:hover { color: #fff; }

/* home section */
.lead { color: #000; font-size: 1.1em; }
#main { float: left; width: 72%; margin: 0 0 40px; }
#main.home { width: 69%; }
#main.home .round { margin: 0 30px 0 0; }
#main img { float: left; margin: 0 13px 5px 0; }
#intro { overflow: hidden; }

/* round images */
.round { float: left; width: 22%; }
.round img { border-radius: 100%; width: 250px; height: 250px; overflow: hidden; }

/* link buttons */
.link { float: left; width: 243px; clear: both; color: #fff; background: url(../images/button.png) no-repeat; height: 49px; margin: 0 0 25px; padding: 12px 14px 0; font-size: 14px; }
.link:hover { background-position: left bottom; color: #fff; }

/* application vertification, sign in */
#retrieve { display: none; }
.form { }
.form input[type=text], .form input[type=password] { border: 1px solid #ccc; width: 97%; padding: 1.7%; margin: 0 0 5px; background: #f9f9f9; }
.form .warning input[type=text], .form .warning input[type=password] { border-color: #CE0000; background: #FFEAEA; }
.form .warning label, p.warning { color: #CE0000; }

/* wide fields */
.wide { clear: both; }
.form .wide input[type=text] { display: block; clear: both; width: 81.4%; padding: .8%; }

/* hald fields */
.form .half { float: left; width: 40%; margin-right: 3%; }
.form .half.last { }
.form input[type=submit], .form input[type=submit].cancel { cursor: pointer; padding: 12px 3%; font-weight: 400; color: #fff; text-align: center; font-size: 1em; margin: 0 0 30px; border-radius: 3px; transition: all 0.3s ease-in-out; }
.form input[type=submit].cancel { background: #ccc; color: #444; }
.form input[type=submit].cancel:hover { background: #bbb; }

/* verification, sign in checkbox */


/*
.checkbox { float: left; clear: left; width: 12px; margin: 2px 10px 0 0; }
*/







.checkbox-content { display: block; overflow: hidden; margin: 0 15% 0 0; }

/* application history */
.history { background: #f6f6f6; margin: 0 0 15px; }
.history-date { float: left; width: 96%; background: #eee; padding: 10px 2%; font-size: 13px; }
.history-date span { float: right; font-weight: 300; }
.history h3 { clear: both; padding: 5px 2% 20px; font-size: 18px; }
.history h3 i { margin: 0 10px 0 0; }

/* progress bar */
#progress-title { margin: 0 0 4px; }
#progress-title span { float: right; margin-right: 3%; font-weight: 700; }
.progress { overflow: hidden; width: 97%; height: 32px; border: 1px solid #ddd; padding: 9px; margin: 0 0 30px; }
.progress span { float: left; text-align: right; color: #fff; height: 11px; }

/* groups */
.group { display: block; font-weight: 700; margin: 0; font-size: 14px; margin: 0 0 10px 0; }

/* group items */
.group-item { padding: 8px 1.5%; width: 97%; background: #E9ECF2; margin: 0; }
.group-item.head { padding: 14px 1.5% 11px; background: #CFD6E2; font-size: 15px; }
.group-item p { margin: 0; }
.group-item.done, .group-item.done a { color: rgba(0,0,0, .5); }
.group-item i { font-size: 13px; margin: -1px 7px 0 0; text-shadow: 1px 1px rgba(0,0,0, .2); }
.optional { padding: 0 0 0 5px; color: #46BE8A; font-size: 12px; }

/* expand sections */
.expand { display: none; font-size: 14px; font-weight: 300; color: #222; padding: 10px 16px; margin: 15px 0 0; background: #fff; }
.expand p { margin: 10px 0 10px; }
.expand p.half { float: left; width: 50%; }
.expand p.third { float: left; width: 33%; }
.expand p.two-third { float: left; width: 66%; }

.expand p.fourth { float: left; width: 25%; }

.expand label { display: block; margin: 0 0 3px; font-weight: 400; color: #666; font-size: 13px; }

.expand textarea, .expand select { padding: 5px 1%; /*width: 96%;*/ border: 1px solid rgba(0,0,0, .15); }




.expand textarea, .expand2 select { padding: 5px 1%; /*width: 96%;*/ border: 1px solid rgba(0,0,0, .15); }





.expand input[type=text] { padding: 5px 1%; width: 99%; border: 1px solid rgba(0,0,0, .15); }



.expand .warning input[type=text], .expand .warning textarea, .expand .warning select { border-color: #CE0000; background: #FFEAEA; }
.expand .warning label { color: #CE0000; }
.expand .warning-caption { display: block; padding: 5px 0 0; color: #CE0000; font-weight: 400; font-size: 13px; }

/*
.expand select { width: 97%; }
*/

.expand p.half input[type=text] { width: 89%; margin: 0; }

.expand p.third input[type=text] { width: 87%; margin: 0; }
.expand p.two-third input[type=text] { width: 94%; margin: 0; }
.expand p.fourth input[type=text] { width: 80%; margin: 0; }




.expand p.half select { width: 89%; margin: 0; }

.expand p.third select { width: 87%; margin: 0; }
.expand p.two-third select { width: 94%; margin: 0; }
.expand p.fourth select { width: 80%; margin: 0; }




.expand textarea { height: 100px; }
.radio { float: left; clear: left; width: 12px; margin: 2px 10px 0 0; }
.radio-content { display: block; overflow: hidden; }
.expand .submit { clear: both; padding: 10px 0 0; }
.expand input[type=submit] { clear: both; cursor: pointer; font-weight: 700; font-size: 12px; color: #fff; padding: 7px 14px; border-radius: 3px; text-transform: uppercase; }

/* sub-expand sections */
.sub-expand { clear: both; display: none; padding: 5px 0; }

/* relations */
.relation-box { background: #f5f5f5; padding: 5px 14px; }
.relation { border-bottom: 1px solid #CFD6E2; font-weight: 400; font-size: 13px; padding: 0 0 8px; margin: 0; color: #888; }
.relation strong { color: #444; }
.relation span { float: right; }
.relation span a { padding: 0 0 0 8px; color: #777; }
.relation span a:hover { color: #111; }
.relation span a i { margin: 0 4px 0 0; }
p.title { font-weight: 700; font-size: 15px; } 

/* review */
.review-data { clear: both; padding: 0 0 0 20px; margin: 0 0 30px; border-left: 3px solid #ddd; }
.agreement { padding: 2%; background: #eee; margin: 0 0 20px; }
.agreement input[type=text] { padding: 2%; width: 96%; border: 1px solid #ccc; font-weight: 700; font-size: 1.1em; }

/* survey */
.rating { clear: both; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 30px; }
.rating-question { float: left; width: 80%; }
.rating-stars { float: right; }
.starrr i { margin: 0 5px 0 0; color: #00529B; font-size: 24px; margin: 0 4px 0 0; }
.starrr i.fa-star-o { color: #ddd; }
.survey input[type=text], .survey select, .survey textarea { padding: 1%; width: 97%; border: 1px solid #ccc;  margin: 0 0 20px; }
.survey textarea { height: 80px; }

/* side */
#side { float: right; width: 25%; margin: 0 0 70px; }
#photo { border: 1px solid #ddd; padding: 5px; margin: 0 0 20px; }
#photo img { float: left; width: 100%; }
#side .big-button { margin: 0 0 10px; }

/* side list calendar */
.list li { display: block; cursor: pointer; padding: 0 0 13px; margin: 0 0 13px; border-bottom: 1px solid #eee; font-size: .9em; }
.list li span { float: left; padding: 2px 0; font-size: .9em; margin: 0 10px 0 0; border-radius: 4px; width: 100px; color: #fff; text-align: center; }
.list li.disabled { opacity: .5; }
.tooltip-display { display: none; position: absolute; background-color: #161616; border-radius: 12px; padding: 4px 10px; color: #fff; font-size: 13px; }

.list li.disabled.no-display {
	display: none;
}


/* wide button */
.big-button { display: block; width: 97%; padding: 14px 4%; font-weight: 400; color: #fff; text-align: center; font-size: 1em; margin: 0 0 30px; border-radius: 4px; }
.big-button:hover { }

/* small button */
.small-button { padding: 0 12px; line-height: 26px; font-size: 13px; color: #fff; margin: 0; border-radius: 3px; }
.expand p a.small-button { color: #fff; }

/* home bottom gallery */
#gallery { text-align: center; }
.thumb { width: 20%; margin: 0 4% 40px 0; display: inline-block; text-align: center; }
.thumb p { }
.thumb .round { float: none; display: inline-block; width: 70%; text-align: center; margin: 0 0 20px; }
.thumb.last { margin-right: 0; }

/* footer */
#footer { clear: both; background: #ddd; padding: 10px 0 10px; font-size: .94em; color: #888; }
p#footer-caption { font-size: 16px; font-weight: 900; margin: 0 0 8px; color: #555; }
p#phone { float: right; font-weight: 300; }
p#phone span { font-weight: 400; color: #555; }



/* new 2017 */
.fa-star, .required-notice {
	color: #00529B; 
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}


/* --------------------------------------------------- */

label.radio-inline {
	
	display: inline-block;
	padding-right: 18px;
	padding-top: 10px;
}
/*
.expand select, .expand select.form-control {
	width: 99%;
}
*/






/* essay toolbar */

#wysihtml5-toolbar {
	margin:.5em 0;
}

.wysihtml5-command-active {
	background-color: #EEEEEE;
}



.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  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 #CCCCCC;
  border-radius: 4px;
}






/* files *

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;

  direction: ltr;
}
.fileinput {
  display: inline-block;
  margin-bottom: 9px;
  width: 100px;
}
.fileinput .form-control {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.fileinput .thumbnail > img {
  max-height: 100%;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput-filename {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.form-control .fileinput-filename {
  vertical-align: bottom;
}
.fileinput.input-group {
  display: table;
}
.fileinput.input-group > * {
  position: relative;
  z-index: 2;
}
.fileinput.input-group > .btn-file {
  z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0;
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc;
}
.form-group.has-error .fileinput .fileinput-preview {
  color: #a94442;
}
.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #3c763d;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6;
}

/* ----------------file links--------------- */
#link-div a {
  color: #337ab7;
  text-decoration: none;
}
#link-div a:hover,
#link-div a:focus {
  color: #23527c;
  text-decoration: underline;
}
 #link-div a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}






/* -------- checkbox ----- */

input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  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;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm,
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm,
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
textarea.form-group-sm .form-control,
select[multiple].input-sm,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.input-lg,
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg,
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
textarea.form-group-lg .form-control,
select[multiple].input-lg,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}


.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
