@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1 {font-weight:300; font-size:44px; color:#400080;line-height: 52px; }
h2 {font-size: 30px;line-height: 30px;font-weight: 300;color: #171717;}
h3 {font-size: 20px;line-height: 20px;font-weight: 400;color: #400080;}
h4 {font-size:16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
h7 {font-size: 14px;}

/* Create the Default Paragraphs */
p { color: #9f9f9f; font-size: 15px; line-height: 24px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {}
a:active {color: #e8941a;}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password']{}
textarea{overflow:auto;}
::-webkit-input-placeholder{ color: #000;}
:-moz-placeholder{ color: #000;}
::-moz-placeholder{ color: #000;}
:-ms-input-placeholder{ color: #000;}
::-ms-input-placeholder{ color: #000;}
:placeholder-shown{ color: #000;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra,.in,.sub,a{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
a{display: inline-block;}
img{max-width: 100%;}
/* Page Layout */
body *{font-family: 'Rubik', sans-serif;}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.wrapper{ width:960px; margin:0 auto;}
.content{ margin:0 auto; padding:0; width:100%;}
img{max-width: 100%;}

/*welcome page*/
.main{}
.wlc .bg{background-image: url(../images/site/wlc_bg.png);background-repeat: no-repeat;background-position: 100% 81%;width:100%;height:100vh;background-color: #19072A;display:flex;}
.wlc .center_part{margin: auto;}
.wlc .logo{text-align: center;}
.wlc h1{color:#FFFFFF;font-size:60px;text-align:center;line-height:75px;margin: 91px 0;}
.wlc a{font-size: 20px;width:200px;display: block;margin:0 auto;color:#fff;font-weight:100;background: #400080 0% 0% no-repeat padding-box;border-radius: 5px;line-height:54px;text-align:center;}
/*wcl end*/
/* Header*/
.main{display: flex;justify-content: space-between;}
.main_left{width: 516px;text-align: center;padding-top: 56px;border-right: 1px solid #400080;min-height: 100vh;}
.main_left nav{display: block;width: 152px;margin: 0 auto;text-align: left;margin-top: 39.6px;}
.main_left nav ul{list-style: none;}
.main_left nav ul li{display:block;}
.main_left nav ul li a{display: block;font-size: 18px;font-weight:400;color: #999999;line-height: 59px;}
.main_left nav ul li a:hover,.main .main_left nav ul li.active a{color:#400080;}
.main_right{width: 78.6%;background-image: url(../images/site/HomepageRunparameters.png);background-position: right center;background-repeat: no-repeat;background-size: cover;min-height: 100vh;border-left: 1px solid #400080;background-attachment: fixed;}
.main .main_right{width: calc(100% - 350px);} 
.title{padding-top: 47.45px;padding-left: 128.73px;}
.title h1{margin-bottom: 9.92px;}
.title p{font-size: 16px;font-weight: 400;color: #400080;line-height: 19px;}
.homepage{padding-left: 128.73px;margin-top: 28.1px;}
.homepage h2{margin-bottom: 38px;}
.homepage .col:first-child{margin-top: 0;}
.homepage .col {margin-bottom: 30px;}
.homepage .col p,.homepage .col p a{font-size: 14px;font-weight: 400;color: #171717;display: inline-block;margin-bottom: 3px;vertical-align: middle;}

select{display: none !important;}
.dropdown-select {border-radius: 6px;border: solid 1px #999999;cursor: pointer;display: block;float: left;font-size: 14px;font-weight: normal;height: 35px;line-height: 35px;outline: none;padding-left: 12px;position: relative;transition: all 0.2s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;width: auto;color: #171717;}
.dropdown-select:focus {background-color: #fff;}
.dropdown-select:hover {background-color: #fff;}
.dropdown-select:active,.dropdown-select.open {background-color: #fff !important;border-color: #999999;}
.dropdown-select.open .list {-webkit-transform: scale(1);transform: scale(1);opacity: 1;pointer-events: auto;}
.dropdown-select:after {background-image: url(../images/site/select_arrow.svg);background-repeat: no-repeat;background-position: right  center;content: '';width: 13px;height: 8px;background-size: 100% 100%;position: absolute;right: 16px; top: 0;bottom: 0;margin: auto;transition: 0.4s ease-out all;-o-transition: 0.4s ease-out all;-moz-transition: 0.4s ease-out all;-webkit-transition: 0.4s ease-out all; }
.dropdown-select.open:after {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.dropdown-select.open .option {cursor: pointer;}
.dropdown-select.wide {width: 100%;}
.dropdown-select.wide .list {left: 0 !important;right: 0 !important;}
.dropdown-select .list {box-sizing: border-box;transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;-webkit-transform: scale(0.75);transform: scale(0.75);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);background-color: #fff;border-radius: 6px;margin-top: 4px;padding: 0px 0;opacity: 0;overflow: hidden;pointer-events: none;position: absolute;top: 100%;left: 0;z-index: 999;max-height: 250px;overflow: auto;border: 1px solid #707070;}
.dropdown-select .list:hover .option:not(:hover) {background-color: transparent !important;}
.dropdown-select .dd-search{overflow:hidden;display:none;align-items:center;justify-content:center;margin:0.5rem;}
.dropdown-select .dd-searchbox{width:90%;padding:0.5rem;border:1px solid #999;border-color:#999;border-radius:4px;outline:none;}
.dropdown-select .dd-searchbox:focus{border-color:#12CBC4;}
.dropdown-select .list ul {padding: 0;}
.dropdown-select .option {cursor: default;font-weight: 400;line-height: 32px;outline: none;padding-left: 12px;padding-right: 29px;text-align: left;transition: all 0.2s;list-style: none;  color: #171717;}
.dropdown-select .option:hover,.dropdown-select .option:focus {background-color: #E0D9E7 !important;}
.dropdown-select .option.selected {background-color: #E0D9E7;}
.dropdown-select .option.selected:focus {background: #E0D9E7;}
.dropdown-select a {color: #aaa;text-decoration: none;transition: all 0.2s ease-in-out;}
.dropdown-select a:hover {color: #666;}
.drop_col{display: inline-block;width: 175px;vertical-align: middle;}
.inner_col{line-height: 20px;margin: 9.49px 0;}
.inner_col img{vertical-align: text-top;}
.inner_col p{vertical-align: middle;}
.check_box .check_in {font-size: 14px;font-weight: 400;color: #171717;position: relative;margin-left:20px;}
.check_box [type="checkbox"]:not(:checked), .check_box [type="checkbox"]:checked {position: absolute;opacity: 0;pointer-events: none;box-sizing: border-box;padding: 0;}
.check_box input[type="checkbox"] + label span {display: inline-block;vertical-align: middle;cursor: pointer;position: absolute;width: 22px;height: 22px;left:-30px;top:-3px;}
.check_box input[type="checkbox"] + label span:after {position: absolute;content: '';width: 20px;height: 20px;cursor: pointer;border: #999999 1px solid;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;border-radius: 3px;}
.check_box input[type="checkbox"]:checked + label span:before {opacity: 1;width: 5px;height: 12px;transform-origin: left top;border-right: 2px solid #400080;border-top: 2px solid #400080;content: '';position: absolute;animation-duration: 800ms;animation-timing-function: ease;animation-name: checkmark;transform: scaleX(-1) rotate(135deg);bottom: 0px;top: 14px;left: -6px;right: 0px;margin: auto;z-index: 9;}
.check_box input[type="checkbox"]:checked + label span:after {background-color: var(--color2);}
.check_box input[type="checkbox"] + label {position: relative;line-height: 17px;display: block;margin-left: 10px;}
.homo{margin-top: 18px;}
.homolog{width:175px;float: left;margin-right: 20px;}
.homolog p{margin-bottom: 10px;}
.homolog .disable{width:186px;}
.disable_btn{display: inline-block;width: 175px;line-height: 34px;font-size: 14px;font-weight: 400;border: 1px solid #999999;border-radius: 6px;color: #999999;text-align: center;padding:0 10px;}
.disable_btn::placeholder {color: #999999;opacity: 1;}
.disable_btn:-ms-input-placeholder { color: #999999;}
.disable_btn::-ms-input-placeholder { color: #999999;}
.homepage .consurf{margin-top: 39px;}

.radio_btns{margin-top: 18px;}
.radio_btns .container {display: inline-block;position: relative;padding-left: 25px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 400;margin-right: 8px;line-height: 20px;}
.radio_btns .container input {position: absolute;opacity: 0;cursor: pointer;}
.radio_btns .checkmark {position: absolute;top: -2px;left: 0;height: 20px;width: 20px;background-color: transparent;border-radius: 50%;border: 3px solid #999999;}
.radio_btns .container:hover input ~ .checkmark {background-color: #ccc;}
.radio_btns .container input:checked ~ .checkmark {background-color: transparent;border-color: #400080;}
.checkmark:after {content: "";position: absolute;display: none;}
.radio_btns .container input:checked ~ .checkmark:after {display: block;}
.radio_btns .container .checkmark:after {top: 4px;left: 4px;width: 6px;height: 6px;border-radius: 50%;background: #400080;}

.algorithum{margin-top: 10px;}
.algorithum p{padding:0 5px;}
.algorithum p:first-child{padding-left: 0;}
.algorithum .disable_btn{max-width: 70px;}
.maximal {display: block;margin-top: 5px;}
.maximal p:nth-child(2){margin-left: 10px;}
.conservation .homolog:nth-child(2){width:220px;}
.submit_btn{margin-top: 47px;padding-bottom: 44px;}
.submit_btn .btn_sub{color: #FFFFFF;line-height:19px;font-size:16px;text-align:center;width:127px;background: #400080 0% 0% no-repeat padding-box;border-radius: 18px;padding: 6px 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border:2px solid transparent;}
.submit_btn .btn_sub.big_btn{width: auto;}
.submit_btn .btn_sub:hover{background-color: transparent;color:#400080;border:2px solid #400080;cursor: pointer;}
.submit_btn2{margin-top: 47px;padding-bottom: 44px;}
.submit_btn2 .btn_sub{color: #FFFFFF;line-height:19px;font-size:16px;text-align:center;width:127px;background: red 0% 0% no-repeat padding-box;border-radius: 18px;padding: 6px 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border:2px solid transparent;}
.submit_btn2 .btn_sub.big_btn{width: auto;}
.submit_btn2 .btn_sub:hover{background-color: transparent;color:red;border:2px solid red;cursor: pointer;}
/* Push */
.push{}
/* Footer */
footer{ }
.footer_text{background-color: #999999;width:100%;}
.footer_text p{font-size: 14px;font-weight:400;color:#fff;text-align:center;padding:22px 0;}
.footer_text p a{text-decoration: underline;color:#fff;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.footer_text p a:hover{color:#400080;}

/*homepage 2*/
.identifire {margin-top: 22px;}
.identifire .drop_col{margin-top: 10px;}
.identifire .check_box{margin-top: 10px;}
.insert_sequence{margin-top: 19px;}
.insert_sequence p{margin-bottom: 10px;}
.file_uplode lable {}
.file_uplode label:not('.custom-file-upload'){font-size: 14px;font-weight: 400;color:#999999;text-align:center;margin-bottom:10px;text-align:left;display:inline-block; margin-right: 5px;width:534px;height:128px;border: 1px solid #999999;border-radius: 6px;overflow: hidden;padding:15px;text-align:center;text-align: left;height: 128px;}
.file_uplode input[type='file']{opacity: 0;width: 100%;height:100%;}
.text_area textarea{margin-bottom:10px; width:534px;height:128px;border: 1px solid #999999;border-radius: 6px;overflow: hidden;padding:15px;text-align:center;text-align: left;overflow-y: scroll;height: 128px;}
.text_area textarea::placeholder {color: #999999;opacity: 1;text-align: left;}
.text_area textarea::-ms-input-placeholder { color: #999999;}

/*.file_uplode label{font-size: 14px;font-weight: 400;color:#999999;text-align:center;width: 100%;height: 100%;display: block;padding-top:40px;line-height:20px;}*/
.new_home .homolog {width:130px;}
.new_home .homolog img{display: inline-block; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; transition: 0.4s ease all;}
.new_home .homolog img:hover{opacity: 0.5; cursor: pointer}
.new_home .disable_btn{width: 107px;}
.insert_sequence p{margin-bottom: 10px;}
.file_uplode input[type='file']{opacity: 0;width: 100%;height:100%;}
.name_email{}
.homo1{margin-top: 10px;}
.join{display: inline-block;margin-right: 17px;}
.join p{display: block !important;}
.join_name{width:280px;}
.join_email{width:240px;}
.homepage2 .main_right{position: relative;float: right;}
.homepage2 .submit_btn .btn_sub{/*width:127px;*/padding: 6px 12px;}
.homepage2 .submit_btn .btn_sub.black,.popup .submit_btn .btn_sub.black{background-color: #171717;margin-left:13px;}
.homepage2 .submit_btn .btn_sub.black:hover,.popup .submit_btn .btn_sub.black:hover{background-color: transparent;color:#171717;border-color:#171717;}
/*
.homepage2 .submit_btn{padding-bottom: 135px;}
*/
.mob{display: none;}
/*popup*/
.popup{background-color: rgba(0,0,0,0.7);position: absolute;height: 100%;width: 100%;top: 0;left: 0;right: 0;padding-top: 162px;padding-left: 128px;display: none;}
.popup h3{font-size: 30px;text-align:center;line-height:30px;}
.popup p{font-size: 20px;color:#171717;font-weight:400;text-align:center;line-height:30px;margin-top:30px;}
.popup_inner{width:780px;height:381px;z-index: 99;background-color: #fff;position:relative;padding:70px;}
#popup_inner h3 {font-size: 30px;text-align:center;line-height:30px;color: #171717;}
#popup_inner h3 a{font-size: 30px;color: #400080;text-decoration: underline;}
#popup_inner h2 {font-size: 20px;text-align:left;line-height:30px;color: #171717;}
#popup_inner h2 a{font-size: 20px;color: #400080;text-decoration: underline;}
.popup .submit_btn .btn_sub{width:262px;}
.popup .submit_btn .btn_sub.black{width:320px;}
.popup .submit_btn{text-align: center;}
.popup .close{position: absolute;right:54px;top:30px;}
.popup.active{display: block;}

/*Citing and Credits*/
.citingpage strong{}

/*new_home*/
.consurf{width:771px;padding:18px 28px 18px 19px;background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #400080;border-radius: 5px;}
.tooltip_con,#pophelp,#file_upload_protocol{display: none;margin: 25px 20px 20px 0px; border: thin solid rgb(163, 169, 172);font-size: 80%;color: rgb(0, 0, 0);padding: 1%;width: 80%;background: rgb(255, 255, 255);}
.tooltip_con a{color: #400080;text-decoration: underline;}
#file_upload_protocol{margin-top: 5px;}
.homo1 .drop_col{pointer-events: none;opacity: 0.5;}
.creidt_main .main_right .homepage{max-width: 1070px;}
.creidt_main .main_right .homepage h3{margin-bottom: 10px;}
.creidt_main .main_right .homepage a{color: #400080;text-decoration: underline;}


.contct-main .homepage form label{display: block;font-size: 14px;}
.contct-main .homepage form input{padding: 6px;border: 1px solid #999999;border-radius: 6px;opacity: 1;width: 390px;margin: 12px 0 25px;}
.contct-main .homepage form textarea{padding: 6px;border: 1px solid #999999;border-radius: 6px;opacity: 1;width: 390px;margin: 8px 0;}
.contct-main .homepage form input[type='submit']{background: #400080 0% 0% no-repeat padding-box;border-radius: 18px;opacity: 1;display: block;color: #fff;transition: 0.3s;border: 2px solid #400080;}
form ::placeholder{color: #999999;}
.contct-main .homepage form input[type='submit']:hover{background-color: transparent; color: #400080;border: 2px solid #400080;cursor: pointer;transition: 0.3s;}
.disable_btn{width: 107px;}
.togle_hekp img:hover{opacity: 0.7;transition: 0.5s ease all;}
.faq_main .homepage{padding-left: 0;}
.faq{list-style: none;padding-right: 0px;}
.faq .answer p{color: #171717;font-size: 14px;}
.faq li.active h3{font-weight: 500; color: #171717 !important;}
.faq .answer {color: #090909;font-family: serif;font-size: 16px;line-height: 24px;padding-left: 6em;}
.faq .plus-minus-toggle {cursor: pointer;height: 21px;position: absolute;width: 21px;left: 118px;top: 50%;z-index: 2;}
.faq .plus-minus-toggle:before, .faq .plus-minus-toggle:after{background: #400080;content: '';height: 4px;left: 10px;position: absolute;top: 0;width: 21px;transition: transform 500ms ease;border-radius: 20%;}
.faq .plus-minus-toggle:after {transform-origin: center;}
.faq .plus-minus-toggle.collapsed:after {transform: rotate(90deg);}
.faq .plus-minus-toggle.collapsed:before {transform: rotate(180deg);}
.faq .question {color: #171717;font-size: 20px;position: relative;cursor: pointer;padding: 30px 70px;transition: color 0.5s ease;line-height: 26px;}
.file_uplode img{transition: 0.5s ease all;-webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;-moz-transition: 0.5s ease all;display: block;}
.file_uplode a:hover img{opacity: 0.7}
.screen_fit{min-height: inherit !important;}
.filename{font-size: 14px;font-weight: 400;color: #171717;word-break: break-all; font-style: italic;}

.side-panel{height: 100vh;width: 21.4%;text-align: center;padding-top: 56px;float: left;}
.side-panel ul li{display: block;}
.side-panel ul li a{display: block;font-size: 18px;font-weight: 400;color: #999999;line-height: 59px;}
.side-panel nav{ display: block;width: 152px;margin: 0 auto;text-align: left;margin-top: 39.6px;}
.side-panel nav ul li a:hover, .main .main_left nav ul li.active a {color: #400080;}
.side-panel ul li.active a{color: #400080;}
.file_upload_wrap{display: inline-block;vertical-align: middle;margin: 0px 5px;}
.file_upload_wrap label{display: inline-block;vertical-align: top;}
.more .morecontent span{display: none;}
.more .morelink{display: block;}
.homepage .more p a{color: #400080;}
.homepage .more p .link{text-decoration: underline;}
.text_area textarea::-webkit-scrollbar-track{background-color: transparent;}
.text_area textarea::-webkit-scrollbar{width: 6px;background-color: transparent;}
.text_area textarea::-webkit-scrollbar-thumb{border-radius: 100px;background-color: #545454;}


/* consurf_results */
.main .pl_right{padding-left: 128.73px;}
.sub_header_bar{background-color: #E0D9E7;width: 100%;padding: 35px 0px;margin-top: 40px;}
.sub_header_bar h2{color: #171717;text-align: left;letter-spacing: 0;display: inline-block;vertical-align: middle;padding-right: 80px;}
.sub_header_bar h2 b{color: #400080;letter-spacing: 0px;font-weight: 400;}
.sub_header_bar h2 strong{color: #171717;font-size: 30px;font-weight: 400;}
.btn{background-color: #400080;border-radius: 18px;line-height: 35px;padding: 0px 17px;display: inline-block;vertical-align: middle;color: #ffffff;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.btn:hover{background-color: #741343;}
.result_full{padding: 17px 60px;}
.result_full .result_dna_wrap{width: 100%;background-color: #ffffff;}
.result_full .result_dna_wrap .top_result{padding: 20px 65px;}
.result_full .result_dna_wrap .top_result .img_wrap_co{}
.result_full .result_dna_wrap .top_result .img_wrap_co .left{}
.result_full .result_dna_wrap .top_result .img_wrap_co .left .box_border{border: #400080 1px solid;width: 400px;}
.result_full .result_dna_wrap .top_result .img_wrap_co .left .no_box{display: none;}
.result_full .result_dna_wrap .top_result .img_wrap_co .left .scale_data_img{}
.result_full .result_dna_wrap .top_result .img_wrap_co .right{}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .result{}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file{background-color: #E0D9E7;max-width: 454px;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links{}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links a{color: #171717;letter-spacing: 0;font-weight: 400;font-size: 14px;line-height: 20px;background-image: url(../images/site/link_arrow.svg);background-repeat: no-repeat;background-position: left center;padding-left: 20px;margin-bottom: 34px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links a:hover{text-decoration: underline;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links a img{display: inline-block;vertical-align: middle;margin: 0px 1px;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .dow_all{padding: 0px 25px;margin-top: 15px;}
.result_full .result_dna_wrap .top_result ul{padding-left: 18px;margin-bottom: 40px;}
.result_full .result_dna_wrap .top_result ul li{color: #171717;font-size: 14px;line-height: 20px;color: #171717;}
.tab_sec .collapse .panel ul li a,.result_full .result_dna_wrap .top_result ul li a{color: #400080;text-decoration: underline;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.tab_sec .collapse .panel ul li a:hover,.result_full .result_dna_wrap .top_result ul li a:hover{color: #741343;}

.tab_sec .collapse .panel{display: none;padding-bottom: 15px;padding-left: 87px;background-color: #ffffff;}
.tab_sec .collapse .panel p,.tab_sec .collapse .panel ul li{color: #171717;font-size: 14px;line-height: 20px;color: #171717;padding-top: 20px;}
.tab_sec .collapse .panel ul li{margin-bottom: 15px;padding-top: 0;}
.tab_sec .collapse .panel ul{padding-left: 20px;}
.tab_sec .collapse .panel ul li a{color: #400080;text-decoration: underline;color: #171717;font-size: 14px;line-height: 20px;}
.tab_sec .collapse .accordion{padding-left: 87px;width: 100%;display: block;background-color: #E0D9E7;position: relative;display: inline-block;vertical-align: middle;}
.tab_sec .collapse:nth-child(even) .accordion{background-color: #ffffff;}
.tab_sec .collapse .accordion h3{line-height: normal;color: #171717;font-size: 20px;font-weight: 400;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;margin: 28px 0px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.tab_sec .collapse .accordion .plus-minus-toggle {cursor: pointer;height: 21px;position: absolute;width: 21px;left: 40px;top: 45%;z-index: 2;}
.tab_sec .collapse .accordion .plus-minus-toggle:before, .tab_sec .collapse .accordion .plus-minus-toggle:after {background: #400080;content: '';height: 5px;left: 10px;position: absolute;top: 0;width: 21px;transition: transform 500ms ease;}
.tab_sec .collapse .accordion .plus-minus-toggle:after {transform-origin: center;}
.tab_sec .collapse .accordion .plus-minus-toggle:after {transform: rotate(90deg);}
.tab_sec .collapse .accordion.active .plus-minus-toggle:after {transform: rotate(0deg);}
.tab_sec .collapse .panel ul li a{color: #400080;}

/* color code */
.color_code .box{width: 20%;float: left;padding-right: 10px;}
.color_code .box h6{color: #000000;font-weight: 300;font-size: 16px;padding-bottom: 6px;font-family: monospace;}
.color_code{margin-bottom: 50px;max-width: 600px;}
.color_code .box .color_box{margin-bottom: 5px;}
.color_code .box .color_box h5{width: 10%;float: left;font-weight: bold;text-align: center;padding: 0px 1px;font-family: none; font-size: 14px;line-height: 20px;font-family: 'Bree Serif', serif;}
.result_c1{background-color: #0a7d82;color: #ffffff;}
.result_c2{background-color: #44afbf;}
.result_c3{background-color: #a5dce6;}
.result_c4{background-color: #d7f0f0;}
.result_c5{background-color: #ffffff;}
.result_c6{background-color: #faebf5;}
.result_c7{background-color: #fac8dc;}
.result_c8{background-color: #f07daa;}
.result_c9{background-color: #a0285f;color: #ffffff;}
.result_c1_CBS{background-color: #0f5a23;color: #ffffff;}
.result_c2_CBS{background-color: #5aaf5f;}
.result_c3_CBS{background-color: #a5dca0;}
.result_c4_CBS{background-color: #d7f0d2;}
.result_c5_CBS{background-color: #ffffff;}
.result_c6_CBS{background-color: #e6d2e6;}
.result_c7_CBS{background-color: #c3a5cd;}
.result_c8_CBS{background-color: #9b6eaa;}
.result_c9_CBS{background-color: #782882;color: #ffffff;}                                                         
.consurf_mo_scale .mo_expand{display: none;}

.scaleRowStrecher .scaleRowStrecherInner{display: flex;}
.scaleRowStrecher .scaleRowStrecherInner .scaleColorRect{width: 50px;text-align: center;line-height: 32px;font-weight: 500;font-size: 20px;}
.scaleRowStrecher .scaleRowStrecherInner .scaleColorRect.white{color: #ffffff;}
.scaleRowStrecher .scaleRowStrecherInner .scaleColorRect span{width: 100%;}
.scaleRowStrecher .label{display: flex;padding-right: 0;}
.scaleRowStrecher .label div{width: 33.33%;text-align: center;font-weight: 500;font-size: 18px}
.scaleRowStrecher .label .leftLabel{text-align: left;}
.scaleRowStrecher .label .rightLabel{text-align: right;}
#consrvScaleDiv a.download{margin-top: 20px; color: #400080;text-decoration: underline;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.scaleRowStrecher .insu_data{font-weight: 500;font-size: 18px;margin-top: 20px;}
.scaleRowStrecher .insu_data span{display: inline-block;vertical-align: middle;height: 25px;width: 50px;background-color: #f8f499;margin-right: 10px;}
.main .pl_right.references{padding-right: 200px;}
.main_right .sub_header_bar h2 em{font-style: normal;color: #9E0B0F;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links a {background-image: none;margin-bottom: 0;padding-left: 0;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link {background-image: url(../images/site/link_arrow.svg);background-repeat: no-repeat;background-position: left 2px;margin-bottom: 25px;padding-left: 20px;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link .download:hover {opacity: 0.5;}


/* consurfdb_error */
.db_error{margin-top: 28px;}
.db_error h2{color: #9E0B0F;font-size: 30px;line-height: 30px;font-weight: 300;padding-bottom: 14px;}
.db_error h6{color: #171717;font-size: 14px;line-height: 20px;font-weight: 400;}

/* Consurf_overview */
.overview .overview_wrap{max-width: 985px;}
.overview .overview_wrap h2{margin: 28px 0px;}
.overview .overview_wrap p{font-size: 14px;line-height: 20px;color: #171717;color: #171717;font-weight: 400;margin-bottom: 50px;}
.table_diagram .step{width: 180px;display: inline-block;vertical-align: top;margin-right: 23px;}
.table_diagram .step span:first-child{background-color: #400080;color: #ffffff;}
.table_diagram .step .hex span,.table_diagram .step span{display: block;vertical-align: middle;color: #171717;font-size: 12px;line-height: 16px;border-radius: 5px;padding: 9px 8px;text-align: center;background-color: #ffffff;border: 1px solid #400080;}
.table_diagram .step .line{background-color: #400080;width: 2px;height: 35px;vertical-align: middle;margin: 0 auto;display: block;}
.table_diagram .step .hex span{height: 72px;border-left: 0;border-right: 0;border-radius: 0;}
.table_diagram .step .hex {margin-top: 0;width: 100%;background: #6C6;position: relative;}
.table_diagram .step .hex:before,.table_diagram .step .hex:after {content: "";border-top: 36px solid transparent;border-bottom: 36px solid transparent;position: absolute;}
.table_diagram .step .hex:before {left: -25px;border-right: 25px solid #400080;}
.table_diagram .step .hex:after {right: -25px;border-left: 25px solid #400080;top: 0;}
.table_diagram .step .hex span{position: relative;}
.table_diagram .step .hex span:before{border-right: 24px solid #ffffff;content: "";position: absolute;width: 0px;height: 0;top: 0;left: -23px;border-bottom: 36px solid transparent;border-top: 36px solid transparent;right: auto;bottom: 0px;margin: auto;}
.table_diagram .step .hex span:after{border-left: 24px solid #ffffff;content: "";position: absolute;width: 0px;height: 0;top: 0;right: -23px;border-bottom: 36px solid transparent;border-top: 36px solid transparent;left: auto;bottom: 0px;margin: auto;z-index: 9;}
.table_diagram h6{color: #171717;font-size: 12px;font-weight: 300;line-height: 16px;margin: 54px 0px;}

.overview .table_co h3{color: #400080;font-size: 18px;line-height: 20px;margin-bottom: 25px;font-weight: bold;}
.overview .table_co p a{font-size: 12px;font-weight: 300;line-height: 16px;}

.references{background-color: #E0D9E7;padding-right: 50px;padding-bottom: 50px;}
.references h5{padding-top: 38px;font-size: 20px;line-height: 20px;color: #171717;font-weight: 400;margin-bottom: 20px;}
.references ul li{font-size: 14px;line-height: 20px;color: #171717;list-style: none;margin-bottom: 15px;}
.references ul li a{color: #400080;}
.overview .terms_of_use p a{color: #400080;font-size: 14px;line-height: 20px;text-decoration: underline;}
.overview .terms_of_use p{padding: 0;margin: 0px;padding-bottom: 5px;}

/* consurf */
.title h2{padding-top: 28px;padding-bottom: 25px;}
.faq .panel{display: none;}
.faq .collapse:nth-child(odd) .accordion{background-color: #E0D9E7;}
.faq .collapse:nth-child(even) .accordion{background-color: transparent;}
.faq .question{padding: 30px 70px 30px 160px;}
.faq .answer{padding-left: 130px;}
.faq .answer .tab_co{padding-left: 60px;width: 78%;}
.faq .answer .tab_co p{margin-top: 10px;color: #171717;font-size: 14px;line-height: 20px;font-weight: 400;padding-bottom: 15px;}
.faq .answer .tab_co p a{color: #400080;font-size: 14px;line-height: 20px;text-decoration: underline;}
.faq .answer .tab_co ul{padding-left: 20px;}
.faq .answer .tab_co ul li{color: #171717;font-size: 14px;line-height: 20px;font-weight: 400;padding-bottom: 10px; margin-top: 10px;}
.faq .answer .tab_co ul li a{color: #400080;font-size: 14px;line-height: 20px;text-decoration: underline;}
.faq .answer .tab_co ul li ul{color: #171717;font-size: 14px;line-height: 20px;font-weight: 400;padding-bottom: 10px;}
.faq .answer .tab_co ol{padding-left: 20px;}
.faq .answer .tab_co ol li {color: #171717;font-size: 14px;line-height: 20px;font-weight: 400;padding-bottom: 10px;}



/* gallery */
.gallery .color_cod_top{padding-left: 128px;width: 78%;}
.gallery .color_cod_top p{color: #171717;font-size: 20px;line-height: 30px;padding-bottom: 8px;font-weight: 300;}
.gallery .color_cod_top h6{color: #171717;font-size: 14px;font-weight: 300;padding-top: 13px;padding-bottom: 27px;}

.gallery .gallery_wrap .section_data{padding: 31px 125px;background-color: #ededed;}
.gallery .gallery_wrap .section_data.sec_color{background-color: #E0D9E7;}
.gallery .gallery_wrap .section_data .example{width: 100%;float: left;padding-right: 70px;max-width: 50%;}
.gallery .gallery_wrap .section_data .example p{color: #171717;font-size: 14px;line-height: 20px;font-weight: 400;padding-bottom: 10px;}
.gallery .gallery_wrap .section_data .example p b{font-weight: 600;}
.gallery .gallery_wrap .section_data .example p a{color: #400080;font-size: 14px;line-height: 20px;text-decoration: underline;}
.gallery .gallery_wrap .section_data .images{float: right;width: 583px;text-align: center;}
.gallery .gallery_wrap .section_data .images .gallery_img img{max-width: 100%;width: auto;margin: 0 auto;}
.gallery .gallery_wrap .section_data .images .slider_img{width: 100%;margin: 0 auto;display: block;}
.gallery .gallery_wrap .section_data .images h6{color: #171717;font-size: 14px;font-weight: 300;text-align: center;padding-top: 35px;}
.gallery .gallery_wrap .section_data .images .gallery_img{width: 100%;}
.gallery .gallery_wrap .section_data .images .img{margin-bottom: 40px;}
.slider_img .owl-nav .owl-prev{font-size: 0px;background-image: url(../images/site/arrow_left.svg);background-repeat: no-repeat;width: 40px;height: 40px;position: absolute;top: 0px;left: 0px;bottom: 0px;margin: auto;}
.slider_img .owl-nav .owl-next{font-size: 0px;background-image: url(../images/site/arrow_right.svg);background-repeat: no-repeat;width: 40px;height: 40px;position: absolute;top: 0px;right: 0px;bottom: 0px;margin: auto;}

.overview .table_contents_wrap{max-width: 1150px;}
.table_contents .search_wrap{width: 100%;position: relative;margin-bottom: 23px;}
.table_contents .search_wrap .in{width: 100%;border-bottom: #999999 1px solid;height: 40px;color: #A9A9A9;font-size: 18px;line-height: 21.6px;}
.table_contents .search_wrap .search_btn{background-image: url(../images/site/search_btn.png);background-position: center center;background-size: contain;width: 25px;height: 25px;font-size: 0px;position: absolute;top: 0px;bottom: 0px;right: 0;}
.table_contents .list{margin-bottom: 33px;}
.table_contents .list ul li{list-style: none;margin-right: 50px;width: 47.8%;float: left;}
.table_contents .list ul li:nth-child(even){margin-right: 0;}
.table_contents .list ul li a{color: #171717;font-size: 16px;line-height: 30px;padding-left: 10px;border-bottom: #999999 1px solid;width: 100%;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;line-height: 18px;min-height: 60px;padding-top: 22px;padding-bottom: 10px;}
.table_contents .list ul li a:hover{background-color: #DADADA;color: #400080;}
/*.table_contents .list ul li:nth-child(3) a{border-top: #999999 1px solid;}*/

.introduction h3{color: #171717;font-size: 18px;line-height: 20px;padding-bottom: 8px;font-weight: 500;}
.introduction p{color: #171717;font-size: 14px;line-height: 20px;}
.table_overview{max-width: 885px;}
.table_overview .step:nth-child(4){margin-right: 0px;}
.table_overview .step span{padding: 9px 5px;}
.table_overview .step{width: 200px;}
.table_overview .middle_step{display: block;margin: 0 auto;margin-top: 50px;position: relative;}
.table_overview .middle_step:after{height: 50px;width: 0;border-left: 4px solid #400080;-moz-transform: skew(-67deg);-webkit-transform: skew(-67deg);transform: skew(-67deg);position: absolute;content: '';right: 19%;bottom: 100%;}
.table_overview .middle_step:before{height: 50px;width: 0;border-left: 4px solid #400080;-moz-transform: skew(67deg);-webkit-transform: skew(67deg);transform: skew(67deg);position: absolute;content: '';left: 19%;bottom: 100%;}
.table_overview .middle_step .second_last{position: relative;}
.table_overview .middle_step .second_last span{display: inline-block;vertical-align: middle;}
.table_diagram .step .second_last .line{width: 35px;height: 2px;position: absolute;top: 0;bottom: 0;margin: auto;right: 100%;}
.table_overview .middle_step span:first-child{display: block;vertical-align: middle;color: #171717;font-size: 12px;line-height: 16px;border-radius: 5px;padding: 9px 8px;text-align: center;background-color: #ffffff;border: 1px solid #400080;}
.table_overview .middle_step span{position: relative;z-index: 99;}
.table_overview .middle_step span.big_last{position: absolute;top: 10px;right: 230px;width: 290px;}
.table_overview .middle_step span .left_line{width: 10px;height: 320px;border-left: 4px solid #400080;-moz-transform: skew(39deg);-webkit-transform: skew(39deg);transform: skew(39deg);position: absolute;content: '';left: -133px;bottom: 17px;top: auto;z-index: -1;}
.table_overview .middle_step span .right_line{width: 10px;height: 390px;border-left: 4px solid #400080;-moz-transform: skew(-32deg);-webkit-transform: skew(-32deg);transform: skew(-32deg);position: absolute;content: '';right: -133px;bottom: 17px;top: auto;z-index: -1;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {display: none;}

.overview .table_co h3{color: #400080;font-weight: 400;font-size: 20px;line-height: 20px;margin-bottom: 15px;}
.overview .table_co h4{color: #171717;font-weight: 400;font-size: 16px;line-height: 20px;font-weight: 500;padding-bottom: 15px;}
.overview .table_co h4 b{padding-top: 90px;padding-bottom: 0px;display: block;color: #400080;font-size: 18px;}
.overview .table_co p{color: #171717;font-weight: 400;font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.overview .table_co img{padding-top: 42px;padding-bottom: 20px;}
.overview .table_co ul li a,.overview .table_co ol li a,.overview .table_co p a{color: #400080;font-weight: 400;font-size: 14px;line-height: 20px;text-decoration: underline;}
.overview .table_co h6{color: #171717;font-size: 12px;line-height: 20px;padding-bottom: 20px;font-weight: 400;}
.overview .table_co ul,.overview .table_co ol{padding-left: 20px;}
.overview .table_co ul li,.overview .table_co ol li{color: #171717;font-weight: 400;font-size: 14px;line-height: 20px;padding-bottom: 10px;}
.overview .table_co ol ul{padding-left: 0;}
.overview .table_co ol ul li{list-style: none;}

/* 3d  object */
.scaleRowStrecher {float: left; margin-top: 20px;margin-bottom: 20px;}
.scaleRowStrecher .scaleRowStrecherInner{display: flex;}
.scaleRowStrecher .scaleRowStrecherInner .scaleColorRect.white{color: #ffffff;}
.scaleRowStrecher .scaleRowStrecherInner .scaleColorRect span{width: 100%;}
.scaleRowStrecher .label{display: flex;}
.scaleRowStrecher .label div{width: 33.33%;text-align: center;font-weight: 500;font-size: 18px}
.scaleRowStrecher .label .leftLabel{text-align: left;}
.scaleRowStrecher .label .rightLabel{text-align: right;}
#consrvScaleDiv a.download{margin-top: 20px; color: #400080;text-decoration: underline;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.scaleRowStrecher .insu_data{font-weight: 500;font-size: 18px;margin-top: 20px;}
.scaleRowStrecher .insu_data span{display: inline-block;vertical-align: middle;height: 25px;width: 50px;background-color: #f8f499;margin-right: 10px;}
.main .pl_right.references{padding-right: 200px;}
.main_right .sub_header_bar h2 em{font-style: normal;color: #9E0B0F;}


/* job_status_wrap */
.job_status_wrap{padding: 20px 127px;}
.job_status_wrap .left_status{float: left;width: 79%;margin-right: 1%;}
.job_status_wrap .left_status .job .job_info{width: 49.5%;float: left;background-color: #E0D9E7;padding: 16px 28px 21px 28px;margin-right: 1%;}
.job_status_wrap .left_status .job .job_info:last-child{margin-right: 0;}
.job_status_wrap .left_status .job .job_info h5{color: #171717;font-size: 14px;line-height: 20px;padding-bottom: 12px;font-weight: 400;}
.job_status_wrap .left_status .job .job_info h4{color: #400080;font-size: 25px;line-height: 20px;font-weight: 300;}
.job_status_wrap .left_status .parameters h3{color: #400080;font-size: 20px;line-height: 20px;padding: 15px 0px;}
.job_status_wrap .left_status .parameters .para_wrap .left{float: left;width: 49.5%;margin-right: 1%;}
.job_status_wrap .left_status .parameters .para_wrap .right{float: right;width: 49.5%;}
.job_status_wrap .left_status .parameters .para_wrap .box{background-color: #ffffff;margin-bottom: 13px;padding: 18px 30px 18px 28px;}
.job_status_wrap .left_status .parameters .para_wrap .left .box{min-height: 112px;}
.job_status_wrap .left_status .parameters .para_wrap .right .box{min-height: 362px;}
.job_status_wrap .left_status .parameters .para_wrap .box h5{color: #171717;font-size: 16px;line-height: 20px;font-weight: 500;padding-bottom: 5px;}
.job_status_wrap .left_status .parameters .para_wrap .box p{color: #171717;font-size: 14px;line-height: 20px;font-weight: 400;}

.job_status_wrap .right_status{float: right;width: 20%;padding: 26px 18px;background-color: #ffffff;padding-bottom: 34px;}
.job_status_wrap .right_status h3{padding-bottom: 20px;}
.job_status_wrap .right_status ul{position: relative;}
.job_status_wrap .right_status ul:after{position: absolute;content: '';width: 1.5px;height: calc(100% - 80px);background-color: #c7bdd1;top: 0px;left: 0px;}
.job_status_wrap .right_status ul li{list-style: none;color: #171717;font-size: 14px;line-height: 20px;font-weight: 400;padding-bottom: 27px;padding-right: 28px;padding-left: 26px;position: relative;}
.job_status_wrap .right_status ul li span{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background-color: #c7bdd1;border-radius: 50%;left: -5px;top: 0px;position: absolute;z-index: 9;font-size: 0px;color: #ffffff;text-align: center;line-height: 10px;}
.job_status_wrap .right_status ul li span.failed{background-color: #9e0b0f;width: 15px;height: 15px;left: -7px;font-size: 10px;line-height: 16px; font-weight: 300;font-family: Arial, sans-serif;}
.job_status_wrap .right_status ul li span.finished{background-color: #5DB025;width: 15px;height: 15px;left: -7px;font-size: 10px;line-height: 16px; font-weight: 300;}
.job_status_wrap .right_status ul li span.finished:after{position: absolute;content: '';display: inline-block;width: 3px;height: 7px;border-bottom: 1.5px solid #ffffff;border-right: 1.5px solid #ffffff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);top: -4px;left: 2px;right: 0;bottom: 0;margin: auto;}
.run_message_wrap .run_message{float: left;width: 73%;}
.run_message_wrap .run_message p{padding-top: 14px;padding-right: 30px;color: #171717;font-size: 14px;line-height: 20px;}
.run_message_wrap .book_mark{width: 27%;float: right;background-color: #400080;border-radius: 5px;padding: 30px 20px;position: relative;}
.run_message_wrap .book_mark h6{color: #ffffff;font-size: 16px;line-height: 22px;font-weight: 300;text-align: center;}
.run_message_wrap .book_mark .close_bookmark{position: absolute;right: 25px;top: 10px;width: 10px;height: 10px;}
.run_message_wrap .book_mark .close_bookmark:before,.run_message_wrap .book_mark .close_bookmark:after {position: absolute;left: 15px;content: ' ';height: 15px;width: 2px;background-color: #ffffff;}
.run_message_wrap .book_mark .close_bookmark:before {transform: rotate(45deg);}
.run_message_wrap .book_mark .close_bookmark:after {transform: rotate(-45deg);}
.main_right .job_finished h2 em{color: #5DB025;}
.main_right .job_finished h2{padding-right: 40px;}

.job_status_wrap .left_status span.failed{background-color: #9e0b0f;width: 15px;height: 15px;left: -7px;font-size: 10px;line-height: 16px; font-weight: 300;font-family: Arial, sans-serif;display: inline-block;vertical-align: middle;border-radius: 50%;color: #ffffff;text-align: center;margin-left: 8px;}
.job_status_wrap .left_status span.finished{background-color: #5DB025;width: 15px;height: 15px;left: 0px;font-size: 10px;line-height: 16px; font-weight: 300;display: inline-block;vertical-align: middle;border-radius: 50%;position: relative;top: 0px;margin-left: 8px;}
.job_status_wrap .left_status span.finished:after{position: absolute;content: '';display: inline-block;width: 3px;height: 7px;border-bottom: 1.5px solid #ffffff;border-right: 1.5px solid #ffffff;transform: rotate(45deg);left: 0px;right: 0px;top: -2px;bottom: 0px;margin: auto;} 
.job_status_wrap .left_status .parameters .progress_bar{margin-bottom: 18px;}
.job_status_wrap .left_status .parameters .progress_bar.blur .progress_border .progrss{background-color: #CBBBDA;}
.job_status_wrap .left_status .parameters .progress_bar .label_text{margin-bottom: 15px;}
.job_status_wrap .left_status .parameters .progress_bar b{float: left;padding-left: 28px;color: #171717;font-size: 16px;line-height: 20px;font-weight: 500;}
.job_status_wrap .left_status .parameters .progress_bar h6{float: right;padding-right: 28px;color: #171717;font-size: 14px;line-height: 20px;font-weight: 500;}
.job_status_wrap .left_status .parameters .progress_bar .progress_border{background-color: #DBDBDB;border-radius: 5px; height: 9px;width: 100%;overflow: hidden;}
.job_status_wrap .left_status .parameters .progress_bar .progress_border .progrss{background-color: #400080;height: 9px;border-radius: 5px;}
.job_status_wrap .left_status .parameters .progress_bar.blur .progress_border .progrss{background-color: #CBBBDA;}
.job_status_wrap .left_status .parameters .progress_bar.blur b{font-weight: 400;}
.table_co .quick_help_co{padding-right: 150px;margin-bottom: 80px;}
.homepage .col h4,.homepage .col p strong,.homepage .col p b{font-weight: 500;}
.contct-main .homepage form .in,.table_contents .search_wrap .in{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.gallery .gallery_wrap .section_data .example p a:hover,.overview .terms_of_use p a:hover,.overview .table_co p a:hover,.references ul li a:hover,.homepage .col p a:hover{color: #741343;}
.contct-main .homepage form .in:focus,.table_contents .search_wrap .in:focus{border-color:#11858b;}
.insert_sequence{margin-bottom: 30px;}
label.file-upload{cursor: pointer;}

.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links a{background-image: none;margin-bottom: 0;padding-left: 0;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link{background-image: url(../images/site/link_arrow.svg);background-repeat: no-repeat;background-position: left center;margin-bottom: 34px;padding-left: 20px;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link .download{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link .download:hover{opacity: 0.5;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file{padding: 42px 30px 32px 31px;}


/* color code */
.color_code .box{width: 20%;float: left;padding-right: 10px;}
.color_code .box h6{color: #000000;font-weight: 300;font-size: 16px;padding-bottom: 6px;font-family: monospace;}
.color_code{margin-bottom: 50px;max-width: 620px;}
.color_code .box .color_box{margin-bottom: 5px;}
.color_code .box .color_box h5{width: 10%;float: left;font-weight: bold;text-align: center;padding: 0px 1px;font-family: none; font-size: 16px;line-height: 20px;font-family: 'Bree Serif', serif;}

.result_c1{background-color: #0a7d82;color: #ffffff;}
.result_c2{background-color: #44afbf;}
.result_c3{background-color: #a5dce6;}
.result_c4{background-color: #d7f0f0;}
.result_c5{background-color: #ffffff;}
.result_c6{background-color: #faebf5;}
.result_c7{background-color: #fac8dc;}
.result_c8{background-color: #f07daa;}
.result_c9{background-color: #a0285f;color: #ffffff;}

.consurf_mo_scale .mo_expand{display: none;}


/* zoom */
.zoomit-ghost{top: 0;left: 0;z-index: 10;width: 100%;height: 100%;cursor: wait;display: block;position: absolute;-webkit-user-select: none;-webkit-touch-callout: none;}
.zoomit-zoomed{top: 0;left: 0;opacity: 0;z-index: 5;position: absolute;width: auto !important;height: auto !important;max-width: none !important;max-height: none !important;min-width: 100% !important;min-height: 100% !important;}
.zoomit-container{overflow: hidden;position: relative;vertical-align: top;display: inline-block;}
.zoomit-container img{vertical-align: top;}
.zoomit-container.loaded .zoomit-ghost{cursor: crosshair;}
.zoomit-container.loaded .zoomit-zoomed{opacity: 1;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links a {background-image: none;margin-bottom: 0;padding-left: 0;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link {background-image: url(../images/site/link_arrow.svg);background-repeat: no-repeat;background-position: left 2px;margin-bottom: 25px;padding-left: 20px;}
.result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link .download:hover {opacity: 0.5;}
.zoomit-wrapper{position: relative;}
.zoomit-wrapper .full_screen{position: absolute;top: 20px;right: 20px;}

.email_dow{display: none;margin-top: 15px;}
.email_dow .in{width: 100%;border:1px solid #999999;border-radius: 5px;height: 35px;margin: 5px auto;margin-bottom: 20px;background-color: #ffffff;}
#consrvScaleDiv .email_dow a{color: #ffffff;text-decoration: none;margin-top: 5px;margin-bottom: 10px;}
.email_dow label{margin-bottom: 5px;display: block;}

.email_sec{margin-bottom: 20px;display: none;}
.email_sec .in{display: block;width: 350px;line-height: 34px;font-size: 14px;font-weight: 400;border: 1px solid #999999;border-radius: 6px;color: #000000;padding: 0 10px;margin-top: 5px;}
.overview .table_co .table_wrap b span{display: inline-block;vertical-align: middle;line-height: 32px;font-size: 15px;}

/* css change */
.homepage2 .homepage .inner_col .in{width: 100%;max-width: 186px;margin-right: 15px;}
.homepage2 .homepage .insert_sequence .in{width: 100%;max-width: 186px;text-align: left;}
.homepage2 .homepage .insert_sequence .join{width: 100%;max-width: 280px;}
.homepage2 .homepage .insert_sequence .join .in{width: 100%;max-width: 100%;text-align: left;}
.check_box input[type="checkbox"] + label span:after{background-color: #ffffff;}
.check_box input[type="checkbox"]:checked + label span:after{background-color: #ffffff;}

/*.homepage2.main_right .identifire .select_box{pointer-events: auto;}*/
.disable{pointer-events: none;}
.homepage .homolog .disable_btn{width: 100%;}
.homepage .submit_btn .btn_sub.black{background-color: #171717;}
.homepage .submit_btn .btn_sub.black:hover{color: #171717;border-color: #171717;background-color: transparent;}
.table_contents .search_wrap .in{color: #000000;}
.table_contents .search_wrap ::-webkit-input-placeholder{color: #A9A9A9;}
.table_contents .search_wrap :-moz-placeholder{color: #A9A9A9;}
.table_contents .search_wrap ::-moz-placeholder{color: #A9A9A9;}
.table_contents .search_wrap :-ms-input-placeholder{color: #A9A9A9;}
.table_contents .search_wrap ::-ms-input-placeholder{color: #A9A9A9;}
.table_contents .search_wrap :placeholder-shown{color: #A9A9A9;}

#autocomplete-container{position: relative;}
#autocomplete{position: absolute;top: 0px;line-height: 40px;color: #A9A9A9;font-size: 18px;}
.gallery .gallery_wrap .section_data .example p a{word-break: break-all;display: inline;}
.overview.pl_right .table_wrap{margin-bottom: 20px;width: 100%;}
.homepage2.main_right .homepage .homo.togle_hekp .disable_btn{width: 140px;}

.sub_header_bar.pl_right.consurf_mo_scale .btn{margin-right: 10px;}

.awesomplete{display: block;}


/* shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;opacity: 0.8 !important;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/site/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#000;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}

#sb-nav-close{background-image:url(../images/site/close.png);}
#sb-nav-next{background-image:url(../images/site/next2.png);}
#sb-nav-previous{background-image:url(../images/site/previous.png);}
/*#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}*/
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
.text_area textarea::-webkit-scrollbar{width: 10px;}
.text_area textarea{/*background-color: #ffffff;*/overflow: auto;}

/* additions */
/*#E_VALUE {color: #171717}*/
input[name="E_VALUE"] {color: #171717}
input[name="MAX_NUM_HOMOL"] {color: #171717}
input[name="MAX_REDUNDANCY"] {color: #171717}
input[name="MIN_IDENTITY"] {color: #171717}
input[name="pdb_ID"] {color: #171717}
input[name="modeller_key"] {color: #171717}
input[name="JOB_TITLE"] {color: #171717}
input[name="user_email"] {color: #171717}
#drop_col{display: inline-block;width: 300px;vertical-align: middle;}
/*.drop_col1{display: inline-block;width: 300px;vertical-align: middle;}*/
#best_uniform_sequences {display: inline-block;width: 300px;vertical-align: middle;}
#SUB_MATRIX {display: inline-block;width: 300px;vertical-align: middle; margin-top:3px}
#Homolog_search_algorithm, #ITERATIONS, #E_VALUE {margin-top:3px}
.disable_section{opacity:0.5; transition: opacity 0.8s; pointer-events: none;}
.col {transition: opacity 0.8s;}

/* JS */
tbody tr * {font-family: "Courier New" !important;font-size: 16.56px;}                                                                      
.overview .table_co1 h3{color: #400080;font-weight: 400;font-size: 20px;line-height: 20px;margin-bottom: 15px;}
.overview .table_co1 h4{color: #171717;font-weight: 400;font-size: 16px;line-height: 20px;font-weight: 500;padding-bottom: 15px;}
.overview .table_co1 h4 b{padding-top: 90px;padding-bottom: 0px;display: block;color: #400080;font-size: 18px;}
.overview .table_co1 p{color: #171717;font-weight: 400;font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.overview .table_co1 img{padding-top: 42px;padding-bottom: 20px;}
.overview .table_co1 ul li a,.overview .table_co1 ol li a,.overview .table_co1 p a{color: #400080;font-weight: 400;font-size: 14px;line-height: 20px;text-decoration: underline;}
.overview .table_co1 h6{color: #171717;font-size: 12px;line-height: 20px;padding-bottom: 20px;font-weight: 400;}
.overview .table_co1 ul,.overview .table_co1 ol{padding-left: 20px;}
.overview .table_co1 ul li,.overview .table_co1 ol li{color: #171717;font-weight: 400;font-size: 14px;line-height: 20px;padding-bottom: 10px;}
.overview .table_co1 ol ul{padding-left: 0;}
.overview .table_co1 ol ul li{list-style: none;} 
.sub_header_bar h2 b a{color: #400080;letter-spacing: 0px;font-weight: 400;font-size: 30px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.sub_header_bar h2 b a:hover{color: #741343;}