/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {  }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: #000000; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; background: #ffffff; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }


ul,
ol { padding-left: 20px; }

nav ul,
nav ol { list-style: none outside none; padding: 0; }


/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */


body { height: 100%; background: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 11px; color: #000000; }

a { color: inherit; text-decoration: none; display: inline-block; }

a[href^="tel"] { text-decoration: none; }

img { border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.43em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

[disabled],
.disabled { cursor: default; }

.mobileonly { display: none; }

[class^='ico'] { display: inline-block; vertical-align: middle; font-size: 0; background-repeat: no-repeat; background-position: center; }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; min-height: 100%; width: 100%; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { height: 50px; background-color: #222933; color: #ffffff; }
.header .mobile-nav { display: none; }
.header .logout { float: right; margin-right: 10px; margin-top: 10px; font-size: 16px; }
.header .logout span { margin-top: -2px; display: inline-block; vertical-align: middle; }
.header .logout a { vertical-align: middle; }
.header .logout i { margin-left: 10px; margin-right: 10px; vertical-align: top; }

.header-logo { float: left; height: 24px; margin-top: 13px; width: 237px; text-align: center; position: relative; }
.header-logo img { position: absolute; top: 0; left: 20px; bottom: 0; height: 100%; }

@media (max-width: 1024px){
	.header .mobile-nav { float: left; display: block; margin-top: 10px; margin-left: 10px; }
	.header .logout span,
	.header .logout strong { display: none; }
}

/* ------------------------------------------------------------ *\
	Main-nav
\* ------------------------------------------------------------ */

.main-nav { font-size: 16px; }
.main-nav li { margin-bottom: 1px; background: #393f48; color: #ffffff; }
.main-nav li a { display: block; padding: 5px 0 3px 10px; position: relative; }
.main-nav i { margin-right: 10px; margin-bottom: 2px; }

.sidebar.hidden .main-nav { font-size: 0; }

.main-nav li.toggle { margin-bottom: 0; font-size: 16px; }
.main-nav li.toggle a { padding: 12px 0 14px 10px; }

.main-nav li.current a { background: #393f48; color: #ffffff; }
.main-nav li a:hover { background: #4d535b; color: #ffffff; }

.main-nav .has-submenu ul { display: none; }
.main-nav .has-submenu.open ul { display: block; }

.main-nav .has-submenu li { margin-bottom: 0; background: #222933; } 
.main-nav .has-submenu li:hover { background: #4d535b; } 
.main-nav .has-submenu li a { padding: 6px 0 1px 20px; font-size: 11px; }

.sidebar.hidden .main-nav .has-submenu > a:after { content: none; }

.main-nav .has-submenu > a:after { position: absolute; right: 10px; font-family: 'Material Icons'; content: 'expand_less'; font-size: 24px; padding: 4px; width: 32px; height: 32px; display: inline-block; }
.main-nav .has-submenu.open > a:after { transform: rotate(180deg); }

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { margin-left: 20px; margin-right: 20px; padding-top: 20px; display: block; vertical-align: top; font-size: 0; }
.sidebar + .container,
.sidebar + .container + .container { margin-left: 300px; }
.sidebar.hidden + .container,
.sidebar.hidden + .container + .container { margin-left: 72px; }

.container + .container { padding-top: 0; }

.container.login { margin: 0 auto; width: 800px; margin-top: 180px; }


.container .form-head { padding: 5px 0 3px 10px; position: relative; background-color: #222933; color: #ffffff; }
.container.settings .form-head,
.container.login .form-head,
.container.popup .form-head { background-color: #0099cc; } 

.container .form-head span.id { right: 20px; position: absolute; }

.container .form-head i { margin-bottom: 2px; }
.container .form-head.toggle { cursor: pointer; }

.container .form-head.toggle .ico-toggle { position: absolute; right: 10px; transition: .3s; }
.container .form-head.toggle.toggled .ico-toggle { transform: rotate(180deg); transition: .3s; }


.container .form-content { border-left: 1px solid #222933; border-right: 1px solid #222933; border-bottom: 1px solid #222933; padding: 0 20px 20px 20px; }
.container .form-content.hidden { display: none; }

.container.settings .form-content,
.container.login .form-content,
.container.popup .form-content { border-left: 1px solid #0099cc; border-right: 1px solid #0099cc; border-bottom: 1px solid #0099cc; }

.popup { padding-bottom: 20px; }

@media (max-width: 1024px){
	.container { margin-left: 10px; margin-right: 10px; padding-top: 10px; }
	.container.login { margin: 0 10px; width: auto; margin-top: 0; }
	.container .form-content { padding: 0; }
	.sidebar + .container,
	.sidebar + .container + .container { margin-left: 10px; }
	.sidebar.hidden + .container,
	.sidebar.hidden + .container + .container { margin-left: 10px; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { position: absolute; height: 100%; width: 280px; padding-top: 20px; background: #222933; }
.sidebar.hidden { width: 52px; }
.sidebar.hidden .has-submenu ul { display: none; }

.sidebar li.toggle { margin-left: 280px; position: fixed; width: 12px; height: 48px; bottom: 50%; }
.sidebar.hidden li.toggle { margin-left: 52px; }

.sidebar li.toggle a{ background-color: #222933; }
.sidebar li.toggle a:hover { background-color: #393f48; }
.sidebar li.toggle a i { margin-left: -22px; }
.sidebar li.toggle i { transform: rotate(90deg); margin-bottom: 0; }
.sidebar.hidden li.toggle i { transform: rotate(270deg); }

@media (max-width: 1024px){
	.sidebar { z-index: 10; padding-top: 10px; }
	.sidebar.hidden,
	.sidebar li.toggle { display: none; }
}


/* ------------------------------------------------------------ *\
	tabs
\* ------------------------------------------------------------ */

ul.tabs { padding: 0; margin-bottom: 20px; border-bottom: 1px solid #0099cc; list-style-type: none; font-size: 0; display: inline-block; width: 100%; color: #0099cc; white-space: nowrap; overflow-x: hidden; }
ul.tabs li { font-size: 16px; display: inline-block; border-left: 1px solid #0099cc; border-right: 1px solid #0099cc; border-top: 1px solid #0099cc; }
ul.tabs li.current,
ul.tabs li:hover { background: #0099cc; color: #ffffff; }
ul.tabs li + li { margin-left: 20px; }
ul.tabs li a { width: 100%; height: 100%; display: inline-block; padding: 3px 20px 1px 10px; vertical-align: middle; min-height: 38px; }
ul.tabs li i { margin-bottom: 2px; }

ul.tabs.toggle { margin-bottom: 0; display: block; }

ul.tabs.toggle { padding-right: 200px; }

@media (max-width: 1024px){
	ul.tabs { margin-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	quick-action
\* ------------------------------------------------------------ */

.quick-action { position: absolute; right: 0; top: 0; background: #ffffff; font-size: 16px; }
.quick-action .form-row { padding: 8px 20px 9px 0; display: inline-block; }
.quick-action .form-controls input[type="checkbox"] { margin-top: -4px; }
.quick-action .id { padding: 8px 0 9px 20px; display: inline-block; }
.quick-action .form-cols:not(.upload) { width: auto; }
.quick-action .form-col:not(.position) .form-controls { display: inline-block; }

.quick-action ~ .form .form-content { padding-top: 10px; }

/* ------------------------------------------------------------ *\
	DL
\* ------------------------------------------------------------ */

.stats-box { display: inline-block; width: 100%; }
.stats { float: right; margin-right: 102px; }
.stats.five { margin-right: 122px; }
.stats.six { margin-right: 140px; }

.stats dl dt { float: left; clear: left; width: 300px; font-weight: bold; text-align: right; }
.stats dl dd { margin: 0 0 0 310px; text-align: right; }


/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

form { position: relative; }

.form.hidden { display: none; }

input,
select { border: 1px solid #dddddd; height: 32px; background-color: #ffffff; padding-left: 9px; padding-right: 9px; }

textarea { border: 1px solid #dddddd; vertical-align: text-top; height: 4em; padding: 9px; }
textarea.big { height: 15em; }

.position { vertical-align: text-top; }

.form { margin-bottom: 20px; font-size: 16px; background: #eeeeee; color: #222933; }

hr { border: none; border-bottom: 1px solid #dddddd; height: 1px; margin-top: 10px; }

.alert { display: inline-block; margin-top: 10px; }
.alert strong { width: 246px; text-align: right; display: inline-block; margin-right: 20px; }

.alert.error { color: #ff0000; }

.alert_box { padding: 10px; margin-bottom: 10px; font-size: 16px; }
.alert_box.success { border: 1px solid #006400; background-color: #90ee90; color: #006400; }
.alert_box.error { border: 1px solid #8b0000; background-color: #ea4335; color: #8b0000; }

.headline { padding: 10px; display: block; }


.form-row { padding: 10px 0 0 10px; font-size: 0; }
.form-cols { display: inline-block; font-size: 0; }
.form-cols:not(.upload) { width: calc(100% - 236px); }

.form-row.left { float: left; padding-top: 24px; }

.form-label,
.form-label-after,
.form-col { display: inline-block; font-size: 16px; padding-left: 20px; }

.form-label { font-weight: bold; text-align: right; width: 236px; vertical-align: top; margin-top: 5px; }

.form-label-after { margin: 0 4px 4px 4px; padding-left: 0; }

.form-label-after + .form-col { padding-left: 0; }

.form-col:not(.position) .form-controls { position: relative; display: grid; grid-template-columns: 1fr; align-items: center; }
.form-col:not(.position) .form-controls:has(> .form-label-after) { grid-template-columns: minmax(36px, 100%) 1fr; }

.form-cols .form-col:has(.form-controls > .form-label-after) + .form-col { padding-left: 0; }


.position .form-label-after { text-align: left; width: 180px; }
.position input { height: inherit; }

.form-action { text-align: right; padding-top: 20px; }

.btn { border: none; background-color: inherit; vertical-align: middle; }

input[type="checkbox"] { vertical-align: middle; }
input[type="checkbox"] + .form-label-after { width: 180px; margin: 2px 0 0 0; }
input[type="checkbox"] + .form-label-after.large { width: 350px; }
input[type="radio"] { margin: 2px; width: inherit; }


.form-controls input[type="checkbox"] { cursor: pointer; margin-top: 5px; margin-right: 4px; width: 36px; height: 20px; background-color: #222933; }
.form-controls input[type="checkbox"] { border: none; border-radius: 50px; position: relative; appearance: none; outline: none; transition-duration: 200ms; }
.form-controls input[type="checkbox"]:after { top: 2px; left: 2px; width: 16px; height: 16px; background-color: #ffffff; border-radius: 50%; content: ""; position: absolute; }
.form-controls input[type="checkbox"]:checked { background-color: #0099cc; }
.form-controls input[type="checkbox"]:checked:after { left: 17px; }

.image_upload { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; height: 200px; width: 200px !important; display: block; }
.label-upload { padding-top: 45%; font-size: 20px; cursor: pointer; height: 200px; width: 200px; display: block; background: no-repeat center; background-size: contain; border: 1px solid #dddddd; text-align: center; }

input[type="file"] { background: #ffffff; border: 2px solid initial; padding-top: 3px; }

.thumb-info { font-size: 16px; display: inline-block; vertical-align: top; margin-left: 30px; width: 300px; }
.thumb-info dt { float: left; width: 100px; }

.form-label.textarea { vertical-align: top; margin-top: 30px; }

.code-editor { display: none; }
.form-full .ace_editor { height: 6em; }
.big .ace_editor{ height: 15em; }

.form-small + .radio { margin-left: 10px; }
.form-label-after i { margin-bottom: -2px; }

input,
select,
textarea { width: 100%; }

.form-full:not(.upload) { width: 100%; }
.form-xxsmall { width: calc((100% - 160px) / 10); }
.form-xsmall { width: calc((100% - 100px) / 6); }
.form-small { width: calc((100% - 80px) / 5); }
.form-medium { width: calc((100% - 60px) / 4); }
.form-large { width: calc((100% - 20px) / 2); }
.form-xlarge { width: calc(100% - 60px); }


.form.inline-form { margin-bottom: 0; display: none; }

.inline-form input,
.inline-form select,
.inline-form textarea { width: 100%; }

@media (max-width: 1420px){
	
	.alert strong { width: 146px; }

	.form-label { width: 136px; }
	.form-cols:not(.upload) { width: calc(100% - 136px); }
	
	input[type="checkbox"] + .form-label-after { width: 130px; }
	
}

@media (max-width: 1024px){
	.form { margin-bottom: 10px; }
	.alert { margin-left: 10px; margin-right: 10px; }
	.alert strong { width: auto; }
	
	.form-row { padding: 0; padding-top: 5px; padding-right: 10px; }
	.form-cols:not(.upload) { display: block; width: 100%; margin-top: 0; margin-left: 0; }
	
	.form-label-after { padding-left: 0; }
	.form-col { padding-left: 10px; }
	
	.form-label { padding: 0; padding-left: 10px; display: block; text-align: left; width: 100%; margin-bottom: 4px; }
	.form-label.desktoponly { display: none; }
	
	.form-row.left { padding-top: 0; }
	
	.form-full:not(.upload) { width: 100%; }
	.form-xxsmall { width: calc((100% - 30px) / 4); }
	.form-xsmall { width: calc((100% - 30px) / 4); }
	.form-small { width: calc((100% - 25px) / 3); }
	.form-medium { width: calc((100% - 22px) / 2); }
	.form-large { width: calc(100% - 10px); }
	.form-xlarge { width: calc(100% - 60px); }
	
	.form-cols .form-col:has(.form-controls > .form-label-after) + .form-col { padding-left: 10px; }
	.form-cols .form-col:has(.form-controls > .form-label-after) + .form-col + .form-col { padding-top: 10px; }
	
	input[type="checkbox"] + .form-label-after { width: calc(50vw - 66px); }
	
	.position .form-label-after { width: 90px; }
	
	.form-action { text-align: right; padding-top: 10px; }
	
	.thumb-info { margin-left: 10px; width: auto; min-width: 200px; }
	.thumb-info dt { width: 80px; }
	
	.button-form { margin-bottom: 4px; }
	.button-form .form-label { display: inline-block; width: auto; }
}
/* ------------------------------------------------------------ *\
	textarea-panel
\* ------------------------------------------------------------ */

.textarea-panel { list-style-type: none; margin-bottom: 0; padding-left: 0; font-size: 0; border-bottom: 1px solid #0099cc; color: #0099cc; }
.textarea-panel li { display: inline-block; cursor: pointer; padding: 4px 20px 1px 10px; font-size: 16px; border-left: 1px solid #0099cc; border-right: 1px solid #0099cc; border-top: 1px solid #0099cc; }
.textarea-panel li.current,
.textarea-panel li:hover { background: #0099cc; color: #ffffff; }
.textarea-panel li + li { margin-left: 20px; }

@media (max-width: 1024px){
	.textarea-panel li + li { margin-left: 10px; }
	.textarea-panel li.show_code-editor { display: none; }
}

/* ------------------------------------------------------------ *\
	button
\* ------------------------------------------------------------ */

.button { text-align: right; font-size: 0; }
.btn { display: inline-block; padding: 5px 20px 3px 10px; background-color: #222933; color: #ffffff; font-size: 16px; margin-left: 10px; }
.btn:hover,
.btn.active { background-color: #0099cc; }

.container.settings .btn,
.container.login .btn,
.container.popup .btn { background-color: #0099cc; }
.container.settings .btn:hover,
.container.login .btn:hover,
.container.popup .btn:hover { background-color: #222933; }

@media (max-width: 1024px){
	.btn { margin-bottom: 10px; margin-right: 10px; }
}

/* ------------------------------------------------------------ *\
	table
\* ------------------------------------------------------------ */


.table { display: inline-table; width: 100%; margin-top: 20px; margin-bottom: 20px; table-layout: fixed; }
.table-head { display: table-header-group; color: #ffffff; font-size: 16px; }
.table-body { display: table-row-group; font-size: 11px; }
.table-foot { display: table-footer-group; font-size: 16px; }
.table-row { display: table-row; }
.table-cell { display: table-cell; border-bottom: 1px solid #ffffff; vertical-align: top; width: auto; min-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table-cell + .table-cell { border-left: 1px solid #ffffff; }

.table-head .table-cell { background: #222933; }
.table-head .table-cell a { width: 100%; display: block; padding: 8px 10px 8px 10px; }

.table-head .table-cell a:has(> i) { padding: 3px 10px 1px 10px; }

.table-head .table-cell.multiselect,
.multiupload_output .table-head .table-cell { padding: 8px 10px 8px 10px; }

.table-head .table-cell i { margin-bottom: 2px; }
.table-body .table-cell { padding: 8px 10px 8px 10px; }

.table-cell.c_active { padding: 0 10px; }
.table-body .table-row:nth-child(even) .table-cell { background: #dddddd; }
.table-body .table-row:nth-child(odd) .table-cell { background: #eeeeee; }
.table-body .table-row.inactive { color: #666666; }
.table-body .table-row.important { color: #ff0000; }

.table-body .container.popup { display: block; margin: 0; padding: 0; width: calc(100vw - 465px); }
.table-body .container .form { margin: 0; }


.table .table-cell.multiselect input { height: auto; margin-top: -4px; }

.table-cell.size-xxsmall a:has(> i),
.table-cell.size-xxsmall a { padding: 3px 0 1px 0; }
.table-cell.size-xxsmall { width: 64px; }
.table-cell.size-xsmall { width: 88px; }
.table-cell.size-small { width: 120px; }
.table-cell.size-medium { width: 240px; }
.table-cell.size-large { width: 300px; }
.table-cell.multiselect { width: 50px; text-align: center; } 
.table-cell.toolbar { width: 97px; font-size: 0; text-align: right; padding: 0; }
.table-cell.toolbar.size-4 { width: 129px; }
.table-cell.toolbar.size-5 { width: 161px; }
.table-cell.toolbar.size-6 { width: 193px; }
.table-cell.toolbar.size-7 { width: 225px; }
.table-cell.toolbar.size-8 { width: 257px; }
.table-cell.toolbar.size-9 { width: 289px; }
.table-cell.toolbar.size-10 { width: 321px; }

.table-head .table-cell.toolbar,
.table-body .table-row:nth-child(even) .table-cell.toolbar,
.table-body .table-row:nth-child(odd) .table-cell.toolbar { background: none; }

.toolbar a { display: inline-block; font-size: 0; }

.table-cell i { color: #222933; }
.table-body .table-cell a:hover i { color: #0099cc; }

.multicheck_control { display: none; float: left; }
.btn.export { display: none; }

.table-row:has(> .quick.active) .table-cell { vertical-align: middle; }

.table-body + .table-row { margin-top: 20px; }
.table-body .table-row.grid .table-cell { padding: 0; position: relative; text-align: center; padding-bottom: 10px; }
.table-body .grid-title { text-align: left; font-size: 16px; color: #ffffff; padding: 8px 10px 8px 10px; margin-bottom: 10px; background-color: #222933; }
.table-body .grid-subtitle { text-align: left; font-size: 16px; padding: 8px 10px 8px 10px; }
.table-body .grid-action { position: absolute; top: 3px; right: 0; }
.table-body .grid-action i { color: #ffffff; }
.table-body .table-row.grid img { padding: 0 10px; }
.instagram-media{ margin:0 auto !important; }
.twitter-tweet { width: 500px !important; margin:0 auto !important; }
.button-form { display: inline-block; vertical-align: middle; }

@media (max-width: 1024px){
	.table { margin-top: 0; }
	.table-cell.size-medium { width: 120px; }
	.table-cell.size-large { width: 180px; }
	.multiupload_output .table-head { font-size: 16px; }
	
	.table-cell.toolbar .desktoponly,
	.table-cell.desktoponly,
	.table-cell.multiselect { display: none; }
	.table-cell.size-xsmall,
	.table-cell.size-small,
	.table-cell.size-medium,
	.table-cell.size-large { width: auto; }
	
	.table-cell.toolbar.size-4,
	.table-cell.toolbar.size-5,
	.table-cell.toolbar.size-6,
	.table-cell.toolbar.size-7,
	.table-cell.toolbar.size-8,
	.table-cell.toolbar.size-9,
	.table-cell.toolbar.size-10 { width: 97px; }
}

/* ------------------------------------------------------------ *\
	Multiupload
\* ------------------------------------------------------------ */

.multiupload_output { display: none; }
.multiupload_output .table-cell { width: 100%; }

.multiupload_output .success { background-color: #5cb85c !important; }
.multiupload_output .error { background-color: #d9534f !important; }
.multiupload_output .duplicate { background-color: #5bc0de !important; }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn i { margin-bottom: 2px; }

.context-menu { display: none; position: absolute; border: 1px solid #0099cc; width: 200px; background: #eeeeee; }
.context-menu ul { padding: 0; list-style: none; margin: 10px; }
.context-menu ul li + li { margin-top: 10px; }
.context-menu ul li i { margin-bottom: 2px; }
.context-menu ul li a { display: inline-block; width: 100%; padding: 5px 20px 3px 10px; background-color: #222933; color: #ffffff; font-size: 16px; }
.context-menu ul li a:hover { background-color: #0099cc; }

/* ------------------------------------------------------------ *\
	Material icons
\* ------------------------------------------------------------ */

.material-icons { vertical-align: middle; }

.material-icons.md-16 { font-size: 16px; padding: 0 2px 4px 2px; width: 20px; height: 20px; }
.material-icons.md-24 { font-size: 24px; padding: 4px; width: 32px; height: 32px; }
.material-icons.md-48 { font-size: 48px; padding: 8px; width: 64px; height: 64px; }

.material-icons.md-white { color: #ffffff; }
.material-icons.md-black { color: #222933; }
.material-icons.md-blue { color: #0099cc; }

.material-icons.md-r45 { transform: rotate(45deg); }
.material-icons.md-r90 { transform: rotate(90deg); }
.material-icons.md-r180,
.material-icons.DESC { transform: rotate(180deg); }
.material-icons.md-r270 { transform: rotate(270deg); }

/* ------------------------------------------------------------ *\
	icons
\* ------------------------------------------------------------ */

.ico-auto { width: 32px; height: 32px; padding: 4px; }