@charset "utf-8";

/* CSS Document */

* {
    text-transform:uppercase;
}

.bg-new{
    background-image:url(images/Gif/bg-new.gif) ;
    background-repeat:repeat-x;
}

.bg-new3{
    background-image:url(images/Gif/bg-new2.gif) ;
    background-repeat:repeat-x;
}

.bg-new4{
    background-image:url(images/Gif/bg-new4.gif) ;
    background-repeat:repeat-x;
}

.bg-new4:hover td {
    background-image:url(images/Gif/bg-new5.gif) ;
    background-repeat:repeat-x;
}

.bg-new2{
    background-image:url(images/Gif/bg-new3.gif) ;
    background-repeat:repeat-x;
    color:#FFF;
    background-color:#333;
    font-weight:bold;
}

.blue {



    color:#36F;



}

.btree{



    background-image:url(images/Gif/btree-bg.gif);

    background-repeat:repeat-x;

    background-color:#3A3A3A;

    padding:3px;



}

.btree a

{



    color:#FFF;



}



.btree:hover

{

    background-image:url(images/Gif/btree-bg2.gif);

    background-repeat:repeat-x;

    background-color:#42423a;





}



.btree:hover a {







    text-decoration:none;

}







.btree2 a {





    color:#000;

    font-weight:bolder;

    text-decoration:none;

}



.btree2{

    background-image:url(images/Gif/btree-bg3.gif);

    background-repeat:repeat-x;	

    background-color:#41413c;



}



.telechargement{





    background-image:url(images/Png/autres/bg.png);

    background-color:#F34307; 

    background-repeat:repeat-x;

    color:#FFF;

    font-size:36px;

    padding:8px;

    text-transform:uppercase;

    font-weight:bold;



}

.compte-titre{



    background-image:url(images/Png/autres/bg2.png);

    background-color:#F34307; 

    background-repeat:repeat-x;

    color:#FFF;

    font-size:36px;

    padding:8px;

    text-transform:uppercase;

    font-weight:bold;

    text-align:center;





}



.compte-titre2{



    background-image:url(images/Png/autres/bg3.png);

    background-color:#F34307; 

    background-repeat:repeat-x;

    color:#FFF;

    font-size:28px;

    padding:8px;

    text-transform:uppercase;

    font-weight:bold;

    text-align:center;





}



.divtag{



    vertical-align:text-bottom;

    text-transform:uppercase;



    padding:8px;

    background-image:url(images/Png/autres/divtag-bg.png);

    background-color:#000;

    background-repeat:repeat-x; 



    color:#FFF;

    font-weight:bold;



    height:20px;

    width:870px;}



.divtag2{



    vertical-align:text-bottom;

    text-transform:uppercase;



    padding:8px;

    background-image:url(images/Png/autres/divtag-bg-red.png);

    background-color:#000;

    background-repeat:repeat-x; 



    color:#FFF;

    font-weight:bold;



    height:20px;}



.divtag3{



    vertical-align:text-bottom;

    text-transform:uppercase;



    padding:8px;

    background-image:url(images/Png/autres/divtag-bg-blue.png);

    background-color:#000;

    background-repeat:repeat-x; 



    color:#FFF;

    font-weight:bold;



    height:20px;}



.divtag4{



    vertical-align:text-bottom;

    text-transform:uppercase;



    padding:8px;

    background-image:url(images/Png/autres/divtag-bg-green.png);

    background-color:#000;

    background-repeat:repeat-x; 



    color:#FFF;

    font-weight:bold;



    height:20px;}



.divtag5{



    vertical-align:text-bottom;

    text-transform:uppercase;



    padding:8px;

    background-image:url(images/Png/autres/divtag-bg-yellow.png);

    background-color:#FF0;

    background-repeat:repeat-x; 



    color:#FFF;

    font-weight:bold;



    height:20px;}





.header {

    background:url(images/Gif/border.gif) no-repeat right bottom ;

}

.header:hover {



    background:url(images/Gif/border2.gif) no-repeat right bottom ;

}

.logo {

    height:146px;

    width:360px;

    background:url(images/Gif/sabi-accueil2.gif);

}



.header:hover .logo  {

    height:146px;

    width:360px;

    background:url(images/Gif/sabi-accueil2g.gif);


}	

body{
    background-color:#1E1E1E;
}

#home-page-container{
    background: url("images/Gif/ACTUALITE.gif") #1E1E1E no-repeat center center;
	height: 755px;
}



body,td,th {
    font-family: Trebuchet MS, Tohama, Helvetica, sans-serif;
    font-size: 12px;
    height: auto;
    padding: 0px;
    margin: 0px;

}

form {
    margin:0px;
}

#home-page{
    height: 755px;
    margin: 0 auto;
    position: relative;
	width: 1134px;
}

#sabiconnexion
{
	background-color: #FFF;
	position: absolute;
	top: 245px;
	left: 146px;
	width: 195px;
	height: 253px;
	padding: 0px;
	vertical-align: middle;

}

#sabiform

{

    background-color:#FFF;

    margin-left: -400px;

    position: absolute;

    top: 20px;

    left: 50%;

    width: 800px;

    height: 600px;

    padding:0px;

    vertical-align:middle;

    text-align:left;

}

#contenuconnexion

{

    background-color: #F5F6F9;

    height:140px;

    padding:20px;

    text-align:left;

    font-size:16px;

    font-weight:bold;

    vertical-align:middle;

    left:0px;

    top:70px;

    margin-bottom:-7px;

}

#contenuconnexion2
{

    background-color: #DFDFDF;
    height:140px;
    padding:20px;
    text-align:left;
    font-size:16px;
    font-weight:bold;
    vertical-align:middle;
    left:0px;
    top:70px;
}

#contenuconnexion2 #code,
#contenuconnexion2 #email
{width: 160px !important;}

.connexioninput
{
    margin-top:0px;
    margin-bottom:-2px;
    border:#000 solid 1px;
    padding:2px;
    width:150px;
    font-weight:bold;
    font-family:Verdana, Trebuchet MS, sans-serif;
    margin-left: -10px;

}

.simpleinput

{

    margin-top:6px;

    margin-bottom:6px;

    border:#999 solid 3px;

    padding:4px;

    font-weight:bold;

    font-family:Verdana, Trebuchet MS, sans-serif;

}

.forminput

{

    border:#999 solid 1px;

    padding:2px;

    font-weight:bold;

    font-family:Verdana, Trebuchet MS, sans-serif;

    text-transform:uppercase;

}

.lien 

{

    font-size:12px;

    color:#84C1C9;

}

.tred{
	color: #F00;
}

#msgboxerr
{
    background-color:#FFF;
    margin-left: -150px;
    margin-top:-50px;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 100px;
    padding:10px;
    vertical-align:middle;
    border:#F00 solid 1px;
}

#msgboxok
{
    background-color:#fff;
    margin-left: -150px;
    margin-top:-50px;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 100px;
    padding:10px;
    vertical-align:middle;
    border:#3C3 solid 1px;
}

#btclosemsgerr
{
    background:#F00;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    padding:4px;
    border:none;
}

#btclosemsgok
{
    background:#3C0;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    padding:4px;
    border:none;
}

#msgtxterr
{

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#F00;

}



#msgtxtok

{

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#000;

}



.menubt {

    color: #000;

    text-align:left;

    vertical-align:middle;

    font-weight:bold;

}



.btselect {

    color: #FFF;

    text-align:left;

    vertical-align:middle;

    font-weight:bold;

}

.liennoir {

    color: #000;

}

.lienblanc

{

    color:#FFF;

}

a:link {

    text-decoration: none;

}

a:visited {

    text-decoration: none;

}

a:hover {

    text-decoration: underline;

}

a:active {

    text-decoration: none;

}

.tdspace {

    padding-left:5px;

    padding-right:5px;

    font-weight:normal;

    border-bottom:#AAA solid 1px;

}

.red {

    color: #F00;

    font-weight: bold;

}

.txt10 {
    font-size: 10px;
    margin: auto;

}

.gry {

    color: #999;

}

#newspan {

    color: #F00;

    font-weight: bold;

}

td , input, div, textarea, span {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    border-radius: 7px;
    border-top-left-radius:5px;
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
    border-bottom-left-radius:7px;
    margin-bottom: -2px;
    margin-left: 0px;
    padding-top: 2px;



}



td {





    padding-left:4px;

    padding-right:4px;



}







.CSSMenu {position:relative;z-index:100;width:100%;min-width:588px;text-align:center; background-color:#000;}



* html .CSSMenu .case {height: 1px;margin-left:590px;}



* html .CSSMenu .case2 {position:relative;margin-left:-590px;height: 1px;background:#ffffff url(images/Gif/menu-bg.gif) center center;}



.CSSMenu .arriereplan {height:30px;border:1px solid #999999;background:#ffffff url(images/Gif/menu-bg.gif) center center;}



.CSSMenu ul {position:relative;display:inline-block;margin:0;padding:0;list-style-type:none;}



* html .CSSMenu ul {display:inline;}



*+html .CSSMenu ul {display:inline;}



.CSSMenu li {float:left;margin:0;}



.CSSMenu li  .cselected {color:#ffffff; font-weight:bold; background:#000;}

.CSSMenu li  .cselected img {

    width:18px;

    height:18px;

}



.CSSMenu li:hover a  {color:#ffffff;background:#2A2A2A; }



.CSSMenu2:hover a  {color:#ffffff;background:#D14116; }





.CSSMenu li:hover img, .CSSMenu2:hover img   {



    width:18px;

    height:20px;



}









.CSSMenu a {display:block;float:left;height:30px;white-space:nowrap;overflow:hidden; text-transform:capitalize;padding:0 2px 0 2px;font:11px/30px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;text-align:left;color:#333;}





.CSSMenu br {clear:both;height:0;font-size: 1px;line-height: 0px;}





img {



    vertical-align:middle;

    border:none;

    padding-right:2px;

}



.deconnect {



    background-image:url(images/Png/24x24/Standby.png);

    background-repeat:no-repeat;

    background-position:center;





}



.deconnect:hover {

    cursor:pointer;

    background-image:url(images/Png/24x24/Standby2.png);

    background-repeat:no-repeat;

    background-position:center;







}

.compte {



    color:#FFF;

}

.compte a {



    color:#FB5126;

}



.compte:hover, .compte:hover a   {

    background-color:#333;

    color:#FFF;

    text-decoration:none;

}

.lienblanc2 {

    color:#FFF;

    text-decoration:none;

    font-weight:bold;



}



.fiche{

    background-color:#D8D8D8;  border:#666 solid 1px; border-top:none; border-bottom:#666 solid 4px; border-right:#333 solid 4px; padding:20px;

}

.fiche table tr td:hover   {



    background-color:#BBB;

}





.fiche2 {background-color:#FFF;  border:#666 solid 1px; border-top:none; border-bottom:#666 solid 4px; border-right:#333 solid 4px; padding:20px;}

.fiche2:hover table  {background-color:#EEE;}



.fiche4{

    background-color:#FFF; font-weight:bold; color:#000;  border:#F00 solid 1px; border-top:none; border-bottom:#F00 solid 4px; border-right:#F00 solid 4px; padding:20px;





}

.fiche4 table tr td:hover   {



    background-color:#61B900;

    color:#797979;

}



.date9px {





    color:#F85B10;

    padding-left:450px;

    font-size:13px;



}



.date8px {





    color:#F85B10;

    font-family:"Courier New", Courier, monospace;

    font-size:10px;





}



titre2{





    color:#FFF;

    font-size:58px;

    font-weight:bold;}



titre3{





    color:#F00;

    font-size:14px;

    font-weight:bold;}



.bouton_ok{

    background-image: url(images/Gif/add.gif);

    background-repeat: repeat-x;

    background-color:#818181;

    padding:8px;

    text-transform:capitalize;





}



.bouton_ok:hover{

    background-image: url(images/Gif/add3.gif);

    background-repeat: repeat-x;

    background-color:#6dbe45;

    padding:8px;

    text-transform:capitalize;





}

.solde {

    color:#FFF;

    background-image:url(images/Gif/solde-bg.gif);

    background-repeat:repeat-x;



}



.bouton_c{

    background-image: url(images/Gif/add.gif);

    background-repeat: repeat-x;

    background-color:#818181;

    padding:8px;

    width:100px;

    text-transform:capitalize;





}



.bouton_c:hover{

    background-image: url(images/Gif/add4.gif);

    background-repeat: repeat-x;

    background-color:#ee2724;

    padding:8px;

    text-transform:capitalize;





}





.add {

    background-color:#ff6d07;

    background-image: url(images/Gif/add.gif);

    background-repeat: repeat-x;

    background-color:#818181;



}

.add:hover {



    text-decoration:none;

    background-image: url(images/Gif/add2.gif);

    background-repeat: repeat-x;	

    background-color:#f15e22;

}

.add a:hover {





    color:#000;

    font-weight:bolder;

}

#banner {
    margin-bottom:10px;
}

#preview-file1, #preview-file2, #preview-file3{
	background: rgba(0,0,0,0.5);
	display: none;
    height: 1100px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
	z-index: 8880;
}

#thumbzone {
	float: right;
    margin-right: 10px;
}

#view_recto img, #view_verso img, #view_puce img{
	margin: -23px 0 10px 142px;
}

#addfile1, #addfile2{
	margin-bottom: 4px;
}

#preview-file1 > div, #preview-file2 > div, #preview-file3 > div {
    background: #c1c0c1;
    border: 3px dashed #ccc;
    height: auto;
	max-height: 400px;
    position: fixed;
    top: 14%;
    left: 10%;
    text-align: center;
    padding: 45px 0;
    width: 80%;
    z-index: 8888;
}

#preview-file1 > div > span, 
#preview-file2 > div > span, 
#preview-file3 > div > span {
    background: #000;
    border: 2px solid #ccc;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 18px;
    position: absolute;
    line-height: 18px;
    text-align: center;
    top: -10px;
    right: -10px;
    font-weight: bold;
    text-transform: none;
    width: 18px;
}

.gras {



    background-color:#3A3A3A;

    color:#FFF;

    font-weight:bold;

    font-size:18px;

    padding:3px;

}

.gras a {

    text-decoration:none;

    color:#09F;

}

.gras a:hover {



    color:#F00;}.txt14 {

        font-size: 24px;

        color: #000;

    }

.table{
    border-collapse: collapse;
}
.table.customtable td{
    min-height: 25px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    border-radius: 0px;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
    font-weight: bold;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table .table {
    background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table-bordered {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
	background-color: #FFFFFF;
	color: #000000;
}
.table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}
.table td[class*="col-"],
.table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #000000;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}
.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #333333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.submenu{
    background: #fff;
    position: absolute !important;
    top: 31px;
    margin-left: -147px !important;
}
.hoversub, .hoversub a{
    cursor: pointer;
}
.submenu > li{
    float: none;
}
.submenu > li:hover a{
    background: #fff;
    color: #000;
}
.submenu a{
    width: 100%;
}

.error{background: #db4f4a;}

.success{background: #5cb75c;}

.error, .success{
	color: #fff;
	padding: 5px;
}