/* General */
img,
object,
iframe {max-width: 100%;}

body.open {overflow: hidden;}

/* UI Kit wrapper */
.ui-kit-wrapper {padding-top: 150px; padding-bottom: 25px;}
.ui-kit-wrapper .block-wrapper {padding: 15px;}
.ui-kit-wrapper .block-wrapper .main-title {margin: 0;}

/* Overlay */
.overlay {position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; z-index: -1;}
.overlay.reveal {opacity: 1; z-index: 3;}

/* Navbar */
.navbar {border-radius: 0; margin-bottom: 0; z-index: 999;}
.navbar .logo-bar { padding: 10px 15px;}

.navbar-default .navbar-nav>li>a {-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}

.navbar-toggle {height: 50px; float: left; border: 0; margin-left: 50px; margin-top: 0; margin-bottom: 0; margin-right: 0; border-radius: 0;}

.navbar-collapse {padding-left: 0;}

.navbar .custom-toggle {height: 50px; width: 50px; padding: 10px 10px; cursor: pointer;}
.navbar .custom-toggle .icon-bar {display: block; height: 3px; width: 100%;  margin-bottom: 4px;}
.navbar .custom-toggle .icon-bar:last-child {margin-bottom: 0;}

.navbar .custom-toggle.mobile-view {display: none;}
.navbar .custom-toggle.desktop-view {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

.navbar .navbar-right {margin-right: 0;}

.navbar .toggle-navbar-left {left: 0;}
.navbar .toggle-navbar-right {right: 0;}

.navbar .custom-navbar {position: fixed; width: 300px; height: 100%; top: 124px; z-index: 5; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.navbar .custom-navbar .nav {float: none;}
.navbar .custom-navbar .nav li {float: none;}
.navbar .custom-navbar .nav li a {-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}

.navbar .custom-navbar-left {-webkit-transform: translate(-350px, 0);transform: translate(-350px, 0); left: 0;}
.navbar .custom-navbar-left.collapsed {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.navbar .custom-navbar-right {-webkit-transform: translate(350px, 0);transform: translate(350px, 0); right: 0;}
.navbar .custom-navbar-right.collapsed {-webkit-transform: translate(0, 0);transform: translate(0, 0);}

/* References */
.reference-block {margin-bottom: 20px;}
.reference-block .link {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  text-decoration: none; padding: 5px 15px;}
.reference-block .link .glyphicon {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 15px;}

/* Telephone directory */
#searchCollaborators {border-radius: 0px;}

.telephone-directory {padding: 15px 15px; list-style-type: none;}
.telephone-directory .collaborator-wrapper {padding: 15px 15px; margin-bottom: 30px;}
.telephone-directory .collaborator-wrapper .link {display: block;}
.telephone-directory .collaborator-wrapper .link .img {display: block; margin: 0 auto; padding: 20px 20px;}
.telephone-directory .collaborator-wrapper .link .img img {width: 250px; border-radius: 50%;}
.telephone-directory .collaborator-wrapper .link .name {font-weight: 700;}

.hideElement {display: none;}

/* Telephone directory detail */
.telephone-directory-detail {padding: 15px 15px; margin-bottom: 20px;}
.telephone-directory-detail .textblock-wrapper .textblock {margin-bottom: 20px;}
.telephone-directory-detail .textblock-wrapper .textblock:last-child {margin-bottom: 0;}
.telephone-directory-detail .textblock-wrapper .textblock .title {margin-top: 0;}
.telephone-directory-detail .textblock-wrapper .textblock .heading {margin: 0;}

.telephone-directory-detail .img {display: block; text-align: right;}

/* Telephone directory detail */
.telephone-directory-detail-information {padding: 15px 15px; margin-bottom: 20px;}
.telephone-directory-detail-information .information-bar {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0;}

/* Cases */
.cases-wrapper {padding: 15px 15px; margin: 15px 0;}
.cases-wrapper .title-dropdown-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.cases-wrapper .title-dropdown-wrapper .title {margin: 0;}
.cases-wrapper .title-dropdown-wrapper .dropdown {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.cases-wrapper .title-dropdown-wrapper .dropdown .txt {margin-right: 10px; font-weight: 700;}

.cases-wrapper .case-block {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0;}
.cases-wrapper .case-block .information-group span {font-size: 150%;}
.cases-wrapper .case-block .information-group {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.cases-wrapper .case-block .information-group .information {margin-left: 20px;}
.cases-wrapper .case-block .information-group .information .title {margin: 0;}

.cases-wrapper .case-block .label-group {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.cases-wrapper .case-block .label-group .dot {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; width: 20px; height: 20px;}
.cases-wrapper .case-block .label-group .label {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; padding: 5px 10px;}
.cases-wrapper .case-block .label-group .label-red {border: 2px solid;}
.cases-wrapper .case-block .label-group span {margin: 0 2px;}