/* -------------------------------------------------------------------------------- 
This CSS document is for the overnight reservation pages.
It was created to help differentiate new or edited styles from main.css
-------------------------------------------------------------------------------- */

/* global - new - ADD to main.css */
.custom-checkbox input[type="checkbox"]:disabled + .fake-input{
	border: 1px solid #ccc;
}
.custom-checkbox input[type="checkbox"]:disabled + .fake-input{
	background-color: #fff;
}

.table th a {
    color: #fff;
}
.table th a:hover {
    color: #fff;
    opacity: 0.75;
    cursor: pointer;
}
 
.vehicle-table th:nth-child(1),
.vehicle-table td:nth-child(1),
.visitor-table th:nth-child(1),
.visitor-table td:nth-child(1) {
    text-align: center;
}
 
#sidebar .widget .warning-label {
    color: #dc3545;
    font-weight: bold;
    position: relative;
    top: 10px;
}
@media (max-width: 991px) {
#sidebar .widget .opener {
    color: #feab2c;
}
#sidebar .widget.active .opener,
#sidebar .widget.active .accordion .opener {
    color: #000;
}
    
#sidebar .widget .opener:after {
    border-top: 6px solid #feab2c;
}
#sidebar .widget.active .opener:after {
    border-top: 6px solid #000;
}
    
#sidebar .card h2 .opener:after,
#sidebar .card h2 {
    color: #000 !important;
}
#sidebar .accordion .collapsed .opener,
#sidebar .accordion .collapsed .opener:after{
    color: #feab2c;
}
}
 
#sidebar .accordion h2[aria-expanded="true"] .opener {
    color: #000;
}
 
#sidebar .widget .accordion .opener:hover {
    opacity: 0.75;
}
 
#sidebar .widget .accordion h2[aria-expanded="true"] a.opener:after {
    border-top: 6px solid #000;
    transform: rotate( 180deg );            
    transition: transform 150ms ease;
}

#sidebar .widget .accordion h2 .opener:after,
#sidebar .widget .accordion h2[aria-expanded="false"] a.opener:after {
    border-top: 6px solid #feab2c;
    transform: rotate( 0deg );            
    transition: transform 150ms ease;
}
 
@media (min-width: 992px) {
.widget .accordion:nth-child(1) {
    margin-bottom: 0px;
}
.widget .accordion:nth-child(2) {
    margin-top: 0px;
}   
}
@media (min-width: 1280px) {
.sub-info {
    margin: 0 6px -3px 9px;
}
}
@media (max-width: 1200px) {
.jcf-select .jcf-select-text {
    font-size: 16px;
}
}
@media (min-width: 1300px) {
    .tooltip-opener {
        font-size: 14px;
        letter-spacing: normal;
    }
} 
@media (max-width: 1379px) {
.filter-area .filter-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}
/* / global */



/* side bar tabs */
.widget .table {
	min-width: 0;
}
a:hover {
    text-decoration: none;
}

#sidebar .widget-last {
	margin-bottom: 1em;
}

#sidebar .widget .accordion .opener {
	padding: 6px 35px 6px 10px;
	display: block;
	position: relative;
}
#sidebar .widget .accordion .opener:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 16px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	-webkit-transition: all .30s ease;
	transition: all .30s ease;
}
#sidebar .widget .accordion .opener:hover {
	color: #5586b7;
}
#sidebar .widget .accordion .opener:hover:after {
	border-top-color: #5586b7;
}

#sidebar .widget .accordion .opener{
	pointer-events: visible;
}
#sidebar .widget .accordion .opener:hover {
	color: #5586b7;
}
#sidebar .widget h2,
#sidebar .widget .accordion h2  {
	text-align: left;
}

#sidebar .widget .accordion h2 .opener{
	padding: 0;
}
.widget .accordion h2 .opener:before {
	content: " ";
	border: 0;
}
#sidebar .widget .accordion .opener:after {
	top: 10px;
}
.widget .accordion .card-header {
	background-color: transparent;
	padding: 6px 9px 6px 18px
}
.widget .accordion .card {
	border-radius: 0;
}
.summary-detail .list-holder .summary-info {
    margin-bottom: 1.5em;
}

.sub-detail .title {
    width: 104px;
}


@media (min-width: 768px) {
	.widget .accordion .card-header {
		padding: 6px 0px 6px 8px;
	}
    .summary-detail .list-holder .summary-info {
		width: 317px;
        margin-right: 14px;
	}


}

@media (min-width: 992px) {
	.widget .accordion {
        
	}
    #sidebar .widget-button-row {
	    margin-top: -20px;
    }    

     /*.summary-detail .list-holder .summary-info {
		width: 407px;
        margin-right: 14px;
	}*/
}
@media (min-width: 1200px) {
	.widget .accordion {
        
	}
    #sidebar .widget .widget-button-row {
		margin-top: -30px;
	}
    #sidebar .widget {
		padding: 0;
        border: 0;
	}
     /*.summary-detail .list-holder .summary-info {
		width: 470px;
        margin-right: 14px;
	}*/
}

#sidebar .widget-button-row {
    margin-bottom: -20px;
}

.complete-group .vert-btn-group a.extra-space-left {
	margin-left: 7px;
}

.title-top {
	position: relative;
	top: -10px;
}

.summary-info .title {
	width: 122px;
}

.sub-section {
    padding: 10px 13px;
}
.above-table {
    text-align: right;
    width: 100%;
    background-color: transparent;
    margin-top: -2px;
    margin-bottom: 10px;
}
.above-table .title {
    color: #5586b7;
    margin-right: 0.8em;
    font-size: 0.85em;
}
@media (max-width: 480px) {
.above-table {
    display: inline-block;
    text-align: left;
}
}

.complete-group .summary-detail .vert-btn-group {
	max-width: 133px;
}

h6.instructions {
    font-size: 0.92em;
    line-height: 0.97em;
    font-weight: bold;
    margin-right: 1em;
    margin-bottom: 0.10em;
}

.calendar input.datepicker {
	width: 132px;
}
.ui-datepicker-trigger:after {
	content: "\e801";
	font-family: "fontello";
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 18px;
	line-height: 20px;
}
.table .custom-checkbox {
    position: relative;
    z-index: 10;
    background-color: #fff;
}

@media (max-width: 380px) {
input, .jcf-select{
    width: 150px;
    min-width: 150px;
}
.misc-set input[type="checkbox"] {
    min-width: 10px;
    width: 20px;
}  
}

/* Order Summary */
.grid-move-nav {
    float: right;
    margin-right: -10px;
}

.indent1 tr th:nth-child(1),
.indent1 tr td:nth-child(1) {
    width: 46px;
}
table.retail th{
    background-color: #fff;
    color: #000;
    font-weight: bold;
    border-right: 0;
}
table.retail th:nth-last-child(1),
table.retail td:nth-last-child(1){
    text-align: right;
    padding-right: 0;
}
@media (min-width: 992px) {
#sidebar .widget .accordion .opener{
    color: #feab2c;
}
}
/* / Order Summary */



/* Group Order Summary */
.group-order-summary {  
}
.group-order-summary .summary-detail {
    border-top: 0px;
}
@media (min-width: 480px) {
.group-order-summary .summary-detail .date-range {
    margin-bottom: -20px;
}
}
.group-order-summary .summary-detail .date-range .title {
    color: #5586b7;
    margin-right: 0.8em;
}
.group-order-summary .summary-detail .btn {
    margin-top: -10px;
}
.max-min-all {
    margin-top: -10px;
}
.max-min-all .btn {
    margin: -2px 0 0 10px;
    position: relative;
    z-index: 10;
}
.accordion > li.active .opener-all:before {
	content: "-";
	line-height: 9px;
}
.accordion .opener-all {
	color: #5586b7;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 0 0 23px;
	text-decoration: none;
}
.accordion .opener-all:before {
	content: "+";
	font-size: 16px;
	line-height: 11px;
	font-weight: 400;
	width: 13px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #959595;
	text-align: center;
	border: 1px solid #959595;
}
/* / Group Order Summary */




/* Calendar - */
/* Helps calendar popup to display correctly over tabs and nav near top of pages*/
.ui-datepicker {
    z-index: 1051 !important; 
}
/* / Calendar */




/* Overnight Reservation Grid */

.overnight-grid .table.grid th {
    padding-bottom: 6px;
}
.overnight-grid .title {
	font-size: 18px;
	line-height: 22px;
	color: #333;
    padding: 1px 0 0 4px;
    margin: 0.25em 0 0.5em 0;
    position: relative;
    top: 10px;
    z-index: 20;
}

.overnight-grid .filter-area {
    margin: -10px 0 10px 10px;
}  

.overnight-grid .filter-box{
    margin-top: 10px;
    margin-bottom: 10px;
}
.overnight-grid .legend{
    z-index: 1;
}
.overnight-grid .filter-box .field-row button {
    width: 92px;
    text-align: left;
}
.overnight-grid .filter-box .filter-col-holder .field-row button {
    width: 50px;
}

html, body {
    height: 100%;
}
.overnight-grid .filter-box {
    overflow-y: scroll;
    height: 600px;
}    
.overnight-grid .opener {
	color: #5586b7;
    color: #fff;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 0 0 1px;
	text-decoration: none;
    width: 20px;
    cursor: pointer;
    z-index: 2;
}
.overnight-grid .opener:before {
	content: "+";
	font-size: 16px;
	line-height: 11px;
	font-weight: 400;
	width: 13px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #959595;
	text-align: center;
	border: 1px solid #959595;
}
.overnight-grid .active .opener:before {
	content: "-";
	line-height: 9px;
}

.overnight-grid .more-filters .filter-col {
    display: inline-block;
} 
.more-filters-container {
    display: block;
} 
.more-filters-container .filter-col {
    display: inline-block;
    float: left;
}  
.modal-dialog .sub-detail .title {
	color: #5586b7;
	font-weight: 400;
	width: 70px;
	padding: 0 8px 0 0;
	text-align: left;
    font-size: 14px;
}

.modal-dialog .summary-info .title {
    font-size: 14px !important;
    margin-bottom: .125em;
}

.modal-dialog .accordion .head {
	margin-bottom: 0;
}
.modal-dialog .accordion  > li {
    padding-bottom: 8px; 
}
.modal-dialog .accordion .head .user-list li {
    padding: 2px 3px 0px;
}
.modal-dialog #summary .accordion .number-col {
    width: 65px;
}
.modal-dialog .sub-detail li {
    margin-bottom: -0.5em;
}
#acknowledgment td:nth-child(n+2),
#acknowledgment th.col2,
#acknowledgment th.col3 {
    text-align: center;
}
.edit-res .accordion .head .user-list .number-col {
    width: 5em;
    text-align: right;
}

#AddNotesModal {
	width: 50%;
    min-width: 300px;
    margin: auto;
}
#AddNotesModal .modal-dialog {
    box-shadow: 2px 2px 2px #ccc;
}
#AddNotesModal .title {
	color: #5586b7;
	font-size: 14px;
	font-weight: 400;
	width: 100px;
	text-align: left;
	padding: 0 5px 0 0;
	margin: 0 1em 0 0;
	line-height: 1.25em;
    display: inline-block;
}
#AddNotesModal input[type="text"] {
	width: 150px;
	display: inline-block;
	min-width: 120px;
	max-height: 1.7em;
}
#AddNotesModal textarea {
	width: 100%;
	display: inline-block;
    font-size: 16px;
}
#AddNotesModal .btn-primary {
    font-size: 0.85em;
    width: 105px;
}
#dates .tab-detail .daily-view-btn {
    position: relative;
    right: 100px;
    margin-top: -100px;
}
#dates .above-table {
    margin-bottom: -20px;
}
.edit-res #rates td:nth-child(1) {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ModalLong3 .edit-res #rates tr th:nth-child(3),
#ModalLong3 .edit-res #rates tr th:nth-child(4),
#ModalLong3 .edit-res #rates tr td:nth-child(3),
#ModalLong3 .edit-res #rates tr td:nth-child(4) {
    min-width: 90px;
}
#ModalLong3 .edit-res #rates tr th,
#ModalLong3 .edit-res #rates tr td {
    text-align: center;
}
#ModalLong3 .edit-res #rates tr th:nth-child(1) ,
#ModalLong3 .edit-res #rates tr td:nth-child(1),
#ModalLong3 .edit-res #rates tr th:nth-last-child(3),
#ModalLong3 .edit-res #rates tr td:nth-last-child(3) {
    text-align: left;
}
#ModalLong3 .edit-res #rates tr th:last-child,
#ModalLong3 .edit-res #rates tr td:last-child,
#ModalLong3 .edit-res #rates tr td:last-child input,
#ModalLong3 .edit-res #rates tr th:nth-last-child(2),
#ModalLong3 .edit-res #rates tr td:nth-last-child(2) {
    text-align: right !important;
}
#ModalLong3 .edit-res #cancel td:nth-child(1) {
    padding-left: 2.5em;
    min-width: 250px;
}
#ModalLong3 .edit-res .heavy-text-cell {
    min-width: 250px;
}
#ModalLong3 .summary-list .sub-title  {
    width: 104px;
}
@media (min-width: 767px) and (max-width: 1200px) {
#ModalLong3 .summary-list .sub-title  {
    width: unset;
    margin-right: 0.4em;
}
}

@media (min-width: 380px) {
.overnight-grid .field-row .tx-width input[type="text"]{
    width: 165px;
} 
} 
@media (min-width: 768px) {
.overnight-grid .title {
    position: inherit;
    top: 20px;
}
.overnight-grid .filter-area {
    margin-top: 10px;
}    
.overnight-grid .filter-box{
    margin-top: 10px;
    overflow: inherit;
    height: auto;
} 
.overnight-grid .filter-box .calendar input.datepicker {
	width: 90px;
} 
.modal-dialog .sub-detail .title {
	width: auto;
    margin-bottom: .125em;
}
.modal-dialog .sub-detail li {
    margin-bottom: 8px;
}
.sub-detail .title {
    width: auto;
}    
}
@media (min-width: 768px) and (max-width: 878px) {

.more-filters-container {
    position: absolute;
    left: 400px;
    top: 0;
}
 .overnight-grid .filter-box{ 
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
} 
}
@media (max-width: 480px) {
.modal-dialog .tab-content #summary ul:nth-child(1) li {
    margin: 0 4%;
}
}

@media (max-width: 878px) {
.overnight-grid .filter-col {
    float: left;
    width: 100%;
}
.overnight-grid .filter-col-btns {
    float: left;
    width: 250px;
    margin-left: 0;
}
.edit-res .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: block !important;
    white-space: nowrap;
    letter-spacing: -.32em;
}
.edit-res .nav-tabs .nav-item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}
}

@media (max-width: 992px) {
.edit-res .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: block !important;
    white-space: nowrap;
    letter-spacing: -.32em;
}
.edit-res .nav-tabs .nav-item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}
}
@media (min-width: 992px) {
.edit-res .nav-tabs .nav-link {
    padding: 6px 12px 7px;
}
}

@media (max-width: 1149px) {
.filter-box .filter-col-holder {
    width: 100%;
    display: inline-block;
}
}

@media (min-width: 1380px) {
.overnight-grid .reposition {
    position: absolute;
    left: 870px;
    top: 21px;
}
}
/* / Overnight Reservation Grid */


/* Site Map */
.site-map{  
}
.site-map .btn-set {
    max-width: 125px;
}
.site-map .btn-set li {
    display: block;
    max-width: none;
}
.site-map .legend {
    width: 101%;
    margin: auto;
    z-index: 1;
}
.site-map .legend ul li {
    min-height: 30px;
    padding: 7px 10px 10px 35px;
    display: inline-block;
    position: relative;
    line-height: 1.79em;
    margin-bottom: 0.5em;
    width: auto;
}
.site-map .legend ul li:before {
	width: 18px;
	height: 18px;
	font-size: 22px;
	content: "";
	position: absolute;
    top: 0px;
    left: 11px;
	right: auto;
	bottom: auto;
    margin-bottom: 0.5em;
	-webkit-transform: rotate(45deg) translate(7px, 4px);
	-ms-transform: rotate(45deg) translate(7px, 4px);
	transform: rotate(45deg) translate(7px, 4px);
}
.site-map .legend ul li.available:before {
	background: #447a0a;
}
.site-map .legend ul li.available-not-match:before {
	background: #da9500;
}
.site-map .legend ul li.not-available:before {
	background: #a60000;
}

.hidden-table-row th {
    height: 0 !important;
    padding: 0 !important;
}

@media (min-width: 380px) {
.site-map .field-row .tx-width input[type="text"]{
    width: 165px;
} 
}

.map-container {
    text-align: center;
    margin-top: 2em;
}

@media (min-width: 395px){
.split-select .jcf-select {
    min-width: 80px;
}
}  

.split-select .input-holder {
    display: inline-block;
    margin-left: -4px;
}
.split-select button {
    position: relative;
    top: 2px;
}

.site-map .filter-box .field-row button,
.site-map .filter-box .field-row label {
	width: 80px;
}


@media (max-width: 394px){
.split-select .list-inline-item:nth-child(1) {
    margin-bottom: 8px;
}
}
@media (max-width: 768px){
.field-row button {
    text-align: left;
}
.map-container {
    margin-top: -0.5em;
}
.site-map .filter-box .field-row {  
    margin: 0 0 5px;
}
}
@media (min-width: 769px){
.fill-col .jcf-select {
    width: 100%;
}
.site-map .user-list-holder {
    float: right;
    position: relative;
    margin-top: -24px;
    width: 132px;
    z-index: 10;
}
.site-map .user-list li {
    padding-left: 2px;
    padding-right: 2px;
}  
}
@media (max-width: 900px) {
.site-map .filter-box .filter-col-holder {
    max-width: 400px;
}
}
.site-map .filter-area.filter-active .filter-box {
	z-index: 150 !important;
    margin-bottom: 1em;
    min-height: 700px;
}

/* / Site Map */



/* ------------------ ModalLong2 ------------------  */
#ModalLong2 .modal-dialog .field-row label {
   margin-top: 6px;
}
/* ------------------ ModalLong2 ------------------  */


/* ------------------ ModalLong3 ------------------  */
@media (max-width: 480px){
    #ModalLong3 .user-list .btn-set {
        display: inline-block;
    }
    #ModalLong3 .user-list .btn-set li {
        padding: 3px 7px 7px 7px;
    }
}
/* ------------------  / ModalLong3 ------------------ */





/* ------------------  ModalLong8 ------------------ */
 #ModalLong8 .modal-dialog .mid-col2 {
     position: relative;
     top: -27px;
} 
#ModalLong8 .summary-detail .vert-btn-group ul li .btn {
	min-width: 80px;
	width: 80px;
}
/* ------------------  / ModalLong8 ------------------ */



/* ------------------ ModalLong 12 ------------------  */
#ModalLong12 .modal-dialog {
    max-width: 700px;
    min-width: inherit;
}
#ModalLong12 .modal-dialog .detail-list {
    margin-right: 1em;
    min-width: 280px;
}
/* ------------------  / ModalLong 12 ------------------ */



/* ------------------  Complete Res Add Group Record ------------------ */

.complete-res-add-group-record {
}

.complete-res-add-group-record h5 {
	margin-bottom: 1em;
}

.complete-res-add-group-record .summary-info .title {
	width: 132px;
}

.complete-res-add-group-record .tooltip-opener {
	color: #5586b7;
}

.complete-res-add-group-record span.required {
    color: red;
    display: inline-block;
    position: relative;
	left: -1px;
    top: -3px;
}

.complete-res-add-group-record .required input,
.complete-res-add-group-record .required .jcf-select {
	background-color: #fefed0;
	border: 1px #999 solid;
	position: relative;
    left: 4px;
}

.complete-res-add-group-record .side-element img {
	margin-left: 20px;
}

.complete-res-add-group-record .vert-btn-group {
	margin-left: 0px;
	max-width: 100% !important;
    margin-bottom: 10px;
}

.complete-res-add-group-record .top-right-elements {
	text-align: right;
    position: relative;
    margin-top: -45px;
}
.complete-res-add-group-record .top-right-elements .user-list{
	text-align: right;
	display: inline-block;
	margin-left: 20px;
}
.complete-res-add-group-record .top-right-elements input[type="checkbox"] {
	text-align: right;
}
.complete-res-add-group-record .ui-datepicker-trigger:after {
	display: inline-block;
    right: -50px;
}
.calendar input {
    width: 93px !important;
}


@media (max-width: 768px) {
.calendar input {
    width: 93px;
}    
}
.complete-res-add-group-record .ui-datepicker-trigger:focus {
	outline: none;
}



.res-complete .summary-detail .complete-res-add-group-record {
    display: inline-block;
}
.res-complete .calendar,
.res-complete .time-select,
.res-complete .num-days,
.res-complete .num-hours {
	position: relative;
}
.daily-view-btn {
    position: relative;
    right: -150px;
}
.complete-res-add-group-record2 .summary-detail .list-holder .summary-info:nth-child(1),
.complete-res-add-group-record2 .summary-detail .list-holder .summary-info:nth-child(2) {
    padding-bottom: 2em;
    margin-bottom: 0;
}
.complete-res-add-group-record2 .summary-detail .list-holder .summary-info:nth-child(3) {
    margin-bottom: 0;
}

.complete-res-add-group-record2 .table {
    min-width: 800px;
}
.complete-res-add-group-record2 .new-res thead th:nth-child(1),
.complete-res-add-group-record2 .new-res tbody td:nth-child(1) {
    text-align: center;
}

.complete-res-add-group-record2 .summary-info .title {
	width: 150px;
}

table .highlighted {
    background-color: #ffff99;
}

@media (min-width: 320px) and (min-width: 375px)  {
.complete-res-add-group-record .summary-info .title {
	width: 132px;
}
}

@media (max-width: 380px) {
.complete-res-add-group-record2 .tooltip-opener {
    font-size: 0.95em;
}
.complete-res-add-group-record2 input,
.complete-res-add-group-record2 .jcf-select{
    width: 142px;
    min-width: 142px;
}
.complete-res-add-group-record .btn-primary {
    max-width: 95px;
}
    
}

@media (min-width: 380px) {
.complete-res-add-group-record span.required  {
    left: -2px;
    top: -2px;
}
.complete-res-add-group-record input,
.complete-res-add-group-record .required input,
.complete-res-add-group-record .jcf-select,
.complete-res-add-group-record .required .jcf-select {
    position: relative;
    width: 60%;
}
.complete-res-add-group-record .required input,
.complete-res-add-group-record .required .jcf-select {
    left: 4px;
}
}

@media (min-width: 768px) and (max-width: 910px) {
.res-complete .complete-res-add-group-record2 .vert-btn-group-position {
	position: relative;
	left: 490px;
}
}
@media (min-width: 992px) and (max-width: 1030px) {
.res-complete .complete-res-add-group-record2 .vert-btn-group-position {
	position: relative;
	left: 150px;
}
.res-complete .complete-res-add-group-record2 .list-holder .first-col {
	display: block;
	width: 100%;
}	
}
@media (min-width: 1166px) and (max-width: 1313px) {
.res-complete .complete-res-add-group-record2 .vert-btn-group-position{
	position: relative;
	right: -490px;
}
}


@media (min-width: 768px) {
.complete-res-add-group-record .list-holder .summary-info {
	width: 450px !important;
}
.complete-res-add-group-record2 .list-holder .summary-info {
	width: 325px;
}

}
@media (min-width: 1200px) {
.complete-res-add-group-record2 .list-holder .summary-info2 {
	width: 220px;
}
}

@media (min-width: 1300px) {
.complete-res-add-group-record .vert-btn-group {
    position: relative;
    right: -430px;
    top: 80px;
    margin-bottom: 0.5em;
}

.complete-res-add-group-record .vert-btn-group-2nd-set {
    position: relative;
    top: -53px;
    margin-bottom: 10px;
    text-align: right;
}    
    
.complete-res-add-group-record .summary-detail {
    position: relative;
    top: -30px;
    margin-leftt: 2px;
    margin-right: 2px;
}
.complete-res-add-group-record {
    top: -24px;
    background-color: transparent;
}
}


@media (min-width: 879px) {
    .overnight-grid .filter-box .field-row button{
        text-align: right;
    }
}

@media (max-width: 878px) {
    .filter-box .filter-col-holder .col-holder{
        justify-content: flex-start;
    }
}

@media (min-width: 768px) {
    .overnight-grid .btn-holder{
        margin-top: 15px;
    }
}


.max-min-all.active a.opener:after{
    content: 'Minimize All';
}

.max-min-all a.opener:after{
    content: 'Maximize All';
}

.max-min-all a.opener > span{
    display: none;
}

.visible-title:not(.active) + .filter-area .more-filters-container{
    overflow: hidden;
    max-height: 0;
}

.filter-area .more-filters-container.filter-col{
    transition: max-height 0.2s linear;
    max-height: 500px;
    padding-right: 0;
}

.overnight-grid .filter-col-btns:first-child{
    width: 195px;
}

.overnight-grid{
    padding-bottom: 30px;
}

a.opener-all.active:before{
    content: '-';
    line-height: 9px;
}

@media (min-width: 1820px) {
    .box-adjusted{
        max-width: 1730px;
    }
}






@media (min-width: 768px){
    .user-list-holder{
        position: relative;
    }

    .ico-expander{
        position: absolute;
        right: 0;
        top: 20px;
    }
}

.ico-expand{
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #5787b5;
}

.expander-active .ico-expand{
    border-top: 14px solid #5787b5;
    border-bottom: 0;
}

@media (min-width: 1300px){
    .table.grid td,
    .table.grid th,
    .table .time-block span{
        font-size: 14px;
    }
}

@media (min-width: 1083px){
    .table .col1,
    .table .col2,
    .table .col3,
    .table .col4{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .table-holder-data-table .table.grid th.col1,
    .table-holder-data-table .table.grid td.col1{
        min-width: 80px;
        max-width: 80px;
        width: 80px;
    }

    .table-holder-data-table .table.grid th.col2,
    .table-holder-data-table .table.grid td.col2,
    .table-holder-data-table .table.grid th.col4,
    .table-holder-data-table .table.grid td.col4{
        min-width: 100px;
        max-width: 100px;
        width: 100px;
    }

    .table-holder-data-table .table.grid th.col3,
    .table-holder-data-table .table.grid td.col3{
        min-width: 120px;
        max-width: 120px;
        width: 120px;
    }

    .table.grid th:nth-child(4) ~ th{
        min-width: 45px;
    }

    .table.grid tbody tr{
        height: 45px;
    }

    .table.grid td,
    .table.grid th{
        height: 45px;
        width: 45px;
        max-width: 45px;
    }

    .table .time-block span{
        /*width: 178px;*/
        /*top: 4px;
        left: 4px;
        height: 44px;*/
        padding: 14px 2px 1px 8px;
    }
}

.table.grid{
    height: inherit;
}



@media (min-width: 767px) and (max-width: 1200px) {
#ModalLong3 .summary-list .sub-title  {
    width: unset;
    margin-right: 0.4em;
}
}


.widget .title {
    margin-right: 1em;
}


/* ------- Overnight Complete Reservation -------- */
 
.complete-res-overnight .ui-datepicker-trigger:after {
    display: inline-block;
    right: 0px;
}
.complete-res-overnight .ui-datepicker-trigger {
    right: -16px;
}
.complete-res-overnight .ui-datepicker-trigger:focus {
    outline: none;
}
.complete-res-overnight .calendar input.datepicker {
    min-width: 50px;
    width: 104px;
}
.complete-res-overnight .num-days .form-control:disabled {
    width: 104px;
}
.complete-res-overnight .calendar {
    width: 111px;
}
.complete-res-overnight .widget input {
    width: 104px;
    min-width: 104px;
}
.complete-res-overnight .widget .title {
    margin-right: 1em;
}
.guest-edit table.guest-history-table .col4 {
     width:auto;
}
 
 
 
@media (min-width: 380px) {
    .complete-res-overnight .calendar input.datepicker {
        min-width: 105px;
    }
}

@media (min-width: 1300px) {
    .res-complete .widget input {
        padding-left: 0.25em;
    }
}
/* ------- / Overnight Complete Reservation -------- */
 



/* ------------------  ModalLong14 ------------------ */
#ModalLong14 .jcf-select {
    margin: 0 0px 0 0;
    width: 172px;
    min-width: 172px;
}
#ModalLong14 .required .jcf-select{
    background-color: #fefed0;
    margin-left: 5px;
}
#ModalLong14 .required input {
    background-color: #fefed0;
    border: 1px #999 solid;
    margin-left: 5px;
}
#ModalLong14 .modal-dialog .head {
    margin: 0 0 14px;
}
#ModalLong14 ul{
    padding: 0;
    margin: auto;
}
#ModalLong14 .form-group {
    margin-bottom: 0rem;
}
#ModalLong14 .modal-dialog {
    width: 90%;
    max-width: 320px;
} 
#ModalLong14 .summary-info .title {
    color: #5586b7;
    font-size: 14px;
    font-weight: 400;
    width: 116px;
    text-align: left;
    padding: 0 5px 0 0;
}
#ModalLong14 .modal-dialog .title {
    margin: 0;
    line-height: 1.25em;
}
#ModalLong14 input[type="text"],
#ModalLong14 .jcf-select {
    width: 120px;
    display: inline-block;
    min-width: 120px;
    max-height: 1.7em;
}
#ModalLong14 .summary-info .mid-col li {
    display: block;
    margin: 0 0 7px;
}
#ModalLong14 .summary-detail .list-holder .vert-btn-group-position {
    width: 290px;
    position: relative;
    top: 8px;
    left: -40px;
}
#ModalLong14 .icon-group1 {
    text-align: right;
    margin-bottom: 6px;
    width: 96%;
}
#ModalLong14 .icon-group1 img {
    margin-left: 6px;
}
#ModalLong14 .icon-group1 img.link-icon{
    position: relative;
    top: 1px;
}
#ModalLong14 .btn {
    font-size: 14px;
    font-weight: normal;
    background-color: #fff;
    margin-right: 3px;
}
 
#ModalLong14 .vert-btn-group {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}
#ModalLong14 .btn-outline-primary {
    width: 100%;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #5586b7;
    border-color: #999;
    max-width: 255px;
    margin: 1em auto 0 auto;
}
#ModalLong14 .summary-detail .vert-btn-group ul li {
    display: inline-block;
    float: left;
}
#ModalLong14 ul.button-set li {
    list-style: none;
    margin-top: 1em;
}
 
@media (min-width: 768px) {
 
#ModalLong14 .summary-detail .list-holder .summary-info {
    width: unset;
}
#ModalLong14 .summary-detail .list-holder .first-col {
    width: 280px;
}
#ModalLong14 .summary-detail .list-holder .first-col .title {
    width: 120px;
}
#ModalLong14 .summary-info .title {
    width: 135px;
    display: inline-block;
}
#ModalLong14 .summary-detail .list-holder .mid-col li {
    float: unset;
    display: block;
}
 
#ModalLong14 .summary-detail .vert-btn-group ul li .btn {
    min-width: 110px;
    width: 110px;
    font-size: 1em;
}
    
}
@media (max-width: 480px) {
#ModalLong14 .modal-dialog {
    min-width: 90%;
} 
} 
/* ------------------  / ModalLong14 ------------------ */
 

/* ------------------  ModalLong15 ------------------ */
#ModalLong15 .jcf-select {
    margin: 0 0px 0 0;
    width: 172px;
    min-width: 172px;
}
#ModalLong15 .required .jcf-select{
    background-color: #fefed0;
    margin-left: 5px;
}
#ModalLong15 .required input {
    background-color: #fefed0;
    border: 1px #999 solid;
    margin-left: 5px;
}
#ModalLong15 .modal-dialog .head {
    margin: 0 0 14px;
}
#ModalLong15 ul{
    padding: 0;
    margin: auto;
}
#ModalLong15 .form-group {
    margin-bottom: 0rem;
}
#ModalLong15 .modal-dialog {
    width: 90%;
    max-width: 320px;
} 
#ModalLong15 .summary-info .title {
    color: #5586b7;
    font-size: 14px;
    font-weight: 400;
    width: 116px;
    text-align: left;
    padding: 0 5px 0 0;
}
#ModalLong15 .modal-dialog .title {
    margin: 0;
    line-height: 1.25em;
}
 
#ModalLong15 input[type="text"],
#ModalLong15 .jcf-select {
    width: 120px;
    display: inline-block;
    min-width: 120px;
    max-height: 1.7em;
}
#ModalLong15 .summary-info .mid-col li {
    display: block;
    margin: 0 0 7px;
}
 
#ModalLong15 .summary-detail .list-holder .vert-btn-group-position {
    width: 290px;
    position: relative;
    top: 8px;
    left: -40px;
}
#ModalLong15 .icon-group1 {
    text-align: right;
    margin-bottom: 6px;
    width: 96%;
}
 
#ModalLong15 .icon-group1 img {
    margin-left: 6px;
}
#ModalLong15 .icon-group1 img.link-icon{
    position: relative;
    top: 1px;
}
#ModalLong15 .btn {
    font-size: 14px;
    font-weight: normal;
    background-color: #fff;
    margin-right: 3px;
}
 
#ModalLong15 .vert-btn-group {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}
#ModalLong15 .btn-outline-primary {
    width: 100%;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #5586b7;
    border-color: #999;
    max-width: 255px;
    margin: 1em auto 0 auto;
}
#ModalLong15 .summary-detail .vert-btn-group ul li {
    display: inline-block;
    float: left;
}
#ModalLong15 ul.button-set li {
    list-style: none;
    margin-top: 1em;
}
 
@media (min-width: 768px) {
 
#ModalLong15 .summary-detail .list-holder .summary-info {
    width: unset;
}
#ModalLong15 .summary-detail .list-holder .first-col {
    width: 280px;
}
#ModalLong15 .summary-detail .list-holder .first-col .title {
    width: 120px;
}
#ModalLong15 .summary-info .title {
    width: 135px;
    display: inline-block;
}
#ModalLong15 .summary-detail .list-holder .mid-col li {
    float: unset;
    display: block;
}
#ModalLong15 .summary-detail .vert-btn-group ul li .btn {
    min-width: 110px;
    width: 110px;
    font-size: 1em;
}
    
}
@media (max-width: 480px) {
#ModalLong15 .modal-dialog {
    min-width: 90%;
} 
} 
/* ------------------  / ModalLong15 ------------------ */
 
/* ------------------  ModalLong16 ------------------ */
#ModalLong16 .custom-checkbox {
    margin-top: 2px;
}
#ModalLong16 .jcf-select {
    margin: 0 0px 0 0;
    width: 172px;
    min-width: 172px;
}
 
#ModalLong16 .required .jcf-select{
    background-color: #fefed0;
    margin-left: 5px;
}
#ModalLong16 .required input {
    background-color: #fefed0;
    border: 1px #999 solid;
    margin-left: 5px;
}
#ModalLong16 .modal-dialog .head {
    margin: 0 0 14px;
}
#ModalLong16 ul{
    padding: 0;
    margin: auto;
}
#ModalLong16 .form-group {
    margin-bottom: 0rem;
}
#ModalLong16 .modal-dialog {
    width: 90%;
    max-width: 320px;
} 
 
#ModalLong16 .summary-info .title {
    color: #5586b7;
    font-size: 14px;
    font-weight: 400;
    width: 116px;
    text-align: left;
    padding: 0 5px 0 0;
}
#ModalLong16 .modal-dialog .title {
    margin: 0;
    line-height: 1.25em;
}
#ModalLong16 input[type="text"],
#ModalLong16 .jcf-select {
    width: 120px;
    display: inline-block;
    min-width: 120px;
    max-height: 1.7em;
}
#ModalLong16 .summary-info .mid-col li {
    display: block;
    margin: 0 0 7px;
}
#ModalLong16 .summary-detail .list-holder .vert-btn-group-position {
    width: 290px;
    position: relative;
    top: 8px;
    left: -40px;
}
#ModalLong16 .icon-group1 {
    text-align: right;
    margin-bottom: 6px;
    width: 96%;
}
#ModalLong16 .icon-group1 img {
    margin-left: 6px;
}
#ModalLong16 .icon-group1 img.link-icon{
    position: relative;
    top: 1px;
}
#ModalLong16 .btn {
    font-size: 14px;
    font-weight: normal;
    background-color: #fff;
    margin-right: 3px;
}
#ModalLong16 .vert-btn-group {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}
#ModalLong16 .btn-outline-primary {
    width: 100%;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #5586b7;
    border-color: #999;
    max-width: 255px;
    margin: 1em auto 0 auto;
}
#ModalLong16 .summary-detail .vert-btn-group ul li {
    display: inline-block;
    float: left;
}
#ModalLong16 ul.button-set li {
    list-style: none;
    margin-top: 1em;
}
 
#ModalLong16 .summary-info li .custom-checkbox-title {
    width: 150px;
}
 
@media (min-width: 768px) {
 
#ModalLong16 .summary-detail .list-holder .summary-info {
    width: unset;
}
#ModalLong16 .summary-detail .list-holder .first-col {
    width: 280px;
}
#ModalLong16 .summary-detail .list-holder .first-col .title {
    width: 120px;
}
 
#ModalLong16 .summary-info .title {
    width: 135px;
    display: inline-block;
}
 
#ModalLong16 .summary-detail .list-holder .mid-col li {
    float: unset;
    display: block;
}
    
#ModalLong16 .summary-detail .vert-btn-group ul li .btn {
    min-width: 110px;
 
    width: 110px;
    font-size: 1em;
} 
}

@media (max-width: 480px) {
#ModalLong16 .modal-dialog {
    min-width: 90%;
} 
} 
/* ------------------  / ModalLong16 ------------------ */
 

/* ---------------  ModalLong17 -------------- */
#ModalLong17 .modal-dialog .head {
	margin: 0 0 14px;
}
#ModalLong17 .table {
    width: 100%;
	min-width: inherit;
}
#ModalLong17 .table-holder {
	margin-bottom: 1em;
}
#ModalLong17 .table th:nth-child(n+6),
#ModalLong17 .table td:nth-child(n+6){
	text-align: right;
	max-width: 100px;
}
#ModalLong17 .table td input {
	text-align: right;
	max-width: 80px;
}
#ModalLong17 .modal-dialog {
	min-width: 70%;
} 
#ModalLong17 .icon-group1{
	text-align: right;
}
#ModalLong17 .clear-btn-container{
	text-align: right;
	width: 100%;
	height: 18px;
}
#ModalLong17 .clear-btn-container .btn {
	width: 100px;
}	
#ModalLong17 .bottom-area {
    width: 100%;
	text-align: right;
    margin-top: 2em;
}
#ModalLong17 .bottom-area button,
#ModalLong17 .bottom-area input {
    display: inline-block;
    max-width: 7em;
    text-align: right;
}
#ModalLong17 .bottom-area .btns-list {
    justify-content: right;
}

#ModalLong17 .bottom-area .list-inline-item:not(:last-child) {
    margin-right: 0;
}

#ModalLong17 .bottom-area p{
	width: 100%;
    display: block;
    text-align: right;
    margin-top: -0.5em;
}	

@media (min-width: 1250px) {
#ModalLong17 .clear-btn-container .btn {
	position: relative;
	top: -36px;
}	
}
@media (min-width: 1000px) {
#ModalLong17 .first-col li:nth-child(2){
	margin: 0.5em 0;
}
}
#ModalLong17 .summary-detail .list-holder {
	width: 100%;
}
#ModalLong17 .jcf-select {
	min-width: 100px;
	margin: 4px 0 0 0;
}
@media (max-width: 768px) {
#ModalLong17 .summary-info .title {
	display: block;
}
#ModalLong17 .jcf-select {
	max-width: 200px;
}
#ModalLong17 .clear-btn-container{
	text-align: left;
	width: 100%;
	margin-top: 1em;
}
}
#ModalLong17 .summary-info {
	width: 100%;
	vertical-align: middle;
}
#ModalLong17 .summary-info .title {
	width: 120px;
	margin: 0;
}
#ModalLong17 .summary-info .title,
#ModalLong17 .bottom-area .title{
	color: #5586b7;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	padding: 0 5px 0 0;
	line-height: 1.2em;
}
#ModalLong17 .table-title {
	font-size: 1em;
	color: #000;
	font-weight: bold;
	margin-bottom: 0.35em;
}
#ModalLong17 .table-top-right {
	font-size: 0.9em;
	color: #333;
	font-weight: normal;
	margin-bottom: -0.35em;
	font-style: italic;
}
#ModalLong17 .table-top-right {
	text-align: right;
	position: relative;
	top: -25px;
}
#ModalLong17 .pre-table {
	height: 1.5em;
}
#ModalLong17 .summary-info .input-holder input{
    margin-top: 6px;
    margin-bottom: 4px;
}
#ModalLong17 .summary-info a img {
    margin: 6px 0 0 20px;
}
#ModalLong17 .button-set  {
    text-align: right;
}
#ModalLong17 .button-set button {
    min-width: 100px;
}

@media (max-width: 768px) {
#ModalLong17 .pre-table {
	margin: 0 -0.65em;
}
}
@media (max-width: 480px) {
#ModalLong17 .bottom-area .btns-list .btn-primary {
    width: 80px;
}
}
/* --------------- / ModalLong17 -------------- */


/* ------------------ ModalLong18 ------------------  */

#ModalLong18 .modal-dialog {
	max-width: 90%;
}
@media (min-width: 1100px) {
    #ModalLong18 .modal-dialog {
        width: 75%;
        max-width: 950px;
    } 
}


#ModalLong18 #dates tbody tr:last-of-type,
#ModalLong18 #rates tbody tr:last-of-type,
#ModalLong18 #adders tbody tr:last-of-type,
#ModalLong18 #discounts tbody tr:last-of-type,
#ModalLong18 #cancel tbody tr:last-of-type {
	border-top: 2px solid #888;
}

#ModalLong18 #dates table th:nth-child(8),
#ModalLong18 #dates table td:nth-child(8),
#ModalLong18 #dates table th:nth-child(9),
#ModalLong18 #dates table td:nth-child(9),
#ModalLong18 #rates table th:nth-child(6),
#ModalLong18 #rates table td:nth-child(6),
#ModalLong18 #rates table th:nth-child(7),
#ModalLong18 #rates table td:nth-child(7),
#ModalLong18 #adders table th:nth-child(4),
#ModalLong18 #adders table td:nth-child(4),
#ModalLong18 #adders table th:nth-child(5),
#ModalLong18 #adders table td:nth-child(5),
#ModalLong18 #discounts table th:nth-child(6),
#ModalLong18 #discounts table td:nth-child(6),
#ModalLong18 #cancel table th:nth-child(7),
#ModalLong18 #cancel table td:nth-child(7),
#ModalLong18 #cancel table th:nth-child(8),
#ModalLong18 #cancel table td:nth-child(8) {
	text-align: right;
	min-width: 7.5em;
}

#ModalLong18 #dates table th:nth-child(7),
#ModalLong18 #dates table td:nth-child(7) {
	min-width: 5.5em;
}
#ModalLong18 #rates table th:nth-child(5),
#ModalLong18 #rates table td:nth-child(5),
#ModalLong18 #rates table th:nth-child(4),
#ModalLong18 #rates table td:nth-child(4),
#ModalLong18 #rates table th:nth-child(3),
#ModalLong18 #rates table td:nth-child(3),
#ModalLong18 #cancel table th:nth-child(4),
#ModalLong18 #cancel table td:nth-child(4),
#ModalLong18 #cancel table th:nth-child(3),
#ModalLong18 #cancel table td:nth-child(3) {
	min-width: 11em;
}

#ModalLong18 #adders table th:nth-child(1),
#ModalLong18 #adders table td:nth-child(1) {
	width: 36%;
}

#ModalLong18 #dates table td:nth-child(1),
#ModalLong18 #rates table td:nth-child(1),
#ModalLong18 #adders table td:nth-child(1),
#ModalLong18 #discounts table td:nth-child(1) {
	padding-left: 2.5em;
}

#ModalLong18 #dates table td:nth-child(1).h7,
#ModalLong18 #rates table td:nth-child(1).h7,
#ModalLong18 #adders table td:nth-child(1).h7,
#ModalLong18 #discounts table td:nth-child(1).h7,
#ModalLong18 #cancel table td:nth-child(1).h7 {
	padding-left: 1em;
	font-weight: bold;
}
#ModalLong18 #dates table td:nth-child(9) input,
#ModalLong18 #rates table td:nth-child(7) input,
#ModalLong18 #adders table td:nth-child(4) input,
#ModalLong18 #adders table td:nth-child(5) input,
#ModalLong18 #discounts table td:nth-child(6) input {
	text-align: right;
}

#ModalLong18 .above-table .radios-list li {
	width: 100%;
	display: block;
	color: #212529;
}
#ModalLong18 .above-table .radios-list .label {
	color: #212529;
}
#ModalLong18 .above-table p {
	margin-bottom: 0.5rem;
}

.align-right-content {
	text-align: right;
	padding-right: 1.75rem;
}
.align-left-content {
	text-align: left;
	padding-left: 1.75rem;
}

#ModalLong18 #discounts .input-holder{
	max-width: 7em;
	float: right;
}

#ModalLong18 .nudge-right {
margin-right: -4px;
}

#ModalLong18 #rates .col1,
#ModalLong18 #discounts .col1 {
	min-width: 280px;
}
#ModalLong18 #rates table td:nth-child(1) span,
#ModalLong18 #discounts table td:nth-child(1) span {
	float: right;
}

.discounts-name {
	min-width: 130px;
	overflow: hidden;
}

#ModalLong18 #payments .payment-type-table .col1 {
	width: 200px;
}

#ModalLong18 #payments .payment-type-table img {
	width: auto;
	height: 24px;
	margin-left: 8px;
}

#ModalLong18 #payments .payment-type-table .btn {
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
}
#ModalLong18 .summary-list .sub-title {
	width: 148px;
}

/* ------------------  / ModalLong18 ------------------ */



/* ------------------  Group Order Process  ------------------ */
.group-order-process .filter-box .field-row button, 
.group-order-process .filter-box .field-row label {
    width: 140px;
}
.group-order-process .filter-box .num-days-width input{
    width: 93px;
}
.group-order-process .filter-area .btn-list  {
    display: block;
}
.group-order-process .filter-area .btn-list li {
	max-width: unset;
	width: 145px;
}
.group-order-process .filter-box .filter-col-holder .btn-list {
	width: 150px;
}
.group-order-process .filter-box .filter-col-holder .col-holder {
    justify-content: center;
}
.table-holder {
    margin-bottom: 15px;
}


@media (max-width: 767px) {
.group-order-process .filter-area.filter-active .filter-box {
    position: inherit;
}
.group-order-process .filter-box .filter-col-holder .col-holder {
    justify-content: left;
}
}

/* ------------------  ModalLong19 ------------------ */
#ModalLong19 .custom-checkbox {
    margin-top: 2px;
}
#ModalLong19 .jcf-select {
    margin: 0 0px 0 0;
    width: 172px;
    min-width: 172px;
}
 
#ModalLong19 .required .jcf-select{
    background-color: #fefed0;
    margin-left: 5px;
}
#ModalLong19 .required input {
    background-color: #fefed0;
    border: 1px #999 solid;
    margin-left: 5px;
}
#ModalLong19 .modal-dialog .head {
    margin: 0 0 14px;
}
#ModalLong19 ul{
    padding: 0;
    margin: auto;
}
#ModalLong19 .form-group {
    margin-bottom: 0rem;
}
#ModalLong19 .modal-dialog {
    width: 90%;
    max-width: 320px;
    min-width: 40%;
} 
 
#ModalLong19 .summary-info .title {
    color: #5586b7;
    font-size: 14px;
    font-weight: 400;
    width: 116px;
    text-align: left;
    padding: 0 5px 0 0;
}
#ModalLong19 .modal-dialog .title {
    margin: 0;
    line-height: 1.25em;
}
#ModalLong19 input[type="text"],
#ModalLong19 .jcf-select {
    width: 120px;
    display: inline-block;
    min-width: 120px;
    max-height: 1.7em;
}
#ModalLong19 .summary-info .mid-col li {
    display: block;
    margin: 0 0 7px;
}
#ModalLong19 .summary-detail .list-holder .vert-btn-group-position {
    width: 290px;
    position: relative;
    top: 8px;
    left: -40px;
}
#ModalLong19 .icon-group1 {
    text-align: right;
    margin-bottom: 6px;
    width: 96%;
}
#ModalLong19 .icon-group1 img {
    margin-left: 6px;
}
#ModalLong19 .icon-group1 img.link-icon{
    position: relative;
    top: 1px;
}
#ModalLong19 .btn {
    font-size: 14px;
    font-weight: normal;
    background-color: #fff;
    margin-right: 3px;
}
#ModalLong19 .btn-wider  {
    min-width: 11em;
}
#ModalLong19 .vert-btn-group {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}
#ModalLong19 .btn-outline-primary {
    width: 100%;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #5586b7;
    border-color: #999;
    max-width: 255px;
    margin: 1em auto 0 auto;
}
#ModalLong19 .summary-detail .vert-btn-group ul li {
    display: inline-block;
    float: left;
}
#ModalLong19 ul.button-set li {
    list-style: none;
    margin-top: 1em;
}
 
#ModalLong19 .summary-info li .custom-checkbox-title {
    width: 150px;
}
 
@media (min-width: 768px) {
 
#ModalLong19 .summary-detail .list-holder .summary-info {
    width: unset;
}
#ModalLong19 .summary-detail .list-holder .first-col {
    width: 280px;
}
#ModalLong19 .summary-detail .list-holder .first-col .title {
    width: 120px;
}
 
#ModalLong19 .summary-info .title {
    width: 135px;
    display: inline-block;
}
 
#ModalLong19 .summary-detail .list-holder .mid-col li {
    float: unset;
    display: block;
}
    
#ModalLong19 .summary-detail .vert-btn-group ul li .btn {
    min-width: 110px;
 
    width: 110px;
    font-size: 1em;
} 
}

@media (max-width: 480px) {
#ModalLong19 .modal-dialog {
    min-width: 90%;
} 
} 
/* ------------------  / ModalLong19 ------------------ */

/* ------------------  ModalLong20 ------------------ */
#ModalLong20 .custom-checkbox {
    margin-top: 2px;
}
#ModalLong20 .jcf-select {
    margin: 0 0px 0 0;
    width: 172px;
    min-width: 172px;
}
#ModalLong20 .required .jcf-select{
    background-color: #fefed0;
    margin-left: 5px;
}
#ModalLong20 .required input {
    background-color: #fefed0;
    border: 1px #999 solid;
    margin-left: 5px;
}
#ModalLong20 .modal-dialog .head {
    margin: 0 0 14px;
}
#ModalLong20 ul{
    padding: 0;
    margin: auto;
}
#ModalLong20 .form-group {
    margin-bottom: 0rem;
}
#ModalLong20 .modal-dialog {
    width: 90%;
    max-width: 320px;
    min-width: 40%;
} 
#ModalLong20 .summary-info .title {
    color: #5586b7;
    font-size: 14px;
    font-weight: 400;
    width: 116px;
    text-align: left;
    padding: 0 5px 0 0;
}
#ModalLong20 .modal-dialog .title {
    margin: 0;
    line-height: 1.25em;
}
#ModalLong20 input[type="text"],
#ModalLong20 .jcf-select {
    width: 120px;
    display: inline-block;
    min-width: 120px;
    max-height: 1.7em;
}
#ModalLong20 .summary-info .mid-col li {
    display: block;
    margin: 0 0 7px;
}
#ModalLong20 .summary-detail .list-holder .vert-btn-group-position {
    width: 290px;
    position: relative;
    top: 8px;
    left: -40px;
}
#ModalLong20 .icon-group1 {
    text-align: right;
    margin-bottom: 6px;
    width: 96%;
}
#ModalLong20 .icon-group1 img {
    margin-left: 6px;
}
#ModalLong20 .icon-group1 img.link-icon{
    position: relative;
    top: 1px;
}
#ModalLong20 .btn {
    font-size: 14px;
    font-weight: normal;
    background-color: #fff;
    margin-right: 3px;
}
#ModalLong20 .btn-wider  {
    min-width: 11em;
}
#ModalLong20 .vert-btn-group {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}
#ModalLong20 .btn-outline-primary {
    width: 100%;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #5586b7;
    border-color: #999;
    max-width: 255px;
    margin: 1em auto 0 auto;
}
#ModalLong20 .summary-detail .vert-btn-group ul li {
    display: inline-block;
    float: left;
}
#ModalLong20 ul.button-set li {
    list-style: none;
    margin-top: 1em;
}
#ModalLong20 .summary-info li .custom-checkbox-title {
    width: 150px;
}
 
@media (min-width: 768px) {
 
#ModalLong20 .summary-detail .list-holder .summary-info {
    width: unset;
}
#ModalLong20 .summary-detail .list-holder .first-col {
    width: 280px;
}
#ModalLong20 .summary-detail .list-holder .first-col .title {
    width: 120px;
}
#ModalLong20 .summary-info .title {
    width: 135px;
    display: inline-block;
}
#ModalLong20 .summary-detail .list-holder .mid-col li {
    float: unset;
    display: block;
}
#ModalLong20 .summary-detail .vert-btn-group ul li .btn {
    min-width: 110px;
    width: 110px;
    font-size: 1em;
} 
}
@media (max-width: 480px) {
#ModalLong20 .modal-dialog {
    min-width: 90%;
} 
} 
/* ------------------  / ModalLong20 ------------------ */


.add-edit-vehicle-list .section-header {
    font-size: 1.25em;
    font-weight: bold;
    display: inline-block;
    float: left;
    margin: 0.75em 1em 0 0;
}
.rotate180 {
    transform: rotate(180deg);
    height: 25px;
}
#vehicle-list-table-wide {
    min-width: 100%;
}
.add-note2-modal .input-holder li {
    list-style-type: none;
}
.add-note2-modal .input-holder li .custom-checkbox {
    position: relative;
    top: 5px;
}
.add-note2-modal .input-holder input {
    position: relative;
    top: 3px;
}

/* ------------------ / Group Order Process  ------------------ */





/* ------------------ Overnight Process Feb 29 ------------------ */
.complete-res-overnight #myTabContent .ui-datepicker-trigger:after {
    display: inline-block;
    right: -12px;
}
#new-res-site-list-table .col1 {
     width: 80px;
}
.new-res .table {
    min-width: 750px;
}
.new-res .filter-box .filter-col {
    padding: 0 6px 0 0;
}

@media (min-width: 380px) {
.complete-res-overnight #myTabContent .calendar input.datepicker {
    min-width: 93px;
}
}
/* ------------------ / Overnight Process Feb 29  ------------------ */





/* ----------------------- March 5 requests -----------------------  */


/* ------------------ ModalLong21 ------------------ */

#ModalLong21 .modal-dialog {
	max-width: 90%;
}

#ModalLong21 #dates tbody tr:last-of-type,
#ModalLong21 #rates tbody tr:last-of-type,
#ModalLong21 #adders tbody tr:last-of-type,
#ModalLong21 #discounts tbody tr:last-of-type,
#ModalLong21 #cancel tbody tr:last-of-type {
	border-top: 2px solid #888;
}

#ModalLong21 #dates table th:nth-child(8),
#ModalLong21 #dates table td:nth-child(8),
#ModalLong21 #dates table th:nth-child(9),
#ModalLong21 #dates table td:nth-child(9),
#ModalLong21 #rates table th:nth-child(6),
#ModalLong21 #rates table td:nth-child(6),
#ModalLong21 #rates table th:nth-child(7),
#ModalLong21 #rates table td:nth-child(7),
#ModalLong21 #adders table th:nth-child(4),
#ModalLong21 #adders table td:nth-child(4),
#ModalLong21 #adders table th:nth-child(5),
#ModalLong21 #adders table td:nth-child(5),
#ModalLong21 #discounts table th:nth-child(6),
#ModalLong21 #discounts table td:nth-child(6),
#ModalLong21 #cancel table th:nth-child(7),
#ModalLong21 #cancel table td:nth-child(7),
#ModalLong21 #cancel table th:nth-child(8),
#ModalLong21 #cancel table td:nth-child(8) {
	text-align: right;
	min-width: 7.5em;
}

#ModalLong21 #dates table th:nth-child(7),
#ModalLong21 #dates table td:nth-child(7) {
	min-width: 5.5em;
}
#ModalLong21 #rates table th:nth-child(5),
#ModalLong21 #rates table td:nth-child(5),
#ModalLong21 #rates table th:nth-child(4),
#ModalLong21 #rates table td:nth-child(4),
#ModalLong21 #rates table th:nth-child(3),
#ModalLong21 #rates table td:nth-child(3),
#ModalLong21 #cancel table th:nth-child(4),
#ModalLong21 #cancel table td:nth-child(4),
#ModalLong21 #cancel table th:nth-child(3),
#ModalLong21 #cancel table td:nth-child(3) {
	min-width: 11em;
}

#ModalLong21 #adders table th:nth-child(1),
#ModalLong21 #adders table td:nth-child(1) {
	width: 36%;
}

#ModalLong21 #dates table td:nth-child(1),
#ModalLong21 #rates table td:nth-child(1),
#ModalLong21 #adders table td:nth-child(1),
#ModalLong21 #discounts table td:nth-child(1) {
	padding-left: 2.5em;
}

#ModalLong21 #dates table td:nth-child(1).h7,
#ModalLong21 #rates table td:nth-child(1).h7,
#ModalLong21 #adders table td:nth-child(1).h7,
#ModalLong21 #discounts table td:nth-child(1).h7,
#ModalLong21 #cancel table td:nth-child(1).h7 {
	padding-left: 1em;
	font-weight: bold;
}
#ModalLong21 #dates table td:nth-child(9) input,
#ModalLong21 #rates table td:nth-child(7) input,
#ModalLong21 #adders table td:nth-child(4) input,
#ModalLong21 #adders table td:nth-child(5) input,
#ModalLong21 #discounts table td:nth-child(6) input {
	text-align: right;
}

#ModalLong21 .above-table .radios-list li {
	width: 100%;
	display: block;
	color: #212529;
}
#ModalLong21 .above-table .radios-list .label {
	color: #212529;
}
#ModalLong21 .above-table p {
	margin-bottom: 0.5rem;
}

.align-right-content {
	text-align: right;
	padding-right: 1.75rem;
}
.align-left-content {
	text-align: left;
	padding-left: 1.75rem;
}

#ModalLong21 #discounts .input-holder{
	max-width: 7em;
	float: right;
}

#ModalLong21 .nudge-right {
margin-right: -4px;
}

#ModalLong21 #rates .col1,
#ModalLong21 #discounts .col1 {
	min-width: 280px;
}
#ModalLong21 #rates table td:nth-child(1) span,
#ModalLong21 #discounts table td:nth-child(1) span {
	float: right;
}

.discounts-name {
	min-width: 130px;
	overflow: hidden;
}

#ModalLong21 #payments .payment-type-table .col1 {
	width: 200px;
}

#ModalLong21 #payments .payment-type-table img {
	width: auto;
	height: 24px;
	margin-left: 8px;
}

#ModalLong21 #payments .payment-type-table .btn {
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
}

#ModalLong21 .summary-list li {
	width: auto;
}
#ModalLong21 .summary-list .sub-title {
    width: 85px;
}

#ModalLong21 th:nth-child(1),
#ModalLong21 td:nth-child(1){
    max-width: 200px;
}

@media (min-width: 768px) {
    #ModalLong21 th:nth-child(1),
    #ModalLong21 td:nth-child(1){
        max-width: 400px;
    }
}
#ModalLong21 span.required {
    margin-left: 0;
}
#ModalLong21 .table .inset-row td {
    background-color: transparent !important;
    border-color: #fff !important;
    padding-top: 0px;
    height: 30px;
}
#ModalLong21 th:nth-last-child(1),
#ModalLong21 td:nth-last-child(1),
#ModalLong21 th:nth-last-child(2),
#ModalLong21 td:nth-last-child(2)  {
    width: 9.5em;
}
#ModalLong21 .daily-view-btn {
    width: 100%;
    position: initial;
    padding: 4px 0px;
    margin-left: 2px;
}
#ModalLong21 .table .inset-row td:nth-child(1) {
    padding-left: 2em;
}
#ModalLong21 .table-striped tbody tr.inset-row:nth-of-type(2n) {
    background-color: transparent;
}
#ModalLong21 .table td:nth-last-child(1) .input-holder input,
#ModalLong21 .table td:nth-last-child(1) {
    text-align: right;
}
#ModalLong21 .table th:nth-last-child(1),
#ModalLong21 .table td:nth-last-child(1),
#ModalLong21 .table th:nth-last-child(2),
#ModalLong21 .table td:nth-last-child(2) {
    text-align: right;
}

#ModalLong21 .table tr.white-row,
#ModalLong21 .table tr.white-row td {
    background-color: #fff;
}
#ModalLong21 .table tr.no-border td {
    border: none;
}
#ModalLong21 .table tr.border-top-only td {
    border-top: 1px solid #000;
    border-bottom: none;
}
#ModalLong21 .table td:nth-child(1) {
	padding-left: 2.5em;
}
#ModalLong21 .table td:nth-child(1).h7 {
	padding-left: 1em;
	font-weight: bold;
}
#ModalLong21 .form-control {
	width: 117px;
}
#ModalLong21 td .align-with-required {
    position: relative;
    left: 11px;
}

#ModalLong21 .table .exclusive{
	float: right !important;
    margin-right: 2em;
}

#ModalLong21 .above-table {
    width: inherit;
}


/* ------------------  / ModalLong21 ------------------ */


/* ------------------ ModalLong22 ------------------ */

#ModalLong22 .modal-dialog {
	max-width: 90%;
}

#ModalLong22 #dates tbody tr:last-of-type,
#ModalLong22 #rates tbody tr:last-of-type,
#ModalLong22 #adders tbody tr:last-of-type,
#ModalLong22 #discounts tbody tr:last-of-type,
#ModalLong22 #cancel tbody tr:last-of-type {
	border-top: 2px solid #888;
}

#ModalLong22 #dates table th:nth-child(8),
#ModalLong22 #dates table td:nth-child(8),
#ModalLong22 #dates table th:nth-child(9),
#ModalLong22 #dates table td:nth-child(9),
#ModalLong22 #rates table th:nth-child(6),
#ModalLong22 #rates table td:nth-child(6),
#ModalLong22 #rates table th:nth-child(7),
#ModalLong22 #rates table td:nth-child(7),
#ModalLong22 #adders table th:nth-child(4),
#ModalLong22 #adders table td:nth-child(4),
#ModalLong22 #adders table th:nth-child(5),
#ModalLong22 #adders table td:nth-child(5),
#ModalLong22 #discounts table th:nth-child(6),
#ModalLong22 #discounts table td:nth-child(6),
#ModalLong22 #cancel table th:nth-child(7),
#ModalLong22 #cancel table td:nth-child(7),
#ModalLong22 #cancel table th:nth-child(8),
#ModalLong22 #cancel table td:nth-child(8) {
	text-align: right;
	min-width: 7.5em;
}

#ModalLong22 #dates table th:nth-child(7),
#ModalLong22 #dates table td:nth-child(7) {
	min-width: 5.5em;
}
#ModalLong22 #rates table th:nth-child(5),
#ModalLong22 #rates table td:nth-child(5),
#ModalLong22 #rates table th:nth-child(4),
#ModalLong22 #rates table td:nth-child(4),
#ModalLong22 #rates table th:nth-child(3),
#ModalLong22 #rates table td:nth-child(3),
#ModalLong22 #cancel table th:nth-child(4),
#ModalLong22 #cancel table td:nth-child(4),
#ModalLong22 #cancel table th:nth-child(3),
#ModalLong22 #cancel table td:nth-child(3) {
	min-width: 11em;
}

#ModalLong22 #adders table th:nth-child(1),
#ModalLong22 #adders table td:nth-child(1) {
	width: 36%;
}

#ModalLong22 #dates table td:nth-child(1),
#ModalLong22 #rates table td:nth-child(1),
#ModalLong22 #adders table td:nth-child(1),
#ModalLong22 #discounts table td:nth-child(1) {
	padding-left: 2.5em;
}

#ModalLong22 #dates table td:nth-child(1).h7,
#ModalLong22 #rates table td:nth-child(1).h7,
#ModalLong22 #adders table td:nth-child(1).h7,
#ModalLong22 #discounts table td:nth-child(1).h7,
#ModalLong22 #cancel table td:nth-child(1).h7 {
	padding-left: 1em;
	font-weight: bold;
}
#ModalLong22 #dates table td:nth-child(9) input,
#ModalLong22 #rates table td:nth-child(7) input,
#ModalLong22 #adders table td:nth-child(4) input,
#ModalLong22 #adders table td:nth-child(5) input,
#ModalLong22 #discounts table td:nth-child(6) input {
	text-align: right;
}

#ModalLong22 .above-table .radios-list li {
	width: 100%;
	display: block;
	color: #212529;
}
#ModalLong22 .above-table .radios-list .label {
	color: #212529;
}
#ModalLong22 .above-table p {
	margin-bottom: 0.5rem;
}
#ModalLong22 #discounts .input-holder{
	max-width: 7em;
	float: right;
}
#ModalLong22 .nudge-right {
margin-right: -4px;
}
#ModalLong22 #rates .col1,
#ModalLong22 #discounts .col1 {
	min-width: 280px;
}
#ModalLong22 #rates table td:nth-child(1) span,
#ModalLong22 #discounts table td:nth-child(1) span {
	float: right;
}
#ModalLong22 #payments .payment-type-table .col1 {
	width: 200px;
}
#ModalLong22 #payments .payment-type-table img {
	width: auto;
	height: 24px;
	margin-left: 8px;
}
#ModalLong22 #payments .payment-type-table .btn {
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
}
#ModalLong22 .summary-list li {
	width: auto;
}
#ModalLong22 .summary-list .sub-title {
    width: 85px;
}
#ModalLong22 th:nth-child(1),
#ModalLong22 td:nth-child(1){
    max-width: 200px;
}

@media (min-width: 768px) {
    #ModalLong22 th:nth-child(1),
    #ModalLong22 td:nth-child(1){
        max-width: 400px;
    }
}
#ModalLong22 span.required {
    margin-left: 0;
}
#ModalLong22 .table .inset-row td {
    background-color: transparent !important;
    border-color: #fff !important;
    padding-top: 0px;
    height: 30px;
}
#ModalLong22 th:nth-last-child(1),
#ModalLong22 td:nth-last-child(1),
#ModalLong22 th:nth-last-child(2),
#ModalLong22 td:nth-last-child(2)  {
    width: 9.5em;
}
#ModalLong22 .daily-view-btn {
    width: 100%;
    position: initial;
    padding: 4px 0px;
    margin-left: 2px;
}
#ModalLong22 .table .inset-row td:nth-child(1) {
    padding-left: 2em;
}
#ModalLong22 .table-striped tbody tr.inset-row:nth-of-type(2n) {
    background-color: transparent;
}
#ModalLong22 .table td:nth-last-child(1) .input-holder input,
#ModalLong22 .table td:nth-last-child(1) {
    text-align: right;
}
#ModalLong22 .table th:nth-last-child(1),
#ModalLong22 .table td:nth-last-child(1),
#ModalLong22 .table th:nth-last-child(2),
#ModalLong22 .table td:nth-last-child(2) {
    text-align: right;
}
#ModalLong22 .table tr.white-row,
#ModalLong22 .table tr.white-row td {
    background-color: #fff;
}
#ModalLong22 .table tr.no-border td {
    border: none;
}
#ModalLong22 .table tr.border-top-only td {
    border-top: 1px solid #000;
    border-bottom: none;
}
#ModalLong22 .table td:nth-child(1) {
	padding-left: 2.5em;
}
#ModalLong22 .table td:nth-child(1).h7 {
	padding-left: 1em;
	font-weight: bold;
}
#ModalLong22 .form-control {
	width: 117px;
}
#ModalLong22 td .align-with-required {
    position: relative;
    left: 11px;
}
#ModalLong22 .table .exclusive{
	float: right !important;
    margin-right: 2em;
}
#ModalLong22 .above-table {
    width: inherit;
}

/* ------------------ / ModalLong22 ------------------ */

/* ------------------ ModalLong23 ------------------ */
#ModalLong23 {
	width: 100%;
    min-width: 300px;
    margin: auto;
}
#ModalLong23 .modal-dialog {
    box-shadow: 2px 2px 2px #ccc;
}
#ModalLong23 .title {
	color: #5586b7;
	font-size: 14px;
	font-weight: 400;
	width: 100px;
	text-align: left;
	padding: 0 5px 0 0;
	margin: 0 1em 0 0;
	line-height: 1.25em;
    display: inline-block;
}
#ModalLong23 input[type="text"] {
	width: 150px;
	display: inline-block;
	min-width: 120px;
	max-height: 1.7em;
}
#ModalLong23 textarea {
	display: block;
    font-size: 16px;
    width: 250px;
}

@media (min-width: 768px) {
    #ModalLong23 textarea {
        width: 280%;
        display: inline-block;
    }
}

#ModalLong23 .btn-primary {
    font-size: 1em;
    width: 105px;
}
#ModalLong23 .field-col button {
    width: 100px;
    display: block;
    vertical-align: top;
}
@media (min-width: 480px) {
#ModalLong23 .field-col button {
    display: inline-block;
}
}
#ModalLong23 .field-col .input-holder {
    display: inline-block;
    width: 150px;
}
#ModalLong23 .modal-dialog .field-col {
	width: 100%;
}
#ModalLong23 .ui-datepicker-trigger:after {
/*	right: -4px;*/
	top: 5px;
}
#ModalLong23 .medium-dialog {
	min-width: 90%;
}
@media (min-width: 992px) {
#ModalLong23 .medium-dialog {
	min-width: 60%;
}
}
@media (min-width: 1200px) {
#ModalLong23 .medium-dialog {
	min-width: 50%;
}
}
#ModalLong23 .modal-dialog .calendar {
	padding: 0 24px 0 0;
}
.add-site-hold-modal .input-holder li {
    list-style-type: none;
}
.add-site-hold-modal .input-holder li .custom-checkbox {
    position: relative;
    top: 5px;
}
.add-site-hold-modal .input-holder input {
    position: relative;
    top: 3px;
}
/* ------------------ / ModalLong23 ------------------ */

/* ------------------ ModalLong24 ------------------ */
#ModalLong24 {
	width: 100%;
    min-width: 300px;
    margin: auto;
}
#ModalLong24 .modal-dialog {
    box-shadow: 2px 2px 2px #ccc;
}
#ModalLong24 .title {
	color: #5586b7;
	font-size: 14px;
	font-weight: 400;
	width: 100px;
	text-align: left;
	padding: 0 5px 0 0;
	margin: 0 1em 0 0;
	line-height: 1.25em;
    display: inline-block;
}
#ModalLong24 input[type="text"] {
	width: 150px;
	display: inline-block;
	min-width: 120px;
	max-height: 1.7em;
}
#ModalLong24 textarea {
	display: block;
    font-size: 16px;
    width: 250px;
}

@media (min-width: 768px) {
    #ModalLong24 textarea {
        width: 280%;
        display: inline-block;
    }
}

#ModalLong24 .btn-primary {
    font-size: 1em;
    width: 105px;
}
#ModalLong24 .field-col button {
    width: 100px;
    display: block;
    vertical-align: top;
    background-color: transparent;
}
@media (min-width: 480px) {
#ModalLong24 .field-col button {
    display: inline-block;
}
}
#ModalLong24 .field-col .input-holder {
    display: block;
    width: 150px;
}
@media (min-width: 480px) {
#ModalLong24 .field-col .input-holder {
    display: inline-block;
}
}
#ModalLong24 .modal-dialog .field-col {
	width: 100%;
}
#ModalLong24 .ui-datepicker-trigger:after {
/*	right: -4px;*/
	top: 5px;
}
#ModalLong24 .medium-dialog {
	min-width: 90%;
}
@media (min-width: 992px) {
#ModalLong24 .medium-dialog {
	min-width: 60%;
}
}
@media (min-width: 1200px) {
#ModalLong24 .medium-dialog {
	min-width: 50%;
}
}
#ModalLong24 .modal-dialog .calendar {
	padding: 0 24px 0 0;
}
.edit-site-hold-modal .input-holder li {
    list-style-type: none;
}
.edit-site-hold-modal .input-holder li .custom-checkbox {
    position: relative;
    top: 5px;
}
.edit-site-hold-modal .input-holder input {
    position: relative;
    top: 3px;
}
.group-block {
    display: inline-block;
}

@media (max-width: 678px) {
.group-block {
    min-width: 200px;
    margin-top: 0.52em;
}
#ModalLong24 .field-col button {
    display: inline-block;
} 
}

#ModalLong24 .btn-less {
    color: #5586b7;
    font-weight: bold;
    font-size: 1em;
    margin-right: 1em;
}   

.group-block button {
    text-align: center;
}
.author {
    text-align: right;
    font-size: 0.9em;
    margin-bottom: 0.65em;
}
.author p {
    margin: 0;
    text-align: left;
    font-color: #333333;
}
.author .label {
    vertical-align: top;
    font-weight: bold;
    padding-right: 0.25em; 
}


/* ------------------ / ModalLong24 ------------------ */


.expander-active .main-title{
    display: none;
}

.icon-expand:before,
.expander-active .icon-expand:before {
    content: '';
}


/*.modal-dialog .tooltip-opener {
    font-size: 11px !important;
}*/



/************override********************/
/*.ui-datepicker-trigger {
    color: #5586b7;
    position: relative;
     right: 0; 
     top: 0; 
    background: none;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
     width: 20px; 
    height: 24px;
    outline: none;
}*/


.table .time-block span{
        padding: 2px 3px 1px 3px;
}