/* GENERAL */
a { color:#f3c200; font-weight: 600;  }
a.disabled { pointer-events: none; cursor: default; }
a:hover, a:focus { color: #a0822c; }
.btn.yellow-crusta:not(.btn-outline) { font-weight: 600; color:#777; }
.btn.yellow-crusta:not(.btn-outline).active, 
.btn.yellow-crusta:not(.btn-outline):active, 
.btn.yellow-crusta:not(.btn-outline):hover, 
.open>.btn.yellow-crusta:not(.btn-outline).dropdown-toggle,
.btn.yellow-crusta:not(.btn-outline).focus, 
.btn.yellow-crusta:not(.btn-outline):focus {
    color: #555;
}
.btn.btn-outline.yellow-crusta { font-weight: 600; border-color: #8e8a89; background: #8e8a89; }
.btn.btn-outline.yellow-crusta.active, 
.btn.btn-outline.yellow-crusta:active, 
.btn.btn-outline.yellow-crusta:active:focus, 
.btn.btn-outline.yellow-crusta:active:hover, 
.btn.btn-outline.yellow-crusta:focus, 
.btn.btn-outline.yellow-crusta:hover {
    border-color: #7f7c63;
    color: #f3c200;
    background-color: #7f7c63;
}
.btn.btn-outline.yellow {
  border-color: #d8ad00;
  color: #d8ad00;
  background: 0 0;
}
.btn.btn-outline.yellow.active, 
.btn.btn-outline.yellow:active, 
.btn.btn-outline.yellow:active:focus, 
.btn.btn-outline.yellow:active:hover, 
.btn.btn-outline.yellow:focus, 
.btn.btn-outline.yellow:hover {
  border-color: #f4d040;
  color: #525e64;
  background-color: #f4d040;
}
.align-left { text-align: left; }
.align-center { text-align: center; }
.alert-info { background-color: #cce8e8; border-color: #cce8e8; color: #636363; }
.alert-success { background-color: #8fd9e0; border-color: #8fd9e0; color: #636363; /*font-weight: 600; */}
.page-header .page-header-top { height:90px; }
.page-header .page-header-top .page-logo .logo-default { margin:5px 0 0; }
.page-header .page-header-menu { background: #44b6ae; }
.page-footer { background: #44b6ae; color: #fff; }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a, 
.page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li.active>a, 
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a:hover, 
.page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li.active>a:hover,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a, 
.page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li.current>a, 
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a:hover,
.page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li.current>a:hover {
	background:#525e64;
	pointer-events: none;
	cursor: default;
}
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a, 
.page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li>a,
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a>i,
.page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li>a>i {
	color:#fff;
}
.page-header { height:auto; }
.tabbable-line>.nav-tabs>li.active { border-bottom-color:#f4d03f; }
.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover { border-bottom-color:#ffe88d; }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover>i, 
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a>i, 
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover>i, 
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a>i, 
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>a:after {
	color:#f3c200;
}
.navbar-nav .btn-xs { padding:5px 10px!important; }
.right-menu { float: right!important; }
.scroll-to-top>i { color: #f3c200; }
.row-eq-height  { 
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
	/*margin-bottom:25px;*/
}
.row-eq-height .portlet{ height:90%; }
.sign-menu { float:right!important; }
@media (max-width: 991px) {
  .sign-menu { float:left!important;width:100%; margin-top:10px!important; }
	.page-header .page-header-menu { background: #ececec; padding-bottom: 20px; }
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover {
		background:#525e64!important;
	}
	.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a, 
  .page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li .dropdown-menu li.active>a, 
	.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a:hover, 
	.page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li .dropdown-menu li.active>a:hover,
	.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a, 
  .page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li .dropdown-menu li.current>a,
	.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a:hover,
  .page-header .page-header-menu .hor-menu.sign-menu .navbar-nav>li .dropdown-menu li.current>a:hover {
		background:#afb8bd!important;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a { color: #f3c200!important; }
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down::before { content:none; }
	.row-eq-height { display:block; margin-bottom: auto; }
}
.minitext { font-size: 9px; background: #666; color: #fff; padding: 3px 5px; margin-right: 5px; border-radius: 3px; }
.top-menu > ul > li > ul > li .progress { margin: 5px 0 0; background-color: #f5e9b9; height: 12px; }
.top-menu > ul > li > ul > li .progress .progress-bar { font-size: 10px; line-height: 12px; font-weight: 600; }
.top-menu > ul > li > ul > li .progress .progress-bar.success { background-color: #8dd4cf; color:#333; }
.top-menu > ul > li > ul > li .progress .progress-bar.warning { background-color: #e2d325; color:#555; }
.top-menu > ul > li > ul > li .progress .progress-bar.danger { background-color: #e67144; color:#fff; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #e6e6e6; opacity:0.6; }
.note.note-success { background-color: #cef3f0; border-color: #44b6ae; }
#sequence .note.note-success { font-family: monospace; word-break: break-all; }
#sequence .note.note-success p { font-size:20px; color:#4e4e4e; text-transform: uppercase; }
code {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* SIGN IN SIGN UP */
.form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus)~.help-block, .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus)~.help-block-error, .form-group.form-md-line-input .form-control.edited:not([readonly])~.help-block-error, .form-group.form-md-line-input .form-control:focus:not([readonly])~.help-block-error {
	opacity:1!important;
}
/* HOME */
ul#list-news { list-style: none; padding: 0; margin: 0; }
ul#list-news li { text-indent: -.7em; }
ul#list-news li::before { content: "• ";font-size:26px; color: #f3c200; vertical-align: sub; }
#logos-home .col-md-3 { text-align:center; } 
#logos-home img { height:80px; }
.timeline-Header { display:none; }
.timeline-Body { border-top:none; }
.grant-text { margin-top: 3px; font-size: 10px; }
.portlet.box.yellow-crusta>.portlet-title>.caption, .portlet.box.yellow-crusta>.portlet-title>.caption>i { color: #777; }
.thumb-tut-home { width:130%; }
@media (max-width: 991px) {
  .thumb-tut-home { width:100%; }
}
/* CREATE PROJECT */
.steps-launch { margin:30px 0; }
.mt-element-step .step-background-thin .mt-step-number { color:#BFBFBF!important; }
.mt-element-step .step-background-thin .mt-step-title { color:#95A5A6!important; }
.mt-element-step .step-background-thin .active { background-color: #f4d03f!important; }
.mt-element-step .step-background-thin .active .mt-step-number { color:#525e64!important; }
.mt-element-step .step-background-thin .active .mt-step-title { color:#777!important; }
.mt-element-step .step-background-thin .gotover { background-color: #aee2e3!important; }
.mt-element-step .step-background-thin .gotover .mt-step-number { color:#fff!important; }
.mt-element-step .step-background-thin .gotover .mt-step-title { color:#fff!important; }
.mt-element-step .step-background-thin .mt-step-col { border-right: 1px solid #eff3f8; }
.mt-element-step .step-background-thin .mt-step-title { font-size:27px; text-align: left; padding-left: 5%; padding-right:0; }
/* STEP 1 */
.dropzone-file-area { border-color: #f4d03f; }
.dropzone.dz-clickable .dz-message { font-size: 20px; color: #525e64; }
.dropzone .dz-preview .dz-progress { z-index:20; }
.dropzone .dz-preview .dz-progress .dz-upload { background:#29b4b6; }
/*.Typeahead-spinner { position: absolute; right: 20px; top: 32px; width: 3.5%; }*/
.Typeahead-spinner, .Typeahead-spinner2 { position: absolute; right: 20px; top: 10px; z-index:10; width: 3.5%; }
.tt-input { color: #555; }
.fileinput .btn-file .help-block { display: none!important; }
.fileinput + .help-block { color:#f00; }
.red-border { border: 1px solid #f00; }
.progress-bar-warning { background-color: #f3c200; }
@-webkit-keyframes animate-stripes {
  /*100% { background-position: -100px 0px; }*/
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } 
}

@keyframes animate-stripes {
  /*100% { background-position: -100px 0px; }*/
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } 
}
progress[value].progress-file {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  
  /* Get rid of default border in Firefox. */
  border: none;

  background-color: #eee;
  color:#f00;
  width: 100%;
  height: 20px;
}
progress[value].progress-file::-webkit-progress-bar {
  background-color: #eee;
}

progress[value].progress-file::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(45deg, 
	                           transparent 33%, rgba(0, 0, 0, .07) 33%, 
	                           rgba(0,0, 0, .07) 66%, transparent 66%),
	   -webkit-linear-gradient(left, #f3c200, #f3c200);
  
    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
    /* not working right now */
    -webkit-animation: animate-stripes 1s linear infinite;
    animation: animate-stripes 1s linear infinite;
}
progress[value]::-moz-progress-bar {
  background-image:
	   -webkit-linear-gradient(45deg, 
	                           transparent 33%, rgba(0, 0, 0, .07) 33%, 
	                           rgba(0,0, 0, .07) 66%, transparent 66%),
	   -webkit-linear-gradient(left, #f3c200, #f3c200);
  
    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
    -webkit-animation: animate-stripes 2s linear infinite;
    animation: animate-stripes 2s linear infinite;
}
/* BROWSE */
#bs-table { display:none; }
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	background-color: #f3c200;
  border-color: #f3c200;
}
#bs-table td.pdb-preview { width:100px; height:100px; padding:0; background-image: url('../img/loading-spinner-grey.gif'); background-repeat: no-repeat; background-position: center; text-align: center;}
#bs-table td.pdb-preview img { width:100px; }
.het-preview { width:100px; height:100px; padding:0; background-image: url('../img/loading-spinner-grey.gif'); background-repeat: no-repeat; background-position: center; }
.het-preview img { width:100px; }
#bs-table td.compound-description { min-width:25%; }
.pagination>li>a, .pagination>li>span { color: #f3c200; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #a0822c; }
@media only screen and (min-width:1200px) {
	#modalLig .modal-dialog.modal-lg { width:1130px; }
}
/* STEP 1 */
#intro-wfs .btn.btn-outline.yellow-crusta { border-color:#cef3f0; }
/* STEP 2 */
.structure-buttons { padding:20px 0; border-bottom:1px solid #525e64; background: #e2f0f0; margin:0; }
.structure-buttons .col-md-3 a { width:100%; }
.structure-buttons label { font-size:12px; color:#525e64; }
span.lab-radio { position: inherit; background: none!important; border: none!important; }
span.lab-radio:after { background: none!important; }
.mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span, 
.mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span, 
.mt-checkbox.mt-checkbox-outline>input:checked~span, 
.mt-checkbox.mt-checkbox-outline>input:focus~span, 
.mt-checkbox.mt-checkbox-outline>span, 
.mt-checkbox.mt-radio-outline:hover>input:not([disabled]):checked~span, 
.mt-checkbox.mt-radio-outline:hover>input:not([disabled])~span, 
.mt-checkbox.mt-radio-outline>input:checked~span, 
.mt-checkbox.mt-radio-outline>input:focus~span, 
.mt-checkbox.mt-radio-outline>span, 
.mt-radio.mt-checkbox-outline:hover>input:not([disabled]):checked~span, 
.mt-radio.mt-checkbox-outline:hover>input:not([disabled])~span, 
.mt-radio.mt-checkbox-outline>input:checked~span, 
.mt-radio.mt-checkbox-outline>input:focus~span, 
.mt-radio.mt-checkbox-outline>span, 
.mt-radio.mt-radio-outline:hover>input:not([disabled]):checked~span, 
.mt-radio.mt-radio-outline:hover>input:not([disabled])~span, 
.mt-radio.mt-radio-outline>input:checked~span, 
.mt-radio.mt-radio-outline>input:focus~span, 
.mt-radio.mt-radio-outline>span { background:#fff; }
#reset-view { margin-top:25px; }
/* checking */
#checking-block { /*background:#e2f0f0;*/ height:100%;overflow-y: auto; }
.margin-top-0 { margin-top:0; }
.margin-bottom-0 { margin-bottom:0; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-left-10 { margin-left:10px; }
.collapse-group { margin-bottom:15px; }
.panel-heading { padding:0; }
.panel-heading a, .panel-heading a:active, .panel-heading a:focus, .panel-heading a:hover { display:block;padding:10px 15px;color:#666; }
.panel-heading a.panel-help { position: absolute; top: 0; right: 0; font-size: 18px; line-height: 15px; }
.panel .panel-title>a:hover { color:#000; }
.panel { margin-bottom: 5px; }
.panel-default>.panel-heading.checked { background-color: #e2f0f0; }
.panel-default>.panel-heading.editable { background-color: #e4f0ff; }
.panel-default>.panel-heading.warning { background-color: #fff1b9; }
.panel-default>.panel-heading.error { background-color: #fdd2d2; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { max-height: 200px; overflow-y: auto;}
.panel-title { font-size:14px; position: relative; }
.panel-title .trigger:before { content: '\f056'; font-family: 'FontAwesome';}
.panel-title .trigger.loading.collapsed:before { content: ''; }
.panel-title .trigger.editable.collapsed:before { content: '\f044'; }
.panel-title .trigger.checked.collapsed:before { content: '\f058'; }
.panel-title .trigger.warning.collapsed:before { content: '\f071'; }
.panel-title .trigger.error.collapsed:before { content: '\f057'; }
.panel-title .trigger:not(.collapsed) { color:#000; }
.panel-collapse .panel-body table { margin-bottom:10px;border-bottom: 1px solid #e7ecf1; }
.panel-collapse .panel-body table.checking-clashes { border-bottom-color:#ccc; }
.panel-collapse .panel-body table td { padding:4px; vertical-align: middle; }
.panel-collapse .panel-body table td:hover { cursor:default; }
.panel-collapse .panel-body table.checking-clashes td { border-top-color:#ccc; }
.panel-collapse .panel-body table#checking-models td:nth-child(1) {  width:10%; }
.panel-collapse .panel-body table#checking-models td:nth-child(2) label { margin-top:5px; }
.panel-collapse .panel-body table#checking-chains td:nth-child(1) {  width:10%; }
.panel-collapse .panel-body table#checking-chains td:nth-child(2) label { margin-top:5px; }
.panel-collapse .panel-body table#checking-amides .mt-checkbox-inline, .mt-radio-inline { padding:0; }
.panel-collapse .panel-body table#checking-amides .mt-checkbox, .mt-radio { margin-bottom:0; }
.panel-collapse .panel-body form button[type=submit] { float: right; margin-bottom: 5px;margin-top: -7px; }
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success
{background-color: #e2f0f0; }
.panel-body.not-editable.error { background:#fcecec; }
.panel-body.not-editable.warning { background:#fcf7e4; }
.ligands-upload td { border-bottom: 1px solid #a5a5a5; }
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label { border: 1px solid #44b6ae; color: #44b6ae; font-size: 12px; padding: 1px 5px; border-radius: 3px; line-height: 1.44; margin-left: 0; margin-right: 5px; display: inline-block; cursor: pointer;position: relative; top: 1px; }
.inputfile:disabled + label { opacity:.65; cursor: not-allowed; }
.inputfile:focus + label, .inputfile + label:hover { background-color: #39b8b0; color: #fff;}
.inputfile:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.col-left-checking { text-align: left;margin-top: 7px; }
#leg-checklig1 { z-index: 1; position: absolute; left: 15px; bottom: 0; background: #b8e6e2; padding: 8px;}
#leg-checklig2 { z-index: 1; position: absolute; right: 15px; bottom: 0; background: #b8e6e2; padding: 8px;}
.mt-element-list .list-simple.mt-list-container ul#atoms-check-ligands>.mt-list-item:first-child { padding-top: 10px; }
.mt-element-list .list-simple.mt-list-container ul#atoms-check-ligands>.mt-list-item { padding: 10px 0; cursor:default; }
.mt-element-list .list-simple.mt-list-container ul#atoms-check-ligands>.mt-list-item.highlight { background: #c8ecea; }
.col-center-checking { margin-top: 8px; }
.col-right-checking { text-align: right;padding: 0 5px 0 0; }
.atoms-list { padding:0; background: #fff; box-shadow: 3px 3px rgba(102,102,102,.1); margin: 10px 0 0; border: 1px solid #eee; border-radius: 4px; max-width: 95%; float: right; margin-right: 5px; }
.atoms-list:before { position: absolute; top: -8px; right: 9px; display: inline-block!important; border-right: 8px solid transparent; border-bottom: 8px solid #e0e0e0; border-left: 8px solid transparent; content: ''; }
.atoms-list:after { position: absolute; top: -7px; right: 10px; display: inline-block!important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: ''; }
.atoms-list-table { display:table; width: 100%; }
.atoms-list-row { display: table-row; }
.atoms-list-cell { display: table-cell; padding: 4px 5px; text-align: center; border-radius: 4px; font-size: 11px; }
.atoms-list-cell.highlight { background: #c8ecea; cursor:pointer; }
table.checking-altloc tr td .mt-radio-inline .mt-radio { margin-right: 10px; }
#cont-swtch-ligs { float: right; margin-bottom: 5px; margin-top: -7px; }
#cont-swtch-ligs .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, 
#cont-swtch-ligs .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
  background: #44b6ae;
  font-weight: 900;
}
/* summary */
.mt-element-list .list-simple.group .list-toggle-container .list-toggle.done { background:#aee2e3; }
.mt-element-list .list-simple.mt-list-container { border:none; border-bottom: 1px solid #fff; }
.list-toggle.done { border-bottom: 1px solid #fff; }
.mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content { padding:0; }
.mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done { border-color: #aee2e3 #aee2e3 #e7ecf1; }
.mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done:hover { background-color:#fff; }
.mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-datetime { width: inherit; font-size: 13px; margin-top: 7px; color: #8d8d8d; }
.panel-collapse.collapse ul { border-bottom: 1px solid #e7ecf1; }
.ligands-summary { background:#fbecb2; }
.ligands-summary span { font-weight: bold; }
.ligands-summary span.residue-upload, .ligands-summary span.residue-remove, .ligands-summary span.residue-include { cursor: pointer; }
.ligands-summary td {border-top: 2px solid #c3b992!important; }
.actions-summary { min-height: 235px; }
.mt-element-ribbon.actions-summary .ribbon-content { padding-bottom: 0; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #777;
    background: #f3c200;
    font-weight: 900;
}
.actions-summary .md-radio label>.check { background: #f3c200; }
.actions-summary .md-radio label>span.inc { background: #29b4b6; }
/* STEP 3 */
.portlet.light.bg-inverse > .portlet-title { border-bottom-color:#fff; }
#loading-datatable { /*width:100%;*/ height:200px; position:relative; background:#fff; text-transform:uppercase; }
#loading-spinner { width:280px; height:50px; background:#333; position:absolute; 
left:46%; top:50%; margin:-15px 0 0 -75px; padding: 15px 0 5px 53px; color:#29b4b6;
background:#fafafa url(../img/loading4.gif) no-repeat 5px; 
-webkit-box-shadow: 1px 1px 8px 0px rgba(204,204,204,1);
-moz-box-shadow: 1px 1px 8px 0px rgba(204,204,204,1);
box-shadow: 1px 1px 8px 0px rgba(204,204,204,1); }
.container-list-settings { height: 350px; overflow-y: auto; background: #fafafa; }
table.list-residues { margin:0; }
table.list-residues td { padding: 4px 8px!important; }
.lcol-residues { vertical-align: middle!important; }
.rcol-residues select { width:75%; float: right; }
.note-residues {border-color: #79d9da!important; background-color: #e4f0f1!important;}
.runmd_warning { font-size: 12px; }
ul.dropdown-menu li a.active { background-color: #e7e7e7;}
textarea#sequence { text-transform: uppercase;}
/* WORKFLOWS */
.diagram_wf { padding-bottom:20px; background-color: #fafafa; height: calc(100vh - 200px); }
a.fchart { width: 80px!important;  font-family: 'Open Sans'!important; }
.portlet>.portlet-title>.actions .btn-icon-only.btn-default.fchart.fullscreen:before { content:""; }
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active, 
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover { background: #44b6ae; border-color: #32c5d2; }
a.wfex { color: #a0a0a0!important;}
.portlet.light.bordered.portlet-wf { background-color: #eaf7f6!important; border-color: #add3d0!important; }
.portlet.light.bordered.portlet-wf>.portlet-title { border-bottom-color: #add3d0!important; }
.portlet.light.bordered.portlet-wf img.wf-img { border: solid 1px #989898; }
.portlet.light.bordered.portlet-wf span.badge.badge-primary { background: #f3c200; color: #555; }
a.link-wf-steps, a.link-wf-background { color:#d6ab00; }
a.link-wf-steps:hover, a.link-wf-background:hover { text-decoration: none; color:#896e00; }
a.link-wf-steps:focus, a.link-wf-background:focus { text-decoration: none;  }
a.link-wf-steps i, a.link-wf-background i { font-size: 20px; vertical-align: middle; }
ol { counter-reset: item }
ol li{ display: block }
ol li:before { content: counters(item, ".") ". "; counter-increment: item }
#row-sel-ligs .form-group { display: none; }
#ligs-list { font-weight: 600; font-size: 16px; }
/* AVAILABILITY */
.icon-bar-chart.rotate { -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
@media only screen and (max-width:600px) {
	.btn.purple-intense:not(.btn-outline) { max-width: 100%;font-size: 14px; text-align: left; }
}
table.dataTable span.highlight { background-color: #c7fffb; }
.table-source-container { min-height: 100px; }
table#table-source thead.main-head th { background-color: #74dad3; color:#555; border-color: #74dad3; padding-top:12px; padding-bottom:12px; border-top:2px solid #929292!important; }
table#table-source tbody tr.main-row td { border-top: 2px solid #929292; }
table#table-source { border-bottom: 2px solid #929292; }
.first-ts { border-top:2px solid #555; }
.image-ts { text-align: center; }
.module-ts { background-color: #a4e4e0; /*vertical-align: middle!important; */}
table#table-source.dataTable td.sorting_1, 
table#table-source.dataTable td.sorting_2, 
table#table-source.dataTable td.sorting_3, 
table#table-source.dataTable th.sorting_1, 
table#table-source.dataTable th.sorting_2, 
table#table-source.dataTable th.sorting_3 {
	background-color: #a4e4e0!important;
}
div#table-source_wrapper.dataTables_wrapper div.dataTables_filter { display: none; }
table#table-source tbody td[colspan]:not([colspan="1"]) { text-align: center; }
table#table-source tbody td[rowspan]:not([rowspan="1"]) { vertical-align: middle; }
span.badge.badge-warning { background:#f4d03f; color:#555; font-weight: bold; }
span.badge.badge-primary { background:#44b6ae; color:#fff; font-weight: 600; border-radius: 4px!important; }
span.badge.badge-info { background:#44b6ae; color:#fff; font-weight: 600; border-radius: 4px!important; }
.details-control { cursor: pointer;  }
.open-module { font-size:18px;margin-top:4px; }
table.bb-table thead th { border-bottom: 1px solid #929292!important; }
table.bb-table tbody td { text-align: left; border-bottom:none; }
table.table-dependencies { border-top:2px solid #929292!important;; }
@media only screen and (max-width:490px) {
	.btn.purple-intense:not(.btn-outline) {font-size: 11px; padding: 10px 4px; }
	.btn.purple-intense:not(.btn-outline) .fa.fa-download, .btn.purple-intense:not(.btn-outline) .fa.fa-rocket { display:none; } 
}
.mt-card-name.tutorials a { color:#44b6ae; }
.mt-card-name.tutorials a:hover { color:#3e8a84; text-decoration: none; }
.image-centered { display: block; margin-left: auto; margin-right: auto; }
.img-tutorial-70 { max-width: 70%; }
.img-tutorial-100 { max-width: 100%; }
.ico-source {
	image-rendering: auto;
	-webkit-backface-visibility: hidden;
    opacity: .75;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.ico-source:hover {
	image-rendering: auto;
	-webkit-backface-visibility: hidden;
    opacity: 1;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}​
/* INPUTS */
.select2-selection--multiple .select2-search--inline .select2-search__field { width: auto !important; }
#seqtxt { text-transform:uppercase; }
textarea { resize:none; }
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color:#f4d03f; }
select.selectpicker { display:none; /* Prevent FOUC */}
/* PROTONATION */
#loading-protonation { height: 500px; }
.portlet.box.default { border: 1px solid #e1e5ec; }
.container-png-protonation { background: #fff; border:1px solid #95a5a6; width:100%; height: 302px; text-align: center; }
.portlet-protonation .blockUI.blockOverlay { background-color: #fff!important; opacity: .5!important; }
.portlet-protonation .blockUI.blockMsg { width:auto!important; }
.portlet-protonation .portlet-body .K-Widget { margin:0; }
.load-protonation { position:absolute;left:36%; top:90px;z-index:10; }
.smi-protonation { word-break: break-all; min-height: 45px; /* 57px for 3 rows */ }
h3#toggle-prot-states a { color: #333; width: 100%; display: table; position: relative; font-weight: 300;}
h3#toggle-prot-states a i.fa { position:absolute; right:0; top:5px; }
h3#toggle-prot-states a:hover, h3#toggle-prot-states a:focus { text-decoration:none;color:#67c6bf; }
#portlet-img-original { cursor: grab; padding: 5px 15px 15px; position: fixed; bottom: 67px; right:0px; z-index: 100; width: 304px; height:304px; border: 1px solid #ccc; }
#portlet-img-original:active { cursor: move; }
#arrows-img-original { z-index: 2; position: absolute; left: 5px; }
#close-img-original { z-index: 2; position: absolute; right: 5px; cursor: pointer; }
#img-original { position: absolute; top: 1px; left: 1px; z-index: 1; }
/* SETTINGS */
#table-pockets { overflow-y: auto; height: 500px; }
#tableListPockets { margin-bottom:0; }
a#btn-more-info { float: right; color: #318b84; }
a#btn-more-info:hover { color: #555; }
a#btn-more-info:hover, a#btn-more-info:focus { text-decoration: none;  }
/*#tableListPockets .clickable-row td.pocket { }*/
#tableListPockets .clickable-row.active:hover > td.pocket { background-color:#e2decf!important; }
#tableListPockets .clickable-row td.pocket:before { content: '\f096'; font-family: 'FontAwesome'; }
#tableListPockets .clickable-row td.pocket.selected { background-color: #fdfdfc!important;}
#tableListPockets .clickable-row td.pocket.selected:before { content: '\f046'; }
#tableListPockets .clickable-row td.pocket span.name { font-size: 18px!important; font-weight: 300; margin-left: 2px; }
#tableListPockets .clickable-row td.pocket div.properties { font-size: 12px; width: 50%; text-align: right; float: right; }
/* OUTPUTS */
.menu-output.btn { height:75px; border-right: 1px solid #eff3f8!important; border-left: 1px solid #eff3f8!important; white-space: normal; }
.menu-output.btn[disabled] { opacity:1; }
.responsive-btn { white-space: normal; text-align:left; }
.menu-flex.btn { height:50px; border-right: 1px solid #eff3f8!important; border-left: 1px solid #eff3f8!important; white-space: normal; }
.menu-flex.btn[disabled] { opacity:1; color:#888; }
.menu-flex.btn[disabled]:hover { opacity:1; color:#888; }
.menu-flex.btn.not-active, .menu-output.btn.not-active, .menu-contacts.btn.not-active { pointer-events: none; cursor: default; }
.menu-contacts.btn[disabled] { opacity:1; }
.clickable-row { cursor: pointer; }
.clickable-row.active > td { background-color: #fdf9ec!important; color: #696969; }
.clickable-row.active > td { background-color:#fdf9ec!important; color:#696969; }
.clickable-row.active:hover > td { background-color:#fdf9ec!important; }
.mt-card-content { background: #f1f1f1; padding-bottom: 1px; }
.mt-element-overlay .mt-overlay-1 .mt-overlay { background-color: rgba(0,0,0,.3); }
.mt-element-overlay .mt-overlay-1 img { -webkit-transition: all .4s linear; transition: all .1s linear; }
.mt-overlay a { display:block;width: 100%;height: 100%; }
#accordion_out.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled { background-position-y: -14px; }
#accordion_out.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed { background-position: right 17px; }
.trigger-container-menu.collapsed {  
  float: right;
  padding: 5px 10px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #e2f0f0;
  cursor: pointer;
  border: 1px solid #c8cfd3;
  border-top: none;
}
.trigger-container-menu.in {
    position: relative;
    bottom: 31px;
    float: right;
    padding: 5px 10px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #c8cfd3;
    cursor: pointer;
    border: 1px solid #c8cfd3;
    border-bottom: none;
}
.cbp-left { margin:15px 0 25px; float:left; }
.cbp-right { margin:15px 0 25px; float:right; }
.img-dna-params  { /*text-align:center;*/  }
.img-dna-params img { height:70px; }
.sel-dna-params { white-space: pre-wrap; font-size: 22px; font-variant-caps: all-petite-caps; font-weight: 600; font-family: monospace; }
.sel-dna-params span { vertical-align: -webkit-baseline-middle; line-height: 0; }
.limited-dropdown {max-height: 250px; overflow-y: auto;}
.trajectory-player { position: relative; margin-top: -40px; }
.trajectory-player-buttons { float:left; margin-left: 5px; }
.trajectory-player-buttons a.btn.yellow-crusta:not(.btn-outline) { color:#fff; }
.trajectory-player-frames { float:right; background:#eff3f8;border-radius:4px; padding:7px 25px;color: #44b6ae; font-weight: bold; margin-right: 5px; }
.trajectory-player-slider { float:left; margin-top: 30px!important; }
/* ERROR */
.log-wf pre { background-color: transparent; border: none; }
/* HPC */
#hpc-block .mt-element-list .list-simple.mt-list-head { border-bottom: 1px solid #44b6ae; }
#hpc-block .mt-element-list .list-head-title-container .list-title { font-weight: 600; }
#hpc-block .mt-element-list .list-simple.ext-1.mt-list-container ul>.mt-list-item { padding:15px 50px; }
#hpc-block .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3 { font-weight: 600; }
#hpc-block .mt-element-list .mt-list-container .list-title { font-weight: 600; }
#hpc-block .mt-element-list .mt-list-container .list-datetime { font-weight: 600; margin-top: 0; }
form#launch-hpc .has-error .help-block, form#launch-hpc .has-error .control-label { color: #f00; font-weight: 600; }
form#launch-hpc .has-error .form-control { border-color: #f00; }
/* done */
#hpc-block .mt-element-list .list-simple.mt-list-container ul>.mt-list-item.done>.list-item-content>h3 { color:#fff!important; }
#hpc-block .mt-element-list .list-simple.mt-list-container ul > .mt-list-item.done { background-color: #94acad; position: relative; }
#hpc-block .mt-element-list .list-simple.mt-list-container ul > .mt-list-item.done:before { content: "\f05d"; font-size: 30px; font-family: FontAwesome; left: 11px; position: absolute; top: 3px; color: rgba(255, 255, 255, 0.8); }
#hpc-block .mt-element-list .list-simple.mt-list-container ul>.mt-list-item.done>.list-datetime { color:#fff!important; }
/* doing */
#hpc-block .mt-element-list .list-simple.mt-list-container ul>.mt-list-item.doing>.list-item-content>h3 { color:#94acad!important; }
#hpc-block .mt-element-list .list-simple.mt-list-container ul > .mt-list-item.doing { background-color: #fff; position: relative; }
/*#hpc-block .mt-element-list .list-simple.mt-list-container ul > .mt-list-item.doing:before { content: "\f110"; font-size: 30px; font-family: FontAwesome; left: 11px; position: absolute; top: 3px; color: rgba(148, 172, 173, 1); animation-name: spin-hpc; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;  }*/
#hpc-block .mt-element-list .list-simple.mt-list-container ul > .mt-list-item.doing:before { content: "\f110"; font-size: 30px; font-family: FontAwesome; left: 11px; position: absolute; top: 3px; color: rgba(148, 172, 173, 1); animation: fa-spin 1s infinite steps(8);  }
@keyframes spin-hpc { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
#hpc-block .mt-element-list .list-simple.mt-list-container ul>.mt-list-item.doing>.list-datetime { color:#94acad!important; }
#hpc-block .mt-element-list .list-simple.ext-1.mt-list-container ul>.mt-list-item.doing { border-color: #94acad #94acad #e7ecf1; }
/* todo */
#hpc-block .mt-element-list .list-simple.mt-list-container ul>.mt-list-item.todo>.list-item-content>h3 { color:#e6f4f5!important; }
#hpc-block .mt-element-list .list-simple.mt-list-container ul > .mt-list-item.todo { background-color: #9cd4d0; position: relative; }
#hpc-block .mt-element-list .list-simple.mt-list-container ul > .mt-list-item.todo:before { content: "\f0a9"; font-size: 30px; font-family: FontAwesome; left: 11px; position: absolute; top: 3px; color: rgba(230, 244, 245, 1);  }
#hpc-block .mt-element-list .list-simple.ext-1.mt-list-container ul>.mt-list-item.todo { border-color: #b2d2cf #b2d2cf #e7ecf1; }
/* HELP */
.portlet-help h2, .portlet-help h3, .portlet-help h4 { padding: 10px; background:#f1f1f1; border-bottom: 1px solid #929292; margin-bottom:20px; }
.portlet-help h5 { padding: 5px; border-bottom: 1px solid #929292; }
h4.panel-title { margin-bottom:0; }
.portlet-help img { max-width: 100%; } 
ol#wfs-list { padding-left:20px; list-style: none; counter-reset: my-awesome-counter; }
ol#wfs-list > li { counter-increment: my-awesome-counter; }
ol#wfs-list > li::before { content: counter(my-awesome-counter) ". "; font-weight: bold; }
#outs-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body { max-height: 400px; }
#outs-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body h4 { 
  padding: 0;
  background: transparent;
  border-bottom: none;
  margin-bottom: 10px;
}
#outs-accordion .panel-default > .panel-heading + .panel-collapse.collapse ul { border-bottom: none; }
.note-wf-steps { font-style: italic; font-size:12px; }
#faqs-accordion .panel-default>.panel-heading { background: rgba(244, 208, 63, 0.1); }
#faqs-accordion .panel-default { border: 1px solid #f3c200; box-shadow: 0 0 3px rgba(0,0,0,.19)!important; margin-bottom: 7px; }
#faqs-accordion .panel .panel-title { font-size: 16px; }
#faqs-accordion .panel .panel-body { font-size: 14px; max-height: none; }
#faqs-accordion .panel .panel-collapse.collapse ul { border-bottom: none; }
/* USER PROFILE */
.profile-usertitle-lastlogin { font-size: 12px; margin-bottom: 7px; }
#ssh-clipboard { float: right; margin-bottom: 5px; }
#avatar-usr-profile {
    float: none;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    background-color: #f4d03f;
    font-size: 75px;
    color: #fff;
    padding-top: 22px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
#avatar-no-picture {
    float: left;
    margin-top: -5px;
    margin-right: 5px;
    height: 40px;
    width: 40px;
    background-color: #f4d03f;
    font-size: 19px;
    color: #fff;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
/* MY PROJECTS */
.icon-my-projects { font-size: 18px; }
.blink_text { animation: blinker 1.5s linear infinite; }
@keyframes blinker { 
	50% { opacity: 0.4; }
}
.container-settings { max-height:calc(100vh - 230px); }
.loading-my-projects { position:absolute;left:42%; top:60px;z-index:50; }
.progress.my-projects { background-color: #f5e9b9; margin-bottom:0; position:relative; }
.progress-legend { padding:10px; width: 100%; }
.progress-legend .progress-legend-item { display:inline; margin-right: 20px; }
.progress.my-projects #total-disk { position: absolute; top: 2px; right: 5px; font-size: 12px; font-weight: 600; }
.delete-project { position:absolute; right:10px; }
#table-projects tbody tr td:nth-child(1) i.fa { width:15px; }
#table-projects tbody tr td.exp-date { font-weight: 600; }
/* LOCK SCREEN */
#avatar-no-picture-lockscreen {
    float: left;
    height: 110px;
    width: 110px;
    background-color: #f4d03f;
    display: inline-block;
    font-size: 50px;
    color: #fff;
    padding-top: 18px;
    text-align: center;
    font-weight: bold;
}
/* RANGE SLIDER */
input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: #f3c200;
	border:none;
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  height: 30px;
  width: 12px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f3c200;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: #f3c200;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 30px;
  width: 12px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
  background: #f3c200;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
}
input[type=range]::-ms-thumb {
  border: 1px solid #000000;
  height: 30px;
  width: 12px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #f3c200;
}
input[type=range]:focus::-ms-fill-upper {
  background: #f3c200;
}
/* INTRO HELP */
.introjs-helperNumberLayer {
	background: #ffe319;
	background: -webkit-linear-gradient(top,#ffe319 0%,#cf8704 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffe319),color-stop(100%,#cf8704));
	background: -moz-linear-gradient(top,#ffe319 0%,#cf8704 100%);
	background: -ms-linear-gradient(top,#ffe319 0%,#cf8704 100%);
	background: -o-linear-gradient(top,#ffe319 0%,#cf8704 100%);
	background: linear-gradient(to bottom,#ffe319 0%,#cf8704 100%);
}
/* PROGRESS TRACKER */
.progress-tracker--vertical { display:inline-block; text-align:left; max-width:550px; }
.progress-tracker--vertical .progress-step::after { z-index:10; }
h3.progress-title, h4.progress-title { line-height: 10px; }
.progress-step .progress-text { color:#999; }
.progress-step.is-complete .progress-text, .progress-step.is-active .progress-text { color:#333; }
.progress-step.is-complete .progress-marker { background-color: #f4d03f; }
.progress-step.is-complete::after { background-color: #29b4b6; }
.progress-step::after { background-color: #ccc; }
.progress-step .progress-marker { background-color: #ccc; }
.progress-step.is-active .progress-marker { background-color: #29b4b6; }
.progress-step .progress-marker .fa-check { font-size:20px;  margin-top: 3px; }
.progress-step .progress-marker .fa-check-circle-o { font-size: 26px; margin-top: 2px; }
.progress-step .progress-marker .fa-spinner { font-size: 20px; margin-top: 1px; }
/* SURVEY BLOCK */
.btn-survey { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.note-survey { background-color: #fff!important; border-color: #61c2c2!important; }
.row-eq-height-survey  { 
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
	/*margin-bottom:25px;*/
}
@media only screen and (max-width:768px) {
	.col-1-survey { display: none; }
	.col-3-survey { padding: 20px 15px;}
	.btn-survey { font-size: 16px; }
}