/* ---------------------------------------- */
/* -------------  Global style ------------ */
/* ---------------------------------------- */
.content .contents {
    width: 950px
}
.page-utility .g720 {
    width: 780px
}
.page-utility .g240 {
    width: 150px
}
div.divider-div {
    height: 1px;
    margin: 10px 0 15px 0;
    width: auto;
    background-color: #EAF1F7;
}
.add-save-btn {
    float: right;
    display: inline;
    text-align: right;
    margin-right: 10px;
}
.add-save-btn button.exportOligoSet {
    margin-right: 5px;
}
/* ---------------------------------------- */
/* -------------  Bootstrap overwrite ------------ */
/* ---------------------------------------- */
.form-actions {
    background-color: #FFF;
    border-bottom: 2px solid #E5E5E5;
    border-top: none;
    margin-top: 0;
    padding: 0 0 20px;
}
.alert-error {
    margin-top: 0px;
    margin-bottom: 10px;
}
.oligo-value table input,
.oligo-value table select,
.oligo-value-header input,
.researcher-footer input {
    margin-bottom: 0
}
.oligo-value table label {
    font-size: 12px
}
.icon-remove-circle {
    cursor: pointer
}
.oligo-value tbody:hover {
    background-color: #EAF1F7
}
a {
    cursor: pointer
}
.next-day p {
    margin: 0
}
.modify-selected {
    margin-left: 3px
}
.oligo-valuetable table .tr-clone input select {
    font-size: 12px
}
.alert-info p {
    margin-bottom: 0
}
input.password,
input.password[type="text"]:focus {
    border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(185, 74, 72, 0.6);
}



.icon-remove-researcher,
.deleteRowButton,
.icon-question-sign, .icon-remove {
    opacity: .5
}
.addRow {
    margin-left: 10px;
}
table th,
table td {
    padding: 12px 5px;
    text-align: left;
}

span.icon-remove-researcher{
    background:transparent url("../img/x-close.png") no-repeat;
    width: 17px; height: 17px;
    display:inline-block;
}
/* ---------------------------------------- */
/* -------------  Oligo Style------------ */
/* ---------------------------------------- */
.oligo-value-header {
    padding: 10px 0 10px 7px;
    background-color: #f3f3f3;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
}
.oligo-value table {
    margin: 0;
    border-bottom: 2px solid #CCCCCC;
    float: left;
}
.oligo-value table span {
    color: red;
}
.oligo-value table span[valid="true"] {
    color: black;
}
.oligo-value table th {
    color: #444444;
    font-weight: normal;
    height: 26px;
    line-height: 16px;
    vertical-align: bottom;
    font-size: 12px;
    font-weight: bold;
}
.oligo-value table tbody td {
    vertical-align: top
}
.oligo-value table select {
    width: 100%
}
table.table-modal select {
    width: 125px
}
.oligo-value table {
    margin-bottom: 20px
}
.oligo-value {
    float: left;
    margin-bottom: 30px;
    width: 930px;
}
.followbar.fixed {
    background-color: #FFFFFF;
    border-bottom: 2px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    padding: 19px 1px 15px 0;
    position: fixed;
    top: 70px;
    width: 936px;
    z-index: 2;
    margin-left: -2px;
}
.add-upload-oligos {
    float: left;
    width: 295px;
}
.cell-numbering {
    width: 30px;
    float: left;
}
.cell-delivery {
    width: 100px;
}
.cell-format {
    width: 210px;
}
.cell-purification {
    width: 100px;
}
.cell-oligo-name {
    width: 240px
}
.cell-synthesis {
    width: 115px
}
th.delete-researcher {
    width: 30px;
    margin-right: 5px;
}
.cell-price {
    width: 100px;
}
td.cell-price span {
    color: #468847;
    line-height: 30px;
}
.cell-delete {
    width: 18px;
    padding-top: 21px;
    text-align: right;
}
.cell-delete a {
    margin-right: 5px;
}
.oligo-value td.cell-numbering {
    font-weight: bold;
}

.oligo-value tbody {
    border-bottom: 1px solid #bbbbbb;
}

.table-edits {
    background: #535963; /* Old browsers */
    background: -moz-linear-gradient(top,  #535963 0%, #464b54 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535963), color-stop(100%,#464b54)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #535963 0%,#464b54 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #535963 0%,#464b54 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #535963 0%,#464b54 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #535963 0%,#464b54 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535963', endColorstr='#464b54',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #393D43;
    border-top: 1px solid #3E4249;
}
.cell-grouping {
    width: 0px
}
.synthesis-input {
    width: 880px
}
.input-wider {
    width: 390px
}
tr.td-synthese-padding td {
    padding: 0 5px 10px
}
.td-synthese-padding input {
    width: 830px;
}
.cell-input-name {
    width: 220px;
}
.next-day {
    background: none repeat scroll 0 0 #EAF1F7;
    clear: left;
    display: inline-block;
    padding: 10px;
    width: 910px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
}
.alt-tbody {
    background-color: #f9f9f9;
}
/* utility bar */
input.researcher-input {
    margin-left: 8px;
    margin-right: 5px;
    width: 365px;
}
.bulk-upload {
    display: inline-block;
    float: right;
    margin-right: 6px;
}
span.checkmark-contain {
    background: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 transparent;
    border-bottom-left-radius: 4px;
    border-color: #CCCCCC;
    border-style: solid;
    border-top-left-radius: 4px;
    border-width: 1px 0 1px 1px;
    float: left;
    height: 28px;
    width: 42px;
    display: inline-block;
}
#save-oligo label span {
    color: red
}
#save-oligo textarea {
    width: 360px
}
div.oligo-hr {
    height: 1px;
    background-color: #ebebeb;
    margin: 10px 0;
    width: 910px;
    clear: both;
}
.modify-btns {
    margin-right: 10px;
    float: left;
    height: 30px;
    width: 40px;
}
.modify-btns .btn {
    height: 29px
}
#bulk-edit.modal {
    width: 660px;
    margin-left: -320px;
}
#bulk-edit.modal select {
    width: 150px
}
.btn-delete {
    float: left
}
.checkmark-contain input {
    display: inline-block
}
.select-all-btn {
    margin-left: 50px
}
.add-researcher-block {
    border-top: 1px solid #E5E5E5;
    float: left;
    padding-top: 15px;
    width: 930px;
    margin-bottom: 10px;
}
.add-researcher-block .icon-question-sign {
    margin-left: 5px;
    margin-top: 6px;
}
#addResearcherBlock {
    float: left;
}
.add-upload-oligos input.input-mini {
    width: 20px;
    margin-right: 0;
    float: left;
}
p.intro-oligos {
    float: left;
    width: 620px;
    margin-bottom: 0;
}
button.save {
    margin-right: 5px
}
.buttons-divider {
    height: 30px;
    margin-right: 10px;
    width: 160px;
    float: left;
}
/* ---------------------------------------- */
/* -------------  oligo value landing ------------ */
/* ---------------------------------------- */
#left,
#right {
    font-size: 12px;
    padding-bottom: 1px;
}
#left,
#main,
#right {
    float: left;
    margin-right: 10px;
    width: 180px;
}
.secondary-nav ul,
.secondary-nav ol {
    margin: 0 0 10px
}
.secondary-nav ul {
    border: 1px solid #DDDDDD;
    padding-bottom: 20px;
}
.oligo-selections-contain {
    background-color: #E9F0F6;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    float: right;
    margin-top: 10px;
    padding: 7px;
    width: 724px;
}
.value-oligo-section {
    float: left;
    width: 245px;
}
.value-oligo-section p {
    padding: 13px
}
.value-oligo-section h2 {
    display: inline-block;
    *display: inline;
    padding-left: 13px;
}
.value-oligo-section p {
    margin-bottom: 30px
}
.vos-3rd-section .value-oligo-img {
    margin-top: 40px
}
.vos-border {
    border-right: 1px solid #E1E1E1
}
.value-oligo-section img {
    display: inline;
    margin-bottom: 12px;
}
.oligo-sub-container {
    background-color: #fff;
    border-left: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    float: left;
}
.oligo-sub-container h3 {
    margin-top: 0;
    display: inline-block;
    line-height: normal;
}

.oligo-left-content {
    width: 382px;
    float: left;
    border-right: 1px solid #DDDDDD;
    padding: 10px;
}
.standard-oligos {
    height: 290px;
}
.oligo-right-content img {
    background: transparent url('../img/basic-bulk-group.jpg') no-repeat;
    float: right;
}
.oligo-right-content {
    width: 300px;
    float: right;
    padding: 10px;
    margin-top: 35px;
}
.standard-right-content {
    margin-top: 10px;
    border-bottom: 1px solid #DDDDDD;
}
.last {
    border-bottom: none;
}
.oligo-value table span.promo-text {
    color: #058759;
    line-height: 29px;
}
.oligo-value table span.china-promo-text {
    color: #058759;
    line-height: 5px;
    display: inline;
}
.label-sequence {
    width: 320px
}
/* table delete style */
.tagReadOnly {
    position: relative
}
.tagReadOnly div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom-right-radius: 4px;
    border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
    border-style: solid none solid solid;
    border-top-right-radius: 4px;
    border-width: 0 1px 0 0;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
    height: 35px;
    left: 121px;
    line-height: 34px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    top: -43px;
    width: 30px;
}
.tagReadOnly div {
    background-color: #EAF1F7
}

/* -------------  help v2  ------------ */
.modal.help-modal {
   /*margin-left: -400px;*/
    width: 795px;
}
.oligo-screenshot {
    background:transparent url("../img/oligo-screenshot.jpg") no-repeat;
    height: 410px;
}

.project-input-name {
	background: none repeat scroll 0 0 #EAEAEA;
	line-height: 17px;
	margin: -11px 4px 0;
	padding: 6px;
	position: absolute;
	width: 242px;
}
.save-oligo-btn {
    background: none repeat scroll 0 0 #EAEAEA;
    line-height: 17px;
    margin: 60px 262px 0;
    padding: 6px;
    position: absolute;
    width: 220px;
}
.addtocart-btn-info {
    background: none repeat scroll 0 0 #EAEAEA;
    line-height: 17px;
    margin: 126px 530px 0;
    padding: 6px;
    position: absolute;
    width: 220px;

}
.add-oligo-group-info {
    background: none repeat scroll 0 0 #EAEAEA;
    line-height: 17px;
    margin: 230px 4px 0;
    padding: 6px;
    position: absolute;
    width: 220px;
}
.add-oligo-info {
    background: none repeat scroll 0 0 #EAEAEA;
    line-height: 17px;
    margin: 230px 262px 0;
    padding: 6px;
    position: absolute;
    width: 220px;

}
.bulk-upload-info {
    background: none repeat scroll 0 0 #EAEAEA;
    line-height: 17px;
    margin: 345px 435px 0;
    padding: 6px;
    position: absolute;
    width: 220px;

}
.help-float {
    float: right;
}
.modal.help-modal .modal-body {
	max-height: 420px;
}
/* end help v2 */

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:transparent;
    display:none;
    color:#fff;
    top: 50px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
    border-radius: 5px; 
}
.oligoRow select{
	line-height: 25px;
}
.oligoRow .cell-dye .five-dye {
    width: 105px !important;
}
div#delivery-info .popover {
    max-width: 320px !important;
}
h1.lessMargin{
  margin: 5px 0px -30px 0px;
}