/*
 * styles.css
 *
 * Tvara Accompanying Styles
 * Copyright (c) 2020 Tvara
 * All rights reserved.
 * Tvara Confidential and Proprietary.
 */

.tv-toggle-btn {
	/* Placeholder*/
}

.tv-toggle-btn-pill-off, .tv-toggle-btn-pill-off:active, .tv-toggle-btn-pill-off:focus {
	color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    outline: none;
    box-shadow: none;
}

.tv-toggle-btn-pill-off:hover {
	color: #fff;
}

.tv-toggle-btn-off, .tv-toggle-btn-off:active, .tv-toggle-btn-off:focus {
	color: #6c757d;
    border-color: #6c757d;
    outline: none;
    box-shadow: none;
}

.tv-toggle-btn-off:hover {
	color: #6c757d;
}

.tv-toggle-btn-pill-on, .tv-toggle-btn-pill-on:active, .tv-toggle-btn-pill-on:focus {
	color: #fff;
    border-color: #28a745;
    outline: none;
    box-shadow: none;
}

.tv-toggle-btn-pill-on:hover {
	color: #fff;
}

.tv-toggle-btn-on, .tv-toggle-btn-on:active, .tv-toggle-btn-on:focus {
	color: #fff;
    border-color: #28a745;
    background-color: #28a745;
    outline: none;
    box-shadow: none;
}

.tv-toggle-btn-on:hover {
	color: #fff;
}

.tv-toggle-btn .animation {
	transition: left 0.7s; -webkit-transition: left 0.7s;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}

.modal.top .modal-dialog {
	width: 100%;
	margin: auto;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	border-radius: unset;
	overflow-y: auto;
}

.modal.top .modal-content {
	border-radius: unset;
	overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body,
.modal.top .modal-body {
	padding-left: 15px;
	padding-right: 15px;
}

.modal.right .modal-dialog {
	right: 0;
}

.modal.left .modal-dialog {
	left: 0;
}


/*Left with Sidefade */
.modal.left.sidefade .modal-dialog {
	left: calc(100vw*-1);
	-webkit-transition: opacity 0.4s linear, left 0.5s ease-out;
	   -moz-transition: opacity 0.4s linear, left 0.5s ease-out;
		 -o-transition: opacity 0.4s linear, left 0.5s ease-out;
			transition: opacity 0.4s linear, left 0.5s ease-out;
}

.modal.left.sidefade.in .modal-dialog {
	left: 0px;
}


/*Right with Sidefade */
.modal.right.sidefade .modal-dialog {
	right: calc(100vw*-1);
	-webkit-transition: opacity 0.4s linear, right 0.5s ease-out;
	   -moz-transition: opacity 0.4s linear, right 0.5s ease-out;
		 -o-transition: opacity 0.4s linear, right 0.5s ease-out;
			transition: opacity 0.4s linear, right 0.5s ease-out;
}

.modal.right.sidefade.in .modal-dialog {
	right: 0px;
}

/*Top with Sidefade */
.modal.top.sidefade .modal-dialog .modal-content {
	max-height: 0px !important;
	-webkit-transition: max-height 0.1s ease-in-out;
	   -moz-transition: max-height 0.1s ease-in-out;
		 -o-transition: max-height 0.1s ease-in-out;
			transition: max-height 0.1s ease-in-out;
}

.modal.top.sidefade.in .modal-dialog  .modal-content {
	max-height: 100% !important;
}


.tv-modal-sidebar-fullscreen {
	width:100% !important;
	max-width:100% !important;
	/*height: 100%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;*/
}

.tv-hover-row {
	/* Placeholder class */
}
.tv-hover-row:hover {
	background-color: rgba(234,234,240,100) !important;
}

.tv-hover-row.clickable:hover {
	cursor: pointer !important;
}

.tv-hover-row.clickable.selected {
	background-color: rgba(234,234,255,100) !important;
}

.dropdown-toggle.tvnav::after {
    display: none;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.tv-mdl-full-width {
	max-width: 100% !important;
	width: 100% !important;
}
.tv-btn-no-focus:focus {
  outline: none !important;
  box-shadow: none !important;
}

.tv-typewrite-animation {
	/* Place holder class */
}

.tv-typewrite-animation > .tv-typewrite-wrap {
	/*padding-right: 0.01em;
	border-right: 0.04em solid #cccccc;*/
}