html,body{min-height:100%;background:#222;}
body{font-family:'Roboto','sans-serif';background:#fff;font-size:15px;}
.container{width:auto;max-width:1360px;}

.search-body{font-family:'Roboto','sans-serif';background:#024177;font-size:15px;color:#FFFFFF;}
.search-body hr{height:10px; margin:0px 0;background-color:yellow;}

.container{width:auto;max-width:1360px;}
h1,h2,h3,h4,h5,h6,.panel-heading,.navbar-nav > li{color:#222;}
h1{font-size:36px;font-weight:600;}
h2{font-size:30px;font-weight:600;}
h3{font-size:25px;font-weight:400;}
h4{font-size:21px;font-weight:400;}
h5{font-size:19px;font-weight:400;}
h6{font-size:17px;font-weight:400;}
body hr{margin:20px 0;border-color:#d8dcdd;}
.navbar{background:transparent;background-size:auto 100%;border:0;padding:0;margin:0;}
.navbar-brand{line-height:35px;margin-top:10px;margin-bottom:15px;}
.navbar-brand > img{height:35px;max-height:35px;max-width:100%;}
.navbar-default .navbar-nav > li > a{line-height:35px;color:#666;font-weight:600;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus{color:#fff;outline:none;background:#f6c005;}
ul.dropdown-menu{border:0;min-width:100%;box-shadow:0 3px 7px -3px rgba(0,0,0,0.3);}
ul.dropdown-menu > li > a{padding:7px 15px;}

#site-search-container,.files-search-container{position:relative;width:350px;max-width:100%;padding:7px 0 0;margin-right:15px;}
#site-search-results,.files-search-results{position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 3px 4px -3px #777; z-index: 100000}
#site-search-results ul.list li, .files-search-results ul.list li{margin:0;}
a.search-result{color:#666;padding:6px 10px;border-bottom:1px dotted #ccc;display:block;}
a.search-result:hover{background:#f6f6f6;text-decoration:none;}
a.search-result span:last-child{font-weight:700;color:#336699;}
#site-search-close,.files-search-close{position:absolute;top:18px;right:15px;color:#aaa;cursor:pointer;}
.files-search-close{top:12px;}
#site-search-close:hover,.files-search-close:hover{color:#666;}

.app-content{padding-top:0;min-height:95vh;}
.vertical-center{min-height:100%;min-height:100vh;display:flex;align-items:center;}
.app-content > .vertical-center{margin-top:-70px;}
.page-bg{background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;}
.white-bg{background:#fff;box-shadow:0 2px 5px -2px #ccc;}

#desktop-product-image{display:inline-block;margin:20px 0;min-height:180px;box-shadow:-4px 4px 10px -2px #d8dcdd;}

.btn,.file-input + label{border-radius:2px;border:0;padding:6px 14px 7px;min-width:100px;transition:background 0.5s ease;font-size:15px;padding:12px 35px;}
.btn.btn-block{min-width:0;}
.btn.btn-xs{min-width:0;}
.btn.btn-primary{background:#002857;}
.btn.btn-primary:hover{background:#222;}
.btn.btn-info,.file-input + label{background:#008eaa;}
.btn.btn-info:hover,.file-input:focus + label,.file-input + label:hover{background:#222;}
.btn.btn-default{background:#eee;}
.btn.btn-default:hover{background:#ccc;}

.form-control,select,input{border:1px solid #d8dcdd;border-radius:2px;color:#666;box-shadow:none;height:48px;padding:6px 15px;}
input[type=file]{border:0;padding:0;background:#fff;}
input[type="checkbox"], input[type="radio"]{height:auto;border:0;}
.form-control:focus,select:focus,input:focus{color:#222;box-shadow:0 0 5px rgba(0,0,0,.15);border-color:#d8dcdd;}
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,::-ms-input-placeholder{color:#b6b6b6 !important;}
body .dataTables_wrapper{background:#e8edee;padding:15px;}
body .dataTables_length,.dataTables_length label,.dataTables_filter,.dataTables_filter label{color:#666 !important;font-weight:400 !important;margin:0 0 8px;}
body table.dataTable{background:#fff;padding:0 15px;margin-left:-15px;}
body table.dataTable,body table.dataTable.no-footer,body table.dataTable thead th,body table.dataTable thead td{border-bottom:1px solid #d8dcdd;}
body table.dataTable > thead > tr > th{padding:10px;}
body table.dataTable > thead > tr > th:first-child, body table.dataTable > tbody > tr > td:first-child{padding-left:0;}
body table.dataTable > thead > tr > th:last-child, body table.dataTable > tbody > tr > td:last-child{padding-right:0;}
.table .td-main{width:80%;line-height:34px;vertical-align:middle;}
.table .td-button{width:20%;}
.table > tbody > tr > td{border-top:1px solid rgba(216, 220, 221, 0.6);}
.form-group.form-row{border-bottom:1px solid #d8dcdd;margin:0;padding:8px 20px 6px;}
.form-group.form-row label{margin:0;line-height:30px;vertical-align:middle;}
.form-group.form-row .row{padding-bottom:5px;padding-top:5px;}

.breadcrumb{display:inline-block;border-radius:0;margin:5px 0 0;font-weight:400;background:transparent;padding-left:0;}
#checklist{background:url('/images/trans-white.png') repeat;margin-bottom:8px;box-shadow:0 2px 3px -2px #aaa;}
#checklist-label,#checklist-inner{padding:2px 8px;max-height:27px;overflow:hidden;text-overflow:ellipsis;}
#checklist-label{width:20%;background:#5f00e0;color:#fff;}
#checklist-inner{width:80%;padding-left:15px;}

.panel,.panel.panel-default{background:transparent url('/images/trans-white.png') repeat;border-radius:2px;}
.panel > .panel-heading{background:transparent;border:0;font-weight:600;padding-bottom:0;font-size:20px;}
.panel.panel-border{border:1px solid #d8dcdd;}
.panel.panel-border > .panel-heading{background:#f0f0f0;padding:10px 15px;}
.well{border-radius:0;border:0;}
div.well-highlight{background:#002855;color:#fff;}
.thumbnail{background:#eee;min-height:135px;margin:0;padding:0;color:#aaa;line-height:135px;vertical-align:middle;text-align:center;font-size:12px;}
.box{border:1px solid #d8dcdd;}

.white{color:#fff;}
.light{color:#777;}
.blue{color:#5f00e0;}
.text-shadow{text-shadow:0 0 5px #666;}
.block,.row{display:block;}
.button-link{color:#888;font-size:12px;font-weight:300;}
.button-link:hover{margin:-5px;padding:5px;background:#eee;border-radius:2px;color:#222;}
.normal{font-weight:400;}

.border0,.form-control.border0{border:none;}
.p0{padding:0px !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.pt0{padding-top:0px !important;}
.pb0{padding-bottom:0px !important;}
.pt5{padding-top:5px !important;}
.pb5{padding-bottom:5px !important;}


.m0{margin:0 !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

ul.list{list-style:none;margin:0;padding:0;}
ul.list li{margin:0 0 3px;padding:0;}
ul.list li:last-child{margin-bottom:0;}
.list-thumbnail{width:20%;}
.list-content{width:80%;padding-left:15px;color:#888;}
ul.list li:hover .list-content{color:#666;}
ul.list li:hover .list-content .list-title{color:#ec0048;}

.checkbox.custom-checkbox label,.radio.custom-radio label{padding:0;}
.checkbox.custom-checkbox label:after,.radio.custom-radio label:after{content:'';display:table;clear:both;}
.checkbox.custom-checkbox .cr,.radio.custom-radio .cr{position:relative;display:inline-block;border:1px solid #d8dcdd;background:#fff;border-radius:4px;width:30px;height:30px;float:left;box-shadow:0 3px 4px -3px #aaa;}
.radio.custom-radio .cr{border-radius:50%;}
.checkbox.custom-checkbox .cr .cr-icon,.radio.custom-radio .cr .cr-icon{position:absolute;font-size:16px;line-height:0;top:50%;left:20%;color:#5f00e0;font-weight:800;}
.checkbox.custom-checkbox label input[type="checkbox"],.radio.custom-radio label input[type="radio"] {display:none;}
.checkbox.custom-checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio.custom-radio label input[type="radio"] + .cr > .cr-icon{transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .3s ease-in;}
.checkbox.custom-checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio.custom-radio label input[type="radio"]:checked + .cr > .cr-icon{transform:scale(1) rotateZ(0deg);opacity:1;}
.checkbox.custom-checkbox label input[type="checkbox"]:disabled + .cr,.radio.custom-radio label input[type="radio"]:disabled + .cr{opacity:.5;}

.file-input{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.file-input + label{display:inline-block;cursor:pointer;color:#fff;font-weight:400;}

div.tooltip > .tooltip-inner{background-color:#5f00e0;color:#fff;padding:5px 10px;font-family:'Open Sans','sans-serif';font-size:13px;border-radius:2px;box-shadow:0 3px 4px -3px #000;}
div.tooltip.left > .tooltip-arrow{border-left-color:#5f00e0;}
div.tooltip.right > .tooltip-arrow{border-right-color:#5f00e0;}
div.tooltip.top > .tooltip-arrow{border-top-color:#5f00e0;}
div.tooltip.bottom > .tooltip-arrow{border-bottom-color:#5f00e0;}

div.modal-content{border-radius:0;border:4px solid #444;}
div.modal-header{border-bottom:0;padding-bottom:0;font-weight:600;}
div.modal-header .close{position:absolute;top:15px;right:15px;}

.nav-tabs{border-bottom:1px solid #d8dcdd;}
.nav-tabs > li > a{border-radius:0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background:#fff;border:1px solid #d8dcdd;border-top:4px solid #f6c005;border-bottom:1px solid transparent;padding-top:7px;}
.nav-tabs .btn{margin-top:-7px;}

.footer{background:#222;margin:30px 0 0;}
.footer,.footer a{color:#999;}
.footer a:hover{color:#555;}

#files-site-search-container{position:relative;}
#files-site-search-results{position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 3px 4px -3px #777; z-index: 10000;}
#files-site-search-results ul.list li{margin:0;}
a.search-result{color:#666;padding:6px 10px;border-bottom:1px dotted #ccc;display:block;}
a.search-result:hover{background:#f6f6f6;text-decoration:none;}
a.search-result span:last-child{font-weight:700;color:#336699;}
#files-site-search-close{position:absolute;top:27px;right:15px;color:#aaa;cursor:pointer;}
#files-site-search-close:hover{color:#666;}
a[aria-expanded=true].page_links .mdi-chevron-down {display: none;}
a[aria-expanded=false].page_links .mdi-chevron-up {display: none;}
.video-name {font-weight: 700;}

@media only screen and (max-width: 768px) {
	.navbar {padding-top: 5px;}
	.navbar-brand {float: unset;display: block;width: 100%;height: unset;text-align: center;line-height: 45px;margin-bottom: 10px;padding: 25px 0;}
	.navbar-brand > img {height: auto;display: inline-block;vertical-align: middle;}

	.app-content .container {padding: 0;}
	.app-content>.container>.row {margin: 0 !important;}
	#mobile-product-image {width: 100%;min-height: 180px;margin-bottom: 35px;}
	#mobile-product-image img{margin: auto}

	ol.breadcrumb {width: 100%;float: left;padding: 0 16px 0;margin-bottom: 35px !important;}
	.breadcrumb > li {display: block;float: none;color: #777;margin-bottom: 5px;font-size: 14px;font-weight: 700 !important;}
	.breadcrumb > li + li:before {display: none;}
	.breadcrumb > li > span {display: inline-block;width: 55px !important;padding: 0 3px;color: #BDBDBD;font-size: 16px !important;font-weight: 400 !important;margin-right: 5px;line-height: 100%;}
	.page-bg {background-size: cover;}

	.files-search-container {width: 100% !important;margin: 0 0 35px !important;padding: 0 !important;}
	.files-search-container .files-search-close {top: 6px !important;right: 28px;font-size: 22px !important;}

	#tabs.panel-group .panel{border: none;box-shadow: none;}
	#tabs.panel-group .panel .panel-heading {border-bottom: 1px solid #4F95CC;padding: 10px 0 !important;}
	#tabs.panel-group .panel:first-child .panel-heading {border-top: 1px solid #4F95CC;}
	#tabs.panel-group .panel-heading a {display: inline-block;width: 100%;font-weight: 400;text-decoration: none !important;}
	#tabs.panel-group .panel-heading a i {display: inline-block;width: 28px;font-size: 25px;}
	#tabs.panel-group .panel-body {padding: 16px 0;}
	#tabs.panel-group .panel-body .category {font-size: 16px;font-weight: 700;}
	#tabs.panel-group .panel-body .category:not(:first-child) {margin-top: 24px;}
	#tabs.panel-group .panel-body .list {display: flex;justify-content: start;align-items: start;background-color: #EDF2F7;font-size: 14px;font-weight: 400;color: #000;padding: 4px;margin: 8px 0;}
	#tabs.panel-group .panel-body .list i {display: inline-block;width: 32px;font-size: 24px;color: #4F95CC;}
	#tabs.panel-group .panel-body .list div {padding: 8px 0;}
	#tabs.panel-group .panel-body .fields tr td:nth-child(2) {font-weight: 700;}
	#tabs.panel-group .panel-body .light {overflow-x: auto !important;}
	#tabs.panel-group .panel-body iframe {width: 100% !important;}
	#collapse-6 .light img {
		max-width: 100%!important;
		height: unset !important;
	}
	p a[href^=tel] {
		display: block;
		font-size: 24pt !important;
		text-align: center !important;
	}
}