/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


body{
    list-style-type:none;
}
ul li{
    list-style-type: none;
}

.orange-color {
    background-color: #FFC300;
    color: white;
}

.bg-footer {
    background-color: #243257;
    color: white;
}

.green-color {
    background-color: #2BE15F;
    color: white;
}
.bg-linear-theme {
    background: linear-gradient(135deg, #baf8ba 0%,#baf8ba 44%,#5CFF5C 100%);
    /*background: linear-gradient(135deg, #00FA9A 0%,#5CFF5C 50%,#5CFF5C 51%,#00FA9A 100%);*/
}

.greentrans-color {
    background-color: #80e5ff;
    // color: black;
}

.red-color {
    background-color: red;
    color: white;
}

.blue-color {
    background-color: #20a8d8;
    color: white;
}

.darkblue-color {
    background-color: #243257;
    color: white;
}

.gray-color {
    background-color: whitesmoke;
    color: black;
}

.darkgray-color {
    background-color: gray;
    color: white;
}

.yellow-color {
    background-color: #ffff00;
    color: black;
}

.dimgray-color {
    background-color: dimgray;
    color: white;
}

.text-red {
    color: red !important;
}

.text-green {
    color: green;
}

.text-orange {
    color: orange;
}

.text-yellow {
    color: yellow;
}

.text-blue {
    color: rgb(43, 146, 187);
}

.text-black {
    color: black;
}

.text-gray {
    color: gray;
}

.text-white {
    color: white;
}

.light-gray {
    background-color: lightgray;
}

.mtransparent {
    background: rgba(255, 255, 255, 0.8);
}

.bg-theme {
    background-color: #01B636 !important;
    color:white !important;
}

.body-color {
    background: linear-gradient(135deg, #00FA9A 0%,#5CFF5C 50%,#5CFF5C 51%,#00FA9A 100%);
}

.disableBtn{
   cursor:not-allowed !important;
}
.centered {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-30%, -50%);
    color: white;
}
    .centered h3 {
        color: white;
    }

.table-responsive th{
    text-align:center;
}

.showTab{
    display:block !important;
    opacity:1 !important;
}


.carousel-indicators {
    z-index: 1 !important;
}
.row{
    margin: 0;
}

.hideDiv{
    display:none;
}

.showDiv{
    display:block;
}
.carousel-inner {
    max-height: 200px;
    /*margin-top:5px;*/
}

.retina-logo img{
    height: 45px !important;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    min-height: 30px;
    max-height: 40px;
    height: auto;
    padding: 8px 5px;
    display: table;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 100vw;
}

.fixed-footer {
    position: fixed;
    text-align: center;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 1050;
    height: auto;
    max-height: 78px;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 100vw;
}
.main-menu{
    top: 50px;
}

.top-navbar {
    display: table-cell;
    width: 100%;
    margin: auto;
    vertical-align: middle;
}

.border-theme-5 {
    border: 5px solid #01B636;
}

#hideShow {
    display: none;
}
#showHide {
    display: block;
}

.arrow-white {
    border: solid white;
    border-width: 0 4px 4px 0;
    display: inline-block;
    /*padding: 3px;*/
}
.arrow-down {
    transform: rotate(45deg);
}
.arrow-up {
    transform: rotate(-135deg);
}
.arrow-black {
    border: solid black;
    border-width: 0 4px 4px 0;
    display: inline-block;
}

/*.acitveTab {
    color: #01B636;
}
*/
/************************CUSTOM CLASS OF DEFAULT THEME******************/
.menu-item .menu-link:hover {
    background: #01B636 !important;
    color: white !important;
    /*text-shadow: none;*/
    /*border: 1px solid #01B636;*/
}
.menu-item .menu-link div:hover {
    color: white !important;
}

.menu-item .menu-link {
    padding: 10px;
    margin: 0px 5px;
}
.owl-stage-outer{
    margin-bottom: 10px !important;
}
/*.bottom-nav{
    margin-top: 50px;
}*/

/*.successmsg{
    position: absolute !important;
    right: 20px;
    top: 120px;
}*/

/*#rev_slider_k_fullwidth li {
    background-color: #000000 !important;
}*/

   /* #rev_slider_k_fullwidth li img {
       opacity: 0.5 !important;
    }*/
.slotholder {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }

  .pointer{
      cursor:pointer;
  }

  .carousel-inner{
      max-height: 500px;
      /*margin-bottom:10px;*/
  }

    .postcontent .owl-carousel:hover .owl-nav .owl-next {
        right: -14px !important
    }
    .postcontent .owl-carousel:hover .owl-nav .owl-prev {
        left: -14px !important
    }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.sub-banner{
    width: 100%;
    min-height: 200px;
    margin: auto;
    background-color: whitesmoke;
    padding: 10px;
}

.parent-container{
    width: 100%;
    background-color: whitesmoke;
/*    overflow-x: hidden !important;*/
}

.prod-preview iframe {
    max-height: 150px;
    width: auto;
    padding-right: 30px;
    margin: auto;
}
.prod-preview img {
    max-height: 150px;
    width: auto;
    padding-right: 30px;
    margin: auto;
}
.oc-item .entry{
    cursor: pointer;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.alert-block{
    position: absolute;
    right:35px;
    min-width:27%;
}
.alert-block .alert{
    width:100%;
}

/**************************OTHER CSS CLASSESS AND ATTRIBUTES*******************************/

select,
textarea,
input {
    max-width: 100%;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

    input[type=submit] {
        cursor: pointer;
    }
.sidebar {
    float: left;
    width: 18%;
}



.sidebar-heading {
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    /*background-color: #eee;*/
    /*font-size: 1.6em;*/
}

.filter-item {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.filter-item-inner {
    border-bottom: 1px solid #eee;
}

.filter-item-inner-heading {
    position: relative;
    padding: 7px;
    padding-right: 30px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    background: #29e761;
    background: -webkit-linear-gradient(-45deg, #29e761 0%,#66e85f 50%,#02e043 51%,#01B636 100%);
}

    .filter-item-inner-heading.minus:after,
    .filter-item-inner-heading.plus:after {
        position: absolute;
        top: 33%;
        right: 7.5%;
        font-size: .6em;
    }

    .filter-item-inner-heading.minus:after {
        content: "▲";
    }

    .filter-item-inner-heading.plus:after {
        content: "▼";
    }


.filter-attribute-list {
    overflow: hidden;
    padding: 0px;
}

.filter-attribute-list-inner {
    padding: 0 10px 15px;
}

.filter-attribute-item {
    /*padding-left: 10px;*/
    margin-top: 5px;
}

    .filter-attribute-item:first-child {
        margin-top: 0;
    }

.content {
    float: left;
    width: 82%;
}

.content-upper {
    padding-left: 20px;
}

.content-heading {
    margin-top: 0;
}


.resume-container .cke_contents{
    height:400px !important;
}

.cke_editable p{
    margin: 0 !important;
}
.cke_contents p {
    margin: 0 !important;
}

#page-title {
    /*background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;*/
    color: white !important;
    background-color: #01B636 !important;
}
    #page-title h1,
    #page-title span,
    #page-title a,
    #page-title li,
    #page-title ol
    {
        color: white !important;
    }

.portfolio-desc{
    background-color:white;
    border-top:1px solid lightgray;
}

#keepNotes .card{
    border: none !important;
}
#keepNotes .card-body {
    border: 2px solid lightgray !important;
    border-radius: 8px;
}


.infoMsg{
    z-index:9999;
    margin:10px;
    padding:5px;
    width:30%;
}
.rev_slider .alert{
    padding: 10px !important
}
.noteSaveBtn {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
.moreApply{
    position:absolute;
    bottom:0;
    margin: auto;
}
.applyJob {
    position: absolute;
    bottom: 0;
    margin: auto;
    right:0;
}
.social-link-block {
    display: block;
}


/****************CSS FOR SEND EMAIL ON REVISION PAGE*************/
/****************CSS FOR COMPANY PAGE*************/
.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image > a,
.portfolio-item .portfolio-image img {
    max-height: 300px
}

@media(max-width:768px){
    .social-link-block {
        display:none;
    }
    .user-account-block{
        padding:0px !important;
    }
        .user-account-block #top-social{
            padding: 0;
        }
        .tp-loop-wrap {
            font-size: 12px !important;
        }
    .process-steps{
        flex-wrap: nowrap !important;
        padding:inherit !important;
        margin: 0px !important;
    }
    .card-body {
        padding: 10px !important;
    }

    #sideIcon a{
        margin-right: 0px !important;
    }
    .owl-carousel .owl-nav .owl-next{
        right:0 !important;
    }
    .owl-carousel .owl-nav .owl-prev{
        left: 0 !important
    }
    .jobFilters, .jobContents {
        width: 100%;
    }
    .filter-attribute-list{
        display:none;
    }
}

/*******************Registration Page CSS Starts*****************/

.process-steps {
    pointer-events: none;
}

.pricing-features ul li {
    list-style-type: disc !important;
    padding: 0 !important;
    color: white;
}

.ptables-head {
    background-color:white !important;
    font-family: 'Domine', serif;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    padding: 5px 0;
    margin: 0 12px;
    border-radius: 3px;
    background: linear-gradient(25deg,#01B636 15%,transparent 0%), linear-gradient(-25deg, #595959 15%, transparent 0%), linear-gradient(-150deg, #01B636 15%, transparent 0%), linear-gradient(150deg, #595959 15%, transparent 0%);
}

.pricing-box:before {
    transform: skewY(-5deg) scale(1.5);
}

.pricing-box:hover {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform 1.05s ease-in-out;
    -moz-transition: transform 1.05s ease-in-out;
}

.pricing-table {
    text-align: center;
    /*background-color:#FF006E;*/
    background-color: #01B636;
    color: #feeac9;
    margin: 0 12px;
    padding: 15px 0 40px;
    position: relative;
}

    .pricing-table:hover {
        transform: scale(1.05);
        transition: 1.05s ease-in-out;
    }

    .pricing-table:after {
        background-color: transparent;
        bottom: -60px;
        content: "";
        height: 60px;
        position: absolute;
        width: 55%;
        left: 50%;
        transform: rotate(-12deg);
        transform-origin: left top 0;
    }

    .pricing-table:before {
        background-color: transparent;
        bottom: -60px;
        content: "";
        height: 60px;
        position: absolute;
        width: 55%;
        right: 50%;
        transform: rotate(12deg);
        transform-origin: right top 0;
    }

    .pricing-table .pricing-header {
        background-color: #e3d1b9;
        color: #635a5b;
        padding: 0 45px;
        margin: 0 -10px 10px;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 2px;
        box-shadow: inset 0 0 10px #635a5b;
    }

        .pricing-table .pricing-header h4 {
            font-size: 1.3rem;
        }

        .pricing-table .pricing-header:before {
            content: "";
            position: absolute;
            bottom: -40px;
            left: 0;
            border-top: 20px solid #958b72;
            border-left: 10px solid transparent;
            border-bottom: 20px solid transparent;
        }

        .pricing-table .pricing-header:after {
            content: "";
            position: absolute;
            bottom: -40px;
            right: 0;
            border-top: 20px solid #958b72;
            border-right: 10px solid transparent;
            border-bottom: 20px solid transparent;
        }

    .pricing-table .price-value {
        margin-bottom: 10px;
        font-size: 20px;
    }

        .pricing-table .price-value .time {
            font-size: 17px;
        }

    .pricing-table .pricingContent ul {
        line-height: 20px;
        letter-spacing: 1px;
        padding: 0 8px;
        margin-bottom: 20px;
    }

        .pricing-table .pricingContent ul li,
        .pricing-table .pricingContent ol li {
            border-bottom: 2px dotted #EEE1D3;
            margin-bottom: 5px;
        }

            .pricing-table .pricingContent ul li:last-child,
            .pricing-table .pricingContent ol li:last-child {
                border-bottom: none;
            }

    .pricing-table .pricingTable-Sign-Up button {
        display: inline-block;
        padding: 10px 25px;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1px;
        color: #635a5b;
        background-color: #E3D1B9;
        transition: all 0.3s ease 0s;
        box-shadow: inset 0 0 10px #635a5b;
    }

@*@media screen and (max-width:990px) {
    .pricing-table {
        margin-bottom: 30px;
    }
}

*@
@@media(max-width:768px) {
    .pricing-table .pricing-header

{
    padding: 0 20px;
}

}


#booking-registration .list-group a {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.8);
    font-size: 16px;
    /*color: rgba(255, 255, 255, 0.3);*/
    font-family: 'Poppins', sans-serif;
    transition: all .2s ease;
}

.dark #booking-registration .list-group a {
    background-color: transparent;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    /*color: rgba(255, 255, 255, 0.3);*/
}

    .dark #booking-registration .list-group a.active {
        border-bottom-color: #FFB701;
        /*color: #FFB701;*/
    }

        .dark #booking-registration .list-group a.active ~ a {
            /*color: #FFF;*/
            border-bottom-color: rgba(255, 255, 255, 0.8);
            pointer-events: none;
        }

#booking-registration label:not(.custom-control-label) {
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    text-align: left;
}

#booking-registration input.border-form-control,
#booking-registration select.border-form-control,
#booking-registration .border-form-control {
    padding-left: 0;
    background-color: transparent !important;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0 !important;
    font-family: 'Poppins', sans-serif;
}

#booking-registration textarea.border-form-control {
    resize: none;
    overflow: hidden;
    word-wrap: break-word;
}

.dark #booking-registration .border-form-control:not(.not-dark) {
    border-bottom-color: rgba(255,255,255,0.4);
    /*color: #FFF !important;*/
}

    .dark #booking-registration .border-form-control:not(.not-dark):focus,
    .dark #booking-registration .border-form-control:not(.not-dark):active {
        border-bottom-color: rgba(255,255,255,1) !important;
    }

#booking-registration button {
    background-color: #FFB701;
}

.fcolor {
    /*color: #FFB701 !important;*/
}

#booking-registration .list-group-item.loginRegister.active {
    background-color: #FFF;
}

#booking-registration .list-group-item:hover:not(.active) {
    /*background-color: #495057;*/
    /*background-color: rgba(255, 255, 255, 0.01);*/
}

#booking-registration .list-group-item.loginRegister.active h4,
#booking-registration .list-group-item.loginRegister.active h3 {
    /*color: #062639;*/
}

/*Registration Page CSS End***************/