/*
author : Alireza Dantism
date   : 2023
*/

@font-face{
    font-family:Albra-sans-light;
    src:url(../fonts/Albra-Sans-Light.woff) format("woff");
    font-weight:400;font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:Albra-grotesk-regular;
    src:url(../fonts/Albra-Grotesk-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family: 'PoppinsReg';
    src: url('../fonts/Poppins-Regular.ttf'); /* IE9 Compat Modes */
    url('../fonts/Poppins-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 400;
}

@font-face {
    font-family: 'IRSans';
    src: url('../fonts/Iranian_Sans.ttf'); /* IE9 Compat Modes */
    url('../fonts/Iranian_Sans.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Iranian_Sans.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 400;
}
@font-face {
    font-family: 'IRSansLight';
    src: url('../fonts/Iranian_Sans_Light.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/Iranian_Sans_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Iranian_Sans_Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Iranian_Sans_Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Iranian_Sans_Light.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 400;
}
@font-face {
    font-family: 'MjOjan';
    src: url('../fonts/Mj_Ojan.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/Mj_Ojan.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Mj_Ojan.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Mj_Ojan.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Mj_Ojan.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Mj_Ojan.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@keyframes b{0%{transform:rotateY(5deg) rotate(5deg) translateZ(8px) rotateX(8deg) translateY(8px)}50%{transform:rotateY(-4deg) rotate(-4deg) translateZ(-8px) rotateX(-7deg) translateY(-15px)}to{transform:rotateY(5deg) rotate(5deg) translateZ(8px) rotateX(8deg) translateY(8px)}}
.h1, h1 {
    font-size: 1.5rem;
    color: #000000;
}
body{
    font-family: 'PoppinsReg',tahoma,sans-serif;
    font-size: 13px;
    text-align: left;
    direction: ltr;
    overflow-x: hidden;
    color: #475468;
	background-color: #f9f6f1;
    text-align: justify;
}
.titleDes {
    color: #000000;
    font-weight: 700;
}

a{
    text-decoration: none !important;
}
li{
    list-style: none;
}
ul{
    padding: 0px;
}
.right{
    float: right;
}
.left{
    float: left;
}
.hidden{
    display: none;
}
.body-bg{
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    position: fixed;
    background: url(data:image/png;base64,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);
    pointer-events: none;

}
@keyframes fadeIn {
  10% { opacity: 0.1; }
  20% { opacity: 0.2; }
  30% { opacity: 0.3; }
  40% { opacity: 0.4; }
  50% { opacity: 0.5; }
  60% { opacity: 0.6; }
  70% { opacity: 0.7; }
  80% { opacity: 0.8; }
  90% { opacity: 0.9; }
}

h1 {
    font-size: 21px;
}


.body-bg img{
    position: relative;
    left:0px;
    top: 0px;
    z-index: 0;
    float: left;
}
.body{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
}
/*--- Color ---*/
.color-81,.color-81 a{
    color: #667181;
}
.color-8e,.color-8e a{
    color: #69788e;
}
.color-a5,.color-a5 a{
    color: #65676c;
}
.color-b9,.color-b9 a{
    color: #9ea9b9;
}
.color-c4,.color-c4 a{
    color: #abb5c4;
}
.color-df,.color-df a{
    color: #5fdedf;
}
.color-0c,.color-0c a{
    color: #95690c;
}
.color-68,.color-68 a{
    color: #65676c;
}
.color-yellow,.color-yellow{
    color: #efa300;
}
.color-pink {
    color: #000000;
}
.color-green {
    color: #17af4e;
}
.color-red {
    color: red;
}
/*--- Fonts ---*/
.font-9{
    font-size: 9px;
}
.font-10{
    font-size: 10px;
}
.font-11{
    font-size: 11px;
}
.font-12{
    font-size: 12px;
}
.font-13{
    font-size: 13px;
}
.font-14{
    font-size: 14px;
}
.font-15,i.font-15{
    font-size: 15px;
}
.font-18{
    font-size: 18px;
}
.font-20{
    font-size: 20px;
}
.font-22{
    font-size: 22px;
}
/*--- Border Radius ---*/
.border-50{
    border-radius: 50%;
}
/*--- Header ---*/
.top-header{
    margin : 45px 0 15px 0 ;
    border-bottom: 1px solid #e9edf3;
    width: 100%;
}
.tell-expert{
    margin-top: -1px;
    border-bottom: 1px solid #5fdedf;
}
.horizental-flex-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
span.mandatory {
    display: inline-block !important;
    margin: 0 3px !important;
    font-style: normal !important;
    color: #133dc3 !important;
}
.logo h1 {
    text-indent: -9999px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}
.header-three-icons{
    font-size: 15px;
    margin-left: 10px;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    margin-top: 5px;
}
.header-three-icons:hover {
    border: 1px solid #ffe078;
}
.header-three-icons i:hover {
    color: #ffe078;
}
.header-three-icons#menu-icon i:before {
    position: relative;
    top: 3px;
    right: 4px;
}
.header-three-icons.location-icon i:before {
    position: relative;
    top: 5px;
    left: 9px;
    font-size: 20px;
}
.header-three-icons.search-icon i:before {
    position: relative;
    top: 6px;
    left: 8px;
}
.header-three-icons i{
    width: 30px;
    height: 30px;
}
.header-three-icons.search-icon i {
    height:28px;
}
.left-top-header{
    margin-top:20px;
    position: relative;
    z-index: 11;
}
/*--- Slideshow ---*/
.slideshow .sy-slides-wrap{
    -webkit-box-shadow: 1px 1px 50px 7px #f0f1f2;
    box-shadow: 1px 1px 50px 7px #f0f1f2;
    margin-top:35px;
    border-radius: 40px;
    background: #fff;
}
.slideshow-bg{
    background: url("../images/theme/slideshow-bg.jpg") no-repeat center;
    background-size: 100%;
}
/*--- Three Box ---*/
.three-box{
    margin:75px 0 20px 0;
    -webkit-box-shadow: 25px 0 30px -15px #f2f4f8;
    box-shadow: 25px 0 30px -15px #f2f4f8;
    position: relative;
    top: 0;
    transition: top ease 0.5s;
    cursor: pointer;
}
.three-box:hover{
    top:-10px;
}
.three-box a{
    text-decoration: none;
}
.three-box-title h5{
    color: #979ea8;
}
.three-box:hover .three-box-title h5{
    color: #efa301;
}
.three-box-icon{
    font-size: 100px;
    color: #cfd5de;
}
.three-box:hover .three-box-icon{
    color: #efa300;
}
.three-box:hover .three-box-icon .icon-hover{
    display: block;
    margin: 0px auto;
}
.three-box:hover .base-icon{
    display: none;
}
.three-box-title{
    margin:20px 0;
}
.three-box-desc{
    color: #777f8c;
}
.three-box-btn a{
    padding: 10px 20px;
    border: 1px solid #dbe3ed;
    border-radius: 25px;
    color: #adb8c8;
    text-decoration: none;
}
.three-box-btn a:hover{
    border-left: 1px solid #f7f8fb;
    border-right: 1px solid #f7f8fb;
    border-top: 1px solid #dbe3ed;
    border-bottom: 1px solid #dbe3ed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 0px;
    -moz-background-size: 100% 0px;
    background-size: 100% 0px;
    background-image: -webkit-linear-gradient(left, #dbe3ed 0%, #f7f8fb 100%), -webkit-linear-gradient(left, #dbe3ed 0%, #f7f8fb 100%);
    background-image: -moz-linear-gradient(left, #dbe3ed 0%, #f7f8fb 100%), -moz-linear-gradient(left, #dbe3ed 0%, #f7f8fb 100%);
    background-image: -o-linear-gradient(left, #dbe3ed 0%, #f7f8fb 100%), -o-linear-gradient(left, #dbe3ed 0%, #f7f8fb 100%);
    background-image: linear-gradient(to right, #dbe3ed 0%, #f7f8fb 100%), linear-gradient(to right, #dbe3ed 0%, #f7f8fb 100%);
    color: #667181;
    text-decoration: none;
}
.three-box-btn i{
    opacity: 0;
}
.three-box-btn a:hover i{
    opacity: 1;
    color: #efa301;
    margin: 0px 10px 0 5px;

}
.three-box-btn{
    margin-top: 30px;
    margin-bottom:30px;
}
.owl-item.medium{
    opacity: 0.3;
}
.owl-carousel .owl-item.medium img{
    width: 65%;
}
.owl-item.medium .three-box-title,.owl-item.medium .three-box-desc{
    font-size: 80%;
}
.owl-item.medium .three-box-btn a{
    width: 85%;
}
.owl-item.medium .three-box-icon {
    width: 80%;
    margin-bottom: -25px;
}
/*--- App Box ---*/
.app-box{
    margin-top: 70px;
}
.app-box-link-img img{
    position: relative;
    right:-20px;
}
.app-box-link-txt{
    line-height: 2em;
}
.green-app-btn{
    background: #91b42f;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 15px 10px 15px 25px;
    border: none;
}
.gray-app-btn{
    border: 1px solid #e7eaef;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 15px 25px 15px 10px;
}
.app-box-link-bazar-icon {
    background: url(../images/theme/icons/bazar.png) no-repeat right;
    width: 64px;
    height: 35px;
}
.app-box-link-apple-icon {
    background: url(../images/theme/icons/apple.png) no-repeat right;
    width: 64px;
    height: 35px;
}
.app-box-link-googlePlay-icon {
    background: url(../images/theme/icons/google-play.png) no-repeat left;
    width: 48px;
    height: 35px;
}
.app-box-link-cantel-icon {
    background: url(../images/theme/icons/cantel.png) no-repeat right;
    width: 64px;
    height: 35px;
}
.app-box-link-cantel:hover .app-box-link-cantel-icon {
    background: url(../images/theme/icons/cantel-white.png) no-repeat right;
}
.app-box-link-cantel:hover .gray-app-btn {
    background: #efa300;
}
.app-box-link-bazar:hover .app-box-link-bazar-icon {
    background: url(../images/theme/icons/bazar-whate.png) no-repeat right;
}
.app-box-link-bazar:hover .gray-app-btn {
    background: #91b42f;
}
.app-box-link-apple:hover .app-box-link-apple-icon {
    background: url(../images/theme/icons/apple-white.png) no-repeat right;
}
.app-box-link-apple:hover .gray-app-btn {
    background: #208dbb;
}
.app-box-link-googlePlaye:hover .app-box-link-googlePlay-icon {
    background: url(../images/theme/icons/google-play-white.png) no-repeat right;
}
.app-box-link-googlePlaye:hover .gray-app-btn {
    background: #689f38;
}
.app-box-link-cantel:hover .color-8e,
.app-box-link-bazar:hover .color-8e,
.app-box-link-apple:hover .color-8e,
.app-box-link-googlePlaye:hover .color-8e{
    color: #fff;
}
/*--- Cantel Goal ---*/
.cantel-goal-first-title{
    text-align: left;
    font-size: 21px;
}
.cantel-goal-second-title{
    color: #3e3b3b;
    font-size: 13px;
}
.cantel-goal-six-box {
	margin: 0 0 0 0;
    /*background: #f2f2f2;*/
    /* Old browsers */
}
.cantel-goal-six-box span {
	font-style: italic;
    text-align: left;
    display: block;
    margin: 0 0 9px 0;
    color: #000;
}

.odd-box a img , 
.even-box a img {
	border-radius: 7px;
	width: 100%;
}

.odd-box .font-20.color-0c.mb-4 , 
.even-box .font-20.color-81.mb-4,
.odd-box .font-20.color-81.mb-4 {
	text-align: left;
    height: 36px;
	margin-top: 21px;
}
.odd-box{
    padding: 26px 20px;
    border-radius: 10px;
    background: #fff7e6;
    line-height: 1.8em;
    height: auto;
    min-height: 290px;
}
.even-box{
    padding:26px 20px;
    border-radius: 10px;
    background: #f5f8fc;
    line-height: 1.8em;
    height: auto;
    min-height: 290px;
}
.six-box{
    -webkit-box-shadow: 0 30px 25px -30px #e5eaf1;
    box-shadow: 0 30px 25px -30px #e5eaf1;
    margin-bottom: 25px;
    padding-bottom: 15px !important;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: top ease 0.5s;
    width:32%;
}
.six-box:hover {
    top: -10px;
}
/*--- Carousel Jquery ---*/
.carousel_wrap {
    height:360px;
    position:relative;
    margin-bottom:30px;
}
/*--water_whjeel_carousel--*/

#carousel {
    width:100%;
    margin:0px auto;
    height:350px;
    position:relative;
    clear:both;
    overflow:hidden;
}
#carousel > div {
    visibility:hidden;
    cursor:pointer;
    padding: 22px 0;
}
.shadow{
    background-color:#f7f7f7;
    border-radius: 10px;
}
.carousel-center i{
    font-size: 20px;
}
.carousel-center i{
    color: #efa301;
}
.carousel-center{
    background-color:#FFF;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 10px 0 #e1e3e7;
    box-shadow: 0 5px 10px 0 #e1e3e7;
}
#carousel .caption {
    position: absolute;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    border-radius: 10px;
    color: #69788e;
}
.carous_item {
    position:absolute;
    height:100%;
    width:100%;
    padding:0px 15px;
    box-sizing:border-box;
    display:block;
}
.carous_desc {
    position:absolute;
    display:block;
    text-align:center;
    font-size:14px;
    height:100%;
    font-weight:400;
    line-height:16px;
    color:#8A8A8A;
    top:10px;
    width: 90%;
}
.carousel_wrap .nav_button {
    position:absolute;
    left:0px;
    top:50%;
    margin-top:-30px;
    height:60px;
    width:30px;
    right:0px;
    font-size:40px;
    font-weight:600;
    color:#F00;
    cursor:pointer;
    display:inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    transition:all 0.3s ease;
}
.carousel_wrap .nav_button.prev_button {
    left:50px;
}
.carousel_wrap .nav_button.next_button {

    left:auto;
    right:50px;
}
.yellow-btn {
    background: #efa300;
    border-radius: 10px;
    color: #fff !important;
    padding: 10px 15px;
    margin-top:10px;
}
.shadow.carousel-center .base-icon{
    display: block;
}
.shadow.carousel-center .icon-hover{
    display: none;
}
.shadow:not(.carousel-center) .base-icon{
    display: none;
}
.shadow:not(.carousel-center) .icon-hover{
    display: block;
}
#callback-output{
    text-align: justify;
}
/*--- News ---*/
.main-news{
    background: #fff;
}
.last-news-pic img{
    width: 80%;
}
.news-box-container{
    background: url("../images/news/news-bg1.jpg") no-repeat right center;
}
/*--- Logo Slider ---*/
.customer-logos .prev{
    float: left;
    position: relative;
    top: 20px;
    font-size: 30px;
    color: #dde3eb;
    margin-right: 20px;
}
.customer-logos .next{
    position: relative;
    bottom: 40px;
    font-size: 30px;
    color: #dde3eb;
    margin-left: 20px;
}
/*--- Footer ---*/
.footer-menu-link li{
    line-height: 2em;
    display: inline-block;
    width: 49%;	
}
.footer-menu-right {
}
.footer-left-text{
    line-height: 1.8em;
}
.footer-left-box i{
    position: relative;
    top:2px;
}
.social-network-box:hover .icon-hover{
    display: block;
    margin: 0px auto;
}
.social-network-box:hover .base-icon{
    display: none;
}
.social-network-box{
    padding: 12px 10px;
    width: 70%;
    border-radius: 13px;
    border: 1px solid #ebeef2;
    margin: 5px 0;
    transition: width 1s;
    -webkit-transition: width 1s; /* Safari 3.1 to 6.0 */
}
.social-network-box:hover i{
    color: #fff;
}
.social-network-box:hover{
    color: #fff;
    width: 80%;
    background: #000; 
    border: 1px solid #000;
}
.news-main-pic{
    height:100% !important;
}


@media only screen and (max-width: 992px){
    .centerForm {
        width: 70% !important;
    }
    .left.responsive.logo.col-md-3.col-sm-6.col-xs-12 {
        width: 100%;
        max-width: 100%;
    }
    div#viewport select {
        width: 40% !important;
    }
    .FeatureExtractionParent .centerForm {
        width: 95% !important;
    }
    
    .teamSection .col-md-3 {
        width: 50%;
    }
}


@media only screen and (max-width: 767px){
    
        .FeatureExtractionParent .centerForm {
        width: 95% !important;
    }
    
    .teamSection .col-md-3 {
        width: 50%;
        margin: 0 auto;
    }
        
    .organFilter .col-md-3 {
        width: 25%;
    }
    
    .organFilter img {
        height: 180px !important;
    }
        
    .peptideDataSection {
        display: flex; flex-direction: column;
    }
    
    .peptideDataSection .col-md-3 {order:0;}
    .peptideDataSection .col-md-9 {order:1;}

    div#viewport input {
        left: unset !important;
        right: 9px;
    }
    
    div#peptideSummer {
        padding: 0 0 !important;
        margin: 0 0 30px 0;
    }
    
    #hamburger-icon {
        display: inline-block !important;
    }
    
    .cantel-goal-first-title.font-18.titleDes {
    margin-top: 110px;
}
    
    header {
    position: fixed;
    width: 100%;
    z-index: 999;
        box-shadow: 0px 5px 20px 0px #0000002e;
    background: #fff;
}
    
    img.footerWideImage {
    width: 100%;
    margin: 40px 0 -20px 0;
}
    
    .gs-pagination.container {
        bottom: -60px !important;
    }
    
    .mainText {
        margin: 0 0 40px 0  !important;
    }
    
    .downloadCSV {
        position: unset !important;
    }
    .last-news-pic{
        margin-bottom: 10px;
    }
    .customer-logos .prev{
        top: 0px;
    }
    .six-box{
        width:100%;
    }
}
@media  only screen and (max-width: 560px){
    .organFilter img {
        height: 130px !important;
    }
    .teamSection .col-md-3 {
        width: 90%;
    }
}
@media only screen and (max-width: 1000px) and (min-width: 767px){
    .six-box{
        width:33%;
    }
}

@media only screen and (min-width: 767px){
    .app-box-link-bazar-icon,.app-box-link-apple-icon,.app-box-link-cantel-icon{
        width: 58px;
    }
   .app-box-link-googlePlay-icon,.app-box-link-appStore-icon{
        width: 40px;
    }
    .customer-logos .prev{
        top: 0px;
    }
    .customer-logos .next{
        bottom: 30px;
    }
}



footer {
display: inline-block;
    margin: 110px 0 0 0;
    width: 100%;
    background: #ffffff96;
    padding-top: 0;
}

#mainForm label  {
    color: #FFF;
}

.centerForm {
    width: 50%;
    margin: 0 auto;    
}

.centerForm #checkPdbFileExist {
width: 100%;
    padding: 7px 10px;
    margin-top: 11px;
    border-radius: 5px;
    border: 1px solid #616d72;
    text-align: center;
    background: #76868d;
    cursor: pointer;
    color: #FFF;   
}

.centerForm input,
.centerForm textarea,
.centerForm select {
width: 100%;
    padding: 14px 14px;
    background: rgb(255 255 255 / 67%);
    border-radius: 65px;
    text-transform: uppercase;
    border: 0px solid #ccc;
    color: #7c7474;
        font-size: 14px;
}

.centerForm input[type='submit'] {
    padding: 8px 0;
    width: 100px;
    margin: 0 auto;
    display: inline-block;
    background: #fff;
    cursor: pointer;
}

#msform {
    text-align: center;
    position: relative;
}


#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #673AB7
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f471";
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007";
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

#progressbar #evaluate:before {
    font-family: FontAwesome;
    content: "\f00c";
}

#progressbar #finish:before {
    font-family: FontAwesome;
    content: "\f00c";
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    z-index: 1;
    position: relative;    
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 0;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #673AB7
}


.error {
    background: #ffd7d7;
    padding: 10px 7px;
    border-radius: 5px;
    margin: 0 0 30px 0;
    border-bottom: 2px solid #d90101;
    color: #000;
}


.success {
    background: #d7ffda;
    padding: 10px 7px;
    border-radius: 5px;
    margin: 0 0 30px 0;
    border-bottom: 2px solid #00d910;
    color: #000;
}

a.centerFormNext {
    background: #efa300;
    color: black;
    padding: 6px 10px;
    display: block;
    width: 210px;
    text-align: center;
    border-radius: 3px;
    float: right;    
}

a.finishStep {
    background: #6ef578;
    color: black;
    border-bottom: 2px solid #34ab3d;
    padding: 6px 10px;
    display: block;
    width: 40%;
    text-align: center;
    margin: 20px auto 0;
    border-radius: 3px;   
}

.displayBlock {
    display: block !important;
}

.displayNone {
    display: none !important;
}

#loading_progress {
    text-align: center;
}

#loading_progress img {
    width: 50px;
}

div#loading_text span {
    text-align: center !important;
}

div#loading_text {
    text-align: center;
    margin: 0 0 18px 0;
    font-size: 15px;
    color: green;
    font-weight: bold;
    animation: blink 0 linear infinite;
}


@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

.downloadchart {
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
    color: #000;    
}

ul.finishStepUl {
    
}

ul.finishStepUl li {
    margin: 0 0px 10px 0;
    font-size: 14px;    
}

ul.finishStepUl li a {
    
}

ul.finishStepUl li a i {
        color: black;
}

#checkStepText {
    text-align: center;
    font-size: 17px;
    color: green;   
    animation: blink 2s linear infinite;
}

.advancedItems {
    text-align: center;
	margin: 0 5px;
}

.advancedItems img {
	border-radius: 10px !important;
    width: 100%;
    padding: 0;
}

.advancedItems span {
    font-weight: bold;
    font-size: 15px;
    margin-top: 13px;
    text-align: center;
}

button#startMultipleModeling {
    padding: 8px 0px;
    width: 210px;
    margin: 0 auto;
    display: block;
    background: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #46cfc9;
}


.stage{
  max-width:80%;margin:60px 10%;
  position:relative;  
  font-family:source sans pro;
}
.folder-wrap{
  display: flex;
  flex-wrap:wrap;
}
.folder-wrap::before{
  content:'Folder name';
  display: block;
  position: absolute;
  top:-40px;
}
.folder-wrap:first-child::before{
  content:'';
  display: block;
  position: absolute;
  top:-40px;
}
.tile img {
    display: inline-block;
    width: 26%;
    float: left;
}
.tile{
background: #ffffffe6;
    border-radius: 5px;
    display: inline-block;
    width: 46%;
        float: left;
    margin-bottom: 12px;
    text-align: center;
    border: 1px solid #eeeeee;
    transition: 0.2s all cubic-bezier(0.4, 0.0, 0.2, 1);
    position: relative;
    padding: 15px 16px 13px;
    margin-right: 17px;
    cursor: pointer;
}
.tile:hover{
  box-shadow: 0px 7px 5px -6px rgba(0, 0, 0, 0.12);
}
.tile i{
    color: #00A8FF;
    height: 55px;
    margin-bottom: 20px;
    font-size: 55px;
    display: block;
    line-height: 54px;
    cursor: pointer;
}
.tile i.mdi-file-document{
  color:#8fd9ff;
}

.tile h3 {
font-size: 14px;
    display: inline-block;
    float: left;
    margin: 14px 0 0 7px;
    width: 63%;
    text-align: left;
}

.back{
  font-size: 26px;
  border-radius: 50px;
  background: #00a8ff;
  border: 0;
  color: white;
  width: 60px;
  height: 60px;
  margin: 20px 20px 0;
  outline:none;
  cursor:pointer;
}

/* Transitioning */
.folder-wrap{
  position: absolute;
  width: 100%;
  transition: .365s all cubic-bezier(.4,0,.2,1);
  pointer-events: none;
  opacity: 0;
  top: 0;
}
.folder-wrap.level-up{
  transform: scale(1.2);
    
}
.folder-wrap.level-current{
  transform: scale(1);
  pointer-events:all;
  opacity:1;
  position:relative;
  height: auto;
  overflow: visible;
}
.folder-wrap.level-down{
  transform: scale(0.8);  
}

div#getMsg {
    text-align: center;
    color: #b70909;
        display: flex;
    flex-flow: column;
    font-size: 14px;
}

div#refreshPage {
    padding: 8px 0;
    width: 100px;
    margin: 0 auto;
    display: inline-block;
    color: #000;
    background: #efefef;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ccc;
}

#submitBasicForm {
    padding: 8px 0;
    width: 100px;
    margin: 0 auto;
    display: inline-block;
    color: #000;
    background: #fff;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ccc;    
}

form.basicModelFormUi  {
    pointer-events: none;
    cursor: default;
}

input, textarea, select , div , span, label {
    pointer-events: auto;
    cursor: default;
}



.multipleTemplatesResponse1 {
    background: #d0e8e7;
    border-radius: 9px;
    padding: 6px;
    margin-top: 5px;    
}

.multipleTemplatesResponse1 table {
    border-top: 0px solid #ffffff;    
}

.multipleTemplatesResponse1 table tr:nth-child(1) {
    font-weight: bold;
    color: #000;    
}

#viewport canvas {
    border-radius: 15px;
    background-color: #FFF !important;    
}


@media only screen and (max-width: 768px) {
    
    .filterBox > div {
        padding: 0 0 0 0px !important;
        margin: 0 0 20px 0;
    }
    
    .showXlsxFiles {
        width: 50%;
    }
    
    .tile {
        width: 100%;
        height: 310px;
    }
	
	.centerForm {
		width: 100% !important;
	}
	
}



.constructionHeading {
    text-align: center;
    font-size: 18px;
    color: #454040;
    font-weight: bold;    
}

.constructionParagraph {
    color: #848091;
    text-align: center;
    margin: 0 0 5px 0;
}

a.downloadBestModelDirect {
    background: #ece9e9;
    margin: 0 auto 0px;
    display: block;
    text-align: center;
    color: #000;
    width: 50%;
    border: 1px solid #ece9e9;
    max-width: 100%;
    border-radius: 5px;
    padding: 6px 1px;
}

button.formButton {
    background: #FFFFFF;
    color: #000;
    cursor: pointer;
    padding: 11px 60px;
    transition: all 0.5s;
    border-radius: 45px;
    border: 1px solid #38121A;
}

button.formButton:hover {
    background: #FFF;
    color: #38121A;
}

button.submitForm {
    margin: 0 auto;
    display: inline-block;
}

.underConstruction {
    background: #fff9;
    padding: 15px 10px;
    border-radius: 6px;
}

a#downloadResultXLSX {
    background: #DD3C5F;
    border: 1px solid #ffffff;
    color: #FFF;
    padding: 5px 30px;
    transition: all 0.5s;
    display: block;
    width: 200px;
    margin: 0 auto;
    border-radius: 30px;
}

a#downloadResultXLSX:hover {
    background: #FFF;
    color: #DD3C5F;
}

.footer-menu-img img {
    width: 40px; 
}

.logo img {
    width: 37px;
    margin: -7px 0 0 0;
}

.logo span {
    margin: 25px 0 0 10px;
    display: inline-block;
    font-size: 20px;
    font-family: 'Neuton', serif;
    color: #000;
    font-weight: bold;
}

.table thead tr th {
    min-width: unset;
    vertical-align: middle;
    display: table-cell;
    background: #fff;
    color: #000;
    font-weight: 900;
    font-size: 14px;
    border-bottom: 2px solid #10aac2;
}


.table thead tr th:nth-child(1),
.table thead tr th:nth-child(2),
.table thead tr th:nth-child(6),
.table thead tr th:nth-child(7),
.table thead tr th:nth-child(8), 
.table thead tr th:nth-child(9), 
.table thead tr th:nth-child(12), 
.table thead tr th:nth-child(13), 
.table thead tr th:nth-child(14), 
.table thead tr th:nth-child(15), 
.table thead tr th:nth-child(16), 
.table thead tr th:nth-child(17),
.table thead tr th:nth-child(18){
        min-width: unset;
}

a.downloadinTable {
    display: inline-block;
    width: 100%;
    background: #f5f1f1;
    margin: 0 0 3px 0;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    text-align: center;
    padding: 0px 10px;
}

.table thead tr th:nth-child(3) {
    min-width: 120px !important;
}

.table tbody tr:nth-child(odd) td {
    background: #f1f1f1;
    color: #424242;
    vertical-align: middle;
    font-size: 13px;
}


.table tbody tr:nth-child(even) td {
    background: #fff;
    vertical-align: middle;
    color: #424242;
    font-size: 13px;
}

.table tr td,
.table th td{
    text-align: center !important;
}

div#root {
    position: relative;
    padding: 10px 0 40px 0;
}

div#root tr th span {
    color: #000 !important;
    margin: 0;
}

.gs-table-container::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #ffffff;
}

.gs-table-container::-webkit-scrollbar
{
	width: 3px;
	height: 6px;
	background-color: transparent;
}

.gs-table-container::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #e22e30;
}

.gs-button span { 
    display: inline;
    margin: 0 0 0 5px;    
}

.page-container span {
    text-align: center;
}

.gs-pagination.container {
        max-width: 100%;
    position: absolute;
    bottom: -30px;
}

.paginatinResult span {
    text-align: left;
}

.paginationButton .btn-group button:first-child {
    border-radius: 0;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;    
}
.paginationButton .btn-group button:last-child {
    border-radius: 0;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;    
}

.paginationButton .btn-group button {
        color: #7c7c7c;
            
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #e32e30;
    border-color: #e32e30;
}




.selectBoxFilter #example-getting-started + .btn-group {
width: 100%;
    float: left;
    margin: 0 0 0 0;  
}

.selectBoxFilter button.multiselect.dropdown-toggle.btn.btn-default {
    background: white;
    display: none;
}

.selectBoxFilter button.multiselect.dropdown-toggle.btn.btn-default span {
    color: #000 !important;
    margin: 0;
        display: contents;
}

ul.multiselect-container.dropdown-menu.show {
    text-align: left;
    padding: 10px;
    background: #adadad;
    height: 160px;
    overflow-y: scroll;
}

ul.multiselect-container.dropdown-menu.show label {
    color: #FFF;
    font-size: 13px;
}

.selectBoxFilter span.input-group-btn {
    display: none;
}

.selectBoxFilter input.form-control.multiselect-search {
    margin: 0 0 10px 0;
    border-radius: 5px !important;
}

.filterBox {
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px !important;
}

.filterBox > div {
    padding: 0 13px 0 0px;
}

.filterBox > div:last-child {
    padding: 0;
}

label.filterLabel {
width: 100%;
    text-align: left;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}


/* Loading */


.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ------------ */

.tab-content.queryTabContant {
    margin: 0 auto;
    border-top: 2px solid #FFF;
}

.queryTabLink {
    border: none;
}

.queryTabLink li a {
    margin: 0 5px 0 0;
    border-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
    border-bottom: none;
    font-size: 15px;
    background: #FFF;
    height: 40px;
    display: inline-block;
    padding: 0 10px;
    line-height: 41px;
}


.queryTabLink li a {
    color: #000;
}

.queryTabLink li a.active {
    color: #ffffff;
    background: #000000;
}


.queryTabLink li a.active h1 {
    color: #ffffff;
    background: #000000;
    margin: 10px 0 0 0 !important;
    padding: 0;
    font-size: 17px;

}

.queryTabContant label {
        text-transform: capitalize;
    color: #000;    
}


span.hint {
    display: inline;
    font-size: 12px;
    color: #9f9f9f !important;
}

button#selectFields {
    float: left;
    padding: 7.9px 1px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.downloadCSV {
display: inline-block;
    float: left;
    background: rgba(255, 255, 255);
    width: 100%;
    color: #4b4545;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    min-width: 100%;
    padding: 7px 0;
    transition: all 0.5s;
}

.downloadCSV:hover {
        background: #000;
    color: #FFF;
}

.gs-table-container.table-responsive {
border-radius: 10px;
    border: 4px solid #fff;
    box-shadow: 0 0 20px 6px #0004;
}

table.table.gs-table {
    margin: 0;
}

.search-input::after {
content: "\f002";
    font-family: 'FONTAWESOME';
    position: absolute;
    bottom: -5px;
    display: block;
    font-size: 17px;
    right: 25px;
    transform: translateY(-50%);
    color: #858585;
}

.copyrights {
text-align: center;
    font-size: 13px;
    color: #222020;
}

img.repeatedImage {
        margin: 30px 0 0 0;
    width: 100%;
}

.repeatedImageTitle .col-sm-2:nth-child(1) span {animation: fadeIn 2s infinite;animation-delay: 0s; }
.repeatedImageTitle .col-sm-2:nth-child(2) span {animation: fadeIn 2s infinite;animation-delay: 1.5s; }
.repeatedImageTitle .col-sm-2:nth-child(3) span {animation: fadeIn 2s infinite;animation-delay: 1s; }
.repeatedImageTitle .col-sm-2:nth-child(4) span {animation: fadeIn 2s infinite;animation-delay: 0s; }
.repeatedImageTitle .col-sm-2:nth-child(5) span {animation: fadeIn 2s infinite;animation-delay: 1s; }
.repeatedImageTitle .col-sm-2:nth-child(6) span {animation: fadeIn 2s infinite;animation-delay: 2s; }

.repeatedImageTitle .col-sm-2 span {
    text-align: center;
    font-style: normal;
    color: #484848;
}

img.footerWideImage {
    width: 100%;
}

p.documentationParagraph b {
    font-size: 16px;
    color: #076e0b;
}

p.documentationParagraph {
    background: #ffffffab;
    padding: 20px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 28px;
    color: #333;
}





.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    overflow-y: hidden;
    transition: 0.4s;
}

.overlay-open{ 
    height: auto;
    overflow: hidden;
    background: #ffffff;
    padding: 30px 0 30px 0;
    z-index: 15;
}

.overlay-content {
position: relative;
    top: 10%;
    width: 100%;
    margin-top: 3px;
}

.overlay a, .overlay h4 {
padding: 5px;
    text-decoration: none;
    font-size: 15px;
    margin-left: 3%;
    display: block;
    transition: 0.3s;
    width: 100%;
    color: #000;
}


.overlay a:hover, .overlay a:focus {
    color: #fd7e14;
}

.open-close-btn {
    position: absolute;
    right: 5px;
    text-decoration: none;
    z-index: 10;
    top: 20px;
}

@media screen and (max-height: 450px) {
    

    
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
}


/* Hamburger Icon */

#hamburger-icon{
    display: none;
    width: 40px;
    height: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
        z-index: 16;
}


 #hamburger-icon span {
display: inline-block;
    position: absolute;
    height: 1px;
    width: 80%;
    background: #030303;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    margin-top: 6px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


/* Hamburger Lines  */

 #hamburger-icon span:nth-child(1) {
  top: 0px;
}

 #hamburger-icon span:nth-child(2), #hamburger-icon span:nth-child(3) {
  top: 10px;
}

 #hamburger-icon span:nth-child(4) {
  top: 21px;
}

#hamburger-icon.hamburger-open span{
    background:#000000;
    /* margin-left: 2%; */
}

 #hamburger-icon.hamburger-open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

 #hamburger-icon.hamburger-open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

 #hamburger-icon.hamburger-open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

 #hamburger-icon.hamburger-open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}


img.peptideImage {
background: white;
    max-height: 100px;
    max-width: 100px;
    width: auto;
    border-radius: 8px;
    height: auto;
    margin: 0 auto;
    display: grid;
    justify-content: center;
}

.boxImagePeptide {
    width: 100px;
    height: 100px;
    background: white;
    display: inline-grid;
    align-items: center;
    text-align: center;
    border-radius: 8px;
}

div#peptideSummer {
    padding: 10px 20px 0;
    height: 100%;
    word-wrap: break-word;
    color: #605959;
    text-align: left;
    font-size: 13px;
        padding-right: 0;
}

.peptideID {
    margin: 5px 0;
        border-left: 3px solid #FFF;
    border-radius: 11px;
    overflow: hidden;
    padding: 9px 20px;
        background: #ffffff57;
}

.peptideSeq {
        border-left: 3px solid #FFF;
    border-radius: 11px;
    margin: 0 0 5px 0;
        background: #ffffff57;
    overflow: hidden;
    padding: 9px 20px;
}

.peptideView {
    margin: 0 0 6px 0;
}

div#peptideSummer b {
    color: #000000;
}

div#viewport {
    width: 100%;
    height: 270px;
    border-radius: 16px;
    overflow: hidden;
}

div#viewport input {
top: 22px;
    left: 99px;
    margin: 0 20px 0;
    width: 30%;
    border-radius: 10px;
    border: 1px solid #000;
    background: #010101;
    color: #FFF;
    text-align: center;
}

div#viewport select {
    top: 22px;
    left: 9px;
    margin: 0 20px 0;
    width: 30%;
    border-radius: 10px;
    border: 1px solid #000;
    background: #010101;
    color: #FFF;
    text-align: center;
}

.teamSection .col-md-3 {
    padding: 10px;
}

.teamBox {
    text-align: center;
    background: linear-gradient(45deg, #ffffff, transparent);
    padding: 0px 15px;
    border-radius: 125px;
    width: 98%;
    min-height: 188px;
    overflow: hidden;
    margin: 0 0 8px 0;
}

.teamBox img {
    background: #FFF;
    width: 89%;
    border-radius: 101px;
        border: 1px solid #cccccc54;
    margin: 25px 0 0 0;
}

.teamBox .position {
        color: #4c0e72;
    font-size: 15px;
    font-weight: normal;
}

.teamBox h3 {
font-size: 16px;
    color: #222222;
    margin: 20px 0 10px 0;
    font-weight: bold;
    text-shadow: unset;
}

.teamBox .field {
    font-size: 12px;
    color: #333;
    margin: 2px 0 30px 0;
}


.teamBox .row .col-sm-7 {
    text-align: left;
        margin-top: 16px;
    padding: 0 29px 0 0;
}

ul.tableHint {
    margin: 30px 0 0 0;
    text-align: left;
    color: #4b4f50;
    font-size: 13px;
}

ul.tableHint li {
    
}

ul.tableHint li i {
width: 20px;
    height: 20px;
    background: #FFF;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    margin: 0 7px 0 0;
    color: #016592;
}

.row.peptideDataSection {
    margin: 0 auto;
}



swiper-container {
  width: 100%;
  height: 100%;
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.OrganSwiper {
        margin: 20px 0;
}

.organFilter {
    margin-top: 20px;
    margin-bottom: 50px;
}

.organFilter img {
width: 100%;
    height: 145px;
    cursor: pointer;
    border-radius: 40px;
    
}

.inPapeP {
    margin: 20px 0 40px 0;
    color: #3c3b3b;
    background: #ffffff61;
    padding: 15px;
    border-radius: 8px;
}

.organNoPhoto {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 46px;
}

.selectedOrgan {
        border: 2px solid #c80000;
    box-shadow: 0 0 9px 3px #f00;
    z-index: 1;
    position: relative;
}

.selectize-input {
width: 100% !important;
    padding: 14px 14px !important;
    background: rgb(255 255 255 / 67%) !important;
    border-radius: 65px !important;
    text-transform: uppercase;
    border: 0px solid #ccc !important;
    transition: all 0.5s;
    color: #7c7474 !important;
}


/* -------------------- */

.customCheckBox {
--size: 15px;
position: relative;
}

.customCheckBox *,
.customCheckBox *:before,
.customCheckBox *:after {
box-sizing: border-box;
}

.customCheckBox .promoted-input-checkbox {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.customCheckBox input:checked ~ svg {
height: calc(var(--size) * 0.6);
    z-index: 9;
-webkit-animation: draw-checkbox-28 ease-in-out 0.2s forwards;
        animation: draw-checkbox-28 ease-in-out 0.2s forwards;
        display: none; /* DISABLE CHECKBOX */

}
.customCheckBox label:active::after {
background-color: #e6e6e6;
}
.customCheckBox label {
line-height: var(--size);
cursor: pointer;
    pointer-events: none;
position: relative;
}
.customCheckBox label:after {
content: "";
height: var(--size);
background: #ffffff87;
width: var(--size);
margin-right: 8px;
float: left;
border-radius: 3px;
transition: 0.15s all ease-out;
display: none; /* DISABLE CHECKBOX */
}
.customCheckBox svg {
stroke: #0080d3;
stroke-width: 4px;
height: 0;
width: calc(var(--size) * 0.6);
position: absolute;
left: calc(var(--size) * 0.21);
top: calc(var(--size) * 0.3);
stroke-dasharray: 33;
}

@-webkit-keyframes draw-checkbox-28 {
0% {
  stroke-dashoffset: 33;
}
100% {
  stroke-dashoffset: 0;
}
}

@keyframes draw-checkbox-28 {
0% {
  stroke-dashoffset: 33;
}
100% {
  stroke-dashoffset: 0;
}
}

/* -------------------- */

.disabledInput {
    opacity: 0.3;
    pointer-events: none !important;
    cursor: none;
}

.FeatureExtractionParent .centerForm {
    width: 97%;
}

h3.FormHeader {
    font-size: 14px;
    padding: 13px 10px;
    border-radius: 17px;
    border-left: 2px solid #FFF;
    color: black;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.selectize-input>input {
    text-transform: capitalize;
}
 
.selectize-input>* {
    text-transform: capitalize;
}

span#count {
    display: inline-block;
    font-style: normal;
}

a.downloadNowFiles {
    text-align: center;
    display: block;
    margin: 30px auto 0;
    opacity: 1;
    width: 210px;
    padding: 11px 0;
    background: #FFF;
    font-size: 14px;
    transition: all 0.5s;
}

a.downloadNowFiles:hover {
    background: #000;
    color: #FFF;
}

.formButtons {
    text-align: center;
}

button.resetForm {
    background: #a1a1a1;
    border: 1px solid #a09a9a;
    color: #fff;
    padding: 11px 30px;
}

header {
    background: #ffffffdb;
    padding-bottom: 16px;
}

.selectize-input.items.has-options.full.has-items {
    font-weight: bold;
    color: #000 !important;
}




/* Feature Extratction */

ul.featureOptionsSectionSame {
    display: inline-flex;
    clear: both;
    width: 100%;
        gap: 20px;
    margin: 20px 0 0 0;
}

ul.featureOptionsSectionSame li {
    flex-grow: 1;
    text-align: center;
    background: linear-gradient(0deg, white, transparent);
    padding: 20px 0;
    border-radius: 35px;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    font-size: 14px;
}

#IndicesSection li {
    pointer-events: none;
    border: 2px solid red;
    background: #341010;
    color: #FFF;
}

.selectedOption {
    box-shadow: 0 0px 8px 3px #55d500ba;
    background: #FFF !important;
    transition: all 1s;
}

#searchTypeTab option span {
    opacity: 0;
}



.gradients-desktop {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
}

.gradients-desktop img:nth-child(1){
    position: fixed;
    left: 0;
}

.gradients-desktop img:nth-child(2){
    position: fixed;
        right: 0;
}


.contentNotReady {
    text-align: center;
    font-size: 18px;
    margin: 30px 0 10px 0;
    color: #a50808;
    background: #FFF;
    padding: 10px 0;
    border-radius: 5px;
}



@media only screen and (max-width: 991px){
    .teamSection .col-md-4 {
        width: 50%;
        max-width: 50%;
        flex: 50%;
    }
}


@media only screen and (max-width: 767px){
    .teamSection .col-md-4 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    

    
    .teamBox img {
            margin: 3px 0 0 0;
    }
}


@media only screen and (max-width: 575px){
    .teamSection .col-md-4 {
        width: 50%;
                max-width: 50%;
    }
    
    .teamBox {
        margin: 0 auto 10px;
                background: linear-gradient(36deg, #ffffff 31%, transparent);
        border-radius: 10px;
        min-height: 366px;
    }
    
    .teamBox img {
        margin: 13px 0 -20px 0;
    }
    
    .teamBox .row .col-sm-7 {
        padding: 0 3px;
        text-align: center;
    }
}

@media only screen and (max-width: 353px){
    .teamSection .col-md-4 {
        width:90%;
        max-width: 90%;        
        margin: 0 auto;
    }
}