/**
 * @CSS DOCUMENT
 * @ 1.10.2014 - Alex Vlad
*/
/**----------------- 
 * GLOBAL RESET 
-----------------**/
*, html, body, iframe, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, audio, video { 
	margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display:block; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align: top; }
iframe, fieldset, img, a img { border:0 none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } 
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}

strong, b { font-weight: bold; }
em, i { font-style: italic; }
nav ul { list-style:none }
ol, ul, li { list-style:none; }

html>body * a { position:relative; }  /* Gets links displaying over a PNG background, html>body n'est pas compris par IE6 */
a { outline:none; } /* Gets rid of Firefox's dotted borders */

hr { display:block; height:1px; border:0; border-top:1px solid #e4e4e4; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

button::-moz-focus-inner { border: 0; padding: 0; }
/**------------------------------
 * GENERAL CLASSES and SETTINGS
--------------------------------**/
a { color: #3366cc; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { color: #3366cc; font-size: 1.5em; font-weight: normal; }
h2 { color: #3366cc; font-size: 1.3em; font-weight: normal; margin: 10px 0; }
/** ICONS **/
.check .icon { color: #999; }
.status .btn { background: transparent; color: #3366cc; display: inline-block; margin: 0 4px; padding: 0; height: 18px; line-height: 18px; text-decoration: none; }
.status .btn.disabled { background: transparent; color: #9cb2e6; }
.status .btn .icon { font-size: 1.4em; margin: 0; }
.status .btn:first-child { margin: 0 6px 0 0; }
.icon-toggle-on { color: green; }
.disabled .icon-toggle-on { color: #7FBF7F; }
.btn .icon-toggle-off { color: #c0312a; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.disabled .icon-toggle-off { color: #E3A29F; }

.btn { background-color: #333367; background-image: none; color: #ffffff; }
.btn.disabled { background-color: #333367; color: #ffffff; cursor: default; }
.btn { border: 1px solid transparent; border-radius: 3px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.3em; margin-bottom: 0; padding: 3px 0.7em; text-align: center; vertical-align: middle; }
a.btn { padding-top: 3px; padding-bottom: 3px; text-decoration: none; }	
.btn .icon { margin-left: 0; margin-right: 0.3em; }
.btn-no-text .icon { margin-right: 0; }
.btn-fileinput { position: relative; }
.btn-fileinput .icon { color: #fff; margin: 0 0.5em 0 0; }
.btn-fileinput input { cursor: pointer; direction: ltr; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; }
.btn-delete { background-color: #C0312A }
.btn-back { background-color: #999 }
.btn-clear-input { margin-left: -25px; position: absolute; padding: 3px 5px; }
.btn-clear-input .icon { margin-right: 0; }
.btn-plus-files { background-color: #999; }

.wrapper { margin: 0 auto; padding: 0 2%; }
.cms-dialog .wrapper { padding: 0 1em; }

.clear-float { clear: both; }
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear-fix { zoom: 1; } /** IE 5.5/6/7 */ 

#loader-icon { font-size: 1.4em; position: fixed; bottom: 15%; left: 50%; } 
/**--------------
 * HEADER 
--------------**/
body { font-size: 14px; font-family: Helvetica, Arial, sans-serif; }
.cms-login #global { border-top: 160px solid #333367; }
.cms-admin #global { margin: 0 auto; padding: 0; max-width: 1920px; }
#header { position: relative; z-index: 10; }
#ctn-client { background-color: #F5F5F5; padding-top: 10px; padding-bottom: 10px; }
#ctn-client span { font-size: 1.2em; float: left; }
#ctn-client .client { color: #333; float: left; font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin-right: 10px; text-decoration: none; }
#ctn-client .logo-mi { float: right; margin-top: 5px; }

/** MENU **/
#ctn-menu { background-color: #333367; position: relative; }
#toggle-menu { color: #fff; cursor: pointer; display: none; font-size: 1.1em; line-height: 37px; }
#menu { background-color: #333367; }
#menu li { color: #fff; float: left; position: relative; }
#menu li.active .link-menu { border-bottom: 2px solid #23a839; padding-bottom: 8px; }
#menu li .link-menu { color: #fff; display: block; margin: 0 10px; padding: 10px 1px; text-decoration: none; }
#menu li span.link-menu { cursor: default; }
#menu .first-child { margin-left: -10px; }
#menu li .sub-menu { background-color: #333367; display: none; position: absolute; padding: 2px; min-width: 100px; }
#menu li:hover .sub-menu, #menu li.open .sub-menu { display: block; }
#menu li .sub-menu li { float: none; }
#menu li .sub-menu li a { color: #fff; display: block; padding: 5px 10px; text-decoration: none; white-space: nowrap; }
#menu li .sub-menu li .sub-menu { display: none; left: 100%; top: 1px; }
#menu li .sub-menu li:hover .sub-menu { display: block; }

.profil { position: absolute; right: 2%; top: 0; }
.profil li.btn-profil { background-color: #C0312A; position: relative; }
.profil li .link-menu { color: #fff; display: block; margin: 0 10px; padding: 10px 1px; text-decoration: none; }
.profil li.btn-profil .sub-menu { background-color: #C0312A; display: none; position: absolute; right: 0; min-width: 100px; padding: 4px 5px; } 
.profil li:hover .sub-menu, .profil li.open .sub-menu { display: block; }
.profil li.btn-profil .sub-menu li a { color: #fff; display: block; padding: 5px; text-decoration: none; white-space: nowrap; }

/** LOGIN **/
#ctn-login { margin: -40px auto 0; padding: 0 2%; max-width: 360px; width: auto; }
#ctn-login .blk-form { background: url(../images/logo-cms-login.png) no-repeat top left; padding: 110px 0 40px; }
#ctn-login .ctn-msg { margin: 5px 0 10px; }
#ctn-login label { padding: 6px 1%; min-width: 0; width: 37%; }
#ctn-login input { padding: 4px 1%; width: 60%; }
#ctn-login .btn { background-color: #999999; border: none; margin-left: 37%; width: 35% }
#content .ctn-msg { margin: 10px 0; }
.ctn-msg { margin: 10px 0 1em 0; }
.ctn-msg .error { background-color: #FFD6D3; border: 1px solid #F2564B; color: #F2564B; margin: 2px 0; padding: 0.5em; }
.ctn-msg .success { background-color: #DFF9D4; border: 1px solid #59AF5C; color: #59AF5C; margin: 2px 0; padding: 0.5em; }
.ctn-msg .info { background-color: #F3F6F8; border: 1px solid #BBD4E1; color: #337AD9; margin: 2px 0; padding: 0.5em; }
.ctn-msg p { padding: 0.1em 0; }

/** Toolbar btns actions, SEARCH **/
.toolbar { background-color: #f2f2f2; margin-top: 10px; }
.toolbar.fixed { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; margin: 0 2%; width: 96%; z-index: 10; }
#content .toolbar { background-color: transparent; padding-left: 0; }
.toolbar .btn { float: left; margin: 0.5em 0.5em 0.5em 0; }
.toolbar .btn:first-child { margin-left: 0.5em; }
.toolbar .text { display: block; float: left; font-weight: bold; line-height: 1.8em; margin: 0 0.5em 0.5em 0; }
.toolbar form input, .toolbar form select { float: left; margin: 0.5em 0.5em 0.5em 0; }
#form-search-calendar select { float: right; }
#search-form input { width: 200px; }
#search-form select { min-width: 70px; max-width: 200px; }
#search-form .btn { float: left; margin-right: 10px; }
#search-form .select-limit { float: right; }
#search-form .select-limit select { float: right; }

#add-files-form { float: left; }

/** CONTENT **/
#main h1 { padding: 15px 0 0; margin-bottom: 10px; }
#content { margin-top: 15px; padding: 0 0 3.5em; }
.table { width: 100% !important; }
.table td, .table th { border-bottom: 1px solid #e4e4e4; padding: 0.5em 0.4em; }
.table th { color: #333; font-weight: bold; }
.table tbody tr:nth-child(2n+1) td { background-color: #f9f9f9; }
.tb-items th { padding-bottom: 7px; }
.tb-items th a { text-decoration: none; }
.tb-items td { vertical-align: middle; }
.tb-items .status { min-width: 110px; width: 110px; }
.tb-items .languages a, .tb-items .languages span { padding: 0 0.2em; text-transform: uppercase; }
.tb-items .image { max-width: 70px; width: 70px; }
.tb-items .image-preview {  max-height: 45px; max-width: 45px; overflow: hidden; }
.tb-items .image-preview img { width: 100%; }

.tb-cmds .date { width: 150px; }
.tb-cmds .ln-details { display: none; }
.ln-details .td-details { padding: 0 20px 20px; }
.ln-details .tb-cmd { width: 100% }
.ln-details .adr { float: left; padding-top: 10px; width: 49%; }

.nav-tabs { border-bottom: 1px solid #dedede; margin: 7px 0; }
.nav-tabs li { float: left; font-size: 1.1em; margin-right: 3px; }
.nav-tabs li a, .nav-tabs li span { 
	background-color: #f5f5f5; border: 1px solid #dedede; border-radius: 3px 3px 0 0; color: #3366CC; cursor: pointer; display: block; margin-bottom: -1px; padding: 5px 10px; text-decoration: none; 
}
.nav-tabs li:hover a { background-color: #fff; }
.nav-tabs .active a, .nav-tabs .active:hover a, .nav-tabs .active span { background-color: #fff; border-bottom: 1px solid #fff; }

.nav-tabs-left { border-right: 1px solid #dedede; float: left; margin-right: 1%; height: 350px; width: 10%; }
.nav-tabs-left li a, .nav-tabs-left li span { display: block; padding: 5px; text-decoration: none; }
.nav-tabs-left li:hover a { background-color: #f5f5f5; border-radius: 3px 0 0 3px; }
.nav-tabs-left li.active { margin-right: -1px; }
.nav-tabs-left li.active a { border: 1px solid #dedede; border-right-color: #fff; border-radius: 3px 0 0 3px; }

.tab { display: none; float: left; min-height: 120px; min-width: 250px; padding: 1em 0 0 0; width: 100%; } /**POUR CONFIG***/
.tab-parent .tab { padding-top: 0; width: 89%; }
.tab.active { display: block; }
.tab fieldset { float: left; width: 49%; }
iframe#mailing-template { height: 400px; width: 100%; }

.json { max-width: 500px; }
.json label { float: none; }
.json table { width: 100%; margin-bottom: 5px; }
.json table th { background-color: #eee; padding: 2px 3px; }
.json table th:first-child + th { font-weight: bold; }
.json table td { border-bottom: 1px solid #eee; padding: 2px 3px; }
.json table td:first-child + td { color: red; }

.tools { margin: 0; }
.tools .blk-module { padding: 5px 0; border-bottom: 1px solid #eee; }
.ctn-module .description { padding-bottom: 10px; }

/***HELP-SECTION***/
#help-iframe { border: 0; width: 100%; min-height: 400px; }

/***FILES display block(default)**/
.list-files { padding: 0.5em 0; }
.list-files .file { cursor: default; float: left; position: relative; width: 8.3333%; padding-bottom: 7.3333%; }
.ui-dialog .list-files .file { width: 12.5%; padding-bottom: 11.5% }
.list-files .file .file-inner { border: 1px solid #e4e4e4; position: absolute; left: 7px; right: 7px; top: 7px; bottom: 7px; overflow: hidden; }
.list-files .file img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.list-files .file img.portrait { width: 100%; height: auto; }
.list-files .file .file-inner a { border: 1px solid #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.list-files .file:focus .file-inner, .list-files .file:hover .file-inner { border: 1px solid #97baff; box-shadow: 0 0 3px rgba(51, 109, 212, 0.7); }
.list-files .selected .file-inner { border: 1px solid #97baff; box-shadow: 0 0 3px rgba(51, 109, 212, 0.7); }
.list-files .file .formats { background-color: #fff; border: 1px solid #b0b0b0; box-shadow: 0 2px 4px rgba(0,0,0,0.5); visibility: hidden; padding: 0.3em 0.4em; position: absolute; top: 75%; right: -5px; z-index: 103 }
.list-files .file:hover .formats { visibility: visible; }
.list-files .file .formats span, .list-files .file .formats a { display: block; }
.file input { position: absolute; top: 0; left: 0; margin: 0.2em; height: 20px; width: 20px; visibility: hidden; }
.file:hover input, .file input[type=checkbox]:checked { visibility: visible; }

.list-files .file-doc { font-size: 0.8em; position: relative; min-height: 100px; padding-bottom: 115px; }
.list-files .file-doc .file-type { color: #b0b0b0; display: block; font-size: 5em; margin: 0.2em 0 0.1em; width: 100%; text-align: center; }
.list-files .file .file-name { color: #333; display: block; line-height: 1.3em; padding: 0.2em; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% }
.list-files .file-doc a { position: absolute; top: 0; bottom: 0; }
.list-files .ctn-plus { padding-top: 1em; text-align: center; }
/***FILES display list***/
.display-list .file .file-inner { border-color: transparent; left: 3px; right: 3px; top: 3px; bottom: 3px; }
.display-list .selected .file-inner { border: 1px solid #97baff; }
.display-list .file-doc { font-size: 1em; min-height: 0; padding-bottom: 40px; width: 25%; }
.display-list .file-doc .file-type { font-size: 1.6em; float: left; margin: 0.2em 0.2em 0.1em; width: auto; }
.display-list .file-doc .file-name { line-height: 1.8em; width: auto; text-align: left; }
.display-list .file input { left: auto; right: 0; margin: 0; }

/***WIDGETS****/
.masonry { 
	-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em;
	overflow: hidden;
} 
.widget { background-color: #f9f9f9; border:1px solid #eee; display: inline-block; margin: 1em 1% 1em 0; padding-bottom: 10px; min-height: 100px; width: 100%; }
.widget h2 { background-color: #f2f2f2; border-bottom: 1px solid #eee; color: #333; padding: 5px 15px; margin: 0; }
.widget .row { padding: 5px 0; margin: 5px 15px; border-bottom: 1px solid #eee; }
.widget p { margin: 0 15px 10px; }
.widget-welcome { background-color: #f5f5f5; padding: 5px 0 10px; }
.widget-welcome h2 { background-color: transparent; border-bottom: 0; color: #3366cc; font-size: 1.6em; }
.widget-welcome h3 { font-size: 1.3em; font-weight: normal; padding: 5px 15px; }
.widget-welcome p { margin-bottom: 20px; }

/** PAGINATION **/
.pagination { margin-top: 15px; height: 25px; }
.pagination a, .pagination span { border: 1px solid #e5e5e5; border-right: 0; color: #3366CC; display: block; float: left; padding: 3px 0.7em; text-decoration: none; }
.pagination .current { background-color: #f2f2f2; color: #111; }
.pagination .next, .pagination .next-disabled { border-right: 1px solid #e5e5e5; }
.pagination .pag-link { }
/*************************************************************************
 * My Slider Plugin
**************************************************************************/
#my-slider-form { margin-top: 0.5em; }
.tb-slides .status { min-width: 90px; max-width: 90px; width: 90px; }
.slide-line .ctn-images img { border: 3px solid #e5e5e5; float: left; max-width: 100px; max-height: 50px; margin-right: 1em; }
.slide-line .ctn-fields { padding-left: 95px }
.ctn-fields label { width: 130px }
.ctn-fields input[type="text"] { width: 30% }
.ctn-slide-btns { padding-top: 0.7em; }
#my-slider-form textarea { width: 40%; }
/***********************************************************************
 * My Banner Plugin
**********************************************************************/
#form-plg-item label { min-width: 113px; width: 113px; }
#form-plg-item input { width: 25%; }
#form-plg-item textarea { width: 35%; }
/***********************************************************************
 * Soldes Plugin
**********************************************************************/
.soldes { display: table; width: 100% }
.soldes .soldes-line { display: table-row; }
.soldes .soldes-line:hover { background-color: #f5f5f5; }
.soldes .soldes-line .column { border-bottom: 1px solid #eee; display: table-cell; padding: 0.5em 0.4em; }
.soldes .soldes-line .column-actions { max-width: 50px; width: 50px; }
/** FOOTER **/
#footer { background-color: #f2f2f2; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); color: #777; font-size: 0.8em; padding: 10px 0 10px; position: fixed; bottom: 0; max-width: 1920px; width: 100%; z-index: 100; }
#footer span:last-child { float: right; }

/** FORM **/
form p { margin-bottom: 5px; }
form fieldset, form .fieldset { padding: 5px 0; }
form .bigger { margin-right: 2%; width: 59%; }
form .smallest { width: 38%; }
form .legend { clear: both; color: #3366d4; font-size: 1.3em; margin: 0 0 15px; }
.set-left { float: left; margin-right: 3%; min-width: 250px; width: 58%; }
.set-right { float: right; min-width: 250px; width: 39%; }
form .line { clear: both; margin: 0 0 5px 0.1em; min-height: 30px; position: relative; }
form .line-image .blk-image .label { float: none; padding-top: 0; width: 100%; }
form .line-image .blk-image img { border: 4px solid #e5e5e5; float: left; max-width: 100px; margin-right: 1em; }
form .line-ckeditor { margin-bottom: 5px; }
form .line-text { display: inline-block; padding: 6px 0; }
label, .label { color: #aaaaaa; cursor: pointer; display: block; float: left; font-size: 1.1em; position: relative; padding: 6px 20px 6px 0; text-align: left; min-width: 130px; width: 25%; }
.label-delete { width: 90px; padding: 0; }
.label-files { padding-top: 0; width: 100%; }
.select-multi label { color: #000; float: none; font-size: 0.9em; width: auto; }
input[type="text"], input[type="number"], input[type="email"], input[type="password"], textarea { border: 1px solid #e4e4e4; padding: 4px 7px; width: 40%; }
input:disabled, input.read-only { background-color: #f2f2f2; }
textarea { height: 170px; width: 70%; }
select { border: 1px solid #e4e4e4; padding: 3px 7px; min-width: 120px; max-width: 60%; vertical-align: middle; }
.help-field-box { 
	background-color: #ffd6d3; border: 1px solid #f2564b; color: #f2564b; border-radius: 2px; box-shadow: 0 2px 3px rgba(0,0,0,0.3); display: none; margin: 0 0 0 5px; padding: 0.3em 0.5em; position: absolute; text-align: center; top: 0; max-width: 250px; 
}
#item-form label::before, #item-form .label::before {
	border-radius: 3px;
   content: attr(title);
   color: #fff;
   font-size: 0.8em;
   position: absolute; bottom: 100%; left: 0;
   background: rgba(0,0,0,.8);
   padding: .25em .5em;
   pointer-events: none;
   opacity: 0;
	transition: all .2s ease-out;
	z-index: 99;
}
#item-form label::after, #item-form .label::after {
    border: solid;
    border-color: #333 transparent;
    border-width: 7px 7px 0 7px;
    content: "";
    left: 10px;
    position: absolute;
    top: 0;
    opacity: 0;
	 transition: all .2s ease-out;
    z-index: 99;
}
#item-form label:hover::after, #item-form .label:hover::after { opacity: 1; }
#item-form label[title=""]:hover::after, #item-form label:not([title]):hover::after, #item-form .label[title=""]:hover::after, #item-form .label:not([title]):hover::after,
#item-form label[title=""]:hover::before, #item-form label:not([title]):hover::before, #item-form .label[title=""]:hover::before, #item-form .label:not([title]):hover::before {
	opacity: 0; 
}
#item-form label:hover::before, #item-form .label:hover::before { opacity: 1; }
#item-form input[type="text"], #item-form input[type="number"], #item-form input[type="email"], #item-form input[type="password"], #item-form textarea { min-width: 150px; }

input:focus + .help-field-box { display:inline-block; }
input:focus:invalid { background-color:#FFD8DF; border: 1px solid red; }
input:valid { border: 1px solid #e4e4e4; }

.group-controls input[type="radio"] { display: none; }
.group-controls .btn { background-color: #f2f2f2; color: #111; border: 1px solid #e4e4e4; display: block; min-width: 0; max-width: 120px; width: 20%;  }
.group-controls .active { background-color: #23a839; color: #fff; border-color:#1B842B; }
.group-controls .btn-check-off.active { background-color: #C0312A; color: #fff; border-color:#9E130C; }
.group-controls .btn:first-of-type { border-radius: 3px 0 0 3px; border-right: none; }
.group-controls .btn:last-of-type { border-radius: 0 3px 3px 0; border-left: none;}

.tb-files-preview { margin-bottom: 5px; width: 100%; }
.tb-files-preview tr:nth-child(2n+1) td { background-color: #f2f2f2; }
.tb-files-preview td { border-top: 1px solid #eee; padding: 6px; }
.tb-files-preview td img { max-width: 80px; }
.tb-files-preview .td-btns { width: 50px; }

.fieldset-files .blk-file {  border-bottom: 1px solid #e4e4e4; padding: 0.7em 0.4em; }
.fieldset-files .blk-file:first-child { padding-top: 0.4em; }
.fieldset-files .blk-file:nth-of-type(2n) { background-color: #f9f9f9; }
.fieldset-files .file-preview { float: left; color: #aaa; max-width: 100px; min-height: 70px; text-transform: uppercase; }
.fieldset-files .file-preview img { padding-right: 7px; width: 100%; }
.fieldset-files .file-data { float: left; }
.fieldset-files .file-data label { color: inherit; min-width: 100px; width: 100px; }

.ctn-languages { margin-bottom: 1em; }
.ctn-languages a { border-left: 1px solid; display: inline-block; margin: 6px 0; padding: 0 0.5em; text-transform: uppercase; }
.ctn-languages a:first-of-type { border-left: none; padding-left: 0; }
.ctn-languages .label { width: auto; }

form .ctn-multisides { margin-bottom: 10px; }
.ctn-multisides .ctn-selected { border: 1px solid #e4e4e4; clear: both; margin: 7px 0; max-height: 250px; overflow: auto; padding: 5px; }
.ctn-multisides .ctn-selected li { padding: 3px 0; }
.ctn-multisides .ctn-selected a { text-decoration: none; }
.ctn-multisides .select-multi { width: 100%; }

#searchorders-form { margin: 20px 0; }
#searchorders-form .text-label { display: inline-block; padding: 5px 7px 5px 0 }
#searchorders-form .field-date { display: inline-block; margin: 0 5px; }
#searchorders-form input { width: 100px; }

.ckeditor { float: left; width: 74%; min-width: 320px; }

/**======================================================
   ECRANS + petits
====================================================== */
@media (max-width:1280px) {
	.list-files .file { width: 12.5%; padding-bottom: 11.5% }
	.display-list .file-doc { padding-bottom: 40px; width: 25%; }
}
/**======================================================
   MOBILES 
====================================================== */
/** TABLETTE */
@media (max-width:960px) {
	.list-files .file, .ui-dialog .list-files .file { width: 16.65%; padding-bottom: 15.65% }
	.display-list .file-doc, .ui-dialog .display-list .file-doc { padding-bottom: 40px; width: 33.333%; }
	.masonry { 
		-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;
		-webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;
	} 
	.widget { margin: 1em 0; width: 100% }
	
	#calendar .weekdays, #calendar .other-month { display: none; }
	#calendar li { border: 1px solid #ededed;  height: auto !important; margin-bottom: -1px; padding: 15px 10px 10px; width: 100%; }
	#calendar.no-weekend li { width: 100%; }
	#calendar .day .date { border-radius: 6px; width: auto; }
	#calendar .date .dayname { display: inline; }
	#calendar .event { float: left; width: 50%; }

}
/** SMARTPHONE */
@media (max-width:768px) {
	#toggle-menu { display: block; }
	#menu { position: absolute; left: 0; }
	#menu.inactive { display: none; }
	#menu li { float: none; margin: 0 5%; }
	#menu .first-child { margin-left: 5%; }
	#menu li .link-menu { padding: 5px 0; }
	#menu li .sub-menu { position: static; display: block; }

	.list-files .file, .ui-dialog .list-files .file { width: 25%; padding-bottom: 24% }
	.display-list .file-doc, .ui-dialog .display-list .file-doc { padding-bottom: 40px; width: 50%; }
	
	.tab { padding: 0; width: 100%; }
	.nav-tabs-left { width: 20%; } 
	.tab-parent .tab { width: 79%; }
	.tab fieldset { width: 100%; }
	.set-left { margin-right: 0; width: 100% }
	.set-right { width: 100%; }
	#footer { position: relative; z-index: 1; }
	/**MY SLIDER***/
	.slide-line .blk-image { width: 100%; }
}
@media (max-width:480px) {
	.list-files .file, .ui-dialog .list-files .file { width: 33.3333%; padding-bottom: 32.3% }
	.display-list .file-doc, .ui-dialog .display-list .file-doc { padding-bottom: 40px; width: 100%; }
	#ctn-client .logo-mi { display: none; }
}