/* Custom Code Goes Here */
body{color: #353738;}
ul, #myUL {list-style-type: none;}
a{
  color: #E00800;
}
.d-flex{
  display: flex;
  align-items: center;
}
.page-copy {margin-bottom: 0px !important;}
.header-logo{max-height: 55px;margin-top: -15px;}
.header-logo-mobile{
  /* max-height: 45px; */
   max-width: 60%;
  }
/* Remove margins and padding from the parent ul */
#myUL {margin: 0;padding: 0;}
/* Style the caret/arrow */
.cuscaret {cursor: pointer;user-select: none; /* Prevent text selection */}
/* Create the caret/arrow with a unicode, and style it */
.cuscaret::before {content: "\002B";font-size: bold;display: inline-block;margin-right: 6px;}
.cuscaret-down::before {transform: rotate(45deg);}
.nested {display: none;}
.active {display: block;}
.img-fluid {max-width: 100%;height: auto;}
.img-thumbnail {padding: 0.25rem;background-color: #fff;border: 1px solid #dee2e6;
border-radius: 0.25rem;max-width: 100%;height: auto;}
#header .card-text{font-size: 2rem;line-height: 2.25rem;margin-top: 1.25rem;margin-bottom: 3rem;
color: white;}
.header-background{background-repeat: no-repeat;background-attachment: scroll;padding-bottom: 1.5rem;
background-position: center center;background-size: cover;padding-top: 7rem;padding-left: 1.5rem; }
.lds-dual-ring {display: inline-block;  width: 80px;height: 80px;}
.lds-dual-ring:after {content: " ";display: block;width: 50px;height: 50px;margin: 8px;
border-radius: 50%;border: 6px solid #2f5fef;
border-color: #2f5fef transparent #2f5fef transparent;
animation: lds-dual-ring 1.2s linear infinite;}
@keyframes lds-dual-ring {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
#ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton{margin-bottom: 40px}
.btn.btn-info.btn-xs{padding: 5px 10px;border-radius: 7px;}
body .btn.btn-default, body .btn.submit-btn, body .btn.btn-primary{padding: 10px 25px;
display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;
vertical-align: middle;font-size: 16px;line-height: 1.5;border-radius: 7px;
-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
body .btn.submit-btn, body .btn.btn-primary{border: 1px solid transparent;background-color:  #0a0a0a !important;}
body .btn.btn-primary:hover{background-color:  #3b3b3b !important;}
body .header-background, body .page-heading{background-image: url(banner.jpg) !important;
background-size: cover;background-repeat: no-repeat;margin-bottom: 30px;min-height: 236px;
padding: 40px  0px;background-position: left;margin-top: 86px; position: relative;}
body .page-heading::before ,body .header-background::before{
  content:'';position:absolute;width:100%;height:100%;background-image: linear-gradient(-76deg, #e00800cc,#000000cc);top:0px;
}
body .page-heading .container, body .header-background .container{
  position: relative;
}
body .header-background * , body .page-heading *,body .page-heading  .breadcrumb>li+li:before, 
body .header-background .breadcrumb>li+li:before {
color: #fff !important;background-color: transparent;}
body breadcrumb a{cursor : pointer }
body .page-heading h1,body .header-background .card-title{font-size: 3.75rem;font-weight: bold;}
body .page-heading h1{margin-bottom: 0px !important;}
body .header-background .card-title{margin-bottom: 2rem !important;}
body .page-heading .page-header{margin-top: 0px;border: 0px;}
body .page-heading .container {min-height: auto !important}
body section.slider-section .overlay{top:0px;bottom:0px;height: auto !important}
.wrapper-body{padding-bottom:30px}
.page-content-container{min-height: calc(100vh - 488px)}
.borderd-msg{padding: 10px 15px 30px;border-radius: 7px;text-align: center;line-height: 5rem;font-size: 2rem; 
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);  
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
}

.navbar-brand span, .mob-logo span{
  width: 1px;
  height: 30px;
  display: inline-block;
  background-color: #E00800;
}
/*scrollbar*/
::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-thumb {background: #999;border-radius: 20px;}
::-webkit-scrollbar-track {background: #eee;border-radius: 20px;}
/*service*/
.service-body{padding-top: 20px;}
.btn-new-service{margin-top: 15px;width: 100%;min-height: 80px;}
/*portfolio*/
#portfolio  {display: flex;flex-wrap: wrap;}
#portfolio .portfolio-item {margin-right: auto;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
}
#portfolio .portfolio-item .portfolio-link {position: relative;display: block;margin: 0 auto;
height: 16rem; overflow: hidden}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {display: flex;position: absolute; 
width: 100%;height: 100%;align-items: center;justify-content: center;opacity: 0;transition: opacity ease-in-out 0.25s;
background-image:linear-gradient(-76deg, #e00700cc,#000000cc);
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
font-size: 1.25rem;color: white;}
#portfolio .portfolio-item .portfolio-link:hover .portfolio-hover {opacity: 1;}
#portfolio .portfolio-item .portfolio-caption { padding: 3rem;text-align: center;background-color: #fff;}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading {
font-size: 1.5rem; font-weight: 700;margin-bottom: 0;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading, .portfolio-modal .modal-content p.item-intro {
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.portfolio-modal .modal-dialog {margin: 1rem;max-width: 100vw;}
.portfolio-modal .modal-content {padding-top: 6rem;padding-bottom: 6rem;text-align: center;}
.portfolio-modal .modal-content h2 {font-size: 3rem;line-height: 3rem;}
.portfolio-modal .modal-content p.item-intro {font-style: italic;margin-bottom: 2rem}
.portfolio-modal .modal-content p, .portfolio-modal .modal-content ul.list-inline, 
.portfolio-modal .modal-content img {margin-bottom: 2rem;}
.portfolio-modal .close-modal {position: absolute;top: 1.5rem;right: 1.5rem;width: 3rem;
height: 3rem;cursor: pointer;background-color: transparent;}
.portfolio-modal .close-modal:hover {opacity: 0.3;}
#portfolio .row{margin: 0;}
#portfolio .img-fluid{object-fit: cover;height: 100%;width: auto;min-width: 100%}
#portfolio .portfolio-item .portfolio-caption{min-height:12.25rem}
#portfolio .portfolio-item{margin-bottom: 15px; }
/*form*/
form#liquid_form .form-container fieldset legend, 
.crmEntityFormView fieldset:first-child legend{font-size:24px; border-bottom:0px !important; 
display: inline-block;width: auto;padding: 10px 20px 0px 10px;margin-left: 18px;
text-transform: capitalize;background: #fff;}
body .crmEntityFormView .tab{margin: 20px -28px;width: calc(100% + 56px)}
form#liquid_form .form-container fieldset, .crmEntityFormView fieldset:first-child{padding-top:20px !important; margin: 0 28px 20px;padding-bottom: 20px;border-radius: 7px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
}
.form-horizontal legend{padding-bottom: 15px}
.form-horizontal .checkbox{display: inline-block;position: relative;margin-bottom: 20px;
font-weight: 400;vertical-align: middle;cursor: pointer;margin-right: 25px}
body .form-control{display: block;width: 100%;padding: 8px 20px;font-size: 16px;font-weight: 400;
height: auto;line-height: 1.5;color: #495057;background-color: #fff;
border: 1px solid #ced4da;border-radius: 7px;}
body .form-control:focus {border-color: #e00800cc;
-webkit-box-shadow: 0 0 0 2px #e0070044; box-shadow: 0 0 0 2px #e0070044;}
.input-group-btn > .btn, .input-group-btn>.btn-group{padding: 9px 10px;height: 42px;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
border-radius: 0px 7px 7px 0px;}
/*table*/
table.table-striped>tbody>tr:nth-child(even) {background-color: #f3f3f3 !important;}
table.table-striped>tbody>tr:nth-child(odd) {background-color: #fff !important;}
table.table-striped>thead>tr>th{border-bottom:4px solid #f3f3f3}
table.table-striped td .btn.btn-primary {padding: 4px 10px;min-width: 105px;font-size: 14px}
.table.table-striped>tbody>tr>th, .table.table-striped>tbody>tr>td{padding: 5px;line-height: 3rem;}
body table:focus{outline: none}
/*nav*/
body div.navbar.navbar-static-top{position: fixed !important; width: 100%;background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19); padding:18px 0;margin-top: -86px}
body  div.navbar.navbar-static-top.navbar-nav > li > a:hover{background-color: #fff}
body .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{color: #353738 ;
font-size: 16px;background-color: #fff;
font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
 div.navbar.navbar-static-top .navbar-nav > li > a:focus{outline: none !important}
body .navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical{display: none !important}
 div.navbar.navbar-static-top.navbar-nav>.open>a, div.navbar.navbar-static-top .navbar-nav>.open>a:hover, 
 div.navbar.navbar-static-top .navbar-nav>.open>a:focus{
background: transparent !important ; outline: none !important}
.nav-box{/* border: 2px solid #20639B; */
background-image:linear-gradient(90deg,#0a0a0a 0%,#e00800 126%);
border-radius: 5px;padding-top: 20px;padding-right: 10px;padding-bottom: 20px;padding-left: 5px;}
.nav-box span{font-size: 25px;font-weight: bold;color: white;}
.nav-box a{font-size: 16px;color: white;font-weight: normal;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover,body a:focus .nav-tabs>li.active>a:focus{
outline: none !important}
@media (min-width: 1599px) {
  .container {max-width: 1400px !important;width: 1400px}
}
@media (min-width: 1670px) {
  .container {max-width: 1640px !important; width: 1640px }
}
@media screen and (min-width: 770px){
  .nav-box{min-height: calc(100vh - 500px);}
}
@media screen and (max-width: 770px){
  .nav-box{margin: 5px;}
}
@media (max-width: 767px){
  .mob-logo{max-width: 60%; display: inline-block !important}
  
  /* .navbar-header{margin-top: 80px} */
   div.navbar.navbar-static-top .navbar-toggle .icon-bar{background-color: #000}
}


/* status colors */
.status{
    position:relative;
    padding: 5px 12px !important;
}
.status-Approved::before {
    content: '';
    height: 10px;
    width: 10px;
    background: green;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 17px;
}

.status-Rejected::before {
    content: '';
    height: 10px;
    width: 10px;
    background:red ;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 17px;
}

.status-Inprogress::before {
    content: '';
    height: 10px;
    width: 10px;
    background: orange;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 17px;
}
.status-Draft::before {
    content: '';
    height: 10px;
    width: 10px;
    background: blue;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top:16px;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #E00800 !important;
    border-bottom: 4px solid #E00800 !important;
}


.nav-account a{
  color: #0a0a0a;
}

/* //Maan Theme */
/*body .header-background, body .page-heading{background-image: url(abu-dhabi.jpg) !important;
.navbar-inverse .navbar-nav > li > a:hover {
  border-bottom: 4px solid green !important;
}
body .btn.submit-btn, body .btn.btn-primary{border: 1px solid transparent;background-color: #4fa03b #2437ac;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {display: flex;position: absolute; 
width: 100%;height: 100%;align-items: center;justify-content: center;opacity: 0;transition: opacity ease-in-out 0.25s;
background-image: linear-gradient(-76deg, rgb(85 197 0 / 13%) 0%, rgb(84 204 110 / 69%) 100%);
}
*/