/* global */

a:link{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.bg-gray{
	background:#eee;
}

/* JQUERY UI */

.ui-layout-pane-center{
	background:#eee;
}
.ui-layout-pane-center:not(.ui-layout-container){
	top:0 !important /*override inline style*/
}



.ui-widget-header h3{
	padding:10px 10px;
	font-size: 1.4em;
	font-weight:600;
}
.ui-widget-header.ui-state-default{
	background:#fff;
	border:1px solid #e2e2e2 !important;
	border-bottom:0 !important;
}

.ui-widget-header.ui-state-default a.iconed{
	margin-top:6px;
	margin-right:7px;
}

.paging2-heading .breadcrumbs{
	line-height: 1.2;
}

.paging2-heading .breadcrumbs ul.toolbarmenu{
	padding-top:0;
	padding-bottom:0;
	margin-right:3px;
}

.paging2-heading .breadcrumbs ul.toolbarmenu.mediagal-breadcrumbs{
	float:right;
	margin-left:5px;
	margin-right:0;
	top:-5px;
}

.paging2-heading .breadcrumbs ul.toolbarmenu.mediagal-breadcrumbs{
	float:right;
	margin-left:5px;
	margin-right:0;
	top:-5px;
}

.paging2-heading > strong{
	font-size:15px !important;
}

.ui-widget-content {
	/*line-height:1.7;*/
	border-color:#e2e2e2;
}

.ui-widget-content + .ui-widget-content{
	border-top:0 !important;
}

.ui-widget-content input[type='text'],
.ui-widget-content input[type='password'],
.ui-widget-content select,
.ui-widget-content textarea
{
	border:1px solid #e2e2e2;
	padding:5px 2px 5px 2px;
}

.ui-widget-content select{
	padding:3px 2px 2px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    /*background-color: transparent;*/
    border: 0;
}

.ui-button {
    /*font-size:1.2em;
    font-weight:normal !important;*/
}

.ui-button-text-only .ui-button-text {
    /*padding: 4px 10px;*/
   padding:0;
   line-height:1.6;
}

.ui-progressbar .ui-progressbar-value {
    background-color: #000;
}

.cml-ui-widget-content-cell {
    padding: 11px !important;
    line-height:1.7;
}

.ui-widget-content.padd-left-5{
	padding-left:10px !important;
}

.ui-layout-west.ui-layout-pane-spaced-west {
    padding: 0 2px 0 15px;
}

/* resizer */

.ui-layout-resizer{
	background-color:#eee;
}

.ui-layout-toggler {
    background-color: #d8dcdf;
    border: 1px solid #bbb;
    width:4px !important;
    left:2px !important;
}

/* tabs */

.ui-tabs{
	top:0;
	margin-top:0px !important;
}

.ui-tabs .ui-tabs-nav{
	background-color:#eee;
	border:0;
	border-bottom: 1px solid #d2d2d2 !important; /* #e2e2e2 */
	border-right:20px solid transparent;
	border-left:20px solid transparent;
	/*padding-left:10px !important;*/
}

.ui-tabs .ui-tabs-nav > li {
	font-size:14px;
	top:0;
}

.ui-tabs .ui-tabs-nav > li > a {
	font-weight:normal;
	padding: 16px 15px 8px;
}

.ui-tabs:not(.module-tabs) .ui-tabs-nav > li:first-child {
	margin-left:-10px;
}

.ui-tabs .ui-tabs-nav > li:first-child > a {
	padding: 16px 11px 8px;
}

.ui-tabs-nav > .ui-state-default a {
	background-color:transparent/*#f9f9f9*/;
	border-color:transparent;
	color:#000;
}

.ui-tabs-nav > .ui-state-default a:hover {
	color:#0059d1; /* #555 */
}

.ui-tabs-nav > .ui-state-active a{
	/*background-color:#eee !important;*/
	color:#000 !important;
	border-bottom:3px solid  #bb0720 !important;
	background:transparent !important;
}


.ui-tabs .ui-widget-content {
    border: 0px solid #e2e2e2 !important;
}

.ui-tabs .ui-widget-content.cml-ui-widget-content-cell{
	border: 1px solid #e2e2e2 !important;
}

.ui-tabs-nav .ui-state-default a {
	top:0;
	border:0;
}

.ui-tabs .ui-tabs-panel{
	background-color:#eee !important;
	border:0 !important;
	padding-right:5px !important;
	padding-left:5px !important;
	padding-top:3px !important;
}

/* module tabs */

.ui-tabs.module-tabs{
	margin-top:0px !important;
}

.ui-tabs.module-tabs .ui-widget-content {
	border:0 !important;
}

.ui-tabs.module-tabs .ui-tabs-nav {
	background-color:#fff;
}

.ui-tabs.module-tabs .ui-tabs-nav li {
	font-size:12px;
}

.ui-tabs.module-tabs .ui-tabs-nav > .ui-state-default a {
	color:#999;
}

.ui-widget{
	font-family: 'Open Sans', sans-serif;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
}

.ui-icon{
	text-indent:0;
}

#main ul.dynatree-container {
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
}

#main ul.dynatree-container li{
	font-size:12px;
	line-height:1.4;
}

.ui-dialog, .ui-widget-content.ui-dialog {
	border:1px solid #cbcbcb !important;
}

.ui-dialog-titlebar {
    background-color: #373737;
    border-color: #373737 !important;
    color: #e2e2e2;
}

.ui-dialog .ui-dialog-content {
	background-color:#eee !important;
	/*padding-top:10px;*/
	padding: 0px 5px 0px 0px;
}

.ui-dialog.alert-dialog .ui-dialog-content {
	padding: 10px 10px 0px;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color:#eee;
	padding-left: 10px;
	text-align: right;
}

.ui-dialog .ui-layout-content.ui-widget-content{
	background:#eee;
}

.ui-tabs .ui-widget-content {
	/*background-color:#fff;*/
}

.ui-dialog-content .paging2-wrap ul.paging2{
	top: 0px;
}

.ui-widget-header .toolbarmenuPullDown {
	top:5px;
}

.ui-widget-header .toolbarmenuPullDown li{
	padding-right:0;
}

/* MENU START*/

ul#nav{
	top:7px;
	padding:0px;
	position:relative;
	z-index:150;
	font-size:13px !important;
}

ul#nav > li {
	font-weight:normal;
	margin:0px;
	float:left;
	position:relative;
	display: inline;
	white-space:nowrap;
	padding:0;
}

ul#nav > li > a{display:inline-block;}

ul#nav > li:hover{
	background-color:#4b4b4b;
}
ul#nav > li:hover span{
	color:#fff;
}

ul#nav > li > span, ul#nav > li > a > span{
	display:inline-block;
	padding:7px 15px 7px 15px;
}

ul#nav a, ul#nav span {
    color: #b7b7b7;
    text-decoration:none;
}
ul#nav a:hover, #nav a:hover span {
    color: #fff;
}

/* 2nd level */

ul#nav > li > ul{
	position: absolute;
	left: -999em;
	height: auto;
	min-width:150px;
	margin-top: -3px;
	background-color:#4b4b4b;
	font-size:1em;
	border:0;
}

ul#nav > li > ul >li{
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	white-space:normal;
	font-weight:normal;
	color:#b7b7b7;
	font-size:12px;
}

ul#nav > li > ul > li a {
	font-weight:normal;
	color:#b7b7b7;
	border:0;
	padding:0;
}

ul#nav > li > ul >li span{
	color:#b7b7b7 !important;
	display:inline-block;
	padding:6px 5px 6px 13px !important;
}

ul#nav > li > ul >li:hover span{
	color:#fff !important;
}

ul#nav > li > ul >li a:hover {
	border:0;
	background:transparent;
	font-weight: bold;
	color: #fff;
	font-weight: normal;
	margin: 0px;
}

ul#nav > li > ul >li a span{
}

ul#nav > li > ul >li span{
}


ul#nav li:hover ul, ul#nav li.hover ul{
	display: block;
}

/* 3rd level */

ul#nav li ul ul {
	position:absolute;
	margin: -25px 0 0 100px;
}

ul#nav li ul ul li {
}

ul#nav li ul ul li a {

}

ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li:hover ul ul ul ul
{
	left: -999em;
}

ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li li li li:hover ul
 {
 	left: auto;
	left: 0px;
}

/* menu end */

/* toolbar menu */

ul.toolbarmenu {
    padding: 5px 0 5px;
    position: relative;
    margin-right:4px;
}

ul.toolbarmenu > li{
	background-color:transparent;
	/*padding:2px 2px 2px 2px;*/
	margin:0 0 0 -1px !important;
	float:left;
	padding:0;
	/*margin-right:5px !important;*/
}

ul.toolbarmenu > li > a{
	text-decoration:none;
	padding: 8px 12px 7px !important;
	display:inline-block;
	border:1px solid #e2e2e2;
	float:left;
	margin:0 !important;

}

ul.toolbarmenu.no-border > li > a{
	border:0;
}
ul.toolbarmenu.no-border > li:hover > a{
	border:0;
	background-color:transparent;
	color: #000 !important;
}

ul.toolbarmenu.no-span > li > a span{
	display:inline-block;
	text-indent:-999em;
	margin:0;
}

ul.toolbarmenu > li  a.iconed:before{
	font-size:14px !important;
}

ul.toolbarmenu > li:hover > a{
	background-color: #0067c7;
	color:#fff !important;
	border-color: #00559d;
}

ul.toolbarmenu > li.higlighted > a{
	background-color: #0067c7;
	color:#fff !important;
	border-color: #00559d;
}

ul.toolbarmenu > li.highlighted-2 > a{
	background-color: #FF7E00;
	color:#fff !important;
	border-color: #d16f0d;
}

ul.toolbarmenu > li.highlighted-3 > a{
	background-color: #3b945c;
	color:#fff !important;
	border-color: #2d7e4a;
}

ul.toolbarmenu > li:first-child > a{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
ul.toolbarmenu > li:last-child > a{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

ul.toolbarmenu > li > a > span{
	display:inline;
	margin-left:5px;
	line-height:1;
}


/*2nd level */
ul.toolbarmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	min-width:115px;
	margin-top: 30px !important;
	background-color:#fff;
	padding:0;
}

ul.toolbarmenu li li {
	padding:0px !important;
	margin: 0 !important;
  	display: none;
	float:none !important;
	background-color:#fff;
}
ul.toolbarmenu li li a {
	color:#474747 !important;
	text-decoration:none;
}

ul.toolbarmenu li li a:before {
	margin-right:5px;
	vertical-align:middle;
}

ul.toolbarmenu li a{color:#004276;}
ul.toolbarmenu li ul.ui-menu{border:1px solid #dedede !important;}
ul.toolbarmenu li li a{color:#474747; display:block; padding: 4px 5px 3px 12px !important; margin-left:0;}
ul.toolbarmenu li li a:hover{color:#232323; background-color:#eee;}

/* buttons list */
ul.big-buttons-list{
	list-style:none;
	margin-left:0;
	text-align:center;
	margin-bottom:-10px; /*compensate item bottom margin*/
}
ul.big-buttons-list li{
	padding-left:0;
	background:none;
	font-size:1.2em;
	font-weight:normal;
	float:none;
}
ul.big-buttons-list li a{
	padding: 10px 15px;
	font-weight:normal !important;
	margin-bottom:10px; /*for 2nd row offset*/
}

/* PRESENTATION */

table label {
   line-height:1.0; /*1.4*/
    font-size:12px;
}

html {
    font-family: 'Open Sans', sans-serif;
}

#header {
    background: none repeat scroll 0 0 #373737;
    border:0;
    /*border-bottom:3px solid  #bb0720;*/
    /* height: 100%; */
    height: 50px; /* faster layout initialiozation*/
}

#logo {
	position:relative;
    top: 17px;
    left:15px;
    width:80px;
    height:17px;
    background: url("/img3/cream-logo.svg") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    background-size:contain;
}

#logged_user {
    top: 15px;
    right:15px;
    font-size:1.1em;
}

#logged_user a{
    margin-left:5px;
}

#navigation {
    margin: 0 210px 0 200px;
}



#client-info {
    color: #fff;
    position:relative;
   	top:8px;
   	padding-right:15px;
   	height: auto;
}

#client-info span{
	font-size:1.5em !important;
}

#body{
	/*border-top:15px solid #fff;*/
}

#footer {
    background-color:#cdcdcd;
    border-top:3px solid #cdcdcd;
}

#footer #footer {
    border:0;
}

#copyright{
	color:#353536;
}

#copyright a{
	color:#bb0720;
}

.module-header{
height:40px;
padding:5px 10px 5px 10px;
position:relative;
}

.filter-toggler-wrap
{
float:left;
margin-top:5px;
margin-right:5px;
}

table.design-tab tr th a {
    background: url("/camil/common/app/web/img3/tab_sort_arrows.gif") no-repeat scroll right 5px rgba(0, 0, 0, 0);

}

table.design-tab tr th a.tab-sort-asc {
    background: url("/camil/common/app/web/img3/tab_sort_up.gif") no-repeat scroll right 7px rgba(0, 0, 0, 0);
   text-decoration:underline;
   color:#000 !important;
}
table.design-tab tr th a.tab-sort-desc {
    background: url("/camil/common/app/web/img3/tab_sort_down.gif") no-repeat scroll right 7px rgba(0, 0, 0, 0);
    text-decoration:underline;
    color:#000 !important;
}

.main-heading{
	padding:0px 10px 5px 5px;
	font-size: 2.1em;
    font-weight: bold;
    color:#484848;
    font-family: 'Open Sans', sans-serif;
    top:9px;
    position:relative;
}

.module-heading {
    color: #999;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 16px 20px 5px 15px;
}

.paging2-wrap{padding:3px 5px 3px 5px;}
.paging2-wrap label{font-size:10px;}
.perpage2{float:right; margin-right:20px; height:16px;}
.paging2-count{float:right; margin-right:20px; height:16px; }
.paging2-heading{float:left; font-size:1.1em; color:#000 !important;}
ul.paging2 {float:right; margin-right:20px; height:16px;}
ul.paging2 li {margin: 0 3px 0 0; display:inline; background-repeat:no-repeat; background-position:3px 2px; float:left;}
ul.paging2 li a{padding: 0 6px; color: #000; text-decoration:none;}
ul.paging2 li a:hover{text-decoration:none;}
ul.paging2 li a span{display:none;}
ul.paging2 li.paging2-first {background-image:url(/camil/common/app/web/img2/paging/but-first.gif);}
ul.paging2 li.paging2-first-off {background-image:url(/camil/common/app/web/img2/paging/but-first-off.gif);}
ul.paging2 li.paging2-prev {background-image:url(/camil/common/app/web/img2/paging/but-prev.gif);}
ul.paging2 li.paging2-prev-off {background-image:url(/camil/common/app/web/img2/paging/but-prev-off.gif);}
ul.paging2 li.paging2-next {background-image:url(/camil/common/app/web/img2/paging/but-next.gif);}
ul.paging2 li.paging2-next-off {background-image:url(/camil/common/app/web/img2/paging/but-next-off.gif);}
ul.paging2 li.paging2-last {background-image:url(/camil/common/app/web/img2/paging/but-last.gif);}
ul.paging2 li.paging2-last-off {background-image:url(/camil/common/app/web/img2/paging/but-last-off.gif);}
ul.paging2 li.paging2-page {border: 1px #666 solid;}
ul.paging2 li.paging2-page-active {border: 1px #000 solid; background-color: #000;}
ul.paging2 li.paging2-page a span{display:inline;}
ul.paging2 li.paging2-page-active a span{display:inline;}
ul.paging2 li.paging2-page-active a {color: white !important;}

ul.paging2 li.paging2-first,
ul.paging2 li.paging2-first-off,
ul.paging2 li.paging2-prev,
ul.paging2 li.paging2-prev-off,
ul.paging2 li.paging2-next,
ul.paging2 li.paging2-next-off,
ul.paging2 li.paging2-last,
ul.paging2 li.paging2-last-off
{position:relative; top:3px;}

.paging2-wrap {
    padding: 5px 5px 5px 10px;
    /*border:0 !important;*/
    background:#fff !important;
    font-size:1.15em;
    border:1px solid #e2e2e2 !important;
    line-height:1.7;
}

ul.paging2 {
    position: relative;
    top: 3px;
}

.perpage2 {
    float: right;
    height: 16px;
    margin-right: 20px;
    position:relative;
    top: 1px;
}

.perpage2 select, .paging2 select {
	padding-top:1px;
	padding-bottom:1px;
}

.paging2-heading {
    color: #000 !important;
    float: left;
}

.paging2-heading strong {
	font-weight:600;
	font-size: 1.15em;

}

.paging2-count {
    position:relative;
    top: 3px;
}

.paging2-wrap label {
    font-size: 1em;
    font-weight:normal;
    color:#888;
}

.design-tab{
	border:1px solid #e2e2e2 !important;
}
.design-tab + .design-tab{
	border-top:0 !important;
}

.design-tab tbody{
	background:#fff !important;
}

.design-tab tr.highlight td{
	background:#eee !important;
}

.design-tab tr{

}

.design-tab tr td{
	padding: 7px 5px 7px 5px !important;
	color:#888;
}

table.design-tab > thead th {
    background-color: #f5f5f5;
    border-bottom:1px solid #e2e2e2 !important;
    color: #000;
    font-size: 12px;
    padding: 10px 5px 10px 5px;
    font-weight:normal;
}

table.design-tab > thead th a{
	color: #000 !important;
	font-weight:normal;
}

table.design-tab > thead th a + a{
	margin-left:10px;
}

table.design-tab .record-tools{
	position:relative;
	top:-5px;
	height:10px;
}
table.design-tab .record-tools a.iconed{
	/*margin-left:8px !important;*/
	text-decoration:none !important;
}


table.design-tab .record-tools > a{
	text-decoration:none;
	padding: 6px 8px 6px 10px !important;
	display:inline-block;
	border:1px solid #e2e2e2;
	float:left;
	margin:0 0 0 -1px !important;
}

table.design-tab .record-tools > a.iconed:before{
	font-size:14px !important;
}

table.design-tab .record-tools > a:hover{
	background-color: #0067c7;
	color:#fff !important;
	border-color: #00559d;
}

table.design-tab .record-tools > a:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
table.design-tab .record-tools > a:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}


.meta-wrapper{
	background:#eee;
}
.meta-wrapper > .ui-widget-content{
	background:#eee;
	border-right:0;
	border-left:0;
}




table.design-tab .record-name{ /*NEW CLASS*/
	color: #0059d1 !important;
	font-size:1.3em;
}

ul.paging2 li.paging2-page {
    border: 0px solid #666;
}
ul.paging2 li.paging2-page-active {
    background-color: #000;
    border: 1px solid #000;
}
ul.paging2 li.paging2-page a span {
    display: inline;
}
ul.paging2 li.paging2-page-active a span {
    display: inline;
}
ul.paging2 li.paging2-page-active a {
    color: white !important;
}

.txt-gray {
    color: #888 !important;
}

select.width-100{
	width:110px!important;
}
input.datepicker.width-78 {
    background-position: 86px 4px;
    padding-right: 20px !important;
    width: 83px !important;
}

input.datepicker{
	/*background:none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);*/
}
input.datepicker:before{
	/*font: normal normal normal 14px/1 FontAwesome;
	font-size:14px !important;
	margin-right:3px;
	vertical-align:-1px;
	content: "\f073";*/
}

label[title]:after {
   display:inline-block;
   content:"i";
   font-size:8px;
   position:relative;
   top:-4px;
}

table.form-tab td {
    padding: 0 5px 5px 0;
}
table.form-tab th{
	padding: 0 5px 5px 0;
}

hr {
    background: none repeat scroll 0 0 #e6e6e8;
    color: #e6e6e8;
}

.status_message_wrapper{
	padding:5px 0 5px;
}

.status_message_wrapper .ui-icon{
	position:relative;
	margin-right:10px !important;;
	top:2px;
}

.status_message_wrapper.cml-ui-state-success .ui-icon:before{
	color:#08a517 !important;
}

button, .button, #main button, .ui-dialog button{
	background-color: #bb0720;
    border: 0;
    color: #ffffff;
    padding: 3px 10px 2px;
    font-size:12px;
    font-weight:normal !important;
    cursor:pointer;
}

button.secondary, .button.secondary, .button-gray, button.gray, .button.gray{
	background-color: #808080 !important;
}

/* disabled */
button.disabled, .button.disabled, input[type="button"].disabled{opacity:0.5; cursor: default !important; background-color:#777 !important;}
.iconed.disabled{opacity:0.4; cursor: default !important; }
.iconed.disabled:hover{background-color:transparent !important;}
ul.toolbarmenu > li > a.iconed.disabled{border-color:#e2e2e2; color:#373737 !important; opacity:0.5;}

/*tinymce reset*/
#main .tox .tox-mbtn,
#main .tox .tox-tbtn,
#main .tox .tox-tbtn.tox-tbtn--select
{
	border: 0;
	background: 0 0;
    background-color: rgba(0, 0, 0, 0);
	color: #222f3e;
	font-size: 14px;
	font-weight: 400;
	padding: 0 4px;
}
#main .tox .tox-tbtn {
	padding: 0;
}
#main .tox .tox-tbtn--enabled, 
#main .tox .tox-tbtn--enabled:hover {
	background: #c8cbcf;
	border: 0;
	color: #222f3e;
}

#main .tox .tox-mbtn:hover,
#main .tox .tox-tbtn:hover {
	background: #dee0e2;
}
#main .tox .tox-tbtn--disabled, 
#main .tox .tox-tbtn--disabled:hover, 
#main .tox .tox-tbtn:disabled, 
#main .tox .tox-tbtn:disabled:hover {
	border: 0;
	background: 0 0;
	background-color: rgba(0, 0, 0, 0);
	color: rgba(34,47,62,.5);
	cursor: not-allowed;
}

/* NEW MEDIA GAL */
.gallerylist { background-color:#fff; border:1px solid #e2e2e2; border-top-width:0px; }
.gallerylist.highlight{ background-color:#eff; }
.category-item, .media-item{ float:left; width:150px; min-height:200px; height:200px; border-width:0px; max-height:400px;  margin:10px; overflow:visible;  }
.media-item-inner{ border:1px #DEDEDE solid; min-height:198px; background-color:#fff; transition: background-color 300ms linear 0s; }
.media-item{ position:relative; }
/*
.media-item.expanded{ position:fixed; z-index:100; width:500px; height:400px; margin:0 auto; top:50%; left:50%; margin-top:-200px; margin-left:-250px; overflow-y:scroll; }
*/
.media-item.expanded { width:220px; overflow:visible; z-index:2; }
.media-item.expanded .media-item-inner{ background-color:#efefef; }
.media-item.active .media-item-inner{ background-color:#aec5ff; }
.media-item.new .media-item-inner{ background-color:#dedede; }
.media-item.uploading .media-item-inner{ background-color:#aec5ff; }
.media-item.changed .media-item-inner{ background-color:#faf7af; }
.media-item ul.toolbarmenu { float:right; padding-top:0; }
.media-item ul.toolbarmenu.selector-menu { float:none; display:inline-block; margin:0 auto; padding-top:0; }
.media-item ul.toolbarmenu > li { padding-top:0; padding-right:0; padding-left:2px; background-color:transparent; }
.media-item ul.toolbarmenu > li > a {padding: 5px 10px 5px !important; border: 0;}
.media-item ul.toolbarmenu li li { background-color:#f6f6f6; padding:0px !important; }
.media-item ul.toolbarmenu li li a { display:block; padding:5px 5px 5px 25px; padding-bottom:0; height:22px; }
.media-item ul.toolbarmenu li li a.iconed { background-position: 5px 5px !important; }
.media-item ul.toolbarmenu li li a:hover { background-color:#eee; }
.media-item ul.toolbarmenu li > ul {margin-left:-85px; z-index:50; margin-top:22px !important; border:1px solid #e2e2e2 !important;}
.media-item ul.toolbarmenu.selector-menu li > ul {margin-left:0px; z-index:50; }
.media-item .edit-close-toggler{ background-color:#c6c6c6; color:#fff !important; }
.media-item .edit-close-toggler.highlighted{ background-color:#0067c7; color:#fff !important; }
.media-item-head{ padding:5px 5px 0px 5px; }
.media-item-head .toolbarmenu li .icon_plus{padding:6px 0!important;}
.media-item-head .toolbarmenu li .icon_plus:before{padding:5px 5px 5px !important; margin-left:2px; font-size:10px !important;}
.media-item-head .toolbarmenu ul{margin-top:20px !important;}
.media-item-head .toolbarmenu .edit-close-toggler{padding:4px 3px 4px 6px !important;}
.media-item-head input.record-checker{position:relative; float:left; margin-right:5px !important; top:3px;}

.media-item-body{ }
.media-item-foot{ padding:5px; }
.media-item-img-wrap{ height:112px; overflow:hidden; text-align:center; vertical-align:middle;}
.media-img{ max-width:100%; min-width:100%; }
.media-icon{ height:100%; background-color:#d5d5d5; color:#b5b5b5; text-align:center; }
.media-icon .fa{ font-size:32px; margin-top:40px;}
.category-item .media-icon{ background-color:#eed471; color:#c8b25f; }
.media-item-data-preview{ display:block; padding:5px; }
.media-item-data-detail{ display:none; padding:5px; }
.media-item.expanded .media-item-img-wrap{ display:none; }
.media-item.expanded .media-item-data-preview{ display:none; }
.media-item.expanded .media-item-data-detail{ display:block; }
.media-item-data-detail-params{ }
.media-item-data-detail-params input:not([type="button"]), .media-item-data-detail-params textarea{ width:98%; margin-bottom:5px;}
.media-item-data-detail-params input[type="button"]{ padding:2px 10px; background-color:#0067c7; color:#fff; margin-top:5px; margin-bottom:5px; float:none;}
.media-item-data-detail-preview{ }
.media-item-toolbar{ }
.media-item .txt-icon.mini{ border-radius:100px; padding:1px 3px; font-size:8px !important; }
.media-item .name{ font-size:12px; display:inline-block; padding:2px 0px; }
.media-item .selector-tool, .selector-tool { background-color:#0067c7; color:#fff; }

.mediagal-breadcrumbs.toolbarmenu {float:none;}
.mediagal-breadcrumbs.toolbarmenu > li{position:relative; top:5px;}
.mediagal-breadcrumbs.toolbarmenu .icon_plus{padding:5px 0!important;}
.mediagal-breadcrumbs.toolbarmenu .icon_plus:before{padding:5px 5px 5px !important; margin-left:2px; font-size:10px !important;}
.mediagal-breadcrumbs.toolbarmenu ul{float:none; top:20px !important;}

.mediagal-root-selector{float:left; margin-left:10px; top:12px; position:relative;}
.ui-dialog-content .mediagal-root-selector { top:6px; margin-left:0;}

.media-item-head .selector-tool{padding:5px 10px !important; border-radius:4px;}
h2.submodule-heading{
	 font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 2px;
    padding-top: 18px;
}

/* ICONS */

.iconed, .txt-icon, .ui-icon{text-decoration:none !important;}

.icon_export,
.ui-icon-alert,
.ui-icon-closethick,
.icon_add,
.icon_edit,
.icon_flagon,
.icon_flagoff,
.icon_stargold,
.icon_stargray,
.icon_copy,
.icon_cut,
.icon_remove,
.icon_down,
.icon_show,
.icon_save,
.icon_close,
.icon_plus,
.icon_switch,
.icon_up,
.icon_video_attch_add_folder,
.icon_image_attch_add_embed_folder,
.icon_document_attch_add_embed_folder,
.icon_flash_attch_add_embed_folder,
.icon_video_attch_add_folder,
.icon_image_attch_add_folder,
.icon_document_attch_add_folder,
.icon_flash_attch_add_folder,
.icon_sound_attch_add_embed_item,
.icon_flash_attch_add_embed_item,
.icon_document_attch_add_embed_item,
.icon_image_attch_add_embed_item,
.icon_video_attch_add_embed_item,
.icon_document_attch_add_item,
.icon_document,
.icon_image,
.icon_image_attch_add_item,
.icon_video,
.icon_video_attch_add_item,
.icon_flash,
.icon_flash_attch_add_item,
.icon_sound,
.icon_sound_attch_add_item,
.icon_paste,
.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w,
.icon_setup,
.icon_refresh
  {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	background:none;
	padding:0 !important;
	color:#373737 !important;
	margin-left:5px;
}

.icon_export:before,
.ui-icon-alert:before,
.ui-icon-closethick:before,
.icon_add:before,
.icon_edit:before,
.icon_flagon:before,
.icon_flagoff:before,
.icon_stargold:before,
.icon_stargray:before,
.icon_copy:before,
.icon_cut:before,
.icon_down:before,
.icon_up:before,
.icon_show:before,
.icon_save:before,
.icon_close:before,
.icon_plus:before,
.icon_switch:before,
.icon_remove:before,
.icon_video_attch_add_folder:before,
.icon_image_attch_add_embed_folder:before,
.icon_document_attch_add_embed_folder:before,
.icon_flash_attch_add_embed_folder:before,
.icon_video_attch_add_folder:before,
.icon_image_attch_add_folder:before,
.icon_document_attch_add_folder:before,
.icon_flash_attch_add_folder:before,
.icon_sound_attch_add_embed_item:before,
.icon_flash_attch_add_embed_item:before,
.icon_document_attch_add_embed_item:before,
.icon_image_attch_add_embed_item:before,
.icon_video_attch_add_embed_item:before,
.icon_document_attch_add_item:before,
.icon_document:before,
.icon_image:before,
.icon_image_attch_add_item:before,
.icon_video:before,
.icon_video_attch_add_item:before,
.icon_flash:before,
.icon_flash_attch_add_item:before,
.icon_sound:before,
.icon_sound_attch_add_item:before,
.icon_paste:before,
.ui-icon-circle-triangle-e:before,
.ui-icon-circle-triangle-w:before,
.icon_setup:before,
.icon_refresh:before
	{
	font: normal normal normal 14px/1 FontAwesome;
	font-size:14px !important;
	margin-right:3px;
	vertical-align:-1px;
}

.icon_export:before{content: "\f08b";}
.icon_add:before{content: "\f055";}
.icon_edit:before{content: "\f040";}
.icon_flagon:before{content: "\f11d";}
.icon_flagoff:before{content: "\f024";}
.icon_stargold:before{content: "\f006";}
.icon_stargray:before{content: "\f005";}
.icon_copy:before{content: "\f0c5";}
.icon_cut:before{content: "\f0c4";}
.icon_remove:before{content: "\f1f8";}
.icon_down:before{content: "\f0ab";}
.icon_show:before{content: "\f002";}
.icon_save:before{content: "\f0c7";}
.icon_close:before{content: "\f00d";}
.icon_up:before{content: "\f0aa";}
.icon_plus:before{content: "\f067";}
.icon_switch:before{content: "\f0dc";}
.icon_paste:before{content: "\f0ea";}
.icon_refresh:before{content: "\f021";}
.icon_setup:before{content: "\f013";},
.icon_document_attch_add_item:before,
.icon_document:before{content: "\f15b";}
.icon_image:before,
.icon_image_attch_add_item:before{content: "\f03e";}
.icon_video:before,
.icon_video_attch_add_item:before{content: "\f03d";}
.icon_flash:before,
.icon_flash_attch_add_item:before{content: "\f0e7"; font-size:26px !important; width:20px; display:inline-block;}
.icon_sound:before,
.icon_sound_attch_add_item:before{content: "\f028";}
.ui-icon-circle-triangle-e:before{content: "\f0a9";}
.ui-icon-circle-triangle-w:before{content: "\f0a8";}
.icon_video_attch_add_folder:before,
.icon_image_attch_add_embed_folder:before,
.icon_document_attch_add_embed_folder:before,
.icon_flash_attch_add_embed_folder:before,
.icon_video_attch_add_folder:before,
.icon_image_attch_add_folder:before,
.icon_document_attch_add_folder:before,
.icon_flash_attch_add_folder:before
{content: "\f07b";}
.icon_sound_attch_add_embed_item:before,
.icon_flash_attch_add_embed_item:before,
.icon_document_attch_add_embed_item:before,
.icon_image_attch_add_embed_item:before,
.icon_video_attch_add_embed_item:before
{content:"\f121";}

.ui-icon-alert:before{content: "\f071"; color:#fff; font-size:15px !important;}
.ui-dialog .ui-icon-alert:before{color:#bb0720;}
.ui-icon-closethick:before{content: "\f00d"; color:#fff; font-size:15px !important;}