/*
    Base CSS for dark rooms
*/

iframe.external {background-color: #ffffff;}

input, select {background: #1e1e2f; color: #E2E2E2; border-style: solid; border-width: 1px; border-color: #888888}
input[disabled] { background-color: #2e2e2e; color: #969696; }

button , div.edit-buttons input, .ae-echo, .ae-cancel, .ae-submit { background-image: linear-gradient(#f7f8fa ,#e7e9ec); border-color: #adb1b8 #a2a6ac #8d9096; border-style: solid; border-width: 1px; border-radius: 3px; box-shadow: rgba(255,255,255,.6) 0 1px 0 inset; box-sizing: border-box; color: #0f1111; cursor: pointer; display: inline-block; font-size: 12px; height: 25px; font-size: 13px; outline: 0; overflow: hidden; padding: 0 11px; text-align: center; text-decoration: none; text-overflow: ellipsis; user-select: none; -webkit-user-select: none; touch-action: manipulation; white-space: nowrap; }
button:hover:active { background-image: linear-gradient(#e7e9ec, #f7f8fa); border-color: #e77600; border-width: 1px; }
button:hover { border-color: #f69936; box-shadow: rgba(228, 121, 17, .5) 0 0 3px 2px; }
button:focus { border-color: #f69936; box-shadow: rgba(228, 121, 17, .5) 0 0 3px 2px; }

body { font-family: Verdana, sans-serif; font-size: 12px; background-color: #1e1e2f; color: #aaaaaa;}
body.white {background-color: #ffffff; color: black;}

h1 { font-size: 26px; margin-bottom:18px; }
h1.ph1 { font-size: 21px; margin-bottom:18px; }
h2 { font-size: 21px; margin-bottom:18px; }
h3 { font-size: 16px; }
h4 { font-size: 13.4px; }

p,ul,ol,li,dl,dt,dd,div,td,th { font-size: 12px;}

img { border: none; }

div.signin { height: 300px; text-align: center; padding: 160px 0px 0px 0px; background-color: #373A51; color: #ddd;}
div.signin table { width: 100%; padding: 60px 90px 10px 0px; background-color: #373A51; }
div.signin tr, div.signin td { width: 50%; height: 35px; border-style: none; }
div.signin span.login-desc { font-size: 20px; font-weight: bold; }
div.tab-logo img {background: #ffffff; padding: 5px; border-radius: 3px; margin-top: -5px;}
div.signin input {color: #E2E2E2; border-radius: 3px; padding-left: 2px;}
div.signin input.button { color: #0f1111; padding: 5px;}



div.module-selector {
    width: 100%;
    min-height: 48px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    z-index: 1;
    background-color: #373A51;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}
div.viewport-and-actions { color: #aaaaaa; }

div.module-selector table.tabpanel tr.tab-row td { 
    white-space: nowrap; 
    margin: 0px; 
    min-height: 48px;
}

div.module-selector table.tabpanel {
    float: left;
    margin-left: 38px;
}

div.module-selector table.tabpanel tr.tab-row a:link, 
div.module-selector table.tabpanel tr.tab-row a:visited {
    float: left; 
    padding: 3px 15px 0px;
    line-height: 43px;
    color: #fefefe;
}

div.module-selector table.tabpanel tr.tab-row td.selected a:link, 
div.module-selector table.tabpanel tr.tab-row a:visited.active {
    float: left; 
    color: #aaaaaa; 
    background-color: #1e1e2f; 
}

div.module-selector table.tabpanel tr.tab-row a:hover { background: #1e1e2f; }

div.module-selector table.menu-right { float: right; }
div.module-selector table.menu-right td { 
    padding: 0px 15px 0px; 
    line-height: 43px;
}

div.module-selector table.menu-right div.menu-item a {
    color: #aaaaaa; 
}

div.module-selector table.menu-right div.menu-item img {
    margin-top: 6px; background-color: #ffffff; padding: 5px; border-radius: 3px;
}

div.module-panel { width: 100%; background: none #1e1e2f; padding-top: 1px; color: #aaaaaa;}
div.module-panel input, select {background: #1e1e2f; color: white; border-style: solid; border-width: 1px; border-color: #888888}

div.viewport-and-actions { margin-top: 20px; margin-bottom: 5px; padding: 5px; }
div.viewport { float: left; margin-right: 40px; }
img.hourglass { float: left; margin-left: 20%; }
div.actions { text-align: right; }



table.search-table { width:100%; white-space: nowrap; background-color: #373A51; color: white;}
table.search-table th { background-color: #373a51; color: white; width: 20px; height: 20px; text-align: left; }
table.search-table tr td { padding-bottom: 4px; }
table.search-table tr.search-table-footer { height: 40px; }
table.search-table tr.search-table-footer td.buttonPanel{ text-align: right; }
table.search-table tr.search-table-extended { background-color: #51557E; }
table.search-table tr.search-table-extended td { padding-top: 5px; padding-bottom: 5px;}
table.search-table span.toggle-text { vertical-align: middle; }
table.search-table div.search-header { text-decoration: underline; }
table.search-table .yui-skin-sam div.calheader { width: 14em; }
table.search-table .search-table-footer td { padding-bottom: 3px;}
table.search-table .search-table-extended td { padding-bottom: 3px;}

table.search-table tr th:first-child>div, 
table.search-table tr td:first-child>div, 
table.search-table tr td:first-child>select { margin-left: 10px; }

table.search-table .search-header {margin-bottom: 3px;}

/*
    table.search-table

table.search-table { border-color: #000000; width:100%; white-space: nowrap; background-color: #373a51; color: #ddd }
table.search-table th { background-color: #373a51; color: white; width: 20px; height: 20px; text-align: left; height: 30px;}
table.search-table input, select { background-color: #1e1e2f; color: white; border-style: solid; border-color: #888888; }
table.search-table tr { vertical-align: middle;}
table.search-table tr td{ padding-left: 11px;}
table.search-table tr.search-table-footer { height: 30px; }
table.search-table tr.search-table-footer td.buttonPanel{ text-align: right; }
table.search-table tr.search-table-extended { background-color: #51557e; margin-top: 10px;}
table.search-table tr.search-table-extended td { padding-top: 5px; padding-bottom: 5px;}
table.search-table span.toggle-text { vertical-align: middle; }
table.search-table div.search-header { text-decoration: underline; padding-bottom: 4px; padding-top: 4px; }
table.search-table .yui-skin-sam div.calheader { width: 14em; }
table.search-table .search-table-footer button { margin-left: 5px;}
table.search-table .search-table-extended td { padding-bottom: 3px;}
tr.search-table-extended div.search-header { padding-top: 5px; padding-bottom: 2px; }
table.search-table .modality input, select { margin-bottom: 10px; }
.td-show-extended { text-align: right; font-weight: bold; }
.td-show-extended, .td-show-extended img {vertical-align: bottom;}
td.queryType div { margin-top: 10px; }

/*
    table.content-table
*/
table.content-table { border: thin; border-width: 1px; border-style: solid; border-color: #aaaaaa; border-collapse: collapse; empty-cells: show; width:100%; white-space: nowrap; background-color: #FFFFFF; }
table.content-table th { background-color: #313348; width: 20px; height: 30px; text-align: left; }
table.content-table tr { background-color: #484C70; color: #E2E2E2;; height: 25px; width: auto; border: thin; border-width: 1px; border-style: solid; border-color: #737373; }
table.content-table tr.odd { background-color: #555555; color: #E2E2E2;}
table.content-table tr.even { background-color: #2d2d2d; color: #E2E2E2;}
table.content-table tr td.expand { width: 21px; border: thin; border-left-width: 1px; border-left-style: solid; border-left-color: #AAAAAA; }
table.content-table tr td.action { text-align: center; }
table.content-table tr th, table.content-table tr td { padding-left: 10px; padding-right: 10px; }

/*
    table.folded-table
*/
table.folded-table { border: thin; border-width: 1px; border-style: solid; border-color: #868686; border-collapse: collapse; empty-cells: show; width:100%; white-space: nowrap; background-color: #FFFFFF; }
table.folded-table tr { height: 25px; width: auto; border: thin; border-width: 1px 1px 0px; border-style: solid; border-color: #868686; height: 30px;vertical-align: middle;}
table.folded-table tr.expand td.expand, 
table.folded-table tr.study td.expand, 
table.folded-table tr.pps td.expand, 
table.folded-table tr.series td.expand, 
table.folded-table tr.instance td.expand,
table.folded-table tr.patient td.expand { width: 21px; border: thin; border-left-width: 1px; border-left-style: solid; border-left-color: #868686; vertical-align: top;padding-top: 7px;}
table.folded-table tr.file { background-color: #E1E0DE; color:  #151515; }
table.folded-table tr.instance { background-color: #D6D5A8; color: #151515; }
table.folded-table tr.instance_selected { background-color: orange; color:#151515;}
table.folded-table tr.series { background-color: #c9b5d9; color: black; }
table.folded-table tr.series_selected { background-color: orange; color:#151515;}
table.folded-table tr.pps { background-color: #816797;  color:#151515;}
table.folded-table tr.pps_selected { background-color: orange; color:#151515;}
table.folded-table tr.study { background-color: #51557E; color: #FFFFFF;/*! height: 0px; */}
table.folded-table tr.study_selected { background-color: orange; color:#151515;}
table.folded-table tr.patient { background-color: #373A51; color: #ddd; }
table.folded-table tr.patient_selected { background-color: orange; color:#151515;}
table.folded-table tr.expand { background-color: #444444; color: white; }

div.dicomobjectpanel { border: thin; border-width: 1px; border-style: inset; border-color: #868686; }
table.dicomobject {background: #3d3b47; color: #fff; width: 100%; }

.invalid { background: #ca6801; }

.msgWindow { background-color: #1e1e2f; color: white; width: 100% ; height: 100%; text-align: center;}
.msgWindow a:link { text-decoration:none; font-weight:bold; color:#000000; }
.msgWindow a:visited { text-decoration:none; font-weight:bold; color:#000000; }
.msgWindow_header { background-color: #51557E; color: black;}
.msgWindow_content { height: 63%; width: 90%;position: absolute; left: 5%; top: 40px; }
.msgWindow-msg { width:90%; position: absolute; left: 5%; top: 45%; }
.msgWindow-button { width: 50%; position: absolute; left: 25%; top: 80%; }

.confirmWindow { background-color: #373A51; color: white; width: 100% ; height: 100%; text-align: center;}
.confirmWindow_msg { padding: 10px; margin: 0 0 0.7em;}
.confirmWindow_remark { padding: 10px; margin: 0 0 0.7em; color:#ff7777; }
.confirmWindow-button { padding-bottom: 25px;}

div.movePage-msg {color: #ffffff; }
div.movePage-previewOrigin {color: #bbbbbb; }
div.movePage-previewDest {color: #bbbbbb; }
div.edit-title {margin-bottom: 9px;}
div.edit-content div.edit-table-panel { width: 100%; }
div.edit-table-panel div.edit-table-row { float: left; width: 100%; background: #51557E; color: #fff;height: 30px; }
div.edit-table-panel .edit-desc { border: none; float: left; text-align: right; vertical-align: middle; margin: 2px 6px 0px; width: 50%; }
div.edit-table-panel .edit-value { float: left; text-align: left; vertical-align: middle; margin: 2px 6px 0px; width: auto; }
.edit-attrname { border: none; float: left; text-align: left; vertical-align: middle; margin: 2px 6px 0px; width: 50%;}
div.edit-buttons { background: none #313348; width: 100%; height: 30px; text-align: center; vertical-align: middle; float: left; padding: 5px;}
div.edit-buttons input { background-color: #444444; margin-top: 3px; color: black; border-top-color: #666666; border-left-color: #666666;  border-bottom-color: #222222; border-right-color: #222222; }

div.module-panel div.edit-title { margin-bottom: 9px; margin-top: 50px; }

div.mpps-info { background-color: #373A51; color: #aaaaaa; }
div.filesystem, div.dashboard { color: black; }
div.dashboard-report { color: #aaaaaa; }

div.imageSelectWindow { background-color: #111111; color: #aaaaaa; }

table.search-table input.IE_DEFAULT_SUBMIT {color: #444444; background-color: #444444; border: none; width: 1px; height: 1px; }

div.imageSelectWindow div.msgWindow_header { background-color: #373A51; color: #eeeeee; padding: 5px}
div.imageSelectWindow table.folded-table tr { background-color: #111111; color: #eeeeee; }
div.imageSelectWindow table.folded-table tr.series { background-color: #51557E; color: black; }
div.imageSelectWindow table.folded-table td.imageSelect{ background-color: #111111; color: #aaaaaa; }

div.w_content_container {background-color: #1e1e2f;}

.longText { max-width: 300px; overflow: hidden; white-space: nowrap; }

.export_succeed {color: white !important; background: none #146f14 !important;}
.export_running {color: black !important; background: none white !important;}
.export_failed {color: white !important; background-color: #8C1515 !important;}
.export_nop {color: white !important; background: none white !important; }

.signin-btn {
    background-image: linear-gradient(#f7f8fa ,#e7e9ec);
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
    box-sizing: border-box;
    color: #0f1111;
    cursor: pointer;
    display: inline-block;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    height: 29px;
    font-size: 13px;
    outline: 0;
    overflow: hidden;
    padding: 0 11px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    padding-top: 5px;
}
.signin-btn:active { border-bottom-color: #a2a6ac; }
.signin-btn:active:hover { border-bottom-color: #a2a6ac; }
.signin-btn:hover { border-color: #a2a6ac #979aa1 #82858a; }
.signin-btn:focus { border-color: #e77600; box-shadow: rgba(228, 121, 17, .5) 0 0 3px 2px; outline: 0;}

.weasis-dl { background-color: #373A51; margin-top: 40px; width: 100%; height: 150px; }
.weasis-dl table { margin-left: auto; margin-right: auto; }
.weasis-dl table td { padding: 10px; }

/* bigSearchButton */ 
.search-table>th>button { border: 0px; box-shadow: none; }
.search-table>tbody { border-style: hidden; }

.ae-dicom-echo { background: #2b2d40; }

.calweekdaycell { color: white !important; }