/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/

.page-sidebar .sidebar-toggler { margin-top:5px; margin-bottom:5px; }

.page-footer .page-footer-inner .copyright { margin-left:40px; }
.page-footer .scroll-to-top { bottom:9px; }


@media (max-width: 480px)
{
  .page-header.navbar .top-menu { background-color:transparent !important; display:inline !important; clear:none !important; }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { background-color:transparent !important; }
  .page-footer .page-footer-inner .copyright { display:block; margin-left:0px; margin-bottom:5px; }
  .page-footer .scroll-to-top { bottom:15px; }
}

@media (max-width: 320px)
{
  .page-header.navbar .logo-default { max-width:140px !important; }
}

@media (min-width: 321px) and (max-width: 360px)
{
  .page-header.navbar .logo-default { max-width:160px !important; }
}

@media (min-width: 361px) and (max-width: 480px)
{
  .page-header.navbar .logo-default { max-width:200px !important; }
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 15px 12px 17px 10px !important; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-quick-sidebar-toggler .dropdown-toggle { padding: 14px 12px 17px 10px !important; }


.btn-filter { margin-left:3px; margin-top:-1px; padding:6px 8px; }

.list th .fa { display:inline-block; margin-left:5px; }
.list th .fa-sort-asc { vertical-align:bottom; }
.list th .fa-sort-desc { vertical-align:top; }
.list .create { padding:5px 5px; }

.create a .fa, .action a .fa { padding:0px 4px !important; }
.create a:hover, .action a:hover { text-decoration:none !important; }
.action a:hover { color:#26A69A !important; }

.modal-dialog .btn-oui, .modal-dialog .btn-non { padding-left:30px; padding-right:30px; }









.page-content-wrapper .page-content { padding:20px; }
.page-content-wrapper .page-content h1 { margin-top:0px; }

.list h2 {font-size:12pt;font-weight:bold;margin:5px 0px;}
.list table {font-size:10pt;}
.list table colgroup col {width:100px;text-align:left;}
.list table tr {vertical-align:middle;}
.list table th {text-align:center;}
.list table tr.r0 {background-color:#ffffff;}
.list table tr.r1 {background-color:#f8f8f8;}
.list table tr.suppr td {color:#a0a0a0;}
.list table th, .list table td {padding:1px 2px;}
.list table th {white-space:nowrap;}
.list table th a {color:#000000;text-decoration:none;}
.list table th a:hover {color:#f0a080;}
.list table th a img {width:7px;height:4px;margin:2px 0px 0px 5px;vertical-align:middle;}
.list table th.action {width:80px;color:#808080;text-align:center;}
.list table td.action {text-align:center;}
.list table td img {width:16px;height:16px;border:0px;margin:0px 3px;vertical-align:middle;}
.list table td.create {background-color:#D8E2E8;text-align:left;}
.list table td.create a {display:block;color:#26A69A;font-weight:bold;text-decoration:none;text-align:left;}
.list table td.create a:hover {color:#F3565D;}
.list table tr.input td {background-color:#ddddff;padding:0px;}
.list table tr.input td input,
.list table tr.input td select {font-family:Verdana,Arial,sans-serif;font-size:8pt;vertical-align:middle;}
.list table tr.input td input {background-color:transparent;border:0px;}
.list table tr.input td select {background-color:#ddddff;}
.list table tr.total {background-color:#cccccc;font-weight:bold;}
.list table tr.total td {cursor:default;}
p.rowcount {color:#808080;font-style:italic;margin:5px 0px;}

.form input[type="file"] {display:inline;}

.table > tbody > tr > td { padding:2px 3px; line-height:auto; vertical-align:middle; }

.page-footer .page-footer-inner a { color:#98A6BA; }
.page-footer .page-footer-inner a:hover { color:#1CAF9A; }



#tabnav {font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:bold;line-height:13px;list-style-type:none;padding:0px 0px 24px 10px;border-bottom:1px solid #aaaaaa;margin:0px;}
#tabnav li {float:left;height:23px;background-color:#eeeeee;margin:2px 2px 0px 2px;border:1px solid #aaaaaa;}
#tabnav li.active {border-bottom:1px solid #ffffff;background-color:#ffffff;}
#tabnav li span, #tabnav a {float:left;display:block;color:#999999;text-decoration:none;padding:4px;}
#tabnav li span {color:#000000;}
#tabnav li a {color:#999999;}
#tabnav li a:hover {background-color:#ffcc66;color:#000000;}
#tabnav li a.inactif {cursor:not-allowed;}
#tabbody {border:1px solid #aaaaaa;border-top:0px;clear:both;padding:10px;}
#tabbody h2 {font-size:10pt;margin:0px 0px 10px 0px;}
#tabbody .form h2 {margin:2px 0px;}
#tabbody fieldset {border:0px;margin:0px;padding:0px;}
#tabbody fieldset legend {display:none;}

.ari { margin:0px -5px; }
.ari h2 { font-size:10pt; margin:10px 0px 5px 0px; }
.ari>div { padding-left:5px; padding-right:5px; }
.dropzone { min-height:320px !important; padding:0px !important; }
.dropzone .dz-default.dz-message { background-image:url("dropzone-upload.png") !important; background-size:contain !important; width:200px !important; height:200px !important; margin-left:-100px !important; margin-top:-100px !important; }
.dropzone .dz-preview { margin:10px !important; padding:5px !important; }
.dropzone .dz-filename, .dropzone .dz-error-message { font-size:8pt !important; }
.dropzone.photos { min-height:160px !important; padding:0px !important; }
.dropzone.photos .dz-default.dz-message { width:140px !important; height:140px !important; margin-left:-70px !important; margin-top:-70px !important; }

@media (max-width: 480px)
{
  .gallery-env article.image-thumb .image-options { top:-18px; right:-5px; }
  .gallery-env article.image-thumb .image-options a { width:36px; height:36px; line-height:35px; border-radius:18px; font-size:18px; }
  .gallery-env article.image-thumb .image-options a [class^="entypo-"]::before { line-height:35px; }
  .dropzone { min-height:150px !important; }
  .dropzone .dz-default.dz-message { width:100px !important; height:100px !important; margin-left:-50px !important; margin-top:-50px !important; }
}

@media (min-width: 481px) and (max-width: 768px)
{
  .dropzone { min-height:200px !important; }
  .dropzone .dz-default.dz-message { width:150px !important; height:150px !important; margin-left:-75px !important; margin-top:-75px !important; }
}













.resolution { background-color:#eee; }

@media (min-width:   0px) and (max-width: 320px) { .resolution:before { content:"max-width:   0-320px"; } }
@media (min-width: 321px) and (max-width: 360px) { .resolution:before { content:"max-width: 321-360px"; } }
@media (min-width: 361px) and (max-width: 420px) { .resolution:before { content:"max-width: 361-420px"; } }
@media (min-width: 421px) and (max-width: 480px) { .resolution:before { content:"max-width: 421-480px"; } }
@media (min-width: 481px) and (max-width: 500px) { .resolution:before { content:"max-width: 481-500px"; } }
@media (min-width: 501px) and (max-width: 520px) { .resolution:before { content:"max-width: 501-520px"; } }
@media (min-width: 521px) and (max-width: 540px) { .resolution:before { content:"max-width: 521-540px"; } }
@media (min-width: 541px) and (max-width: 560px) { .resolution:before { content:"max-width: 541-560px"; } }
@media (min-width: 561px) and (max-width: 580px) { .resolution:before { content:"max-width: 561-580px"; } }
@media (min-width: 581px) and (max-width: 600px) { .resolution:before { content:"max-width: 581-600px"; } }
@media (min-width: 601px) and (max-width: 620px) { .resolution:before { content:"max-width: 601-620px"; } }