a{color:black;}
a:hover{color:#ed7e00;}
a.submit{background:url('../img/btn-submit.png') no-repeat 5px 3px #333333;border:0;border-radius:5px;box-shadow:0 1px 0 #666;color:#fff;cursor:pointer;font-size:12px;font-weight:bold;margin:0 5px 0 0;padding:3px 7px 3px 22px;text-decoration:none;}
body{background:url('../img/bg.gif') repeat-x;color:#333;font:13px arial,sans-serif;margin:0 auto;padding:0;min-width:1000px;;max-width:1200px;}
body#update{background:none}
button{background:#ed7e00;border:0;border-radius:5px;box-shadow:0 1px 0 #666;color:#fff;cursor:pointer;font-size:12px;font-weight:bold;margin:0 5px 0 0;padding:3px 7px 3px 22px;text-align:left;vertical-align: top;}
button.edit{background:url('../img/btn-edit.png') no-repeat 5px 3px #ed7e00;}
button.new{background:url('../img/btn-new.png') no-repeat 5px 3px #ed7e00;}
button.submit{background:url('../img/btn-submit.png') no-repeat 5px 3px #ed7e00;}
button.submit2{background:url('../img/btn-submit.png') no-repeat 5px 3px #ed7e00;}
button.details{background:url('../img/btn-submit.png') no-repeat 5px 3px #ed7e00;}
button.cancel{background:url('../img/btn-cancel.png') no-repeat 5px 4px #ed7e00;}
button.delete{background:url('../img/btn-delete.png') no-repeat 5px 4px #ed7e00;}
button.back{background:url('../img/btn-back.png') no-repeat 5px 4px #ed7e00;}
button.refresh{background:url('../img/btn-refresh.png') no-repeat 5px 4px #ed7e00;}
button.list{background:url('../img/btn-list.png') no-repeat 5px 4px #ed7e00;}
button.users{background:url('../img/btn-list.png') no-repeat 5px 4px #ed7e00;}
button.likes{background:url('../img/btn-list.png') no-repeat 5px 4px #ed7e00;width:95px;}
button.images{background:url('../img/btn-list.png') no-repeat 5px 4px #ed7e00;width:95px;}
button.contacts{background:url('../img/btn-list.png') no-repeat 5px 4px #ed7e00;width:95px;}
button.doc{background:url('../img/btn-doc.png') no-repeat 5px 4px #ed7e00 !important;}
button.pres{background:url('../img/btn-pres.png') no-repeat 5px 4px #ed7e00;}
button.play{background:url('../img/btn-play.png') no-repeat 5px 4px #ed7e00;}
button.duplicate{background:url('../img/btn-new.png') no-repeat 5px 4px #ed7e00;}
/*dt.cklbl{width:200px !important;}
dd.cklbl{width:370px !important;}*/
dl{width:100%;}
h1{color:#333333;font-size:16px;margin:0 0 20px;padding:0;}
hr{background:#024c6f;border:none;clear:both;color:#024c6f;height:1px;margin:20px 0;}
input{border:1px solid #024c6f;border-radius:5px;font:12px arial,sans-serif;padding:2px 7px;width:433px;}
input.checkbox{border:0;height:16px;width:16px;}
p.footer{color:#024c6f;padding:0 20px 50px;}
p.footer a{color:#024c6f;}
textarea{border:1px solid #024c6f;border-radius:5px;height:190px;font:12px arial,sans-serif;width:435px;}
select{border:1px solid #024c6f;border-radius:5px;font:12px arial,sans-serif;}
#login{color:#999999;float:right;height:20px;padding:34px 20px;text-align:right;width:400px;}
#login .logout{background:url('../img/btn-logout.png') no-repeat right;border:0;border-radius:0;box-shadow:none;height:19px;padding:0;vertical-align:middle;width:91px;}
#login .logout span{display:none;}
#frmLogin{padding:60px 0 0 20px;}
#frmLogin input{width:250px;}
#frmLogin dt{clear:both;display:block;float:left;padding:4px 0 0 0;width:100px;}
#frmLogin dd{display:block;margin:0;padding:0 0 10px 0;}
#frmLogin button{clear:both;display:block;margin:10px 0 20px 120px;}
#frm dl{width:570px;}
#frm dt{clear:both;float:left;padding:4px 0 0 0;width:120px;}
#frm dd{display:block;float:left;margin:0;padding:0 0 10px 0;width:435px;}
#frm dd p{width:450px;}
#frm dd img{border:1px solid #024c6f;}
#nocontent{margin:20px;padding:20px;}
#content{margin:20px;padding:20px;}
#content table{border-collapse:collapse;margin:20px 0 0;width:100%;}
#content table img{border:1px solid #024c6f; margin-right: 5px;}
#content th{text-align:left;padding: 5px;}
#content td.Yes{color:green;}
#content td.Active{color:green;}
#content td.New{color:orange;}
#content td.No{color:red;}
#content td.Inactive{color:red;}
#content td.contacts{text-align:right; width: 120px;}
#content td.likes{text-align:right; width: 120px;}
#content td.images{text-align:right; width: 100px;}
#content td.edit{text-align:right;}
#content td.thumb{width:100px;}
#content dt{border-top:1px solid #024c6f;clear:both;float:left;padding:5px 0;width:125px;}
#content dd{border-top:1px solid #024c6f;display:block;float:left;margin:0;padding:5px 0;width:445px;}
#content dd p{width:450px;}
#content dd img{border:1px solid #024c6f;}
#content dd .selector_select{width:350px;}
#content dd .translated{display:inline-block;width:295px;}
#content dd textarea.translated{width:450px;}
#content dd .translated.nicinstance{width:435px;}
#content dd button.btnTranslations{width:125px;}
#content dd .translations.hidden{display:none;}
#content dd .translations label{display:inline-block;text-overflow:ellipsis;width:125px;white-space:nowrap;}
#content dd .translations input{width:295px;}
#content dd .translated img{vertical-align:middle;}
#content dd .translations img{vertical-align:middle;}
#content dd .fileselection{text-align:right;}
#content dd .fileselection button{background-color:#cccccc;}
#content dd .fileselection button.active{background-color:#ed7e00;}
#content dd .fileselection .translations{text-align:left;}
#content dd .fileselection .translations div{display:inline-block;width:295px;}
#content dd .fileselection .translations .filelist{display:inline-block;width:317px;}
#content dd .fileselection .translations label{padding-top:15px;vertical-align:top;}
#content dd .fileupload{padding-top:10px;}
#content dd .fileupload.hidden{display:none !important;}
#content dd .filebrowse{padding-top:10px;}
#content dd .filebrowse.hidden{display:none !important;}
#content .filelist{background:#fff;border:1px solid #024c6f;border-radius:5px;height:215px;overflow:auto;width:100%;}
#content .filelist.big{height:500px;margin-top:20px;}
#content .filelist strong{color:#ccc;display:block;text-align:right;}
#content .filelist table{margin:0 !important;}
#content .filelist table tr{border-bottom:1px solid #ccc;cursor:pointer;height:22px;}
#content .filelist table tr:hover{background-color:#ccc;}
#content .filelist table tr.active{background-color:#ccc;}
#content .filelist table tr.unusable{color:#ccc;}
#content .filelist table tr td{padding:5px 6px 4px;text-align:left;vertical-align:top;}
#content .filelist table tr td:first-child{background:url(../img/icons.png) 0 -543px no-repeat;display:block;height:20px;overflow:hidden;margin:0;padding:0;width:20px;}
#content .filelist table tr td:nth-child(2){width:100%;}
#content dd p{margin:0;padding:6px 0 0;}
#content dd a.currentfile{background:url(../img/icons.png) 0 -543px no-repeat;display:block;line-height:20px;margin:0;padding:3px 0 0 25px;text-align:left;}
#content .toc_table{margin:0;}
#content .toc_table tr:hover{background-color:#fff;}
#content .toc_pagenr{width:75px !important;}
#content .toc_title{width:340px !important;}

#content tr:hover td			{background-color:rgba(0,0,0,.08);}
#content tr td					{border-top:1px solid rgba(0,0,0,.08);padding: 5px;}

.folder							{background-position:4px 2px !important;}
.aep							{background-position:4px -18px !important;}
.ai								{background-position:4px -39px !important;}
.asnd							{background-position:4px -60px !important;}
.css							{background-position:4px -81px !important;}
.doc, .docx						{background-position:4px -102px !important;}
.eps							{background-position:4px -123px !important;}
.fla							{background-position:4px -144px !important;}
.gif							{background-position:4px -165px !important;}
.html, .htm						{background-position:4px -186px !important;}
.indd							{background-position:4px -207px !important;}
.jpg,.jpeg						{background-position:4px -228px !important;}
.js								{background-position:4px -249px !important;}
.mov							{background-position:4px -270px !important;}
.avi, .mp4, .mpg, .wmv			{background-position:4px -291px !important;}
.pdf							{background-position:4px -312px !important;}
.php							{background-position:4px -333px !important;}
.png							{background-position:4px -354px !important;}
.ppt, .pptx						{background-position:4px -375px !important;}
.psd							{background-position:4px -396px !important;}
.swf							{background-position:4px -417px !important;}
.txt, .rtf						{background-position:4px -438px !important;}
.wav, .mp3, .ogg, .flac, .wma	{background-position:4px -459px !important;}
.xml							{background-position:4px -480px !important;}
.xls, .xlsx						{background-position:4px -501px !important;}
.zip, .rar, .\37 z				{background-position:4px -522px !important;}

#logo{background:url(../img/logo.png) center center no-repeat;display:block;float:left;height:83px;margin:10px 23px 36px 0;width:200px;background-size: contain;}
#logo span{display:none;}
#logo-controlpanel{background:url(../img/logo-controlpanel.png) center center no-repeat;display:block;float:left;height:83px;margin-top:10px;width:180px;}
#logo-controlpanel span{display:none;}
#menu{clear:both;height:65px;margin:0;padding:0;position:relative;}
#menu a{color:#024c6f;display:block;font-weight:bold;line-height:20px;padding:5px 20px;text-decoration:none;}
#menu li{background:#fff;border-bottom:1px solid #024c6f;display:block;float:left;margin:0;padding:0;}
#menu li.a{border:1px solid #024c6f;border-bottom:1px solid #fff;}
#menu li.a ul{display:block;left:0;position:absolute;}
#menu li li a{font-size:12px;font-weight:normal;}
#menu li li.a{border:none;border-bottom:2px solid #ed7e00;}
#menu li li.a a{color:#333333;}
#menu li ul{display:none;padding:0;}
#line{stroke:#333333;stroke-width:2;}
.error{border:1px solid #024c6f;border-radius:5px;box-shadow:0 1px 0 #666;clear:both;margin:0 0 20px;padding:0 20px;}
.error dt{border:0 !important;color:#333333;float:none !important;font-weight:bold;margin:0 0 5px;width:100% !important;}
.error dd{border:0 !important;float:none !important;margin:0;width:100% !important;}
.preview{width:200px;}
.selected_bg{background:#369;}
.selected_border{border:1px solid #333333;}

#appmenu{list-style:none;margin:30px 0;padding:0;position:relative;}
#appmenu ul{list-style:none;margin:0;padding:0 0 0 40px;}
#appmenu li{border-top:1px solid #ccc;line-height:30px;}
#appmenu>li{margin-bottom:20px;padding:0;}
#appmenu li:hover {background:rgba(0,0,0,0.02);}
#appmenu li.dragged{position:absolute;top:0;opacity:0.5;z-index:2000;}
#appmenu li.dragged button{display:none;}
#appmenu li.hidden ul{display:none;}
#appmenu li.placeholder{background:#eee;height:30px;}
#appmenu li .icon-move{background:url('../img/icon-move.png') center no-repeat;opacity:0.3;cursor:row-resize;display:block;height:28px;float:left;width:25px;}
#appmenu li .icon-door{background:url('../img/icon-plus.png') center no-repeat;opacity:0.3;cursor:pointer;display:block;height:28px;float:left;width:25px;}
#appmenu li .icon-door.min{background:url('../img/icon-min.png') center no-repeat;}
#appmenu button{float:right;margin-top:5px;line-height:13px;width:200px;}
#appmenu li.inactive a{color:#ccc;}
#appmenu li.inactive button{background-color:#ccc;}

#appmenu li li{padding-left:10px;}


.appdownload{font-weight:bold;margin-bottom:20px; display:inline-block; padding:10px; position:relative;color:rgb(90,90,90); font-size:15px; text-decoration:none;}
.appdownload img{border-radius:15px;margin-right:10px;vertical-align:middle;}

#special{background:none;width:600px;    }
#special dt{border:0;width:120px;}
#special dd{border:0;width:300px;}
#special hr{display:none;}
#special p{padding:20px 0;}
#special form{padding:0;}
#special #content{margin:0;padding:0;}
#special #logo{margin:0;padding:12px 0;}
#special #login{margin:0;padding:48px 0;width:380px;}
#special #menu{display:none;}
#special .text{padding:30px 0 10px;}
#special .footer{display:block;height:30px;bottom:0;padding:0;position:absolute;}

#steps td img{border:0;}
#steps{width:100%;}
#steps td{color:black;text-align:center;}
#steps tr:nth-child(1) td:nth-child(2){border:2px solid black;height:55px;width:85px;font-size:30px;}
#steps tr:nth-child(1) td:nth-child(6){border:2px solid black;height:55px;width:85px;font-size:30px;}
#steps tr:nth-child(1) td:nth-child(10){border:2px solid black;height:55px;width:85px;font-size:30px;}
#steps tr:nth-child(2){height:35px;}
#steps td.active{border:2px solid #ed7e00 !important;background-color:#ed7e00 !important;color:#ffffff}
#steps tr:nth-child(2) td.active{color:#ed7e00;background:none !important;border:0 !important;}


.resultTR{border-bottom:1px solid black;}
.resultTR td{padding-top: 10px;
    padding-bottom: 10px;}

    .ui-sortable-helper { height: 1.5em; line-height: 1.2em;  background: rgba(255, 255, 255, 0.81); border: 1px solid #A7A7A7;padding: 10px;}
.ui-state-highlight { height: 10px; line-height: 10px;  background: rgba(125, 125, 125, 0.7); border: 1px solid rgba(120, 120, 120, 1); border-color: rgba(120, 120, 120, 1) !important;}
.dragthis{display: inline-block;    width: 25px;    margin-right: 10px; background: url('/img/menu_icon.png'); background-size: contain; background-repeat: no-repeat; background-position: center; height: 20px; vertical-align: middle; cursor: move;} 

.unsolved button{background: #ed7e00;}
.solved button{background: #008000;}

.sortablelist .sorter {
    background: url('../img/icon-move.png') center center;
    cursor: move;
    display: block;
    height: 24px;
    width: 24px;
}

.sortablelist .placeholder {
    background: #ccc;
    height: 40px;
    display: table-cell;
    column-span: 111;
    column-count: 3
}

.sortablelist .dragged {
    /*display: none;*/
}

.ulsort {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.ulsort .sorter {
    background: url('../img/icon-move.png') center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: move;
    /*display: inline-block;*/
    border: 1px solid black;
    border-radius: 25px;
    display: block;
    height: 24px;
    vertical-align: top;
    width: 24px;
}

.ulsort .placeholder {
    background: #ccc;
    height: 40px;
    display: table-cell;
    column-span: 111;
    column-count: 3
}

.ulsort .dragged {
    /*display: none;*/
}

.ulsort input {
    padding:5px;
}

.ulsort textarea {
    height: 60px;
    padding:5px;
    width: calc(100% - 10px);
}

.ulsort li {
    padding:10px 10px 0 10px;
    margin-bottom:15px;
}

.ulsort select {
    background: white !important;
    padding:5px;
}

.sortlicontent{
    padding:35px!important;
    margin-bottom:15px!important;
    border-radius: 5px!important;
    background-color: #eee!important;
 
}

.sortlicontent::after{
    content:'';
    display: block;
    clear: both;
}


#selector_content_content{

    display: inline-block;
}

.spantext{
    text-align: center;
    margin-left:30px;
    top:10px!important;
}

.spantext_right{
    position: relative;
    text-align: center;
    padding-top:10px;
    margin-top:10px;
    margin-right:30px;
   
}

.btnRemoveContent{
    float: right;
}

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

.selector_add_pdf{
    position: relative;
    margin-top: 0px!important;
}
.selector_add_text{
    position: relative;
    margin-top: 0px!important;
}

.add_textarea{
    margin-bottom: 8px;
}

.subtitle{
      vertical-align: text-bottom;
    margin-top: 15px!important;
    margin-bottom: 15px!important;
}

.add_status{
    margin-top: 15px;
    margin-bottom: 0px;
}

.add_subtitle{
    width:366px;
    margin-left: -7px;
    margin-top: 5px;
    margin-bottom: 15px;
}