/*** mod/themes/form/def/css/css-fw-base.css ***/
/*1.1*/
@charset "UTF-8";
* { margin: 0; padding: 0; }
*:focus { outline: none; }
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}

.f-left { float: left; }
.f-right { float: right; }
.no-clear { clear: none !important; }
.f-clear { clear: both; }
.f-inline { display: inline-block; }

.center { text-align: center }
.t-left { text-align: left }
.t-right { text-align: right }
.w-50 { width: 50% }
.w-20 { width: 20% }
.w-15 { width: 15% }
.w-30 { width: 30% }

body,html {-webkit-font-smoothing: antialiased;}
img { image-rendering: auto; }

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a img { border: none; display: block; }
.ico { text-align: left; text-indent: -9999px; display: block; }
.nostyle li { list-style: none; }
.inlineli { text-align: center; }
.inlineli li { display: inline-block; }
.inlineb > b { display: inline-block; }
.float-items > * { float: left; }

.leftli li { float: left; }
.rightli li { float: right; }

.abs { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.overlay-global-wrapper {
    position: fixed; display: none;
    top: 0; left: 0; right: 0; bottom: 0; overflow: auto; z-index: 900;
}

.overlay-open body { overflow: hidden; }
.overlay-open .overlay-global-wrapper {
    display: block;
}

/* -------------------------------------------------------------------- */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/**/
.cleaner:after{ content: "."; display: block; height: 0; font-size:0; visibility:hidden; }
.cleaner{display: inline-block; overflow:hidden; }
/* Hides from IE Mac \*/
* html .cleaner {height: 1%;} .cleaner{display:block;}
/* End Hack */

.hidden { display: none; }
.show { display: block!important; }


/*** mod/cms/form/v4/css/style.css ***/

[class^="cmsicon-"], [class*=" cmsicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cmsicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmsicon-backfolder:before {
  content: "\e900";
}
.cmsicon-jetmour:before {
  content: "\e616";
}
.cmsicon-upload:before {
  content: "\e614";
}
.cmsicon-calendar:before {
  content: "\e613";
}
.cmsicon-dollars:before {
  content: "\e611";
}
.cmsicon-arrow-down:before {
  content: "\e60f";
}
.cmsicon-arrow-right:before {
  content: "\e610";
}
.cmsicon-bar-graph-2:before {
  content: "\e60b";
}
.cmsicon-paragraph:before {
  content: "\e60c";
}
.cmsicon-pie-graph:before {
  content: "\e60d";
}
.cmsicon-watch:before {
  content: "\e60e";
}
.cmsicon-columns:before {
  content: "\e60a";
}
.cmsicon-disc:before {
  content: "\e602";
}
.cmsicon-fast-forward:before {
  content: "\e603";
}
.cmsicon-plus:before {
  content: "\e604";
}
.cmsicon-power:before {
  content: "\e605";
}
.cmsicon-printer:before {
  content: "\e606";
}
.cmsicon-rewind:before {
  content: "\e607";
}
.cmsicon-tag:before {
  content: "\e608";
}
.cmsicon-toggle:before {
  content: "\e609";
}
.cmsicon-align-justify:before {
  content: "\e617";
}
.cmsicon-circle:before {
  content: "\e601";
}
.cmsicon-camera:before {
  content: "\43";
}
.cmsicon-circle-add:before {
  content: "\49";
}
.cmsicon-circle-check:before {
  content: "\4a";
}
.cmsicon-circle-cross:before {
  content: "\44";
}
.cmsicon-circle-minus:before {
  content: "\3b";
}
.cmsicon-volume:before {
  content: "\3a";
}
.cmsicon-video:before {
  content: "\2e";
}
.cmsicon-config:before {
  content: "\7a";
}
.cmsicon-home:before {
  content: "\76";
}
.cmsicon-comments:before {
  content: "\73";
}
.cmsicon-arrowright:before {
  content: "\4b";
}
.cmsicon-ban:before {
  content: "\4c";
}
.cmsicon-bar-graph:before {
  content: "\4d";
}
.cmsicon-box:before {
  content: "\4e";
}
.cmsicon-cart:before {
  content: "\4f";
}
.cmsicon-check:before {
  content: "\50";
}
.cmsicon-close:before {
  content: "\51";
}
.cmsicon-cloud_download:before {
  content: "\52";
}
.cmsicon-cloud_upload:before {
  content: "\53";
}
.cmsicon-cloud-download_2:before {
  content: "\55";
}
.cmsicon-cloud-upload_2:before {
  content: "\56";
}
.cmsicon-config2:before {
  content: "\57";
}
.cmsicon-ellipsis:before {
  content: "\58";
}
.cmsicon-eye:before {
  content: "\59";
}
.cmsicon-folder:before {
  content: "\5a";
}
.cmsicon-globe:before {
  content: "\5b";
}
.cmsicon-grid:before {
  content: "\5c";
}
.cmsicon-head:before {
  content: "\5d";
}
.cmsicon-help:before {
  content: "\e612";
}
.cmsicon-image:before {
  content: "\5e";
}
.cmsicon-layers:before {
  content: "\5f";
}
.cmsicon-link:before {
  content: "\60";
}
.cmsicon-lockclosed:before {
  content: "\61";
}
.cmsicon-lockopen:before {
  content: "\62";
}
.cmsicon-mail_open:before {
  content: "\63";
}
.cmsicon-mail:before {
  content: "\64";
}
.cmsicon-mappin:before {
  content: "\65";
}
.cmsicon-menu:before {
  content: "\66";
}
.cmsicon-monitor:before {
  content: "\67";
}
.cmsicon-music_back:before {
  content: "\68";
}
.cmsicon-music_backtoend:before {
  content: "\69";
}
.cmsicon-music_eject:before {
  content: "\6a";
}
.cmsicon-music_forward:before {
  content: "\6b";
}
.cmsicon-music_forwardtoend:before {
  content: "\6c";
}
.cmsicon-music_pause:before {
  content: "\6d";
}
.cmsicon-music_play:before {
  content: "\6e";
}
.cmsicon-music_random:before {
  content: "\6f";
}
.cmsicon-music_repeat:before {
  content: "\70";
}
.cmsicon-music_stop:before {
  content: "\71";
}
.cmsicon-upfolder:before {
  content: "\e615";
}
.cmsicon-open:before {
  content: "\72";
}
.cmsicon-paper:before {
  content: "\74";
}
.cmsicon-reload:before {
  content: "\75";
}
.cmsicon-rotate:before {
  content: "\77";
}
.cmsicon-search:before {
  content: "\78";
}
.cmsicon-share_2:before {
  content: "\79";
}
.cmsicon-share2:before {
  content: "\7b";
}
.cmsicon-speech-bubble:before {
  content: "\7c";
}
.cmsicon-square-add:before {
  content: "\7d";
}
.cmsicon-stack:before {
  content: "\7e";
}
.cmsicon-star:before {
  content: "\2b";
}
.cmsicon-ticket:before {
  content: "\3e";
}
.cmsicon-trash:before {
  content: "\3c";
}
.cmsicon-chain:before {
  content: "\e901";
}
.cmsicon-chain-edit:before {
  content: "\e902";
}


/*** mod/cms/form/v4/css/base.css ***/
/*1.2*/
/*html, body, #bodywrapper { height: 100%; }*/
body { background: #272727; font: 12px/14px Arial; color: #dedede; min-height: 100%; -webkit-font-smoothing: antialiased; }
/*a { color: #dedede; }*/
a { color: #222; }

@font-face {
    font-family: "OpenSans-CondensedBold";
    src:url(/mod/cms/form/v4/fonts/OpenSans-CondensedBold.eot?-8x41xl);
    src:url(/mod/cms/form/v4/fonts/OpenSans-CondensedBold.eot?#iefix-8x41xl) format('embedded-opentype'),
    url(/mod/cms/form/v4/fonts/OpenSans-CondensedBold.woff?-8x41xl) format('woff'),
    url(/mod/cms/form/v4/fonts/OpenSans-CondensedBold.svg?-8x41xl#OpenSans-CondensedBold) format('svg'),
    url(/mod/cms/form/v4/fonts/OpenSans-CondensedBold.ttf?-8x41xl) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-CondensedLight";
    src:url(/mod/cms/form/v4/fonts/OpenSans-CondensedLight.eot?-8x41xl);
    src:url(/mod/cms/form/v4/fonts/OpenSans-CondensedLight.eot?#iefix-8x41xl) format('embedded-opentype'),
    url(/mod/cms/form/v4/fonts/OpenSans-CondensedLight.woff?-8x41xl) format('woff'),
    url(/mod/cms/form/v4/fonts/OpenSans-CondensedLight.svg?-8x41xl#OpenSans-CondensedLight) format('svg'),
    url(/mod/cms/form/v4/fonts/OpenSans-CondensedLight.ttf?-8x41xl) format('truetype');
    font-weight: normal;
    font-style: normal;
}

#bodyshadow, #bodyshadowmore { display: none; }

.version { font-size: 14px; color: #eee; text-shadow: 1px 1px 2px #000; position: fixed; bottom: 22px; left: 10px; right: 10px; text-align: center; z-index: 9; font-family: OpenSans-CondensedBold, Arail, sans-serif; font-weight: normal; }
.versionin { color: #9e9e9e; text-shadow: 1px 1px 1px #fff; font-size: 14px; text-align: center; display: block; padding-top: 20px; clear: both; font-weight: normal; font-family: "OpenSans-CondensedBold",Arail, sans-serif; }
.versionin small { display: block; }

.jetmour { /*background: url(/mod/cms/form/v4/i/jetmour.png) 50% 50% no-repeat;*/ width: 50px; height: 60px; position: fixed; bottom: 108px; left: 10px; right: 10px; text-align: center; margin: 0 auto; z-index: 9; text-decoration: none; font-size:60px; color: #929292; }

input[type="text"], input[type="password"], textarea { background: #fff; border: none; /*box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;*/ height: 26px; padding: 0 8px; display: block; color: #3b3b3b; border-radius: 2px; width: 100%; margin-bottom: 10px; }
select { margin-bottom: 10px; }
textarea { height: auto; line-height: 16px; padding: 8px; }
input.w-50 { width: 50%; }

.warring input[type="text"], .warring input[type="password"], .warring textarea { background: #ee3333; color: #fff; }

button[type="submit"], input[type="submit"], .button, .popuplink { height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); box-shadow: 1px 1px 1px rgba(0,0,0,0.5); background-color: #343434; border-radius: 2px; border:none; width: 100%; padding: 0 8px; display: block; text-decoration: none; cursor: pointer; font-family: OpenSans-CondensedBold, Arail, sans-serif; }
button[type="submit"]:hover, input[type="submit"]:hover, .button:hover, .button.active { background-color: #6c6c6c; }
.button:before, .popuplink:before { position: absolute; left: 6px; top: 0; line-height: 30px; font-size: 18px; color: #fff; font-family: cmsicon; }
button[type="submit"] { float: left; width: auto; }
.inlinebtn input[type="submit"] { width: auto; display: inline-block; }
.autowidth input[type="submit"] { width: auto; }
.inlinelabels label { float: left; width: 25%; line-height: 26px; }
.inlinelabels .inputbox { float: left; width: 100%; }
.inlinelabels .inputbox select { margin-bottom: 10px; }
.inlinelabels input[type="text"] { float: left; width: 70%; }

.inlinea { text-align: center; }
.inlinea > a { display: inline-block; }

.mb, input[type="submit"].mb, .popuplink, .button.yes {
    background-color: #cf009f;
    /*background-image: -webkit-linear-gradient(top, #f02bc2 0%, #cf009f 100%);*/
    color: #fff; }
.mb:hover, .popuplink:hover, .button.yes:hover { background-color: #f02bc2;  }

.inputbox .popuplink { box-shadow: none; }
/*
.popuplink:before {
    content: '?'; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
*/
/*.inputbox .popuplink { box-shadow: 1px 1px 1px #828282; height: 23px; line-height: 24px; min-width: 80px; }*/
/*
.inputbox .popuplink:before { line-height: 24px; }
*/
.inputbox .popuplink { position: absolute;
    top: 7px;
    left: 150px;
    display: block;
    padding: 0 0 0 30px;
    width: 0;
    height: 30px;
    overflow: hidden;
    min-width: inherit;
    line-height: 30px;
}
.inputbox .popuplink:before { line-height: 30px; }

.popuplink { float: left; width: auto; margin-right: 5px; min-width: 100px; }
.panes .floatclear { clear: both !important; }

.mesg { text-align: center; color: #fff; padding: 16px; clear: both; }
#bodywrapper .m-info { background: #3b8ede; color: #000; }
#bodywrapper .m-info a { color: #000; }
#bodywrapper .m-warning { background: #b150c5; color: #000; }
#bodywrapper .m-warning a { color: #000; }
#bodywrapper .m-normal { background: #00bd71; color: #000; }
#bodywrapper > .messages > .mesg > ul { display: inline-block; }
#bodywrapper > .messages > .mesg > ul > li { text-align: left; }
/*
#bodywrapper .m-normal:after { content: ""; display: block; position: absolute; top:5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid #fff; border-radius: 4px; }
*/
#bodywrapper .m-normal a { color: #000; }
#bodywrapper .m-error { background: #ff4539; color: #fff; }
#bodywrapper .m-error a { color: #fff; }

.mesg .button { display: inline-block; width: auto; margin: 5px; color: #fff !important; min-width: 70px; }

#flex { position: fixed; top:0; right: 330px; width: 30px; bottom: 0; z-index: 99; cursor: pointer; }
#flex:after { content: "\e607"; font-family: cmsicon; position: absolute; transform: rotate(180deg);
    top: 0; left: 0; color: #fff; font-size: 30px; width: 40px; height: 46px; line-height: 46px; text-align: center; }
.narrow #flex { right: 70px; }
.narrow #flex:after { transform: rotate(0deg); }
.narrow #idframemapdiv { width: 100px; }
.narrow #idframecontentdiv { padding-right: 100px; }

.fullwide #flex { display: none; }
.fullwide #idframemapdiv { display: none; }
.fullwide #idframecontentdiv { padding-right: 0px; }


.tooltip {
    display:none;
    background:#000;
    font-size:12px; line-height: 25px; text-align: center;
    height:23px; border-radius: 13px;
    min-width:100px; padding: 0;
    color:#eee;
}

.splittitle { clear: both; font-weight: normal; text-align: center; border-bottom: 1px solid #999; padding: 10px 0; }

/*
*/
.contentwrapper .hidden { display: none; }
.contentwrapper .control { margin: -10px 0 10px -10px; }

#exposeMask { z-index: 100 !important; }
.modal { z-index: 999 !important; }
.content_overlay { z-index: 200 !important; position: fixed; top: 0; right: 0; bottom: 0; left:50px; }
.content_overlay .contentWrap { height: 100%; }
.content_overlay .overlay_close { position: absolute; top: 0; right: 0; display: block; background:#000; width: 46px; height: 46px; z-index: 99; text-align: left; text-indent: -9999px; cursor: pointer; }
.content_overlay .overlay_close:after { font-family: 'cmsicon'; content: "Q"; position: absolute; color: #fff; left: 0; right: 0; text-align: center; line-height: 46px; bottom: 0; text-indent: 0; font-size: 33px; }
.content_overlay .contentWrap iframe { width: 100%; height: 100%; }
.content_overlay .contentWrap .iframe-wrapper { position: absolute; top:46px; bottom: 0; left: 0; right: 0; }

iframe { border: none; }

/* CREATOR */
/*.b2-creator .inputbox, .b2-creator .sendbox { float: left; padding: 0; margin-right: 10px; }*/
.b2-creator .wrap { width: 450px; margin: 0 auto; }
.b2-creator .contentwrapper .inputbox label { position: relative; float: left; top: 0; left: 0; }
.b2-creator .inputbox select { width: 163px; }
.b2-creator .inputbox input { width: 150px; }
.b2-creator .sendbox input { width: 100px; }
/*.b2-creator .contentwrapper .inputbox label { float: left; display: none; }*/
.b2-creator #idtitle { width: 250px; }
.b2-creator .contentwrapper .title { color:#999; font-weight: normal; }
.b2-creator .contentwrapper { border: none; overflow: auto; }
/*.b2-creator .contentwrapper li h4 { text-align: center; font-weight: normal; }*/

.b2-creator .toggle { cursor: pointer; }
.b2-creator .grptitle { clear: both; padding: 4px 0; color:#999; font-weight: normal; }

.partslist .filter input { border-radius: 3px; padding: 2px 10px; border:none; margin: 0 0 10px 10px; }
.partslist ul { padding: 0; margin: 0; }
.partslist li, .constructor li { width: 42%; margin: 2px; background:#eee url(/mod/cms/form/v4/i/arrow_left_icon.png) 3px 50% no-repeat; list-style: none; display: block; cursor: pointer; float: left;
    border-radius:4px; padding: 5px 5px 5px 30px; box-shadow: 0px 3px 4px #999;
}

.partslist li.hidden { display: none; }
.partslist .typeswitcher { display: none; }

.constructor li .toggle { border-bottom: 1px dotted #555; color:#555; margin-right: 200px; }
.b2-creator .typeswitcher { width: 400px; margin: 5px 0 0 0; padding: 0; }
.constructor li .inputbox { padding-left: 0 }
.constructor li .inputbox label { color: #222; min-width: 90px; }
.constructor li { width: 88%; float: none; background: #ccf url(/mod/cms/form/v4/i/cursor_drag_arrow_icon.png) 5px 5px no-repeat; position: relative; }
.constructor li i { background: url(/mod/cms/form/v4/i/delete_icon.png); width: 16px; height: 16px; display: block; position: absolute; top:5px; right:5px; }

.b2-creator .typeswitcher label { display: none; }
.b2-creator .constructor .radiobox label { display: block; min-width: 10px; }

.b2-creator .title { clear: both; }
.subtitle { font-size: 1.2em; padding: 5px 10px; }


/*** mod/cms/form/v4/css/dataskin.css ***/

/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date2 {
	border:1px solid #ccc;
	font-size:18px;
	padding:4px;
	text-align:center;
	width:194px;
	
	-moz-box-shadow:0 0 10px #eee inset;
	-webkit-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(/mod/cms/form/v4/i/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(/mod/cms/form/v4/i/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	/*border-bottom:1px solid #ddd;*/
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}


/*** mod/cms/form/v4/css/table.css ***/
/* -- import Roboto Font ---------------------------- */
@import "https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic";

.shadow-z-1 {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

.table-responsive-vertical {
    font-size: 12px;
    letter-spacing: 0.01rem;
    color: #222;
    clear: both; margin: 10px 0;
}

.table a { color: #222; }

/* -- Material Design Table style -------------- */
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    background-color: #ffffff;
}

.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    text-align: left;
    padding: 0.2rem 1rem;
    vertical-align: top;
    border-top: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.table > thead > tr > th {
    font-weight: 400;
    color: #757575;
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > tbody + tbody {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.table .table {
    background-color: #ffffff;
}
.table .no-border {
    border: 0;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 0.8rem;
}
.table-bordered {
    border: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 768px) {
    .table-responsive-vertical > .table {
        margin-bottom: 0;
        background-color: transparent;
    }
    .table-responsive-vertical > .table > thead,
    .table-responsive-vertical > .table > tfoot {
        display: none;
    }
    .table-responsive-vertical > .table > tbody {
        display: block;
    }
    .table-responsive-vertical > .table > tbody > tr {
        display: block;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
        margin-bottom: 1.6rem;
    }
    .table-responsive-vertical > .table > tbody > tr > td {
        background-color: #ffffff;
        display: block;
        vertical-align: middle;
        text-align: right;
    }
    .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
        content: attr(data-title);
        float: left;
        font-size: inherit;
        font-weight: 400;
        color: #757575;
    }
    .table-responsive-vertical.shadow-z-1 {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
        border: none;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    }
    .table-responsive-vertical > .table-bordered {
        border: 0;
    }
    .table-responsive-vertical > .table-bordered > tbody > tr > td {
        border: 0;
        border-bottom: 1px solid #e0e0e0;
    }
    .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
        border-bottom: 0;
    }
    .table-responsive-vertical > .table-striped > tbody > tr > td,
    .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
        background-color: #f5f5f5;
    }
    .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
    .table-responsive-vertical > .table-hover > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
        background-color: rgba(0, 0, 0, 0.12);
    }
}
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
    background-color: #fde0dc;
}
.table-hover.table-mc-red > tbody > tr:hover > td,
.table-hover.table-mc-red > tbody > tr:hover > th {
    background-color: #f9bdbb;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
        background-color: #fde0dc;
    }
    .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
        background-color: #f9bdbb;
    }
}
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
    background-color: #fce4ec;
}
.table-hover.table-mc-pink > tbody > tr:hover > td,
.table-hover.table-mc-pink > tbody > tr:hover > th {
    background-color: #f8bbd0;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
        background-color: #fce4ec;
    }
    .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
        background-color: #f8bbd0;
    }
}
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
    background-color: #f3e5f5;
}
.table-hover.table-mc-purple > tbody > tr:hover > td,
.table-hover.table-mc-purple > tbody > tr:hover > th {
    background-color: #e1bee7;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
        background-color: #f3e5f5;
    }
    .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
        background-color: #e1bee7;
    }
}
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
    background-color: #ede7f6;
}
.table-hover.table-mc-deep-purple > tbody > tr:hover > td,
.table-hover.table-mc-deep-purple > tbody > tr:hover > th {
    background-color: #d1c4e9;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
        background-color: #ede7f6;
    }
    .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
        background-color: #d1c4e9;
    }
}
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
    background-color: #e8eaf6;
}
.table-hover.table-mc-indigo > tbody > tr:hover > td,
.table-hover.table-mc-indigo > tbody > tr:hover > th {
    background-color: #c5cae9;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
        background-color: #e8eaf6;
    }
    .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
        background-color: #c5cae9;
    }
}
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
    background-color: #e7e9fd;
}
.table-hover.table-mc-blue > tbody > tr:hover > td,
.table-hover.table-mc-blue > tbody > tr:hover > th {
    background-color: #d0d9ff;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
        background-color: #e7e9fd;
    }
    .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
        background-color: #d0d9ff;
    }
}
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
    background-color: #e1f5fe;
}
.table-hover.table-mc-light-blue > tbody > tr:hover > td,
.table-hover.table-mc-light-blue > tbody > tr:hover > th {
    background-color: #b3e5fc;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
        background-color: #e1f5fe;
    }
    .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
        background-color: #b3e5fc;
    }
}
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
    background-color: #e0f7fa;
}
.table-hover.table-mc-cyan > tbody > tr:hover > td,
.table-hover.table-mc-cyan > tbody > tr:hover > th {
    background-color: #b2ebf2;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
        background-color: #e0f7fa;
    }
    .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
        background-color: #b2ebf2;
    }
}
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
    background-color: #e0f2f1;
}
.table-hover.table-mc-teal > tbody > tr:hover > td,
.table-hover.table-mc-teal > tbody > tr:hover > th {
    background-color: #b2dfdb;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
        background-color: #e0f2f1;
    }
    .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
        background-color: #b2dfdb;
    }
}
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
    background-color: #d0f8ce;
}
.table-hover.table-mc-green > tbody > tr:hover > td,
.table-hover.table-mc-green > tbody > tr:hover > th {
    background-color: #a3e9a4;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
        background-color: #d0f8ce;
    }
    .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
        background-color: #a3e9a4;
    }
}
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
    background-color: #f1f8e9;
}
.table-hover.table-mc-light-green > tbody > tr:hover > td,
.table-hover.table-mc-light-green > tbody > tr:hover > th {
    background-color: #dcedc8;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
        background-color: #f1f8e9;
    }
    .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
        background-color: #dcedc8;
    }
}
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
    background-color: #f9fbe7;
}
.table-hover.table-mc-lime > tbody > tr:hover > td,
.table-hover.table-mc-lime > tbody > tr:hover > th {
    background-color: #f0f4c3;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
        background-color: #f9fbe7;
    }
    .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
        background-color: #f0f4c3;
    }
}
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
    background-color: #fffde7;
}
.table-hover.table-mc-yellow > tbody > tr:hover > td,
.table-hover.table-mc-yellow > tbody > tr:hover > th {
    background-color: #fff9c4;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
        background-color: #fffde7;
    }
    .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
        background-color: #fff9c4;
    }
}
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
    background-color: #fff8e1;
}
.table-hover.table-mc-amber > tbody > tr:hover > td,
.table-hover.table-mc-amber > tbody > tr:hover > th {
    background-color: #ffecb3;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
        background-color: #fff8e1;
    }
    .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
        background-color: #ffecb3;
    }
}
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
    background-color: #fff3e0;
}
.table-hover.table-mc-orange > tbody > tr:hover > td,
.table-hover.table-mc-orange > tbody > tr:hover > th {
    background-color: #ffe0b2;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
        background-color: #fff3e0;
    }
    .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
        background-color: #ffe0b2;
    }
}
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
    background-color: #fbe9e7;
}
.table-hover.table-mc-deep-orange > tbody > tr:hover > td,
.table-hover.table-mc-deep-orange > tbody > tr:hover > th {
    background-color: #ffccbc;
}
@media screen and (max-width: 767px) {
    .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
    .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
        background-color: #fbe9e7;
    }
    .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
    .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
        background-color: #ffffff;
    }
    .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
        background-color: #ffccbc;
    }
}


/*** mod/cms/form/v4/css/cms.css ***/
/*7.2*/
@font-face {
    font-family: 'cmsicon';
    src:url(/mod/cms/form/v4/fonts/icomoon.eot?qwqeqwe);
    src:url(/mod/cms/form/v4/fonts/icomoon.eot?#iefixqwqeqwe) format('embedded-opentype'),
    url(/mod/cms/form/v4/fonts/icomoon.woff?qwqeqwe) format('woff'),
    url(/mod/cms/form/v4/fonts/icomoon.svg?qwqeqwe#cmsicon) format('svg'),
    url(/mod/cms/form/v4/fonts/icomoon.ttf?qwqeqwe) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.special-groups {
    padding: 0 0 10px 0; margin-bottom: 20px;
    border-bottom: 1px solid #aaa;
}

.special-groups a {
    font-weight: bold;
}

/* SMALL GRID */
.grid-container {
    padding: 0 10px;
    box-sizing: border-box;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.col-6, .col-12, .col-4, .col-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    min-height: 1px;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


.diffbtn { background-color: #555; color: #aaa; text-shadow: none; }

.has_selection .diffbtn { background-color: #007f27; color: #3cdd6d; text-shadow: none; }
.has_selection .diffbtn:hover { background-color: #00ee70; color: #000; }

.button { width: auto; display: inline-block; margin: 5px; }
.sendbox { margin-right: -16px; }
.captchabox { float: left; width: 100%; }
.captchabox label { display: block; font-size: 14px; line-height: 18px; color: #000; /*text-shadow: 1px 1px 1px #000;*/ }
.captchabox input[type="text"] { width: 72px; }
.captchabox img { float: left; margin: 0 10px 10px 0; }

.gohome { text-align: center; font-family: "cmsicon"; font-size: 30px; color: #fff; width: 58px; height: 58px; float: left; text-decoration: none; line-height: 58px; }

.empty { text-align: center; line-height: 50px; }

/* MODAL */
.overlay-global-wrapper { background: rgba(0,0,0,0.7) }
.modal { position: absolute; padding: 10px 15px; color: #fff; font-size: 18px; text-align: center; font-weight: bold; }
.modal .message { padding: 5px 0; line-height: 22px; }
.modal .message .enter { margin: 10px auto 0 auto; text-align: center; }
.modal .message .enter input[type="text"] { width: 90%; display: inline-block; margin-bottom: 0; }
.modal .message .enter input[type="text"].numeric { width: 30px; }
.modal .message .enter > div { display: inline-block; }
.content_overlay { position: absolute; display: none; }
.content_overlay .contentWrap { width: 100%; height: 100%; }
.modal .button { line-height: 25px; height: 25px; }
.modal .btn-wrapper { clear: both; padding: 20px 0 10px; }
.modal .btn-wrapper .btn { display: inline-block; margin: 5px; padding: 0 10px; line-height: 24px; background: #eee; color:#000; font-size: 0.8em; border-radius:2px; cursor:pointer; text-transform: uppercase; }
.modal .btn-wrapper .btn.default { background: #72bb00; color:#000; }
.modal .btn-link { font-size: 0.7em; line-height: 1.2em; text-decoration: underline; cursor:pointer }

/* DROP DOWN */
.ddwrap { position: relative; }
.ddbox:before { content: ""; border-bottom: 8px solid #f5f5f5; border-left: 12px solid transparent;  border-right: 12px solid transparent; width: 0; height: 0; position: absolute; top:-8px; left: 50%; margin-left: -6px; }
.ddbox { display: none; position: absolute; background: #f5f5f5; box-shadow: 0 0 12px rgba(0,0,0,0.25); right: -58px; min-width: 180px; z-index: 120; padding: 0 8px; top:31px; }
.ddbox li { list-style: none; border-bottom: 1px solid #dedede; }
.ddbox .warring a { background: #e99; }
.ddbox .sys a { background: #99e; }
.ddbox .adv a { background: #9e9; }
.ddbox a { display: block; padding: 5px 8px; margin: 0 -8px; text-decoration: none; color: #343434; text-align: left; font-family: OpenSans-CondensedBold, Arail, sans-serif; }
.system .ddbox a { color: #fff; }
.system .ddbox:before { border-bottom: 8px solid #f00; }
.ddbox a:hover { padding-left: 15px; }

/* LOGIN background: url(/mod/cms/form/v4/i/login-ico.png) 0 0 no-repeat; */
.b1-login .logintabs { text-align: center; float: none; height: auto; margin: 0; }
.logintabs a { width: 58px; height: 58px; margin: 0 5px; text-align: center; line-height: 62px; border-radius: 30px; border: 2px solid #fff; -webkit-transition: top 0.5s linear; position: relative; -webkit-animation-delay:2s; text-decoration: none; font-size: 35px; color: #fff; background: rgba(0,0,0,0.3); display: inline-block; }
.logintabs a.current { color: #000; background: #fff; }
/*
.logintabs .ico-login a { background-position: 0 0; top:5px; }
.logintabs .ico-remember a { background-position: -81px 0; top:8px; }
.logintabs .ico-support a { background-position: -162px 0; top:11px }
.logintabs .ico-login a.current { background-position: 0 100%; }
.logintabs .ico-remember a.current { background-position: -81px 100%; }
.logintabs .ico-support a.current { background-position: -162px 100%; }
*/

.templ_login { position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -173px; z-index: 99; -webkit-transition: margin 0.5s linear, opacity 0.5s linear; opacity: 0.5; -webkit-animation-delay:1s; }

.loaded .templ_login { opacity: 1; margin-top: -150px; }
.loaded .logintabs a { top:0; }

.templ_login .panes { width: 330px; margin: 0 auto; padding-right: 16px; }
.templ_login .panes h3 { font-size: 32px; position: relative; line-height: 70px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); text-align: center; font-weight: normal; margin-right: -16px; font-family: OpenSans-CondensedBold, Arail, sans-serif; font-weight: normal; }
.templ_login .panes form { width: 200px; margin: 0 auto; }
.templ_login .panes .jsr { text-align: center; display: none; }
.templ_login .panes .jsr .mesg { padding: 10px 10px 0 10px; background: none !important; }
.templ_login .panes > div { display: none; }
/*
.mesg .button { background-image: -webkit-linear-gradient(top, #444 0%, #222 100%); }
.mesg .button:hover { background-image: -webkit-linear-gradient(top, #333 0%, #222 100%); }
*/

.b1-login #bodyshadow { background: #343434; opacity: 0.5; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }

/* TOP */
.b2-top #bodywrapper { height: 58px; box-shadow: 0 -3px 13px -2px rgba(0,0,0,0.65) inset; }
.golink { font-size: 20px; color: #dedede; padding: 0 10px; line-height: 58px; width: 150px; overflow: hidden; height: 58px; display: block; float: left;  font-family: "OpenSans-CondensedBold", Arail, sans-serif; text-decoration: none; }
.logininfo { font-size: 11px; color: #c4c4c4; text-shadow: 0 1px 1px rgba(0,0,0,0.75); line-height: 13px; padding-top: 15px; min-width:180px; }
.logininfo img { float: left; border-radius: 17px; box-shadow: 0 1px 6px #000; margin:-5px 10px 0 0; }
.logininfo .logout { float: right; margin:-8px 5px 0 10px; width: 42px; height: 42px; line-height: 42px; text-decoration: none; background: #000; color: #fff; text-align: center; font-size: 21px; border-radius: 22px; }
.logininfo span { width: 70px; overflow: hidden; display: block; height: 13px; }
.tfmenu { padding-top: 5px; }
.tfmenu li { padding: 0; margin: 0 1px 0 0; }
.tfmenu .space { width: 20px; height: 20px; }

.tfmenu a { width: 48px; height: 48px; display: block; text-align: center; border-radius: 25px; line-height: 53px; color: #fff; text-decoration: none; font-size: 25px; }
.tfmenu .active a, .tfmenu a:hover { background: #fff !important; color: #000; text-shadow: 1px 1px 3px rgba(0,0,0,0.28); }
.tfmenu .active a { border-radius: 25px 25px 0 0; height: 53px; background: #343434 !important; color: #aaa; }
.tfmenu a.b-CONTENT { background: rgba(0,255,0,0.5); }
.tfmenu a.b-USERS { background: rgba(255,0,0,0.5); }
.tfmenu a.b-CONFIG { background: rgba(255,119,0,0.5); }

/* MENU */
.b2-map, .b2-scheme { background: #5c5c5c; min-width: 344px; }
.b2-map #bodywrapper { max-width: 366px;  }
.mapcontrol { background: #343434; float: left; width: 100%; color: #868686; }
.mapcontrol .exit { color: #fff; font-size: 20px; line-height: 34px; text-decoration: none; border-radius: 50%; width: 34px; height: 34px; margin: 6px; background: #000; text-align: center; }
.b2-scheme .contentwrapper { clear: both; }
#idframemapdiv { width: 360px; position: fixed; top: 0; right: 0; bottom: 0; z-index: 9; }
#idframecontentdiv { background: #dedede; right: 0; padding-right: 360px; left: 0; top: 0; bottom: 0; position: fixed; z-index: 7; }

/**
#idframecontentdiv.visualcontent { background: #5c5c5c; }
#idframecontentdiv.visualcontent > iframe { position: absolute; top:10px; bottom: 10px; left: 10px; right: 370px; }
.narrow #idframecontentdiv.visualcontent > iframe{ right: 110px; }
**/

/* SITEMAP */
#idmapcontent .control { margin: 0; }
.maptitle { color: #5a5a5a; font-size: 32px; line-height: 46px; padding-left: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.35); font-family: "OpenSans-CondensedBold", Arail, sans-serif; font-weight: normal; text-align: center; display: block; }
.ru .maptitle { font-size: 22px; }
.sitemap { right: 0; }
.sitemap li { list-style: none; position: relative; transition: background 0.3s ease; margin-bottom: 1px; }
.sitemap li.table {
    background: none;
}
.sitemap li > span { font-family: "OpenSans-CondensedBold", Arail, sans-serif; display: block; height: 33px; overflow: hidden; line-height: 33px; padding-left: 50px; font-size: 14px; color: #fff; position: relative; cursor: pointer; border-radius: 10px 0 0 10px;  padding-right: 34px; text-shadow: 1px 1px 3px rgba(0,0,0,0.35); transition: color 0.3s ease; z-index: 9; }

.sitemap .level3 li > span { height: 28px; line-height: 28px; font-family: OpenSans-CondensedLight, Arail, sans-serif; }
.sitemap .level3 span > b { height: 27px; }
.sitemap .level3 span:after { top:11px; }
.sitemap .level3 .ctrl { height: 28px; }
.sitemap .level3 .ctrl > i { height: 28px; width: 28px; line-height: 28px; }
.sitemap .level3 .select:after { border-top: 14px solid transparent; border-bottom: 15px solid transparent; }
.sitemap .level3 span.hc:after { top:2px; }
.sitemap .level3 .s1.hashc > em { top:-1px; }

.sitemap li > span:hover { color: #fff !important; }
/*.sitemap li > span:hover:after { background: #ff4539 !important; }*/
.sitemap li:hover:before { color: #fff; content: "\e607"; }

.sitemap li:before { position: absolute; right: 10px; top:0; color: #333; font-family: cmsicon; content: ""; font-size: 16px; z-index: 5; line-height: 33px; }
.sitemap li.private:before { content: "\61"; }
.sitemap li.private:hover:before { content: "\61  \e607"; }

.sitemap li .sup { position: absolute; left: 50px; bottom:-2px; line-height: 11px; font-size: 9px; color: #999; font-family: Arail,sans-serif; text-shadow: none; opacity:0.5; background: #000; border-radius: 4px; padding: 0 2px; display: none; }
.sitemap li li .sup { color: #aaa; }

.sitemap.showextra li .sup { display: block; }

.sitemap span:hover > .sup { opacity: 1; }
.sitemap li ul { margin-left: 24px; display: none; padding-left: 0; position: relative; }
/*.sitemap li.group > ul { margin-left: 0; }*/
.sitemap li ul:before { content: ""; display: block; position: absolute; left: 0; top:-5px; border-left: 1px solid #505050; bottom: 15px; z-index: 9; }
.sitemap .level3 li ul:before { top:0; }

.sitemap span > b { display: block; height: 33px; text-shadow: none; }
.sitemap .ctrl { display: block; transition: width 0.2s ease; position: absolute; right: 0; top: 0; z-index: 10; width: 0; height: 33px; border-radius: 22px 0 0 22px; cursor: pointer; padding: 0 30px 0 0; overflow: hidden }

.sitemap .ctrl > i { float: right; width:33px; height: 33px; border-radius: 50%; line-height: 33px; text-align: center; color: #fff; font-size: 18px; margin: 0 1px; }
.sitemap .ctrl > i:hover { background: #fff; color: #000; }
.sitemap .ctrl .cmsicon-trash { background:#ff4539; }
.sitemap .ctrl .cmsicon-paper { background:#00bd71; }
.sitemap .copen, .sitemap .ctrl:hover { width: 175px; background: #272727; }

.sitemap li li > i { border-top:1px solid #505050; display: block; position: absolute; left: 0;
    top: 50%; width: 22px; }

.sitemap li li.hashc > i { top:16px; width: 12px; }

.sitemap li.select > i { display: none; }

.sitemap li li.openopen { background:#4c4c4c; border-radius: 10px 0 0 10px }
.sitemap li li.group {  background:#696969; /* margin-left: -24px; */ border-radius: 10px 0 0 10px; }
.sitemap li li.group > ul:before { top:17px; }
.sitemap .level3 li > span { font-size: 13px; color: #ddd; }

.sitemap .a3 > span:after { background-color:#333 !important; }
.sitemap .a4 > span:after { background-color:#bba633 !important; }
.sitemap .a5 > span:after { background-color:#3b8ede !important; }
.sitemap .a6 > span:after { background-color:#8bb8ea !important; }
.sitemap .a7 > span:after { background-color:#acc9e8 !important; }

.sitemap .select:after {
    content: ""; z-index: 99;
    display: block; position: absolute; top: 0; left: -11px; height: 0; width: 0; border-right: 12px solid #ff4539; border-top: 16px solid transparent; border-bottom: 17px solid transparent;
}

.sitemap li li.openopen ul:before { border-left-color: #404040; }
.sitemap li li.openopen i { border-top-color: #404040; }
.sitemap li li.openopen span:after { background-color: #404040; }
.sitemap li li.openopen .a2 > span:after { background-color: transparent; border-color: #404040; }

/* DISABLED */
.sitemap .a0.select:after { border-right: 12px solid #333; }
.sitemap .a0 > span { /*background-color:#333 !important;*/ color: #333 !important; opacity: 0.85;  text-shadow: none; }
.sitemap .a0 > i { display: none; }
.sitemap .a0 > span:after { display: none; }
.sitemap .a0 > span > .sup { color: #333 !important;  }

/* HIDDEN */
.sitemap .a2 > span { /*background-color:#777 !important;*/ color: #999 !important; opacity: 0.95;  }
.sitemap .a2 > span:after { background: none; border: 1px solid #505050; margin:-1px 0 0 -1px; }
.sitemap .a2 > span > .sup { color: #ccc !important;  }

.sitemap span:after { content: ""; display: block; position: absolute; border-radius: 50%; background: #505050; top: 14px; left: 22px; height: 7px; width: 7px; z-index: 9; }

.sitemap span.hc:after { content: "+"; transform:rotate(0deg); transition: transform 0.3s ease; display: block; position: absolute; top: 4px; left: 13px; height: 24px; width: 24px; background: #fff; border-radius: 50%; text-align: center; color: #5c5c5c; font-size: 18px; line-height: 22px; font-family: Arail, sans-serif; text-shadow: none; box-shadow: 1px 1px 3px rgba(0,0,0,0.35); }
.sitemap span.hc.open:after { transform: rotate(45deg); }

.sitemap li li span.hc:after { background: #d757e6; color: #fff; }
.sitemap li.group > span { color: #aaa; font-size: 12px; text-transform: uppercase; text-shadow: none; }
/*.sitemap li.group > span.open { color: transparent; }*/
.sitemap li.group > span.hc:after { background: #5c5c5c !important; box-shadow: none; color:#fff; content: '\2026'; transform: rotate(0deg); left: 16px; width: 18px; height: 18px; line-height: 16px;
    top: 6px; }
.sitemap .s1.hashc.group > em { width: 20px; height: 20px; left: 13px; top:3px; }
.sitemap li.group > span.hc.open:after { content: '+'; transform: rotate(45deg); }
.sitemap li.group > i, .sitemap li.group:before { display: none; }

.sitemap .select > span { background: #ff4539 !important; border-radius: 0; opacity: 1; }
.sitemap .select > span:before { display: none; }

/* CACHE */
.sitemap li.c1:before { content: "\56"; }
.sitemap li.c1.private:before { content: "\56  \61"; }

.sitemap li.c1:hover:before { content: "\56  \e607"; }
.sitemap li.c1.private:hover:before { content: "\56  \61  \e607"; }

.sitemap li.hasif > span > b { color: #ff4539 !important; }
.sitemap li.hasif.select > span > b, .sitemap li.hasif.select > span { color: #fff !important; }

/*
.sitemap li.c1 > span { border-right:2px solid #000; }
.tablepane tr.c1 td.ctrl { border-left:2px solid #000; }
*/
.iconhome { text-align: center; line-height: 20px; text-decoration: none; display: block; background: #444; color: #aaa; }

.sitemap .s1 > em { border: 1px solid #fff; padding: 1px; content: ""; display: block; position: absolute;  border-radius: 50%; left: 18px; top: 10px; width: 11px; height: 11px; z-index: 8; }
.sitemap .level3 li.s1 > em { top:7px; }
.sitemap .s1 > span:after { background: #fff; z-index: 99; }
.sitemap .s1.hashc > em { left: 10px; top: 1px; width: 26px; height: 26px; }

.rootcontrol { display: block; text-align: center; }
/*.b2-scheme .rootcontrol { padding: 7px 10px 0 0; }*/
.rootcontrol > a, .rootcontrol > span { display: inline-block; width: 37px; height: 46px; cursor: pointer; line-height: 48px; text-align: center; font-size: 18px; text-shadow: 1px 1px 3px rgba(0,0,0,0.35); color: #a3a3a3; text-decoration: none; }
.rootcontrol > a { width: auto; padding: 0 10px; font-size: 16px; }
.rootcontrol > a:hover, .rootcontrol > span:hover { color: #eee; text-decoration: none; }
.rootcontrol > .active { color: #fff; }

/* SIMPLE */
.ispopupparent.sitemap li:before { display: none !important; }
.ispopupparent.mapcontrol, #idmapcontent.ispopupparent { max-width: inherit; }
.simplemap > li { float: left; width: 25%; }
.simplemap li { list-style: none; }
.simplemap .sup { display: none; }
.simplemap > li:nth-child(4n+1) { clear: both; }
.simplemap ul { margin-left: 20px; }

/* TABLE */
.notable { padding: 20px 30px; padding-top: 0; }
.themelist { text-align: center; margin: 20px 0; }
.themelist a { display: inline-block; }

#idpager { float: right; margin: 0;  }
.control #idpager { margin-top: -6px; }
.ispopup .titlediv { padding-right: 50px; }
.pager { float: left; }
.pager li, #idpager .reordermode { list-style: none; float: left; margin-right: 8px; color: #828282; font-size: 13px; line-height: 46px; height: 46px; text-align: center; }
#idpager .reordermode, .pager li a { text-decoration: none; color: #828282; display: block; min-width: 20px; }
#idpager .reordermode { color: #c2c2c2; }
.pager .text { display: none; }
.pager .select { color: #fff; }
.pager .select a { color: #fff; }
.reordermode { padding: 0 4px; }

.notable h1 { line-height: 1em; }
.notable h4 { line-height: 1em; }

.maintenance { float: left; width: 100%; }
.maintenance li { margin: 0 10px 10px 0; }
.maintenance li img { margin: 0 auto; }
.maintenance .cssplus {
    position: relative;
}
.domain_managers {
    padding-left: 100px;
}
.addonrow {
    padding: 1px !important; font-size: 11px;
}
.maintenance .cssplus:after {
    content:"+"; position: absolute; display: block; top:0; left:0;
    font-family: Arial; font-size: 20px;
    width: 20px; height: 20px; border-radius: 50%; background: #f99; line-height: 20px; text-align: center;
}
.maintenance li div { margin: 4px auto; width: 60px; height: 60px; border-radius: 30px; text-align: center; vertical-align: middle; color: #000; background:#9e9e9e; text-shadow: 0 1px 3px rgba(0,0,0,0.35); line-height: 60px; font-size: 25px; }
.maintenance li:hover div { background:#aaa; color: #fff; }
.maintenance h3 { line-height: 1em; }
.maintenance li span { min-width: 90px; text-align: center; display: block; min-height: 35px; overflow: hidden; }
.maintenance a { color: #707070; text-decoration: none; font-family: OpenSans-CondensedBold, Arail, sans-serif; text-transform: uppercase; }

.b2-editprm, .b2-search, .b2-sql, .b2-table, .b2-stat, .b2-creator, .b2-themes, .b2-redirect, .b2-languages {
    /*background: #dedede;*/
    background: #ebebeb;
    color: #828282;
}

.prmedit { padding: 20px 0; }
.prmedit textarea { height: 200px; }
.prmedit table thead { background: none; }
.prmedit table thead tr td { font-weight: bold; }
.prmedit table tbody tr:hover { background: none !important; }
.prmedit table { width: 95%; }
.prmedit table td { padding: 5px; vertical-align: top; }
.prmedit input[type="text"], .prmedit input[type="password"], .prmedit textarea { width: 90%; }
/*.prmedit .multiupload input[type="text"] { width: 50%; }*/
.prmedit .multifileuploader { clear: both; }
.prmedit .droparea { margin-right: 0; width: 90%; padding-left: 8px; padding-right: 8px; padding-top: 15px;  }
.prmedit .droparea > span { font-size: 40px; top:10px; opacity: 0.3; }
.prmedit .contentwrapper .inputbox { padding-left: 220px; }
.prmedit .contentwrapper .inputbox label { top:6px; left: 0; width: 220px; }
.prmedit .multifileuploader .flist li { color: #333; }
.prmedit label .popuplink { background: none; width: auto; border: none; color: #000; text-shadow: none; box-shadow: none; min-width: inherit; float: right; margin: 0; line-height: 18px; }
.prmedit .popupparent_title { display: none !important; }

.titlediv { min-height: 46px; padding: 0 10px 0 0; height: 46px; overflow: hidden; }
.titlediv .mb { float: left; width: auto; }
#idpopupoverlay_content .titlediv { background: #343434; }

/*#idtablecontent { padding-right: 70px; }*/
.tabletitle { font-size: 20px; line-height: 46px; display: block; position: relative; z-index: 99; color: #fff; margin: 0 10px 0 8px; float: left; font-weight: normal; font-family: OpenSans-CondensedBold, Arail, sans-serif; padding: 0 2px 0 4px; }
.tabletitle > span { height: 46px; overflow: hidden; display: block; }
.tabletitle b { font-weight: normal; }

.tabletitle { background: #343434; }
.tabletitle:before { content: ""; position: absolute; top: 0; left:-8px; width: 0; bottom: 0; border-left: 8px solid transparent; border-top:23px solid #343434; border-bottom:22px solid #343434; z-index: -1; }
.tabletitle:after { content: ""; position: absolute; top: 0; right: -8px; width: 0; bottom: 0; border-left: 8px solid #343434; border-top:23px solid transparent; border-bottom:22px solid transparent; z-index: -1; }

.ispopup .tabletitle { background: #5c5c5c; font-size: 20px; }
.ispopup .tabletitle:before { border-top: 23px solid #5c5c5c; border-bottom: 23px solid #5c5c5c }
.ispopup .tabletitle:after { border-left: 8px solid #5c5c5c; }

.ispopup .typetitle_notes { background: #00bd71; }
.ispopup .typetitle_notes:before { border-top: 23px solid #00bd71; border-bottom: 23px solid #00bd71 }
.ispopup .typetitle_notes:after { border-left: 8px solid #00bd71; }

.ispopup .typetitle_int_notes { background: #ff681d; }
.ispopup .typetitle_int_notes:before { border-top: 23px solid #ff681d; border-bottom: 23px solid #ff681d; }
.ispopup .typetitle_int_notes:after { border-left: 8px solid #ff681d; }

.typetitle_menu { background: #b150c5 !important; }
.typetitle_menu:before { border-top: 23px solid #b150c5 !important; border-bottom: 23px solid #b150c5 !important; }
.typetitle_menu:after { border-left: 8px solid #b150c5 !important; }

.typetitle_files { background: #ffa900 !important; }
.typetitle_files:before { border-top: 23px solid #ffa900 !important; border-bottom: 23px solid #ffa900 !important; }
.typetitle_files:after { border-left: 8px solid #ffa900 !important; }

.ispopup .typetitle_notes_params { background: #4979da; }
.ispopup .typetitle_notes_params:before { border-top: 23px solid #4979da; border-bottom: 23px solid #4979da; }
.ispopup .typetitle_notes_params:after { border-left: 8px solid #4979da; }

.ispopup .typetitle_notes_realestate { background: #4979da; }
.ispopup .typetitle_notes_realestate:before { border-top: 23px solid #4979da; border-bottom: 23px solid #4979da; }
.ispopup .typetitle_notes_realestate:after { border-left: 8px solid #4979da; }

.ispopup .typetitle_orders { background: #ff0000; }
.ispopup .typetitle_orders:before { border-top: 23px solid #ff0000; border-bottom: 23px solid #ff0000 }
.ispopup .typetitle_orders:after { border-left: 8px solid #ff0000; }

.ispopup .typetitle_comments { background: #00bd71; }
.ispopup .typetitle_comments:before { border-top: 23px solid #00bd71; border-bottom: 23px solid #00bd71; }
.ispopup .typetitle_comments:after { border-left: 8px solid #00bd71; }

.ispopup .typetitle_vars { background: #ff7200; }
.ispopup .typetitle_vars:before { border-top: 23px solid #ff7200; border-bottom: 23px solid #ff7200 }
.ispopup .typetitle_vars:after { border-left: 8px solid #ff7200; }
.tabletitle small, .tabletitle sup { font-size: 14px; color: #aaa; /*display: block; float: right; margin: -5px 0 0 5px;*/ }
.b2-table .control, .b2-search .control { background: #5c5c5c; height: 40px; padding: 8px 14px 0 8px; clear: both; position: relative; z-index: 100; }

.filelistcontrol { padding-right: 250px !important; }

/*.control.if-joinedit, */.bodyview .control { background:#dedede; }
.control.if-joinedit .viewstyle a, .bodyview .control .viewstyle a { color: #333 }
.control.if-joinedit .viewstyle a.active, .bodyview .control .viewstyle a.active { color: #cbcbcb }
.b2-table .control .button, .b2-search .control .button { margin: 0 4px 10px 4px; }

.joinmapcontent { padding: 8px 84px 8px 8px; }
#idFsql .mb { float: left; margin: 0; width: auto; }
#idFsql .joinmapcontent { padding-right: 25px; }

.control .mb { margin-left: 1px !important; }
.system, .interface { float: right; margin: 5px; }
.interface .ddlink, .system .ddlink { color: #aaa; background: #333; border-radius: 2px; line-height: 20px; height: 20px; display: block; text-decoration: none; padding: 0 5px; border-radius: 2px 2px 0 0; }
.system .ddbox, .interface .ddbox { top: 37px; right: 0; min-width: 100px; }

/* ELEMENTS */
.fastfilter { position: relative; margin-top: 4px; }
.fastfilter:after { content: "x"; position: absolute; right: 10px; top: 0; line-height: 35px; font-family: "cmsicon"; width: 22px; text-align: center; color: #cbcbcb; font-size: 15px; }
#fastfilter { box-shadow: 0 0 10px rgba(0,0,0,0.5) inset; border-radius: 15px; width: 130px; color: #fff; background: #2c2c2c; padding: 0 30px 0 8px; height: 26px; margin: 5px 8px 0 0; }

.viewstyle { padding-left: 8px; }
.b2-files .titlediv .viewstyle { padding-top: 4px; }
.viewstyle a { display: block; width: 30px; height: 30px; border-radius: 15px; margin-right: 8px; float: right; text-align: center; text-decoration: none; color: #cbcbcb; line-height: 30px; font-size: 18px; }
.viewstyle .active { background-color: #222; }

.clickselect { width: 28px; height: 28px; display: block; text-decoration: none; font-size: 22px; color: #cbcbcb; line-height: 28px; }
.clickselect:before { font-family: "cmsicon"; }
.clickselect.active:before { content: "D"; }
.filemngbox .clickselect { color: #828282; }
.controlbuttons .clickselect { margin-right: 3px; }
.if-joinedit .clickselect { color: #828282; }

.btnicon { padding-left: 30px !important; position: relative; }
.btnicon:before {
    font-family: cmsicon !important;
}
/*
.ico-add, .ico-refresh, .ico-copy, .ico-folder { padding-left: 36px !important; font-family: OpenSans-CondensedBold, Arail, sans-serif; position: relative; }
.ico-add:after, .ico-refresh:after, .ico-copy:after, .ico-folder:after { font-family: "cmsicon"; position: absolute; left: 9px; top: 0; line-height: 30px; font-size: 18px; color: #fff; }
.ico-refresh:after { content: "i" }
.ico-add:after { content: "o" }
.ico-copy:after { content: "p" }
.ico-folder:after { content: "O"; }
input.ico-add { padding-left: 8px !important; }
*/
.clickmakenew { background-color: #0082ca }
.clickmakenew:hover { background-color: #0082a7; }

/* TABLE PANE */
/*.contentwrapper { width: 100%; }*/
.tablepane { /*border-top:1px solid #545454;*/ clear: both; }
/*.b2-sendspecialmail .tablepane { background: #777; }*/
.tablepane thead th { text-transform: uppercase; padding: 0 5px; font-weight: normal; }
.tablepane thead em { display: none; float: right; background: url(/mod/cms/form/v4/i/select.png) 0 0 no-repeat; width: 28px; height: 28px; }
.tablepane thead .extend:first-child th { padding-top: 15px; }
.tablepane thead .extend:last-child th { padding-bottom: 15px; }

.tablepane table { width: 100%; }
.tablepane table.cube { background: #5c5c5c; border-top:2px solid #343434; text-align: center; }
.tablepane table { border-spacing:0; }
.tablepane tr { position: relative; }

.tablepane .edited { background: #e0f0e0; }
.tablepane tbody tr.edited:nth-child(2n+1) { background: #e0f0e0; }
.tablepane tbody .line tr { display: table-row !important; }
.tablepane .line tbody tr td { border-bottom: 1px solid #ddd; padding: 10px 5px; position: relative; }
.tablepane .line tbody tr td.extrow { overflow: hidden; }
.tablepane .order tbody tr td { border-bottom: 1px solid #ddd; padding: 10px 5px; position: relative; }
.tablepane .order tbody tr td .prsn, .tablepane .order tbody tr td .t, .tablepane .order tbody tr td .f_img { display: none; }
/*.tablepane .line tbody tr td:last-child { padding-right: 70px; }*/
.tablepane tbody tr:nth-child(2n+1), .tablepane .cube tbody tr { background: #e8e8e8 }

.tablepane .stat em { display: block; padding: 0 0 0 40px; color: #828282; font-size: 10px; line-height: 18px; height: 18px; margin: 4px 0; position: relative; font-family: Arail, sans-serif; }
.tablepane .stat em:before { font-family: "cmsicon"; position: absolute; left: 20px; top: 0; font-style: normal; font-size: 14px; }

.tablepane .rtd { float: right; min-width: 70px; border-left: 1px solid #ddd; padding: 0 10px; min-height: 48px; text-align: center; padding-top: 10px; }
.tablepane .rtd.minctrl { padding: 28px 0 0 5px; min-width: 30px; }
.tablepane .rtd.a-left { text-align: left; }
.tablepane .stat { text-align: left; }

.tablepane h4 { font-size: 14px; color: #000; line-height: 17px; }
.tablepane h4 small { color: #999; font-weight: normal; }
.tablepane .t { font-size: 11px; line-height: 13px; padding-right: 10px; }
.tablepane .f_img { float: left; margin: -10px 20px -10px 0; width: 100px; height: 100px; text-align: center; line-height: 100px; overflow: hidden; position: relative; background: #ff0000; color: #eee; }
.filemngbox .tablepane .f_img { margin: 0 20px 0 0; }
.tablepane .reordertable .f_img { display: none; position: absolute; top:0; left: 30%; margin: -22px 0 0 -25px; z-index: 99; }
.tablepane .reordertable tr:hover .f_img { display: block; }
.tablepane .reordertable h4 small { float: right; }
.tablepane .f_halfimg { width: 50px; height: 50px; line-height: 50px; }
.tablepane .line .f_img img { position: absolute; top: 0; left: 0; height: 100%; width: auto; z-index: 1; }
.etrade { height: 20px; color: #333; position: relative; }
.etrade em { font-style: normal; font-weight: bold; }

.tablepane .selected .cmsicon-circle:before { content: "\4a"; }

/* Класс SORTABLE для переносимого объекта */
.ui-sortable-helper {padding: 10px; display: block; }
.tablepane .ui-sortable-helper .f_img { position: relative; left: auto; margin: 0 38px 0 0; top: auto; }
.ui-sortable-helper .ctrl, .ui-sortable-helper h4 small, .ui-sortable-helper .flgs,.ui-sortable-helper .ctrlbox { display: none !important; }

.flgs { font-family: OpenSans-CondensedBold, Arail, sans-serif; float: left; margin-right: 10px; }
.flgs > div { padding: 0 10px; margin: 2px; min-height: 20px; line-height: 20px; font-size: 11px; color: #fff; background: #333; border-radius: 2px; text-transform: uppercase; }

.flgs .f9, .flag-N { background: #0072ff !important; }
.flag-H { background: #ff0000 !important; }
.flgs .f2, .flgs .fv1 { background: #72bb00 !important; }
.flag-T { background: #ff7200 !important; }

.tablepane .selected .etrade .flgs > div { box-shadow: 1px 1px 1px #000; }
.tablepane .selected h4, .tablepane .selected .etrade { color: #fff; }
/**.tablepane .selected .ctrl:before { background: #828282; color: #fff; }**/

.tablepane td.ctrl { width: 25px; text-align: center; font-size: 14px; cursor: pointer; }

.tablepane .line tbody tr td.ctrl { padding: 10px 8px; }
.tablepane .line.exttable tbody tr td.ctrl { padding: 10px 5px; }
.tablepane .selected { background: #444 !important; }
.tablepane .selected:hover { background: #555 !important; }

.tablepane .selected .f_img img { box-shadow: 1px 1px 1px #000; }
.tablepane td.ctrl small { position: absolute; left: 5px; right: 0; bottom: 2px; text-align: center; display: block; font-size: 10px; }
.tablepane tbody tr:hover { background: #bbb !important; }

/* ORDER background: url(/mod/cms/form/v4/i/order-ico2.png) 0 0 no-repeat; */
.orderico { width: 28px; height: 46px; float: left; margin: 0 5px 0 4px; line-height: 46px; text-align: center; font-size: 18px; }

.sqlorderswitcher { position: absolute; left: 36px !important; right: 0 !important; height: 22px !important; background: #343434; padding: 12px 5px !important; z-index: 999; top: 0; }
.sqlorderswitcher .inputbox { float: left; margin-right: 10px; right: 0; }
.sqlorderswitcher input { float: left; width: auto; line-height: 22px; height: 22px; }

/* CTRL */
.ctrlbox { position: absolute; left: 0; right:0; top:0; /*background: rgba(187,187,187,0.85);*/  border-radius: 3px; z-index: 90; opacity: 0; min-width: 250px; padding:0 20px; bottom: 0; }
.i-authors .ctrlbox { min-width: 300px; }
/**/
.exttable .ctrlbox {
    background: -moz-linear-gradient(right, rgba(187,187,187,0.87) 0%,rgba(187,187,187,0.87) 50%,transparent 100%);
    background: -o-linear-gradient(right, rgba(187,187,187,0.87) 0%,rgba(187,187,187,0.87) 50%,transparent 100%);
    background: -webkit-linear-gradient(right, rgba(187,187,187,0.87) 0%,rgba(187,187,187,0.87) 50%,transparent 100%);
    background: -ms-linear-gradient(right, rgba(187,187,187,0.87) 0%,rgba(187,187,187,0.87) 50%,transparent 100%);
}
/**/
.cube .ctrlbox { background: rgba(187,187,187,0.87); }
tr:hover .ctrlbox { opacity: 1; }
.ctrlbox .cwrap { position: absolute; top:50%; margin-top: -17px; left:50%; transform: translate(-50%,0); }
.ctrlbox i, .ico_edit > span:before { cursor: pointer; display: block; height: 43px; width: 43px; float: left; padding: 0 !important; font-family: "cmsicon"; font-style: normal; font-size: 22px; color: #000; text-align: center; border-radius: 25px; line-height: 43px; margin: 0 5px; }
.ctrlbox i { height: 35px; line-height: 35px; width: 35px; text-shadow: 1px 1px 2px rgba(0,0,0,0.25); }
.ico_edit > span { line-height: 46px; width: 0; height: 46px; overflow: hidden; display: block; padding-left: 43px; position: relative; }
.ico_edit > span:before { margin: 0; background-color: transparent; border: none; overflow: hidden; line-height: 45px; position: absolute; left: 0; top: 0; color: #fff; }
.ctrlbox i:hover { background-color: #000 !important; color: #d4d4d4; }

.exttable .ctrlbox { right: 0px; top:0; left: 105px;/*123px;padding-right: 125px;*/  }
.exttable.table-_comments .ctrlbox, .exttable.table-_author .ctrlbox { left: 74px; }
.table-_vars .ctrlbox { padding-left: 0; min-width: 200px; }
.cube.table-_author .ctrlbox .cwrap { left: 12px; right: 5px; }
.exttable .ctrlbox .cwrap { margin-top: -22px; display: flex }
.exttable .ctrlbox i { line-height: 43px; height: 43px; width: 43px; }
.exttable .ctrlbox .cwrap div { overflow: hidden; width: 0; }
.extended .ctrlbox i.cmsicon-arrowright { display: none; }
.extended .ctrlbox .cwrap div { width: auto; overflow: visible; float: right; display: flex }
.exttable .ctrlbox .cmsicon-paper { background: rgba(0,255,0,0.25); }
.exttable .ctrlbox .cmsicon-trash { background: rgba(255,0,0,0.25); }

.ico_edit > .active { width: auto; background-color: #dedede; padding-right: 20px; color: #000; }
.ico_edit > .active:before { color: #000; }

/* CUBE */
.cube { position: relative; }
.cube .ctrlbox { padding: 0 20px; right: 0; top: 0; left: 0; bottom: 0; border-radius: 3px; text-align: center; }
.cube .ctrlbox .cwrap { left: 20px; right: 20px; top:20%; }
.cube .ctrlbox i { margin: 0 2px; display: inline-block; float: none; }
.cube .empty { line-height: 105px; }
/*.cube.exttable .ctrlbox { bottom: 30px; }*/

.cube thead { position: absolute; left: 0; right: 0; top:0; }
/*
.fastaddextend .cube tbody, .openfilter .cube tbody { margin-top: 87px; }
.fastaddextend.openfilter .cube tbody { margin-top: 158px; }
*/


input[type="text"], input[type="password"] {
    height: 30px;
}
input[type="text"], input[type="password"], textarea {
    border-radius: 3px;
}

.cube tbody { margin-top: 87px; }
.fastaddextend .cube tbody { margin-top: 158px; }

.closefilter thead .extend { display: none !important; }
.closefilter .cube tbody { margin-top: 0; }
.closefilter.fastaddextend .cube tbody { margin-top: 87px; }

.cube tbody { display: block; padding: 6px 0; background: #5c5c5c; float: left; width: 100%; }
.cube tbody td { border: none; display: block; padding: 0 12px; text-align: left; }
.cube .flgs { position: absolute; float: none; right: 0; bottom: 4px; }
.cube tbody td.ctrl { width: 25px; height: 25px; padding: 0; line-height: 25px; }
.cube tbody td .a { display: none; }

.cube.exttable tbody td.ctrl { position: absolute; bottom: 0; left: 0; z-index: 110; }
.cube tbody td.ctrl small, .cube tbody h4 small { display: none; }
.cube .f_img { float: none; width: auto; margin: 0 -12px 5px -12px !important; height: 200px; position: relative; overflow: hidden; text-align: center; line-height: 100px; font-size: 14px; }
.cube .rtd { display: none; }
.cube .minctrl { display: block; position: absolute !important; left: 0; top:0; bottom: 0; right: 0; border: none; z-index: 9; background: rgba(255,255,255,0.3); text-align: center; }
.cube .f_img img { position: absolute; top: 0; left: 0; border-radius: 3px 3px 0 0; width: 100%; height: auto; }
.cube tbody tr, .cube .elist li { /*display: block; float: left;*/ display: inline-block; width: 28%; max-width: 200px; margin: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-radius: 3px; position: relative; padding-bottom: 25px; list-style: none; min-height: 80px; overflow: hidden; }
.cube tbody tr:hover, .cube .elist li:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.4); }
.cube .elist { padding: 3px 0 3px 8px; }
.cube.table-_author tbody tr { width: 24%; }
.cube.table-_author tbody tr:nth-child(4n+1) { clear: left; }
.cube .fileslist li { padding: 0 12px; }
#realfiles .cube .fileslist li { padding: 0; text-align: center; }
#realfiles .cube .fileslist li img { display: block; margin-bottom: 3px; width: 100%; height: auto; }
.cube .extrow .stat, .cube .extrow .t { display: none; }
.cube tbody h4 { height: 28px; overflow: hidden; line-height: 14px; }
.cube tbody .tags { height: 16px; overflow: hidden; }
/*
.cube tbody tr:nth-child(3n+1) { clear: both; }
*/
/*.cube .extend { display: block !important; }*/
.cube .extend th { padding: 0 10px; width: 80px; white-space: nowrap; }
.cube .extend th:first-child { width: 0 }

.line .extrow { position: relative; }
.extrow .tags b { background: #7d7d7d; color: #dedede; font-size: 11px; line-height: 13px; padding: 0 3px; font-weight: normal; margin: 2px; display: block; }
.extrow .a { float: left; padding:0 10px 0 0; line-height: 16px; }
.extrow .o { font-style: italic; padding:0 10px 0 0; line-height: 16px; }

/* FILER */
.filteronoff { font-size: 12px;text-shadow: 0 1px 1px rgba(0,0,0,0.25); line-height: 25px; height: 25px; background: #343434; display: block; padding: 0 10px; position: absolute; bottom: 0; margin-left: 0; left: 50%; cursor: pointer; font-family: OpenSans-CondensedBold, Arail, sans-serif; text-align: center; color: #aaa; border-radius: 5px 5px 0 0;  }
.filteronoff > span { width: 20px; line-height: 25px; font-size: 15px; }
/*
.filteronoff:after { content: ""; position: absolute; top: 0; right: -20px; bottom: 0; border-left: 20px solid #343434; border-top:25px solid transparent; }
.filteronoff:before { content: ""; position: absolute; top: 0; left: -20px; bottom: 0; border-right: 20px solid #343434; border-top:25px solid transparent; }
*/
.filteractive .filteronoff { color: #00ee70; }

.titlediv .filteronoff { float: right; position: relative; bottom: auto; left: auto; margin: 0 20px; padding: 0 20px; }
.titlediv .filteronoff:after, .titlediv .filteronoff:before { display: none; }

.tablepane thead { background: #343434; }

/*.inputbox .filepreview audio,*/
.inputbox .filepreview video { width: 100%; height: auto; }
.mediaview { text-align: center; }
.mediaview audio, .mediaview video { width: 100% !important; height: auto !important; margin-top: 46px; }

/* EDIT */
.view_review > a { color: #000; font-weight: bold; text-decoration: none; border-radius: 2px; background: #eee; padding: 0 5px; }
.view_review { float: left; color: #fff; font-size: 12px; line-height: 13px; padding: 5px 0 0 10px; font-family: OpenSans-CondensedLight, Arail, sans-serif; }
.view_review img, .view_review video, .view_review audio { float: left; margin:-4px 10px 0 0; }
.tabs-wrapper { /*background: #5c5c5c;*/ float: left; width: 100%; }
.tabs { float: left; height: 46px; margin-right: 74px; margin-left: 147px; }
.tabs > span { display: block; float: left; cursor: pointer; font-family: OpenSans-CondensedBold, Arail, sans-serif; position: relative; color: #fff; }
.tabs > span > span { position: absolute; left: 12px; top: 0; font-size: 18px; line-height: 46px; }
.tabs.ico_edit > span { width: auto; padding-right: 30px; }

#idextramenu {
    padding-right: 45px;
}

.tabs {
    margin: 0 40px; float: none; text-align: center;
}
.tabs > span {
    float: none; display: inline-block;
}
#idFtable .panes { clear: both; }
/*
#idFtable .panes { position: relative; width: 100%; height: 100%; clear: both; }
*/
.tabs-wrapper {
    display: flex;
    justify-content: space-between;
}

.tabs-wrapper .tabs {
    display: flex; align-items: center; align-content: center;
}

#idFtable .tabs-wrapper {
    position: absolute; top:0;
}
#idFtable .panes > div { position: absolute; top: 46px; left: 0; right: 0; bottom:5px; display: none; width: auto; }
#idFtable .panes.notabs > div {
    top:0px;
}
.bodyview #idFtable .panes.notabs > div,
.ispopup #idFtable .panes.notabs > div {
    top:46px;
}
#idFtable .panes > .active { display: block; }
.bodylist .panes .contentwrapper { padding: 10px 38px 10px 10px; }
.bodyview .panes .contentwrapper { padding: 10px 0 0 0; /*background: #d1d1d1; margin-top: 10px; max-width: 1200px;*/ }
/*.bodyview .panes .contentwrapper > .inputbox:first-child { padding-top: 10px; }*/
.bodyview .panes .contentwrapper.table_menu { background: #c0c0c0; }
.menupath { line-height: 46px; color: #fff; float: left; margin: 0 10px; max-width: 50%; height: 46px; overflow: hidden; }
.menupath > a { color: #fff; }
/*TODO:
.panes .contentwrapper .boxstring, .contentwrapper .boxtext { margin-right: 16px; }
*/
.panes select { min-width: 200px; max-width: 320px; float: left; margin-right: 5px; height: 30px; }
/*.panes .ppbox select { max-width: 320px; float: left; margin-right: 5px; }*/
.panes .haspopuplink select { margin-left: 32px; }
.textvalue {
    height: 30px;  color: #000; font-size: 16px; font-weight: bold;
    line-height: 30px;
}
.panes .contentwrapper input[type="text"] { border-radius: 0; box-shadow: 1px 1px 1px #c6c6c6; height: 30px;  color: #000; font-size: 16px; }
.panes .contentwrapper .nameparamid input[type="text"] { background: none; width: auto; box-shadow: none; }
.panes .contentwrapper .newetrade { padding: 0 10px; float: left; }
.panes .contentwrapper .newetrade input[type="text"] { width: 100px }
.panes .contentwrapper .newetrade .inputbox { float: left; padding: 0 10px; width: auto; clear: none; }
.panes .contentwrapper .newetrade strong { line-height: 30px; margin-right: 10px; font-family: OpenSans-CondensedBold, Arail, sans-serif; }
.panes .contentwrapper .newetrade select { width: 50px; min-width: 50px; }

.panes .contentwrapper .haspopuplink input[type="text"] { padding-left: 34px; }

.panes .typehtmledit .mce-tinymce { box-shadow: 1px 1px 1px #c6c6c6; border:none; }
div.mce-fullscreen { z-index: 9999;  }
.contentwrapper .inputbox { padding-right: 50px; min-height: 30px; clear: both; }
.panes .haspopuplink.inputbox { padding-right: 125px; }

.panes .contentwrapper .datebox .time, .panes .datebox .time { background: none; box-shadow: none; color: #5e5e5e; padding: 0; }
.panes .controlbuttons .datebox .time { position: absolute; top: 22px; height: 15px; color: #5e5e5e; }
.panes .controlbuttons .f-right { margin-left: 10px; }
.panes .controlbuttons .inputbox.typedate { padding: 0; }

#idaddfilescontent { margin-right: 250px; }
.radiocontainer { text-align: center; display: flex; flex-wrap: wrap; }
.radiocontainer .radiobox {  }
.radiocontainer label { font-family: OpenSans-CondensedBold, Arail, sans-serif; overflow: hidden; line-height: 24px; height: 23px; display: block; text-align: center; padding: 0 8px; min-width: 113px; color: #363636; text-shadow: 0 1px 1px rgba(46,235,0,1); margin: 3px 0; background: #3ad531;  cursor: pointer; text-transform: uppercase; border-right: 1px solid #333; position: relative; }

.namepaytype .radiocontainer label, .namepaystatus .radiocontainer label { min-width: 133px; }

.radiocontainer .radiobox:first-child label { border-radius: 2px 0 0 2px; }
.radiocontainer .radiobox:last-child label { border-radius: 0 2px 2px 0; border-right: none; }
.radiocontainer .radiobox input { display: none; }
.radiocontainer .inactive label { background: #525252; color: #dedede; text-shadow: 0 1px 1px rgba(0,0,0,0.25); }

.contentwrapper .boxtext textarea { height: 200px; margin-bottom: 10px; line-height: 16px; font-size: 14px; padding: 8px; color: #000; }

.contentwrapper .boxtext.code {
    padding-left: 20px;
}

.contentwrapper .boxtext.code label {
    position: relative;
    margin-bottom: 8px;
    display: block;
    width: auto;
    left:0;
}

.contentwrapper .boxtext.code textarea {
    background: #aaa;
    font-family: sans-serif;
}

.typedate { float: left; clear: right; position: relative; }
.typedate.odd { padding-left: 20px; }
.datebox0 { clear: both; }
.panes .contentwrapper .typedate .date, .panes .typedate .date { padding: 0; background: transparent;/* background: transparent url(/mod/cms/form/v4/i/calendar.png) 100% 50% no-repeat; */box-shadow: none; color: #5e5e5e; font-size: 25px; width: auto; }
.panes .controlbuttons .typedate:after { content: "\e613"; display: block; position: absolute; right: 0; top: 0; bottom: 0; font-family: 'cmsicon'; font-size: 30px; line-height: 29px; }
.panes .controlbuttons .inputbox.typedate label { display: none; }
.panes .controlbuttons .typedate .date { font-size: 17px; line-height: 28px; }

.contentwrapper .hint { color: #515151; font-size: 10px; display: block; padding: 5px 0 0 0; clear: both; }
.contentwrapper .typehtmledit .hint { margin-left: 0; }
.contentwrapper .inputbox.f-right, .contentwrapper .inputbox.f-left { clear: none; padding-right: 84px; padding-left: 20px; }

.contentwrapper .typetags .fieldwrap li { color: #dedede; font-size: 12px; height: 24px; float: left; line-height: 24px; padding: 0 8px; background: #7d7d7d; list-style: none; margin: 0 2px 2px 0; cursor: pointer; border-radius: 2px; min-width: 110px; text-align: center; }
.contentwrapper .typetags .fieldwrap li.select { background: #5fcb45; color: #000; }
.contentwrapper .typetags .controlwrap { float: left; width: 228px; padding: 10px 0 5px 0; margin-left: -5px; }
.contentwrapper .typetags input { width: 100px; margin: 0 0 0 5px; float: left; }

.contentwrapper .fe { display: block; float: left; width: 30px; height: 30px; background: #7d7d7d url(/mod/cms/form/v4/i/ex.png) 50% 50% no-repeat; /*box-shadow: 1px 1px 1px #000;*/ border-radius: 2px; margin-right: 5px; opacity: 0.5; }
.contentwrapper .fe:hover { opacity: 1; }
.contentwrapper .haspopuplink .fe { margin-left: 32px; }
.contentwrapper .haspopuplink .fe + select { margin-left: 0; }
.contentwrapper .popupparent_title { display: none; background: #ff0000; box-shadow: none !important; float: left; width: 40%; color: #fff !important; }
.contentwrapper .popup_changed .popupparent_title { display: block; }
.contentwrapper .popup_changed .filepreview { display: none; }


.contentwrapper .typetags, .contentwrapper .boxstring, .contentwrapper .boxtext { clear: both; /*margin-right: 116px;*/ position: relative; padding-left: 100px; }
/*.contentwrapper .boxstring select, .contentwrapper .boxstring input[type="text"] { margin-left: 100px; }*/
/*.contentwrapper .boxstring*/
select { height: 23px; border: 1px solid #fff; margin-bottom: 0; }
.face-box > b { font-size: 14px; color: #5c5c5c; text-shadow: none; line-height: 14px;  font-family: OpenSans-CondensedBold, Arail, sans-serif; font-weight: normal; }
.contentwrapper .boxtext > label, .contentwrapper .boxstring > label, .contentwrapper .boxpassword > label, .contentwrapper .typetags > label, .contentwrapper .boxselectinline > label { font-size: 14px; color: #5c5c5c; text-shadow: none; line-height: 14px; min-height: 30px; width: 120px; position: absolute; top: 17px; left: 20px; overflow: hidden; text-transform: uppercase; font-family: OpenSans-CondensedBold, Arail, sans-serif; }

.contentwrapper .boxtext.blue > label, .contentwrapper .boxstring.blue > label, .contentwrapper .typetags.blue > label { color: #555; }

.contentwrapper .long > label { top: 9px; }

/*
.contentwrapper .boxstring #idtitle { margin-left: -100px; }
*/

/*******/
.tablepane thead th { text-align: left; }
.tablepane thead th.cnt { text-align: center; }
.tablepane thead label { color: #b7b7b7; text-transform: uppercase; }
.tablepane thead input[type="text"] { width: 50px; margin: 8px 0; height: 22px; background: #cacaca; box-shadow: none; padding: 0 4px; color: #000; }
.tablepane thead .datebox { padding-right: 0; }
.tablepane thead .left { float: left; clear: none; line-height: 38px; padding-right: 10px; }
.tablepane thead .datebox input[type="text"] { width: 100px; float: left; }
.tablepane thead select { width: 80px; height: 20px; background: #cacaca; border: 1px solid #cacaca; }
.tablepane thead .fastadd { background: #b7b7b7; box-shadow: 0 -3px 4px rgba(0,0,0,0.3) inset; }
.tablepane .cube thead tr { display: table-row; }
.tablepane thead .fastadd th { padding: 10px 0; vertical-align: top; text-align: left; }
.tablepane .cube thead .fastadd th { padding: 10px; width: 80px; }
.tablepane thead .fastadd label { color: #343434; text-shadow: 1px 1px 1px #fff; line-height: 30px; white-space: nowrap; }
.tablepane thead .fastadd input[type="text"] { margin: 0 0 8px 0; }
.tablepane thead .fastadd .mb { width: 100px; margin-top: 15px; float: left; }

#idpopupoverlay_content { background: #dedede }

/***/
.factive-title { height: 36px; line-height: 36px; background: url(/mod/cms/form/v4/i/file-folder.png) 5px -36px no-repeat; display: block; padding-left: 40px; font-size: 12px; color: #343434; font-weight: bold; }
.fileslist { margin-left: 10px; } /* , .factive-title + div */
.fileslist .minctrl { position: relative; }
.factive-2 .factive-title { background-position: 5px 0; color: #b150c5 }
.factive-3 .factive-title { background-position: 5px -72px; color: #ffc600 }
.factive-4 .factive-title { background-position: 5px -108px; color: #4979da }

.order .factive-title { display: none; }


.tablepane .clickselect { float: left; }
.filemngbox .elist { list-style: none; }
.filemngbox .fileslist { clear: both; margin-left: 0; }
.line .fileslist li { display: block; clear: both; }
.line .fileslist li.hidden { display: none; }
.filemngbox .tablepane { border: none; padding: 0 0 20px 20px; }
.filemngbox .f_picsize { font-weight: bold; }
.filemngbox .tablepane:last-child { padding-bottom: 40px; }
.filemngbox .elist li { background: #e5e5e5; position: relative; min-height: 100px; }

.filemngbox .elist li.hidden { display: none; }
.filemngbox .line .elist li { float: left; width: 100%; margin-bottom: 2px; }

.filemngbox .fileslist .a2 { background: #da00a4; color: #fff; }
.filemngbox .fileslist .a3 { background: #ffc600; color: #fff; }
.filemngbox .fileslist .a4 { background: #4979da; color: #fff; }
.filemngbox .fileslist .a0 { background: #999; color: #000; }

.filemngbox .fileslist em { z-index: 9; cursor: pointer; display: block; position: absolute; width: 16px; height: 18px; left: 0; }
.filemngbox .fileslist em:after { content: ""; position: absolute; right: -19px; top: 0; border: 9px solid transparent; border-left:10px solid #aaa; }
.filemngbox .fileslist em.a1 { background: #aaa; }
.filemngbox .fileslist em.a1 { top:4px }
.filemngbox .fileslist em.a2 { top:27px }
.filemngbox .fileslist em.a2:after { border-left:10px solid #da00a4; }
.filemngbox .fileslist em.a3 { top:50px }
.filemngbox .fileslist em.a3:after { border-left:10px solid #ffc600; }
.filemngbox .fileslist em.a4 { top:73px }
.filemngbox .fileslist em.a4:after { border-left:10px solid #4979da; }

.filemngbox .fileslist .f_cover { position: absolute; top: 20px; left: 50px; bottom: 20px; box-shadow: 0 0 4px #000; -webkit-transform:scale(0.5); }
.filemngbox .fileslist .f_cover img { display: block; }

.filemngbox .cube .fileslist .f_cover { right: 50px; left: auto; top:auto; }

.filemngbox .fileslist .a1 em.a1, .filemngbox .fileslist .a2 em.a2, .filemngbox .fileslist .a3 em.a3, .filemngbox .fileslist .a4 em.a4 { display: none; }

.filemngbox .fileslist i { /*position: absolute; top: 0; z-index: 9; */ width: 35px; height: 35px; display: inline-block; cursor: pointer; font-size: 18px; line-height: 35px; text-align: center; color: #000; border-radius:20px; }
.filemngbox .fileslist .cmsicon-lockclosed { color: #f00; }
.filemngbox .fileslist .cmsicon-lockopen { color: #555; }
/*
.filemngbox .cube .fileslist i { right: 0; top: 62px; }
#realfiles .cube .fileslist i { right: 40px; }
.filemngbox .line .fileslist i { right: 32px; top:22px; }
*/
/*
.filemngbox .fileslist .a1 i { background-position: 0 -25px; }
*/

#idfilescontent .elist .open, #idfilescontent .fileslist i { top: 0; }

.cube .fileslist .f_img { float: none; }

.fmime-video .fileslist .f_img, .fmime-web .fileslist .f_img { background: #ff0000 50% 50% no-repeat; background-image: url(/mod/cms/form/v4/i/play_video.svg), none; background-size: 50px 50px; }
.fmime-audio .fileslist .f_img { background: #ff0000 50% 50% no-repeat; background-image: url(/mod/cms/form/v4/i/play_music.svg), none; background-size: 50px 50px;  }

.cube .fileslist .f_img img { border-radius: 3px 3px 0 0;  }
.filemngbox .fileslist li span { display: block; /*height: 16px; overflow: hidden;*/ font-size: 11px; }
.fmime-title { height: 28px; line-height: 28px; }
.fileslist .h6 { position: absolute; top: 0; right: 0; background: #000; padding: 4px; color: #fff; border-radius: 0 3px 0 0; z-index: 9; font-size: 11px; }

/* LAST CHANGE */
.lastchange { margin: 40px 0; clear: both; }
.lastchange small { position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin-top: -24px; line-height: 24px; color: #555; }
.lastchange li { margin: 0 10px 10px 0; max-width: 200px; width: 18%; min-width: 50px; position: relative; float: left; }
.lastchange .img { display: block; position: relative; background: #ff0000; border-radius: 2px; margin-bottom: 5px; }
.lastchange .img img { width: 100%; height: auto; border-radius: 2px; }
.lastchange .img span { position: absolute; left: 0; bottom: 10px; background: #000; color: #fff; padding: 0 10px; line-height: 25px; height: 25px; overflow: hidden; font-family: "OpenSans-CondensedBold",Arail, sans-serif; }
.lastchange .lastmenu .img span { background: #b150c5 }
.lastchange .popuplink { min-width: inherit; height: 22px; line-height: 22px; box-shadow: none; background: #999; color: #000; text-shadow: none; }
.lastchange .popuplink:hover { color: #fff; background: #aaa; }

.control .popuplink { float: none; position: relative; }
.titlediv { background: #343434; }
.titlediv .popuplink { text-align: left; box-shadow: none; line-height: 28px; height: 26px; float: left; min-width:10px; position: relative; opacity: 0.6; font-family: OpenSans-CondensedLight, Arail, sans-serif; width: auto; overflow: hidden; margin: 10px 2px; background: none; }
.titlediv .popuplink > span { margin-right: 5px; border-radius: 50%; background: #777; float: left; width: 25px; text-align: center; height: 25px; line-height: 27px; }
.titlediv .popuplink:hover { opacity: 1; width: auto; background: none; }

.titlediv .open { background: #999; text-align: center; font-size: 14px; color: #fff; text-decoration: none; display: block; float: left; border-radius: 50%; width: 30px; height: 30px; line-height: 32px; margin: 8px 0 0 5px; }
/**
.titlediv .edit_prm { background: none; }
.titlediv .edit_menu, .titlediv .edit_info { padding-left: 20px; background: none; }
.titlediv .edit_info:before, .titlediv .edit_menu:before { font-family: "cmsicon"; color: #fff; font-size: 14px; content: "z"; line-height: 46px; left:0; }
.titlediv .edit_info:before { content: "\74"; }
**/
.joineditframe { width: 100%; height: 100%;}
.pleasecloseme {
    text-align: center;
    padding: 16px;
    margin: 100px auto;
    font-size: 16px;
    display: block;
}

/* QUICK ADD */
.quickadd .multifileuploader { clear: both; }
.quickadd { position: fixed; top:48px; bottom: 0; right: 0; background: #000; color: #dedede; z-index: 150; width: 200px; padding: 20px; }
.quickadd .multifileuploader { position: absolute; top:50%; margin-top: -100px; left: 0; right: 0; bottom: 100px; overflow: hidden; }
.quickadd .popuplink { margin: 0 auto 50px auto; float: none; box-shadow: none; line-height: 30px; height: 30px; clear: both; position: relative; width: auto; background: #000; text-decoration: underline; left: auto; top: auto; }
.quickadd .button { float: right; }
.quickadd .popuplink:before { line-height: 30px; }
.quickadd input[type="text"], .quickadd label { display: none; }
.quickadd #idfname { display: block; width: 45%; background: #000; border: 1px solid #999; color: #eee; }
.quickadd .radiocontainer { position: absolute; bottom: 20px; left: 20px; right: 20px; }
.quickadd .radiocontainer input { display: none; }
.quickadd .radiocontainer label { text-transform: uppercase; display: block; background: url(/mod/cms/form/v4/i/checkbox.png) 0 0 no-repeat; text-align: left; padding-left: 35px; border: none; height: 27px; line-height: 27px; text-shadow: none; color: #fff; }
.quickadd .radiocontainer .radiobox label, .quickadd .radiocontainer label.select { background: url(/mod/cms/form/v4/i/checkbox.png) 0 100% no-repeat; }
.quickadd .radiocontainer .radiobox.inactive label { background: url(/mod/cms/form/v4/i/checkbox.png) 0 0 no-repeat; }

.quickaddtitle { font-size: 11px; color: #dedede; cursor: pointer; padding: 10px; }
.droparea { background:#000; height: 44px; text-align: center; padding-top: 90px; text-transform: uppercase; color: #fff; margin: 10px 110px 10px 0; font-size: 10px; line-height: 12px; cursor: pointer; } /* url(/mod/cms/form/v4/i/droparea.png) 50% 10px no-repeat */
.droparea > span { position: absolute; top:20px; left: 50%; font-size: 50px; margin-left: -25px; }
.quickadd .droparea { background-color: transparent; margin: 0; height: 25px; position: relative; }

.bodyview .droparea { margin: 10px -15px 10px 0px/*10px -100px 0px -150px*/; top:10px; }
.bodyview .multifileuploader { clear: both; }

/*.quickadd .inputbox { clear: both; }*/
.quickadd .radiocontainer .radiobox { float: none; }
.quickadd .namefname { padding-top: 4px; }

/* FILE ADDONS */
.filepreview {/* float: right; width: 200px;*/ color: #000; padding-bottom: 10px; }
/*#idfname { width: 50%; }*/
#idraid, #idaid { width: 100px; float: left; }

.addoncontentinfo { padding: 7px 100px 7px 150px; }
.panes .inputbox { padding: 7px 100px 7px 150px; margin-bottom: 0; position: relative; }

.panes .controlbuttons .inputbox { padding: 0; }
.panes .controlbuttons .inputbox label { color: #333; font-size: 14px; font-family: OpenSans-CondensedBold, Arail, sans-serif; }
.panes .controlbuttons .typeactive select { border: 2px solid #f00; background: #dedede; color: #f00; min-width: inherit; height: 30px; font-weight: bold; font-size: 13px; font-family: OpenSans-CondensedBold, Arail, sans-serif; }
.bodyview .control { padding-left: 149px; box-shadow: 0 2px 5px rgba(0,0,0,0.14); position: relative; overflow: hidden; }

.active-placeholder { position: absolute; left: 20px; top: 9px; }
.active-placeholder label { display: none; }
.active-placeholder, .active-placeholder select { width: 109px; }

.b2-languages .panes .inputbox { padding: 5px 17px 0 100px; }
.b2-languages .panes .titlediv .inputbox { padding: 5px 30px 0 30px; }
.b2-languages .panes .titlediv .inputbox label { top: 13px; }
.b2-languages .panes .titlediv .inputbox select { margin-top: 2px; }
.panes .pponoff .inputbox { padding: 0; }
.b1-login .panes .inputbox { padding: 5px 0; }
.b1-login .sendbox { padding-top: 5px; }
.panes .typehtmledit { padding-right:84px;  }
.panes .inputbox input[type="text"], .panes .inputbox input[type="password"], .panes .inputbox textarea { margin-bottom: 0 }
/*
.panes .inputbox.odd { background: #ebebeb; }
.panes .inputbox.green { background: #ffc845; }
*/

.panes .inputbox.red, .panes .inputbox.red input { background: #fbb; box-shadow: none; }
.panes .inputbox.blue, .panes .inputbox.blue input { background: #bbf; box-shadow: none; }


.panes .inputbox.typetags { float: left; background: none; }

.typeflag .fieldwrap .button { background: #3ad531; line-height: 24px; height: 23px; margin: 3px; color: #363636; text-shadow: 0 1px 1px rgba(46,235,0,1); padding-left: 20px; position: relative; min-width:186px; }
.typeflag .fieldwrap .button:before { display: block; content: "\50"; position: absolute; left: 4px; top: 0; line-height: 23px; font-size: 14px; color:#363636; text-shadow: none; }
.typeflag .fieldwrap .inactive { background: #525252; color: #dedede; text-shadow: 0 1px 1px rgba(0,0,0,0.25); }
.typeflag .fieldwrap .inactive.button:before { display: none; }

.pgrouptitle { background: #aaa; display: block; padding: 0 10px; height: 30px; line-height: 30px; font-weight: normal; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #555; cursor: pointer; font-family: OpenSans-CondensedBold, Arail, sans-serif; margin:10px 0 0 0; border-radius: 4px 4px 0 0; }
.pgrouptitle > span { margin-right: 10px; }
.pgrouptitle .cmsicon-arrow-down, .pgrouptitle.open .cmsicon-arrow-right { display: none; }
.pgrouptitle.open .cmsicon-arrow-down { display: inline; }
.pgrouptitle.open { border-radius: 4px 4px 0 0; }

.l_cost { display: block; min-width: 88px; line-height: 45px; float: left; text-align: left; font-size: 15px; color: #343434; font-weight: bold; padding: 0 20px; }
.extrow dt { color: #343434; line-height: 16px; }

.panes .inputbox .hidden { display: none; }

/* ORDERS */
.extrow .paystatus { display: block; max-width: 125px; margin: 0 auto; text-align: center; border-radius: 3px; line-height: 26px; color: #fff; background: #ff0000; }
.extrow .ps_0 { background: #0000ff; }
.extrow .ps_1 { background: #72bb00; }
.extrow .status { text-align: center; padding: 3px 0; display: block; }

.cube .c-clear { width: auto; float: none; display: block }
.cube .c-hide { display: none; }

/* COMMENTS */
.cd i, .cd a, .cd { font-size: 11px; font-style: normal; color: #333; }
.cf { float: left; background: #ff0000; margin-right: 20px; width:56px; height: 56px; border-radius: 28px;  }
.cube .cf { margin:12px 12px 12px 0; }
.cf img { border-radius: 28px; }
.tablepane .cn { color: #343434; font-size: 13px; display: block; padding-bottom: 5px; }
.cube tbody .cn { height: auto; line-height: 16px; padding-top: 5px; }
.tablepane .cn a, .extrow .l { background: #77f; color: #fff; font-size: 12px; border-radius: 2px; padding: 0 3px; text-decoration: none; font-weight: normal; margin-right: 5px; }
.extrow .le { background:#007f27; }

/* USERS */
.accbox .mb { padding: 5px; margin: 3px 3px 3px -5px; border-radius: 3px; }


/* FILES */
.thispath { color: #fff; font-size: 15px; float: left; height: 44px; line-height: 44px; font-family: OpenSans-CondensedBold, Arail, sans-serif; padding: 0 10px; }

.filemngbox #idfileuploads { position: absolute; top:46px; right: 0px; bottom: 0; background: rgba(0,0,0,0.9); width: 213px; padding: 10px; }
.protected .filemngbox #idfileuploads { background: #de5555; }
.b2-files { background:#dedede; color: #343434; }/* #828282;*/
.b2-files .tabletitle { background: none; float: right; color: #535353; }
.b2-files #idEditfileForm .tabletitle { float: left; }
.b2-languages .content_overlay .contentWrap .iframe-wrapper { top: 0; }
.b2-files .content_overlay .tabletitle { float: left; color: #eee; }
.content_overlay .tabletitle .button { width: auto; float: left; margin-right: 10px; }

.b2-files .tabletitle:after, .b2-files .tabletitle:before { display: none; }
.b2-files .titlediv {padding-right: 45px; /*background: #dedede;*/ box-shadow: 0 0 5px rgba(0,0,0,0.44); z-index: 9; position: relative; }
.b2-files .protected .titlediv { background: #de5555; }
.quickplace { padding: 3px 233px 3px 100px; }
.filemngfilter { padding: 8px 10px 0 10px; }
.filemngfilter label { float: left; line-height: 30px; height: 30px; padding-right: 10px; }
.filetopline .button { margin: 0 5px; box-shadow: none; }
.quickplace .button { height: 21px; line-height: 21px; box-shadow: none; margin:2px; }


.filemngfilter input[type="text"] { width: 100px;}
.filetopline { padding: 15px 0; height: 30px; position: relative; float: left; width: 100%; border-bottom: 1px solid #cdcdcd; background: #D1D1C6; box-shadow: 0 0 5px rgba(0,0,0,0.44); z-index: 8; }
.filetopline .viewstyle a { color: #333; }
.filetopline .viewstyle .active { color: #fff; }
#realfiles .tablepane { margin-right: 233px; padding: 0; /*box-shadow: 0 0 5px rgba(0,0,0,0.44);*/ background: #dedede; }
#realfiles .contentwrapper { clear: both; /*border-top:1px solid #fff;*/ }

.dirslist .fop { text-decoration: none; font-size: 18px; margin: 17px 10px 0 0; color: #999; }
.dirslist li span { display: block; background: url(/mod/cms/form/v4/i/folder.png) 0 50% no-repeat; height: 40px; line-height: 40px; padding-left: 40px; float: left; }
.line .dirslist li span { min-width: 20%; }
.dirslist li b { float: left; line-height: 40px; padding-left: 10px; }
#realfiles .elist li { min-height: 20px; cursor: pointer; padding-bottom: 0; }
#realfiles .elist .fn { padding: 5px 0 0 0; }
#realfiles .elist li:nth-child(2n) { background-color: #ebebeb; }
#realfiles .elist li:hover { background-color: #777 !important; color: #fff; }
#realfiles .elist li.selected:hover { background-color: #555 !important; }
.filemngbox .elist li.selected { color: #fff; }

.filegrouptitle { clear: both; background: #c4c4c4 url(/mod/cms/form/v4/i/file-folder.png) 50px -35px no-repeat; color:#343434; height: 42px; line-height: 42px; font-size: 15px; padding-left: 15px }
.filegrouptitle .clickselect { margin: 5px 37px 5px 5px; }
.filegrouptitle span { color: #828282; float: right; font-size: 12px; padding-right: 35px; }
.filegrouptitle.empty { text-align: center; padding: 0 20px; background: none; }

.filemngbox .elist li { position: relative; }
#realfiles .elist li { padding-left: 40px; }
#realfiles .line .elist li { padding-left: 50px; }
#realfiles .line .elist { padding-right: 60px; }
#realfiles .filemngbox .line .elist li { padding-left: 55px; }
.filemngbox  .line .elist .check { left: 10px; }
.filemngbox .elist .check { width: 40px; background: url(/mod/cms/form/v4/i/item-select.png) 5px 50% no-repeat; float: left; display: block; min-height: 40px; position: absolute; top: 0; left: 0; }
.filemngbox .elist li.selected .check { background-position: -24px 50%; }

/* background-position: 50% 80px !important;  */
#realfiles .droparea { background-color:transparent; margin: 0; padding-top: 170px; height: 80px; }
#realfiles .droparea > span { top:80px; }
#realfiles .pickfiles { display: none; }
.fileuploads { color: #dedede; font-size: 12px; }
.fileuploads label { background: url(/mod/cms/form/v4/i/checkbox.png) 0 0 no-repeat; padding-left:35px; height: 27px; line-height: 27px; display: block; font-size: 13px; }
.fileuploads label.active { background-position: 0 100%; }
.fileuploads .classic { color: #343434; display: block; text-align: center; box-shadow: 1px 1px 3px #595959; text-shadow: 1px 1px 1px #fff; background-color: #aeaeae; background-image: -webkit-linear-gradient(top, #d6d6d6 0%, #aeaeae 100%); text-decoration: none; height: 30px; line-height: 30px; position: absolute; bottom: 0; left: 0; right: 0; }
.ispopupparent .fileuploads .classic { bottom: 60px; }
#classicuploader { width: 200px; overflow: hidden; }
#classicuploader .button { margin: 5px auto; }
#realfiles .newdiv input[type="text"] { background: #aeaeae; width: 100px; float: left; height: 28px; line-height: 28px; margin: 8px 0 0 0; }
.filemngfilter input[type="text"] { height: 30px; line-height: 30px; background: #aeaeae url(/mod/cms/form/v4/i/btn-ico.png) 0 -149px no-repeat; padding-left: 32px; border-radius: 15px; color: #fff; margin-bottom: 0; }
.elist .open { display: inline-block; height: 40px; /*position: absolute; right: -2px; top: 22px;*/ width: 40px; font-size: 18px;  text-decoration: none;  border-radius: 20px; line-height: 40px; text-align: center; color: #000; }
/* background: #000;color: #fff; */
/**.elist .open:after { font-family: "cmsicon"; color:#fff; content: "\7a"; }**/
.editable.line .elist .open { right: 80px; }

/* FILE EDIT */
#idEditfileForm .jsr { position: absolute; left: 35px; bottom: 0; right: 0; }
.filenameedit { height: 40px; line-height: 40px; padding-left: 37px; }
#idfilecontent {
    position: absolute;
    /*top: 87px;*/
    left: 35px;
    height: 83%;
    width: 94%;
    display: block;
    line-height: 14px;
}

/***/
#mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; z-index: 99; display: none; }
.panes .typeswitcher, .panes .boxselectinline { float: left; clear: none; padding-right: 50px; }
.face-box { padding-left: 10px; }
.contentinside { padding: 20px; }
.wrap { width: 400px; margin: 0 auto; }
.popupcontrol { background: #5c5c5c; position: fixed; bottom: 0; left: 0; right: 0; padding: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.44); text-align: center; z-index: 99; }
.protected .popupcontrol { background: #de5555; }
.hashgroup { background: #aaa; border-radius: 0 0 4px 4px; margin:0 0 10px 0; padding-bottom: 5px; }
.contentwrapper .ppbox { margin-left: 150px; clear: both; padding-right: 84px; }
.contentwrapper .ppbox.f-left { clear:none; margin-left: 0; padding-right: 0; }
.contentwrapper .ppbox.f-right { margin-left: 0; clear: none; }
.contentwrapper .ppbox.f-left .hashgroup .inputbox, .contentwrapper .ppbox.f-right .hashgroup .inputbox {
    padding-right: 40px;
}
.contentwrapper .ppbox.w-48 { width: 45%; }

/*.contentwrapper .ppbox.pp-settings, .contentwrapper .ppbox.pp-information { margin-left: 20px; }*/
.contentwrapper .pp-meta { margin-left: 0px; }
/*
.contentwrapper .ppbox.pp-information .boxstring > label, .contentwrapper .pp-meta .boxstring > label { width: 150px; }
.panes .pp-meta .inputbox { padding-left: 200px; }
*/

.panes .namecurrency {
    position: absolute;
    margin-top: -44px;
    margin-left: 62px;
    padding: 7px 0;
}

.panes .namecurrency label {
    display: none;
}

.panes .namecurrency select {
    min-width: 20px;
}

.panes .hashgroup .inputbox.namedispatchdate, .panes .hashgroup .inputbox.namedeliverydate {
    float: left; padding-left: 20px; padding-top: 10px;
}

.panes .hashgroup .inputbox.namedeliverydate {
    padding-left: 40px; clear: none;
}

.panes .hashgroup .inputbox.namedispatchdate:before {
    right: -30px; left:auto;
}

.panes .hashgroup .inputbox.namedeliverydate input, .panes .hashgroup .inputbox.namedispatchdate input {
    background: none !important;
    color: #333;
    font-size: 14px;
}

.panes .hashgroup .inputbox.namedispatchdate label, .panes .hashgroup .inputbox.namedeliverydate label {
    color:#333; font-weight: bold; font-size: 14px; text-transform: uppercase;
    font-family: OpenSans-CondensedBold, Arail, sans-serif;
}

.panes .hashgroup .inputbox.odd { background-color: transparent; }
.contentwrapper .hashgroup .boxtext > label, .contentwrapper .hashgroup .boxstring > label { color: #333; text-shadow: none; font-size: 11px;  /*width: 160px; top:7px;*/ }
.panes .hashgroup .inputbox { /*padding: 2px 20px 0 170px;*/ background: none; }
.panes .contentwrapper .hashgroup input[type="text"] { /*height: 25px; */ background: rgba(255,255,255,0.5); font-size: 12px; box-shadow: none; }
/*
.b2-table #bodywrapper .mesg:first-child { position: fixed; top: 0; left: 0; right: 0; padding: 17px; }
.b2-creator #bodywrapper .mesg:first-child { position: relative; }
*/


.contentwrapper .multiupload .radiocontainer { display: none; }
.inputbox.multiupload { min-height: 170px; }

#bodywrapper > .messages { position: fixed; top: 0; left: 0; right: 0; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,0.3); opacity: 0.95; }

.service #bodywrapper > .messages { position: relative; }

#bodywrapper .templ_login .mesg { position: relative; padding: 0 0 15px 0; margin-right: -16px; color: #fff; font-size: 14px; }
.joineditbody #bodywrapper .mesg:first-child { position: relative; top: 0; left: 0; right: 0; padding: 17px; }
.pagebg { position: fixed; }
.pagebg:before { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; z-index: 9; content: ""; display: block; }
.pagebg .selected { -webkit-transition:-webkit-transform 40s linear, opacity 1s linear; opacity: 0;  }
.loaded .pagebg .selected { -webkit-transform: scale(1.3); opacity: 1; }
.nofiles { padding: 20px; }

.typetitle_joiner { text-align: center; min-width: 159px; }
.togglejoiner { background: #9f00c2 }
/*
.joiner { width: 50%; min-width: 370px; background: #828282; position: absolute; right: 0; top: 47px; bottom: 0; z-index: 11; padding-bottom: 34px; }
.showjoiner .joiner { display: block; }
*/

.selected-items {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.selected-image {
    border-radius: 50%;
    margin-left: 20px;
}

.selected-items__title {
    font-size: 1.6em; line-height: 1.2;
}

.text-center {
    text-align: center;
}

.h4 {
    font-size: 1.8em;
    line-height: 1.4;
}

.form-check input {
    display: none;
}

.form-check input:checked + label:before {
    content: "\4a"; color:#cf009f;
}

.form-check label {
    padding-left: 30px;
    position: relative;
    font-size: 1.4em;
    line-height: 1.2;
}

.form-check label:before {
    position: absolute; top:50%; left:0; color:#fff;
    content: "\e601"; display: block; font-family: cmsicon; transform: translate(0,-50%);
    font-size: 20px;
}

.join-list {
    max-width: 1300px;
    margin: 0 auto;
}

.join-list ul {
}

.join-list__group {
    list-style: none;
    background: #444;
    border-radius: 10px;
    padding: 15px;
    margin: 20px;
}
.join-list__title {
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}

.join-list__notes {
    display: flex; flex-wrap: wrap;
}

.d-flex-center {
    display: flex;
    align-items: center;
}

.join-list__notes li {
    list-style: none;

    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;

    padding: 5px 0;
}

@media (max-width: 1024px) {
    .join-list__notes li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .join-list__notes li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.join-list__notes .label {
    font-size: 1.4em;
    line-height: 1.2;
    margin-right: 10px;
}

.join-list__notes li label {
    display: flex;
    align-items: center;
}

.join-list__notes li img {
    width: 50px; height: auto; margin-right: 10px;
    border-radius: 50%; border: 2px solid transparent;
}

.join-list__notes li input:checked + label img {
    border-color: #cf009f;
}

.join-list__ctrl {
    float: none; background: #000; min-width: inherit; color:#fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-shadow: none;
    padding: 0; width: 30px; height: 30px; text-align: center; line-height: 30px;
    font-size: 14px; border-radius: 2px;
    margin: 4px; cursor: pointer;
}

.join-list__ctrl > * {
    line-height: 30px;
}

.join-list__ctrl:hover {
    background: #cf009f;
}

.join-list__details {
    color:#000; background: #eee; padding: 2px 4px; font-size: 12px;
    text-decoration: none; border-radius: 3px; margin-left: 10px;
}

.cursor-move { cursor: move; }
.join-list .cursor-move {
    padding: 5px;
}
.join-list .cursor-move:hover {
    background: #555; border-radius: 5px;
}

.b2-combine { background: #343434; }
.joiner .selecteditems { position: fixed; left: 0; top: 46px; width: 153px; bottom: 0; padding: 10px; background: #5c5c5c; }
.joinplace { color: #999; background: #222; display: block; line-height: 40px; text-align: center; border-radius: 2px 2px 0 0; position: relative; text-decoration: none; }
.joinplace:before { content: "\49"; font-family: cmsicon; position: absolute; left: 5px; font-size: 20px; color: #999; }
.joiner .groups { margin-left: 173px; padding: 8px; }
.joiner h4 { text-align: center; padding: 10px 5px; color: #fff; }
.joiner .menugroups { clear: both; border-bottom:2px solid #555; border-radius: 2px; padding: 0 0 10px 0; }
.joiner .menugroups > a { border: 1px solid #5c5c5c; display: inline-block; width: 31.5%; color: #fff; text-align: left; text-transform: uppercase; vertical-align: top; margin: 2px 1% 2px 0; position: relative; border-radius: 2px; text-decoration: none; }
.joiner .menugroups > a > div { padding: 3px 5px 3px 25px; height: 20px; overflow: hidden; line-height: 20px; }
.joiner .menugroups > a:before { content: "\59"; font-family: 'cmsicon'; position: absolute; left: 5px; top:6px; color: #ddd; }
.joiner .menugroups > a:nth-child(3n+1) { clear: both; }
.joiner .menugroups > a:nth-child(3n) { margin-right: 0; }
.joiner .menugroups .active { background: #5c5c5c; color:#fff; text-decoration: none; border-radius: 2px; }
.joiner ul { padding: 10px 0; clear: both; }
.joiner li:nth-child(3n+1) { clear: both; }
.joiner li { list-style: none; color: #d1d1d1; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,0.36); display: block; min-height: 120px; position: relative; background: #444; border-radius: 2px; text-align: center; margin-bottom: 10px; width: 31.5%; float: left; margin-right: 1%; border: 1px solid #444; }
.joiner li h4 { line-height: 20px; text-align: left; height: 32px; overflow: hidden; font-size: 12px; }

.joiner .newstyle:before { content: "\49"; font-family: 'cmsicon'; position: absolute; left: 3px; top:3px; color: #ddd; }
.joiner .newstyle { height: 20px; overflow: hidden; position: relative; background: #a44; border: 1px dotted #333; line-height: 20px; text-align: left; color: #fff; margin: 2px; text-transform: uppercase; display: inline-block; overflow: hidden; padding: 3px 5px 3px 20px; text-decoration: none; width: 30%; vertical-align: top; border-radius: 2px; }
.joiner .newthisstyle { /*background: #f55;*/ width: auto; }
.joiner .j_img { position: relative; display: block; float: left; margin: 2px; min-height: 100px; min-width: 50px;}
.joiner .j_text { padding: 40px 5px 5px 5px; background: #000; height: 55px; min-height: 55px; width: 90px; overflow: hidden; }
.joiner .j_img img { float: left; }
/*
.joiner .j_img:hover i { background: rgba(0,0,0,0.5) url(/mod/cms/form/v4/i/smallclose.png) 50% 50% no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom:0; cursor: pointer; }
*/
.joiner .j_img i { background: #000; position: absolute; top: 0;  right: 0; cursor: pointer; width: 20px; height: 20px; font-style: normal; line-height: 20px; }
.joiner .j_img i:before { font-family: cmsicon; content: "\51"; font-size: 15px; }

.joiner .dragover:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; background: rgba(255,255,255,0.5); }

.joiner .f-ctrl { font-size: 20px; padding: 4px 4px 0 0; }
.joiner .f-ctrl a { text-decoration: none; color: #fff; float: right; line-height: 40px; height: 40px; }
.joiner .popuplink { background: none; float: none; box-shadow: none; min-width: inherit; display: inherit; margin: 0; font-size: 20px; }

.joiner .j_img a { position: absolute; left: 0; top: 0; font-size: 12px; background: #000; padding: 0; width: 20px; height: 20px; line-height: 21px; min-width: 20px; }
/*
.joiner .delete, .joiner .popuplink.edit { background: url(/mod/cms/form/v4/i/buttons-full.png) 100% 0 no-repeat; min-width: inherit; height: 34px; width: 38px; text-align: left; text-indent: -9999px; box-shadow: none; padding: 0; float: right; margin: 5px 0 0 5px; }
.joiner .delete { background-position: -155px 0; }
*/
.b2-update .mb { width: 100px; margin: 0 auto; float: none; }

/* STATUS*/
.tablepane tbody tr.sts0 { background-color: #aaa; }
.tablepane tbody tr.sts2 { background-color: #efe; }
/*
.tablepane tbody tr.sts3 { background-color: #d3f5d3; }
.tablepane tbody tr.sts4 { background-color: #d3d3f5; }
.tablepane tbody tr.sts5 { background-color: #f5d3d3; }
.tablepane tbody tr.sts6 { background-color: #aaccda; }
.tablepane tbody tr.sts7 { background-color: #aaccdc; }
*/

.tablepane tbody tr.sts0 {  opacity: 0.8;  }

.tablepane .f0 { background-color: #000; }
.tablepane .f2 { background-color: #777; }
.tablepane .f3 { background-color: #9e00bb; }
.tablepane .f4 { background-color: #bba600; color: #000;  }
.tablepane .f5 { background-color: #00bba6; color: #000;  }
.tablepane .f6 { background-color: #99bb44; color: #000;  }
.tablepane .f7 { background-color: #993399; color: #fff;  }


/* FAST SELECTOR */
.fastselector { position: fixed; right: 0; top: 94px; bottom: 0; width: 190px; background: #5c5c5c; z-index: 9; border-top: 1px solid #999; }
.joineditbody .fastselector { top:48px; }
.fastselector li { border-bottom: 1px solid #999; margin: 0 1px; }
.fastselector li:hover { background: #a0a0a0; }
.fastselector a { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.25); padding: 12px; display: block; text-decoration: none; position: relative; min-height: 15px; line-height: 15px; font-family: OpenSans-CondensedBold, Arail, sans-serif; }
.fastselector a small { color: #eee; }
.table-COMMENTS .fastselector a { padding: 5px 12px; }
.fastselector .selected a { background: #dedede; color: #545454; text-shadow: 0 1px 1px #fff; }
.fastselector .selected a small { color: #333; }
/*
.fastselector .selected a:before { content: ""; z-index: 99;
display: block; position: absolute; top: 0; left: -12px; height: 0; width: 0; border-right: 12px solid #dedede; border-top: 22px solid transparent; border-bottom: 22px solid transparent; }
*/

.fastselector .selected a:before {
    content: ""; z-index: 99; display: block; position: absolute; top: 0; left: -16px;
    background: url(/mod/cms/form/v4/i/selected.png) 100% 50% no-repeat; bottom: 0; width: 16px;
}

.fastselector ul { margin-left: -16px; padding-left:16px; }

.withfastselector { padding-right: 190px; }

.system .ddlink { background: #ff0000; color: #fff; margin: 9px 10px 0 10px; }
.system .ddbox { min-width: 150px; background: #ff0000; }
.helpinline { padding: 15px; }
.helpinline p { padding: 5px 0 }
.helpinline ul { margin-left: 20px; }

/* CHECKCODE */
.darkcontent .boxstring > label { color: #fff; text-shadow: none; }
.b2-checkcode .sendbox, .b2-checkcode .content { padding: 10px 100px 10px 150px; clear: both; }
.contentwrapper .sendbox .button { float: left; width: auto; margin: 0; }
.b2-checkcode .content h1, .b2-checkcode .content h2, .b2-checkcode .content h3 { line-height: 1em; }
.b2-checkcode .content p { padding: 4px 0; }

.redirectcontent .f-left { position: relative; }
.redirectcontent .ln { display: block; position: absolute; right: 14px; top: 0; background: url(/mod/cms/form/v4/i/edit-ico3.png) -384px 50% no-repeat; height: 48px; width: 48px; text-align: left; text-indent: -9999px; }

/* MAINTENANCE */
.showmaintenance .themelist, .showmaintenance .lastchange { display: none; }
#maintenanceopen { display: none; }
.showmaintenance .maintenance { margin-top: 0; }
.showmaintenance #maintenanceopen { display: block; height: 500px; margin-left: -30px; width: 104%; }

.titlediv .clickcancel { float: left; margin-left: 12px; margin-top: 7px; height: 25px; line-height: 25px; box-shadow: none; background: #535353; position: relative; text-transform: uppercase; }
.titlediv .clickcancel:before {
    content: "";
    position: absolute;
    top: 0;
    left: -7px;
    width: 0;
    bottom: 0;
    border-right: 8px solid #535353;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    z-index: -1;
}

.b2-stat textarea { width: 98%; }
.b2-stat td, .b2-stat th { padding: 5px; }
.b2-stat .tablepane thead th { padding: 5px; }
.b2-stat .tablepane { border-top:none; }
.b2-stat .tablepane thead { background: none; }
/*
.b2-stat .tablepane thead tr:first-child td { background: #444; }
*/
/* UPLOAD */
.multifileuploader .flist { margin-left: 20px; color:#fff; max-height: 200px; overflow: auto; }
.multifileuploader .flist img { float: left; margin: 0 10px 5px 0; }
.multifileuploader .flist li { clear: both; padding: 5px 0; color: #fff; }

/* PREFIX */
/*.tablepane .line .f_img { overflow: visible; }*/
.tablepane .cube .f_img:after { right: 0; }
.tablepane .f_img:after { content: ""; position: absolute; top: 0; right: 0; width: 12px; height:12px;  }
.tablepane .prefix-en .f_img:after { background: url(/mod/cms/form/v4/i/prefix-en.png) 100% 0 no-repeat; }
.tablepane .prefix-ru .f_img:after { background: url(/mod/cms/form/v4/i/prefix-ru.png) 100% 0 no-repeat; }
/*.tablepane .a, .tablepane .l { color: #999; padding-top: 5px; display: block; font-size: 11px; }
.tablepane .l { text-decoration: underline; }*/

/****/
.bodyview .ppbox .droparea { margin: 10px 0; }
.ppbox .multifileuploader { padding-top: 10px; }
.ppbox .multifileuploader .flist { color: #000; }
#idcontrolscontent { width: 100%; }

.clickback { color: #eee; padding: 5px 16px; display: block; }
.mapcontrol #fastfilter { width: 0; line-height:20px; height: 20px; margin: 0; background-color: transparent; background-position: 8px 50%; padding: 3px 0 3px 30px; box-shadow: none; }
#fsearchbox { height: 35px; padding: 11px 60px 0 0; position: relative; margin: 0 70px; display: none; }
#idmapcontent { clear: both; }
.overlaymap { width: 350px; left: 50% !important; right: auto; }
#idmapcontent { max-width: 366px; padding-left: 16px; }
.cancelfilter { height: 25px; width: 34px; position: absolute; right: 0; top: 0; z-index: 5; cursor: pointer; line-height: 28px; text-align: center; font-size: 16px; }

#fsearchbox .cancelfilter { top: 10px; display: none; }
#fsearchbox i { position: absolute; top: 10px; left: 0; width: 26px; height: 26px; line-height: 28px; font-size: 18px; text-align: center; text-shadow: 1px 1px 1px #000; }
#fsearchbox i:hover { color: #eee; }

.showffilter .maptitle { display: none; }
.showffilter .mapcontrol #fastfilter { width: 100%; padding: 3px 30px 3px 30px; background-color: #545454; box-shadow: 0 0 5px rgba(0,0,0,0.38) inset; }
.showffilter #fsearchbox { background: #343434; display: block; }
.showffilter #fsearchbox .cancelfilter { display: block; }

.printtitle { text-align: center; font-family: "OpenSans-CondensedBold", Arail, sans-serif; padding: 10px; float: left; color: #eee; }

.mailswrapper { padding: 0 10px 10px 10px; }
.titlediv label { color:#eee; }
.specialmail .user { float: left; margin: 5px 10px 5px 0; }
.specialmail h3 { clear: both; font-family: "OpenSans-CondensedBold", Arail, sans-serif; font-weight: normal; font-size: 20px; color:#333; }

.mails li { cursor: pointer; list-style: none; display: block; float: left; width: 22%; margin: 10px 10px 10px 0; border-radius: 7px; padding: 5px 30px; position: relative; }
.mails .check { position: absolute; left: 5px; top: 5px; color: #000; font-size: 18px; }
.mails li.select .check .cmsicon-circle, .mails .check .cmsicon-circle-check { display: none; }
.mails li.select .check .cmsicon-circle-check { display: inline; }
.mails li.select, .mails li.select h4, .mails li:hover h4, .mails li:hover { background: #da00a4; color: #fff; }

/* HASH */
.hashbox input { width: 65%; float: left; }
.hashbox input:first-child { width: 30%; float: left; margin-right: 10px; background: #eee; }

/* SEARCH */
.admsearch { display: block; text-align: center; padding:8px 0 0 0; background: #343434; margin: 0 auto; max-width: 600px; }

.admsearch textarea, .admsearch input[type="text"] { display: inline-block; border-radius: 14px; padding: 0 30px 0 15px; margin: 0; width: 100%; font-size: 17px;  height: 29px; float: none; background: #2c2c2c; color: #fff; border-bottom: 1px solid #525252; }
.tablepane .searchtitle { text-align: center; background: #5c5c5c; padding: 5px; color: #fff; }
.admsearch .inp { float: left; width: 80%; padding-right: 42px; display: none; }
.admsearch .inp.showed { display: block !important; }
.admsearch textarea { height: auto; font-size: 12px; }
.admsearch input[type="submit"] { display: block; width: 30px; line-height: 27px; top: 1px; position: relative; height: 27px; float: left; color: #cbcbcb; font-size: 18px; font-family: "cmsicon"; background: none; box-shadow: none; margin-left: -36px; }
.admsearch a.toggle { color:#cbcbcb; text-decoration: none; font-size: 18px; float: left; margin-left: 10px; line-height: 34px; width: 30px; height: 30px; border-radius: 50%; }
/*
#oneline.showed { display: none; }
#multiline.showed { display: block !important; }
*/
.fastconfig { padding: 20px 0; text-align: left; }
.fastconfig li { list-style: none; display: block; line-height: 30px; clear: both; padding: 5px 0 5px 100px; position: relative; }
.fastconfig li > span { float: left; min-width: 200px; }
.fastconfig a { background: #9e9e9e; display: block; box-shadow: none; color: #000; float: left; border-radius: 50%; padding: 0; text-align: center; width: 30px; height: 30px; min-width: 30px; }
.fastconfig a:hover { background: #aaa; color: #fff; }
.fastconfig img { height: 30px; width: auto; margin-right: 10px; position: absolute; left: 0; top: 5px; }

/* FIX */
.editable.cube .f-left { float: none; }
.editable.cube .w-20, .editable.cube .w-30, .editable.cube .w-40, .editable.cube .w-50 { width: auto; }

/* MASSMAIL */
.b2-sendspecialmail, .b2-massmail { background:#e3e3e3;/*#d1d1d1*/ color: #000; }
.massmail .contentwrapper .control { margin: 0 0 10px 0; }
.titlediv .button { margin-top: 8px; }
/*.titlediv .button,*/
.tabnav { background: #555; }
.titlediv .clickrefresh { background: #000; }
.tabnav.active { background: #777; }

.massmail #send { padding-left: 100px; position: relative; min-height: 100px; }
.massmail .tabcontent-icon { position: absolute; left: 10px; top: 10px; color: #000; font-size: 70px; }
.massmail .st { color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); padding: 15px 0 10px 0; font-family: OpenSans-CondensedBold, Arail, sans-serif; font-weight: normal; }
.massmail .contentwrapper { color: #000; }
.massmail #send { background: #d1d1d1; }
.massmail #stat .st { color: #333; }
.massmail .userlist { background: #e3e3e3; margin-left: -100px; padding: 15px; clear: both; }
.selector > a { font-size: 16px; font-family: OpenSans-CondensedLight, Arail, sans-serif; float: left; margin: 0 20px 10px 0; text-decoration: none; line-height: 16px; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); padding-left: 30px; position: relative; width: 300px; }
.selector > a > span { color: #b4b4b4; position: absolute; left: 0; top: 0; text-shadow: none; background: #fff; border-radius: 10px; }
.selector > a > div { height: 18px; overflow: hidden; }
.selector > a.active .cmsicon-circle, .selector > a .cmsicon-circle-check { display: none; }
.selector > a.active .cmsicon-circle-check { display: block; }
.selector > a > small { color: #777; text-shadow: none; display: none; }

.emptyusers { padding: 0 0 10px 0; text-align: center; font-family: OpenSans-CondensedBold, Arail, sans-serif; }
.b2-sendspecialmail .emptyusers { padding: 20px; }

#stat { padding: 20px; }
#stat thead th { color: #fff; }
#stat td, #stat th { padding: 5px 15px; }
.statbox { float: left; width: 45%; margin-right: 4%; }

#users > a { float: left; position: relative; padding: 8px 8px 8px 30px; margin: 0 20px 20px 0; font-family: OpenSans-CondensedBold, Arail, sans-serif; line-height: 15px; font-size: 15px; text-decoration: none; border-radius: 4px; }
#users > a > .cmsicon-mail { position: absolute; left: 8px; top: 8px; color: #000; font-size: 18px; }
#users > a > small { font-family: OpenSans-CondensedLight, Arail, sans-serif; }
#users > a.disable { background: #b3b3b3; color: #ddd; }
#users > a.disable > .cmsicon-mail { color: #ccc; }

.i-print { background: #fff; color:#000; }
.i-print .tablepane thead { background: #eee; }
.i-print .tablepane thead .extend th { padding: 5px; }
.i-print .tablepane tbody tr td:first-child, .i-print .tablepane thead .extend th:first-child { display: none; }
.i-print .tablepane tbody tr { background: none !important; }
.i-print .ctrlbox { display: none !important; }


/*!!! .panes .multiupload .filepreview { float: none; position: absolute; left: 20px; top:30px; }*/
/*
.panes .namecover, .panes .namefname { float: left; padding: 55px 10px 10px 10px; width: 48%; margin-bottom: 15px; background: #ffc845; }
*/
.panes .x-namecover label, .panes .namefname label{
    background: #ffc845;
    top: 7px;
    left: 0;
    padding-left: 20px;
    color: #fff;
    line-height: 27px;
    overflow: visible;
    width: 110px;
}

.panes .inputbox.namefname label:after, .panes .inputbox.x-namecover label:after {
    border-left: 8px solid #ffc845;
}

.multiupload .filepreview {
    position: absolute;
    left: 19px;
    top: 50px;
}

.panes .namecover {
    min-height: 100px;
}

/*
.panes .namecover .popuplink, .panes .namefname .popuplink { height: 29px; line-height: 29px; margin-right: 0; float: none; clear: both; }
.panes .namecover .popuplink:before, .panes .namefname .popuplink:before { line-height: 29px; }
*/
/*
.panes .namecover > label, .panes .namefname > label { top: 10px; width: auto; right: 0; }
*/
.multiupload .droparea { margin: 5px 0 0 0; top: 0; border-radius: 2px; clear: both; background: rgba(0,0,0,0.2); padding: 70px 21px 20px 21px; width: 100%; height: auto }
.panes .namecover { margin: 0; clear: none; }
/*.panes .namefname input[type="text"], .panes .namecover input[type="text"] { width: 97%; margin-bottom: 5px; }*/
.panes .namefname .popupparent_title, .panes .namecover .popupparent_title { display: none !important; }
/*.panes .typeparamid { float: none; }*/
.panes .typeimgalign { padding-left: 300px; }
.panes .typeimgalign > label { width: 300px; }

body .control .clickmakenew { margin-left: 20px !important; }

/**.panes .inputbox label { top: 7px; left: 0; bottom: 7px; padding-left: 10px; line-height: 27px; }**/
.panes .inputbox.typetitle label { background: #b150c5; top: 7px; left: 0; bottom: 7px; padding-left: 20px; color: #fff; line-height: 27px; overflow: visible; width: 110px; }
.panes .inputbox label:after { content:""; display: block; position: absolute; top: 0; right: -8px; border-left: 8px solid transparent;  border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
.panes .inputbox.typetitle label:after { border-left: 8px solid #b150c5; }

.fastheadimage > a { background: none; display: block; float: none; margin: 0; padding: 0; box-shadow: none; position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: 2; height: auto; line-height: 100px; }

.fastheadimage > a:before { z-index: 9; opacity: 0; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); text-align: center; line-height: 100px; color: #fff; font-size: 24px; position: absolute; }
td:hover .fastheadimage > a:before { opacity: 1; }

/*
.clickup { background: #828282; text-align: center; width: 28px; height: 28px; border: 2px solid #dedede; line-height: 28px; color: #dedede; border-radius: 50px; font-size: 17px; margin-right: 10px; display: block; position: relative; float: left; top:2px; left: 8px; text-decoration: none; box-shadow: 0 0 5px rgba(0,0,0,0.4); }
*/
.clickup:before { font-family: "cmsicon"; }
.clickup { font-family: "cmsicon"; font-size: 16px; float: left; text-decoration: none; color: #eee; margin: 8px 0 0 10px; background: #000; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; }

.panes .floatclear.inputbox { background: none; }
.panes .inputbox.typedate { padding: 0 0 0 150px; background: none; float: left; }
.panes .inputbox.typedate input { height: 24px; }
.panes .inputbox.datebox1 { clear: none; position: relative; }
.panes .inputbox.datebox1:before { position: absolute; left: 30px; top:50%; font-family: cmsicon; font-size: 24px; color: #555; content: "\e610"; display: block; line-height: 24px; margin-top: -12px; }


/* SHOW JOINED */
.joined { padding: 10px 0 0 0; margin: 0 -5px -10px 0; clear: both; }
.joined ul { padding: 5px; border-top: 1px solid #ddd; /*background: #ccc;*/ }
.joined li { list-style: none; padding: 2px 0; float: left; width: 50%; height: 15px; overflow: hidden; font-size: 11px; }
.joined li:before { font-family: cmsicon; content: "\e604"; background: #777; color: #eee; border-radius: 3px; padding: 2px; margin-right: 5px; width: 14px; height: 14px; line-height: 14px; text-align: center; }
.joined li.a9:before { background: #b150c5; }
.joined .a9 { color: #b150c5; }

#pageprogress { position: fixed; background: rgba(0,0,0,0.5); top:0; left: 0; right: 0; bottom: 0; z-index: 9999; color: #fff; font-size: 50px; text-align: center; opacity: 1; display: none; }
#pageprogress > span { width: 60px; height: 60px; line-height: 60px; position: absolute; top:50%; left: 50%; margin: -30px 0 0 -30px; -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite; }

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* SHOW ON PAGES */
.typemenutree { padding-bottom: 20px; }
.typemenutree > input, .typemenutree > textarea { display: none; }
.menutreeselect span { height: 24px; overflow: hidden; display: block; }
.menutreeselect .toggle { text-decoration: underline; cursor: pointer; }
.menutreeselect li { list-style: none; padding: 0 0 0 24px; position: relative; line-height: 24px; border-radius: 2px; }
.menutreeselect li > b { font-family: cmsicon; position: absolute; left: 0; top:0; line-height: 24px; font-size: 14px; width: 24px; text-align: center; cursor: pointer; }
.menutreeselect li > b:before { content: "\e601"; }
.menutreeselect li.select { background: #bba600; color: #000; }
.menutreeselect li.select > b:before { content: "\4a"; }
.menutreeselect > li { float: left; width: 29.5%; list-style: none; background: #ccc; margin: 0 0.5% 0.5% 0; }
.menutreeselect > li:nth-child(3n+1) { clear: both; }
.menutreeselect ul { margin-left: 0; }

.onpages li:before { font-family: cmsicon; content: "\59"; background: none; color: #000; }

.red { background: #f02bc2; border-radius: 2px; color: #fff; }
.green { background: #3ad531; border-radius: 2px; color: #000; }

.prms dl {
    background: #bbb; color:#000; clear: both; padding: 5px 10px; margin:0px -10px -10px 110px;
    font-size: 11px; border-radius: 4px; display:block; line-height: 18px;
}

.prms dt {
    float:left; clear: both; margin-right: 10px; height: 18px;
}

.prms dd {
    float:left; overflow: hidden; height: 18px;
}

.hasexpand {
    display: flex;
}

.hasexpand.multiupload {
    display: block;
}