/***** 
DEVAME TECHNOLOGY - www.devame.com - Copyrights 2014
DEVAME CSS TOOLKIT V 1.0
*****/

/***** FONTS ******/
@import url(http://fonts.googleapis.com/css?family=Oxygen);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,400,300);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);

/***** GENERAL *****/
body{
	margin:0;
	color:#34495e;
}
a{
	color:#09C;
	text-decoration:none;
}

.dClear{
	clear:both;
}

/***** LISTS *****/
.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}

/***** HEADING *****/
h1{
	margin-top:5px;
}

/***** IMAGES *****/
img{
	border:0;
}

.dImgLeft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.dImgRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.dImgBorder{
	border:1px solid #bdc3c7;
	border-radius:2px;
	padding:5px;
}

/***** INPUT *****/

.dInput{
	padding:7px;
	border-radius:4px;
	border:1px solid #bdc3c7;
	resize:none;
	font-family:inherit;
}
.dInput:focus{
	border-color: #66afe9;
  	outline: 0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/***** ICON BUTTON *****/
.dIconBtn{
	width:24px;
	height:24px;
	padding: 0 0 0 24px;
	border-radius:4px;
	cursor:pointer;
	border:1px solid #586474;
	margin:0 5px;
}

a.dIconBtn{
	padding:3px 0 0 24px;
}

.dIconButtonDanger{
	background:#e84c3d url(../images/dicons/devame-icons-pack-16.png) 4px -29px no-repeat;
	border:1px solid #9e2f23;
}

.dIconButtonDanger:hover{
	background:#fd7037 url(../images/dicons/devame-icons-pack-16.png) 4px -29px no-repeat;
}

.dIconButtonEdit{
	background:#586474 url(../images/dicons/devame-icons-pack-16.png) 4px -637px no-repeat;
	border:1px solid #3d454f;
}

.dIconButtonEdit:hover{
	background:#6e8091 url(../images/dicons/devame-icons-pack-16.png) 4px -637px no-repeat;
}

/***** BUTTONS *****/
.dButton{
	color:#FFF;
	border:0;
	padding:8px 16px;
	cursor:pointer;
	border-radius:4px;
	font-size:13px;
	text-shadow:none;
	font-weight:normal;
	display: inline-block;
}

.dButtonNormal{
	background:#3ab2d0;
}
.dButtonNormal:hover{
	background:#3498db;
}

.dButtonRefresh, .dButtonEdit, .dButtonCancel, .dButtonDanger, .dButtonWarning, .dButtonInfo, .dButtonAction{
	padding-left:32px;
}

.dButtonRefresh{
	background:#3ab2d0 url(../images/dicons/devame-icons-pack-24.png) 5px -620px no-repeat;
}

.dButtonRefresh:hover{
	background:#3498db url(../images/dicons/devame-icons-pack-24.png) 5px -620px no-repeat;
}

.dButtonCancel{
	background:#95a5a6 url(../images/dicons/devame-icons-pack-24.png) 5px -44px no-repeat;
}

.dButtonCancel:hover{
	background:#7f8c8d url(../images/dicons/devame-icons-pack-24.png) 5px -44px no-repeat;
}

.dButtonEdit{
	background:#3ab2d0 url(../images/dicons/devame-icons-pack-24.png) 5px -957px no-repeat;
}

.dButtonEdit:hover{
	background:#3498db url(../images/dicons/devame-icons-pack-24.png) 5px -957px no-repeat;
}

.dButtonAction{
	background:#45bf7b url(../images/dicons/devame-icons-pack-24.png) 5px -428px no-repeat;
}
.dButtonAction:hover{
	background:#59d78e url(../images/dicons/devame-icons-pack-24.png) 5px -428px no-repeat;
}
.dButtonDanger{
	background:#e84c3d url(../images/dicons/devame-icons-pack-24.png) 5px -620px no-repeat;
}
.dButtonDanger:hover{
	background:#fd7037 url(../images/dicons/devame-icons-pack-24.png) 5px -620px no-repeat;
}
.dButtonWarning{
	background:#f39c11 url(../images/dicons/devame-icons-pack-24.png) 5px -1195px no-repeat;
}
.dButtonWarning:hover{
	background:#f2c311 url(../images/dicons/devame-icons-pack-24.png) 5px -1195px no-repeat;
}
.dButtonInfo{
	background:#586474 url(../images/dicons/devame-icons-pack-24.png) 5px -908px no-repeat;
}
.dButtonInfo:hover{
	background:#6e8091 url(../images/dicons/devame-icons-pack-24.png) 5px -908px no-repeat;
}
.dButtonStandard{
	background:#FFF;
	color:#777;
	border:1px solid #ccc;
}
.dButtonStandard:hover{
	background:#ecf0f1;
}

.dBtn-sm{
	padding:6px 12px;
	background-image:none;
}

.dBtn-xs{
	padding:3px 9px;
	background-image:none;
}

.dBtn-sm:hover, .dBtn-xs:hover{
	background-image:none;
}

.dBtnDisabled{
	opacity:0.5;
	cursor:default;
	pointer-events: none;
}

/***** BOUTTONS GROUP *****/
.dBtn-group{
position: relative;
display: inline-block;
vertical-align: middle;
}

.dBtn-group>.dButton:first-child {
margin-left: 0;
}

.dBtn-group>.dButton:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.dBtn-group>.dButton{
position: relative;
float: left;
}

.dBtn-group>.dButton:last-child:not(:first-child){
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.dBtn-group>.dButton:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}

.dBtn-group .dButton, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
margin-left: -3px;
}


/***** TABLE *****/
.dTable{
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.dTable>thead>tr>th {
	vertical-align: bottom;
	text-align:left;
	border-bottom: 2px solid #ddd;
}

.dTable th, .dTable td{
	padding:10px;
}

.dTable td {
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

/** STRIPPED TABLE **/
.dTableStriped > tbody > tr:nth-child(odd) > td,
.dTableStriped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

/** 3D TABLE **/
.dTable3d{
	background:#fff;
	box-shadow:0 0 5px #ddd;
	color:#535867;
	border:1px solid #dddee4;
	font-size:15px;
}

.dTable3d tr:first-child{
	background:#f2f3f6;
	height:70px;
	text-transform:uppercase;
	text-align:left;
}

.dTable3d th{
	box-shadow: 1px 1px 0 0 #fff inset;
	border-left:#dddee4 solid 1px;
	font-size:16px;
	font-weight:normal;
}

.dTable3d td{
	vertical-align:middle;
}

.dTable3d tr:hover{
	background:#f9f9f9;
}

/***** BLOCS *****/
.dBloc{
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	word-wrap: break-word;
}

.dBloc ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.dBloc li{
	list-style:none;
}

.dBlocClose {
  position: relative;
  top: -2px;
  right: -25px;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #666;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  border:0;
  background: transparent;
  cursor:pointer;
  -webkit-appearance: none;
  padding: 0;
}

.dBlocClose:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.dSimpleBloc{
	color:#bdc3c7;
	background:#ecf0f1;
}

.dErrorBloc{
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.dWarningBloc{
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #c09853;
}

.dSuccessBloc{
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.dInfoBloc{
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

/***** PANELS *****/
.dPanel, .dTabPanel{
	width:100%;
	min-height:100px;
	overflow:auto;
	border:1px solid #F1F1F1;
	border-radius:4px;
}

.dPanelHeader, .dTabPanelHeader{
	width:100%;
	min-height:50px;
	padding:20px;
	background:#F9F9F9;
	box-sizing:border-box;
	font-weight:bold;
	text-shadow:1px 1px 1px #FFF;
}

.dTabPanelHeader{
	height:70px;
	padding:0px;
	border-bottom:1px solid #F1F1F1;
}

.dPanelContent, .dTabPanelContent{
	width:100%;
	min-height:40px;
	padding:20px;
	box-sizing:border-box;
	background:#fff;
	overflow:auto;
}

.dPanelTabContent{
	display:none;
}

.dPanelFooter{
	width:100%;
	min-height:50px;
	padding:20px;
	box-sizing:border-box;
	border-top:1px solid #F1F1F1;
	background:#fff;
}

.dPanelTabItem{
	width:auto;
	min-height:71px;
	padding:20px;
	box-sizing:border-box;
	border-right:1px solid #F1F1F1;
	float:left;
	cursor:pointer;
}

.dPanelTabItem h3{
	margin-top:5px;
}

.dPanelTabItem:hover{
	background:#F1F1F1;
}

.dPanelTabItemSelected{
	background:#FFF;
	border-bottom:1px solid #FFF;
	pointer-events: none;
}

/***** MESSAGE BOXS *****/
.dMessageBoxContainer{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url(../images/dicons/dtrans.png);
	display:none;
	z-index:999999;
}

.dMessageBoxClose, .dWindowMessageBoxClose{
	float:left;
	margin-right:10px;
	cursor:pointer;
}

.dMessageBoxHeader{
	width:100%;
	height:50px;
	margin-top:-10px;
	margin-left:-10px;
	padding:10px;
	background:#dc5959;
}

.dMessageBoxHeader h1{
	float:left;
	color:#FFF;
	margin:0;
	margin-top:8px;
}

.dMessagesBoxFooter{
	width:100%;
	height:20px;
	margin-left:-10px;
	padding:10px;
	padding-top:20px;
	text-align:right;
}

#dMessageBox, #dConfirmationMessageBox{
	width:430px;
	min-height:100px;
	background:#FFF;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-215px;
	margin-top:-120px;
	padding:10px;
	overflow:auto;
	border-radius:4px;
}

#dMessageBoxContainer{
	width:430px;
	min-height:30px;
	margin-left:-10px;
	padding:10px;
	font-size:18px;
	padding-bottom:20px;
	padding-top:20px;
}

#dConfirmationMessageBox{
	width:430px;
	min-height:120px;
	background:#FFF;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-215px;
	margin-top:-120px;
	padding:10px;
	overflow:auto;
}

#dConfirmationMessageContainer{
	width:430px;
	height:55px;
	margin-left:-10px;
	padding:10px;
	border-bottom:1px solid #EEE;
	font-size:18px;
}

#dWindowMessage, #dPanelMessage{
	width:600px;
	min-height:120px;
	background:#FFF;
	position:fixed;
	top:160px;
	left:50%;
	margin-left:-300px;
	padding:10px;
	overflow:auto;
	border-radius:4px;
}

#dWindowMessageContainer, #dPanelMessageContainer{
	width:auto;
	max-height:600px;
	overflow:auto;
	padding:20px;
}

/***** COLUMN ****/
.dCol-2, .dCol-3, .dCol-4, .dCol-5, .dCol-3-2{
	min-height:30px;
	padding:20px;
	box-sizing:border-box;
	overflow:auto;
	float:left;
}

.dCol-2{
	width:50%;
}

.dCol-3{
	width:33.33%;
}

.dCol-3-2{
	width:66.67%;
}

.dCol-4{
	width:25%;
}

.dCol-5{
	width:20%;
}

/***** PROGESS BAR ****/
.dProgress{
	width:inherit;
	height:30px;
	border:1px solid #eee;
	border-radius:5px;
}

dProgressBar{
	width:inherit;
	height:inherit;
	background:red;
	border-radius:5px 0 0 5px;
}


/***** CODE PANEL ****/
.dCodePanel{
	width:100%;
	min-height:10px;
	overflow:auto;
	border:1px solid #eee;
	background:#f9f9f9;
	padding:20px;
	box-sizing:border-box;
	border-radius:5px;
	font-family:"Courier New", Courier, monospace;
}

pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0;
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}

.cp {
	color: #099;
}

.nt {
	color: #2f6f9f;
}

.na {
	color: #4f9fcf;
}

.s {
	color: #d44950;
}

.c {
	color: #999;
}

/****** INFO BULLE *****/
.dInfoBulle{
	position:absolute;
	box-shadow:0 0 5px #ccc;
	background:#333;
	opacity:0.8;
	padding:5px 10px;
	font-size:11px;
	border-radius:5px;
	color:#fff;
	display:none;
	z-index:9999999999;
}