html, body {
  height: 100%;
}

a {
	color: #0077c0;
	text-decoration: none !important;
}
a:hover, a:visited{
	color: #00377C;
}


.target-blank a::after {
  content: url(../images/icons/target-blank.png);
  vertical-align: middle;
}

.max-height {
	height: 100%;
}

.x-grid3-viewport {
   border: 1px solid #D2D2D2;
   height: 98%
 }

.sd-grid-noborder .x-panel-body {
	border: 0;
}

.sd-grid-border .x-window-body, .sd-grid-border .x-panel-body {
	border: 1px solid #D2D2D2 !important;
}

/* Login */
body {
	background: url('../images/Stormshield-Triangulation.png'), linear-gradient(to top, #00377c, #1fade4);
  background-repeat: no-repeat;
  background-position-y: center;
}

.login-logo {
    margin-bottom: 10px;
}

.exceptedbtn.x-btn {
    background-color: #0077c0;
}
.exceptedbtn .x-btn-text {
    color: #fff;
}

/* login expected button */
.btnConnexion.x-btn {
    background-color: #0077c0;
}
.btnConnexion .x-btn-text {
    color: #fff;
}


.btn-politconfid {
	background-color: transparent;
	margin-top: 4px;
}

/* Header */
.header-box {
	padding: 5px;
}

.header-logo {
  background-image: url('../images/software-logo/MyStormshield-logo.png'), linear-gradient(to right, #00377C, #7dbdff 50%);
  background-repeat: no-repeat;
	background-position: 20px 18px, center;
  height: 70px;
  width: 100%;
}
@media (max-width: 1180px) {
.header-logo {
  background-image: url('../images/software-logo/MyStormshield-logo.png');
  background-position: 20px 3px;
  background-color: #7dbdff;
}
}
.header-logo .x-box-inner {
	height: 100% !important;
}

.header-config-box {
	color:  #666;
	height: 70px;
}

.header-config-item {
	width: 100% !important;
}

/*  Main */
#TabPanel-main {
  padding-bottom: 15px !important;
  overflow: auto;
}
#TabPanel-main > .x-tab-panel-header {
	margin-top: 8px;
	border: 0;
}
#TabPanel-main .x-panel-bwrap > .x-panel-body {
	border: 0;
}
 #TabPanel-main > .x-tab-panel-header .x-tab-strip span.x-tab-strip-text {
	font-size: 13px;
}


/* Widgets */
.x-portlet .x-panel-header {
  background-color: #D9E4EE;
  color: #00377C;
  padding-left: 5px;
  padding-right: 5px;
}
.x-portlet .x-panel-tl, .x-portlet .x-panel-ml {
  padding-left: 0 !important;
}
.x-portlet .x-panel-mc {
  padding-top: 0 !important;
}
.x-portlet .x-panel-tr {
  padding-right: 6px !important;
}

#newsframe {
  background-color: #F5F5F5;
}
/* DL Page */
.latest {
    color: #0077c0;
    font-size: 18px;
		font-weight: bold;
    padding: 3px 7px;
    text-align: left;
    border-bottom: 2px solid #0077C0;
}

/**/
.ext-el-mask {
    background-color: #D9E4EE;
}
.ext-el-mask-msg div {
    background-color: #F5F5F5;
    border-color:#a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}
.x-mask-loading div {
    background-color:#c3daf9;
    background-image:url(../images/default/grid/loading.gif);
}

.search {

}

/* Module Infogérence */
#infogerance1 > .x-panel-header, #infogerance2 > .x-panel-header, #infogerance3 .x-panel-header {
  background-color: #D9E4EE;
  color: #00377C;
  padding-left: 5px;
}

/* Wizard Initial connexion */
.wizardInitialConnexion #titlepanel font {
  color: #0077C0;
  text-transform: uppercase;
  font-size: 14px;
}
.wizardInitialConnexion #titlepanel3 .x-panel-mc {
    padding-top: 0;
}
.wizardInitialConnexion .x-window-mc {
  border: 0;
}
#titlepanel3 {
  padding-bottom: 18px;
}



/* navigation */

.navigation  {
	box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.2);
}

.navigation .x-panel-header {
	background-color: #B2C9DE;
}

.navigation .x-tree-node a span {
	color: #5A5A5A;
	font-size: 12px;
}

.nav-title span, .nav-subtitle span {
	text-transform: uppercase;
	font-weight: bold;
	cursor : default;
}

.navigation .x-tree-node-icon,
.navigation .x-tree-ec-icon,
.navigation .x-tree-elbow-line,
.navigation .x-tree-node-indent {
	display: none;
}

.nav-title, .nav-subtitle, .nav-item {
	height: 20px;
	line-height: 21px;
	padding-left: 25px;
}

.nav-title ~ ul {
	padding: 5px 0;
}

.nav-subtitle {
    margin: 5px 0;
}

.nav-title, .nav-title.x-tree-node-over, .nav-title.x-tree-node-selected {
	background-color: #D9E4EE;
	cursor : default;
}

.nav-subtitle, .nav-subtitle.x-tree-node-over, .nav-subtitle.x-tree-node-selected  {
	cursor : default;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	background-color: transparent !important;
}

/******general*******/
.x-tree-ec-icon {
	display: none !important;
}


/**********header bouttons******************/
.header-logo .x-btn button {
  font: 14px arial, tahoma, verdana, helvetica;
  font-weight: bold;
}

.header-logo .x-btn-ml {
	background-image: none;
}

.header-logo .x-btn-tc {
	background-image: none;
}

.header-logo .x-btn-mc {
	background-image: none;
}

.header-logo .x-btn-mr {
	background-image: none;
}

.header-logo .x-btn-bc {
	background-image: none;
}

.header-logo .x-btn-tl {
	background-image: none;
}

.header-logo .x-btn-br {
	background-image: none;
}

.header-logo .x-btn-bl {
	background-image: none;
}

.header-logo .x-btn-tr {
	background-image: none;
}

.header-button {
	margin-top: 40px;
	background-color: transparent;
	padding: 0 10px;
}

.header-button .x-btn-text {
	font-weight: bold;
	color: #00377C;
}



/* Required by the error views. */
DIV.debug-frame {
  background: #FFCC66;
  border:     solid #FF9900 3px;
  padding:    10px;
}
DIV[class~=debug-frame] > STRONG {
  font-size:       30px;
  font-style:      italic;
  font-weight:     bold;
}
DIV[class~=debug-frame] PRE {
  margin-left: 20px;
}
DIV[class~=debug-frame] DL {
  margin-left: 20px;
}
DIV[class~=debug-frame] DT {
  font-weight: bold;
}

/* Required by Netasq.mask*(), js/core.js. */
DIV[class~=mask] * {
  cursor:         default;
  vertical-align: middle;
}
DIV[class~=mask] IMG {
  margin-right: 10px;
}

/* Required by BubbleBox, js/BubbleBox.js. */
DIV[class~=bubble-box] EM {
  font-style: italic;
}
DIV[class~=bubble-box] STRONG {
  font-size:   15px;
  font-weight: bold;
}
DIV[class~=bubble-box] IMG {
  padding-right: 5px;
}

/* Message box content */
DIV[class~=ext-mb-content] UL {
  margin-left: 10px;
}
DIV[class~=ext-mb-content] LI {
  list-style-type: disc;
  margin:          10px 0px 0px 10px;
}

DIV.post-it {
  background-color: rgb(234, 241, 144); /* yellow */
  padding:          5px;
  text-align:       right;
}
DIV[class~=post-it] DIV {
  background-color: rgb(234, 241, 144); /* yellow */
}

SPAN.message.error {
  color:       red;
  font-weight: bold;
}

SPAN.message.success {
  color: green;
}

SPAN[class~=ext-mb-text] STRONG {
  font-style:  italic;
  font-weight: bold;
}

DIV[class~=x-combo-list-item] STRONG {
  font-weight: bold;
  color:       black;
}

DIV[class~=x-combo-list-item] EM {
  font-style: italic;
}

.info
{
  background-image: url('../images/icons/information.png');
}

.text-align-right
{
  text-align: right;
}

DIV.x-window.backup-compat DIV.x-window-body
{
  overflow: scroll;
}

IMG.auto-backup
{
  padding-right:  5px;
  vertical-align: middle;
}

EM.auto-backup
{
  font-style: italic;
}

/* Used by FirmwareBrowser. */
.sns-firmware DIV
{
  font-weight: bold;
}

/* About Stormshield *********************************************************/

#about-stormshield
{
  /*color:      #465baa;*/
  color:       #4aafe5;
  font-size:   14px;
  font-weight: bold;
  padding:     5px 10px 20px 0px;
  text-align:  right;
}

#about-stormshield-tt
{
  border:     0px;
  font:       normal 12px tahoma, arial, helvetica, sans-serif;
  margin:     0px;
  padding:    0px;
  width:      100%;
}

#about-stormshield-tt H2
{
  font-size:   12px;
  font-weight: bold;
  padding:     0px 10px 10px 10px;
}

#about-stormshield-tt P
{
  text-align: justify;
  padding:    10px;
}

.x-form-composite
{
  padding: 3px;
}

.x-form-composite.x-form-invalid
{
  background-image: url(../images/default/grid/invalid_line.gif);
}

IMG.help-icon
{
  vertical-align: middle;
}

/* BackupCompat **************************************************************/

DIV#backup-compat-report
{
  padding: 20px;
}

#backup-compat-report table.sortable thead
{
  background-color:#eee;
  color:#666666;
  cursor: default;
  font-weight: bold;
}

#backup-compat-report table
{
  border-collapse:collapse;
  width:90%;
}

#backup-compat-report th
{
  border:1px solid #7f0000;
  width:20%;
  font-family: Arial,Helvetica,sans-serif;
}

#backup-compat-report th.head
{
  border:1px solid #7f0000;
  background-color:rgb(215, 35, 42);
  text-weight:bold;
  color:black;
  font-size:14px;
  padding: 10px;
  font-family: Arial,Helvetica,sans-serif;
}

#backup-compat-report td
{
  border:1px solid #7f0000;
  font-family: Arial,Helvetica,sans-serif;
  font-size:14px;
  padding: 5px;
  text-align:center;
  width:20%;
}

#backup-compat-report caption
{
  font-weight:bold
}

.grey
{
  text-align:center;
}

.green
{
  text-align: center;
  background-color:#d4ffaa;
}

.red
{
  text-align:center;
  background-color:#ff5656;
}

.orange
{
  text-align: center;
  background-color:#ffA750;
}

.down
{
  background-color:#F7F7F7;
  font-size:14px;
}

#impression
{
  margin-left:80%;
}

.text
{
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
}

@media print
{
  #impression
  {
    display: none;
  }
  table
  {
    background: transparent;
    -webkit-print-color-adjust: exact;
    width: 100%;
    margin: 0; float: none;
  }
}

.printer
{
  background-image:  url('../images/icons/printer.svg');
  background-size:   16px;
}

.text-validation-window P,LI
{
  text-align: justify;
}

.company-management-panel-managing-form.x-panel
{
  padding: 10px;
}

.header-button.cool-button BUTTON.x-btn-text
{
  height: 22px;
}

.header-button.cool-button BUTTON
{
  background-color: #fff;
  border-radius:  10px;
  color:          #0077C0;
  padding:        2px 10px 2px 10px;
  position:       relative;
  text-transform: uppercase;
  top:            -2px;
}

.hide-me
{
  display: none;
}

/* Profile > details*/
.user-details-content .x-panel-ml, .user-details-content .x-panel-bl {
	border: 0;
}


/* Base Documentaire */
#ecm-panel-details-panel {
	border: 1px solid #D2D2D2;
}
#TabPanel-main__dashboard {
	margin-left: 15px;
}

/* Douwnload page */
.selectList {
                padding: 5px;
                width: 323px;
                font-weight: bold;
                text-transform: uppercase;
                color: black;
}
.selectList_disabled {
                padding: 5px;
                width: 323px;
                font-weight: bold;
                text-transform: uppercase;
                color: black;
                opacity: 0.3;
}
.SelectTable {
                width: 1040px;
}
.div-content {
                width: 997px;
                display: none;
}
.latest {
}
option:checked::after {
    content: "x";
    color: white;
    font-weight: bold;
    float: right;
}
/* option:checked {
                background: url(../../theme/tabs/tab-close.gif) no-repeat 98% #0077c1;
                /* background : url (image/tab-close.gif) right;
} */
option {
                padding: 1px 5px;
}
select {
                overflow: auto;
                padding: 3px
}
.tr_hidden {
                display: none;
}
.altbcgnd {
                background-color: #F5F5F5;
}
.div-title {
                width: 1000px;
}
.div-title tr {
                cursor: pointer;
}
.intro {
                font: normal 13px arial, tahoma, helvetica, sans-serif;
                padding: 10px 0 5px;
}
.font {
                font: normal 13px arial, tahoma, helvetica, sans-serif;
                font-weight: bold;
                padding: 0px 5px;
                text-transform: uppercase;
                color: black;
}
.font2 {
                font: normal 12px arial, tahoma, helvetica, sans-serif;
}
.fontSHA256 {
                font: normal 9px arial, tahoma, helvetica, sans-serif;
}
.font3 {
                font: normal 12px arial, tahoma, helvetica, sans-serif;
                padding: 0px 5px;
                text-align: left;
}
.font-title {
                font: bold 11px arial, tahoma, helvetica, sans-serif;
                text-transform: uppercase;
}

div#selection {
                height: 217px;
}
div#liste {
                width: 1032px;
                height: 100%;
                overflow: auto;
                border-width: 1px;
                border-style: solid;
                border-color: #828790;
}
tbody {
                vertical-align: top;
}