html{
	height:100%;
}

body {
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Raleway', sans-serif;
    font-size: 1.18em;
    background-color: #444444;
}

a {
    transition: color .2s;
    text-decoration: none;
}

a {
    transition: color .2s;
    text-decoration: none;
}
a:link,
a:visited { color: #1A9DCC; text-decoration: none; }
a:hover   { color: #7FDBFF; text-decoration: none; }
a:active  {
  transition: color .3s;
  color: #888888;
}

.admin-logo{
    padding:15px;
    width:100%;   
}

h1{
	color: rgba(0, 0, 0, 0.6);
	font-size:1.75em;
	margin:1px 0 18px 0;
	font-weight:bolder;
	text-transform:uppercase;
}

h2{
	color: rgba(0, 0, 0, 0.6);
	font-size:1.5em;
	margin:5px 0 20px 0;
	text-transform:uppercase;
}

h2.title{
	border-bottom:1px solid #ddd;
	padding-top:5px;
	padding-bottom:10px;
}

h3{
	color: rgba(0, 0, 0, 0.6);
	font-size:1.3em;
	margin:15px 0 10px 0;
}

h3.title{
	border-bottom:1px solid #ddd;
	padding-top:5px;
	padding-bottom:10px;
}

.search{
    height:42px;
    background:#fafafa;
    padding:8px 8px 2px 8px;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}

.panel-heading{
    padding:8px;
}

.panel-custom{
    border-radius:0px;
}

.home-title{
	font-size:5em;
}

.home-title div{
	font-size:0.35em;
}

.home-title i{
	padding-right:20px;
}

.table-folder-mail>tbody>tr>td{
    border-top: 0px;
}

.table-folder-sms>tbody>tr>td{
    border-top: 0px;
}

.folderInfo{
    border-bottom:1px solid #dddddd;
    padding:5px;
    font-size:1.1em;
    background: #f5f5f5;
}

.folderInfotitle{
    border-bottom:1px solid #dddddd;
    padding:5px;
    font-weight:600;
    text-transform:uppercase
}

/**********************************************************************MODAL****************************************************************************/

.modal-content{
}

.modal-header{
    padding:8px;
    background:#444;
    color:white;
    font-size:1.25em;
}

.modal-title{
    font-size:1.05em;
}

.modal-body{
}

.modal-footer{
    padding:8px;
    background:#f5f5f5;
}

/***************************************************************************************ALERTES*********************************************************************************************/

#flash{
}

#flash .alert .error{
    color:red;
    font-weight:bolder;
}

.alert{
	border-color:transparent;
	margin-bottom:0px;
	border-radius:0px;
	padding:10px;
}

.alert-dismissable .close, .alert-dismissible .close {
    right:0px;
}

/*************************************************************************************** MENU *********************************************************************************************/

.menu{
}

.menu .off{
    color:#006991;
}

.menu .site{
    text-align:center;
}

.menu .site a{
    color:#222222;
}

.menu-item{
    padding:0;
}

.menu-item ul{
	padding:5px;
}

.menu-item ul li{
    background-color: #c3bf42;
    margin-top:5px;
    padding:8px;
    list-style-type: none;
    font-size:1.1em;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.menu-item ul .on{
    background:#fefefe;
}

.menu-item ul li:hover{
    background-color: #fef200;
}

.menu-item ul li i{
    width:25px;
	font-size:1.1em;
}

.menu-item a{
    color:#444444;
    text-transform:uppercase;
}

.menu-item a:hover{
    color:#000000;
}

/*************************************************************************************** MENU + HEADER *********************************************************************************************/

.admin-bloc {
    border:0px;
    margin-left: 280px;
    height:100%;
}

.admin-content {
    float: right;
    width: 100%;
    padding:0px;
    background-color: #ffffff;
    margin-top:0px;
    min-height:1000px;
}

.admin-menu {
    background: #444444;
    float: left;
    width: 280px;
    margin-left: -280px;
    padding:0 10px 10px 10px;
}

.admin-cleared {
    clear: both;
}

.logout{
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-left:1px solid #eaeaea;
    float:right;
    padding:5px 8px 5px 8px;
    display:inline;
    background-color:#888888;
}

.logout:hover{
    background-color:red;
}

.logout a{
    color:#c0c0c0;
}

.logout a:hover{
    color:#ffffff;
}

.buttonadd{
    padding-left:15px;
    display:inline;
}

/*************************************************************************************** FORM *********************************************************************************************/

.simple-search{
    float:left;
}

.simple-search{
    margin-left:15px;
    margin-right:15px;
}

.simple-search .error li{
    color:#da576a;
    padding:4px;
    font-size:0.85em;
}

.input-xs {
  height: 23px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
}

.input-group-addon-xs {
    padding: 3px 6px;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/**********************************************************************BLOC**********************************************************************/

.bloc{
    border-radius:0px;
}

.bloc-head{ 
    background-color: #f5f5f5;  
    padding:6px;
    border-bottom:0px;
    font-size:1em;
    min-height:33px;
}

.bloc-foot{
    background-color: #f5f5f5;  
    padding:6px;
    border-bottom:1px;
    font-size:1em;
    min-height:33px;
}

.bloc-default>.bloc-head {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.bloc-content {
    padding: 25px;
    border: 1px solid #f5f5f5;
}

.bloc-content-smaller {
    padding: 15px;
    border: 1px solid #f5f5f5;
}

.bloc-table .bloc-content{
    padding: 0;
    border: 1px solid #f5f5f5;
}

.bloc-table .bloc-content table{
    margin-bottom: 0;
}

.bloc-noborder .bloc-content{
    border: 0px;
    padding: 0;
}

.bloc-border{
    padding: 25px;
}

/**********************************************************************PAGINATION**********************************************************************/

.pagination{
    padding:0;
    margin:0;
    font-size:0.8em;
}

.pagination>li>a,
.pagination>li>span {
    border: 1px solid #f5f5f5;
    padding:5px 8px 5px 8px;
    background: #ededed;
    color: #000000;
}

.pagination>li.active>a, .pagination>li.active>a:hover {
    border: 1px solid #f5f5f5;
    background: #c3bf42;
    color: #fff;
}

.pagination > li > a:hover{
    border: 1px solid #fff;
    background: #fef200;
    color: #000;
}

.pagination-right{
    position:absolute;
    margin-bottom:5px;
    display:inline;
    right:-2px;
    top:-2px;
}

/***************************************************************************************RESUME + PANEL*********************************************************************************************/

.panel-admin{
    padding:25px;
    box-shadow:none;
}

.panel-content {
    float: right;
    width: 100%;
    padding:25px;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.panel-cleared {
    clear: both;
}

/***************************************************************************************MODULES*********************************************************************************************/

.nav-tabs .title{
    font-size:1.2em;
    font-weight:bolder;
    text-transform:uppercase;
    padding:5px 12px 3px 6px;
}

.nav-tabs>li>a {
    background-color: #f7f7f7;
    border-bottom:0px;
}

.nav-tabs>li> .danger{
    background-color: #f2dede;
}

.nav-tabs>li> .danger:hover{
    background-color: #ebccd1;
}

.nav-tabs>li> .warning{
    background-color: #fcf8e3;
}

.nav-tabs>li> .warning:hover{
    background-color: #faebcc;
}

.nav>li>a{
    padding:7px 12px;
}

/***************************************************************************************BREADCRUMB*********************************************************************************************/

.breadcrumb {
    font-size:0.95em;
    margin-bottom: 0px;
    background-color: #fafafa;
    border-radius:0px;
    padding: 0px;
	list-style: none; 
	overflow: hidden;
    margin-top: 0px;
    border-bottom:1px solid #eaeaea;
}

.breadcrumb .info{
    float:right;
    color:#444444;
    padding:5px;
}

.breadcrumb>li+li:before {
	padding: 0;
}

.breadcrumb li { 
	float: left; 
}

.breadcrumb li a {
	color: #888888;
	text-decoration: none; 
	padding: 5px 5px 5px 10px;
	position: relative; 
	display: block;
	float: left;
}

.breadcrumb li a:after { 
	content: ""; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 20px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 20px solid transparent;
	border-left: 10px solid #fafafa;
	position: absolute;
	top: 50%;
	margin-top: -20px; 
	left: 100%;
	z-index: 2; 
}

.breadcrumb li a:before { 
	content: ""; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 20px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 20px solid transparent;
	border-left: 10px solid #eaeaea;
	position: absolute;
	top: 50%;
	margin-top: -20px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}

.breadcrumb li:first-child a {
	padding-left:10px;
}

.breadcrumb li a:hover { color: #3d3d3d  ; }




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

    .admin-logo{
        padding:0px;
        width:100%;   
    }

    .admin-bloc {
        margin-left: 50px;
    }

    .admin-menu {
        width: 50px;
        margin-left: -50px;
        padding:0px;
    }

    .menu-item ul{
    	padding:0px;
    }
    
    .menu span{
        display:none;
    }

    .menu .off{
        color:#006991;
    }

    .menu .site{
        text-align:center;
    }

    .menu .site a{
        color:#888888;
    }

    .menu-item{
        padding:0;
    }

    .menu-item ul li{
        margin-top:0px;
    	border:0px;
    }

    .menu-item ul .on{
        background:#fffff;
    	border:0px;
    }

    .menu-item ul li:hover{
    	background:red;
    	color:#ffffff;
    }

    .menu-item ul li i{
    	font-size:1.5em;
    	padding:5px;
    }
    
    .menu .site{
        display:none;
    }
    
    .stats{
        display:none;
    }
    
}