/*
This CSS file is shared between External and Internal EMS applications

1.      -   FRAMEWORK
1.1    -   Initialize
1.2    -   General Settings
1.3    -   Typography
1.4    -   Icons
1.5    -   Navigation
1.6    -   Forms & Tables
1.7    -   Modals
1.8    -   Buttons
1.9    -   Panels

2.      -   THEME
2.1    -   General
2.2    -   Header
2.3    -   Footer
2.4    -   Page Classification
2.5    -   Search Bar
2.6    -   Bulk Upload

3.      -   TEMPLATES
3.1    -   Landing Page / Login
3.2    -   Dashboard
3.3    -   Logout / Session Management
3.4    -   Submission Form
3.5    -   Triage
3.6    -   Registration / Profile / Reregistration
3.7    -   API Management
3.8    -   Logs
3.9    -   Agencies
3.10  -   Metrics
3.11  -   User Accounts

4.      -   CUSTOMS
4.1    -   Submission History
4.2    -   Timeout Message
4.3    -   Responsive Fixes
4.4    -   Custom - input

7.      -   ADDITIONAL QUERIES
7.1    -   @media print
*/

/*  1.1  -  Initialize
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {background:#FFF;color:#444;font:100% "Questrial", Helvetica, Arial, sans-serif;font-size:11pt;font-weight:normal;line-height:1.5em;margin:0;padding:0}

/*  1.2 -  General Settings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.btn {border-radius:0px}
.word-break {word-break: break-all;}
a {cursor:pointer;}

/*  1.3 -  Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@font-face {
    font-family: 'Novecentowide-Bold';
    src:url('../vendor/css/fonts/novecentowide-bold.eot');
    src:url('../vendor/css/fonts/novecentowide-bold.eot?#iefix') format('embedded-opentype'),
    url('../vendor/css/fonts/novecentowide-bold.woff') format('woff'),
    url('../vendor/css/fonts/novecentowide-bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.novecento {
    font-family:"Novecentowide-Bold", Helvetica, Arial, sans-serif;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
@font-face {
    font-family:'Questrial';
    src:url('../vendor/css/fonts/questrial.ttf');
    src:url('../vendor/css/fonts/questrial.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.questrial {
    font-family:"Questrial", Helvetica, Arial, sans-serif;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

table .entypo {font-size:1.8em;top:0;left:0px; margin:0;line-height:.5; vertical-align:middle}
.uppercase {text-transform:uppercase}

/*  1.4 -  Icons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.dropdown-menu .fa {font-size:19px;margin:8px 5px 8px 0;position:relative;right:4px}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.virus_total_icon {
    height: 20px;
    width: 20px;
}
/*  1.5 -  Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {border:none;margin:0;min-height:30px}
.navbar-dc3 {background:#701718;margin:0;padding:0}
.navbar-dc3 .navbar-nav > li > button { background: transparent; border-width: 0em;}
.navbar-dc3 .navbar-nav > li > a, .navbar-dc3 .navbar-nav > li > button {color: #FFF;font-size:12px;text-transform:uppercase}
.navbar-dc3 .navbar-nav > li > a:hover, .navbar-dc3 .navbar-nav > li > a:focus, .navbar-dc3 .navbar-nav > li > button:hover, .navbar-dc3 .navbar-nav > li > button:focus {background-color:rgba(33,33,33,0.5);color: #FFF;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.navbar-dc3 .navbar-nav > .active > a, .navbar-dc3 .navbar-nav > .active > a:hover, .navbar-dc3 .navbar-nav > .active > a:focus, .navbar-dc3 .navbar-nav > .active > button, .navbar-dc3 .navbar-nav > .active > button:hover, .navbar-dc3 .navbar-nav > .active > button:focus {background-color:rgba(33,33,33,0.8);color: #FFF}
.nav > li.demi > a, .nav > li.demi > button {padding:7px 25px}
a.navbar-brand {padding:7px 25px;height:30px}
a.navbar-brand:link {color:#FFF}
a.navbar-brand:visited {color:#FFF}
.navbar-inverse .navbar-brand:hover {color:#9CC7DE}
.navbar-inverse .navbar-brand:active {color:#E97E83}
.navbar-inverse .navbar-toggle {border-color:#FFF}
.sub-nav-item { margin:2px 0;}
.sub-nav-item .fa-2x {  line-height: 0.65em}
.sub-nav-item:last-child { margin:2px 0; border:none; }
.sub-nav a {padding:1em 0em 1em 1em;display:inline-block; width:100%}
.sub-nav a:link {color:#999;text-decoration:none;border-radius:6px;}
.sub-nav a:visited {background:#f2f2f2; color:#999;text-decoration:none}
.sub-nav a:hover {background:rgba(0,60,95,0.4);color:#FFF;text-decoration:none}
.sub-nav a:active {background:rgba(0,60,95,0.6); color:#FFF;text-decoration:none}
.sub-nav .current a {background:rgba(0,60,95,0.7); color:#FFF;}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {border-color: #DDD}
.submenu a:hover {background:rgba(0, 120, 255, 0.2);text-decoration:none}
#filter {border-radius:0px}
.toolbar {background:rgba(33, 33, 33, 0.1); padding:12px 0; border-radius:6px;}

@media (min-width:1200px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {
    .nav > li > a {padding:15px 25px}
    .nav > li.petite > a {padding:15px 25px}
    .nav > li.demi > a {padding:15px 25px}
}
@media (max-width: 767px) {

}

/*  1.6 -  Forms & Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
thead {color:#333;}
thead span.entypo {color:#F30}
thead span.entypo-arrow-combo {color:#CCC}
#dns-results th:hover {background:rgba(33, 33, 33, 0.1)}
.sortactive {background:rgba(33, 33, 33, 0.2)}
#item-view th {border-bottom:none;text-align:center}
#item-view td {padding:2em 1em}
#item-view td.preview {padding:5px 2px}
tbody.amr {text-align:left}
.ng-table th.sortable .sort-indicator{padding-right:18px;position:relative;white-space:nowrap}
#exam-table th, #log-table th, #exam-table td:first-child {white-space:nowrap}
.table-classification > td  {color:#000;padding:5px 0;text-align:center!important;text-transform:uppercase}
.table-secret {background:#C00}
.table-fisa-warning {border:#DDD solid 1px;color:#000;padding:10px 30px;text-align:left}
stable a:visited {color:#3983A0}
table a:hover {color:#428BCA}
stable a:active {color:#C3C}
@-moz-document url-prefix() {
    fieldset { display:table-cell; }
}
#show-data, #classifications {padding-bottom:10px}
#show-data input[type="checkbox"] {margin:0 0 0 10px}
#classifications input[type="checkbox"] {margin:0 10px 0 0}
input[type="checkbox"] {cursor:pointer}

#relevance-add textarea, #relevance-edit textarea {resize:vertical}
.text-really-long {white-space:pre-wrap!important;word-break:break-all!important}
.break-all {word-break:break-all!important}
.required {color:#900;}

.hint.required {padding-top:10px;}
.form-actions {border-top:#CCC solid 1px;margin-bottom:0;padding:12px 10px 0;}

tr.clickable:hover {background:rgba(141,192,219,.25)}
.action-button {float:right}
.ng-table th {text-align:left!important}


/*  1.7 -  Modals
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.modal-body {padding:10px 40px;position:relative;overflow-wrap:anywhere;}
.modal-dialog {margin-bottom:100px!important;top:30px;width:800px;}
.modal-lg .modal-title {padding-left:15px}
.modal-lg .modal-body {max-height:500px;overflow:auto;padding-left:30px;padding-right:30px}
.modal-2x {width:75%}
.modal-xl {width:95%;height:90%}
.modal-xl .modal-body {max-height:80vh;overflow:auto;padding-left:30px;padding-right:30px}
.submission-textarea {max-height:188px}

/*  1.8 -  Buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.btn-file { position:relative; overflow:hidden }
.btn-file input[type=file] {position:absolute;top:-10px;right:0;min-height:100%;min-width:100%;font-size:27px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:none;cursor:inherit}
input[readonly] { background-color:white!important; cursor:text!important }
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spinw {
    from { -webkit-transform: scale(1) rotate(0deg); }
    to { -webkit-transform: scale(1) rotate(360deg); }
}

@-moz-keyframes spinm {
    from { -moz-transform: scale(1) rotate(0deg); }
    to { -moz-transform: scale(1) rotate(360deg); }
}

.btn-group-addon:disabled {
    color: rgb(85, 85, 85);
    background-color: rgb(238, 238, 238);
    opacity:1.0;
}
.btn-reportable {
    color: #000;
    background-color: #f49b9e;
    border-color: #db8b8e;
}
.btn-reportable:hover,
.btn-reportable:focus,
.btn-reportable:active,
.btn-reportable.active,
.open .dropdown-toggle.btn-reportable {
    color:#900;
    background-color: #db8b8e;
    border-color: #c57d80;
}
.btn-reportable:active,
.btn-reportable.active,
.open .dropdown-toggle.btn-reportable {
    background-image: none;
}
.btn-reportable.disabled,
.btn-reportable[disabled],
fieldset[disabled] .btn-reportable,
.btn-reportable.disabled:hover,
.btn-reportable[disabled]:hover,
fieldset[disabled] .btn-reportable:hover,
.btn-reportable.disabled:focus,
.btn-reportable[disabled]:focus,
fieldset[disabled] .btn-reportable:focus,
.btn-reportable.disabled:active,
.btn-reportable[disabled]:active,
fieldset[disabled] .btn-reportable:active,
.btn-reportable.disabled.active,
.btn-reportable[disabled].active,
fieldset[disabled] .btn-reportable.active {
    background-color: #f49b9e;
    border-color: #db8b8e;
    color:#900;
    opacity:1.0;
}
.btn-added {
    color:#222;
    background-color:rgba(4, 141, 34, 0.3);
    border-color:rgba(4, 141, 34, 0.4);
}
.btn-added:hover,
.btn-added:focus,
.btn-added:active,
.btn-added.active,
.open .dropdown-toggle.btn-added {
    color:rgb(4, 141, 34);
    background-color:rgba(4, 141, 34, 0.4);
    border-color:rgba(4, 141, 34, 0.6);
}
.btn-added:active,
.btn-added.active,
.open .dropdown-toggle.btn-added {
    background-image: none;
}
.btn-added.disabled,
.btn-added[disabled],
fieldset[disabled] .btn-added,
.btn-added.disabled:hover,
.btn-added[disabled]:hover,
fieldset[disabled] .btn-added:hover,
.btn-added.disabled:focus,
.btn-added[disabled]:focus,
fieldset[disabled] .btn-added:focus,
.btn-added.disabled:active,
.btn-added[disabled]:active,
fieldset[disabled] .btn-added:active,
.btn-added.disabled.active,
.btn-added[disabled].active,
fieldset[disabled] .btn-added.active {
    background-color: #f49b9e;
    border-color: #db8b8e;
    color:#900;
    opacity:1.0;
}
.btn-checkbox {margin:0 4px 0 0;border-radius:5px}
.onbehalfof-btns {margin-top:5px}
.onbehalfof-btns #optionsOnBehalfOf2 { margin-left: 31px}
.highpriority-btns {margin-top:5px}
.highpriority-btns #optionsHighPriority2 { margin-left: 31px}
.requesttype-btns {margin-top:5px}
.requesttype-btns #optionsExamtype2 { margin-left: 20px}

.dropdown-menu > li.dropdown-category {clear:both;color:#333;display:block;padding:3px 20px;white-space:nowrap}
.dropdown-menu > li > a:hover {
    background-color:#bbbbbb;
    background-image: none;
}
.summary-link {padding:0px 20px;}
.outline-focus:focus {outline: 5px auto -webkit-focus-ring-color;}

.collapsible-item {color:#444}

.left-text {text-align: left !important;}
/*  1.9 - Panels
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.panel-form-title{
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit
}
.panel-form-title > small {
    color: #444;
}
.panel-title {
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit;
    line-height: 1.5;
}
.panel-title > .btn {
    line-height: 1;
}
.alert-hover {
    color: #a94442;
}
.panel-exam-types h4 {font-size:17px;border-bottom:#CCC solid 1px;}
.expand-button {
    background: none;
    border: none;
}



/*  2.1 - General
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-content {margin-top:2em;margin-bottom:6em;}
.page-header {border-bottom:1px solid #EEE;margin:0 0 10px;padding-bottom:0}
.page-header button.btn {line-height:1;}
.outline {border:#F00 solid 1px}
.no-borders {border:none !important}
.top {top:0}
.bottom {bottom:0}
.yellow {background:#FF0}
.blue {color:#428BCA}
.fix-padding {padding-top:25px}
.hint {font-size:9pt;margin:0 0 0 5px}
.hint.error {color:#EB0000 !important}
.error {color:#900}
.all-good {color:#008a00}
.no-report, .no-report a:link {color:#900}
.progress {height:25px}
.progress-bar {line-height:25px}
.media-control {color:rgba(33, 33, 33, 0.8);font-size:10em;left:45%;position:absolute;top:33%}
a .media-control:hover {color:#fff}
.pagination > .disabled > a {color: #767676 !important;}
.remove {background-color: #CE4844;}
.blue-on-grey {color: #2D6FA9;}
.blue-on-white {color: #317ab9;}
.blue-on--dark-grey {color: #2D74B1;}
.blue-on-yellow {color: #2f76b3;}
.blue-on-blue {color: #2E6CA3;}
.dark-grey {color: #444;}

.ag-lite {background-color:rgba(240, 239, 237, 1.0)}
.med-grayish-brown {background-color:rgba(144, 137, 127, 0.5)}
.no-report {background-color:rgb(244, 155, 158)}
.cancel { background-color:#CCC; color:#666; margin-right:5px}
.take-action {background-color:rgb(240, 88, 43); color:#FFF}
.added {background-color:#a4d8ad}
.no-wrap {white-space:nowrap}
.spinner-small {font-size:12pt;}
.loading {font-size:24px;text-align:center}
.growl-container {overflow-wrap: break-word}
.btn-success { background-color: #2c882c !important; }
.btn-danger { background-color: #ce4844 !important; }

.growl-item button.close { opacity: 1!important;}
.growl-message p a[href] { color: #2C679B !important;}
.close:focus {
    color: #000;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    border-radius: 10%;
    padding-left: 2px;
    padding-right: 2px;
    opacity: 1;
}

/*  2.2  -  Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
header, #header.header {background:#003b60;color:#FFF;padding:1em 0 .5em 0}
.acronym {font-size:75pt;letter-spacing:-5px;margin:-15px 0 -5px 4px}
.full-name {left:-63px;padding:1.2em 0 0 0;position:relative}
.ddccc {font-size:16pt;margin:0 2px}
.cyber-center {padding:0;text-align:right;text-transform:uppercase}
.cyber-center h5 {margin:0;padding:0}
.product {font-size:25pt}
.version {color:rgba(255,255,255,0.7);font-size:14pt}
.db-name {color:rgba(255,255,255,0.7);font-size:10pt;text-transform:none}
header a:link {color:#FFF;text-decoration:none}
header a:visited {color:#FFF;text-decoration:none}
header a:hover {color:#9CC7DE;text-decoration:none}
header a:active {color:#E97E83;text-decoration:none}
.seal {height:90px;width:134px; margin-top: 10px;}
@media (min-width: 1728px) {
    .identity {margin-left:-100px}
    .full-name {left:-220px}
}
@media (min-width: 1568px) and (max-width: 1727px) {
    .identity {margin-left:-64px}
    .full-name {left:-167px}
}
@media (min-width: 1392px) and (max-width: 1567px) {
    .identity {margin-left:-52px}
    .full-name {left:-135px}
}
@media (min-width: 1200px)  and (max-width: 1391px) { }
@media (min-width: 992px) and (max-width: 1199px) {
    header, #header.header {padding:1em 0}
    .seal img {height:90px;width:134px}
    .identity {padding:2em 0 0 2em;}
    .acronym {font-size:69pt;margin:-35px 0}
    .full-name {left:-18px;padding:1em 0 0 0}
    .product {font-size:21pt}
}
@media (min-width: 768px) and (max-width: 991px) {
    #header.header {padding:.5em 0}
    .seal img {height:80px;width:120px}
    .identity {padding: 1.4em 0 0 2.8em}
    .full-name {left:15px;padding:1.9em 0 0 0}
    .acronym {font-size:59pt}
    .ddccc {font-size:13pt}
    .cyber-center h5 {font-size:9pt}
    .product {font-size:17pt}
}
@media (max-width: 767px) {
    header, #header.header {height:68px}
    .row {padding:0}
    .seal {position:absolute;top:28px;left:-8px}
    .seal img {height:50px;width:74px}
    .identity {position:absolute;top:28px;left:39px}
    .acronym {font-size:41pt;letter-spacing:-3px}
    .full-name {display:none;visibility:hidden}
    .cyber-center {position:absolute;top:10px;right:8px;width:230px}
    .cyber-center h5 {font-size:8pt;display:none;visibility:hidden}
    .product {font-size:17pt;position:relative; top:12px}
}


/*  2.3  -  Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {background:#333;bottom:5px;color:#FFF;left:0;padding:5px 15px 10px;position:fixed;right:0;z-index:3}
#footer a {color:#CCC;}
#footer a:link {color:#CCC}
#footer a:hover {color:#FFF}
#footer a:active {color:#FFF}
.footer-links li {border-right:#999 solid 1px;display:inline;font-size:.8em;padding:0 1em}
.footer-links .dod-ccc {font-size:.9em}
.footer-links .afosi {font-size:.9em}
.footer-link {background:#333; color:#cccccc; border:#333;}

/*  2.4 - Page Classification
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.classification {color:#000;font-size:13px;font-weight:bold;padding:0;position:fixed;text-align:center;width:100%;z-index:12000}
.unclassified {background:#00B400}

/*  2.5 - Search Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.search input {border-radius:0px}

/*  2.6 - Bulk Upload
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#textarea-dns-ip, #textarea-dns-domain, #textarea-domains, #textarea-dns-search-results, #textarea-domains-results {margin:10px 0 0 0;min-height:100px;resize:vertical}
#textarea-dns-search-results, #textarea-domains-results {font-size:21px}
#textarea-domains-results {margin:10px 0}

.file-upload { padding:20px 0px 30px 0px; margin:10px 0 10px 0; }
.file-browse { margin-top:7px}

/*  3.     -  TEMPLATES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*  3.1  -  Landing Page / Login
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.landing-page {background:#EFEFEF;border:#DDD solid 1px;color:#444;margin-top:3em;margin-bottom:0}
.system-info {float:left;padding:6em 5em 5em 8em;width:40%}
.system-access {border-left:#B4B8C5 solid 1px;float:right;margin-bottom:2.2em;margin-top:3.2em;padding:3.5em 7.2em 5em 7.2em;width:60%}
.system-info span.fa {margin-left:39%;margin-right:42%}
.system-info h2 {font-size:23px;font-weight:normal;line-height:1.3;margin-top:5px}

.btn-access {background:#E4E4E4;border-color:#C4C4C4;color:#444;font-size:17px;font-weight:normal;line-height:1.857143;margin-bottom:10px;padding:6px 12px}
.btn-access:hover {background:#223C60;border-color:#223C60;color:#FFF}
.btn-login {background:#223C60;color:#FFF;font-size:15px;line-height:1.857143;padding:4px 32px 4px 24px}
.btn-login:hover {background:#2F3D60;color:#FFF}

.usg-warning {color:#4F4F4F;font-size:.8em;margin:2em 0 1em 0;padding:2em 2em 0 2em}
.maintenance {padding:2em 4em 3em}
.maintenance h2 {margin-bottom:-10px}
.maintenance h3 {line-height:1.5}
.maintenance .fa {color:#666}

@media (max-width: 1391px) {
    .landing-page {margin-top:0}
    .system-info {float:none;margin:0 2em;padding:2em 2em 2em 2em;text-align:center;width:auto}
    .system-access {border:none;border-top:#B4B8C5 solid 1px;float:none;margin:0 2em;padding:2em 2em 2em 2em;width:auto}
    .system-info h1 {font-size:31px;}
    .system-info h3 {font-size:18px;}
    .btn-access {font-size:15px;line-height:1.4857143}
}
@media (min-width: 1392px) and (max-width:1568px) {
    .system-info {padding:6em 3em 6em 5em}
    .system-info h3 {font-size:21px;}
}


/*  3.2  -   Dashboard
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.dashboard {padding-top:20px;}
.dashboard .panel-title {line-height:1.66}


/*  3.3  -   Logout / Session Management
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.session {padding-top:4em;padding-bottom:10em}

/*  3.4  -   Submission Form
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
textarea.form-control {min-height:133px;resize:vertical}
#ExamRequest_Reason, #ExamRequest_Comments, #ExamRequest_Details {min-height:133px;resize:vertical}
.disabled {color:#CCC}
.tooltip-inner {max-width:550px}
.editable-text {margin-bottom:5px}
#ExamRequest_Agree, #ExamRequest_NoContraband {margin:0 7px 0 0; position:relative;bottom:1px;}
.confirm-submission {text-align:center}
.password-list {list-style-type:none;margin-top:10px;margin-left:-40px;}
.password-list a {text-decoration:none;color:#a94442}

/*  3.5  -   Triage Results
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.triage-results {padding-top:2em;padding-bottom:2em}
.page-details {margin:0 0 1em 0}
.page-details a {margin:1em 0 0 0}
.tree-selected {padding:3px 0;}
.tree-li {white-space:nowrap}
.tree-label-selected {background:#900;color:#FFF;border-radius:1px;line-height:22px; font-weight:normal!important}
.tree-li .tree-ul {line-height:20px;padding:0 0 0 10px;position:relative}
.tree-hint {font-size:12px;line-height:16px;}
.tree-hint > .fa-fw {width:.6em}
.panel-file-tree > .panel-heading {padding:15px 0 20px 20px}
.panel-file-tree > .panel-heading > h5 {font-size:15px;margin-top:14px;margin-bottom:2px}
.panel-file-tree .panel-body {max-height:300px;min-height:300px;overflow:scroll}
.panel-triage-results .dropdown-menu {max-height:333px;overflow-y:scroll}
.panel-triage-results .panel-body {max-height:550px;min-height:550px;overflow:scroll;padding: 0 55px 10px 15px}
.panel-triage-results h4 {font-size:20px;margin:25px 0 10px 0;white-space:nowrap;}
.panel-triage-results ul {padding-left:18px;}
.no-results {padding:15px 0 20px 20px}
.no-results > h5 {font-size:15px;margin-top:14px;margin-bottom:2px}
.submission-summary {padding:15px 0 20px 20px}
.submission-summary > h5 {font-size:15px;margin-top:14px;margin-bottom:2px}
.results {border-bottom:none;padding:15px 0 0 15px}
.summary li label {font-weight:bold}
.summary li {white-space:nowrap}
.red{color:#e03136}
.green{color:rgb(19,108,48)}
.orange{color:#bd4a00}
.gray{color:#666}
.tree-table-area{max-height:400px;min-height:140px;overflow-y:auto}
.tag{background-color: white;border: 1px solid #999;color:black}
.label-small {
    font-size:small;
}
.label-medium {
    font-size:medium;
}
.label-large {
    font-size:large;
}
.tree-grid>tbody>tr>td{padding:2px}
.tree-grid th, .tree-grid td {text-align:center}
.tree-grid th:first-child {width:100px}
.tree-grid th:first-child, .tree-grid th:nth-child(2), .tree-grid td:nth-child(2) {text-align:left}
:root .fa-rotate-135 {filter:none}
.fa-rotate-135 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5)";
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.expand-collapse-tree-buttons {position:relative;top:30px}
.active_row {background-color:#f2f2f2}
.button-bar {margin:0 -15px 5px}
.popover {position:fixed;max-width:33%;min-width:240px;}
.av-tag {
    background-color: white;
    border: 1px solid #999;
    border-radius: 15px;
    color: black;
    display: inline-block;
    padding: 3px 10px 2px 5px;
    text-align: center;
    white-space: nowrap;
    margin:3px 3px 0;
    vertical-align: middle;
}
.av-common-name {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-size:smaller;
    padding: 3px 8px;
    background-color: #f9f2f4;
    border-radius: 4px;
    margin-left:5px;
    display: inline-block;
}
.code-like { font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    padding: 3px 8px;
    background-color: #f9f2f4;
    border-radius: 4px;
    margin-left:5px;
    display: inline-block;
    width: calc(100% - 180px - 16px); /* subtract margin and padding */
}
.html-decorated {
    padding: 3px 8px;
    background-color: #d7eff3;
    border-radius: 4px;
    margin-left:5px;
    display: inline-block;
    width: 100%;
}
.preserve-whitespace {
    white-space: pre-wrap;
    word-wrap: break-word;
}
.tree-table-area {border:#CCC solid 1px;padding:0 1em 1em;border-radius: 2px;}

.av-clean {
    background-color:rgb(182,229,189);
    border-color:rgba(47,180,74,.2);
    color:rgb(19,108,48);
}
.av-dirty {
    background-color:rgb(250,199,202);
    border-color:rgba(237,31,36,.1);
    color:rgb(170,12,29);
}
.collapse-box {border:#CCC solid 1px;margin:0 0 1em 0;padding:1em;border-radius: 2px;}
.collapse-box-header {border-bottom:#CCC solid 1px;margin:0 0 10px 0}
.collapse-box-header:hover {cursor:pointer }
.collapse-box-header:hover h3, .collapse-box-header:hover i {color:#337ab7}
.collapse-box-header h3 {margin:0;padding:0 0 5px 0}
.collapse-box-body {overflow-x:auto;overflow-y:auto;max-height:1000px;}
.collapse-box-body dt, .collapse-box-body dd {margin-bottom:1px}
.dl-horizontal dt{
    overflow: visible;
    white-space: normal;
    height:auto;
}
dl {
    margin: 1px
}
.dl-hide-key > dd {
    margin-inline-start: 0px
}

.collapse-box-footer {border-top:#CCC solid 1px; }
.bubble-list-item  {
    border:#36C solid 1px;
    color:#36C;
    display: inline-block;
    min-width: 10px;margin-bottom:3px;
    padding: 4px 10px 3px 10px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 13px;
}

.valuelist-valueitem {
    margin-left:3%
}
.btn-summary {background-color:#F5D584;border-color:rgba(193,176,128,0.5);color:#333;margin:0 4px 0 0}
.btn-summary:hover {background-color:#C9A124;color:#FFF}
.amr-metric {border:#dd3712 solid 1px;border-radius:7px;padding:1px 1px}
.amr-metric i, .amr-metric strong {color:#dd3712}
.dividing-slash {color:#767676}
.global-details {margin:1em 0px;display:flex;align-items:stretch}
.amr-disclaimer {margin-bottom:0;padding:10px 15px 8px}
.amr-disclaimer p br {display:none}
.alert.alert-danger.amr-disclaimer p a {color:#843534;font-weight: 700}
.amr-dropdown { line-height: 20px; text-align: left; display: block;padding: 3px 20px; width: 100%; white-space: nowrap;}
.amr-dropdown:hover { background-color: #bbb;}


/*  3.6  -   Registration / Profile / Re-registration
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Prevent movement of submit buttons in form per issues #407 and #406. */
form[name='account_form'] .form-horizontal, form[name='reregister'] .form-horizontal {margin-left:0 !important;margin-right:0 !important}
form[name='account_form'] .form-group, form[name='reregister'] .form-group {margin-bottom:0 !important;margin-top:0 !important}
form div.validation {height:22px}

/*  3.7  -   API Management
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.panel-group-services .panel-title {cursor:pointer}
.panel-group-services h4 {margin-bottom:0;margin-top:2px}
.create-new-service .form-group {margin-bottom:0}
.create-new-service .form-group-textarea textarea {max-height:276px;min-height:133px;resize:vertical}
.service-description {border-bottom:#CCC solid 1px;margin-bottom:20px;padding-bottom:5px}
.service-description h4 {margin-bottom:2px}
.service-description label.enabled {cursor:pointer}
.service-token h4 {margin-bottom:2px}
.service-users h4 {margin-bottom:2px}
.service-users table.table-bordered>tbody>tr>td {vertical-align:middle}
.service-users table.table-bordered>tbody>tr>td.no-cell-border-left {border-left:none}
.service-users table.table-bordered>tbody>tr>td.no-cell-border-right {border-right:none}
.service-users table.table-bordered>tbody>tr>td input[type=radio] {margin-top:2px}
.btn-user-access {padding: 6px 6px;}
.user-select {width: auto; display: inline-block;}

/*  3.8  -   Logs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.logs-modal-label-width {width:42px}
.logs {word-wrap:break-word;word-break:break-all;overflow-y:scroll;height:480px;overflow-x:hidden;font-family:'Consolas', 'Courier New';font-size:10pt;background-color:#000;color:#AAA;padding:8px;margin:0 0 4px 0}
.logs p {margin:0;padding:0}
.btn-download-log {margin:0 1px 8px 0}
.log-green {color:#58FF58}

/*  3.9  -   Agencies
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.explanation-text {margin:0px 0px 0px 0px;padding:0}
.btn-create-new {margin:0 1px 8px 0}

/*  3.10  -   Metrics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.metrics-validation {padding:6px 20px 0}

/*  3.11  -   User Accounts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.btn-clipboard {margin:8px 0}


/*  4.     -  CUSTOMS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*  4.1 -  Submission History
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.table-legend {display:inline-block;margin:5px 0}
.table-toggles { display:inline-block;margin:5px 0px 5px 0px}
.table-switch {display:inline-block;margin:5px 0}
.table-legend p, .table-toggles p {font-size:11px;margin:0px;display:inline}

.exams {padding:5px 8px;border:#CCC solid 1px}
.malware {background:#F2DEDE; color:#8B1811 }
.malware a:link {color:#8B1811;text-decoration:none;}
.malware a:visited {color:#8B1811;text-decoration:none}
.malware a:hover {color:#333;text-decoration:underline}
.malware a:active {color:#B5605B;text-decoration:none}


.systems {background:#D9EDF7; color:#1B6A93}
.systems a:link {color:#1B6A93;text-decoration:none;}
.systems a:visited {color:#1B6A93;text-decoration:none}
.systems a:hover {color:#333;text-decoration:underline}
.systems a:active {color:#1B6A93;text-decoration:none}


.network {background:#FCF9E2; color:#805416}
.network a:link {color:#805416;text-decoration:none;}
.network a:visited {color:#805416;text-decoration:none}
.network a:hover {color:#333;text-decoration:underline}
.network a:active {color:#805416;text-decoration:none}


.malware-exams span {color:#8B1811}
.network-exams span {color:#805416}
.system-exams span {color:#1B6A93}

tr.clickable {cursor:pointer}
tr.clickable:hover {background:#e2eff6 !important}

.linkify {
    background: none;
    border: none;
}
.linkify:hover {
    text-decoration:underline;
}

ul.modal-pw-list {padding-left: 0; padding-inline-start: 1em;}
ul.modal-pw-list.multicol {
    -moz-column-count: 2;
    -moz-column-gap: 2rem;
    -webkit-column-count: 2;
    -webkit-column-gap: 2rem;
    column-count: 2;
    column-gap: 2rem;
}

/*  4.2 -  Timeout Message
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.timeout {background:#444;border-radius:4px;color:#FFF;filter:alpha(opacity=90);font-size:13px;left:10px;opacity:0.9;position:fixed;padding:2em 2.5em 1em 2em;text-align:center;top:205px;z-index:50000}
.timeout.ng-show {transition: all 0.50s ease-in-out}

/*  4.3 -  Responsive Fixes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (max-width: 767px) {
    .main-content {margin-bottom:14em}
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-content {margin-top:1em}
}
@media (min-width: 1392px) {
    .container {width:1352px;}
}
@media (min-width: 1568px) {
    .container {width:1516px;}
}
@media (min-width: 1728px) {
    .container {width:1700px;}
}
/*  4.4 -  custom input
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
input[type=text].custom-input {
    display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 12px;
    font-size: 14px;
    color: #555;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

input[type=text].form-control {
    display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 12px;
    font-size: 14px;
    color: #555;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

/*  4.5 - Custom grid filter input
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ng-table th.filter input[type=text].input-filter {
    height: 34px;
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #555;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

/*  7.    -  ADDITIONAL QUERIES
/*  7.1 -  @media print
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.no-bullitt {list-style:none}

@media print {
    @page {margin:0;padding:0;size:A3}
    * {background:auto!important;border:0;float:none;margin:0;padding:0;}
    html, body, #container, #header, #container, #article, #article-header, #article-subheader, #footer {background:none;background-color:none;background-image:none;border:none;box-shadow:none;margin:0;padding:0;-moz-box-shadow:none;-webkit-box-shadow:none}
    .container {font-size: x-small; width:100%!important; -webkit-print-color-adjust: exact;}
    #header, #footer, input, select, button, .pill-button, .classification, .breadcrumb, .growlContainer, .growl-container, .expand-collapse-tree-buttons, .fa-caret-square-left, .fa-caret-square-down, .fa-question-circle, .btn, .btn-group, #confirm_export_as_pdf {display:none !important;visibility:hidden !important}
    .table-bordered th, .table-bordered td {border:#444 solid 1px!important}
    .tree-table-area {overflow: unset; max-height: none;}
    .collapse-box {overflow: unset; max-height: none; word-wrap:break-word;}
    .collapse-box-body {overflow: unset !important; max-height: none !important; word-wrap:break-word;}
    .code-like {display: block;}
    .bubble-list-item{word-break: break-all; white-space: normal; word-wrap: break-word; text-align:left; max-width:90%; }
    .print_file_header {text-align: center;background: #003b60 !important; color:white !important}
    .bubble-list-item{
        font-size: 75%;
    }

    .pdf-header {
        text-align: center;
    }
}

.searchRow {
    display: inline-block;
}

.searchRow > .btn {
    vertical-align: top;
}

#searchForm {
    display: inline-block;
}

.search-control {
    display: inline-block;
    width: 120px;
    height: 34px;
    margin: 0;
    font-size: 14px;
    color: #555;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

input[type=text].search-input {
    display: inline-block;
    width: 400px;
    height: 34px;
    margin: 0;
    padding: 12px;
    font-size: 14px;
    color: #555;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.searchRow > label {
    margin: 6px
}

.search-date {
    background-color: #f0f0f0;
    padding-left: 5px;
    padding-right: 5px;
}

/* Table Pagination and Table Count Reorder */
.ng-table-counts {
    float: left !important;
}
.ng-table-pagination {
    float: right !important;
}

.ssdeepHint {
    display: inline-block;
}

.ssdeepThreshold {
    float: right;
    width: 260px;
}

form > input.ssdeepField {
    display: inline-block;
    width: 165px;
    height: 34px;
    margin: 0;
    padding: 12px;
    font-size: 14px;
    color: #555;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}