/*
Template Name: PTLINKED Default
Version: 1.0.0
Author: Mike Frank
Website: http://www.ptlinked.com

::  1.0 
-------------------------------------------

**/

/* 1. Universal Styles */
.break { flex-basis: 100%; height: 0; }
.header.navbar{ min-height: 65px; height:65px; }
.header.navbar.navbar-default{ background-color: #efefef; box-shadow: none; border-bottom: 1px solid #ccc; }
.header.navbar.navbar-default .container-fluid.top_bar{ height:65px; min-height:65px; }
.page-container_wrapper{ display: block; height: 100%; }

/* 2. Universal Padding */
.padding-right-10{ padding-right: 10px!important; }
.padding-right-20{ padding-right: 20px!important; }
.padding-right-30{ padding-right: 30px!important; }
.padding-right-40{ padding-right: 40px!important; }
.padding-right-50{ padding-right: 50px!important; }
.padding-right-60{ padding-right: 60px!important; }
.padding-right-70{ padding-right: 70px!important; }
.padding-right-80{ padding-right: 80px!important; }
.padding-right-90{ padding-right: 90px!important; }
.padding-right-100{ padding-right: 100px!important; }

.padding-left-10{ padding-left: 10px!important; }
.padding-left-20{ padding-left: 20px!important; }
.padding-left-30{ padding-left: 30px!important; }
.padding-left-40{ padding-left: 40px!important; }
.padding-left-50{ padding-left: 50px!important; }
.padding-left-60{ padding-left: 60px!important; }
.padding-left-70{ padding-left: 70px!important; }
.padding-left-80{ padding-left: 80px!important; }
.padding-left-90{ padding-left: 90px!important; }
.padding-left-100{ padding-left: 100px!important; }

.padding-top-10{ padding-top: 10px!important; }
.padding-top-20{ padding-top: 20px!important; }
.padding-top-30{ padding-top: 30px!important; }
.padding-top-40{ padding-top: 40px!important; }
.padding-top-50{ padding-top: 50px!important; }
.padding-top-60{ padding-top: 60px!important; }
.padding-top-70{ padding-top: 70px!important; }
.padding-top-80{ padding-top: 80px!important; }
.padding-top-90{ padding-top: 90px!important; }
.padding-top-100{ padding-top: 100px!important; }

.padding-bottom-10{ padding-bottom: 10px!important; }
.padding-bottom-20{ padding-bottom: 20px!important; }
.padding-bottom-30{ padding-bottom: 30px!important; }
.padding-bottom-40{ padding-bottom: 40px!important; }
.padding-bottom-50{ padding-bottom: 50px!important; }
.padding-bottom-60{ padding-bottom: 60px!important; }
.padding-bottom-70{ padding-bottom: 70px!important; }
.padding-bottom-80{ padding-bottom: 80px!important; }
.padding-bottom-90{ padding-bottom: 90px!important; }
.padding-bottom-100{ padding-bottom: 100px!important; }

/* 2. Universal Margins */
.margin-right-10{ margin-right: 10px!important; }
.margin-right-20{ margin-right: 20px!important; }
.margin-right-30{ margin-right: 30px!important; }
.margin-right-40{ margin-right: 40px!important; }
.margin-right-50{ margin-right: 50px!important; }
.margin-right-60{ margin-right: 60px!important; }
.margin-right-70{ margin-right: 70px!important; }
.margin-right-80{ margin-right: 80px!important; }
.margin-right-90{ margin-right: 90px!important; }
.margin-right-100{ margin-right: 100px!important; }

.margin-left-10{ margin-left: 10px!important; }
.margin-left-20{ margin-left: 20px!important; }
.margin-left-30{ margin-left: 30px!important; }
.margin-left-40{ margin-left: 40px!important; }
.margin-left-50{ margin-left: 50px!important; }
.margin-left-60{ margin-left: 60px!important; }
.margin-left-70{ margin-left: 70px!important; }
.margin-left-80{ margin-left: 80px!important; }
.margin-left-90{ margin-left: 90px!important; }
.margin-left-100{ margin-left: 100px!important; }

.margin-top-10{ margin-top: 10px!important; }
.margin-top-20{ margin-top: 20px!important; }
.margin-top-30{ margin-top: 30px!important; }
.margin-top-40{ margin-top: 40px!important; }
.margin-top-50{ margin-top: 50px!important; }
.margin-top-60{ margin-top: 60px!important; }
.margin-top-70{ margin-top: 70px!important; }
.margin-top-80{ margin-top: 80px!important; }
.margin-top-90{ margin-top: 90px!important; }
.margin-top-100{ margin-top: 100px!important; }

.margin-bottom-10{ margin-bottom: 10px!important; }
.margin-bottom-20{ margin-bottom: 20px!important; }
.margin-bottom-30{ margin-bottom: 30px!important; }
.margin-bottom-40{ margin-bottom: 40px!important; }
.margin-bottom-50{ margin-bottom: 50px!important; }
.margin-bottom-60{ margin-bottom: 60px!important; }
.margin-bottom-70{ margin-bottom: 70px!important; }
.margin-bottom-80{ margin-bottom: 80px!important; }
.margin-bottom-90{ margin-bottom: 90px!important; }
.margin-bottom-100{ margin-bottom: 100px!important; }

/* 3. Universal Borders */
.border-top-1{ border-top:1px solid #ccc!important; }
.border-top-2{ border-top:2px solid #ccc!important; }
.border-top-3{ border-top:3px solid #ccc!important; }
.border-top-4{ border-top:4px solid #ccc!important; }

.border-right-1{ border-right:1px solid #ccc!important; }
.border-right-2{ border-right:2px solid #ccc!important; }
.border-right-3{ border-right:3px solid #ccc!important; }
.border-right-4{ border-right:4px solid #ccc!important; }

.border-bottom-1{ border-bottom:1px solid #ccc!important; }
.border-bottom-2{ border-bottom:2px solid #ccc!important; }
.border-bottom-3{ border-bottom:3px solid #ccc!important; }
.border-bottom-4{ border-bottom:4px solid #ccc!important; }

.border-left-1{ border-left:1px solid #ccc!important; }
.border-left-2{ border-left:2px solid #ccc!important; }
.border-left-3{ border-left:3px solid #ccc!important; }
.border-left-4{ border-left:4px solid #ccc!important; }

.border-full-1{ border:1px solid #ccc!important; }
.border-full-2{ border:2px solid #ccc!important; }
.border-full-3{ border:3px solid #ccc!important; }
.border-full-4{ border:4px solid #ccc!important; }

.navbar-header{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.ortholinked-logo-short{ border: 1px solid #ccc; background-color: #fff; border-radius: 1.5rem; padding: 0.5rem 1.5rem; font-size: 2.5rem; cursor: pointer; }
.navbar-controls{ display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start; align-content: center; }
.library--category, .library--sub_category, .library--geo_location, .library--geo_location-mobile{ border:1px solid #ccc; padding:0.5rem 2rem; margin-left: 2rem; min-width: 20rem; background-color: #fff; }
.library--geo_location-mobile{ line-height: 2.2rem; margin-left: 0; position: relative;}
.library--geo_location-mobile i{position: absolute; top:10px; right:10px; }
.library--geo_location{ min-width: 30rem; position:relative; cursor:pointer; white-space: nowrap; min-height: 35px;}
.library--geo_location i{ position: absolute; top:10px; right:10px; }
/*.navbar-controls i { float: right; position: relative; top: 3px; }*/
.header.navbar.navbar-default .navbar-brand, .header.navbar-default .navbar-nav > li > a{ color: #007aff; }
.leftside-navigation{ display: flex; flex-direction: column; max-width: 25rem; min-width: 25rem; background-color: #fff; height: 99%; margin-top: 14px; overflow-x: hidden; overflow-y: scroll; padding: 2rem; transition: margin-left 500ms ease-in-out; margin-left: 0;}
.leftside-navigation.close{ margin-left:-25rem; }
.leftside-title{ margin-top: 2rem; margin-bottom: 5rem; }
.filter-block{ margin-top: 3rem; }
h3.filter-title{ font-size: 1.4rem; color:#007aff; cursor: pointer; }
h3.filter-title i{ margin-right: 1.5rem; }
.filter-block a.btn{ border: 1px solid #ccc; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 0.5rem; color: #007aff; }
.hidden{ display:none; }

.mobile_footer{ display: none; margin-top: 9rem; padding-bottom: 2rem;}
.mobile_footer .mobile_footer--copyright{color: #303030;font-size: 1.4rem;text-align: center;}
.nav.navbar-nav.navbar-right{ font-size: 1.8rem; }
.navbar--drop_down{ position: absolute; top: 7rem; background-color: #fff; width: 100%; left: 0; border: none; overflow: hidden; height:0; transition: height 200ms ease-in-out; box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5); z-index:5; }
.navbar--drop_down.open{ height:34rem; }
.navbar--drop_down .navbar--close_btn{ position:absolute; top:1rem; right:2rem; font-size:2rem; }
.navbar--drop_down ul.navbar--drop_down-list{ list-style: none; padding:2rem 4rem; margin:0; }
.navbar--drop_down ul.navbar--drop_down-list li{ font-size:1.6rem; line-height: 4.2rem; color:#303030; text-transform: uppercase; }
.navbar--drop_down .text_url_link{ color:#007aff; padding-left:4rem; }

.nav.navbar-nav.navbar-left{ font-size: 1.8rem; }
.navbar-left--drop_down{ position: absolute; top: 7rem; background-color: #fff; width: 100%; left: 0; border: none; overflow: auto; height:0; transition: height 200ms ease-in-out; box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5); }
.navbar-left--drop_down.open{ height:80vh; }
.navbar-left--drop_down .navbar-left--title_block{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding:0 2rem 0 4rem; } 
.navbar-left--drop_down .navbar-left--title_block .navbar--close_btn{ font-size:2rem; }
.navbar-left--drop_down ul.navbar--drop_down-list{ list-style: none; padding:2rem 4rem; margin:0; }
.navbar-left--drop_down ul.navbar--drop_down-list li{ font-size:1.4rem; line-height: 4.2rem; color:#303030; }
.navbar-left--drop_down .select2-container--default .select2-selection--single{ font-size: 1.4rem; }

.navbar-left--buttons{ position:absolute; bottom:1.5rem; right:4rem; }
.navbar-left--buttons button.navbar-left--button{ background-color:#fff; border:1px solid #007aff; border-radius:0.5rem; color: #007aff; padding:0.5rem 1.5rem; }
.navbar-left--buttons button.navbar-left--button:last-child{ margin-left:2rem; }
.navbar-left--buttons button.navbar-left--button:first-child{ margin-right:2rem; }
.navbar-left--buttons button.navbar-left--button i{ margin-right:1rem; }

/*
.js-typeahead-autocomplete{ }
.typeahead__button button{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; height:3.2rem; }
.typeahead__button button .typeahead__search-icon{ width:2rem; height:2rem; }
.typeahead__cancel-button{ line-height:2rem!important; }*/