/*
* file used for css code which is the same for all three templates
*
*/

/**** GRID *****/
/* grid status colors */
.bar-Orange,.bar-CadetBlue,.bar-DodgerBlue,.bar-Aquamarine,.bar-blue,.bar-SeaGreen ,.bar-Green,.bar-DarkSalmon,
.bar-FireBrick,.bar-DarkRed,.bar-Maroon,.bar-Indigo,.bar-PaleVioletRed,
.bar-DimGray,.bar-Red,.bar-LimeGreen ,
.bar-Orange span,.bar-CadetBlue span,.bar-DodgerBlue span,.bar-Aquamarine span,.bar-blue span,.bar-SeaGreen span,.bar-Green span,.bar-DarkSalmon span,
.bar-FireBrick span, .bar-DarkRed span, .bar-Maroon span, .bar-Indigo span, .bar-PaleVioletRed span, .bar-DimGray span, .bar-Red span, .bar-LimeGreen span,
.bar-abc-blue, .bar-abc-lavender, .bar-abc-darkgreen, .bar-abc-green, .bar-abc-grey, .bar-abc-green2, .bar-abc-red, .bar-abc-marron, .bar-abc-orange, .bar-abc-indigo,
.bar-abc-pink, .bar-abc-yellow, .bar-abc-grey-no-decoration, .bar-abc-white
{
    display: table-cell;
    height: 100%;
    background-repeat:no-repeat;
    text-align:center;
    vertical-align: middle;
    padding: 0 4px 0 4px;
    white-space: nowrap;
}

.bar-abc-blue {
    background-color: rgba(197, 218, 241, 0.40) !important;
}

.bar-abc-indigo {
    background-color: rgba(216, 222, 238, 0.40) !important;
}

.bar-abc-lavender {
    background-color: rgba(224, 204, 231, 0.40) !important;
}

.bar-abc-darkgreen {
    background-color: rgba(165, 182, 162, 0.40) !important;
    color: white;
}

.bar-abc-green {
    background-color: rgba(225, 243, 209, 0.40) !important;

}

.bar-abc-green2 {
    background-color: rgba(211, 229, 209, 0.40) !important;
}

.bar-abc-red {
    background-color: rgba(248, 209, 211, 0.40) !important;
}

.bar-abc-pink {
    background-color: rgba(254, 204, 255, 0.40) !important;
}

.bar-abc-grey {
    background-color: rgba(218, 218, 218, 0.40) !important;
    text-decoration: line-through;
}
.bar-abc-grey-no-decoration {
    background-color: rgba(218, 218, 218, 0.40) !important;
}

.bar-abc-marron {
    background-color: rgba(232, 225, 217, 0.40) !important;
}

.bar-abc-orange {
    background-color: rgba(255, 239, 223, 0.40) !important;
}

.bar-abc-yellow {
    background-color: rgba(255, 255, 231, 0.40) !important;
}

.bar-Aquamarine{background-position:0 -3px !important; }
.bar-Aquamarine span { background-position:100% -3px;}

.bar-blue{background-position:0 -30px !important;}
.bar-blue span { background-position:100% -30px;}

.bar-CadetBlue{background-position:0 -56px !important;}
.bar-CadetBlue span { background-position:100% -56px;}

.bar-DarkRed{background-position:0 -80px !important;}
.bar-DarkRed span { background-position:100% -80px;}

.bar-DarkSalmon{background-position:0 -105px !important;}
.bar-DarkSalmon span { background-position:100% -105px;}

.bar-DimGray{background-position:0 -133px !important;}
.bar-DimGray span { background-position:100% -133px;}

.bar-DodgerBlue{background-position:0 -157px !important;}
.bar-DodgerBlue span {background-position:100% -157px;}

.bar-FireBrick{background-position:0 -185px !important;}
.bar-FireBrick span {background-position:100% -185px;}

.bar-Green{background-position:0 -210px !important;}
.bar-Green span { background-position:100% -210px;}

.bar-Indigo{background-position:0 -235px !important;}
.bar-Indigo span { background-position:100% -235px;}

.bar-LimeGreen{background-position:0 -262px !important;}
.bar-LimeGreen span { background-position:100% -262px;}

.bar-Maroon{background-position:0 -287px !important;}
.bar-Maroon span { background-position:100% -287px;}

.bar-PaleVioletRed{background-position:0 -312px !important;}
.bar-PaleVioletRed span {background-position:100% -312px;}

.bar-Red{background-position:0 -340px !important;}
.bar-Red span { background-position:100% -340px;}

.bar-SeaGreen{background-position:0 -365px !important;}
.bar-SeaGreen span { background-position:100% -365px;}

.bar-Orange{background-position:0 -395px !important;}
.bar-Orange span { background-position:100% -395px;}

.bar-Low{background-color:#FDFA13;
    display:block; height:20px;
    font:12px !important;
    text-align:center;
    vertical-align: middle;
    padding:0 7px 0 7px; white-space:nowrap;
    border-top-left-radius: 2mm; border-bottom-left-radius: 2mm;
    border-bottom-right-radius: 2mm; border-top-right-radius: 2mm;
}

.bar-High{background-color:#D982BF;
    display:block; height:20px;
    font:12px !important;
    text-align:center;
    vertical-align: middle;
    padding:0 7px 0 7px; white-space:nowrap;
    border-top-left-radius: 2mm; border-bottom-left-radius: 2mm;
    border-bottom-right-radius: 2mm; border-top-right-radius: 2mm;
}

.bar-Medium{background-color:#6FBF69;
    display:block; height:20px;
    font:12px !important;
    text-align:center;
    vertical-align: middle;
    padding:0 7px 0 7px; white-space:nowrap;
    border-top-left-radius: 2mm; border-bottom-left-radius: 2mm;
    border-bottom-right-radius: 2mm; border-top-right-radius: 2mm;
}

.bar-Critical{background-color:#E57373;
    display:block; height:20px;
    font-size: 12px !important;
    text-align:center;
    vertical-align: middle;
    padding:0 7px 0 7px; white-space:nowrap;
    border-top-left-radius: 2mm; border-bottom-left-radius: 2mm;
    border-bottom-right-radius: 2mm; border-top-right-radius: 2mm;
}

/* grid row styles */
.row-limeGreen {
    background-color: #e1f3d1 !important;
}
.row-Red {
    background-color: #f7d0d2 !important;
}
.row-Yellow {
    background-color: #ffffd9 !important;
}
/* END grid row styles */

* .the-icons {
    list-style: none outside none;
    margin-left: 0;
}
.the-icons li {
    float: left;
    line-height: 25px;
    width: 25%;
}
.the-icons i:hover {
    background-color: rgba(255, 0, 0, 0.25);
}
/*grid header*/
.atk-grid .ui-widget-header tr th {cursor: pointer;}
.atk-grid .atk-grid-panel .panel-left {
    display: block;
    float: left;
}

.atk-grid .atk-grid-panel .panel-right {
    display: block;
    float: right;
}

.atk-grid .atk-grid-panel .panel-center {
    display: block;
    text-align: center;
    /*vertical-align: middle;*/
    /*width: 100%;*/
}


.atk-grid .atk-grid-panel .atk-buttons {float: left;}
/*.atk-grid .atk-grid-panel .atk-grid-title{
    display: block;
    font-size: 16px;
    line-height: 0.5;
    float: right;
    text-align: center;
    width: 50%;
    position: relative;
    padding: 10px 0 3px 0;
}*/

.atk-grid .atk-grid-panel .atk-grid-title {
    white-space:nowrap;
    font-size: 14px;
    line-height: 0.5;
    text-align: center;
    padding: 11px 0 3px 0;
    /*position: relative;*/
}
/*.atk-grid .atk-grid-panel .atk-grid-title span {
    display: inline-block;
    position: absolute;
    clear: both;
}
.atk-grid .atk-grid-panel .atk-grid-title span:before,
.atk-grid .atk-grid-panel .atk-grid-title span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  top: 0;
  width: 100%;
}
.atk-grid .atk-grid-panel .atk-grid-title span:before {
  right: 100%;
  margin-right: 15px;
}
.atk-grid .atk-grid-panel .atk-grid-title span:after {
  left: 100%;
  margin-left: 15px;
}*/
.atk-grid .new-grid-content-wrapper table > thead > tr > th.ui-state-active {
    background: #ebebeb;
    text-shadow: 0 0px #ffffff;
    -webkit-box-shadow: 0 0px 0 #ffffff, inset 0 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 0 #ffffff, inset 0 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 0 #ffffff, inset 0 0px 0px rgba(0, 0, 0, 0.3);

}

/* grid buttons */
.atk-grid .new-grid-content-wrapper table > tbody > tr >td.crud-buttons, .atk-grid .new-grid-content-wrapper table > tbody > tr > td.crud-expander {
    padding: 0;
    width: 0;
    border-left:0px;
}
.atk-grid .new-grid-content-wrapper table .ui-widget-header .ui-button.ui-state-default {
    border: 1px solid #909aa8;
}
.atk-grid .new-grid-content-wrapper table > tbody > tr > td .icon {
    width: 22px;
    margin-right: 6px;
    margin-left: 6px;
    bottom:21px;
}
.crosstab {
    bottom:0px !important;
    padding-bottom:0px !important;
}
.atk-grid .invgrid .zebra {
    background-color:transparent !important;
}
.atk-grid .new-grid-content-wrapper table > tbody > tr > td .rowbtn {
    width: 22px;
    background-color: transparent !important;
    border: 0;
    color: #ffffff;
    opacity:0.6;
    filter:alpha(opacity=60);
    background:none;
    margin-left: 2px;
    margin-top: -44px;
}
.atk-grid .new-grid-content-wrapper table > tbody > tr > td .icon-search {
    border: 0 none;
    cursor: pointer;
    margin: -2px 0 0 -21px;
    position: absolute;
    right: -3px;
    top: 9px;
}
.atk-grid .new-grid-content-wrapper table > tbody > tr > td .icon-cancel {
    background-position: -19px 0;
    border: 0 none;
    cursor: pointer;
    margin: -2px 1px 0 0;
    opacity: 0.7;
    position: absolute;
    right: 12px;
    top: 9px;
}
.atk-grid .new-grid-content-wrapper table .grid-buttons-menu {
    min-width:120px;
    width: auto;
    text-align: center;
/*    visibility: hidden;
    position: absolute;*/
    z-index: 2;
}
.atk-grid .new-grid-content-wrapper table > tbody > tr.ui-state-active .grid-buttons-menu {
    visibility: visible;
}
.atk-grid .new-grid-content-wrapper table > tbody > tr.grid-tr-padding > td {
    padding-top: 20px;
}
/*.atk-grid.zebra .new-grid-content-wrapper table > tbody > tr:last-child > td{*/
    /*background: none repeat scroll 0 0 #FFFFFF !important;*/
/*}*/

/* LIMS PAGE TEMPLATES
-----------------------------------------*/
.span7 .data-entry-step2-multiple-items {
    height: 300px;
}
.atk-form fieldset .atk-form-row .atk-form-field select.data-entry-step2-multiple-items {width: 50%;}
.atk-form fieldset .atk-form-row .atk-form-field select.master-details-step2-multiple-items {width: 31.5%;}
.master-details-step2-multiple-items, .master-details-step3-multiple-items, .master-details-filter-step-multiple-items  {height: 300px;}
.atk-form fieldset .atk-form-row .atk-form-field select.master-details-filter-step-multiple-items {width: 49%;}
.atk-form fieldset .atk-form-row .atk-form-field select.master-details-step3-multiple-items {width: 49%;}
.page-wizard-filters-step-add-filters-form {margin-right: 50px;}
.page-wizard-filters-step-add-filters-form .atk-buttons{border: none; margin-top: 0; padding-top: 0; margin-bottom: 10px;}
/* master details */
.template-master-details-grid table tr.ui-state-active{border: none;}
/* data entry */
.lims-manager .data-entry-form {
    width: 50%;
}
.notif .ui-state-highligt {
    background: url("images/ui-bg_flat_0_d9ecff_40x100.png") repeat-x scroll 50% 50% #D9ECFF;
    border: 1px solid #D9ECFF;
    color: #0F2133;
}
.notif .ui-state-error {
    background: url("images/ui-bg_flat_0_ffd9d9_40x100.png") repeat-x scroll 50% 50% #FFD9D9;
    border: 1px solid #FFD9D9;
    color: #CA443E;
}
.iconAdded, .iconPlus {
    background: url("images/ui-icons_888888_256x240.png") repeat scroll 2px -190px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 20px;
    margin-top: 2px;
    opacity: 0.4;
    width: 20px;
}
.iconDelete {
    background: url("images/ui-icons_888888_256x240.png") repeat scroll -14px -189px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 20px;
    margin-top: 2px;
    opacity: 0.4;
    width: 20px;
}

.iconChart {
    background: url("images/ui-icons_888888_256x240.png") repeat scroll 306px 355px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 20px;
    margin-top: 2px;
    opacity: 0.4;
    width: 20px;
}
.atk4_form .metadata-field{
    border-radius: 3px;
    display: none;
}
.icon-show-metadata-fields {cursor: pointer; margin-left:2px;}
.atk-form fieldset .atk-form-row .atk-form-field select.model-metadata-groups-multiple-items {width: 50%;}
.model-metadata-groups-multiple-items {
    height: 400px;
}
.atk-form fieldset .atk-form-row > .atk-form-field .ui-multiselect input.search{
    width: 50%;
    height: 100%;
    margin-top: 6px;
}

.atk-form td.checkedAll span.checkbox:after {
    background: url("blue/images/icons.png") no-repeat scroll -5px -125px rgba(0, 0, 0, 0);
    background-color: #909aa8;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 0;
    width: 15px;
}

.user-signature-delete{
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url('../images/icons.png');
    background-position: -19px 0;
    z-index: 100;
}

/*kit receipt*/
.kit-receipt-shippers-link {
    margin-left: 70px;
    margin-right: 50px;
}
.atk-form-error span.field-error-text {color: red;}

/* form changed field */
/*.atk-form fieldset .atk-form-row.has-changed:not(.has-error) span.checkbox, .atk-form fieldset .atk-form-row.has-changed:not(.has-error) span.radio{
    border-color: rgb(200, 222, 244);
}
.atk-form fieldset .atk-form-row.has-changed:not(.has-error) input, .atk-form fieldset .atk-form-row.has-changed:not(.has-error) textarea{
    border-color: rgb(200, 222, 244);
}*/
/*.atk-form fieldset .atk-form-row.has-changed > label{
    color: rgb(200, 222, 244);
}*/
.model-regenerate-buttons-toolbar.ui-widget-header .ui-button.ui-state-default {
    padding: 0;
}
.atk-form fieldset .atk-form-row .atk-form-field select.form-field-multiselect{
    width: 87%;
    min-height: 400px;
}

#expand,#collapse,#filter-active-branch{
    text-decoration: none;
    font-weight: bold;
    color: #222;
}
.list-under-checkbox{
    margin-left: 27px;
    font-style: italic;
}