body{color:#73879C; background:#2A3F54; font-family:Roboto, Arial, sans-serif; font-size:13px; font-weight:normal; line-height:1.471; float:left; min-width:100%;}

header, main, footer, section, aside, figure, figcaption{display:block;}
a{color:#5A738E; cursor:pointer !important;}
table a, p a{text-decoration:underline; color:#337ab7;}
input{outline-width:0px !important;}
pre.standard-text{border:none; background:transparent; font-family:Roboto, Arial, sans-serif; font-size:13px; color:#73879c; padding:0; overflow: visible; white-space: normal;}


/* Pratical */
.margin-left-mini{margin-left:5px;}
.margin-left-small{margin-left:15px;}
.margin-left-medium{margin-left:35px;}
.margin-left-large{margin-left:70px;}
.left{float:left;}
.right{float:right;}
.hidden{display: none;}
.hidden-screen{display: none;}
.outofdate {opacity:0.5;}
.danger{color:#d43f3a;}
.warning{color:#eea236;}
.success{color:#4cae4c;}
.nowrap{white-space:nowrap;}
.uppercase{text-transform:uppercase;}
.first-letter-cap{display:inline-block;}
.first-letter-cap::first-letter{text-transform:uppercase;}
.btn .caret {margin-left:2px;}
.btn{transition:all 0.5s; overflow: hidden;}
.btn-disabled{background-color:#e4e4e4 !important; border-color:#b9b9b9 !important; color:#fff !important;}
.btn-wait, .icon-wait{opacity:0.7; background-color:#aaa !important; border-color:#636363 !important; color:#fff !important; cursor:wait; padding-right:34px; position:relative;}
.btn-wait:hover{background-color:#ccc !important; border-color:#999 !important; color:#fff;}
.btn-wait i, .icon-wait i{opacity:0;}
.btn-wait::after, /*.wait::after, */.icon-wait::after{font-family:"Material Design Icons"; content:"\F04E6"; animation:spin 1s linear infinite; position:absolute; box-shadow:0 0 0 rgba(0, 0, 0, 0); outline:0px !important; border:none; right:6px; top:0px; transform-origin:center; display:block; width:24px; height:34px; font-size:24px; color:white;}
/*.wait::after{width:48px; height:70px; font-size:48px; margin:auto; color:#ddd; left:0; right:0; top:0; bottom:0;}*/
.icon-wait::after{width:24px; height:24px; right:7px; top:10px; line-height:24px;}
@keyframes spin{from {transform:rotate(0deg);} to {transform:rotate(-360deg);}}

/* Layout */
div.container{width:100%; padding:0;}
div.container aside.col-md-3{display:block; width:100%; padding:60px 0 40px 0; position:absolute; transition:width 0.3s;}
div.container>header{padding:0 !important; display:block; position: relative; margin-left:0;}
div.container>main{padding:0px 20px 0; background:#F7F7F7; min-height:calc(100vh - 58px); display:none; position:relative; z-index:1; margin-left:0;}
div.container>footer{background:#fff; padding:5px 20px 0; height:45px; margin:0 -17px;}

body.nav-mobile-open div.container aside.col-md-3{display:block;}

body.print div.container>main{display:block; margin:0; padding:20px;}

/* Login */
body.login div.container>main.login{margin-left:0;}
body.login div.container main.login>div.row{padding-top:20px;}
body.login div.container>main.login>div.row section{margin:0 auto; position:relative; text-shadow:0 1px 0 #fff; min-width:280px; max-width:350px; display:block;}
body.login div.container>main.login>div.row section header{margin-bottom:40px;}
body.login div.container>main.login>div.row form div{margin:0 0 20px;}
body.login div.container>main.login>div.row form div input[type="password"],
body.login div.container>main.login>div.row form div input[type="text"]{border:1px solid #c8c8c8; color:#777; margin:0 0 5px;}
body.login div.container>main.login>footer{width:28%; margin:10px auto 0 auto; min-width:280px; max-width:350px;}
body.login div.container>main.login>footer>p.pull-right{}

/* Public */
body.public div.container>header, body.login div.container>header{margin:0;}
body.public div.container>main{margin-left:0;}
body.public div.container>header>nav>ul>li>a{margin:0;}
body.public div.container>header>nav>ul>li a.user-profile>i{font-size:25px;}

.ajaxload{background:url(../images/load.gif) no-repeat 60% 80% fixed !important; background-size:20% !important; background-color:#F7F7F7 !important;}

body.public header.tools-header{margin-bottom:0;}
body.public div.container > main.timestamp .table > tbody > tr > td{padding:4px 8px;}
body.public div.container > main.timestamp div.row{padding-top:20px;}
body.public div.container > main.timestamp div.row section{margin:0 auto; position:relative; text-shadow:0 1px 0 #fff; min-width:280px; max-width:550px; display:block;}
body.public div.container > main.timestamp div.row section header.tools-header{margin-bottom:40px;}
body.public div.container > main.timestamp div.row section header.tools-header > div{border:none;}
body.public div.container > main.timestamp div.row section header.tools-header h2{font-size:2em; overflow:visible; }
body.public div.container > main.timestamp div.row section header.tools-header li#countdown strong{vertical-align:bottom; margin:0px 0 0 5px; font-size: 17px;}

body.public div.container > main.timestamp div.row section header.tools-header div .form-control{height:50px;}
body.public div.container > main.timestamp div.row section header.tools-header div .btn-lg{width:100%; margin:20px 0; padding:15px 16px; font-size:20px;}

body.public div.container > main.timestamp div.row section .popover{display:block; bottom:auto; left:auto; right:-291px; top:70px; width:300px; max-width:none;}
body.public div.container > main.timestamp div.row section .popover.right > .arrow{top:40px; bottom:auto; margin-top:0;}

body.public div.container > main.timestamp div.row section header.tools-header div .btn-lg.btn-wait::after{right:15px; top:3px; width:38px; height: 51px; font-size: 38px;}

body.public.wait div.container > main.timestamp div.row section header div form :not(button) {opacity:0.5;}
body.public.wait div.container > main.timestamp div.row section header.tools-header div .btn-lg {color:#5cb85c; position:relative;}
body.public.wait div.container > main.timestamp div.row section header.tools-header div .btn-lg::after{font-family:"Material Design Icons"; content:"\F04E6"; animation:spin 1s linear infinite; position:absolute; box-shadow:0 0 0 rgba(0, 0, 0, 0); outline:0px !important; border:none; right:0px; top:0px; bottom:0px; left:0px; margin:auto; transform-origin:center; display:block; width:34px; height:46px; font-size:34px; color:white;}

div.row.timestamp-machine .table > tbody > tr > td{padding:4px 8px;}
div.row.timestamp-machine{padding-top:20px;}
div.row.timestamp-machine section{position:relative; text-shadow:0 1px 0 #fff; min-width:280px; max-width:550px; display:block;}
div.row.timestamp-machine section header.tools-header{margin-bottom:40px;}
div.row.timestamp-machine section header.tools-header > div{border:none;}
div.row.timestamp-machine section header.tools-header h2{font-size:2em; overflow:visible; }

div.row.timestamp-machine section header.tools-header div .form-control{height:50px;}
div.row.timestamp-machine section header.tools-header div .btn-lg{width:100%; margin:20px 0; padding:15px 16px; font-size:20px;}

div.row.timestamp-machine section .popover{display:block; bottom:auto; left:auto; right:-291px; top:70px; width:300px; max-width:none;}
div.row.timestamp-machine section .popover.right > .arrow{top:40px; bottom:auto; margin-top:0;}


/* Badges */
.info-number{position:relative; display:block; padding:10px 15px; font-size:10px; line-height:10px;}
.info-number span.badge{font-size:10px; font-weight:normal; line-height:13px; padding:2px 6px; position:absolute; right:2px; top:1px;}
.info-number i.mdi{margin:0 4px 0 0;}
.info-number strong{display:block; margin:0 4px; float:right;}
span.bg-success{background:#4cae4c !important; border:1px solid #4cae4c !important; color:#fff;}
span.bg-danger {background:#d43f3a !important; border:1px solid #d43f3a !important; color:#fff;}
span.bg-warning {background:#eea236 !important; border:1px solid #eea236 !important; color:#fff;}
span.bg-info {background:#46b8da !important; border:1px solid #46b8da !important; color:#fff; vertical-align: super;}
span.bg-primary {background:#2e6da4 !important; border:1px solid #2e6da4 !important; color:#fff;}

/* Icons */
/*.mdi:before, .mdi-set{line-height:normal; line-height:unset;}*/
.mdi{font-size:18px;}
.mdi-disabled{opacity:0.2; transition:opacity 0.5s;}
td[data-icon-active] .mdi-disabled:hover{opacity:0.8; cursor:pointer;}
.info-number i{font-size:22px !important;}
i.success{color:#4cae4c !important;}
i.danger {color:#d43f3a !important;}
i.warning {color:#eea236 !important;}
i.info {color:#46b8da !important;}
i.primary {color:#2e6da4 !important;}
i.important {transform:scale(1.7) rotate(-15deg);}
i small{font-style:normal; color:#999999;}

.mdi-star, .mdi-star-outline{font-size:1.9em; vertical-align:top;}
.mdi-bigger{font-size:1.5em; vertical-align:top;}
.mdi.operation {color:#999999; cursor:pointer;}
.mdi.operation.mdi-star {color:#46b8da;}
.mdi.operation:hover{color:#269abc;}
.mdi-delete, .mdi-cross, .mdi-checkbox-marked, .mdi-checkbox-blank-outline{cursor:pointer;}
.mdi-delete:hover{color:#111;}

span.badge i.mdi{margin:0; font-size: 13px !important;}

.ratings.readonly .mdi.operation.mdi-star{cursor:text; color:#999999;}
.ratings.readonly .mdi.operation.mdi-star-outline{cursor:text; color:#cccccc;}
.ratings.disabled .mdi.operation.mdi-star{cursor:not-allowed;}
.ratings.disabled .mdi.operation.mdi-star-outline{cursor:not-allowed; color:#cccccc;}

.ratings.readonly .mdi.operation.mdi-star:hover{color:#999999;}
.ratings.disabled .mdi.operation.mdi-star:hover{color:#999999;}
.ratings.readonly .mdi.operation.mdi-star-outline:hover,
.ratings.disabled .mdi.operation.mdi-star-outline:hover{color:#cccccc;}


.cell-h1 .mdi{color:#73879C;}

/* Interface achor Animation */
tr.emphasis{transition:all 0.3s; border:1px solid rgba(113, 123, 154, 0.7); transform: scale(1.025); position:relative;}
ul.diary li.emphasis{transition:all 0.3s; border:1px solid rgba(113, 123, 154, 0.7); transform: scale(1.025); position:relative;}

div.container main>div.row section.emphasis{transition:all 0.3s; border-color:rgba(113, 123, 154, 0.7); transform: scale(1.025); position:relative;}
div.container main>div.row section.profile.emphasis>header{ background: rgba(222, 230, 239, 0.31);}

/* Tabs */
.nav-tabs{position:relative; top:1px; z-index:1; clear:both;}

/* Table */
table{border:1px solid rgba(221, 221, 221, 0.78);}
table .cell-mini{width:2%;}
table .cell-small{width:5%;}
table .cell-medium{width:10%;}
table .cell-large{width:30%;}
table .cell-xlarge{width:40%;}
table .cell-xxlarge{width:60%;}
table .cell-full{width:100%;}
table .cell-nowrap{white-space:nowrap;}
table td{transition:all 0.9s;}
table .cell-hover td, table .cell-hover th{transition:all 0.3s; cursor:pointer;}
table .cell-hover td:hover, table .cell-hover th:hover{background-color:#dff0d8 !important;}
table .cell-h1 td{font-size:15px; font-weight:normal; border-top:1px solid rgba(52, 73, 94, 0.15) !important; border-bottom:1px solid rgba(52, 73, 94, 0.15); background:rgba(52, 73, 94, 0.10);}
table .cell-h1 th{font-size:15px; font-weight:normal; color:#ECF0F1; background:#2A3F54;}

table tr.disabled th, table tr.disabled td{opacity:0.75;}
table tr td.disabled{opacity:0.35;}
table td h5{margin:0;}
table tr.minified{display:none;}

table.grid.table>tbody>tr>td.headrow{text-align:left;}
table.grid.table>tbody>tr>td{position:relative; text-align:center; padding:12px 8px 4px 8px;}
table.grid.table>tbody>tr>td.we:not(.warning):not(.success){background: #eaf2f9;}
table.table>tbody>tr>th.today, table.table>tbody>tr>td.today{border-left:1px double #006dbb; border-right:1px solid #006dbb;}
table.grid.table>tbody>tr>td em{display: block; letter-spacing:1px; border-radius:0 0 .25em .25em; width:100%; position:absolute; top:0; left:0px; padding:1px 0; background:#46b8da; color:#fff; text-transform:uppercase; font-size: 0.65em; line-height: 8px; text-align: center;}
table.grid.table>tbody>tr>td .label-info{display:inline-block; width:100%;}

.selected table{box-shadow:0 0 5px 0px #31b0d5;}
.selected table .cell-h1 th{background:#31b0d5 !important} 

/* Dropdown menu */
.dropdown-menu:after {border-bottom:6px solid #999999; border-left:6px solid transparent; border-right:6px solid transparent; content:""; display:inline-block; right:6%; position:absolute; top:-6px;}
.dropdown-menu>li>span{display:block; padding:3px 10px; font-weight:bold;}


/* Popover - top */
.well-popover{position:relative; display: block; text-align:center; max-width:50px; font-weight:normal; margin:0; padding:0 9px;}
.well-popover:hover .popover{display:block;}
.popover{top:auto;bottom:24px;left:-60px;}      
.popover .arrow{bottom:-31px; left:70px;}
.popover .arrow:after {bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width:0; content: " ";     border-width: 10px;}
.popover.popover-bottom{top:24px; bottom:auto;}
.popover.popover-bottom .arrow{top:-10px; bottom:auto;}
.popover.popover-bottom .arrow:after{transform:rotate(180deg);}
.popover-title {padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;}
.popover-content {padding: 9px 16px;}
.popover-content h5{background: #f4f4f4; border-radius:5px; padding:8px; border: 1px solid #e3e3e3;}
.popover-content table{ margin-bottom:0;}
.popover-content small{ display:block; border-bottom:1px solid #999;}
.popover-content table small{border-bottom:none;}
.popover.right .arrow::after{margin-left:0px; border-top-color:transparent;}
/** Hack on popover on the map **/ div.presence + .popover.top{bottom:auto;}

/* Summary */
ol.summary, ol.summary ol {counter-reset:section; list-style:none; padding:0;}
ol.summary li::before{content: counters(section, ".") " - "; }
ol.summary li{counter-increment: section; padding:5px 0 5px 0px;}
ol.summary>li{border-top:1px solid #e5e5e5; padding:10px 0; margin:0px 0;}
ol.summary li ol{}
ol.summary li ol li{counter-increment: section; padding:5px 0 5px 40px;}
ol.summary li ol li:nth-child(odd){background-color:rgb(240, 240, 240);}
ol.summary li a{text-decoration:underline;}
ol.summary li a code{padding:0; font-size:1em; background-color:transparent; color:#c76688;}


/* Form */
.inner-addon{position:relative; padding:0px !important; border:0px !important;}
.inner-addon .mdi{position:absolute; padding:5px 8px; margin:3px 0; pointer-events:none; z-index:5; font-size:18px; line-height:18px; border-right:2px solid #eee;}
.left-addon .mdi{left:0px;}
.right-addon .mdi{right:0px;}
.left-addon input, .left-addon select{padding-left:38px;}
.right-addon input, .right-addon select{padding-right:38px;}
legend{margin-bottom:10px;}
fieldset{margin-bottom:20px;}

div.form-group div.input-group span.input-group-addon.addon-operation{background-color:rgb(255, 255, 255); border-left:0; border-radius:0; cursor:pointer;}
div.form-group div.input-group span.input-group-addon.addon-operation:last-child{border-radius:0 4px 4px 0;}

input.error-form-field{background:#FAEDEC; border:1px solid #E85445;}
ul.errors-list{list-style:none; color:#E74C3C; padding-left:0;}
*:disabled{/*text-decoration:line-through;*/}

.options-addlist-container{min-height:200px;}
ul.options-addlist{list-style:none; margin:0; padding:0; transition: all 0.5s;}
ul.options-addlist li{display:block; border: 1px solid #ccc; padding:5px 35px 5px 5px; position:relative; cursor:pointer; background-color:#eee; transition: all 0.5s;}
ul.options-addlist li:not(.added):hover{background-color:#fafafa;}
ul.options-addlist li::after{font-family:"Material Design Icons"; content:"\F0419"; transition: all 0.5s; opacity:0.6; background-color:transparent; display:block; width:24px; height:24px; font-size:24px; position:absolute; right:5px; top:-3px}
ul.options-addlist li:not(.added):hover::after{opacity:1;}
ul.options-addlist li.added{opacity:0.5; cursor:default;}
ul.options-addlist li.added::after{content:"\F0377";}

ul.options-addlist.options-receiver{min-height:210px; box-shadow: 0px 0px 5px 1px #ddd inset; background-image:linear-gradient(#f9f9f9 .1em, transparent .1em); background-size: 100% 30px; background-position:top;
}
ul.options-addlist.options-receiver li{ background-color:#eaf2f9; padding:5px; cursor:default;}
ul.options-addlist.options-receiver li.primary{ background-color:#e8e8e8;}
ul.options-addlist.options-receiver li.disabled{opacity:0.4;}
ul.options-addlist.options-receiver li::after{display:none;}
ul.options-addlist.options-receiver li i.mdi{vertical-align:middle;}
ul.options-addlist.options-receiver li .operation{float:right; margin-top:-5px; background: rgba(255, 255, 255, 0.5); cursor: pointer; padding:5px 11px; display: block; transition: color 0.2s, background 0.4s;}
ul.options-addlist.options-receiver li .operation:hover{background: rgba(0, 0, 0, 0.1);}


.modal-content{text-align:left;}
.modal-largest{width:90%;}
.modal-body .form-inline{}
.modal-body .form-inline div.row{margin-bottom:10px;}
.modal-body .form-inline div.row > div > div input,
.modal-body .form-inline div.row > div > div select,
.modal-body .form-inline div.row > div > div button{border-radius:0;}
.modal-body .form-inline div.row > div > div:first-of-type input,
.modal-body .form-inline div.row > div > div:first-of-type select,
.modal-body .form-inline div.row > div > div:first-of-type button{border-radius:4px 0 0 4px;}
.modal-body .form-inline div.row > div > div:last-of-type input,
.modal-body .form-inline div.row > div > div:last-of-type select,
.modal-body .form-inline div.row > div > div:last-of-type button{border-radius:0 4px 4px 0;}
.modal-body .form-inline div.form-group{width:auto; padding:0; display:inline;}
.modal-body .form-inline div.form-group>div{padding:0 3px 0 0; padding:0;}
.modal-body .form-inline div.form-group>div input,
.modal-body .form-inline div.form-group>div select{width:100%; border-radius:0;}
.modal-body .form-inline div.form-group>div button{border-radius:0;}
.modal-body .form-inline div.form-group:last-child>div button{border-radius:0 4px 4px 0;}
.modal-body .form-inline div.form-group div.input-group{width:100%;}
.modal-body .form-inline div.form-group div.input-group-addon{background-color:transparent; padding-right:6px; padding-left:6px; width:60px;}
.modal-body .form-inline div.form-group span.input-group-addon{width:60px;}
.modal-body .form-inline div.form-group div.input-group-addon .mdi{}
.modal-body .form-inline .has-error span.input-group-addon{color:#555; border:1px solid #ccc; background-color:#eeeeee;}
.modal-body .form-inline label{display:inline; width:auto; padding:0;}
.modal-body .form-inline div.form-group .form-control{padding:6px 8px; /*width:100%; problematic...*/}
.modal-body .form-inline div.form-group:before{display:none;} /* Hack: Otherwise bootstrap forced an block (table) display. No inline possible. */
.modal-body .form-inline div.form-group:after{display:none;}/* Hack: Otherwise bootstrap forced an block (table) display. No inline possible. */
.modal-body .modal-footer{width:calc(100% + 30px); margin-left:-15px; padding:15px 15px 0 15px;}
.modal-open div.container>main{position:static;} /* Hack: Otherwise modal window won't be on top' */

*[data-target]{cursor:pointer; transition:color 0.5s;}
*[data-target]:not(.btn-warning):hover{color:rgba(0, 0, 0, 0.8);}
*[readonly="readonly"]:focus{box-shadow: none; border-color:#ccc;}

/* Aside */
aside div.navbar {margin-bottom:0;}
aside div.nav_title {background:#2A3F54; border-radius:0; height:57px;}
aside div.nav_title i{padding:6px 10px 6px 4px; display:inline-block;}
aside div.nav_title a.site_title {text-overflow:ellipsis; text-decoration:none; overflow:hidden; font-weight:400; font-size:22px; /*width:100%;*/ color:#ECF0F1 !important; line-height:59px; display:inline-block; height:55px; padding-left:10px;}

aside figure {}
aside figure>div{width:68px; max-height:68px; float:left; overflow:hidden; margin-left:5%; background:#fff; /*z-index:1000;*/ margin-top:20px; border:1px solid rgba(52, 73, 94, 0.44);}
aside figure>div>img {display:block; width:100%;}
aside figure>figcaption{padding:25px 10px 10px; width:65%; float:left;}
aside figure>figcaption>span{line-height:30px; color:#BAB8B8;}
aside figure>figcaption>h2 {font-size:14px; color:#ECF0F1; margin:0; font-weight:300;}

aside nav{}
aside nav h3{border:1px solid rgba(255, 255, 255, 0.1); color:#A8A8A8; border-width:1px 0; font-size:1.3em; padding:5px 0 5px calc(50% - 200px); margin:1em 0 0 0;}
aside nav>ul.nav{max-width:450px; margin:0 auto;}
aside nav>ul.nav>li{position:relative; display:block;}
aside nav>ul.nav>li.active{border-right:5px solid #1ABB9C;}
aside nav>ul.nav li a{position:relative; display:block; background:transparent !important;}
aside nav>ul.nav>li>a{color:#E7E7E7 !important; font-weight:400; transition:all 0.5s; margin-bottom:6px; padding:13px 15px 7px 15px;}
aside nav>ul.nav .mdi{width:26px; opacity:.99; display:inline-block; font-style:normal; font-weight:normal; font-size:18px; -webkit-font-smoothing:antialiased;}
aside nav>ul.nav span.mdi{float:right; text-align:center; margin-top:1px; font-size:18px !important; min-width:inherit; color:#C4CFDA;}
aside nav>ul.nav li:hover{background:rgba(255, 255, 255, 0.05) !important;}
aside nav>ul.nav>li li.selected{background:rgba(255, 255, 255, 0.05) !important;}

aside nav>ul.nav>li>ul{display:none;}
aside nav>ul.nav>li>ul>li{padding-left:36px;}
aside nav>ul.nav>li>ul>li:before{position:absolute; right:auto; bottom:auto; content:""; background:#425668; height:8px; width:8px; left:23px; margin-top:15px; z-index:1; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
aside nav>ul.nav>li>ul>li:after {position:absolute; top:0; bottom:0; left:27px; content:""; border-left:1px solid #425668;}
aside nav>ul.nav>li>ul>li>a{color:rgba(255, 255, 255, 0.75) !important; font-size:12px; padding:9px;}

aside div.sidebar-footer{display:none; clear:both; padding:5px 0 0 0; width:230px; z-index:1000; background:#2A3F54;}
aside div.sidebar-footer>a{padding:7px 0 3px; text-align:center; color:#5A738E !important; width:25%; font-size:17px; display:block; float:left; background:#172D44;}
aside div.sidebar-footer>a:hover{background:#425567;}

/* Small sidebar nav (-sm) Menu close state */
body.nav-sm div.container aside{z-index:200; display:none; top:58px;}
body.nav-sm div.container>header{ transition:margin-left 0.3s;}
body.nav-sm div.container>header>nav{background:#EDEDED;}
body.nav-sm div.container>header>nav>a{float:left; color:#5A738E;}
body.nav-sm div.container>header>nav>ul{display:block;}
body.nav-sm div.container main{display:block; margin-left:0; transition:margin-left 0.3s;}

body.nav-sm aside div.sidebar-footer{display:none;}
body.nav-sm header>nav>a{transform:scale(-1, 1);}

/* Top navigation */
div.container>header>nav{min-height:58px; /*float:left;*/ border-bottom:1px solid #D9DEE4; /*margin-bottom:10px;*/ width:100%; /*transition: all 0.5s;*/}
div.container>header>nav>a{display:block; float:right; margin:0; padding-top:16px; width:70px; padding:15px 15px 0; position:relative; z-index:6; color: #ffffff;}
div.container>header>nav>a>i{font-size:32px;}
div.container>header>nav>ul{display:none; margin:0; /*width:100%;*/ text-align:right; /*position:absolute; right:0;*/ z-index:5;}
div.container>header>nav>ul>li{display:inline-block; float:none;}
div.container>header>nav>ul>li>a{display:block; color:#515356 !important; font-weight:400; line-height:32px; position:relative; padding:13px 15px 7px;}
div.container>header>nav>ul>li>a>i{font-size:2.0em;}

div.container>header>nav>ul>li.open .dropdown-menu{position: absolute;}
div.container>header>nav>ul>li ul.dropdown-menu {position:absolute; background:#fff; margin-top:0; padding:0; border:1px solid #D9DEE4; width:300px !important; -webkit-box-shadow:none;}

div.container>header>nav>ul>li ul.dropdown-menu>li:not(.divider){background:#f7f7f7; padding:8px 5px; /*width:96% !important;*/}
div.container>header>nav>ul>li ul.dropdown-menu>li.danger{background:#ffe5e5;}
div.container>header>nav>ul>li ul.dropdown-menu>li:hover{background:#eee;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a{width:100%; padding:3px 5px; white-space:normal; font-size:0.8em; display:block;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a:hover{background:transparent;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a>span:not(.badge){display:block; float:left; overflow:hidden; margin-right:10px;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a>span>img{width:28px; margin:-1px 0 0 -5px;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a>span>i{font-size:28px; margin:-1px 0 0 -5px;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a>strong{font-size:1.1em;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a>em{font-size:0.9em; position:absolute; right:35px;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a>p{margin:3px 0 0 0;}

div.container>header>nav>ul>li ul.dropdown-menu>li>a.all{text-align:center;}
div.container>header>nav>ul>li ul.dropdown-menu>li>a.all>i{font-size:20px; vertical-align:middle;}

div.container>header>nav>ul>li a.user-profile{line-height:32px;}
div.container>header>nav>ul>li a.user-profile>span{display:none; width:30px; height:30px; border-radius:50%; margin-right:10px; float:left; overflow:hidden;}
div.container>header>nav>ul>li a.user-profile>span img{width:30px; margin:-5px 0 0 -5px;}
div.container>header>nav>ul>li a.user-profile>i{vertical-align:middle; font-size:16px; background: rgba(255, 255, 255, 0.58); border-radius:50%; padding: 3px 6px; margin:0 3px; transition:background-color 0.5s, box-shadow 0.5s;}
div.container>header>nav>ul>li a.user-profile>i:hover{background: rgba(255, 255, 255, 1); box-shadow: 0 0 5px rgba(150, 150, 150);}

div.container>header>nav>ul>li ul.dropdown-usermenu{}
div.container>header>nav>ul>li ul.dropdown-usermenu>li{margin:0;}
div.container>header>nav>ul>li ul.dropdown-usermenu>li:not(.divider){width:100% !important; background:#fff; transition:margin 0.5s, background-color 0.5s;}
div.container>header>nav>ul>li ul.dropdown-usermenu>li:hover{width:100% !important; margin:0; background:#eee;}
div.container>header>nav>ul>li ul.dropdown-usermenu>li>a{padding:12px 20px;}
div.container>header>nav>ul>li ul.dropdown-usermenu>li>a>i{font-size:20px;}



/* Tools bar */
div.form-add-zone ul.tools-hz-bar{margin:0;}
ul.tools-hz-bar{min-width:70px; margin:1px 0 0 0; float:right!important;}
ul.tools-hz-bar.tools-wide{width:100%;}
ul.tools-hz-bar>li{display:inline-block; cursor:default; vertical-align:top; font-size:0;}
ul.tools-hz-bar>li>span, ul.tools-hz-bar>li>a{position:relative; display:block; padding:15px 15px; line-height:10px;}

ul.tools-hz-bar>li>.form-group{width:200px; padding:3px 10px; display: inline-block; vertical-align:middle;}

ul.tools-hz-bar>li>.btn{padding:11px 8px;}
ul.tools-hz-bar>li>.btn.btn-primary:hover, ul.tools-hz-bar>li>.btn.btn-primary:active {background-color: #286090;}
ul.tools-hz-bar>li>.btn.btn-info:hover, ul.tools-hz-bar>li>.btn.btn-info:active {background-color: #31b0d5;}
ul.tools-hz-bar>li>.form-inline .input-group{top:-3px; display:flex;}
ul.tools-hz-bar>li>.form-inline .input-group input + input, ul.tools-hz-bar>li>.form-inline .input-group input + select{border-width:1px 1px 1px 0;}
ul.tools-hz-bar>li>span, ul.tools-hz-bar>li>a:not(.info-number){font-size:14px;}
ul.tools-hz-bar>li.left{float:left;}
ul.tools-hz-bar>li.disabled{opacity:0.55;}
ul.tools-hz-bar>li i{font-size:14px;}
ul.tools-hz-bar>li i.mdi{vertical-align:middle;}

ul.tools-hz-bar>li .operation.big{border:1px solid #aaa; border-radius:8px; padding:0px 15px; margin-right:5px; transition:all 0.5s;}
ul.tools-hz-bar>li .operation.big i{font-size:24px; margin:5px; transition:all 0.5s;}
ul.tools-hz-bar>li .operation.big:hover{border:1px solid #888; box-shadow:0 0 5px rgba(0, 0, 0, 0.6);}
ul.tools-hz-bar>li .operation.active{background-color:#46b8da !important;}
ul.tools-hz-bar>li .operation.active i.mdi{color:#fff;}
ul.tools-hz-bar>li .operation.active span.badge{background-color:#fff !important; color:#46b8da !important;}
ul.tools-hz-bar>li .operation.bigger{transform:scale(1.2) rotate(15deg);}


ul.tools-hz-bar>li .operation{background:rgba(255, 255, 255, 0.5); border-radius:4px; cursor:pointer; height:34px; line-height:34px; padding:0px 6px; transition:color 0.2s, background 0.4s;}
ul.tools-hz-bar>li:hover .operation {background:rgba(255, 255, 255, 0.9); color:#2A3F54;}
ul.tools-hz-bar>li .operation.selected{background:#3D7F8D; color:#fff; border:1px solid #3D7F8D;}
ul.tools-hz-bar>li .operation.toapprove{background:#ffffd8; color:#606060; border:1px solid #ccc;}
ul.tools-hz-bar>li:hover .operation.toapprove{color:#171717;}
ul.tools-hz-bar>li.has-error .operation{color:#a94442; border:1px solid #a94442;}
ul.tools-hz-bar>li .operation.approved{color:#ffffff; background-color:#00a32f; border:1px solid #00a32f;}
ul.tools-hz-bar>li .operation.userapproved{color:#b1b1b1; cursor:default !important;}
ul.tools-hz-bar>li:hover .operation.selected{color:#ddd;}
ul.tools-hz-bar>li .operation.hiden{opacity:0; cursor:default !important; color:#fff;}
ul.tools-hz-bar>li .operation.unavailable{opacity:0.25; cursor:not-allowed !important;}
ul.tools-hz-bar>li .operation.wait{background:#f0ad4e; color:#fff; border:1px solid #f0ad4e;}

ul.tools-hz-bar>li .operation i{vertical-align:baseline;}
ul.tools-hz-bar>li .operation div, ul.tools-hz-bar>li .operation i{transition:color 0.3s;}
ul.tools-hz-bar>li .operation-success div{background:rgba(200, 200, 200, 0.3);}
ul.tools-hz-bar>li .operation-danger div{background:rgba(200, 200, 200, 0.3);}
ul.tools-hz-bar>li .operation-warning div{background:rgba(200, 200, 200, 0.3);}
ul.tools-hz-bar>li .operation-info div{background:rgba(200, 200, 200, 0.3);}
ul.tools-hz-bar>li .operation-primary div{background:rgba(200, 200, 200, 0.3);}
ul.tools-hz-bar>li .operation-success div:hover{background:rgba(76, 174, 76, 1);}
ul.tools-hz-bar>li .operation-danger div:hover{background:rgba(212, 63, 58, 1);}
ul.tools-hz-bar>li .operation-warning div:hover{background:rgba(238, 162, 54, 1);}
ul.tools-hz-bar>li .operation-info div:hover{background:rgba(70, 184, 218, 1);}
ul.tools-hz-bar>li .operation-primary div:hover{background:rgba(46, 109, 164, 1);}

ul.tools-hz-bar>li .operation-success i{color:rgba(76, 174, 76, 1);}
ul.tools-hz-bar>li .operation-danger i{color:rgba(212, 63, 58, 1);}
ul.tools-hz-bar>li .operation-warning i{color:rgba(238, 162, 54, 1);}
ul.tools-hz-bar>li .operation-info i{color:rgba(70, 184, 218, 1);}
ul.tools-hz-bar>li .operation-primary i{color:rgba(46, 109, 164, 1);}

ul.tools-hz-bar>li .operation-success i:hover,
ul.tools-hz-bar>li .operation-danger i:hover,
ul.tools-hz-bar>li .operation-warning i:hover,
ul.tools-hz-bar>li .operation-info i:hover,
ul.tools-hz-bar>li .operation-primary i:hover{color:rgba(255, 255, 255, 1);}

ul.tools-hz-bar>li .operation{position:relative;}
ul.tools-hz-bar>li .operation .msg{position:absolute; display:none; width:140px; bottom:25px; right:20px; z-index:5; background:rgba(255, 255, 255, 0.8); color:#545454; font-size:12px; line-height:12px; padding:5px; border:1px solid #545454;}
ul.tools-hz-bar>li:hover .operation .msg{display:block;} 

/* Main */
div.container main>header {width:100%; height:65px; padding:10px 0;}
div.container main>header>div.title_left{width:35%; float:left;}
div.container main>header>div.title_left h3{margin:9px 0 20px 0; font-size:1.8em; font-weight:bold;}
div.container main>header>div.title_left h3 small{color:#73879C; font-size:0.6em;}

div.container main>header div.title_right{width:65%; float:right;}
div.container main>header div.title_right>div{margin:10px 0; padding:0;}
div.container main>header div.title_right>div input[type="text"] {width:99%; border-right:0; box-shadow:inset 0 1px 0px rgba(0, 0, 0, 0.075); border-radius:25px 0px 0px 25px; padding-left:20px; border:1px solid rgba(221, 226, 232, 0.49) !important; line-height:30px;}
div.container main>header div.title_right>div button {border-radius:0px 25px 25px 0px !important; border:1px solid rgba(221, 226, 232, 0.49); border-left:0; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); margin-bottom:0 !important; margin-right:5px;}

div.container main>div.row{margin-right:-10px; margin-left:-10px;}
div.container main>div.row section{position:relative; width:100%; margin-bottom:10px; padding:10px 17px; background:#fff; border:1px solid #E6E9ED; /*-webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid;*/ opacity:1; transition:opacity .2s ease, background .2s ease;}
div.container main>div.row section div.col-md-6 section{border:none;}

header.tools-header{border-bottom:1px solid #eee; padding:1px 5px 5px 0; margin-bottom:10px;}
header.tools-header h2{font-size:1.5em; margin:5px 0 6px; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
header.tools-header::after{display:block; content:''; clear:both;}
header.tools-header>div{display:block; clear:both; border-top:1px solid #ddd; background-color:rgba(248, 248, 248, 0.3); padding:5px 5px 5px 17px; margin:0 17px 0 0}

header.tools-header>div form.highlighted{box-shadow: 0 0 3px 1px #46b8da;}

header.tools-header.topfixedbar{position:fixed; border-bottom:1px solid #E6E9ED; width:100%; top:0; z-index:1000; left:0; padding:10px; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
header.tools-header.topfixedbar ul.tools-hz-bar>li .operation{background-color: #f7f7f7;}

div.container main>div.row section>div.header-section{}
div.container main>div.row section>div.subheader-section{border-bottom:2px solid #E6E9ED; padding:10px 0;}
div.container main>div.row section>div.body-section{}
div.container main>div.row section>div.footer-section{}

div.container main>div.row section>div.body-section div.dataTables_length{width:40%; float:left;}
div.container main>div.row section>div.body-section div.dataTables_filter {width:50%; float:right; text-align:right;}

div.container main>div.row section>div.body-section table.jambo_table thead{background:rgba(52, 73, 94, 0.94); color:#ECF0F1;}

div.container main>div.row section>div.body-section div.dataTables_info{width:60%; float:left;}
div.container main>div.row section>div.body-section div.paging_full_numbers{width:400px; height:22px; line-height:22px;}
div.container main>div.row section>div.body-section div.dataTables_paginate{float:right; text-align:right;}
div.container main>div.row section>div.body-section div.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active{border:1px solid #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 3px; cursor:pointer;}
div.container main>div.row section>div.body-section div.paging_full_numbers a.paginate_active{background-color:#99B3FF;}


/* Profil */
div.container main>div.row section.profile{padding:0; transition:height 0.5s; position:relative;}
div.container main>div.row section.profile>header{border-bottom:0px; margin-bottom:0px; background:rgba(52, 73, 94, 0.10); padding:0px 0px 0px 17px;}
div.container main>div.row section.profile>header.choice {background: #ddecca;}
div.container main>div.row section.profile>header.disabled{opacity:0.65;}
div.container main>div.row section.profile>header>h2{margin-top:10px; white-space:normal;}
div.container main>div.row section.profile>header>h2 a,
div.container main>div.row section.profile>header>h2 > span{display:inline-block; width:250px; vertical-align:top;}
div.container main>div.row section.profile>header>h2 small{display:block; line-height:1.4em; vertical-align:middle; font-size:0.5em; margin:0 0 0 10px; float:right;}
div.container main>div.row section.profile>header>h2 small strong{font-size:1.1em;}
div.container main>div.row section.profile>header ul>li div.infos{position:relative; border-bottom: 1px solid; margin-bottom:2px;}
div.container main>div.row section.profile>header ul>li div.infos > i{position:absolute; z-index:10; top:0px;}
div.container main>div.row section.profile>header ul>li a.operation{vertical-align:top;}
div.container main>div.row section.profile>header ul>li .operation{height:42px; padding:4px 12px;}
div.container main>div.row section.profile>header ul>li .operation div{margin:2px 2px 0 0; border-radius:50%; padding:4px; height:26px; display:block;}
div.container main>div.row section.profile>header ul>li .operation div i{margin:1px; font-size: 16px !important;}
div.container main>div.row section.profile>header+div.row{margin:0 -11px;}
div.container main>div.row section.profile>div.minified{margin-top:10px; display:none;}

/* Expand */
body.expand{}
body.expand div.container main,
body.expand div.container main div.col-md-12,
body.expand div.container main>div.row section{position:static;}
body.expand div.container aside.col-md-3,
body.expand div.container main>div.row div.body-section section.profile:not(.expand){display:none;}
body.expand div.container main>div.row div.body-section section.profile.expand{position:absolute; width:calc(100% - 40px); top:0; left:0; right:0; margin:20px auto; min-height:calc(100vh - 40px); z-index:1000; border:1px solid #2A3F54; box-shadow:0 0 30px #2A3F54;}
body.expand div.container main>div.row div.body-section section.profile.expand>header ul>li a.collapse-link i.mdi{background:#2A3F54; color:rgba(255, 255, 255, 0.8);}
body.expand div.container main>div.row div.body-section section.profile.expand>header ul>li a.collapse-link:hover i.mdi{box-shadow: 0 0 8px rgba(86px 86px 86px 1);}
body.expand div.container main>div.row section.profile.expand>div.minified{display:block !important;}

div.container main>div.row section.profile>header ul>li a.collapse-link i.mdi{background: rgba(255, 255, 255, 0.58); border-radius:50%; padding: 4px 6px; margin:0 3px; transition:background-color 0.5s, box-shadow 0.5s;}
div.container main>div.row section.profile>header ul>li a.collapse-link:hover i.mdi{background: rgba(255, 255, 255, 1); box-shadow: 0 0 5px rgba(150, 150, 150);}

div.container main>div.row section.profile>header ul>li .operation-success,
div.container main>div.row section.profile>header ul>li .operation-danger,
div.container main>div.row section.profile>header ul>li .operation-warning,
div.container main>div.row section.profile>header ul>li .operation-info,
div.container main>div.row section.profile>header ul>li .operation-primary{height:42px; padding:6px 3px;}

div#crop-avatar{display:inline-block; position:relative; margin:0 0 30px 0;}
div#crop-avatar span{height:34px; width:34px; position:absolute; bottom:3px; right:3px; background-color:rgba(255, 255, 255, 0.9); padding:4px 0; text-align:center; border:1px solid #b0b4ba; cursor:pointer;}
div#crop-avatar span:hover i{color:#111;}

figure.avatar-view {display:block; height:160px; width:160px; margin:0 0 30px 0; border:3px solid #fff; border-radius:5px; box-shadow:0 0 5px rgba(0, 0, 0, .15); overflow:hidden;}
figure.avatar-view img{width:100%;}
figure.article-view {display:block; width:80%; min-width:300px; border:3px solid #fff; border-radius:5px; box-shadow:0 0 5px rgba(0, 0, 0, .15); cursor:pointer; overflow:hidden; margin:0 0 30px 0;}
figure.article-view img{width:100%;}
div#crop-avatar > figure.avatar-view {margin: 0;}

ul.user_data li{margin-bottom:8px; padding:0 0 0 25px; position:relative;}
ul.user_data li i{position:absolute; left:0px;}
ul.user_data li blockquote{font-size:13px; padding:5px 20px;}

div.container main>div.row section.profile .row>div>img{width:100%; max-width:750px; padding:5px; border:1px solid rgba(0, 0, 0, 0.15);}

div.cardprint{ width:480px; height:280px; border:2px dashed #ccc; position:relative; padding:5px;}
div.cardprint h3{text-align:right; position:absolute; top:-10px; width:100%; color: #aaa; width:calc(100% - 30px); font-size:20px;}
div.cardprint p{margin:0px 0 0 11px; font-size:11px;}
div.cardprint p input{border:0px; background:#eee;}
div.cardprint p.codebar{font-family:code128; font-size:40px; margin:0; position:absolute; bottom:5px; text-align:center; width:calc(100% - 20px);}
div.cardprint div.qrcode{position:absolute; bottom:5px; width:100%;}
div.cardprint div.qrcode table{margin:auto}
div.cardprint.stickers{height:140px;}
div.cardprint.stickers p{text-align:center; margin:0 20px;}
div.cardprint.stickers p.codebar{position:relative;}

/* Profil - Suivi */
ul.diary{list-style:none; margin:0; padding:0 0 0 15px;}
ul.diary li{border-bottom:1px dotted #e6e6e6; padding:8px 0;}
ul.diary li::after{display:block; content:''; clear:both;}

div.date {float:left; text-align:center;}
div.date>span{display:block; width:40px; height:40px; border-radius:50%; margin:5px auto 0 auto;  overflow:hidden;}
div.date>span img{width:40px; margin:0;}
div.date h3{margin:5px 0 0px 0;}
ul.diary li div.content {margin-left:50px; margin-right:40px; }
ul.diary li div.content h4 {font-weight:600; margin:0; cursor:pointer;  margin-bottom:10px; line-height:100%; font-size:16px;}
ul.diary li div.content blockquote {padding:0px 10px; margin:0; border-left:5px solid #eee; font-size:13px;}
ul.diary li div.tools {float:right;}
ul.diary li div.tools i{display:inline-block; padding:0 5px;}


/* Profil - Ateliers */
.ratings{text-align:left; white-space:nowrap; margin:0;}

/* Documentation */
header.tools-header.code-excerpt{background-color:rgba(0, 0, 0, 0.1); padding: 1px 5px; border-radius: 4px; border: 1px solid #ccc;}
header.tools-header.code-excerpt div.row{margin:10px 15px; padding:10px 0; background-color: rgba(248, 248, 248, 0.4); position:relative;}
header.tools-header.code-excerpt div.row::before{content:'Exemple'; color:#5A738E; font-style:italic; position:absolute; right:10px; top:-15px; font-family: Menlo,Monaco,Consolas,"Courier New",monospace; padding:0 4px;}

/* fullCalendar */
.fc-day-grid-event .fc-content{white-space:normal; overflow:visible;}
td.fc-day-number{cursor:pointer; font-weight:bold;}
td.fc-day-number:hover{color:#A14576; text-decoration:underline;}
td.fc-event-container{}
a.fc-event{}
a.fc-event.tasks{background-color:#A14576; border-color:#A14576;}
a.fc-event.reservations{background-color:#393939; border-color:#393939;}
a.fc-event.timestamp{background-color:transparent; border:none; position:absolute; top:0px; border-radius:0; border-width:2px; color:#999; cursor:default !important;}
a.fc-event.workshops{background-color:#459e68; border-color:#459e68; cursor:default !important;}
a.fc-event.appointments{background-color:#3990d3; border-color:#3990d3; cursor:default !important;}

a.fc-event.appointments div.fc-content::after{float:right; font-family:"Material Design Icons"; content:"\f206"; font-size:14px; height:14px; line-height:14px; border-radius:50%; padding:2px; background-color: rgba(255, 255, 255, 0.3);}

a.fc-event.appointmentstovalid{background-color:#eb721b; border-color:#eb721b; cursor:default !important;}
a.fc-event.appointmentstovalid div.fc-content::after{float:right; font-family:"Material Design Icons"; content:"\f395"; font-size:14px; height:14px; line-height:14px; border-radius:50%; padding:2px; background-color: rgba(255, 255, 255, 0.3);}
a.fc-event.activities{background-color:#45689E; border-color:#45689E;}
a.fc-event.activities div.description div:nth-child(odd){background-color:#6089c4; color:#fff;}
a.fc-event.activities div.description div:nth-child(even){background-color:#4979bc; color:#fff;}
a.fc-event.activities div.description div.empty{background-color:#45689E; color:#9ebbe5; text-align:center;}
/*a.fc-event.activities div:last-child, a.fc-event.activities div:last-child{border-bottom:none;}*/
a.fc-event.activities dv em{font-weight:bold;}
a.fc-event.tasks:hover, a.fc-event.activities:hover{opacity:0.8; border-color:#333;}
a.fc-event div.description{background-color:rgba(255,255,255,0.2);}


/* Contacts */
div.well.profile_view{background:#fff; height:256px; overflow:hidden; padding:10px 0 45px 0; margin-bottom:20px; display:inline-block; width:100%; position:relative;}
div.well.profile_view:hover{border-color:#ccc; cursor:pointer; box-shadow:0 0 3px 1px #ccc;}
div.well.profile_view>div:not(.alert){padding:0 20px;}
div.well.profile_view h4 {margin:0; font-weight:300; padding:0 10px 30px 10px;}
div.well.profile_view div.left{margin-top:20px; padding:0 10px;}
div.well.profile_view h2{font-size:1.5em; margin:0 0 5px 0;}
div.well.profile_view figure{float:right;}
div.well.profile_view figure>div.img-circle{width:86px; height:86px; overflow:hidden; margin-left:5%; background:#fff; border:3px solid #fff; box-shadow:0 0 3px 1px #ccc; padding:0px;}
div.well.profile_view figure>div.img-circle>img {display:block; width:80px; margin:0px 0 0 0px;}
div.well.profile_view footer{position:absolute; bottom:0px; text-align:right; background:#EBEDEF; width:100%; padding:0px 0px; border-top:1px solid #E6E9ED;}
.emphasis div.well.profile_view{background: #ddecca;}

/* Map */
div.space{position:relative; width:100%; margin:auto; border:1px dashed #BAB8B8; font-size:100%;}
/* div.space div.well.profile_view{z-index:1; position:absolute; overflow:hidden;} */
div.space > div{}
div.space div.well.profile_view{position:static; height:auto; margin-bottom:0px;}
div.space div.well.profile_view.emphasis{transition: all 0.3s; border-color: rgba(113, 123, 154, 0.7); transform: scale(1.1); position: relative; z-index:2 !important;}
div.space div.well.profile_view.success{border:1px solid green; background:#ecffe2;}
div.space div.well.profile_view.success + footer, 
div.space div.well.profile_view.success + div + footer{border:1px solid green; background:#cedfc4;}
div.space div.well.profile_view.warning{border:1px solid darkorange; background:#fff7e8;}
div.space div.well.profile_view.warning + footer, 
div.space div.well.profile_view.warning + div + footer{border:1px solid darkorange; background:#f1dab3;}
div.space div.well.profile_view.danger{border:1px solid #9b0000; background:#fce6e6;}
div.space div.well.profile_view.danger + footer, 
div.space div.well.profile_view.danger + div + footer{border:1px solid #9b0000; background:#e6a8a8;}
div.space div.well.profile_view.info{border:1px solid darkblue; background:aliceblue;}
div.space div.well.profile_view.info + footer, 
div.space div.well.profile_view.info + div + footer{border:1px solid darkblue; background:#d2dbf4;}
div.space div.well.profile_view.ghost{opacity:0.3;}
div.space div.well.profile_view.ghost + footer, 
div.space div.well.profile_view.ghost + div + footer{opacity:0.3;}
div.space div.well.profile_view div{padding:0 5px;}
div.space div.well.profile_view div figure{display:none;}
div.space div.well.profile_view div figure div{width:47px; height:47px; padding:0;}
div.space div.well.profile_view div figure img{display:block; width:100%; }
div.space div.well.profile_view div h2{font-size:0.8em; margin-top:0; min-height:20px;}
/* div.space > footer{background:#EBEDEF; border: 1px solid #e3e3e3; border-radius:0 0 4px 4px; position:absolute;} */
div.space footer{background:#EBEDEF; border: 1px solid #e3e3e3; border-radius:0 0 4px 4px; position:absolute; bottom:0px; width:100%;}
div.space > div > footer > ul{min-height:34px; float:none !important;}


/* Assistant Wizard */
div.wizard_horizontal ul.wizard_steps {display:table; list-style:none; position:relative; width:100%; margin:0 0 20px;}
div.wizard_horizontal ul.wizard_steps li {display:table-cell; text-align:center;}
div.wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover { display:block; position:relative; -moz-opacity:1; filter:alpha(opacity:100); opacity:1; color:#666;}
div.wizard_horizontal ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px; text-align:center; position:relative; z-index:5;}
div.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {background:#34495E; color:#fff;}
div.wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {background:#1ABB9C; color:#fff;}
div.wizard_horizontal ul.wizard_steps li a.done.selected:before, .wizard_horizontal ul.wizard_steps li a.done.selected .step_no {background:#d9534f; color:#fff;}
div.wizard_horizontal ul.wizard_steps li a.disabled .step_no {background:#ccc;}

div.wizard_horizontal ul.wizard_steps li a:before {content:""; position:absolute; height:4px; background:#ccc; top:20px; width:100%; z-index:4; left:0;}
div.wizard_horizontal ul.wizard_steps li:first-child a:before {left:50%;}
div.wizard_horizontal ul.wizard_steps li:last-child a:before {right:50%; width:50%; left:auto;}

div.form_wizard div.stepContainer {display:block; position:relative; margin:0; padding:0; border:0 solid #CCC; overflow-x:hidden;}


/* Mailbox */
div.mail_view { border-left: 1px solid #DBDBDB;}
div.mail_list_column { border-left: 1px solid #DBDBDB; height: 500px; max-height: 500px; overflow-y: auto;}
div.mail_list { width: 100%; border-bottom: 1px solid #DBDBDB; margin-bottom: 2px; display: inline-block;}
div.mail_list.current-message{ background-color: #ffc;}
div.mail_list .left { width: 5%; margin-right: 3%;}
div.mail_list .right { width: 90%; float: left;}
div.mail_list .left i.mdi { font-size:1.1em; line-height:1em;}
div.mail_list h3 { font-size: 15px; font-weight: bold; margin: 0px 0 6px;}
div.mail_list h3 small { float: right; color: #ADABAB; font-size: 11px; line-height: 20px;}
div.mail_view .view-mail{ margin:15px 0 0 0;}
div.mail_view .view-mail blockquote{ margin:35px 0 0 0;}
div.mail_heading h4 { font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 20px;}

/* Columns */
.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position:relative; min-height:1px; /*float:left;errors in small madal*/ padding-right:10px; padding-left:10px;}


@media (min-width:800px){
    
    /* Layout */
    div.container>main{margin-left:230px; display:block;}
    div.container>header{margin-left:230px;}
    div.container>header>nav{background:#EDEDED;}
    div.container>header>nav>a{float:left; color:#5A738E;}
    div.container>header>nav>ul{display:block;}
    div.container aside.col-md-3{width:230px; display:block; position:fixed; min-height: 100vh; margin-top:0; padding-top:0;}
    aside div.nav_title a.site_title{padding-top:0;}
    aside div.sidebar-footer{display:block; position:absolute; bottom:0;}
    
    div.space div.well.profile_view div figure{display:block;}
    
    body.login div.container main.login>div.row,
    body.public div.container main.timestamp div.row{padding-top:150px;}

    body.nav-sm div.container div.navbar.nav_title {width:70px;}
    body.nav-sm div.container div.navbar.nav_title a.site_title span {display:none;}
    /*body.nav-sm div.container figure{display:none;}*/
    body.nav-sm div.container aside{top:0; width:0px; height:100%;}
    body.nav-sm div.container main{margin-left:0px;}
    body.nav-sm div.container>header{margin-left:0px;}
    
    body.nav-sm aside nav h3{display:none;}
    body.nav-sm aside nav>ul.nav{margin-top:10px;}
    body.nav-sm aside nav>ul.nav li ul{}
    body.nav-sm aside nav>ul.nav li a{text-align:center !important; font-weight:400; font-size:10px; padding:10px 5px;}
    body.nav-sm aside nav>ul.nav li a>i{font-size:25px !important; text-align:center; width:100% !important; margin-bottom:5px;}
    body.nav-sm aside nav>ul.nav span.mdi{display:none;}
    body.nav-sm aside nav>ul.nav li.active>ul{left:100%; position:absolute; top:0; padding:10px; width:210px; z-index:4000; background:#3E5367;}
    body.nav-sm aside nav>ul.nav li.active>ul>li{padding:0;}
    body.nav-sm aside nav>ul.nav li.active>ul>li>a{text-align:left !important; font-weight:400; font-size:10px; padding:10px 5px;}
    body.nav-sm aside nav>ul.nav li.active>ul>li:before{display:none;}
    body.nav-sm aside nav>ul.nav li.active>ul>li:after{display:none;}
    
    aside nav>ul.nav{max-width:450px; margin:0;}
}