#Mybody {
    background: #f9f9f9;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif !important;

    color: #696969;
    align-content: center;
    overflow-x:hidden;
}

#imgHead {
    vertical-align: middle;
}

.invalid {
    /*background-color: #ffdddd;*/
    border: 1px solid red;
}


#EspacePersopanel {
    width: auto !important;
    display: block;
}

#mySituationIdDiv {
    display: block;
}


.div-logo-container {
    padding-left: 15%;
    padding-right: 15%;
}

.modal-body .form-control {
    display: inline-block;
}
.modal-body .hour,
.modal-body .minute{
    padding:0;
}

#module{
    width:100% !important;
}
.modal-body .textEntryMultiline{
    height: 70px !important;
    width:355px !important;
}

.textEntryPetit {
    width: 30px;
    border: 1px solid #ccc;
}


.textEntryLongH {
   
    height: 150px !important;
    border: 1px solid #ccc;
}

.tooltipevent{
    padding: 5px;
    color: rgb(255, 255, 255);
    position: absolute;
    z-index: 10001;
    border-radius: 5px;
    border: 1px solid black;
}
.fc-event,
.cursor{
    cursor:pointer !important;
}
.modal-header{
    color: rgb(255, 255, 255);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-color: gray;
}
#InfosCompl{
    border-collapse:collapse;
}
#InfosCompl td{
    border:1px solid gray;
}
#headerInfosCompl th {
    border:1px solid gray;
    color: rgb(255, 255, 255);
}
.close{
    
    filter: alpha(opacity=80) !important;
    opacity: 0.8 !important;
    text-shadow:none;
}
hr{
    border-color: gray;
}
.modal-footer{
    text-align: center;
    border-color: gray;
}
#content{
    overflow:hidden !important;
}
#myNavbar ul:first-child:not(.navbar-left) {
    width: auto !important;
}

#rightNavBar {
    width: auto !important;
}
.AlternativeBGColorTable{
    background-color: #fff3e8 !important;
}
#titrePagePlanning,
#InfosCompl,
#headerInfosCompl th{
    text-align:center !important;
}

#titrePagePlanning h2{
    margin:25px 0px !important;
}
.break{
    word-break: break-word;
}
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.list-group {
    margin-bottom: 0 !important;
}

.list-group-item {
    padding: 0px 10px;anel-heading
}

    .list-group-item:hover {
        background-color: #f58426 !important;
        color: white !important;
    }
/* Set gray background color and 100% height */
.sidenav {
    padding-top: 20px;
    height: 100%;
}
.drap {
    cursor: pointer;
    height: 32px;
    width: 32px;
}

.failureNotification {
    font-size: 1.2em;
    color: Red;
}
.avertNotification {
    font-size: 1.2em !important;
    color: Blue !important;
}


/* Set black background color, white text and some padding */

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #f58426;
    width: 100%;
    height: 80px;
}

    .header a {
        color: #f9f9f9;
    }

.active a {
    color: #777;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}

#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(245, 132, 38, 1);
    border-width: 1px;
    border-radius: 4px;
}

ul.nav > li > a,
.Session_User_Status > span > a {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(248, 248, 248, 0) !important;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif !important;
}

    ul.nav-bar > li a:hover,
    ul.nav-bar > li a:focus,
    .Session_User_Status > span > a:hover,
    .Session_User_Status > span > a:focus {
        color: rgba(51, 51, 51, 1) !important;
        background-color: rgba(248, 248, 248, 0) !important;
        text-decoration: none;
    }

.dropdown-menu {
    background-color: white !important;
}

    .dropdown-menu > li > a {
        color: black !important;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: rgba(245, 132, 38, 1) !important;
            background-color: transparent !important;
        }

#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-toggle:active,
.navbar-toggle:focus,
.navbar-toggle {
    background-color: transparent !important;
}

    .navbar-toggle:hover {
        background-color: #ddd !important;
    }



.banner {
    background-color: #f58426;
}

    .ContainerMain > .container-fluid {
        padding-left: 80px;
        padding-right: 80px;
    }

.Session_User_Status {
    color: white;
    text-align: center;
}

.footer {
    bottom: 0;
    width: 100%;
    background-color: #555;
    color: white;
    padding: 15px;
    text-align: center;
}

h2 {
    margin-top: 0px;
}

#calendar {
    width: 900px;
    margin: 40px auto;
    padding: 0 10px;
}
/*Tous les input qui ne sont pas de type submit */
input:not([type="submit"]):not([type="image"]):not([type="checkbox"]):not(.Reserchdate):not(.RechercheHeader),
.login select,
.textEntryMultiline {
    width: 100% !important;
}
.RechercheHeader{
    width:100% !important;
}

.Reserchdate{
    display:inline-block !important;
    width: 130px !important;
}

.textEntryMultiline {
    overflow-x: hidden;
}

.submitButton {
    margin-left: auto;
    margin-right: auto;
    /* width: 100%; */
}

.Loginbtn {
    margin-left: 0px;
    margin-right: 0px;
    width: 0px;
}

.RubriqueSubmitButton .btn-primary {
    margin-top: 10px;
}

.accountInfo .btn {
    margin: 0;
}

.login p,
.login select {
    margin-bottom: 5px;
}


.panel-default {
   /* flex: 1 1 auto;*/
    border: 1px solid black;
    padding: 0px;
    margin: 0px;
}

.panel-heading {
    border-bottom: 1px solid black !important;
    font-weight: 700;
    text-align: center;
    color: white !important;
    padding: 10px 0px 10px 0px;
    margin-bottom: 10px;
}

.panel-body {
    padding-top: 0px;
    padding-bottom: 10px;
}

.NavigationInsc {
    display: none;
}

.breadcrumb {
    background-color: transparent;
    text-align: center;
    padding: 0px;
    text-decoration: none;
}

    .breadcrumb > li > a {
        color: #468847 !important;
    }

    .breadcrumb > .active > a {
        color: #337ab7 !important;
    }

    .breadcrumb > .disabled > a {
        color: #777 !important;
        cursor: not-allowed;
    }

    .breadcrumb > .wait > a {
        color: #777 !important;
    }

    .breadcrumb > li + li:before {
        content: ">\00a0";
    }

.CssBoxMessage > .panel-heading {
    background-color: #696969 !important;
}

.CssBoxMessage > .panel-body > div:first-child {
    text-align: center;
}

.CssBoxMessage {
    margin-bottom: 20px;
}

    .MessageAlertDivCSSStyle,
    .CssBoxMessage .failureNotification {
        display: inline-block;
    }

        .MessageAlertDivCSSStyle > ul {
            text-align: left;
        }

.Student_id_and_tools .panel-heading {
    background-color: #f58426 !important;
}

.styleSchoolingTables .panel-heading {
    margin: 0px;
}

.Student_id_and_tools > .panel-default:first-child {
    margin-right: 15px;
}

.Student_id_and_tools,
.Student_useful_links_css {
    margin-bottom: 20px;
    display: flex;
    flex-flow: row;
    border-radius: 5px;
    padding: 0;
    border-color: black !important;
}

    .Student_id_and_tools .panel,
    .Student_useful_links_css {
        margin-top: 5%;
    }
    .AideDiv h4{
        font-size:15px;
    }
.Student_useful_links_css {
    flex-flow: column;
}
.author a{
    opacity: 0.4;
    float:  right;
    color: #A0A0A0;
    font-size: 0.8em;
    text-decoration:none;
}
.tab_RechercheHeader > div{
    background-color:#f58426;
    color:white;
    border: 1px solid black;
    border-right: none;
    text-align:center;
    height: 60px;
}
.centerRecherche{
    line-height:60px;
}
.TabPlanningTR{
    display: flex;
    padding:0px;
}
.TabPlanningData{
    border: 1px solid black;
    border-right: none;
    border-top: none;
    text-align:center;
}
.TabPlanningTR:last-child,
.tab_RechercheHeader > div:last-child{
    border-right: 1px solid black;
}
.EspacePersoDivFormatCss ul {
   /* margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 200px; */
    list-style: none !important;
}

.EspacePersoDivFormatCss a {
    border: 1px solid;
    margin-top: 5px;
}

.EspacePersoDivFormatCss > div:first-child,
#MainContent_pnlLiens > div:not(:last-child) {
    border-right: 1px solid black;
}

.taolennSturPanelHeader {
    background-color: #f58426;
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 8px;
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-top: 4px;
}

.taolennSturDDL {
    background-color: #49aafc;
    color: white;
    padding:2px;
}

#ForgottenPasswd h2 {
    font-size: 20px;
    margin: 0;
}

.myInformations > select,
.myInformations > table,
.RechercheModule > select,
#MainContent_labelmissingDoc {
    padding-left: 0px;
    margin-left: 15px;
}

.RechercheModule .container {
    padding-top: 45px;
}

.RechercheModule {
    padding-right: 0px;
}
.TFtable,
#MainContent_labelmissingDoc {
    margin-top: 30px;
    display: block;
}

.mGrid th {
    text-align: center;
}

.mGrid tr td select {
    padding: 0px !important;
}

#gvmod .mGrid {
    width: 100%;
}

#gvmod .container {
    padding: 0px !important;
}

.styleSchoolingTables > div:not(:first-child) > h2 {
    margin-bottom: 20px;
}
.TFtable {
    padding-right:0 !important;
}
.TFtable td,
.TFtable th {
    border: 1px solid rgb(128, 128, 128);
}

.TFtable td {
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
.textEntryMultiline {
        height: 150px !important;
}
.Dropdown-Mes-Groupes,
.RechercheModule table {
    width: 500px;
}
.buttons > .list-group-item{
    display:inline-block;
    width:auto !important;
}
.hidden{
    display:none!important;
}
.sosInfoCssContainer > table {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.sosInfoCssContainer .glyphicon {
    color: #f58426 !important;
}

.sosInfoCssContainer h3 {
    margin-top: 1px;
    margin-bottom: 15px;
    display: inline-block;
}

.sosInfoCssContainer tr:last-child div {
    text-align: center;
}
/* Style for left side navigation bar, formerly the accordion left menu  */
.lienLinkPrinc {
    font-size: 1.1em;
    display: block;
    text-align: left;
    text-decoration: none;
}

    .lienLinkPrinc a:link {
        color: #fff;
        text-decoration: none;
    }

    .lienLinkPrinc a:visited {
        color: #696969;
        text-decoration: none;
    }

    .lienLinkPrinc a:hover,
    .lienLinkPrinc a:active {
        color: #696969;
        text-decoration: underline;
    }

.nav-wizard {
    margin-bottom: 20px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}


    .nav-wizard li {
        position: relative;
        float: left;
        height: 46px;
        display: inline-block;
        text-align: center;
        padding: 0 20px 0 30px;
        margin: 0;
        font-size: 16px;
        border: 1px solid #d4d4d4;
        line-height: 46px;
    }

ul.nav-wizard li a {
    color: #468847 !important;
    padding: 0;
}

.nav-wizard li a:hover {
    background-color: transparent;
}

.nav-wizard li:before,
.nav-wizard li:after {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-left: 16px solid #d4d4d4;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: '';
    right: -16px;
}

.nav-wizard li:after {
    border-left: 16px solid #f9f9f9;
    right: -15px;
}

.nav-wizard li.active,
.nav-wizard li.active a,
.nav-wizard li.active a:active {
    color: #3a87ad !important;
    background: #d9edf7;
}

    .nav-wizard li.active:after {
        border-left: 16px solid #d9edf7;
    }

.nav-wizard .active ~ li,
.nav-wizard .active ~ li a {
    color: #999999 !important;
    background: #ededed;
}

    .nav-wizard .active ~ li:after,
    .nav-wizard.nav-wizard-backnav .active ~ li:after {
        border-left: 16px solid #ededed;
    }
    
.CalendarDiv{
    padding:0 !important;

}

    .fc-listMonth-view .fc-scroller{
        height:auto !important;
    }
@media screen and (max-width:1199px) {
    .panel {
        margin-top: 0% !important;
    }

    .list-group {
        width: 50%;
    }

    .Student_id_and_tools > .panel-default:first-child {
        margin-bottom: 15px !important;
    }

    .Student_id_and_tools {
        flex-flow: column;
    }

    #mySituationIdDiv {
        width: 100%;
        display: block;

    }


    .EspacePersoDivFormatCss > div:first-child {
        border-right: 1px solid black;
        border-bottom: none;
    }

    .EspacePersoDivFormatCss > div:not(:first-child) {
        padding-top: 0px;
    }
}

@media screen and (max-width: 1174px) {
    #msgSecondsExpiration {
        font-size: 5px;
    }

    .navbar-header {
        float: none !important;
    }

    .navbar-toggle {
        display: block !important;
    }

    .navbar-collapse {
        border-top: 1px solid transparent !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) !important;
    }

    .navbar-fixed-top {
        top: 0 !important;
        border-width: 0 0 1px !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        margin-top: 7.5px !important;
    }
    .navbar-nav > li {
        float: none !important;
    }
    .navbar-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .collapse.in {
        display: block !important;
    }

    #leftNavBar > li {
        width: auto !important;
    }

    #leftNavBar {
        padding-right: 0 !important;
    }

}

@media screen and (max-width:1192px) {
    .styleSchoolingTables table {
        width: 100% !important;
    }
}

@media screen and (max-width: 1000px) {
   .ContainerMain > .container-fluid{
       padding:0px;
   }
    /* Force table to not be like tables anymore */
    .no-more-tablestall table,
    .no-more-tablestall tbody,
    .no-more-tablestall th,
    .no-more-tablestall td,
    .no-more-tablestall tr {
        display: block;
        border-right: none !important;
        border-left: none !important;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tablestall table:only-child,
        .no-more-tablestall tbody:empty,
        .no-more-tablestall tr th:empty,
        .no-more-tablestall tr td:empty,
        .no-more-tablestall .CellNeedDisplayNone,
        .no-more-tablestall tr:first-child {
            content: none;
            display: none !important;
            border: none !important;
        }
    .no-more-tablestall tr {
        border-bottom: 1px solid black;
    }

    .no-more-tablestall td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid darkgray;
        position: relative;
        padding-left: 110px !important;
        white-space: normal;
        text-align: left !important;
        background: linear-gradient(to right, #f58426 100px,rgba(0,0,0,0) 101px);
        font-size: 12px;
    }

        .no-more-tablestall td:not(:first-child):before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 3px;
            left: 1px;
            width: 99px;
            padding-right: 10px;
            white-space: normal;
            text-align: left;
            font-weight: bold;
            text-transform: uppercase;
            color: #fff;
            font-size: 11px;
        }
        .no-more-tablestall td:first-child{
        background:  #f58426;
        font-weight:bold;
        font-size:11px;
        text-align:center !important;
        padding:0 !important;
        color:white;
        border-bottom:1px solid black;

        }
        /*
	Label the data
	*/
        .no-more-tablestall td:not(:empty):not(:first-child):before{
            content: attr(data-th);
        }

    .no-more-tables-not-display td:before {
        content: none;
        display: none;
        background: none;
        border: none;
    }

    .no-more-tables-not-display td,
    .no-more-tables-not-display tr {
        padding: 0px !important;
        background: none !important;
        border: none !important;
    }
}
.error{
    color:red !important;
}
@media screen and (max-width:930px){
    
    .AideDiv h4{
        font-size:10px;
    }
    .fc-right .fc-button-group button {
        display: none;
    }

    #calendar {
        margin: 0px !important;
        padding: 0px !important;
        width: 100%  !important;
    }
    .fc-left{
        width:100%;
        position: relative;
        bottom: -40px;
    }
    .fc-icon:after {
        font-size: initial !important; 
    }
    .fc-today-button {
        float:right !important;
    }

}

.hover-end{padding:0;margin:0;font-size:75%;text-align:center;position:absolute;bottom:0;width:100%;opacity:.8}
@media screen and (max-width:820px) {
    
    #divBodyLiens,
    #divBodyLiens > div,
    #divBodyLiens > div > div {
        padding: 0;
    }

        #divBodyLiens > div > div ul {
            padding-left: 25px;
        }

    .footer {
        padding: 0px;
    }


    .Student_id_and_tools > div {
        width: 100% !important;
    }

    .Student_useful_links_css {
        margin-top: 0px;
    }
}
@media screen and (max-width:767px) {
    
.CalendarDiv{
     margin-top:10%;
}
    .buttons{
        text-align:center;
    }
    #ForgottenPasswd h2 {
        font-size: 10px;
    }

    .breadcrumb {
        padding: 0px;
        text-align: center;
    }
    
    .login input:not([type="submit"]):not([type="image"]):not([type="checkbox"]):not(.Reserchdate),
    .login select,
    .textEntryMultiline {
        width: 100% !important;
    }
    
    .sosInfoCssContainer > table {
        width: auto;
    }

    .RechercheModule > select,
    .RechercheModule .container {
        padding-left: 0px;
        margin-left: 0px;
        padding-right: 0px;
    }

    #MainContent_pnlLiens > div:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid black;
    }

    .myInformations > select,
    .myInformations > table {
        margin-left: 0px;
    }
}

@media screen and (max-width: 704px) {
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
        border-right: none !important;
        border-left: none !important;
        white-space: normal;
    }
    
        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables table:only-child,
        .no-more-tables tbody:empty,
        .no-more-tables th:empty,
        .no-more-tables td:empty,
        .no-more-tables .CellNeedDisplayNone,
        .no-more-tables tr:empty,
        .no-more-tables tr:first-child {
            display: none !important;
            border: none !important;
        }
    .no-more-tables tr {
        border-bottom: 1px solid black;
    }

    .no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid darkgray;
        position: relative;
        padding-left: 110px !important;
        white-space: normal !important;
        text-align: left !important;
        background: linear-gradient(to right, #f58426 100px,rgba(0,0,0,0) 101px);
        font-size: 12px;
    }

        .no-more-tables td:not(:first-child):before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 3px;
            left: 1px;
            width: 99px;
            padding-right: 10px;
            white-space: normal;
            text-align: left;
            font-weight: bold;
            text-transform: uppercase;
            color: #fff;
            font-size: 11px;
        }
        .no-more-tables td:first-child{
        background:  #f58426;
        font-weight:bold;
        font-size:11px;
        text-align:center !important;
        padding:0 !important;
        color:white;
        border-bottom:1px solid black;

        }
        /*
	Label the data
	*/
        .no-more-tables td:not(:empty):not(:first-child):before {
            content: attr(data-th);
        }

    .no-more-tables-not-display td:before {
        content: none;
        display: none;
        background: none;
        border: none;
    }

    .no-more-tables-not-display td,
    .no-more-tables-not-display tr {
        padding: 0px !important;
        background: none !important;
        border: none !important;
    }
    
    

}
/* On small screens and landscape display */
@media screen and (max-height: 600px) and (orientation: landscape) {
    .footer {
        bottom: auto;
    }
}
/* On very small screens modify the diplay */
@media screen and (max-width: 555px) {
    .list-group {
        width: 100%;
    }
    
    .fc-center >:first-child {    
        margin-top: 15%;
    }
    .fc-center{
        margin-left: -10%;
    }
    .EspacePersoDivFormatCss > div:first-child {
        border-right: none;
        border-bottom: 1px solid black;
    }

    .EspacePersoDivFormatCss > div:not(:first-child) {
        padding-top: 15px;
    }

    #myNavbar ul:first-child:not(.navbar-left) li {
        padding-right: 10px;
        float: none !important;
    }

    #Contentul {
        font-size: 12px;
        padding-left: 10px;
    }

        #Contentul ul > li {
            margin-bottom: 20px;
        }

    select {
        padding: 0px !important;
    }

    .toLarge {
        white-space: normal;
    }

        .toLarge option {
            white-space: normal;
        }

    .footer {
        bottom: auto;
    }

    .submitButton {
        width: 60px;
    }

    .Dropdown-Mes-Groupes,
    .RechercheModule table {
        width: 100%;
        padding-left: 0px;
        margin-left: 0px;
    }

    .Session_User_Status {
        padding: 0px 0px 0px 0px;
        text-align: left;
    }

    p {
        margin-bottom: 0px;
    }

    .login p {
        margin-bottom: 15px;
    }

    h2 {
        font-size: 17px;
    }

    #HeadLoginView_bienvenue {
        margin-right: 0px !important;
    }

    .dropdown-menu > li > a {
        white-space: normal;
    }
}

@media screen and (max-width:495px) {

    .accountInfo .container {
        padding: 0px;
    }

    .accountInfoGrid {
        font-size: 10px;
    }

    .blocImage {
        padding: 0;
        padding-right: 20px;
        display: block;
        max-width: fit-content
    }

    .panel-body > span:not(.blocImage) {
        width: 100% !important;
        font-size: 13px;
    }

    .blocImage input:first-child {
        width: 100%;
    }
}

@media screen and (max-width:472px) {
    
    .breadcrumb,
    .nav-wizard {
        display: none;
    }
}

@media screen and (min-width:950px) {
    .div-flex {
        display: flex;
    }
}

@media screen and (max-width: 374px) {
    
.author a{
    display:none;
}
.navbar-nav > li > a
    {
  padding-right: 0 !important;
    }

    .TailleQuestionsEvaluation {
        width: 60%;
    }

    .container-fluid *:not(h2>span) {
        font-size: 10px !important;
    }

    .sidenav {
        height: auto;
        padding: 15px;
    }

    .failureNotification,
    .myInformations td {
        font-size: 10px;
    }

    legend {
        font-size: 15px;
    }

    img {
        width: 40%;
    }

    .Small {
        width: auto !important;
    }

    p,
    legend,
    .form-group,
    .login select {
        margin-bottom: 0px;
    }

    .panel-body > span:not(.blocImage) {
        padding: 0;
        font-size: 10px;
    }

    .SelectionNotes,
    .myInformations {
        padding: 0;
    }

        .SelectionNotes ul {
            width: 200px;
            list-style: none !important;
            padding: 0;
            font-size: 12px;
            margin: 0px;
        }
        
}

a.tip {
    border-bottom: 1px dashed !important;
    text-decoration: none !important
}

    a.tip:hover {
        cursor: help !important;
        position: relative !important
    }

    a.tip span {
        display: none !important
    }



    a.tip:hover span {
        border: #c0c0c0 1px dotted !important;
        padding: 5px 20px 5px 5px !important;
        display: block !important;
        z-index: 2 !important;
        background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5% !important;
        top: 50% !important;
        margin-left: 0px !important; /*-500px !important;*/
        right: 100% !important;
        margin-top: -5px !important;
        margin: 10px;
        width: 200px;
        position: absolute;
        top: 10px;
        text-decoration: none
    }