/*---------------------------------------------------------------------------------

 Theme Name:   TMS
 Theme URI:    https://www.thorneymotorsport.co.uk
 Description:  TMS child
 Author:       Aaron Witheridge-Towers
 Author URI:   https://takeoff-development.co.uk
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.btn-admin {
	display: inline-block;
    margin: 25px 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:  white;
    background-color: #1b8741;
    font-size: 1rem;
}

.btn-print {
	align-content: flex-end;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: white;
    background-color: #1b8741;
    font-size: 1rem;
}

div#controls {
    display: flex;
  flex-wrap: wrap;
  min-height: 50px;
  padding: 7px 0;
  align-content: space-between;
  background-color:  #333;
  justify-content: center;
}

div#controls > div {
	margin: 0 15px;
}

#controls > button {
	padding: 15px;
}

.input-group {
    display: inline-block;
}

.input-group > input {
	    box-sizing: content-box;
    border-style: solid;
}

.input-group > span {
	color: white;
	font-weight: bold;
}




.btn-print a {
	color:  white!important;
}

.header-doc, #content-document-title {
    margin-bottom: 25px;
}

.btn-admin:hover {
	  background-color: #323B44;
}

.tickets_panel {
	width: 100%;
}
li.child > ul.parent{
	display: none;
}

#document-tree ul.parent:first-child {
	padding: 0;
}

ul.parent{
	cursor: pointer;
	list-style: none;
	padding: 0;

}

#parts-wrap {
	margin:  30px 0;
}

#document-tree {
	background-color: #323B44;
	color: #fff;
	padding: 0;
}

#document-tree > .parent > li.child {
	border-bottom: solid 1px white;
}
#document-tree > .parent > li {
	
padding: 10px 15px;
}

#document-tree > .parent > .child > a {
	color: white;
	text-transform: uppercase;
}

li.active > .parent {
		background-color: white!important;
}

#document-tree ul.parent li.active > a {
    width: 100%;
    display: block;
}


li.active > a {
    font-weight: 700;
    position: relative;

}

li.file, li.file a {
	color: #323B44;
	font-style: italic;
	font-size: 15px;
}

li.file:hover, li.file a:hover {
	color: #1b8741;
}

.active .parent li.child {
	padding-left: 15px;
}

#document-tree {
	width: 28%;
	float: left;
	margin-right: 2%
}

#content-document {
	width: 70%;
	float: left;

}

#controls {
	margin: 10px 0;
}

#my_pdf_viewer {
	margin: 15px 0 30px 0;
}

@media screen and (max-width: 768px) {
.btn-print {
	margin-top: 25px;
}
	
	 #document-tree {
		width: 100%;
		float: left;
		margin-bottom: 30px;
		margin-right: 0;

	}

	#content-document {
		width: 100%;
		float: left;

	}
}


    #canvas_container {
    	background: #333;
    	text-align: center;
    	border: 3px solid grey;
        padding: 10px;
        width: 100%;
        height: 85vh;
        overflow: auto;

    }

 

.parent > .child .active > .child{
	background-color: #e3e3e3;
}

#document-tree > ul.parent > li.child.active > ul > li.child {
	background-color: #ddd;
	padding: 5px 0;
}

#document-tree > ul.parent > li.child.active > ul > li.child.active {
	background-color: white;
	padding: 5px 0;
}

.child .active > a {
	color: #1b8741;
}
.child > a {
	color: #323B44;
}

#custom-size {
	width: 95%;
	max-width: 1440px;
}

/* 
** Contact Form 7 Styles 
*/


.dealer-form {
    width:  100%;
    display: flex;
}

.dealer-form h3 {
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

.dealer-form-section {
    width: 50%;
}

.dealer-form-section input, .dealer-form-section textarea {
    width: 95%;
    padding: 2%;
}

.dealer-form-section label {
    margin: 2% 0;
}

.dealer-form-btn {
        display: inline-block;
    margin: 25px 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:  white;
    background-color: #1b8741;
    font-size: 1rem;
        word-break: break-word;

}

.dealer-form-btn:hover {
    background-color: #323B44;
}

@media (max-width: 768px){
    .dealer-form {
        display: inline-block;
    }

    .dealer-form-section {
        width: 100%;
        margin-bottom: 30px;
    }

    .dealer-form-section input, .dealer-form-section textarea {
        width: 100%;
    
    }

}


/* custom plate input box */ 

@import url('https://fonts.cdnfonts.com/css/charles-wright');
                
#reg {
    background-color: #FFFF00 !important;
    font-size: 2rem;
    color: black;
    font-family: 'Charles Wright', sans-serif;
    text-transform: uppercase;
    text-align: center !important;
    border: 5px solid black !important;
    
}