@charset "utf-8";
/* CSS Document */

button,
.button { border-radius: 1px; background: #c39519; padding: 6px 15px; color: #fff; font-size: 16px; cursor: pointer; transition: all .2s ease-out;  }
button:hover,
.button:hover { background: #d4a528; }

.mce-panel button:hover { background: none; }

a { color: #ef5a28 }

button.red,
.button.red { background: #911818; }
button.red:hover,
.button.red:hover { background: #bb1111; }

button.green,
.button.green { background: #75ac1e; }
button.green:hover,
.button.green:hover { background: #94cb3c; }

button.blue,
.button.blue { background: #3b91b4; }
button.blue:hover,
.button.blue:hover { background: #62b7da; }

button.orange,
.button.orange { background: #ef5a28; }
button.orange:hover,
.button.orange:hover { background: #f68d69; }

button.small,
.button.small { padding: 3px 7px; font-size: 13px; }

.drag-icon { width: 20px; height: 20px; background: url(../images/i_move.png); display: block; cursor: pointer; }

.icon-button { width: 50px; height: 50px; background: #999 no-repeat center center; text-indent: -300px; overflow: hidden; border: 0;  }
.icon-button:hover { background: #666 no-repeat center center; }

.icon-button.eye { background-image: url(../images/i_eye2.png);  }
.icon-button.folder { background-image: url(../images/i_folder.png);  }
.icon-button.mail { background-image: url(../images/i_mail.png);  }

button.create { background: url(../images/bt_create.png) no-repeat; width: 33px; height: 33px; overflow:hidden; text-indent: -300px;}
button.delete { background: url(../images/bt_remove.png) no-repeat; width: 33px; height: 33px; overflow:hidden; text-indent: -300px;}
button.back { background: url(../images/bt_back.png) no-repeat; width: 33px; height: 33px; overflow:hidden; text-indent: -300px;}
button.clear-filters { background: url(../images/bt_filter.png) no-repeat; width: 33px; height: 33px; overflow:hidden; text-indent: -300px;}
button.save { background: url(../images/bt_save.png) no-repeat; width: 33px; height: 33px; overflow:hidden; text-indent: -300px;}
button.up { background: url(../images/bt_up.png) no-repeat; width: 33px; height: 33px; overflow:hidden; text-indent: -300px;}
button.down { background: url(../images/bt_down.png) no-repeat; width: 33px; height: 33px; overflow:hidden; text-indent: -300px;}
button.sync { background: url(../images/bt_sync.png) no-repeat; width: 33px; height: 33px; overflow:hidden; text-indent: -300px;}
button.create:hover { background: url(../images/bt_create_over.png) no-repeat; }
button.delete:hover { background: url(../images/bt_remove_over.png) no-repeat; }
button.back:hover { background: url(../images/bt_back_over.png) no-repeat; }
button.save:hover { background: url(../images/bt_save_over.png) no-repeat; }
button.clear-filters:hover { background: url(../images/bt_filter_over.png) no-repeat;}
button.up:hover { background: url(../images/bt_up_over.png) no-repeat; }
button.down:hover { background: url(../images/bt_down_over.png) no-repeat; }
button.sync:hover { background: url(../images/bt_sync_over.png) no-repeat; }
#locale_id { border: 1px solid #ccc; padding: 2px; position: absolute; top: 18px; right: 215px; }

button.import,
button.export { padding-right: 35px; position: relative; }
button.import span,
button.export span { background: url(../images/icons_imp_exp.png) top right no-repeat; width: 20px; height: 23px; position: absolute; right: 11px; top: 7px; display: block; }
button.import span { background-position: top left;  }

.loading { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(255,255,255,0.7); display: none; }
.loading .icon { top: 50%; left: 50%; position: absolute; margin-top: -50px; margin-left: -50px; }

/* FLASH MESSAGES */
.flash-messages  { margin: 10px 0; }
.flash-messages .message { text-align: center; padding: 5px; border: 1px solid #000; margin-bottom: 5px; position: static !important; font-size: 12px !important; }
.flash-messages .message.success { border-color: #060; background:#D2ECD3; color: #060; }
.flash-messages .message.error { border-color: #900; background:#FACFD0; color: #900; }
.flash-messages .message.warning { border-color:#C60; background:#FCE0C5; color: #C60; }
.flash-messages .message.warning a { color: #00a69c; cursor: pointer; }

/* LOGIN PAGE */
.login { background: url(../images/bg/img1.jpg) no-repeat; background-size: cover; height: 100%; }
.login-container { position: absolute; width: 400px; top: 0; height: 100%; right: 0px; background: #fff; display: none; }
.login-content { padding: 40px; }
.login-content h2 { font-size: 14px; text-transform: uppercase; color: #666; margin: 50px 0 5px; }
.login-content .legend { font-size: 15px; }
.login-content .form { margin: 20px 0; padding: 0; }
.login-content .form .field { padding: 0; margin-bottom: 10px; }
.login-content .forgot-password { color: #333; font-size: 12px; float: right; }
.login-content .forgot-password:hover { text-decoration: underline; }
.login-footer { position: absolute; bottom: 10px; font-size: 11px; text-align: center; }

.login .message { position: fixed; bottom: 25px; left: 25px; color: #fff; }
.login .message .title { font-size: 28px; margin-bottom: 10px; }
.login .message .subtitle { font-size: 20px; }

.login .signup { margin-top: 20px; line-height: 25px; }

.login .recover-form { display: none; }

/* NAVIGATION */
.navigation-container { background: #2b303b; width: 300px; position: absolute; top: 0; left: -242px; height: 100%; transition: left 0.2s; z-index: 999; }
.navigation-container.opened { left: 0; }
.navigation-container .top-navigation { background: url(../images/top-nav-icon.png) no-repeat center right 14px #24262d; height: 60px; }
.navigation-container .top-navigation h1 { position: absolute; top: 5px; left: 10px; }
.navigation-container .top-navigation h1 span { color: #727272; font-weight: normal; position: absolute; top: 7px; left: 120px; width: 90px; font-size: 14px; text-transform: uppercase; line-height: 17px; }
.navigation-container.opened .top-navigation { background-image: none; }
.navigation-container .top-navigation .close { width: 24px; height: 24px; background: url(../images/i_close.png) no-repeat center center; position: absolute; right: 18px; top: 18px; cursor: pointer; display: none; }
.navigation-container.opened .top-navigation .close { display: block; }
.navigation { margin-top: 3px; }
.navigation a { color: #4e6674; display: block; padding: 14px; position: relative; }
.navigation a.active,
.navigation a.expanded,
.navigation a:hover { color: #fff; }
.navigation a.parent { background: url(../images/menu/arrow_left.png) no-repeat center right 60px; }
.navigation a.parent.expanded { background-image: url(../images/menu/arrow_down.png) !important; }
.navigation a.parent:hover { background-image: url(../images/menu/arrow_left_over.png); }
.navigation a .icon { position: absolute; right: 10px; padding: 20px; background-color: #21252d; top: 5px; background-repeat: no-repeat; background-position: center; }
.navigation a.active .icon,
.navigation a:hover .icon { background-color: #c39519; }
.navigation a.hammer .icon { background-image: url(../images/menu/hammer.png); }
.navigation a.hammer.active .icon,
.navigation a.hammer:hover .icon { background-image: url(../images/menu/hammer_over.png); }
.navigation a.box .icon { background-image: url(../images/menu/box.png); }
.navigation a.box.active .icon,
.navigation a.box:hover .icon { background-image: url(../images/menu/box_over.png); }
.navigation a.config .icon { background-image: url(../images/menu/config.png); }
.navigation a.config.active .icon,
.navigation a.config:hover .icon { background-image: url(../images/menu/config_over.png); }
.navigation a.stats .icon { background-image: url(../images/menu/stats.png); }
.navigation a.stats.active .icon,
.navigation a.stats:hover .icon { background-image: url(../images/menu/stats_over.png); }
.navigation a.users .icon { background-image: url(../images/menu/users.png); }
.navigation a.users.active .icon,
.navigation a.users:hover .icon { background-image: url(../images/menu/users_over.png); }
.navigation a.roles .icon { background-image: url(../images/menu/roles.png); }
.navigation a.roles.active .icon,
.navigation a.roles:hover .icon { background-image: url(../images/menu/roles_over.png); }
.navigation a.page .icon { background-image: url(../images/menu/page.png); }
.navigation a.page.active .icon,
.navigation a.page:hover .icon { background-image: url(../images/menu/page_over.png); }
.navigation a.page2 .icon { background-image: url(../images/menu/page2.png); }
.navigation a.page2.active .icon,
.navigation a.page2:hover .icon { background-image: url(../images/menu/page2_over.png); }
.navigation a.news .icon { background-image: url(../images/menu/news.png); }
.navigation a.news.active .icon,
.navigation a.news:hover .icon { background-image: url(../images/menu/news_over.png); }
.navigation a.blocks .icon { background-image: url(../images/menu/blocks.png); }
.navigation a.blocks.active .icon,
.navigation a.blocks:hover .icon { background-image: url(../images/menu/blocks_over.png); }
.navigation a.customer .icon { background-image: url(../images/menu/customer.png); }
.navigation a.customer.active .icon,
.navigation a.customer:hover .icon { background-image: url(../images/menu/customer_over.png); }
.navigation a.supplier .icon { background-image: url(../images/menu/supplier.png); }
.navigation a.supplier.active .icon,
.navigation a.supplier:hover .icon { background-image: url(../images/menu/supplier_over.png); }
.navigation a.cart .icon { background-image: url(../images/menu/cart.png); }
.navigation a.cart.active .icon,
.navigation a.cart:hover .icon { background-image: url(../images/menu/cart_over.png); }
.navigation a.image .icon { background-image: url(../images/menu/image.png); }
.navigation a.image.active .icon,
.navigation a.image:hover .icon { background-image: url(../images/menu/image_over.png); }
.navigation a.file .icon { background-image: url(../images/menu/file.png); }
.navigation a.file.active .icon,
.navigation a.file:hover .icon { background-image: url(../images/menu/file_over.png); }
.navigation a.calendar .icon { background-image: url(../images/menu/calendar.png); }
.navigation a.calendar.active .icon,
.navigation a.calendar:hover .icon { background-image: url(../images/menu/calendar_over.png); }
.navigation a.catalog .icon { background-image: url(../images/menu/catalog.png); }
.navigation a.catalog.active .icon,
.navigation a.catalog:hover .icon { background-image: url(../images/menu/catalog_over.png); }
.navigation a.product .icon { background-image: url(../images/menu/product.png); }
.navigation a.product.active .icon,
.navigation a.product:hover .icon { background-image: url(../images/menu/product_over.png); }
.navigation a.category .icon { background-image: url(../images/menu/category.png); }
.navigation a.category.active .icon,
.navigation a.category:hover .icon { background-image: url(../images/menu/category_over.png); }
.navigation a.message .icon { background-image: url(../images/menu/message.png); }
.navigation a.message.active .icon,
.navigation a.message:hover .icon { background-image: url(../images/menu/message_over.png); }
.navigation a.subscriber-removed .icon { background-image: url(../images/menu/removed.png); }
.navigation a.subscriber-removed.active .icon,
.navigation a.subscriber-removed:hover .icon { background-image: url(../images/menu/removed_over.png); }
.navigation a.user .icon { background-image: url(../images/menu/user.png); }
.navigation a.user.active .icon,
.navigation a.user:hover .icon { background-image: url(../images/menu/user_over.png); }
.navigation a.phone .icon { background-image: url(../images/menu/phone.png); }
.navigation a.phone.active .icon,
.navigation a.phone:hover .icon { background-image: url(../images/menu/phone_over.png); }
.navigation li {  }
.navigation ul { padding: 10px 0 10px 10px; background: #21252d; margin-top: 3px; display: none; }
.navigation ul a { font-size: 14px; padding: 10px;  }
.navigation ul a .icon { padding: 16px; top: 3px; background-color: #2b303b; right: 14px; }

/* CONTENT */
.content-container { position: absolute; top: 0; left: 58px; width: calc(100% - 58px); height: 100%; overflow: auto; background: #f3f3f3; overflow-x: hidden; }
.content-container .content { height: calc(100% - 75px); }
.page-title { font-weight: normal; border-bottom: 1px solid #ccc; color: #fff; font-size: 16px; padding: 5px 10px;  background: #777777; }
.page-title a { color: #c39519; text-decoration: underline;  }
.page-title .separator { background: url(../images/separator.png) no-repeat; width: 9px; height: 9px; display: inline-block; }
.content-wrapper { padding: 15px; }

/* PROGRESS */
.progress { font-weight: normal; color: #fff; font-size: 13px; background: #777777; padding: 15px 5px; position: relative; }
.progress .separator { background: url(../images/separator.png) no-repeat; width: 7px; height: 7px; display: inline-block; margin: 0 5px; }
.progress a { color: #fff; }
.progress a:hover { text-decoration: underline; }
.progress .steps { display: block; text-align: center; }
.progress .previous,
.progress .next { position: absolute; top: 10px; line-height: 13px; font-size: 13px; }
.progress .previous:hover,
.progress .next:hover { text-decoration: underline; }
.progress .previous { left: 5px; background: url(../images/prog_back.png) no-repeat; padding-left: 20px; }
.progress .next { right: 5px; background: url(../images/prog_next.png) no-repeat right; padding-right: 20px; }
.progress strong { font-weight: bold; text-decoration: underline; }

/* ADMIN HEADER */
.admin-header { border-bottom: 1px solid #ccc; padding: 10px 0; position: relative; height: 50px; background: #fff; }
.admin-header .profile { background: url(../images/i_person.png) no-repeat center right; position: absolute; right: 10px; padding-right: 40px; font-size: 16px; color: #616161; padding: 10px 45px 10px 0; }

.admin-header .profile:hover .profile-menu { display: block; }
.admin-header .profile .profile-menu {  position: absolute; top: 38px; right: 0; width: 270px; box-shadow: 0 0 2px #333; background: #fff; z-index: 999; display: none; }
.admin-header .profile .profile-menu p.message { padding: 10px; font-weight: bold; border-bottom: 1px solid #ccc; font-size: 14px; }
.admin-header .profile .profile-menu li a{ padding: 17px 10px 17px 60px; font-size: 12px; background: center left 12px no-repeat; border-bottom: 1px solid #ccc; cursor: pointer; display: block; color: #333; }
.admin-header .profile .profile-menu li a:hover { background-color: #f4f4f4; }
.admin-header .profile .profile-menu li a.customer-data { background-image: url(../images/i_person2.png); }
.admin-header .profile .profile-menu li a.logout { background-image: url(../images/i_logout.png); }
.admin-header .profile .profile-menu li a.import-export { background-image: url(../images/i_cloud.png); }
.admin-header .profile .profile-menu li a.purchase { background-image: url(../images/i_cart.png); }
.admin-header .profile .profile-menu li a.payment { background-image: url(../images/i_payment.png); }
.admin-header .profile .profile-menu li a.email { background-image: url(../images/i_email2.png); }
.admin-header .profile .profile-menu li a.phone { background-image: url(../images/i_phone2.png); }
.admin-header .profile .profile-menu li a.subscription { background-image: url(../images/i_paper.png); }

.admin-header .messages { background: url(../images/i_messages.png) no-repeat center right; position: absolute; right: 200px; width: 30px; height: 34px; color: #333; top: 15px; }
.admin-header .messages:hover { background-image: url(../images/i_messages_over.png); }
.admin-header .messages span { display:block; width: 22px; padding-top: 1px; height: 16px; background: #c05f44; -moz-border-radius: 11px / 8px; -webkit-border-radius: 11px / 8px; border-radius: 11px / 8px; color: #fff; text-align: center; font-size: 11px; font-weight: bold; position: absolute; top: -2px; right: -18px; }

.admin-header .messages:hover .messages-info { display: block; }
.admin-header .messages .messages-info { position: absolute; top: 29px; left: -110px; width: 270px; box-shadow: 0 0 2px #333; background: #fff; z-index: 999; display: none; }
.admin-header .messages .messages-info p.message { padding: 10px; font-weight: bold; border-bottom: 1px solid #ccc; font-size: 14px; }
.admin-header .messages .messages-info ul li { padding: 5px 10px 5px 40px; font-size: 12px; background: url(../images/i_message.png) center left 5px no-repeat; border-bottom: 1px solid #ccc; cursor: pointer; }
.admin-header .messages .messages-info ul li:hover { background-color: #f4f4f4; }
.admin-header .messages .messages-info ul li p { margin-bottom: 3px; }
.admin-header .messages .messages-info ul li .name { font-weight: bold; }
.admin-header .messages .messages-info ul li .date_ { font-size: 10px; }
.admin-header .messages .messages-info .all-messages { padding: 10px; background: #f4f4f4; font-size: 13px; text-align: center; display: block; color: #333; }
.admin-header .messages .messages-info .all-messages:hover { background: #e4e4e4; }
.admin-header .messages .messages-info p.no-messages { padding: 10px; border-bottom: 1px solid #ccc; font-size: 14px; }

.admin-header .events { background: url(../images/i_event.png) no-repeat center right; position: absolute; right: 270px; width: 30px; height: 34px; color: #333; top: 15px; }
.admin-header .events:hover { background-image: url(../images/i_event_over.png); }
.admin-header .events span { display:block; width: 22px; padding-top: 1px; height: 16px; background: #c05f44; -moz-border-radius: 11px / 8px; -webkit-border-radius: 11px / 8px; border-radius: 11px / 8px; color: #fff; text-align: center; font-size: 11px; font-weight: bold; position: absolute; top: -2px; right: -18px; }

.admin-header .events:hover .events-info { display: block; }
.admin-header .events .events-info { position: absolute; top: 29px; left: -110px; width: 270px; box-shadow: 0 0 2px #333; background: #fff; z-index: 999; display: none; }
.admin-header .events .events-info p.event { padding: 10px; font-weight: bold; border-bottom: 1px solid #ccc; font-size: 14px; }
.admin-header .events .events-info ul li { padding: 5px 10px 5px 40px; font-size: 12px; background: url(../images/i_message.png) center left 5px no-repeat; border-bottom: 1px solid #ccc; cursor: pointer; }
.admin-header .events .events-info ul li:hover { background-color: #f4f4f4; }
.admin-header .events .events-info ul li p { margin-bottom: 3px; }
.admin-header .events .events-info ul li .name { font-weight: bold; }
.admin-header .events .events-info ul li .date_ { font-size: 10px; }
.admin-header .events .events-info .all-events { padding: 10px; background: #f4f4f4; font-size: 13px; text-align: center; display: block; color: #333; }
.admin-header .events .events-info .all-events:hover { background: #e4e4e4; }
.admin-header .events .events-info p.no-messages { padding: 10px; border-bottom: 1px solid #ccc; font-size: 14px; }

.admin-header .logo { position: absolute; top: 10px; left: 10px; }
.admin-header .logo span { color: #727272; font-weight: normal; position: absolute; top: 7px; left: 120px; width: 90px; font-size: 14px; text-transform: uppercase; line-height: 17px; }

/* DASHBOARD */

.dashboard.no-message .info{ width: 70%; margin: 30px auto; }
.dashboard.no-message .info h2 { font-size: 24px; padding-left: 45px; margin-bottom: 10px; font-weight: normal; line-height: 40px; }
.dashboard.no-message .info h2.email { background: url(../images/i_email.png) no-repeat; }
.dashboard.no-message .info h2.sms { background: url(../images/i_sms.png) no-repeat; }
.dashboard.no-message .info ul { margin-bottom: 50px; margin-left: 45px; }
.dashboard.no-message .info li { font-size: 19px; margin-bottom: 5px; }
.dashboard.no-message .info li.done span { background: url(../images/i_ok.png) no-repeat right; padding-right: 30px; }
.dashboard.no-message .info li.not-done a { background: url(../images/i_nok.png) no-repeat right; padding-right: 30px; }

.dashboard .stats-resume { width: 270px; float: right; background: #fff; padding: 15px 15px 13px;  margin-bottom: 15px; }
.dashboard .stats-resume strong { font-weight: bold; }
.dashboard .stats-resume li { margin-bottom: 6px;  font-size: 13px; }

.dashboard-charts-table .left { padding-right: 20px; }
.dashboard-charts-table .right { width: 480px;}

.dashboard .notebook { width: 100%; float: left; margin-bottom: 15px; }
.dashboard .notebook .notebook-title { background: #fff; padding: 15px 20px 26px; }
.dashboard .notebook .notebook-title li {  font-size: 14px; padding: 10px 20px 10px 0; border-right: 1px solid #ccc; opacity: 1; }
.dashboard .notebook .notebook-title li:last-child { border-right: 0; }
.dashboard .notebook .notebook-title li.active span { display: none; }
.dashboard .notebook .notebook-title li.dash-views { background: url(../images/i_dash_views.png) no-repeat left center; padding-left: 40px; }
.dashboard .notebook .notebook-title li.dash-views.active { background-image: url(../images/i_dash_views_over.png); }
.dashboard .notebook .notebook-title li.dash-clicks.active { background-image: url(../images/i_dash_click_over.png); }
.dashboard .notebook .notebook-title li.dash-clicks { background: url(../images/i_dash_click.png) no-repeat left center; padding-left: 40px; }
.dashboard .notebook .notebook-title li.dash-uclicks.active { background-image: url(../images/i_dash_uclick_over.png); }
.dashboard .notebook .notebook-title li.dash-uclicks { background: url(../images/i_dash_uclick.png) no-repeat left center; padding-left: 40px; }
.dashboard .notebook .notebook-title li.dash-removes.active { background-image: url(../images/i_dash_remove_over.png); }
.dashboard .notebook .notebook-title li.dash-removes { background: url(../images/i_dash_remove.png) no-repeat left center; padding-left: 40px; }
.dashboard .notebook .notebook-title li.dash-info.active { background-image: url(../images/i_dash_info_over.png); }
.dashboard .notebook .notebook-title li.dash-info { background: url(../images/i_dash_info.png) no-repeat left center; padding-left: 35px; }
.dashboard .notebook .page .overflow { height: 400px; overflow-y: scroll; }
.dashboard .notebook .page .datagrid-top { display: none; }
.dashboard .notebook .page .datagrid-container { padding: 0; border: 0; }
.dashboard .notebook .page .datagrid .sorter { background: none; }

.dashboard .form { background: #fff; margin-bottom: 15px;}
.dashboard .form button { padding: 11px 23px; font-size: 20px; } 

.dashboard .chart-legend { padding: 10px 20px; }
.dashboard .chart-legend span { display: inline-block; margin-right: 30px; font-size: 12px;  }
.dashboard .chart-legend span span { margin-right: 5px; background: #fff; border: 1px solid #ccc; height: 11px; width: 11px; position: relative; }
.dashboard .chart-legend span span span { width: 7px; height: 7px; background: #aaa; margin-right: 0; line-height: 10px; position: absolute; display: block; top: 2px; left: 2px; border: 0;}
.dashboard .chart-legend span.views span span { background: #db5031; }
.dashboard .chart-legend span.clicks span span { background: #8eb949; }
.dashboard .chart-legend span.uclicks span span { background: #383d43; }
.dashboard .chart-legend span.status { float: right; margin: 0; font-size: 14px; }
.dashboard .chart-legend span.status strong { font-weight: bold; }

.dashboard-top { border-bottom: 1px solid #ccc; padding: 5px 15px; background: #fff; margin-bottom: 0; display: table; width: calc(100% - 30px); }
.dashboard-top table { }
.dashboard-top table td button { width: 138px; }
.dashboard-top .email .icon { background: url(../images/i_dash_email.png) no-repeat; padding-top: 38px; display: inline-block; font-size: 15px; }
.dashboard-top .sms .icon { background: url(../images/i_dash_sms.png) no-repeat; padding-top: 38px; display: inline-block; font-size: 15px; width: 42px; text-align: center; }
.dashboard-top .available-sends { font-size: 12px;}
.dashboard-top .chart-pie { width: 85px; position: relative; }
.dashboard-top .chart-pie .percent { width: 100%; position: absolute; top: 30px; left: 0; text-align: center; font-size: 11px; }
.dashboard-top .chart-pie .legend { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; font-size: 11px;  }

.dashboard-top .email { width: 50%; display: table-cell; }
.dashboard-top .sms { width: 50%; display: table-cell; }

.dashboard .wrapper { margin-bottom: 15px; padding: 5px; background: #fff; }

.dashboard .message-small-pie .chart-pie { width: 100px; position: relative; margin-bottom: -5px; }
.dashboard .message-small-pie p { float: right; width: 335px; font-size: 32px; color: #222; }
.dashboard .message-small-pie p .label { font-size: 25px; }
.dashboard .message-small-pie .percent { width: 100%; position: absolute; top: 36px; left: 0; text-align: center; font-size: 11px; }
.dashboard .message-send-info { font-size: 19px; line-height: 30px; padding: 10px; }
.dashboard .message-send-info strong { font-weight: bold; }
.dashboard .message-send-info .warning { background: #feeaea; padding: 10px; border: 1px solid #C51B1F; font-size: 13px; color: #C51B1F; margin-bottom: 10px; line-height: 18px; }
.dashboard .message-send-info .warning a { color: #3b91b4; }

.dashboard .message-large-pie .resume { font-size: 11px; margin-bottom: 10px; }
.dashboard .message-large-pie .resume td { text-align: center;}
.dashboard .message-large-pie .resume strong { font-weight: bold; }

.dashboard .chart-resume { position: relative;  }
.dashboard .chart-resume .center-percent { position: absolute; top: 100px; left: 50%; margin-left: -50px; width: 100px; top: 50%; margin-top: -30px; font-size: 35px; font-weight: bold; text-align: center;}

.dashboard .chart-legend.resume span { margin-right: 5px; padding: 2px; border: 1px solid #ccc; line-height: 9px; }
.dashboard .chart-legend.resume span span { margin-right: 0; padding: 0; border: 0; }

.dashboard .message-info { font-size: 13px; line-height: 19px; }
.dashboard .message-info .col1 { padding-right: 10px; }
.dashboard .message-info .col2 { padding-left: 10px; }
.dashboard .message-info td { vertical-align: top; }
.dashboard .message-info .separator { font-size: 15px; font-weight: bold; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #aaa; }
.dashboard .message-info strong { font-weight: bold; }

.dashboard-page { padding: 0 !important; margin-top: 15px; background: none !important; border-top: 0 !important; }
.dashboard-notebook-title .active { font-weight: bold; }

/* FILE MANAGER */
.file-manager { display: table; width: 100%; }
.file-manager .folders { display: table-cell; padding-right: 15px; border-right: 1px solid #ccc; min-width: 20%; vertical-align: top; }
.file-manager .folders .buttons { margin: 10px 0; }
.file-manager .files { display: table-cell; padding-left: 15px; vertical-align: top; }

.file-manager .file-list li { width: 145px; margin-right: 10px; margin-bottom: 10px; height: 125px; padding: 5px; border: 1px solid #ccc; float: left; position: relative; }
.file-manager .file-list li .image { width: 100%; height: 90px; display: block; overflow: hidden; margin-bottom: 5px; text-align: center; }
.file-manager .file-list li .image.file-extension img { margin-top: 22px; }
.file-manager .file-list li .paths { position: relative; }
.file-manager .file-list li .file-name { font-size: 11px; }
.file-manager .file-list li .full-path { display: none; position: absolute; border: 1px solid #ccc; border-top: 0; font-size: 11px; background: #fff; top: 0px; left: -6px; z-index: 9999; padding: 0 5px 5px; width: 100%; min-height: 25px; overflow-wrap: break-word; }
.file-manager .file-list li:hover .full-path { display: block; }
.file-manager .file-list li .remove { position: absolute; top: 5px; right: 5px; width: 26px; height: 26px; background: url(../images/i_remove2.png); display: none; cursor: pointer; }
.file-manager .file-list li:hover .remove { display: block; }

/* SCHEDULE CALENDAR */
.schedule-calendar { padding: 6px; margin: 6px; border: 1px solid #ccc; }
.schedule-calendar th { font-size: 12px; text-decoration: none; cursor: pointer; }
.schedule-calendar th:hover {  text-decoration: underline; }
.schedule-calendar td { text-align: center; }
.schedule-calendar th.head { text-align: center; padding-bottom: 5px; }

/* SOCIAL SKIN SELECTOR */
.social-skin-selector { margin: 6px; }
.social-skin-selector li { border: 2px solid #ccc; margin: 0 5px 9px 0; cursor: pointer; display: inline-block; padding: 5px 5px 0 0; }
.social-skin-selector li img { margin: 5px; display: inline-block; margin: 0 0 0 5px; }
.social-skin-selector li.selected { border-color: #777; }
.social-skin-selector li:hover { border-color: #777; }

/* MESSAGE MANAGER */
.message-manager-table { height: calc(100% - 45px); }
.message-manager-table td { vertical-align: top; height: 100%; }
.message-manager-table #side_container { background: #fff; border-left: 1px solid #ccc; padding: 10px; min-width: 370px; max-width: 500px;}
.message-manager-table #message_container { padding: 0;  }
.message-manager-table #message_container .page { overflow: auto; position: relative; max-width: 100%; margin: 0 auto; }
.message-manager-table #message_container .page .message-manager { padding: 15px 15px 15px 6px; }
.message-manager-table #message_container .page #message_manager .message-wrapper { padding: 20px 10px; width: 700px; margin: 0 auto; }
.message-manager-table #side_container .page { padding: 5px 0; }
.message-manager-table #side_container .form .separator { margin: 15px 6px; background: #eee; color: #333; padding: 5px 8px; font-weight: normal; cursor: pointer; border: 1px solid #ccc; }
.message-manager-table #side_container .form .separator:hover { background: #ddd; }
.message-manager-table #side_container .form .separator-content { display: none; }
.message-manager-table #side_container .notebook .notebook-title { height: 30px; display: table; width: 100%; table-layout: fixed; border-collapse:separate; border-spacing: 5px; }
.message-manager-table #side_container .notebook .notebook-title li { background: #fff; padding: 10px 0; border: 1px solid #ccc; font-size: 18px; opacity: 1; border-radius: 2px; display: table-cell; width: 50%; text-align: center; float: none; }
.message-manager-table #side_container .notebook .notebook-title li.active { background: #eee; }
.message-manager-table #side_container .notebook .notebook-title li span { display: none; }
.message-manager-table #side_container .notebook .notebook-page .page { border-top: 0; }
.message-manager-table #side_container .form .top-actions { margin-bottom: 5px; margin-top: -20px; }

.message-manager-table .block-image .image { margin: 15px 0; min-height: 80px; }
.message-manager-table .block-image .image img { border: 1px solid #ddd; }
.message-manager-table .block-image .image .description { float: right; width: calc(100% - 170px); }
.message-manager-table .block-image .image .description p { margin-bottom: 15px; }
.message-manager-table .block-image .image .description p.image-name { font-size: 15px; font-weight: bold; margin-bottom:5px; }
.message-manager-table .block-image .image .description p.image-size { font-size: 12px; font-weight: normal; }

.message-manager-table .video-preview { margin: 6px; padding: 10px; border: 1px solid #ccc; text-align:center;  }

.message-manager .notebook .notebook-page .page { padding: 20px 0 15px; }

.message-manager .blocks-wrapper { border-top: 0; }
.message-manager .blocks-wrapper button.small { font-size: 11px; }
.message-manager .blocks-wrapper button.bt-settings,
.message-manager .blocks-wrapper button.bt-duplicate,
.message-manager .blocks-wrapper button.bt-remove { width: 22px; height: 25px; text-indent: -200px; overflow: hidden;  }
.message-manager .blocks-wrapper button.bt-settings:hover,
.message-manager .blocks-wrapper button.bt-duplicate:hover,
.message-manager .blocks-wrapper button.bt-remove:hover  { opacity: 0.5; }
.message-manager .blocks-wrapper button.bt-settings {  background: url(../images/i_wheel.png) no-repeat; }
.message-manager .blocks-wrapper button.bt-duplicate { background: url(../images/i_copy.png) no-repeat;  }
.message-manager .blocks-wrapper button.bt-remove { background: url(../images/i_close3.png) no-repeat; }
.message-manager .block-container { position: relative; margin-bottom: 15px; }
.message-manager .block-container.allow-edition { padding-bottom: 20px; margin: 5px;  }
.message-manager .block-container .block-container-actions {background: rgba(55,55,55,0.8);  text-align: right; padding: 5px; white-space: nowrap; }
.message-manager .block-container .bt-settings { }
.message-manager .block-container .bt-remove { }
.message-manager .block-container .drag-icon { display: inline-block; top: 3px; position: relative; }
.message-manager .block-container .drag-icon:hover{ opacity: 0.5; }
.message-manager .block-container .ui-state-highlight { height: 40px; background: #eee; border: 1px solid #ddd; margin: 5px; width: calc(100% - 12px); float: none; display: block !important;  }


.message-manager .block-container table.block-container-cols { display: table; border-collapse:separate; /*border-spacing: 25px;  margin: -15px -25px; width: calc(100% + 50px); */ }
.message-manager .block-container.allow-edition table.block-container-cols {  }
.message-manager .block-container td.block-container-col { height: 75px; width: 2%; display: table-cell;  position: relative; vertical-align:top; border: 1px dashed #fff; }
.message-manager .block-container td.block-container-col.empty-container { height: 150px !important; }
.message-manager .block-container td.block-container-col.empty-container .drag-here { border: 1px solid #ccc; background: #eee; text-align: center; padding: 15px; font-size: 14px; font-weight: bold; color: #555; }
.message-manager .block-container.allow-edition td.block-container-col { border: 1px dashed #ccc; }
.message-manager .block-container .col-actions { background: #f4f4f4; padding: 5px; text-align: right; border-bottom: 1px solid #ccc; white-space: nowrap; position: absolute; top: 0; left: -1px; width: calc(100% - 9px);  }

.message-manager .block-container.allow-edition td.block-container-col:hover { border: 1px dashed #ccc; }

.message-manager .block { position: relative; border: 1px solid transparent; width: calc(100% - 2px);  }
.message-manager .block:hover {  min-height: 40px; }
.message-manager .block-container.allow-edition .block { margin: 5px; width: calc(100% - 12px);   }
.message-manager .block.active-0 { border: 1px dotted #D02428;  }
.message-manager .block .block-actions { text-align: right; padding: 5px; white-space: nowrap; position: absolute; z-index: 99; width: calc(100% - 10px); left: -2px; top: -2px; border: 2px solid #373737; display: none; height: calc(100% - 10px);  }
.message-manager .block  .block-actions .block-mask { position: absolute; z-index: 89; left: -2px; top: -2px; width: 100%; height: 100%; cursor: pointer;  }
.message-manager .block-container.allow-edition .block .block-actions { width: calc(100% - 2px); left: -6px;  }
.message-manager .block .block-actions .actions { background: rgba(55,55,55,0.8); position: absolute; top: 0; right: 0; border-bottom: 1px solid #666; padding: 5px 10px; z-index: 99; }
.message-manager .block:hover { border-bottom: 1px solid #fff; }
.message-manager .block.selected .block-actions,
.message-manager .block:hover .block-actions { display: block; }
.message-manager .block .drag-icon { margin-left: 2px; }
.message-manager .block .block-title { padding: 5px; font-size: 13px; font-weight: bold; }
.message-manager .block table { width: 100%; }

.message-manager strong { font-weight: bold; }

.parrot-message strong { font-weight: bold; }
.parrot-message .block table { width: 100%; }

.message-manager .block .message-block-button table,
.parrot-message .block .message-block-button table,
.message-manager .block .message-block-socialshare table,
.parrot-message .block .message-block-socialshare table { width: auto; }

.message-manager .no-content { font-size: 16px; color: #555; text-align: center; border: 1px solid #ddd; padding: 15px; }
.message-manager .no-content .image { background: #eee; padding-bottom: 25px; font-weight: bold; margin-bottom: 10px;}

.message-manager-table td .message-block-socialshare td { vertical-align: middle; }

#message_container .preview  { float: right; font-size: 12px; }
#message_container .preview span { padding-right: 10px; }
#message_container .preview span:hover { text-decoration: underline; cursor: pointer; }

#message_container .send-test  { float: right; font-size: 12px; margin-right: 15px; }
#message_container .send-test span { padding-right: 10px; }
#message_container .send-test span:hover { text-decoration: underline; cursor: pointer; }

#message_container .form { padding: 0 15px 15px; }
#message_container .form .top-actions { margin-bottom: -37px; }
#message_container .form .top-actions label { margin-top: 14px; margin-right: 35px; }

/* MESSAGE RESUME */
.message-resume .separator { margin: 15px 0 !important; }
.message-resume .preview { border: 1px solid #ddd; padding: 10px; }
.message-resume .resume { font-size: 13px; }
.message-resume .resume strong { font-weight: bold; }

.message-resume-table .left { padding-right: 40px; }
.message-resume-table .right { width: 850px; }

.blocks-list-top-actions { margin: -10px -10px 15px; }
.blocks-list-top-actions .back { display: none; }
.blocks-list-top-actions .template-config,
.blocks-list-top-actions .file-manager { width: auto; float: left; }
.blocks-list-top-actions .template-config button,
.blocks-list-top-actions .file-manager button { position: relative; overflow: hidden; width: 170px; height: 50px; background: none; }
.blocks-list-top-actions .template-config button:hover span.bg,
.blocks-list-top-actions .file-manager button:hover span.bg { background-color: #666; }
.blocks-list-top-actions .template-config button span.bg,
.blocks-list-top-actions .file-manager button span.bg {  border: 0 none; height: 50px; overflow: hidden; text-indent: -300px; width: 50px; position:absolute; top: 0; left: 0; }
.blocks-list-top-actions .file-manager button span.bg { background: #999 center center no-repeat url(../images/i_folder.png); }
.blocks-list-top-actions .template-config button span.bg { background: #999 center center no-repeat url(../images/i_config.png); }
.blocks-list-top-actions .template-config button span.text,
.blocks-list-top-actions .file-manager button span.text { color: #444; font-size: 12px; position: absolute; left: 55px; text-indent: 0; top: 19px; }
.blocks-list-top-actions .template-config button span.text:hover,
.blocks-list-top-actions .file-manager button span.text:hover { text-decoration: underline; }

.blocks-list li { float: left; width: 100px; height: 100px; border: 1px solid #ccc; margin-right: 5px; margin-bottom: 5px; font-size: 12px; text-align: center; position: relative; background: #fff; }
.blocks-list li span { position: absolute; bottom: 5px; left: 0; display: block; width: 100%; }
.blocks-list li:hover { border: 1px solid #aaa; cursor: pointer; }
.blocks-list li.block-quick-add.text { background: #fff url(../images/i_block_text.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.image { background: #fff url(../images/i_block_image.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.image-text { background: #fff url(../images/i_block_image_text.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.video { background: #fff url(../images/i_block_video.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.social { background: #fff url(../images/i_block_social.png) no-repeat center 5px; }
.blocks-list li.block-quick-add.hr { background: #fff url(../images/i_block_hr.png) no-repeat center 5px; }
.blocks-list li.block-quick-add.bt { background: #fff url(../images/i_block_button.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.html { background: #fff url(../images/i_block_html.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.footer { background: #fff url(../images/i_block_footer.png) no-repeat center 15px; }

.blocks-list li.block-quick-add.col1 { background: #fff url(../images/i_block_col1.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.cols2-left { background: #fff url(../images/i_block_cols2_left.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.cols2-right { background: #fff url(../images/i_block_cols2_right.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.cols2 { background: #fff url(../images/i_block_cols2.png) no-repeat center 15px; }
.blocks-list li.block-quick-add.cols3 { background: #fff url(../images/i_block_cols3.png) no-repeat center 15px; }

.message-manager-table .form-message-block .notebook .notebook-page .page { padding: 20px 0 15px; }
.message-manager-table #articles .datagrid-top { margin: 15px 0 4px; }
.message-manager-table #articles .datagrid-container { margin: 0 0 15px; padding: 15px 0; }

.form-template-block .notebook { overflow-y: auto; }

.template-preview-page { display: table; width: 100%; }
.template-preview-page .pc, 
.template-preview-page .mobile { display: table-cell; padding: 20px; vertical-align: top; }
.template-preview-page .mobile { min-width: 300px; width: 30%; }
.template-preview-page .screen-content,
.template-preview-page .mobile-content { overflow-y: auto; }
.template-preview-page .phone { width: 270px; height: 516px; background: url(../images/phone-port.png) no-repeat; margin: 0 auto; position: relative; }

.template-preview-page .pc .screen { width: 100%; height: 100%; background: #fff; overflow: auto; border: 0; padding: 0; }
.template-preview-page .phone .screen { width: 246px; height: 362px; position: absolute; top: 77px; left: 14px; background: #fff; overflow: auto; border: 0; padding: 0; }


/* CATEGORY MANAGER */

/* EVENTS */
.events { display: table; width:100%; }
.events .events-edition-container { display: table-cell; width: 0; background: #fff; padding: 10px; border-left: 1px solid #ccc; vertical-align: top; }
.calendar-container { padding: 10px; display: table-cell; vertical-align: top; }
.calendar-container .fc-view-container { background: #fff; padding: 10px; }

.events .event-form { padding: 0; }
.events .event-form .field { padding: 6px 0; }

/* DATAGRID */
.datagrid-top { margin: 15px 15px 4px; position: relative; height: 33px; }
.datagrid-top .name { position: absolute; bottom: 3px; left: 0; font-size: 14px; text-transform: uppercase; background: url(../images/i_list.png) no-repeat center left; padding-left: 25px; }
.datagrid-top .actions { position: absolute; right: 0; }
.datagrid-container { padding: 15px; background: #fff; margin: 0 15px 15px; border-top: 1px solid #e0e0e0; }
.datagrid { font-size: 14px; }
.datagrid .actions { position: relative; width: 100%; }
.datagrid thead tr:last-child th { border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.datagrid .pager-container { position: relative; height: 20px; }
.datagrid .pager { position: absolute; right: 10px; top: 0; font-size: 13px; }
.datagrid .pager strong { display: inline-block; margin: 0 3px; color: #666; }
.datagrid .pager span { display: inline-block; border: 1px solid #ccc; height: 16px; width: 20px; background: #eee no-repeat center center; vertical-align: middle; margin: 0 1px; cursor: pointer; }
.datagrid .pager span:hover { background-color: #fff; }
.datagrid .pager span.pager-first { background-image: url(../images/datagrid_first.png); }
.datagrid .pager span.pager-prev { background-image: url(../images/datagrid_previous.png); }
.datagrid .pager span.pager-next { background-image: url(../images/datagrid_next.png); }
.datagrid .pager span.pager-last { background-image: url(../images/datagrid_last.png); }
.datagrid th { font-weight: bold; padding: 4px 4px; }
.datagrid .sorter { cursor: pointer; display: block; background: url(../images/datagrid_nosort.png) no-repeat center right 5px; color: #888; text-transform: uppercase; padding-right: 17px;  }
.datagrid .sorter.asc { background-image: url(../images/datagrid_asc.png);  color: #333; }
.datagrid .sorter.desc { background-image: url(../images/datagrid_desc.png);  color: #333; }
.datagrid .filter {  }
.datagrid .filter select,
.datagrid .filter input { width: calc(100% - 8px); padding: 4px; border: 1px solid #ccc; }
.datagrid .row td { padding: 8px 4px; border-top: 1px solid #eee; font-size: 13px; }
.datagrid .row.odd { background: #f4f4f4; }
.datagrid .row:hover { background: #e4e4e4; }
.datagrid .row.link { cursor: pointer; }
.datagrid .drag-icon { float: right;}

.datagrid .template-preview { height: 150px; overflow: hidden; width: 150px; border: 1px solid #ccc; background: #fff; padding: 5px; position: relative;}
.datagrid .template-preview .preview-content  { transform-origin: 0 0; transform: scale(0.208,0.208);  }
.datagrid .template-preview .preview-link { position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; cursor: pointer; }
.datagrid .template-preview:hover { border-color: #68A93D; }

.datagrid .cell-buttons { text-align: center; }
.datagrid .cell-buttons .button { margin-bottom: 3px; white-space: nowrap; }

/* FIELDS TABLE */
.fields-table { margin-top: 5px; }
.fields-table td,
.fields-table th { padding: 6px; font-size: 14px; vertical-align: top; }
.fields-table input { padding: 6px; border: 1px solid #ccc; width: calc(100% - 14px); }
.fields-table .validate-error input { border: 1px solid #c00; }
.fields-table .fake-row { opacity: 0.6; cursor: default; }
.fields-table .fake-row input { cursor: default; }

/* HTML CONFIRM */
.confirm-overlay { background: rgba(0,0,0,0.5); position: fixed; z-index: 99999; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; }
.confirm-box{ background: #fff; box-shadow: 0 0 8px #000; padding: 10px; width: 590px; margin: 0 auto; margin-top: 15%; }

.confirm-box .title { border-bottom: 1px solid #ccc; margin-bottom: 10px; display: block; font-size: 16px; font-weight: bold; }
.confirm-box.success .title { padding: 5px; }
.confirm-box.warning .title { padding: 5px; }
.confirm-box .message { display: block; font-size: 16px; margin-bottom: 15px; }
.confirm-box .actions { text-align: center; }

/* HTML MESSAGE */
.message-overlay { background: rgba(0,0,0,0.5); position: fixed; z-index: 99999; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; }
.message-box{ background: #e9e9e9; box-shadow: 0 0 8px #000; padding: 10px; width: 590px; margin: 0 auto; margin-top: 15%; }

.message-box .title { border-bottom: 1px solid #666; margin-bottom: 10px; display: block; font-size: 23px; font-weight: bold; }
.message-box.success .title { padding: 5px; }
.message-box.warning .title { padding: 5px; }
.message-box .message { display: block; font-size: 16px; margin-bottom: 15px; }
.message-box .actions { text-align: center; }

/* WIZARD BOX */
.wizard-container { background: rgba(0,0,0,0.5); position: fixed; z-index: 89999; width: 100%; height: 100%; top: 0; left: 0; }
.wizard-container .wizard{ width: 90%; height: 90%; margin: 2.5% auto; border: 0; background: #fff; box-shadow: 0 0 8px #000; display: block; position: relative; overflow: auto; }
.wizard-container .wizard .loaded-html { padding: 30px 20px; overflow: auto;}
.wizard-container .wizard .wizard-actions { text-align: center; position: absolute; top: 5px; right: 5px; }
.wizard-container .wizard .wizard-actions .close { width: 30px; height: 31px; background: url(../images/i_close2.png) no-repeat; }
.wizard-container .wizard .wizard-actions .close:hover { opacity: 0.5; }
.wizard-container .wizard .wizard-container .wizard { width: 85%; height: 85%; margin: 3.95% auto; }

.wizard-container .wizard .notebook-page .page { padding: 20px 0 15px; }

/* FORM */
.form { padding: 15px; }
.form .top-actions { text-align: right; margin-bottom: -10px; }
.form .top-actions label { float: right; cursor: pointer; white-space: nowrap; border: 0; padding: 5px; font-size: 12px; }
.form .top-actions label input { width: 20px; display: inline; }
.form .field { padding: 6px;  }
.form .field.color span { margin-bottom: 0; }
.form .field.color .minicolors-theme-default .minicolors-swatch { left: 0; top: 0; }
.form .field.color label { padding-bottom: 2px; }
.form .field.color input { height: 21px; margin-left: -2px; }
.form .field .tree-field { border: 1px solid #ccc; border-top: 0; padding: 10px; }
.form .field .tip { font-size: 12px; color: #888; }
.form label { border: 1px solid #ccc; border-radius: 1px; padding: 6px; display: block; cursor:text; position: relative; }
.form label.number-error,
.form label.email-error,
.form label.validate-error { border: 1px solid #C00; }
.form label.number-error span,
.form label.validate-error span { color: #C00; }
.form label.readonly { cursor: default; }
.form label.readonly,
.form label:hover { background: #f1f1f1; }
.form label span { display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #444; margin-bottom: 4px; }
.form label textarea { font-size: 13px; color: #666; display: block; width: 100%; border: 0; background: none; height: 80px; }
.form label p,
.form label input { font-size: 13px; color: #666; display: block; width: 100%;  }
.form label p { line-height: 15px; }
.form label textarea:focus,
.form label input:focus { outline: none; }
.form label .select2-container { width: auto; display: block; }
.form label .select2-container .select2-choice { line-height: 16px; height: 15px; border: 0; padding: 0; background: #fff; }
.form label:hover .select2-container .select2-choice { background: #f1f1f1; }
.form label .select2-container-active .select2-choice { box-shadow: 0 0 0 #fff; }
.form label .select2-container .select2-choice span { text-transform: none; font-weight: normal; font-size: 13px; color: #666; }
.form label .select2-container label { padding: 0; }
.form label select:hover { background: #f1f1f1;  }
.form .error-message {  display: block; color:#C00; font-weight: normal; font-size: 12px; }

.form .field.icon-slider { position: relative; }
.form .field.icon-slider label { padding: 0; border: 0; width: 40px; }
.form .field.icon-slider label:hover { background: none; }
.form .field.icon-slider label span.icon { width: 40px; height: 40px; background: #fff no-repeat center; display: block; overflow:hidden; text-indent: -1000px; }
.form .field.icon-slider label span.icon.padding-top { background-image: url(../images/i_padding_top.png); }
.form .field.icon-slider label span.icon.padding-bottom { background-image: url(../images/i_padding_bottom.png); }
.form .field.icon-slider label span.icon.padding-left { background-image: url(../images/i_padding_left.png); }
.form .field.icon-slider label span.icon.padding-right { background-image: url(../images/i_padding_right.png); }
.form .field.icon-slider label span.icon.margin-top { background-image: url(../images/i_margin_top.png); }
.form .field.icon-slider label span.icon.margin-bottom { background-image: url(../images/i_margin_bottom.png); }
.form .field.icon-slider label span.icon.margin-left { background-image: url(../images/i_margin_left.png); }
.form .field.icon-slider label span.icon.margin-right { background-image: url(../images/i_margin_right.png); }
.form .field.icon-slider label .slider { position: absolute; width: 150px; top: 40px; left: 0; border: 1px solid #888; padding: 6px; background: #fff; display: none; z-index: 9999; cursor: auto; }
.form .field.icon-slider label .slider.right { right: 0; left: auto; }
.form .field.icon-slider label:hover .slider { display: block; }
.form .fields-group.slider-icons { max-width: 500px; margin: 0 auto; }

.form .field.icon-slider .slider-sync-container { position: absolute; right: 2px; top: 26px; width: calc(100% - 56px); height: 2px; background: #000; }
.form .field.icon-slider .slider-sync-container .slider-sync-icon { width: 30px; height: 8px; background: url(../images/unlink.png) #fff; display: block; cursor: pointer; position: relative; margin-left: -15px; top: -3px; left: 50%; }
.form .field.icon-slider .slider-sync-container .slider-sync-icon.linked { background-image: url(../images/link.png); }
.form .field.icon-slider .slider-sync-container input { display: none; }

.form .tinymce-editor label { border-bottom: 0; }
.form .tinymce-editor label:hover { background: #fff; }
.form .tinymce-editor label span { margin-bottom: 0; }

.form .CodeMirror.cm-s-default { border: 1px solid #ccc; }

.form label.checkbox { display: inline-block; padding: 0; border: 0; }
.form label.checkbox:hover { background: #fff; cursor: pointer; }
.form label.checkbox span { display: inline-block; }
.form label.checkbox input { display: inline-block; width: 30px;  }

.form label.switcher { cursor: pointer; }
.form label.switcher span.title { display: inline-block; position: absolute; top: 16px; left: 70px; }
.form label.switcher .switchery { margin-bottom: 2px; }

.form .field.buttons { position: relative; }
.form .field.buttons button { background: #fff; width: 48px; height: 48px; text-indent: -1000px; overflow: hidden; border: 1px solid #ccc; position: absolute; right: 6px; top: 6px; }
.form .field.buttons button.button-2 {right: 64px;}
.form .field.buttons button:hover { background-color: #f1f1f1 !important; }
.form .field.button-1 label { width: calc(100% - 72px); display:inline-block; }
.form .field.button-2 label { width: calc(100% - 131px); display:inline-block; }
.form .field.buttons button.save { background: url(../images/i_save.png) no-repeat center center; }
.form .field.buttons button.print { background: url(../images/i_print.png) no-repeat center center; }
.form .field.buttons button.reset { background: url(../images/i_reset.png) no-repeat center center; }
.form .field.buttons button.remove { background: url(../images/i_remove.png) no-repeat center center; }
.form .field.buttons button.export  { background: url(../images/i_arrow_down.png) no-repeat center center; }
.form .field.buttons button.import  { background: url(../images/i_arrow_up.png) no-repeat center center; }
.form .field.buttons button.pay { background: url(../images/i_pay.png) no-repeat center center; }

.form .date { border: 1px solid #ccc; border-radius: 1px; padding: 6px; display: block; cursor:text; position: relative;  }
.form .date:hover { background: #f1f1f1;  }
.form .date .fa-calendar { position: absolute; right: 10px; top: 16px; }
.form .date .label { display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #444; margin-bottom: 4px; }
.form .date input { font-size: 13px; color: #666; display: block; width: 100%; }
.form .date.validate-error { border: 1px solid #C00; }
.form .date.validate-error span { color: #C00; }

.form .legend { font-weight: bold; margin-bottom: 10px; font-size: 14px; text-transform: uppercase; }

.form .sm-textarea { display: none; }

.form .separator { margin: 6px; border-bottom: 1px solid #ccc; padding-bottom: 6px; font-weight: bold; font-size: 18px; }

.form .multiple-select-field label:hover { background: #fff; }
.form .multiple-select { width: 100%; border: 0;}
.form .multiple-select:hover { background: #fff; }
.form .multiple-select option { border-bottom: 1px solid #ddd; padding: 5px 2px; margin-right: 10px; }
.form .multiple-select option:hover { background: #eee; }
.form .multiple-select option:checked  { background: #ddd; }

.select2-drop-active { border: 1px solid #ccc !important; padding: 7px !important; }
.select2-drop-active li { font-size: 12px; }
.select2-container .select2-choice .select2-arrow { background: none !important; border: 0 !important; }
.select2-container .select2-choice .select2-arrow b { background-position: 0 -4px !important; }
.select2-results .select2-highlighted { background: #999 !important; }

.datepicker-dropdown { margin-top: 30px; }

/* IMAGES LIST */
.images-list { border: 1px solid #ccc; borde-radius: 1px; }
.images-list thead { border-bottom: 1px solid #ccc; }
.images-list th { padding: 5px; font-size: 14px; text-align: center; }
.images-list td { padding: 2px 5px; border-bottom: 1px solid #ccd; text-align: center; }
.images-list td input.order { text-align: center; border: 1px solid #fff; width: 50px; padding: 3px; }
.images-list td input.order:hover { border: 1px solid #ccc; }
.images-list td input.order:focus { border: 1px solid #ccc; background: #eee; }
.images-list td input,
.images-list td select { font-size: 14px; padding: 3px; border: 1px solid #ccc; }
.images-list td img { display: block; }

/* PERMISSIONS */
.permissions-container { padding: 10px; border: 1px solid #ccc; margin: 5px; }
.permissions { font-size: 13px; }
.permissions li { width: 400px; }
.permissions li label { float: right; }
.permissions ul li { padding-left: 10px; width: 390px; }

/* CONTAINERS */
.fields-group { display: table; table-layout: fixed; width: 100%; }
.fields-group .col { display: table-cell; width: 2%; vertical-align: top; }
.fields-group.cols2 .col { width: calc(50%); }

/* NOTEBOOK */
.notebook .notebook-title li { float: left; font-size: 14px; margin-right: 20px; color: #555; cursor: pointer; opacity: 0.7; line-height: 17px; }
.notebook .notebook-title li.active { opacity: 1; position: relative; }
.notebook .notebook-title li.active span {  background: url(../images/notebook_pointer.png) no-repeat; width: 22px; height: 13px; position: absolute; top: 20px; display: block; left: 50%; margin-left: -11px; }
.notebook .notebook-title li.info { background: url(../images/i_info.png) no-repeat left center; padding-left: 20px; }
.notebook .notebook-title li.timer { background: url(../images/i_sand_timer.png) no-repeat left center; padding-left: 17px; }
.notebook .notebook-title li.box { background: url(../images/i_box.png) no-repeat left center; padding-left: 20px; }
.notebook .notebook-title li.email { background: url(../images/i_email.png) no-repeat left center; padding-left: 20px; }
.notebook .notebook-title li.google { background: url(../images/i_google.png) no-repeat left center; padding-left: 20px; }
.notebook .notebook-title li.seo { background: url(../images/i_seo.png) no-repeat left center; padding-left: 20px; }
.notebook .notebook-title li.clouderp { background: url(../images/i_clouderp.png) no-repeat left center; padding-left: 23px; }
.notebook .notebook-title li.sales { background: url(../images/i_percent2.png) no-repeat left center; padding-left: 18px; }
.notebook .notebook-title li.payments { background: url(../images/i_euro.png) no-repeat left center; padding-left: 18px; }
.notebook .notebook-title li.import { background: url(../images/i_import.png) no-repeat left center; padding-left: 20px; }
.notebook .notebook-title li.export { background: url(../images/i_export.png) no-repeat left center; padding-left: 20px; }
.notebook .notebook-title li.cms { background: url(../images/i_cms.png) no-repeat left center; padding-left: 20px; }
.notebook .notebook-page .page { display: none; background: #fff; padding: 20px 15px 15px; border-top: 1px solid #e0e0e0; }
.notebook .notebook-page .page:first-child { display: block; }

/* TEMPLATE LIST */
.template-list li.template { width: 220px; display: inline-block; cursor: pointer; margin-bottom: 15px; position: relative; vertical-align: top;  }
.template-list li.template .preview { padding: 5px; height: 200px; width: 200px; background: #fff; border: 1px solid #ccc; margin-bottom: 5px; position: relative; overflow: hidden; }
.template-list li.template .preview .preview-content { transform-origin: 0 0; transform: scale(0.28,0.28);  }
.template-list li.template:hover .preview { box-shadow: 0 0 3px #999; }
.template-list li.template.selected .preview { border-color: #75ac1e; box-shadow: 0 0 3px #75ac1e; }
.template-list li.template.selected .title {  color: #c39519; font-weight: bold; }
.template-list li.template .title { font-size: 13px; }
.template-list li.template .title input { width: calc(100% - 17px); padding: 4px; border: 1px solid transparent; }
.template-list li.template .title input:hover,
.template-list li.template .title input:focus { border-color: #ccc; background: #f4f4f4; }
.template-list li.template .preview .preview-mask { position: absolute; width: 100%; height: 100%; z-index: 9999; }
.template-list .no-template { font-size: 12px; }
.template-list li.template .remove { width: 28px; height: 28px; position: absolute; top: 0; right: 8px; background: #C2161B url(../images/i_close3.png) no-repeat center; z-index: 9999; }
.template-list li.template .remove:hover { background-color: #E24549; }

.template-list .notebook .notebook-title li { padding-left: 0; background: none; line-height: 20px; margin-right: 30px; }
.template-list .notebook .notebook-title li.active { color: #c39519; font-weight: bold; border-bottom: 1px solid #c39519; }
.template-list .notebook .notebook-title li.active span { display: none; }

.errors-list { }
.errors-list li { font-size: 13px; margin-bottom: 10px; background: no-repeat left top; padding-left: 25px; vertical-align: middle; }
.errors-list li.error { background-image: url(../images/i_error.png); }
.errors-list li.warning { background-image: url(../images/i_warning.png); }
.errors-list li * { vertical-align: middle; display: inline-block; }

/* BUY SENDINGS */
.buy-sendings { padding-top: 30px; }
.buy-sendings h2 { color: #ef5a28; text-align: center; font-weight: normal; font-size: 35px; margin-bottom: 50px; }
.buy-sendings h3{ color: #000; text-align: center; font-weight: normal; font-size: 20px; margin-bottom: 30px; }
.buy-sendings .subscriptions { margin: 60px auto; width: 390px; }
.buy-sendings .subscriptions li { width: 140px; height: 140px; border: 1px solid #000; display: inline-block; text-align: center; line-height: 140px; border-radius: 80px; cursor: pointer;}
.buy-sendings .subscriptions li.selected { background: #000; color: #fff; }
.buy-sendings .subscriptions li:first-child { margin-right: 100px; }
.buy-sendings .simulator { width: 90%; margin: 0 auto; }
.buy-sendings .simulator td { vertical-align: top; }
.buy-sendings .simulator .quote { width: 300px; }
.buy-sendings .simulator .quote .wrapper { padding: 10px; background: #fff; box-shadow: 0 0 5px #888; }
.buy-sendings .simulator .quote .wrapper h4 { margin-bottom: 15px; }
.buy-sendings .simulator .quote .wrapper .sms { margin-bottom: 15px; }
.buy-sendings .simulator .quote .wrapper button { display: block; width: 100%; }
.buy-sendings .simulator .quote .note { font-size: 12px; margin-top: 5px; }
.buy-sendings .simulator .slidebars { padding-right: 40px; }
.buy-sendings .simulator .slidebars td { padding: 30px 0; position:relative;  }
.buy-sendings .simulator .slidebars td:first-child { width: 80px; color: #000;  vertical-align:bottom; padding-bottom: 33px; }
.buy-sendings .simulator .slidebars .pointer { font-size: 13px; color: #666; text-align: center; padding: 2px 5px; position: absolute; width: 50px; text-align: center; margin-left: -19px; margin-top: 5px; font-size: 18px; display: block; }
.buy-sendings .back-link { text-align: center; padding: 20px; }
.buy-sendings .back-link a { color: #333; margin-right: 10px; }
.buy-sendings .back-link a:hover { text-decoration: underline; }
.buy-sendings .billing td  { padding: 4px 10px 12px 0; color: #777; width: 33%; }
.buy-sendings .billing td .label { color: #111; font-size: 18px; margin-bottom: 5px; }
.buy-sendings .message { text-align: center; font-size: 18px; color: #333; margin-bottom: 10px; }

.buy-sendings .conditional-text { display: none; }
/* OTHERS */
.form .top-actions:after,
.clear:after,
.notebook .notebook-title:after { clear: both; line-height: 0; font-size: 0; content: "."; }



@media only screen and (max-width: 1200px) {
	.ipad .navigation-container.opened .top-navigation .close { display: block; }
	.blocks-list-top-actions .back { display: block;  position: absolute; right: 15px; top: 15px;}
	
	.dashboard-top .sms table { margin-left: 20px; }
	
	.dashboard-charts-table { width: 100%; }
	.dashboard-charts-table .right { width: 310px;}
	.dashboard-charts-table .message-small-pie p { width: 200px; }
	.dashboard-charts-table #message_chart_resume { width: 300px !important; }
	.dashboard-charts-table #message_chart_resume canvas { width: 300px !important; }
	.datagrid .pager-container { height: 35px; }
	.dashboard-charts-table.email-report .datagrid thead tr:last-child th { padding-bottom: 0; }
	
	.dashboard .message-info td.col2,
	.dashboard .message-info td.col1 { display: block; padding: 0; }
	.dashboard .message-info td.col2 { padding-top: 20px; }
	
	.dashboard .form .col-date { width: 150px; }
	
	.dashboard .notebook .notebook-title li { margin-right: 0; font-size: 12px; padding-left: 10px !important; padding-right: 10px; !important; background: none !important; font-weight: bold; }
	.dashboard .notebook .notebook-title {  padding: 14px 5px; }
	
	.dashboard .notebook .notebook-title li.active { text-decoration: underline; }
	
	.datagrid .cell-buttons .button { display: block; }
	
	.message-manager-table #side_container { display: block; position: absolute; right: -376px; width: 370px; transition: right 0.2s; z-index: 19999; }
	.message-manager-table #side_container .blocks-list,
	.message-manager-table #side_container .form,
	.message-manager-table #side_container .file-manager { visibility: hidden; opacity:0; transition:opacity 0.2s; }
	
	.message-manager-table #side_container .side-container-toggle { position: absolute; top: 70px; right: 100%; width: 26px; height: 35px; border: 1px solid #ccc; border-right: 0; background: url(../images/i_arrow_left.png) no-repeat #fff center; content:""; cursor: pointer; }
	.message-manager-table #side_container.opened .side-container-toggle { background-image: url(../images/i_arrow_right.png); }
	
	.message-manager-table #message_container .page { padding: 5px; }
	
	.message-manager-table #side_container.opened { right: 0; }
	.message-manager-table #side_container.opened,
	.message-manager-table #side_container.opened .blocks-list,
	.message-manager-table #side_container.opened .form,
	.message-manager-table #side_container.opened .file-manager { visibility:visible; opacity: 1; }
	
	.message-resume-table .right,
	.message-resume-table .left { display: block; width: 100%; padding: 0; }
	
	.form .date .fa-calendar { display: none; }	
	
	.template-preview-page,
	.template-preview-page .pc, 
	.template-preview-page .mobile { display: block; width: calc(100% - 20px); }
	.template-preview-page .pc .pc-content iframe { border: 1px solid #ccc; }
	.template-preview-page .pc .pc-content { height: auto !important; }
}

@media only screen and (max-width: 900px) {
	.dashboard-top .top-chart-container { display: none; }
}

@media only screen and (max-width: 700px) {
	body.login { background: #fff; background-image: none !important; }
	.login-container { position: relative; width: 100%; height: auto; }
	.login-content { padding: 10px; max-width: 400px; margin: 0 auto; text-align: center;  }
	.login-content h2 { margin: 20px 0 5px; }
	.login-footer { position: relative; bottom: auto; margin-top: 30px; }
	.form label span { text-align: left; }
}

@media only screen and (max-width: 800px) {
	
	.admin-header .logo { width: 150px; top: 17px; }
	.admin-header .logo img { width: 100%; }
	.admin-header .profile { height: 18px; top: 15px; }
	.admin-header .profile .name { display: none; }
	.admin-header .profile .profile-menu { width: 240px; }
	
	.datagrid-container { margin: 0; }
	.datagrid .pager { right: 0; }
	.datagrid .cell-buttons .button { display: block; text-align: center; width: 100%; }
	
	.notebook .notebook-page .page { padding: 10px 5px 5px; }
	
	.fields-group,
	.fields-group .col,
	.fields-group.cols2 .col { width: 100%; display: block; }
	
	.mobile-menu-toggle { display: block; position: absolute; top: 25px; right: 60px; width: 34px; height: 20px; background: url(../images/top-nav-icon2.png) no-repeat center; cursor: pointer; }
	
	.navigation-container { left: -300px; }
	.navigation-container.opened { left: 0; }
	.navigation-container.opened .top-navigation { background-image: none; }
	.navigation-container .top-navigation .close { display: block; }
	
	.content-container { width: 100%; left: 0; }
	
	.content-wrapper { padding: 5px; }
	
	.dashboard-top .top-chart-container { display: none; }
		
	.dashboard .notebook .dashboard-notebook-title li { width: calc(50% - 21px) !important; text-align: center; }
	
	.dashboard .form-dashboard-filters .fields-group { display: block; }
	.dashboard .form-dashboard-filters .fields-group .col { width: 100%; display: block; }
	.dashboard .form-dashboard-filters .fields-group .col-date { display: inline-block; width: calc(50% - 3px); }
	.dashboard .form-dashboard-filters .fields-group .col-message { display: block; width: 100%; }
	.dashboard .form-dashboard-filters .fields-group .col-buttons { text-align: center; }
	
	.dashboard .notebook .notebook-title { display: table; table-layout: fixed; width: 100%; }
	.dashboard .notebook .notebook-title > li { display: table-cell; width: calc(33% - 10px); text-align: center; border: 0; vertical-align: middle; padding: 5px !important; }
	
	.dashboard-charts-table .right,
	.dashboard-charts-table
	.dashboard-charts-table > tbody,
	.dashboard-charts-table > tbody > tr,
	.dashboard-charts-table > tbody > tr > td { width: 100%; display: block; padding: 0 !important; }
	
	.dashboard-charts-table .message-small-pie p { width: calc(100% - 120px) }
	
	.dashboard-page { margin-top: 7px; }
	
	.form { padding: 5px; }
	
	.progress .steps { margin: 0 auto; width: calc(100% - 50px); }
	.progress .steps span,
	.progress .steps a { display: none; }
	.progress .steps strong { text-decoration: none; margin-right: 15px;}
	.progress .previous, 
	.progress .next { top: calc(50% - 13px); }
	
	.schedule-calendar { overflow-x: auto; width: calc(100% - 26px); }
	.schedule-calendar .minutes { display: none; }
	
	.message-manager-table #side_container { right: -434px; width: 428px; }
}

@media only screen and (max-width: 450px) {
	.message-manager-table #side_container { right: -391px; width: 350px; }
}