* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    overflow-y: hidden;
    padding-top: 40px;
    font-size: 100%;
    overflow-x: hidden;
    background-color: #F1F1F1;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.dropdown-toggle-custom {
    color: #ffffff;
}

.dropdown-toggle-custom:hover {
    color: #ffffff;
}

@keyframes hover {
    0% {
        margin-top: 0;
    }
    50% {
        margin-top: -5px;
    }
    100% {
        margin-top: 0;
    }
}

.open {
    background-color: #323232;
    color: #ffffff;;
}

.login-wrapper {
    margin-left: 135px;
}

.login-form {
    width: 700px;
    margin: 20px auto 0;
    padding: 15px;
    background: white;
    border-radius: 5px;
    height: 400px;
    box-shadow: 1px 1px 1px 4px rgba(162, 152, 152, 0.3), -1px -1px 1px rgba(255, 255, 255, 0.3) inset;
}

/*override bs*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #323232;
    color: #ffffff;
}

nav.navbar.navbar-fixed-top.navbar-default .navbar-nav > li > a:hover,
nav.navbar.navbar-fixed-top.navbar-default .navbar-nav > li > a:focus {
    background-color: #323232;
    cursor: pointer;
    color: #FFFFFF;
}

/*centre col*/
.col-centered {
    float: none;
    margin: 0 auto;
}

.login-input {
    display: block;
    margin: 0 0 15px;
    width: 100%;
    padding: 10px 12px;
    color: #3c3c3c;
    font-size: 1em;
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: inset 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.login-input::-webkit-input-placeholder {
    color: #bbbbbb;
}

.login-input:-moz-placeholder {
    color: #bbbbbb;
}

.login-input:-ms-input-placeholder {
    color: #bbbbbb;
}

.login-input:focus {
    outline: 0;
    border: 1px solid #999999;
    box-shadow: inset 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.login-submit {
    padding: 8px 12px;
    color: white;
    font-size: 1em;
    background: #60a163;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjY2I4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYwYTE2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7ccb80), color-stop(100%, #60a163));
    background: -moz-linear-gradient(#7ccb80, #60a163);
    background: -webkit-linear-gradient(#7ccb80, #60a163);
    background: linear-gradient(#7ccb80, #60a163);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    border: 1px solid #427c44;
}

.login-submit:hover, .login-submit:focus {
    cursor: pointer;
    background: #549056;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjY2I4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0OTA1NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7ccb80), color-stop(100%, #549056));
    background: -moz-linear-gradient(#7ccb80, #549056);
    background: -webkit-linear-gradient(#7ccb80, #549056);
    background: linear-gradient(#7ccb80, #549056);
}

/* loaded bootstrap */
hr {
    margin-top: 0 !important;
}

/*brand*/
.navbar-default .navbar-brand {
    color: #FFF;
}

/*nav bar items*/
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

/*nav bar default*/
.navbar-default {
    background-color: #323232 !important;
    border-color: #FFFFFF;
    color: #ffffff;
    height: 66px;
}

/*bootstrap container*/
.container {
    width: 1601px;
    padding: 0;
}

.login-logo-ixxi {
    position: relative;
    left: 90px;
    margin: 0;
    padding: 0;
}

.smartScreen, .smartScreen:hover {
    color: #FFFFFF;
    position: relative;
    top: 15px;
    font-size: 20px;
    font-family: Arial, serif;
}

.loginWrapper {
    margin-top: 45px;
}

/*login form input center*/
.form-horizontal, .form-group {
    margin-right: -15px;
    margin-left: -15px;
    position: relative;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #DEDDDD;
}

.seConnecterLabel {
    font-size: 20px;
    display: inline-block;
}

.login-lock-logo {
    float: right;
    display: inline-block;
    position: relative;
}

.login-form-first-input {
}

.login-buttom-container {
    float: right;
}

/*connect button*/
.button-connect {
    width: 960px;
    display: inline-block;
}

/* end bootrap loaded */
.my-button, .btn-primary.gradient:active, .btn-primary.gradient.active {
    height: 40px;
    border-color: #FFFFFF;
    background: -moz-linear-gradient(top, #32a198 50%, #53c0b8 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #267c99), color-stop(50%, #007299)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #32a198 50%, #53c0b8); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #32a198 50%, #53c0b8); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #32a198 50%, #53c0b8); /* IE10+ */
    background: linear-gradient(to top, #32a198 50%, #53c0b8); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#267c99', endColorstr='#007299', GradientType=0);
}

.login-connection-button-div {
    padding-right: 20px !important;
}

.login-recover-labels {
    color: #53c0b8;
}

.login-recover-labels a {
    color: #53c0b8;
    text-decoration: none;
}

.navbar-brand:hover {
    color: #ffffff !important;
}

.green-color {
    color: #53c0b8;
}

.upload-success-ul {
    margin-left: 17px;
}

.title-of-the-page {
    margin: 0;
    position: relative;
    top: 20px;
}

/* adminMessagesLibrary css */
#msgsLibraryi18nSideMenu *[ng-click] {
    cursor: pointer;
}

#goToTopLink {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    color: black;
    text-decoration: none;
}

#msgsLibraryi18nSideMenu {
    position: fixed;
    right: 50px;
    top: 50vh;
    margin: 0;
    padding: 10px;
}

#msgsLibraryi18nSideMenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#msgsLibraryi18nSideMenu li {
    margin: 5px;
    padding: 0;
    list-style-type: none;
}

div.contentPage div.msgsLibraryFormLmt {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 15px;
}

div.contentPage input.form-control.checkbox {
    width: 13px;
    float: left;
    height: 13px;
    margin-right: 10px;
    margin-top: 5px;
}

div.contentPage label.labelCheckbox {
    padding-top: 4px;
}

div.contentPage div.msgsLibraryFormLmt.errorLibrary {
    color: #3366ff;
    font-size: 23pt;
    font-family: parisine-sombre-bold, serif;
    text-align: center;
    line-height: 224px;
}

.btn.btn-primary.my-button.msgsLibraryDeleteBtn, .btn.btn-primary.my-button.msgsLibraryCreationBtn {
    margin: 5px 0;
}

.btn.btn-primary.my-button.msgsLibraryCreationBtn {
    float: right;
}

.btn.btn-primary.my-button.msgsLibraryDeleteBtn {
    height: 40px;
    border-color: #FFFFFF;
    background: -moz-linear-gradient(top, darkred 50%, red 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, darkred)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, darkred 50%, red); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, darkred 50%, red); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, darkred 50%, red); /* IE10+ */
    background: linear-gradient(to top, darkred 50%, red); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='darkred', GradientType=0);
}

.btn.btn-primary.my-button.msgsLibraryDeleteBtn:hover {
    border-color: black;
}

div.msgsLibraryDeleteBtnDiv {
    float: right;
    color: darkred;
    margin: 0 15px;
}

div.msgsLibraryDeleteBtnDiv span.msgsLibraryDeleteBtnInnerDiv {
    display: none;
    border: 1px solid darkred;
    background: lightpink;
    padding: 7px 5px 10px;
    margin-left: 5px;
    margin-right: -5px;
}

div.msgsLibraryDeleteBtnDiv:hover span.msgsLibraryDeleteBtnInnerDiv {
    display: initial;
}

.previewText-msgsLibrary {
    margin: 15px 0;
}

div.contentPage div.msgsLibraryFormLmt.msgsLibrarySaveBtnArea {
    padding: 0;
    margin: 0 0 50px;
}

.btn.btn-primary.my-button.msgsLibrarySaveBtn {
    float: right;
}

.i18nFlags {
    width: 16px;
}

.i18nFlags img {
    width: 16px;
    background: black;
    border: none;
}

.i18nPicts .i18nLanguages {
    color: grey;
}

/* End : adminMessagesLibrary : CSS */

/* msgsSpreadingFormProjectSelection : CSS */
#spreadingMessagesSelectionTab {
    margin-bottom: 25px;
}

#spreadingMessagesSelectionTab li {
    cursor: pointer;
}

#list-msgsLibrary2, #list-msgsLibrary2 option {
    color: #0a0082;
}

#list-msgsLibrary2.alertMsg, #list-msgsLibrary2 option.alertMsg {
    color: #a50014;
}

div.screenCheckArea {
    float: left;
}

div.screenCheckArea li {
    list-style-type: none;
    margin-left: 25px;
}

div.contentPage input.form-control.checkbox.scr-chk-box {
    margin-top: 10px;
}

/* End : msgsSpreadingFormProjectSelection : CSS*/

/* Start : adminMessagesScenario : CSS*/
#contentPageScenario h4 {
    text-align: center;
}

.scenarioGroup li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 33%;
}

#scenariosListArea h4 {
    margin-bottom: 25px;
}

#scenariosListArea label {
    margin-top: 4px;
}

.scenariosListArea input.form-control.checkbox {
    margin-top: 1px;
    border: none;
}

.scenariosListDiv {
    padding: 10px;
}

.scenariosListDiv h5 {
    font-style: italic;
    text-align: center;
    font-size: 18px;
    color: darkred;
}

.scenariosListDiv.highest {
    background-color: rgba(255, 0, 0, 0.60);
}

.scenariosListDiv.high {
    background-color: rgba(217, 151, 149, 0.60);
}

.scenariosListDiv.medium {
    background-color: rgba(252, 213, 180, 0.60);
}

.scenariosListDiv.low {
    background-color: rgba(146, 208, 80, 0.60);
}

#scenarioInhibDiv {
    margin-top: 25px;
}

.scenariosSite {
    list-style-type: none;
}

.scenariosSiteDiv {
    float: left;
    text-align: center;
}

#noGroupsDiv {
    border-top: solid 1px #ddd;
}

#scenariosGroupListArea li, #noGroupsDiv li {
    list-style-type: none;
    float: left;
    width: 33%;
    font-weight: bold;
}

#spreadingMessagesScreenArea h4 {
    text-align: left;
}

#spreadingMessagesScreenArea h5 {
    font-family: parisine-ParisineOffice-regular, serif;
    font-size: 16px;
    font-weight: bold;
}

ul.nav.nav-tabs li.LOWEST a, div.scenarioGroupDiv.LOWEST {
    background-color: rgba(0, 176, 80, 0.3);
}

ul.nav.nav-tabs li.LOW a, div.scenarioGroupDiv.LOW {
    background-color: rgba(7, 232, 187, 0.3);
}

ul.nav.nav-tabs li.MEDIUM a, div.scenarioGroupDiv.MEDIUM {
    background-color: rgba(255, 156, 0, 0.3);
}

ul.nav.nav-tabs li.HIGH a, div.scenarioGroupDiv.HIGH {
    background-color: rgba(255, 159, 179, 0.3);
}

ul.nav.nav-tabs li.HIGHEST a, div.scenarioGroupDiv.HIGHEST {
    background-color: rgba(234, 0, 0, 0.3);
}

ul.nav.nav-tabs a, ul.nav.nav-tabs li.active a {
    cursor: pointer;
    color: black;
    font-weight: bold;
}

#scenariosGroupListArea label {
    font-weight: normal;
}

div.scenarioGroupDiv {
    margin-top: 1px;
    margin-left: 0;
    padding: 25px 5px 25px 5px;
}

#scenariosCancelBtn {
    float: right;
    margin: 0 15px;
}

h5.otherGroupTitle {
    font-weight: bold;
    font-size: large;
}

.btn.btn-primary.my-button {
    width: 150px;
}

/* End : adminMessagesScenario : CSS*/