/*
#393e46		med gray
#f8b500		darker yellow
#505762		lighter gray
#22252a		darker gray
#ffc62c		lighter yellow
*/

.bd-placeholder-img {font-size: 1.125rem;text-anchor: middle; -webkit-user-select: none; -moz-user-select: none;user-select: none;}
@media (min-width: 768px) {.bd-placeholder-img-lg {font-size: 3.5rem;}}
main > .container {padding: 60px 15px 0!important;}
body {color: #22252a;}
.py-5 {padding-top: 5rem!important;}
h1 {font-size: 44px;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 2rem;}
.btn-primary {background-color: #1D90FB !important;font-size: 16px;letter-spacing: 1.5px;font-weight: 700;box-shadow: none;border-radius: 3px; margin: 0;padding: 0.8rem 1.8rem 0.7rem;}
fieldset.LS {border: 1px solid #d2d2d2;background: none;border-radius: 5px;padding: 40px;font-family: "Poppins", sans-serif;font-weight: 300;}
.recipient-details th {min-width: 180px;}
.LS td {font-size: 13px;}
.LS h2 {font-size: 24px;font-weight: 700;letter-spacing: 3.5px;color: #22252a;margin-bottom: 30px;}
.LS th {font-weight: 500;padding: 6px 0;font-size: 13px;}
.LS-recipients td {border-bottom: 1px solid #d2d2d2;padding: 15px 0!important;}
.table thead th {border-bottom: 1px solid #d2d2d2;font-size: 12px;text-transform: uppercase;letter-spacing: 1.4px;}
.LS a {font-weight: 700;font-size: 15px;letter-spacing: 1.4px;color: #1D90FB;}
.mb-3 {margin-bottom: 2rem!important;}
.navbar .nav-item.avatar {padding-top: 2px;}
.card-img-38 {width: 38px;height: 38px;}
.recipient-comments {font-size: 13px;}
.recipient-comments h5 {color: #22252a;font-size: 13px;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 0px;}
.card-header {margin-top: 40px;}
.LS .card-body {text-align: center;}
.audio-media tr{padding-left:0!important}
.LSs-list b {text-transform: uppercase;font-size: 12px;letter-spacing: 1.4px;}
.modal-dialog .modal-content .modal-header {border-top-left-radius: .7rem;border-top-right-radius: .7rem;}
.modal-dialog .modal-content {border: 0;border-radius: .8rem;}
#CreateLS .modal-body {height: 60vh!important;}
.modal-header.text-white {padding-left: 40px;background-color: #303E53;}
.modal-header.text-white h3 {font-weight: 700;font-size: 30px;}
img.closex {margin-right: 24px;margin-top: 10px;}
.LS-details-modal {padding: 40px!important;}
#CreateLS .modal-body {padding: 0;}
#CreateLS .modal-footer {padding: 20px 40px;}
#CreateLS .form-check {padding-left: 0;}
#CreateLS .form-check-label {line-height: 1rem;height: 1rem;}
#CreateLS .modal-footer>* {margin: 0;}
#CreateLS .form-check-input[type="checkbox"]+label:before, .form-check-input[type="checkbox"]:not(.filled-in)+label:after, label.btn input[type="checkbox"]+label:before, label.btn input[type="checkbox"]:not(.filled-in)+label:after {margin-top: 0;}
.insert-LSstream {max-width: 500px;width: 100%!important;}
.insert-LSstream .modal-content {border-radius: 0;}
.insert-LSstream .modal-body {padding: 20px 40px;}
.insert-LSstream .modal-header {padding: 20px 40px;background-color: #22252a;border-top-left-radius: 0!important;border-top-right-radius: 0!important;color: #ffffff;font-size: 26px;font-weight: 700;}
.insert-LSstream  h5 {font-size: 26px;font-weight: 700!important;}
.insert-LSstream button.close {color: #ffffff;opacity: 1;font-size: 2.5rem;line-height: 1;font-weight: 400;}
.insert-LSstream p {font-size: 16px;line-height: 24px;margin-bottom: 30px;}
#ddlLSStreams {background-color: transparent;border: none;border-bottom: 1px solid #ced4da;border-radius: 0;outline: none;-webkit-box-shadow: none;box-shadow: none;width: 100%;font-family: 'Poppins';font-weight: 300;font-size: 14px;letter-spacing: .1rem;color: #22252a;padding-bottom: 10px;margin-bottom: 20px;}
div#txtBSLink {font-size: 14px;font-weight: 700;color: #1D90FB;}
#bsposts td {padding: 20px 0;}
#bsposts th {border-top: 0px;padding-left: 0;}
#bsposts small {font-weight: 700;letter-spacing: 1.2px;}
#bsposts th {border-top: 0px;padding-left: 0;font-size: 12px;text-transform: uppercase;}
#bsposts {margin-top: 20px;}
#dtPosts {margin-top: 20px;}
#dtPosts td {padding: 24px 0;color: #2F3E53;}
.note-editor.note-frame {border: 1px solid rgba(0,0,0,.2);BACKGROUND-COLOR: #ffffff;}
.BSeditor {padding-left: 80px;}
.note-btn, .btn-light.dropdown-toggle {background-color: #ffffff !important;cursor: pointer; box-shadow: none;}
.BSeditor .modal-footer .note-btn {background-color: #007bff!important;}
.z-depth-1-half {-webkit-box-shadow: none!important;box-shadow: none!important;}
.card-header {margin-top: 0;}
h3.mb-0.mt-3.LS-dark-txt {font-size: 16px;font-weight: 700;letter-spacing: 1.4px;margin: .7rem 0!important;}
.accordion.md-accordion.accordion-3 .fas.fa-angle-down {margin-top: -4px;}
.fa-angle-down:before {font-weight: 500;margin-top: 5px;font-size: 22px;}
.md-accordion .card .card-header {padding: 1rem 40px;}
div#pnlKey {max-width: 500px;margin: 0 auto;}
.getting-started h3 {text-align: center;font-size: 55px;font-weight: 100;}
#pnlKey h4 {font-size: 20px;letter-spacing: 1.3px;}
.license-key {color: #ffffff;padding: 20px;background-color: rgb(255 255 255 / 25%);font-weight: 300;font-size: 16px;margin: 40px 0 80px;box-shadow: 0px 5px 8px #00000020;}
input#txtLicenseKey {border-bottom: 1px solid #ffffff;background: transparent;border-left: none;border-right: none;border-top: none;font-size: 30px;width: 100%;text-align: center;outline-width: 0;font-family: courier;letter-spacing: 3px;color: #ffffff;}   
.key-input.LS-white-txt {margin-top: 40px;}
.license-key .req {font-weight:100;font-size: 12px;}
label.LS-white-txt {color: #ffffff;}
.license-key .md-form input[type=text]:hover, .license-key .md-form input[type=text]:focus {box-shadow: 0 1px 0 0 #ffffff !important;border-bottom: 1px solid #ffffff !important; color:#ffffff}
#pnlSetup {max-width: 500px;margin: 0 auto;}
.license-key .form-control {color: #ffffff;}
.license-key .dropdown-content li>a, .license-key .dropdown-content li>span {color: #212529;}
.license-key .select-wrapper input.select-dropdown {font-size: .875rem;}
.license-key .select-wrapper span.caret {color: #ffffff;}
.license-key .md-form {margin-top: 0; margin-bottom: 0;}
.license-key .select-wrapper.mdb-select.md-form.LS-red-txt {margin-bottom: 30px;}
#pnlFinish {max-width: 500px;margin: 0 auto;}
.price-matrix-column {padding: 0; margin-bottom: 50px}
.price-matrix-column ul {list-style-type: none;margin: 0;padding: 0;-webkit-transition: 0.3s;transition: 0.3s;}
.features li {justify-content: left!important;padding-left: 20px!important;font-weight: 700;text-align: left;}
.price-matrix-column li {border-bottom: 1px solid #eee;height: 60px;font-size: 14px;display: flex;justify-content: center;align-items: center;}
.price-matrix-column .fas.fa-check {color: #1D90EA;}
li.features-header {font-size: 16px;font-weight: 700;}
a.contact-btn {border: 2px solid #ffffffc9;padding: 15px 25px;color: #ffffff;font-weight: 700;background-color: #ffffff40;display: inline-block;}
a.contact-btn:hover {background-color: #ffffff;color: #ee2924;}
.circle-icon {float: left;padding-right: 20px;}
.pricing-ul {min-height: 120px;}
.pricing-card-title {text-align: center;}
.pricing-ul i.fas.fa-check {padding-right: 10px;color: #1D90FB;}
.LS-login-btn {margin-left: 30px!important;margin-top: 4px!important;}
.LS-contact-edit label {line-height: 1rem;}
.card {-webkit-box-shadow: none;box-shadow: none;}
.card-body p, .card-body li {font-size: 14px;}
#CreateLS .card-body {padding: 40px!important;}
#CreateLS td {padding: 0 0.3rem 0.3rem;}
#CreateLS .btn {min-width: 170px;}
textarea#txtMsg {background-color: #ffffff;padding: 10px;border: none;}
/*select#ddlFastLSs, select#ddlFastHash {background: transparent;border: none;color: #1D90FB;font-weight: bold;font-size: 12px;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-decoration: underline;margin-right:0;}*/
strong {font-weight: 700;}
textarea#txtMsg::placeholder {color:#d2d2d2;}
.LS-config .card, .LS-head .card {border: none;background: none;}
.LS-config .card-body {border: 1px solid #d2d2d2;background: none;border-radius: 5px;padding: 40px;font-family: "Poppins", sans-serif;font-weight: 300;}
.LS-previews .card {border: 1px solid #d2d2d2;background: #f5f5f5;padding: 40px;}
.LS-previews .card-body {padding: 0;}
h5.card-title {font-size: 24px;font-weight: 500!important;/* letter-spacing: 0.3rem; */margin-bottom: 30px;}
.LS-head h1 {font-weight: 700!important;margin-bottom: 0;}
.LS-head .switch.LS-red-txt {display: inline;padding-right: 30px;}
.LS-previews .insta-wrapper {grid-template-columns: 100%;}
.LS-view-toggle {border-bottom: 1px solid #d2d2d280;margin: 0 0 50px;}
.LS-view-toggle a {font-size: 12px;font-weight: 500;text-transform: capitalize;color: #d2d2d2;padding: 0;margin-right: 20px;}
/*.LS-view-toggle a.nav-link.active {border-bottom: 1px solid #007bff;padding: 0 0 10px;color: #007bff;}*/

/*@media (max-width: 425px) {
	.navbar .nav-flex-icons {background-color: #22252a;flex-direction: column;}
	li.nav-item.nav-pipe {display: none;}
	ul.navbar-nav.ml-auto {background-color: #22252a;}
	.LSer-login-btn {margin: 10px 0 15px 8px!important;}
}*/

.md-accordion .card-header a {color: #000000 !important;}
.LS-red-txt {color: #FF0000;}
.LS-field {color:#000000;}
.LS-field:focus {color:#000000;}
.LS-btn {color:#FFFFFF;background-color:#000000;}
.LS-red-btn {color: #FFFFFF;background-color: #FF0000;font-size: 16px;font-weight: 700;letter-spacing: 1.2px;t;font-size: 16px;letter-spacing: 1.2px;font-weight: 700;box-shadow: none;border-radius: 0;margin: 0;}
.LS-grey-btn {background-color:#22252a;font-weight:bold;font-weight:700;color:#FFFFFF;}
.LS-grey-btn2 {background-color:#dddddd;font-weight:bold;font-weight:700;color:#FFFFFF;}
.LS-txt {color:#000000;}
.LS-grey-txt {color:#7F7F81;}
.LS-white-btn {background-color:#FFFFFF;color:#7F7F81;}
.LS-white-red-btn {color:#FF0000;background-color:#FFFFFF;}
.LS-red-white-btn {color:#FFFFFF;background-color:#FF0000;}
.LS-white-txt {color:#FFFFFF;}
.LS-yellow-txt {color:#ffcb57;}
.LS-blue-btn {background-color: #1D90FB;color: #FFFFFF;font-size: 16px;letter-spacing: 1.2px;font-weight: 700;box-shadow: none;border-radius: 0;margin: 0;}
.LS-blue-txt {color:#1D90FB;font-weight:600;}
.LS-dark-txt {color: #22252a;}

.navbar .navbar-nav .nav-collapse .nav-item .nav-link a:active {color: #FFFFFF; text-decoration:none;vertical-align:middle;}
.navbar .navbar-nav .nav-collapse .nav-item .nav-link a:visited {color: #FFFFFF; text-decoration:none;vertical-align:middle;}
.navbar .navbar-nav .nav-collapse .nav-item .nav-link a:link {color: #FFFFFF; text-decoration:none;vertical-align:middle;}
.navbar .navbar-nav .nav-collapse .nav-item .nav-link a:hover  {color: #505762; text-decoration:underline;vertical-align:middle;}

a.dropdown-item {font-size:11pt;}
a.dropdown-item:hover {background-color: #505762;color:#FFFFFF;}

.form-check-input[type='checkbox']:checked + .form-check-label:before {border-right: 2px solid #22252a;border-bottom: 2px solid #22252a;}
.form-check-input[type='radio']:checked + .form-check-label:before {border-right: 2px solid #22252a;border-bottom: 2px solid #22252a;}

.legendary { list-style: none; }
.legendary li { float: left; margin-right: 15px; font-size:8pt;}

/* fieldset {font-family: sans-serif;border: 1px solid #000;background: #eee;border-radius: 1px;padding: 15px;}
fieldset legend {background: #000;color: #fff;padding: 5px 5px ;font-size: 13px;border-radius: 1px;} */

fieldset.scheduler-border {border: 1px groove #ddd !important;padding: 0 1.4em 1.4em 1.4em !important;margin: 0 0 1.5em 0 !important;-webkit-box-shadow:  0px 0px 0px 0px #000;box-shadow:  0px 0px 0px 0px #000;}
legend.scheduler-border {font-size: 1.2em !important;font-weight: bold !important;text-align: left !important;width:auto;padding:0 10px;border-bottom:none;}

/* fieldset.LS {border: 1px solid #000;background: #eee;border-radius: 1px;padding: 15px;font-family: "Poppins", sans-serif; font-weight: 300}
legend.LS {font-size: 1.2em !important;font-weight: bold !important;text-align: left !important;width:auto;padding:0 10px;border-bottom:none;font-family: "Poppins", sans-serif; font-weight: 300} */

.req {font-weight: bolder; color: #FF0000;}

.md-form input[type=text]:focus + label {color: #22252a;}
.md-form input[type=text]:focus, label {color: #22252a;}
.md-form input[type=text]:hover, label {color: #22252a;}
.md-form input[type=text]:focus {box-shadow: 0 1px 0 0 #22252a !important;border-bottom: 1px solid #22252a !important;}
.md-form input[type=text]:hover {box-shadow: 0 1px 0 0 #22252a !important;border-bottom: 1px solid #22252a !important;}

.md-form input[type=password]:focus + label {color: #22252a;}
.md-form input[type=password]:focus, label {color: #22252a;}
.md-form input[type=password]:hover, label {color: #22252a;}
.md-form input[type=password]:focus {box-shadow: 0 1px 0 0 #22252a !important;border-bottom: 1px solid #22252a !important;}
.md-form input[type=password]:hover {box-shadow: 0 1px 0 0 #22252a !important;border-bottom: 1px solid #22252a !important;}

.md-form input[type=textarea]:focus + label {color: #22252a;}
.md-form input[type=textarea]:focus, label {color: #22252a;}
.md-form input[type=textarea]:hover, label {color: #22252a;}
.md-form input[type=textarea]:focus {box-shadow: 0 1px 0 0 #22252a !important;border-bottom: 1px solid #22252a !important;}
.md-form input[type=textarea]:hover {box-shadow: 0 1px 0 0 #22252a !important;border-bottom: 1px solid #22252a !important;}

.menurow a.action{color:#FFFFFF;text-decoration:none}
.menurow:hover a.action{color:#22252a;text-decoration:none}
.menurow {border-top: solid 1px #D3D3D3; line-height: 71px; }

.wrapper:hover .fa-stack{color: #FF0000;transition: 0.9s;transform: rotateY(180deg);}
.wrapper{display: inline-block;width: 50px;color: #000000;overflow: hidden;text-align: center;}
.wrapper .fa-stack{transition: 0.9s;}

.key {font-family:'Courier New', Courier, monospace; color: black; font-weight: bolder; font-size: 13pt;}

.carousel-indicators .active{background-color: #f00;}
#mapCanvas {background: transparent url("/img/spinner.gif") no-repeat center center;width:100%;height:350px;}
#map-canvas {height: 400px;width: 75%;margin: 0px;padding: 5px;text-align:center;}
#infobox { background-color: white;bottom: 30px;height: 20px;padding: 1px;left: 30px;}

.select-wrapper+label { color: #22252a; }
/*.dropdown-content {color: #22252a;}
.select-dropdown li.disabled, .select-dropdown li.disabled>span, .select-dropdown li.optgroup {color: #22252a;}
.dropdown-content li>a, .dropdown-content li>span {color: #22252a;}
.dropdown-content li.active, .dropdown-content li>span:hover {color: #22252a;}*/

.tableWrap {height: 350px; border: 2px solid black; overflow: auto;}
.wrap thead tr th {position: sticky;top: 0;}
.wrap table {border-collapse: collapse;}
.wrap th {padding: 5px; padding-left: 5px; border-left: 1px dotted rgba(200, 209, 224, 0.6); border-bottom: 1px solid #e8e8e8; background: #000000; color: #FFFFFF; text-align: left; box-shadow: 0px 0px 0 2px #e8e8e8;}
.wrap table {width: 100%;font-family: sans-serif;}
.wrap table td {padding: 5px;}
.wrap tbody tr {border-bottom: 2px solid #e8e8e8;}
.wrap thead {font-weight: 300;color: rgba(0, 0, 0, 0.85);}
.wrap tbody tr:hover {background: #e6f7ff;}

.carousel-control-prev-icon {position: absolute;bottom: 20px;left: 20px;}
.carousel-control-next-icon {position: absolute;bottom: 20px;right: 20px;}

div.floating-action-menu > .action-menu {visibility: hidden;transform: translateY(65px);opacity: 0;max-height: 0;overflow: hidden;transition: all 300ms linear;}
div.floating-action-menu.active > .action-menu {visibility: visible;transform: translate(0);opacity: 1;padding-bottom: 5px;max-height: 1000px;}
div.floating-action-menu > .action-menu > .floating-action {padding-right: 0.45rem;}
div.floating-action-menu > .action-menu .btn-floating,
div.floating-action-menu > .action-menu .badge{transform: scale(0.4);transition: all 500ms ease-in-out;}
div.floating-action-menu.active > .action-menu .btn-floating,
div.floating-action-menu.active > .action-menu .badge{transform: scale(1);}
div.floating-action-menu > .action-button > .btn-floating {transition: all 500ms linear;}
div.floating-action-menu.active > .action-button > .btn-floating {background-color: #dc3545;border-color: #dc3545;}
div.floating-action-menu.active > .action-button > .btn-floating:hover {background-color: #c82333;border-color: #bd2130;}
div.floating-action-menu > .action-button > .btn-floating > i {transition: transform 500ms ease-in-out;}
div.floating-action-menu.active > .action-button > .btn-floating > i {transform: rotate(-360deg);}

.card {border: 1px solid black; background-color:#EEEEEE;}

/*.dropdown-submenu {position:relative;}
.dropdown-submenu .dropdown-menu {top:0;left:100%;}*/

.nav-icon-plus{fill: #505762;}
.nav-icon{fill: #FFF;}

fieldset.LS {border: 1px solid #000;background: #fff;border-radius: 1px;padding: 15px;font-family: "Poppins", sans-serif; font-weight: 300;}
legend.LS {font-size: 1.2em !important;font-weight: bold !important;text-align: left top !important;width:auto;padding:0 10px;border-bottom:none;font-family: "Poppins", sans-serif;font-weight: 300;} 

.switch label input[type=checkbox]:checked+.lever {background-color: #7F7F81;}
.switch label input[type=checkbox]:checked+.lever:after {background-color: #f8b500;}

.dropdown-menu{max-height: 500px;overflow-y: auto;}

/*
#393e46		med gray
#f8b500		darker yellow
#505762		lighter gray
#22252a		darker gray
#ffc62c		lighter yellow
*/


/* LINKS */
a.lnkDarkYellow:active,a.lnkDarkYellow:link,a.lnkDarkYellow:visited{color: #f8b500; text-decoration:none}
a.lnkDarkYellow:hover{color:#f8b500;text-decoration:none}

a.lnkLightYellow:active,a.lnkLightYellow:link,a.lnkLightYellow:visited{color: #ffc62c; text-decoration:none}
a.lnkLightYellow:hover{color:#ffc62c;text-decoration:none}

a.lnkLightGray:active,a.lnkLightGray:link,a.lnkLightGray:visited{color: #505762; text-decoration:none}
a.lnkLightGray:hover{color:#505762;text-decoration:none}

a.lnkMedGray:active,a.lnkMedGray:link,a.lnkMedGray:visited{color: #393e46; text-decoration:none}
a.lnkMedGray:hover{color:#393e46;text-decoration:none}

a.lnkDarkGray:active,a.lnkDarkGray:link,a.lnkDarkGray:visited{color: #22252a; text-decoration:none}
a.lnkDarkGray:hover{color:#22252a;text-decoration:none}

a.lnkDarkGray_Obvi:active,a.lnkDarkGray_Obvi:link,a.lnkDarkGray_Obvi:visited{color: #22252a; text-decoration:underline}
a.lnkDarkGray_Obvi:hover{color:#22252a;text-decoration:underline}


/* BUTTONS */
.btn-dark-yellow {background-color: #f8b500; color: #505762;}
.btn-dark-yellow:hover {background-color: #ffc62c; color: #505762;}

.btn-light-yellow {background-color: #ffc62c; color: #505762;}
.btn-light-yellow:hover {background-color: #ffc62c; color: #505762;}

.btn-dark-gray {background-color: #22252a; color: #FFFFFF;}
.btn-dark-gray:hover {background-color: #22252a; color: #FFFFFF;}

.btn-med-gray {background-color: #393e46; color: #FFFFFF;}
.btn-med-gray:hover {background-color: #393e46; color: #FFFFFF;}

.btn-light-gray {background-color: #505762; color: #FFFFFF;}
.btn-light-gray:hover {background-color: #505762; color: #FFFFFF;}


/* TEXT */
.txt-dark-yellow {color: #f8b500;}
.txt-light-yellow {color: #ffc62c;}
.txt-light-gray {color: #505762;}
.txt-med-gray {color: #393e46;}
.txt-dark-gray {color: #22252a;}



.dropdown-item {background-color:white;color:darkgray;}
.dropdown-menu .dropdown-item:hover {background-color:gold;color:black;}