/**
 * Place your custom styles here.
 */
.region-footer {
  text-align: center;
  padding-top: 20px;
  background-color: #dadacf;
  border-top: 1px solid #fff;
}

.btn-primary, .btn-success {
	margin-right:5px;
}

.view-faculty .user-status {
	margin-right:10px;
}

.navbar-collapse {
	padding-top: 20px;
	font-size: 14pt;
  font-family: arial;
}

.navbar-nav {
  text-transform: uppercase;
  /*font-weight: bold;*/
  font-size: 0.9em;
  margin: 7.5px 0px;
  font-family:'Black Ops One', cursive;
}

/*.navbar-nav li { 
  height: 50px;
  width: 50px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}*/

.home-title {
	font-family: 'Chonburi', cursive !important;
	font-size: 2em !important;
  color: darkslategray;
}

.logo img {
	width:200px;
}

.page-header {
	font-weight: bold;
  text-align: center;
  margin:0;
}
.block-title {
	font-size:36px;
	font-weight: bold;
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
 }
.content p {
	font-size: 1.4em;
  /*line-height: 2em;*/
  font-family: 'Gabriela', serif;
  text-align: center;
}

body {
	background-image: linear-gradient(#cccbbb,#fff);
	background-repeat: no-repeat;
	/*position: relative;*/
}

body.announce-page {
	background-image: linear-gradient(black,black);
	background-color: black;
}


body.path-node {
	background-image: linear-gradient(#cccbbb,#fff,#cccbbb);
}

.navbar-nav > li > a {
	color: #dcdcdc;
}

.navbar-default {
	background-color:#fff;
}

img.down-arrow {
	position: fixed;
	bottom: 10px;
	cursor: pointer;
	right: 3%;
	width:45px;
}

img.up-arrow {
	display:none;
	position: fixed;
	bottom: 20px;
	cursor: pointer;
	right: 3%;
	z-index:1;
	width:45px;
	transform: rotateX(180deg);
}

/*#how-it-works {
	width:500px;
}*/

#qtokens-custom-office-add-form .btn-default {
	display:none;
}

#block-views-block-join-queue-block-1 .block-title {
	text-align:center;
	padding-bottom:20px;
	font-weight: bold;
}

legend {
	font-weight:700;
	font-size:14px !important;
	margin-bottom:0 !important;
}

nav.tabs {
	display:none;
}

.top-menu-style {
	  text-align: center;
    margin: auto 5px !important;
}

.view-deferred-tokens, .view-list-of-offices, .view-list-of-services
{
	width: 420px;
	display:inline-block;
	text-align:left;
}

form:not(.views-exposed-form) {
/*	max-width: 420px;*/
	display:inline-block;
	text-align:left;
}

form[class*='-delete-form'] {
		text-align:center;
}

.view-list-of-offices, .view-list-of-services{
	max-width:100%;
}

.edit-office-details {
	text-align:center;
}

#edit-relations {
	display:none;
}

.region-content {
	text-align: center;
}

.path-qtokens-custom-office dd {
	padding-bottom: 15px;
}

th:not(.field-label) {
	text-align: center !important;
}

/* style for list of queues buttons and dialog */

.clearfix {
  clear: both;
}

#dialog-confirm {
  display:none;
}


/* style for videos list page and individual video page */

.view-videos .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.view-videos .view-content .views-field-field-video {
	display: inline-flex;
}

video {
	width:100%;
	height: auto;
}

@media all and (max-width: 320px) {
	#no-more-queues {
		width: 300px;
	}
	#how-it-works {
		width: 320px;
		margin: -15px;
	}
	
	.content p {
		font-size: 18px;
	}
	.navbar-toggle {
		margin-top: 30px;
	}
	.home-title {
		font-size: 25px !important;
	}
	img.down-arrow {
		display:none;
	}
	#block-anonymoususersmenu .nav>li>a {
	 margin-left: -15px;
	}
	#block-anonymoususersmenu,#block-anonymoususersmenu li {
    float: none !important;
	}
	.view-deferred-tokens, .edit-office-details .form-elements {
		width:auto;
		display:block;
	}
	.view-token-display {
		font-size: large !important;
	}
	.content-style {
		margin-left: 65% !important; 
	}
	
	
}

@media all and (min-width: 321px) and (max-width: 479px) {
	#no-more-queues {
		width: 310px;
	}
	#how-it-works {
		width: 320px;
	}
	
	.content p {
		font-size: 18px;
	}
	.navbar-toggle {
		margin-top: 30px !important;
	}
	.home-title {
		font-size: 25px !important;
	}
	img.down-arrow {
		display:none;
	}
	#block-anonymoususersmenu .nav>li>a {
	 margin-left: -15px;
	}
	#block-anonymoususersmenu,#block-anonymoususersmenu li {
    float: none !important;
	}
	.view-deferred-tokens, .edit-office-details .form-elements {
		width:auto;
		display:block;
	}
	.view-token-display {
		font-size: large !important;
	}
	.announce-page .footer {
		font-size: 10px;
	}
}

@media all and (min-width: 480px) and (max-width: 667px) {
	#no-more-queues {
		width: 350px;
	}
	#how-it-works {
		min-width: 460px;
		max-width:480px;
	}
	
	.content p {
		font-size: 18px;
	}
	.navbar-toggle {
		margin-top: 30px;
	}
	img.down-arrow {
		display:none;
	}
	.announce-page .footer {
		font-size: 10px;
	}
	#block-anonymoususersmenu .nav>li>a {
	 margin-left: -15px;
	}
	
	#block-anonymoususersmenu,#block-anonymoususersmenu li {
    float: none !important;
	}
}

@media all and (min-width: 768px) and (max-width: 1023px){
	.content p {
		line-height: 2.5em;
	}
	
	.nav>li>a {
		padding: 15px 4px !important;
	}
	#no-more-queues {
	  padding-top: 50px;
	}
	
	#how-it-works {
	  width: 700px !important;
	}
	.navbar-nav, #block-anonymoususersmenu .nav {
		font-size:11px !important;
	}
	.navbar-nav>li, #block-anonymoususersmenu .nav>li {
	  margin: 5px !important;
	}
}

@media all and (min-width: 768px)  {
	.region-navigation-collapsible {
		float: right;
	}
	
	#block-qtokens-thm-main-menu {
		float:left;
	}
	
	#block-qtokens-thm-account-menu {
		float:left;
	}
}
.path-node .page-header {
	display: none;
}

.path-node .breadcrumb {
	display: none;
}

.breadcrumb {
	background: unset !important;
}

.breadcrumb>li+li:before{
	color: #327ab7 !important;
    content: "\00BB" !important;
}

.breadcrumb>.active {
	color: unset !important;
}

.button {
    -moz-appearance: none;
    background-color: #f2f1eb;
    background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
    border: 1px solid #a6a6a6;
    border-radius: 20em;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: normal;
    padding: 4px 1.5em;
    position: relative;
}

.disable_button {
	cursor: default;
    background-image: none;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    border-radius: 20em;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #E6E6E6;
    color: graytext;
    font-weight: 600;
    line-height: normal;
    padding: 4px 1.5em;
    position: relative;
}

#suspend-queue-popupHolderBackDiv, #edit-queue-popupHolderBackDiv {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	background:#000;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

.main-container {
	min-height:405px;
}
#navbar {
	z-index: unset !important;
}

#block-anonymoususersmenu .nav {
	font-family: 'Black Ops One', cursive;
  font-size: 18px;
  text-transform: uppercase;
  margin: 2.5px 0px;
}

.announce-page #current-token-number {
	font-size:15em;
}
.announce-page #queue-name {
	font-size: 5em;
}
.announce-page .token-label {
  font-size: 5em;
  color: #00b8ff;
}

#block-anonymoususersmenu, #block-anonymoususersmenu li {
	float:left;
}

#block-anonymoususersmenu .nav>li>a {
    color: #777;
}

#block-anonymoususersmenu .nav>li>a:hover {
    color: #333;
    background-color: transparent;
}

.edit-office-details .form-elements {
	margin-bottom: 15px;
}

.button-dkgray, .btn-success, .btn-info,.pagination>.active>a, 
.pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover {
	background:darkslategray !important;
	color:white !important;
	border-color: transparent !important;
}
.button-dkgray:hover, .btn-success:hover, .btn-info:hover, .button-dkgray:active, .btn-success:active,
.btn-info:active, .btn-success:focus, .btn-info:focus {
	background:darkslategray !important;
	color:white !important;
	border-color: transparent !important;
}

.button-dkgreen{
	background:darkgreen;
	color:white;
}
	
.footer {
	line-height:1em;
	padding-left:0 !important;
	padding-right:0 !important;
}

.text-primary {
	color:#333 !important;
}

.view-token-display {
	font-size: xx-large;
	font-weight: bold;
}

/*.announce-page .navbar-header {
	text-align:center;
	float:initial;
}*/

.announce-page .footer {
	font-size: 10px;
	top:0;
	width: auto;
  right: 60px;
  line-height:1.5em;
}

.announce-page .footer p {
	margin: 0;
}

.announce-page .footer a, .announce-page .navbar-header a {
	pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.announce-page .pull-left {
	float:initial !important;
}

body::after{ content:''; display:block; height:100px; }

.footer {
	/*bottom:0;*/
	width:100%;
	position:absolute;
}

.announce-page .dialog-off-canvas-main-canvas {
	background-color: black;
}

.announce-page .main-container{
	color:white;
}

.announce-page .table-striped>tbody>tr:nth-of-type(odd){
	color:black;
}

.announce-page .table-striped>tbody>tr:nth-of-type(even):hover{
	color:black;
}

.announce-page thead{
	color:crimson;
}

.announce-page header {
	background-color: black;
}

.announce-page .region-footer {
	background-color: black;
  padding-top: 5px;
  border-top: 0;
}

.announce-page .region-footer .field {
	color: #fff;
}

#edit-holidays-wrapper .control-label, .qtokens-custom-office-form .tabledrag-toggle-weight {
	display:none;
}

.add-office-msg {
	text-align:center;
}
.add-queue-msg {
	margin-left:14px;
}
.blink_me {
  /*animation: blinker 1s linear infinite;*/
}

.edit-image {
	width:30px;	
  display: inline-block;
}

.field--widget-entity-reference-paragraphs td {
	padding:10px !important;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.ui-widget-header {
	background-color:#dadacf;
}

.ui-widget-content button, .ui-widget-content button:hover, 
.ui-widget-content button:active, .ui-widget-content button:focus {
	background-color:darkslategray;
	color:#fff;
}

button.ui-dialog-titlebar-close, button.ui-dialog-titlebar-close:hover, button.ui-dialog-titlebar-close:active {
	border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
	
}

.announce-page header .container {
	margin-left:8px;
}

@media all and (min-width: 568px) and (max-width: 823px) and (orientation : landscape){
	.announce-page #queue-name, .announce-page .token-label {
		font-size: 20px !important;
	}
	.announce-page #current-token-number, .announce-page .token-label {
		font-size: 80px !important;
	}
	.announce-page .footer {
		font-size: 10px;
		line-height:1px;
	}
	
	.announce-page .logo img {
		width: 150px;
	}
	
	.announce-page .main-container {
    min-height: 0;
	}
}

@media all and (min-width: 1600px) {
	.announce-page #current-token-number, .announce-page .token-label {
		font-size:20em;
	}
	#how-it-works {
		width:1000px !important;
	}
	.content p {
		font-size: 1.5em;
	}
}

@media (width: 1366px) {
	.path-node .footer p {
			line-height:0;
	}
}

@media (max-width: 640px){
	.tablesaw-stack tbody tr {
	  border-bottom: 5px solid #666 !important;
	}
	.view-list-of-queues .tablesaw-stack tbody td {
		min-width: 100%;
		white-space: normal !important;
	} 
	.view-list-of-queues .tablesaw-stack td .tablesaw-cell-label, .view-list-of-queues .tablesaw-stack th .tablesaw-cell-label{
		width: 46% !important;
	}
	.view-list-of-offices .tablesaw-stack tbody td, .view-list-of-offices .tablesaw-stack tbody th, .view-list-of-services .tablesaw-stack tbody td, .view-list-of-services .tablesaw-stack tbody th{
		display: table-cell !important;
    float: unset !important;
	}
	.view-list-of-offices .tablesaw-stack tbody tr, .view-list-of-services .tablesaw-stack tbody tr{
		border-bottom: unset !important;
	}
	.view-faculty .tablesaw-stack td .tablesaw-cell-label, .view-deferred-tokens .tablesaw-stack td .tablesaw-cell-label{
		white-space: normal !important;
		width: 45% !important;
	}
	.view-faculty .tablesaw-stack tbody td .tablesaw-cell-content, .view-deferred-tokens .tablesaw-stack td .tablesaw-cell-content{
		max-width: 50% !important;
    white-space: normal !important;
    overflow-wrap: break-word;
	}
	.view-join-queue .tablesaw-stack td{
		white-space: normal !important;
	}
	.view-join-queue .tablesaw-stack td .tablesaw-cell-label{
		width: 45% !important;
	}
}

@media (min-width: 640px){
	.tablesaw-stack td, .tablesaw-stack th {
		text-align: center;
	}
}

.path-list-of-offices .breadcrumb {
		display: none;
}

.qtokens-custom-office-confirm-form {
	text-align: center;
}

.field--label {
	display:none;
}
.announcements .views_slideshow_cycle_teaser_section{
	display:block;
	font-size:0.4em;
	white-space: nowrap;
}
.announcements .views_slideshow_cycle_teaser_section .blink_me{
	color:red;
}

.views_slideshow_cycle_slide {
	 width: 100% !important;
   /*position: unset !important;*/
}

#reactivate-token-form{
	display:none;
}
.reactivate-token-submit{
	background: #388E3C;
	color:#fff;
}

.paragraphs-dropbutton-wrapper ul.dropbutton li {
    list-style-type: none;
    display: inline;
}

.my-token-list.view-id-qtokens .field--name-field-token-service a{
		pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.queue-list .view-content .views-table tbody tr.queue-1 td.views-field-services-target-id .paragraph-formatter {
  display: inline-flex !important;
}

.js .paragraph-type-top{
	flex-wrap: wrap !important;
}

@media (pointer:coarse) {
	body .simple-responsive-table td:before {
		width:65%;
	}
	body .simple-responsive-table tr {
    border-top: 5px solid #666;
	}
	
	body .simple-responsive-table td {
		border:1px solid #ddd !important;
		text-align:left !important;
	}
	table.simple-responsive-table  {
		border: 0 !important;
	}
	table.simple-responsive-table .content-style {
		max-width:55%;
		display:inline-block;
		margin-left: 55%;
		/*margin-left: 95px;
		padding: inherit;*/
	}
}


.form-required::after {

    width: 7px;
    height: 7px;
    background-size: 7px 7px;

}
.form-required::after {

    display: inline-block;
    width: 6px;
    height: 6px;
    content: "";
    vertical-align: super;
    background-image: url(../../../../core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}

.view-token-display .token-label {
	display:none;
}

#waiting-message {
	font-weight: bolder;
  font-style: italic;
}