body { background-color: #f0f0f1; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; }

.form-control { font-size: 13px; background-color: #F5F5F5; border-color: #F1F1F1; padding: .375rem .75rem; }
.form-control:focus, .form-control:focus-within { background-color: #F1F1F1; border-color: #F1F1F1; box-shadow: 0 0 0 .1rem rgba(13,110,253,.25); }

.hud .form-control { background-color: #FFF; border: 1px solid #dee2e6; }



.full-checkbox-label { font-size: 13px; background-color: #F5F5F5; border-color: #F1F1F1; display: block;  padding: .375rem .75rem; font-weight: bold }

.modal-footer > .row { width: 100%; }

img { height: auto; max-width: 100%; }

a { text-decoration: none; color: #0066FF; }
a:hover { text-decoration: none; color: rgba(13,110,253,1); }

.btn.btn-primary { background-color: #FF3366; border-color: #FF3366; }
.btn.btn-grey { background-color: #CCC; border-color: #CCC; color: #FFF; }
.btn.btn-light { background-color: #F2F2F2; border-color: #F2F2F2;  }




pre { border: 1px solid #FF3366; padding: 10px 15px; background-color: #FFF; border-radius: 3px;}





.yellow-star { color: #FFCC33; }
.red-x { color: #CC0000; }
.green-check { color: #009933; }

.content { padding: 20px 0 0; }



.badge.bg-default { color: #03223F; background-color: #F2F2F2 !important; border: 1px solid #F2F2F2; }
.badge.bg-light { color: #03223F; background-color: #FFF !important; border: 1px solid #03223F; }
.badge.bg-royal { color: #FFF; background-color: #800080; }

.table thead tr th { color: #FFF; background-color: #03223F; }
.table thead tr th { border-color: #03223F; }

.table.table-light { background-color: #FFF; }

.table.table-light thead tr th { color: #000; background-color: #FFF; }
.table.table-light thead tr th { border-color: rgb(198, 199, 200); }
.table.table-light tbody tr td { background-color: #FFF; }
.table.table-light tfoot tr th { background-color: #FFF; }

.table tr.table-success { border-color: inherit; }
.table tr.table-success td { background-color: #EBFFEB !important; }

.form-label { margin-bottom: 4px; }

.btn { font-size: 13px; padding: 4px 8px; }
.btn-sm { font-size: 11px; padding: 3px 5px; }
.btn-xs { font-size: 10px; padding: 2px 4px; }
.btn-lg { font-size: 1.25rem; padding: 0.5rem 1rem; }


.btn-group .btn-default.active { background-color: #CEE6FD; }
.btn-group .btn-default.active:focus { box-shadow: none; }


h1 { font-size: 24px; font-family: 'Open Sans', sans-serif; color: #333; font-weight: 400; padding: 0; margin: 0 0 20px 0; }
h2 { font-size: 20px; font-family: 'Open Sans', sans-serif; color: #333; font-weight: 400; padding: 0; margin: 0 0 15px 0; }
h3 { font-size: 16px; font-family: 'Open Sans', sans-serif; color: #333; font-weight: 400; padding: 0; margin: 0 0 15px 0; }
h4 { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #333; font-weight: 500; padding: 0; margin: 0 0 5px 0; }



form.modify .message { }



.order-6 {  order: 6 !important; }
.order-7 {  order: 7 !important; }





.navbar-upper { background-color: #FFF; border-bottom: 1px solid #03223F; position: fixed; top: 0; height: 44px; width: 100%; z-index: 2; }
.navbar-upper .container-fluid { padding-left: 10px; padding-right: 10px; height: 100%; }
.navbar-upper .row { margin-left: -10px; margin-right: -10px; height: 100%; }
.navbar-upper .row > * { padding-left: 8px; padding-right: 10px; }

.navbar-upper .navbar-brand { color: #03223F; font-size: 14px; padding: 0; }
.navbar-upper .navbar-brand img { height: 22px; width: auto; margin-left: 4px; margin-bottom: 2px; }



.side-navbar { width: 180px; top: 44px; height: 100%; padding-top: 15px; position: fixed; margin-left: -300px; background-color: #03223F; transition: 0.5s; }

.side-navbar .nav-link { color: #DDD; font-size: 14px; padding: 10px 10px; }
.side-navbar .nav-link i { font-size: 18px; width: 22px; text-align: center; margin-right: 4px; }

.side-navbar .nav-link:active,
.side-navbar .nav-link:focus,
.side-navbar .nav-link:hover { background-color: #ffffff26; }

.side-navbar .nav-link.active { background-color: #FF3366; }

.side-navbar .nav-separator { height: 1px; background-color: rgba(255,255,255,0.05); }

.my-container { transition: 0.4s; padding-top: 44px; }

.active-nav { margin-left: 0; }

.active-cont { margin-left: 180px; }

#menu-btn { cursor: pointer; color: #03223F; font-size: 18px; margin-left: 5px; vertical-align: middle; line-height: 18px; margin-right: -5px; padding: 5px; }
#menu-btn i { }




.dropdown-profile { margin-right: 5px; position: relative; display: inline-block; vertical-align: middle; }
.dropdown-profile button { border: none; background-color: transparent; color: #03223F; }
.dropdown-profile button i { margin-right: 5px; }
.dropdown-profile .dropdown-toggle::after { display: none; }

.dropdown-profile .dropdown-menu { border-radius: 0; border: none; background-color: #222; transform: none !important; position:relative; inset:33px -15px auto auto !important; width: 120px; }
.dropdown-profile .dropdown-menu .dropdown-item { color: #DDD; }
.dropdown-profile .dropdown-menu .dropdown-item:hover { background-color: #ffffff26; }



#saving-overlay { position: fixed; z-index: 5001; height: 100%; width: 100%; background-color: rgba(0,0,0,0.6); top: 0; left: 0; display: flex; justify-content: center; flex-direction: column;  align-items: center;  }
#saving-overlay .text { font-size: 22px; color: #FFF; }


.list-group-title { background-color: #03223F; color: #FFF; }

@media only screen and (min-width : 1024px) {
	.list-group-title { position: sticky; top: 44px; z-index: 10; }

	#ajax-payments .table thead { position: sticky; top: 0px;}
}

.list-group { margin-bottom: 25px; }
.list-group .sub-title { font-weight: 100; font-size: 80%; opacity: 0.7; padding-left: 15px; display: inline-block; }
.list-group .sub-text { font-weight: 100; opacity: 0.7; }

.list-group  .list-group-item.bg-success { background-color: #EBFFEB !important; }




.card { margin-bottom: 25px; border-radius: 0; border: none;   border-radius: calc(.25rem - 1px); }

.card .card:last-of-type { margin-bottom: 0; }


/*.card .card-body p:last-child { margin-bottom: 0; }  */

.card .list-group { margin-bottom: 0; }

.btn-group .btn-default { background-color: #FFF; }

.card .card-header-icon { background-color: #E2E2E2; font-size: 40px; line-height: 100px; height: 100px; text-align: center; color: #03223F;
 border-bottom: 1px solid #F0F0F0 }

.card .card-header { background-color: #03223F; color: #FFF; border-bottom: none; font-weight: 500; padding: 6px 12px; }
.card .card-body {  color: #777; font-weight: 400; padding: 8px 12px 0; }
.card .card-body .card { margin-bottom: 15px; }
.card .list-group {  color: #777; font-weight: 400; }
.card .list-group .list-group-item {  color: #777; font-weight: 400; }
.card .card-body label { font-weight: 500; color: #222; }

.card .card-title { font-weight: 600; }

.card .card .card-header { background-color: #F7F7F7; color: #000; border-bottom: 1px solid #DEDEDE; }
.card .card { border: 1px solid #DEDEDE; }

.card .card .card .card-header { background-color: #FFF; }


.card .dropdown-ellipsis { opacity: 0; }

.card:hover > .card-header .dropdown-ellipsis { opacity: 1; }
.card .list-group-item .dropdown-ellipsis { position: absolute; right: 10px; }
.card .list-group-item:hover  .dropdown-ellipsis { opacity: 1; }


.card .card-header .dropdown-ellipsis { position: absolute; right: 10px; }



.card.more-padding .card-body { padding: 15px 20px 5px 20px; }




.modal .card {
    border-bottom: 3px solid #F2F2F2;
}



#login-form .card .card-body {  padding: 35px 25px 25px; }



.dropdown-ellipsis button { border: none; background: none; padding: 0 5px;  }
.dropdown-ellipsis button:after { display: none; }
.dropdown-ellipsis button i { font-size: 18px; }

.card .dropdown-ellipsis button { color: #FFF; }
.card .card .dropdown-ellipsis button { color: #333; }
.card .list-group .dropdown-ellipsis button { color: #333; }


.dropdown-menu { padding: 0; }
.dropdown-menu .dropdown-item { font-size: 13px; }




i.primary { color: #FFCC33; }






.nav-tabs { margin-bottom: 15px; }

.nav-tabs .nav-link { margin-bottom: -1px;  background: 0 0; border-bottom: 1px solid #EEE; border-top: none; border-left: none; border-right: none; color: #444; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #000; background-color: transparent; border-bottom: 2px solid  #FF3366; }


.tab-pane { padding-top: 0; }










.invoice-modify-table { padding-left: 12px; padding-right: 12px; }

.invoice-modify-table .row-header { background-color: #EEE; padding-top: 10px; padding-bottom: 10px; font-weight: 600; }
.invoice-modify-table .item { padding-top: 10px; padding-bottom: 10px;  border-bottom: 2px solid #EEE; }

.invoice-description h4 { font-size: 14px; padding: 0; margin: 0 0 1px 0; }
.invoice-description p { font-size: 13px; padding: 0; margin: 0 0 15px 0; }

.invoice-modify-table .invoice-description { min-height: 10px; padding: 10px 15px 0; }
.invoice-modify-table .invoice-description:hover { background-color: #F9F9F9; }
.invoice-modify-table .invoice-description:focus-within { background-color: #F9F9F9; }

.invoice-modify-table .item .dropdown-ellipsis { margin-left: -10px; margin-right: 5px; padding-top: 8px; }
.invoice-modify-table .item .dropdown-ellipsis button { padding-left: 12px; padding-right: 12px;  }








ul.gallery { list-style-type: none; margin: 0; padding: 0; margin-left: -12px; margin-right: -12px; flex-wrap: wrap; display: flex; min-height: 100px; }
ul.gallery li { padding-left: 12px; padding-right: 12px; flex: 0 0 25%; max-width: 25%; margin-bottom: 15px; }
ul.gallery li a { position: relative; width: 100%; height: 0; padding-bottom: 66.7%; display: block; }
ul.gallery li a img { position: absolute; height: 100%; width: 100%; object-fit: cover; }

.gallery-uploader { z-index: 2 !important;}


.gallery-uploader .drop-text { z-index: 2; border: 3px dashed #CC0000;  padding: 15px;  position: absolute;  height: calc(100% - 15px); width: calc(100%); display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; }
.gallery-uploader .gallery { z-index:3; position: relative; }
/*.gallery-uploader:hover .drop-text { z-index: 4; }*/

@media only screen and (max-width : 767px) {
	ul.gallery li { flex: 0 0 50%; max-width: 50%; }
}



#filters { max-height: 1000px; overflow: hidden; transition: all 0.3s;   }
#filters.closed { max-height: 0; transition: all 0.3s;     }

.hud .icons .ico { color: #03223F; font-size: 22px; margin-left: 15px; }
.hud .icons .btn { color: #03223F; border-color: #03223F; vertical-align: top; padding: 2px 10px; }



.modal-dialog.modal-fs { max-width: 100000px; width: calc(100% - 20px); }

.modal-footer.has-row {padding-left:0; padding-right:0;}

#properties-cards .card-img-top {
    height: 200px;
    width: 100%;
    object-fit: cover;
}




.conversation-row .left {  }

#conversation-list .sender-name { font-weight: 400; }
#conversation-list { background-color: #FFF; height: calc(100vh - 104px); overflow:auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#conversation-list .new-conversation { font-size: 16px; }
#conversation-list .meta { opacity: 0.7; font-size: 90%; padding-bottom: 5px; }

.conversation-header { background-color: #03223F; padding-left: 15px; height: 56px; border-top-left-radius: 5px; border-top-right-radius: 5px;  border-bottom: 1px solid rgba(0,0,0,.125); }
.conversation-header > .row { height: 100%; }

.conversation-header .name { font-weight: 500; font-size: 18px; color: #FFF; }
.conversation-header .meta { font-weight: 200; font-size: 12px; color: rgba(255,255,255,0.8); }
.conversation-header .dropdown  { margin-right: 5px; }
.conversation-header .dropdown .btn { font-size: 18px; color: #FFF; padding: 12px; }
.conversation-header  .dropdown-toggle::after { display: none; }

/*
.conversation-header .number { font-size: 18px; color: #FFF; padding: 12px; margin-right: 5px; }
 */

#conversation-container {   height: calc(100vh - 160px); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #FFFFFF; }

#conversation { height: calc(100% - 70px); overflow:auto; display:flex; flex-direction:column-reverse; padding: 10px 10px 0 0; margin: 0 0 10px 0; }

#conversation .sender-name { font-weight: 600; }
#conversation .time { margin-left: 5px; font-size: 80%; }


#conversation-container .message-container { padding: 0 10px; }
#conversation-container .message-container form { display: flex;  }
#conversation-container .message-container textarea.form-control { min-height: 0; resize: none; height: 32px; }
#conversation-container .message-container button { margin-left: 5px;  }
#conversation-container .message-container a { margin-right: 5px;  }

#conversation-container .mms-gallery { display: flex; margin: 0; padding: 10px 0; list-style-type: none; }
#conversation-container .mms-gallery { }

.conversation-row .back-container { display: none; }

.conversation-row .back-container .back { color: #666; font-size: 18px; padding: 5px; }


.conversation-row.status-list .message-container { display: none; }



.modal-dialog {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
}

.modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.modal-body {
    height: calc(100vh - 126px) !important;
    overflow-y: auto;
}



.accordion-item .accordion-header h2 {
}

.accordion-item .accordion-header .checkbox {
    padding: 0 0 0 20px;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    }






.block-width-icon { padding-left: 40px; padding-top: 3px; }
.block-width-icon i { position: absolute; width: 30px; text-align: center; margin-left: -40px; margin-top: 0px; font-size: 18px; color: #FF3366; opacity: 0.3; }




.row.same-height-cards { }
.row.same-height-cards .card { height: 100%; margin-bottom: 0; }
.row.same-height-cards .col { padding-bottom: 25px; }




h3.price { color: #FF3366; font-size: 22px; }







.date-wrapper {
    position: relative;
    display: flex;
}

.date-wrapper .formatted-date {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    display: flex; justify-content: center; flex-direction: column;
    flex: 0 0 100%;
}

.date-wrapper .formatted-date:before {
    content: "\f133";
    opacity: 0.6;
    right: 10px;
    display: inline-block;
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

.date-wrapper input[type="date"] {
    opacity: 0;
}








.table tfoot th {
    border-bottom: none;
}




.select2 {
	display: block;
	width: 100% !important;
	padding: 0;
}
.select2-container--default .select2-selection--single {
	font-size: 13px;
	background-color: #F5F5F5;
	border-color: #F1F1F1;
	padding: 0;
	border-radius: var(--bs-border-radius);
	height: 33.5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 3px;
}
.select2-dropdown {
	z-index: 1070;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-weight: 400;
  	color: var(--bs-body-color);
	padding-top: 1px;
}