@charset "utf-8";
/* CSS Document */


a {
  text-decoration: none;
  color: #1b96c7;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease; }
  a:hover {
    text-decoration: none;
    color: #057baa; }
  a:focus {
    text-decoration: none;
    outline: none;
    color: #057baa; }

s, strike{text-decoration:none;position:relative;}
s::before, strike::before {
    top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
    background:red; /*this is the color of the line*/
    opacity:.7;
    content: '';
    width: 110%;
    position: absolute;
    height:.1em;
    border-radius:.1em;
    left: -5%;
    white-space:nowrap;
    display: block;
    transform: rotate(-15deg); 
}
s.straight::before, strike.straight::before{transform: rotate(0deg);left:-1%;width:102%;}
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}


table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
    color: #1b96c7;
	font-size: 0px;
}
table.dataTable tbody tr td {cursor: pointer;}








.h1, h1 {
    font-size: 2.0rem;
}

.h2, h2 {
    font-size: 1.8rem;
}

.h4, h4 {
    font-size: 1.3rem;
}

.alert.alert-warning {
    color: #c8050b;
}

.text-blue {color: #075e9a !important; }

.itin-popover, .itin-popover:focus {background-color: inherit; border: none; outline: none; padding-left: 2px;}


.navbar-brand {width: 150px; height: 50px; background-size:100%; background-size:cover;}
.navbar-brand.brand-sagacity360 {background-image: url("../img/sagacity360-logo.png");}

.admin-brand-auth {width: 250px; height: 70px; background-size:100%; background-size:cover;}
.admin-brand-auth.brand-sagacity360 {background-image: url("../img/../img/sagacity360-blue@2x.png");}

@media (max-width: 575px) { 
.navbar-brand.brand-sagacity360 {width: 70px; height: 50px; background-image: url("../img/s360-logo.png"); background-size:100%; background-size:cover;}

}

/*
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
   .navbar-brand.brand-sagacity360 {background-image: url("../img/sagacity360-logo.png");}
}

*/

.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-dark {background: #0377cb; }
.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-dark .nav-header {letter-spacing: .8px;}


.hk-wrapper.hk-vertical-nav .hk-nav .navbar-nav .nav-item .nav-link > .nav-icon {
    min-width: 30px;
    line-height: 25px;
	font-size: 1.1em;
}

.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.9);
}


.hk-wrapper.hk-vertical-nav .hk-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link {
	padding: 0.35rem 1rem 0.35rem 3.1rem;
	
}

.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item.active > .nav-link {
    color: #fff;
	font-weight: 800;
	letter-spacing: .5px;
	border-left: 4px solid #4fa3e0;
	background-color: #05497a;
	/*background: rgba(15, 97, 157, .6);*/
}


.nav.collapse-level-1 .nav-item .nav-item.active .nav-link {
    color: #ffffff;
	font-weight: 800;
	letter-spacing: .5px;
	/*background: rgba(63, 140, 213, .5) !important; */
	border-left: 0px !important;

}

.hk-wrapper.hk-vertical-nav .hk-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link {
    padding: 0.35rem 1rem 0.35rem 3.1rem;
}


.hk-wrapper.hk-vertical-nav .hk-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item.active .nav-link {
	border-right: 4px solid #498cbd !important;
	background-color: #0377cb !important;
}



.hk-wrapper.hk-vertical-nav .hk-nav .navbar-nav .nav-item .nav-link[data-toggle="collapse"]::after {
    content: '\f107';
    font: normal normal normal 14px/1 'Font Awesome 6 Pro';
    font-size: 16px;
    text-rendering: auto;
    margin-left: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.hk-wrapper.hk-vertical-nav .hk-nav.hk-nav-dark .nav-separator {
    border-color: rgba(255, 255, 255, 0.21);
	margin: 5px 0;
}

.hk-wrapper.hk-vertical-nav .hk-nav .nav-header {
    padding: 0.2rem 1.15rem;
}

.hk-wrapper.hk-vertical-nav .hk-nav .navbar-nav .nav-item .nav-link {
    padding: 0.45rem 1rem;
}
.table .thead-light th {font-weight: bold; text-transform: uppercase;}


.no-table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent !important;
}
.no-table-striped tbody tr:nth-of-type(even) {
    background-color: transparent !important;
}

.no-table-border td, .no-table-border {border-top: 0px !important;}


@media (max-width: 576px) {
	.hk-pg-wrapper {padding-top: 90px;}
	.profile-cover-wrap {margin-top: -70px;} 

}


.admin-container {padding: 30px 30px; margin-bottom: 30px; }

@media (max-width: 767px) { 
	.admin-container {padding: 0 5px;margin-bottom: 80px;}

}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #1b96c7;
}

.admin-container h5 {text-transform: uppercase; color: #056085; letter-spacing: .5px; margin-bottom: 10px;}
.admin-container .form-group label {margin-bottom: 4px; color: #05538d; font-size: 1em; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; padding-left: 2px; }
.sub-label {font-weight: 600; color: #999; margin-bottom: 4px; font-size: .9em;}


.admin-footer {clear: both;}

@media (max-width: 767px) {.hk-footer-wrap .footer p {line-height: 15px;}}

.hk-breadcrumb .breadcrumb {
    padding: 12px 15px 12px 3px !important;
}

.hk-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: 13px;
}

.hk-breadcrumb .breadcrumb-item + .breadcrumb-item:before {top:3px;font-family: "FontAwesome" !important;
    content: "\f105"; color: #1b96c7 !important;}

.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #1b96c7;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: solid #1b96c7 2px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #1b96c7; }

.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #1b96c7; }
.daterangepicker td.active.available:hover, .daterangepicker td.active:hover.available:hover {background-color: #1b96c7; }
.daterangepicker td.in-range.active, .daterangepicker td.in-range.active:hover {background-color: #1b96c7; }
.daterangepicker td.in-range {background-color: #b4e5f9;}
.daterangepicker .ranges li.active { background-color: #1b96c7;}


  table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background: #1b96c7;
    color: #fff; }
  table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background: #1b96c7;
    color: #fff; }
  table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #1b96c7;
    color: #fff; }
    table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
      background: #1b96c7;
      color: #fff; }

.pagination .page-item.active .page-link {
    background: #1b96c7;
    border-color: #1b96c7;
    color: #fff;
}
.dd {max-width: 800px;}
.dd-item {margin-bottom: 10px; min-height: 50px;}
.dd-handle {height:50px;}

.dd3-handle:before {
    font-family: "Font Awesome 6 Pro" !important;
    content: "\f0c9";
	font-weight: 900;
	top: 12px;
}

.form-control:focus, .dd-handle:focus {border-color: #1b96c7; }
.form-control {border-color: #ccc;}
.form-control, .dd-handle {border-color: #ccc;}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {border-color: #ccc;}

.form-control.input-color-picker {padding: 0px;}


.btn-primary{
  color: #fff;
  background-color: #1b96c7;
  border-color: #1b96c7; }
  .btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #0676a3;
    border-color: #0676a3; }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #459abc;
    border-color: #459abc; }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #459abc;
    border-color: #459abc; }


.btn-primary-dark {
    color: #fff;
    background-color: #05497a;
    border-color: #05497a;
}

.btn-primary-dark:hover {
    color: #fff;
    background-color: #025f84;
    border-color: #025f84;
}


.btn-commerce{
  color: #fff;
  background-color: #06cb06;
  border-color: #06cb06; }
  .btn-commerce:hover, .btn-commerce:focus {
    color: #fff;
    background-color: #01773b;
    border-color: #01773b; }
  .btn-commerce:not(:disabled):not(.disabled).active, .btn-commerce:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #06cb06;
    border-color: #06cb06; }
  .btn-commerce.disabled, .btn-commerce:disabled {
    color: #fff;
    background-color: #83e3b2;
    border-color: #83e3b2; }


.btn-itin-primary {
    color: #fff;
    background-color: #022736;
    border-color: #022736;
}

.btn-itin-primary:hover {
    color: #fff;
    background-color: #025f84;
    border-color: #025f84;
}

.btn-link {
    font-weight: 400;
    color: #1b96c7;
    text-decoration: none;
}

.btn-outline-light-text {color: #fff !important;}
.btn-outline-light-text:hover {background-color: #025f84; color: #fff !important;}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
    color: #ffffff;
    background-color: #2582c5;
    border-color: #2582c5;
}


.pickr .pcr-button:before, .pickr .pcr-button:after {
    background: url()!important;
	background-image: none !important;
	background-color: #e1e1e1 !important;
    background-size: 0.5em;
    border-radius: 0.15em;
    z-index: -1;
}




.pickr:after {
    font-family: "Font Awesome 6 Pro" !important;
	font-weight: 900 !important;
    content: "\f0d7" !important;
    color: #324148;
 
}

.pickr .pcr-app .pcr-interaction .pcr-save {
    background: #1b96c7;
    color: #fff;
	padding: .3em 2em;
}

.pickr .pcr-app .pcr-interaction .pcr-type.active {
    background: #edf9fe;
    color: #666;
}

.badge {
    padding: 8px 15px 7px 15px;
    font-size: 90%;
}


.badge.badge-primary {
    background: #1b96c7;
    color: #fff;
	font-size: 1em;
}

.badge.badge-round {
    background: #e4f0f5;
    color: #333;
	padding: 6px 8px 4px;font-size: 12px;
}

.badge.badge-group {
    background: #098646;
    color: #fff;
	padding: 6px 8px 4px;font-size: 12px;
}


.admin-table-sm td {
    font-size: 12px;
	white-space: nowrap;
}

.admin-table-sm th {
    font-size: 13px;
	white-space: nowrap;
}
.admin-table th {background-color: #666; color: #fff; border: 1px solid #999;}


.admin-td-name {}
.admin-td-chat {text-align: center;}
.admin-td-chat .icon {font-size: 1.4em; color: #1c9e5d;}
.admin-td-phone-os {text-align: center;}
.admin-td-phone-os .icon  {font-size: 1.7em; color: #333;}
.pagination.admin-table-pagination {justify-content: flex-end; font-size: 13px;}


.device-small {
  transform: scale(0.8) !important;
}




/* Top Search Dropdown */
.tt-menu {
  width: 325px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}



.typeahead {
  background-color: #fff;
}



 .typeahead:focus {
      border: 2px solid #0097cf;
  }



.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}



.tt-hint {
  color: #999
}



.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}



 .tt-suggestion.tt-cursor {
      background-color: #a0e5ff;
  }
  .tt-suggestion:hover {
      background-color: #a0e5ff;
      cursor: pointer;
  }
  .tt-suggestion p {
      margin: 0;
  }



.admin-mobile-preview {display: flex; align-content: center; align-items: flex-start; margin-top: -60px;}
.device-wrapper {display: flex; flex-direction: column; justify-content: space-around;}
.app-home-mockup {background: url("../img/phone-bg.png"); background-size: contain; border-radius: 35px; height: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: stretch;}
.app-facility-name {padding: 85px 0px 0px 20px; font-size: 1.8rem;font-weight: 500; line-height: 1.2; text-align: left;}
.app-home-image-wrapper {padding: 0px 15px 0px; margin-top: 20px;   }
.app-home-image {max-width:100%; height:auto; border-radius: 25px; border: 10px solid #fff;}
.home-app-sample-button {padding:80px 15px 15px;}
.home-app-button-wrapper {margin-top:118px; display: flex; justify-content: space-around;}
.home-app-button {margin-top: 5px; margin-bottom: 15px;}
.home-app-button-home .nav-icon, .home-app-button .nav-icon {text-align: center; font-size: 1.3em;}
.home-app-button-home .nav-text, .home-app-button .nav-text {text-align: center; font-size: .8em; margin-top: 2px; font-weight: 500;}


.app-home-mockup-loading {background-color: #005e20;  border-radius: 35px; height: 100%; display: flex; align-items: center; justify-content: center; align-content: center;}
.app-home-image-loading-wrapper {display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center;}
.app-loading-image {max-width:50%; height:auto; text-align: center;}
.app-facility-name-welcome {font-size: 1.6rem;font-weight: 500; line-height: 1.2; color: #fff; padding: 10px 50px 0; text-align: center;}

/* AVATA */
.avatar.avatar-sm {
    font-size: .9rem;
    width: 2.625rem;
    height: 2.625rem;
}

.section-header {border-bottom: 1px solid #1b96c7; font-size: 1.1em; color: #666; font-weight: 600; text-transform: uppercase; padding-top: 8px; padding-bottom: 6px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; align-content: center;}



/* PROFILE */

.profile-post-wrapper {
  max-height:400px;
  overflow-y: auto;
}

@media (max-width: 767px) {.profile-post-wrapper {height:220px;}}

.buddies-list-wrapper {
  max-height:700px;
  overflow-y: auto;
}

@media (max-width: 767px) {.buddies-list-wrapper {height:220px;}}



.icon-gray { color: #999;}
.icon-action { color: #1c9e5d;}
.post-image {
    font-size: .9rem;
    width: 4rem;
    height: 4rem;
}
.feed-post-list {border-bottom: 1px dotted #e1e1e1 !important; }
.feed-post-list:last-of-type {border-bottom: 0px !important; }

.post-image .post-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
	border-radius: 8px;
}



.admin-company {
	margin: 0 20px 0 0; 
	text-align: right;
	color: #fff;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width: 250px;
}
@media (max-width: 575px) { 
	.admin-company {width: 110px;}

}

.scorecard-legend {display: flex; align-items: center; gap: 15px;}
.legend-item {display: flex; align-items: center; gap: 4px;}
.legend-item .text {font-size: .8em; text-transform: none; color: #999; line-height: 1em;}
.legend-circle {
	background-color: #ed1c24;
    border-radius: 50%;
	height: 10px;
	width: 10px;
}
.legend-circle.mapped {background-color: #1c9f5d;}


.admin-company .admin-icon {margin-right: 6px; opacity: .7;}
.hk-navbar-content .dropdown-authentication .admin-icon {margin-right: 6px; color: red;}


.admin-avatar {
	background: #2582c5;
	border-radius: 50%!important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
    width: 40px;
    height: 40px;

}

.admin-navbar {padding: 10px 20px 0px; border-radius: 15px; margin-bottom: 30px;}

.section-tabs-header {margin-right: 30px; font-size: 1.4em; font-weight: 200; margin-top: -10px; color: #04538c;}

.admin-navbar .navbar-nav .active > .nav-link, .admin-navbar .navbar-nav .show > .nav-link {
    color: #324148;
	background-color: #fff;
	border-top: 3px solid #2b7182;
	padding: 8px 25px 10px;
	 border-radius: 5px 5px 0 0;
}

.admin-navbar .navbar-nav .nav-link {
   color: #1b96c7;
	border-top: 3px solid transparent;
	padding: 8px 25px 10px;
	
}

.admin-navbar .navbar-toggler {margin-bottom: 10px;}


.nav.nav-tabs .nav-link.active {
    color: #324148;
    background: #fff;
    border-color: #2b7182;
	font-weight: 800;
}

.nav.nav-tabs .nav-link.active:hover {
    border-color: #09afd8;
}

.nav.nav-tabs .nav-link {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-top: 3px solid transparent;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
	padding: 8px 30px 15px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.admin-tabs {background-color: #f6f8f9; padding: 12px 12px 0 12px; border-radius: 8px;}

.admin-tabs .nav-item {}


@media (max-width: 991px) {
	.admin-navbar {padding: 10px; border-radius: 0px;}
	.admin-navbar .navbar-nav .active > .nav-link, .admin-navbar .navbar-nav .show > .nav-link { border-radius: 0px;}
}




.nav-pills.admin-tabs .nav-link.active, .nav-pills .show>.nav-link {
    color: #333;
    background-color: #ccc;
}

.nav.nav-tabs.admin-tabs .nav-item.show .nav-link {
    color: #324148;
    border-color: #00acf0;
    background: #fff; 
}

.nav.nav-tabs.admin-tabs .dropdown-menu {
    margin-top: 0px;
}


.profile-cover-wrap {background-color: #666; background-image: url('../img/bg_profile.png'); background-size: cover;background-position: center; background-repeat: no-repeat;}
.profile-cover-wrap .profile-cover-content .media .media-img-wrap .avatar {
    height: 100px;
    width: 100px;
}

.profile-cover-wrap .profile-cover-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.bg-blue {background-color: blue;}
.bg-none {background-color: transparent !important; }
/* CHAT */
.admin-chat-modal .modal-body {padding: 0px;}
.avatar .avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.chatapp-wrap .chatapp-right .chat-body {
    background: #f5f5f6;
	height: 400px !important;
}
.chatapp-wrap .chatapp-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; 
}
.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div {
    background: #2b7182;
}

.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle {
    background-color: #2b7182;
}

.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle:before, .chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle:after {background-color: #2b7182;}

/* AUTH PAGES */

@media (min-width: 576px) {
.w-sm-90 {width: 90% !important;}
.w-100 {width: 100% !important;}
.w-100 {width: 100%!important;}
	
}

@media (min-width: 1200px) {
.w-xl-75 {width: 75% !important;}
.py-xl-0 {padding-top: 0px !important;padding-bottom: 0px !important;}
.py-50 {padding-top: 50px !important;padding-bottom: 50px !important;}
.pb-xl-0, .py-xl-0 {padding-bottom: 0!important;}
.pt-xl-0, .py-xl-0 {padding-top: 0!important;}
}


@media (min-width: 1400px) {
.w-xxl-55 {width: 55% !important;}
}

.ulGroupCheckbox li ul li { margin-left: 30px; }

/* ADMIN PAGES */

.admin-input-description {color: #999; margin-top: 8px; font-size: .9em;}


.admin-nestable-wrapper {display: flex; justify-content: space-between; align-items: center; word-wrap: break-word;}




.admin-nestable-name {margin-top: 2px;}
.admin-nestable-actions {display: flex; justify-content: space-between; align-items: center; gap:7px }
.admin-nestable-actions a{}
.admin-nestable-actions .btn-xs {padding: .25rem .75rem;}


@media (max-width: 575px) {
	.admin-nestable-wrapper {display: flex; flex-wrap: wrap;}
	.admin-nestable-name {margin-bottom: 8px;}
}
.scorecard-description {font-size: 1.2em; color: #05538d; }



.row-tee-box {
	padding-top: 6px; 
	padding-bottom: 10px; 
	box-shadow: 0 0px 18px rgb(0 0 0 / 10%);
	border: 1px solid rgba(0,0,0,.125); 
	border-radius: 0.25rem;
	margin: 10px;
}
.row-tee-box .form-group label {display: block;}
.row-tee-box .form-group .form-control {text-align: center !important;}

.row-teebox-col-1 .row:nth-of-type(2) .form-group label {margin-bottom: 5px;}
.row-teebox-col-1 .form-group .form-control {text-align: left !important;}
.row-teebox-col-2 {border-left: 1px dotted #ccc; padding: 20px 15px 20px;}

.row-teebox-col-1 .pickr .pcr-button {height: 2.4em; margin-top: -1px; margin-bottom: 0px;}


.scorecard-total {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.scorecard-total .text {margin-right: 6px; width: 50px; text-align: right;}
.scorecard-total .badge {font-size: 95%; padding: 8px 20px 7px;}
.scorecard-total .badge.badge-light {background: #f7f7f7;}

.row-par {}
.row-par .form-group label {display: block; text-align: center !important;}
.row-par .form-group .form-control {text-align: center !important;}
.row-par-col-1 .form-group label {display: block; text-align: left !important;;}
.scorecard-par-total {background-color: green; padding: 6px; border-radius: 15px; color: #fff;}



.row-handicap {border-top: 1px dotted #ccc !important; padding-top: 6px; background-color: #f7f7f7;}



.scorecard-out-total {font-size: 1.2em; text-align: center;}

.row-range {
	padding-top: 6px 25px 10px; 
	box-shadow: 0 0px 18px rgb(0 0 0 / 10%);
	border: 1px solid rgba(0,0,0,.125); 
	border-radius: 0.25rem;
	margin: 10px 0px 15px;
}
.row-range-col-1 {}
.row-range-col-1 .row-actions {margin-top: 25px;}
.row-range-col-1 .form-group .form-control,.row-range-col-2 .form-group .form-control {text-align: left !important;}
.row-range-col-2 .pickr .pcr-button {height: 2.4em; margin-top: 1px; margin-bottom: 1px;}


.scorecard-hole-wrapper {text-align: center; justify-content: center; align-items: flex-start;}
.scorecard-hole-wrapper .is-valid, .scorecard-hole-wrapper .is-invalid {background-image: none; padding-right: .75rem;}
.scorecard-hole-wrapper input::-webkit-outer-spin-button,
.scorecard-hole-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.scorecard-hole-wrapper input { -moz-appearance: textfield; }



.sub-label {color: #999; text-transform: uppercase; font-size: .7em; }





.scorecard-hole {position: relative; width: 40px; height: 50px; margin: auto;}
.scorecard-hole .hole-num {text-align: center; background-color: #999; border-radius: 50%; padding: 8px 8px; color: #fff; font-size: .9em; font-weight: 800; width: 35px; height: 35px; position: absolute;}
.scorecard-hole .mapped {
    position: absolute;
	left:26px;
	top:2px;
	background-color: #1c9f5d;
    border-radius: 50%;
    height: 10px;
    width: 10px;
	border: 1px solid #fff;
}

.scorecard-hole.mapped {background-color: #1c9f5d;}

@media (min-width: 992px) { 
.scorecard-hole-wrapper {
    -ms-flex: 0 0 11.1%;
    flex: 0 0 11.1%;
    max-width: 11.1%;
}
}




/*
.row-range-col-2 > .row ~ .row {
    background-color: blue;
}
*/

.row-range-col-2 .form-group label {color: #fff;}
.row-range-col-2 > .row:first-of-type label {color: #05538d;}

.range-mapped-wrapper {display: flex; justify-content: flex-start; align-items: center; align-content: center; margin-bottom: 20px; margin-left: 20px;}
.range-mapped-wrapper .icon {margin-right: 8px; color: #1c9f5d;}
.range-mapped-wrapper.not-mapped .icon {color: #ff0000;}

/*
.row-range-col-2 .scorecard-legend:first-of-type {margin-top: 10px; margin-bottom: 0px; background-color: yellow;}
*/
.row-range-col-2 .row-actions {}
.row-range-col-2 > .row:first-of-type .row-actions { padding-top: 20px;}

@media (max-width: 991px) {
	.row-range-col-2 .form-group label {color: #05538d;}
	.row-range-col-2, .row-teebox-col-2 {border-left: 0px;}
	
}




.min-gutters {
    margin-right: 3px;
    margin-left: 3px;
}

.min-gutters>.col, .min-gutters>[class*=col-] {
    padding-right: 3px;
    padding-left: 3px;
}	

.hole-tip {border: 1px dotted #e1e1e1; border-radius: 10px;}
.form-group.hole-tip {padding: 15px;}
	
code {
    background-color: #ffffff;
    border-radius: 3px;
    padding: 3px 0px;
    font-size: 87.5%;
    color: #000;
}

.comment-action-buttons {min-width: 300px; }
@media (max-width: 1200px) {
.app-comment-review {white-space: normal !important; min-width: 400px;}
	}

.yards-item {font-size: .9em;}
.yards-points {background-color: #f1f6f7; border-radius: 10px; font-size: .8em; margin: 8px 0px 8px;}
.yards-action {display: flex; justify-content: flex-end; padding-left: 20px;}
@media (max-width: 575px) {
	.yards-action {width: 200px !important;}	
	.yards-item {flex-wrap: wrap; }	
}


.giveaway-terms-output ol {margin-left: 40px;}