/*
file:		custom.css
package:	acm
author:		Valentin Zaraf
version:	1.0.3
*/
img{max-width:100%;}
.body_login_index{background:#00182e url(img/bg-fh.jpg) left top no-repeat;background-attachment:fixed;}
.bg-tr-gr{background:linear-gradient(0deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05));backdrop-filter: blur(5px);}
.bg-tl-gr{background:rgba(0,0,0,0.05);backdrop-filter: blur(3px);}
.bg-tr-01{background:rgba(255,255,255,0.1);}
.bg-tr-02{background:rgba(255,255,255,0.2);}
.bg-tr-03{background:rgba(255,255,255,0.3);}
.bg-tr-04{background:rgba(255,255,255,0.4);}
.bg-tr-05{background:rgba(255,255,255,0.5);}
.bg-tr-06{background:rgba(255,255,255,0.6);}
.bg-tr-07{background:rgba(255,255,255,0.7);}
.bg-tr-08{background:rgba(255,255,255,0.8);}
.bg-tr-09{background:rgba(255,255,255,0.9);}
img.brand-logo{width:auto;height:auto;max-width:160px !important;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active{background-color:#0063c0;color:#fff;}
.formAlert{font-size:14px;line-height:14px;padding-bottom:2px;width:100%;}
.form-group .formAlert:last-of-type{margin-bottom:4px;}
.hidden{display:none;}
.w-10px{width:10px;}
.w-20px{width:20px;}
.w-25px{width:25px;}
.w-30px{width:30px;}
.w-40px{width:40px;}
.w-50px{width:50px;}
.w-60px{width:60px;}
.w-80px{width:80px;}
.w-100px{width:100px;}
.w-120px{width:120px;}
.w-150px{width:150px;}
.w-200px{width:200px;}
.crew_member_profile_img{top:-55px;left:0px;}
@media (max-width: 576px){.modal-dialog.modal-dialog-slideout {width:90%}}
.modal-dialog-slideout {min-height:100%;margin:0 0 0 auto;background:#fff;}
.modal.fade .modal-dialog.modal-dialog-slideout{-webkit-transform: translate(+100%,0);transform: translate(+100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}
.modal-dialog-slideout .modal-content{border:0;box-shadow:none;}
.modal{padding-right:0 !important;}
.search_result_under_field{
	padding:10px;
	max-height:100px;
	overflow-y:auto;
	border-right:1px solid #73bcfa;
	border-bottom:1px solid #73bcfa;
	border-left:1px solid #73bcfa;
}
.sruf{
	max-height:160px;
}
.search_result_under_field:empty{border:none;padding:0px;overflow-y:none;}
.cmsr_code{min-width:42px;}
.cmsr_li,.cml_li,.dpasr_li,.dtasr_li,.dpcsr_li,.dtcsr_li,.tctsr_li,.tccsr_li{padding:5px;border-bottom:1px solid #ccc;}
.cmsr_li:hover,.dpasr_li:hover,.dtasr_li:hover,.dpcsr_li:hover,.dtcsr_li:hover,.tctsr_li:hover,.tccsr_li:hover{cursor:pointer;background:#f8f8f8;}
.cml_li{margin-bottom:0.1rem;}
.cml_li .close{padding:.1rem .25rem !important;}
.cancelBtn{display:none;}
.template_textarea{min-height:200px;}
.sliding-wrapper {
  overflow: hidden;
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
}
.sliding-background {
  background: url("/assets/acm/img/map.png") 0 -70px repeat-x, url("/assets/acm/img/map.png") 358px 300px repeat-x, url("/assets/acm/img/map.png") 0 680px repeat-x;
  height: 100%;
  width: 3580px;
  animation: slide 120s linear infinite;
}
@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-25%, 0, 0);
  }
}
.cursor-pointer{cursor:pointer;}
.send_message_contact_list .cmsr_first_name,
.send_message_contact_list .cmsr_last_name,
.send_message_contact_list .cmsr_company,
.send_message_contact_list .cmsr_city,
.send_message_contact_list .cmsr_country{
	display:none;
}
.timeline-body img{max-width:100% !important;height:auto !important;}
.navbar-badge{font-size:0.7rem;font-weight:600;top:5px;}

element.style {
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}
.select2-selection--multiple .select2-selection__choice {
    background-color: #007bff;
    border-color: #006fe6;
    color: #fff;
    padding: 0 10px;
    margin-top: .31rem;
}
.brand-image{width:auto;max-height:24px;}
.brand-name{color:#000 !important;}
.user-panel img{width:35px !important;height:auto;max-width:35px !important;}
.body_home_index a.small-box{color:#fff;}
.body_home_index a.small-box:hover{color:#333;}
@media (max-width: 576px){
.card-header>.card-tools .input-group, .card-header>.card-tools .nav, .card-header>.card-tools .pagination {
    margin-bottom: 0.3rem;
    margin-top: 0.3rem;
}
}
.disabled{opacity: .65;}
.direct-chat-msg{border-top:1px solid #ccc;}
.direct-chat-text.myself{
    background-color: #6c757d;
    border-color: #6c757d;
}
.direct-chat-text.myself::after,.direct-chat-text.myself::before {
    border-right-color: #6c757d;
}
.direct-chat-text.other{
    background-color: #007bff;
    border-color: #007bff;
}
.direct-chat-text.other::after,.direct-chat-text.other::before {
    border-right-color: #007bff;
}
.direct-chat-messages{scroll-behavior:smooth;}
.direct-chat-text,.direct-chat-text a{color:#fff;}
/* op bg */
.bg-operation-1{background:rgba(248,249,250,0.1);}
.bg-operation-2,.bg-operation-6,.bg-operation-7,.bg-operation-8{background:rgba(0,123,255,0.1);}
.bg-operation-3{background:rgba(248,192,8,0.1);}
.bg-operation-4{background:rgba(240,126,22,0.1);}
.bg-operation-5{background:rgba(220,53,69,0.1);}
.bg-operation-9{background:rgba(93,202,151,0.1);}
.bg-operation-10{background:rgba(69,153,112,0.1);}
.bg-operation-11,.bg-operation-12{background:rgba(79,167,69,0.1);}
.bg-operation-13{background:rgba(52,58,63,0.1);}
.bg-operation-14{background:rgba(111,66,193,0.1);}
/* op color */
.bg-operation-2 a,.bg-operation-6 a,.bg-operation-7 a,.bg-operation-8 a{color:rgba(0,123,255,1);}
.bg-operation-3 a{color:rgba(248,192,8,1);}
.bg-operation-4 a{color:rgba(240,126,22,1);}
.bg-operation-5 a{color:rgba(220,53,69,1);}
.bg-operation-9 a{color:rgba(93,202,151,1);}
.bg-operation-10 a{color:rgba(69,153,112,1);}
.bg-operation-11 a,.bg-operation-12 a{color:rgba(79,167,69,1);}
.bg-operation-13 a{color:rgba(52,58,63,1);}
.bg-operation-14 a{color:rgba(111,66,193,1);}
.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-6 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-7 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-8 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-9 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-10 {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
}