/* Modify */

.sheet input{
		color:black;
}	
.sheet-BakerStreet{
	   font-family: serif;
	   background-color:#d9ba8c;
	   color:black!important;
}	

.sheet-BakerStreet button{
    background-color: #f4d19d;
    background-image: none;
}	

.sheet-BakerStreet input{
	   font-family: serif;
}

.sheet-rolltemplate-SkillRoll{
	border: 15px solid transparent;
	-webkit-border-image: url('https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/BakerStreet/border.jpg') 30 30 stretch;	
}

.sheet-rolltemplate-SkillRoll div {
		text-align:center;
		font-family: serif;

}	


button[type=roll].sheet-base-roll::before {
    font-family: "dicefontd6";
    content: "f";
}

button[type=roll].sheet-new_roll::before { 
    background-image: none;
    font-size: 13px;
    content: "";
	margin: 0 0px 0 0;
}


button[type=roll].sheet-new_roll {
    /*background-image: none;
    background-color: #f2f5d3;*/
	margin:0px;
}


.sheet-rolltemplate-SkillRoll .inlinerollresult{
    background-color: transparent;
    color: #000000;
    border: none;
}
.sheet-rolltemplate-SkillRoll .inlinerollresult.fullcrit{
	/*border:none;*/
}
.sheet-rolltemplate-SkillRoll .inlinerollresult.fullfail{
	border:none;
}


.sheet-rolltemplate-SkillRoll  .inlinerollresult.importantroll{
	/*border:none;*/
}

.sheet-rolltemplate-SkillRoll  .sheet-special{
	color:red;
}

.sheet-char_input{
	width: 372px;
}	


.sheet-divider{
	text-align:center;	
}

.sheet-charHdr{
	text-decoration: underline;
	margin-bottom:10px;	
	font-weight:bold;
}	


.sheet-detailsHdr{
	font-size:x-large;
	text-decoration: underline;
	margin-bottom:24px;
	display:inline-block;
}

.sheet-sectionHdr{
	font-size:x-large;
	text-decoration: underline;
	margin-bottom:24px;
	display:inline-block;
}



.sheet-divider img{
	height: 50px;
    width: 75%;
}


.charsheet {
    /*background: url("http://images.alphacoders.com/551/5513.jpg");*/
    background-color:#d9ba8c;
	
	
border: 15px solid transparent;
-webkit-border-image: url('https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/BakerStreet/border.jpg') 30 30 stretch;	
}


.charsheet input[type="text"], textarea {

  background-color : #d9ba8c; 
  color: black;
	
}


.sheet-text_input{
	border: none;
    box-shadow: none;
    border-bottom: 1px solid black;
    border-radius: 0;
	display:inline-block;

}

.sheet-rank_input{
		width:35px;
		font-size:large;
		text-align:center;
		padding-bottom:0px;
}

.sheet-skill_input{
	font-size:large;
	padding-bottom:0px;
	width:184px;
}


.sheet-label1{
	font-weight:bold;
	font-size:large;
}


.sheet-specialty_input{
	/*font-size:large;*/
	padding-bottom:0px;
	width:116px;

}

.sheet-headers{
	font-weight:bold;
	text-decoration: underline;
}


div.repcontainer[data-groupname=repeating_practicalSkills] .repitem:nth-child(even) {
    background-color: #ba6f3f;
    margin-top: 0px;
    margin-bottom: 0px;
}


div.repcontainer[data-groupname=repeating_practicalSkills] .repitem:nth-child(odd) {
    background-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
}





.repcontrol{
	margin-right: 7px;
}

div.repcontrol button
{
    width: 20px;
    height: 20px;
    color: transparent;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	 
}

div.repcontrol button.repcontrol_add::before,
div.repcontrol button.repcontrol_edit::before
{
    font-family: Pictos;
    position: relative;
    color: #000;
}

/* +Add */
div.repcontrol button.repcontrol_add::before
{
	
    content: "&"; /* & in Pictos is a + sign, while + is a plus inside a circle */    
    left: -5px;
    top: -4px;
}




div.repcontrol button.repcontrol_edit::before
{
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    content: "x"; /* x in Pictos is a crossed hammer and wrench */
    left: -5px;
    top: -4px;
}
/* Done */
div.repcontrol.editmode button.repcontrol_edit::before
{
    content: "3"; /* 3 in Pictos is a check mark */
	 
}


.sheet-check-label{
	display:inline;
}

.sheet-check-label label{
	display:inline;
	padding-right:0px;
}

.sheet-fixbox{
    margin-bottom: 0px;
    margin-top: 4px;
}
.sheet-check-health-level input[type="radio"], 
.sheet-check-label input[type="checkbox"],
.sheet-check-label input[type="radio"] {
    opacity:0;
    width: 21px;
    height: 21px;
    position: relative;
    top: -2px;
    left: 10px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
    display: inline;
    background:lightgrey;
}
.sheet-check-health-level input[type="radio"] + span:before,
.sheet-check-label input[type="checkbox"] + span:before,
.sheet-check-label input[type="radio"] + span:before{
    margin-right: 4px; margin-top:-1px;
    border: 1px solid  black;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    /*ertical-align:top;*/
    box-shadow: 0 0 2px #ccc;
    background-color: transparent;
    background-position:top left, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: 3px,3px;
    content: "";
    width: 16px;
    height: 16px;
    color: #333333;
    font-size: 22px;

}
.sheet-check-health-level input[type="radio"]:checked + span:before,
.sheet-check-label input[type="checkbox"]:checked + span:before,
.sheet-check-label input[type="radio"] + span:before {
    content: "✓";
}
.sheet-check-label input[type="radio"]:checked ~ input[type="radio"] + span:before {
    content: "";
}



/**
     * Checkbox one
     */
    .sheet-checkboxOne {
	display:inline-block;		
    width: 40px;
    height: 40px;
    background: #f4d19d;
    margin:0px;
    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checkbox button
     */
    .sheet-checkboxOne label {
    display: block;
    width: 20px;
    height: 30px;
    border-radius: 100px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #f4d19d;
    -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checked state
     */
    .sheet-checkboxOne input[type=checkbox]:checked + label {
    background: #333;
    }
/**



/**
     * Checkbox two
     */
    .sheet-checkboxTwo {
	display:inline-block;		
    width: 40px;
    height: 40px;
    background: #f4d19d;
    margin:0px;
    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checkbox button
     */
    .sheet-checkboxTwo label {
    display: block;
    width: 20px;
    height: 30px;
    border-radius: 100px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #f4d19d;
    -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checked state
     */
    .sheet-checkboxTwo input[type=checkbox]:checked + label {
    background: #333;
    }
/**

/**
     * Checkbox three
     */
    .sheet-checkboxThree {
	display:inline-block;		
    width: 40px;
    height: 40px;
    background: #f4d19d;
    margin:0px;
    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checkbox button
     */
    .sheet-checkboxThree label {
    display: block;
    width: 20px;
    height: 30px;
    border-radius: 100px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #f4d19d;
    -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checked state
     */
    .sheet-checkboxThree input[type=checkbox]:checked + label {
    background: #333;
    }
/**



/**
     * Checkbox Four
     */
    .sheet-checkboxFour {
	display:inline-block;		
    width: 40px;
    height: 40px;
    background: #f4d19d;
    margin: 0px;
    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checkbox button
     */
    .sheet-checkboxFour label {
    display: block;
    width: 20px;
    height: 30px;
    border-radius: 100px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #f4d19d;
    -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checked state
     */
    .sheet-checkboxFour input[type=checkbox]:checked + label {
    background: #333;
    }

/**
     * Checkbox Five
     */
    .sheet-checkboxFive {
	display:inline-block;		
    width: 40px;
    height: 40px;
    background: #f4d19d;
    margin:0px;
    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checkbox button
     */
    .sheet-checkboxFive label {
    display: block;
    width: 20px;
    height: 30px;
    border-radius: 100px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #f4d19d;
    -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    }

    /**
     * Create the checked state
     */
    .sheet-checkboxFive input[type=checkbox]:checked + label {
    background: #333;
    }
/**