@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap&subset=hebrew');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {vertical-align:top;}
*:focus { outline: none; }
blockquote:before, blockquote:after, q:before, q:after {fadebox:"";}
blockquote, q {quotes:"" "";}
a img {border:none;} 
hr{display: block;clear: both;background: #cccccc;color: #cccccc;width: 100%;height: 1px;border: none;} 
input, textarea, select {margin:0px;padding:0px;border:none;color: #000000;font: normal 14px  Rubik, Arial, Helvetica, sans-serif;background:none;vertical-align: middle;}
figure, form{margin:0}
fieldset{border:1px solid #cccccc;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;} 
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;float:left;margin:-2px 5px 0 0;width: 16px;height: 16px;}

button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize: none;} 

div:after, label:after {content: "";display: table;clear: both;}

img { -ms-interpolation-mode: bicubic;display: block; max-width:100%;}

#aspnetForm {display:inline} 

body {background:#f0f0f0 ;font-family:Rubik, Arial, Helvetica, sans-serif;font-size:14px;color:#333;height: 100%;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:500;color:#484848; margin:0px 0px 5px 0px;text-shadow: 1px 1px 1px #fff;}
h1 {font-size:30px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
a {color:#00458c;text-decoration:none;}
a:hover {color:#003c5c;}

html{font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;height: 100%;}
::-moz-selection, ::-webkit-selection, ::selection {background:#e21a22;color:#ffffff;text-shadow: none;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;}

.opensitemap, .opentemplates, .dshow, .toolsicons2 a.dshow, .sortableicon.dshow {display:none;}

.cmsaddnew a, .cmsbreadcrumbs a, .leftsidemenu a, .ItemDisplay, .toolsicons2 a, .sortableicon, .folder, .iconpageend, .addnew a,
input[type="submit"], .greybutton, .maintitle, .DelLink,.DelDGFile, #fileupload, .alertify-button, .zebra a,
.cmsleftsidelink a span {transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out; }
	
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea {color: #333;background: #fff;padding: 5px;min-width: 300px;-webkit-box-shadow: #999 0px 0px 5px;-moz-box-shadow: #999 0px 0px 5px;box-shadow: #999 0px 0px 5px;border-radius: 3px ;-moz-border-radius: 3px;-webkit-border-radius: 3px ;}

input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, select:focus,
textarea:focus {-webkit-box-shadow: 0px 0px 5px #00458c;-moz-box-shadow: 0px 0px 5px #00458c;box-shadow: 0px 0px 5px #00458c;}

input[type="submit"], input[type="button"], .greybutton {background:#00458c;padding:15px;color:#fff;text-align:center;margin:10px 0px;display:inline-block;text-shadow: 1px 1px 1px #000;cursor:pointer;width:100%;border-radius: 3px ;-moz-border-radius: 3px;-webkit-border-radius: 3px ;/*text-transform: uppercase;*/font-size: 16px;/*max-width:217px;*/}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"].back:hover,input[type="button"].back:hover {background:#ff8000;color:#fff;text-shadow: 1px 1px 1px #000;}
input[type="submit"].back,input[type="button"].back {float:right;background:#ccc;color:#666;text-shadow: 1px 1px 1px #fff;}
input[type="submit"].longbtn {width:100%;font-size: 14px;}
input[type="text"]:disabled {color:#aaa;background:#f0f0f0;}

.smg {width:100%;}
.sortableItem .itdouter {cursor:pointer;}

.itdinner {transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}

.login {padding:3% 0 0 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d0d0+0,d1d0d0+50,d1d0d0+50&1+0,0+50 */background: -moz-linear-gradient(top, rgba(209,208,208,1) 0%, rgba(209,208,208,0) 50%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(209,208,208,1) 0%,rgba(209,208,208,0) 50%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(209,208,208,1) 0%,rgba(209,208,208,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d0d0', endColorstr='#00d1d0d0',GradientType=0 ); /* IE6-9 */}
.login h1, .login h2 {text-align:center;margin:10px 0 0 0;color:#999;}

.loginbox {width:300px;margin:20px auto;}
.loginbox img {margin:auto;}
.loginbox label {display:block;margin:10px 0 0px 0}
.loginbox span {display:block;width:120px;float:left;line-height:29px;color:#666;}
.loginbox input {padding:3%}
.loginbox input[type="submit"] {margin:7% 0 0 0;padding: 5%;}

.cmsmain {background: url(../images/bg.png) repeat-x;width:100%;margin:0;padding:0px;}  

.header, .container {margin:0px 0px 5px 0px;padding:0 2%;position:relative;}
.header {padding:10px 2%;min-height:55px;}
.header h1 {float:left;font-size:20px;}
.header h1 .user {font-weight:bold;padding:0px 10px;}

.footer {background: url(../images/line.png) left top repeat-x;padding:20px 2%;}
.footer img {margin:0 15px 0 0;float:left;}

.leftside {width:23%;float:left;}
 
.leftside49 {width:49%;float:left;}
.rightside49 {width:49%;float:right;}

.addnew {overflow:hidden;border-bottom:5px solid #6d6d6d;margin-bottom:5px;}
.addnew a, .addnew button[type="submit"] {background:#7a7a7a url(../images/folder.png) 5px center no-repeat;font-size:16px;border-radius: 3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;padding: 14px 10px 10px 40px;margin:0 10px 0 0px;float:left;color:#fff;text-align:center;list-style-type:none;text-shadow: 1px 1px 1px #333;cursor:pointer;}
.addnew button[type="submit"] {border:none;margin:0px;font-size:14px;}
.addnew a:hover, .addnew button[type="submit"]:hover {background-color:#00458c;}
.addnew a.order {float:right;font-size:11px;font-style:italic;padding:3px 10px;margin:6px 0px 0px 5px;display:none;}

.leftside .title {text-shadow: 1px 1px 1px #fff;border:1px solid #f0f0f0;color:#777;font-size:18px;padding:5px 0px 5px 7px;-webkit-box-shadow: #999 0px 1px 1px;-moz-box-shadow: #999 0px 1px 1px;box-shadow: #999 0px 1px 1px;z-index: 1;position: relative;margin-left:1px;background: #f8f8f8;background: -moz-linear-gradient(top, #f8f8f8 0%, #d8d8d8 100%); background: -webkit-linear-gradient(top, #f8f8f8 0%,#d8d8d8 100%); background: linear-gradient(to bottom, #f8f8f8 0%,#d8d8d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d8d8d8',GradientType=0 );}
.leftside .title:first-of-type {display:none;}

.leftsidemenu {margin:0px 0px 10px 1px;}
.leftsidemenu a {padding: 10px 0px 10px 10px;display: block;text-shadow: 1px 1px 1px #fff;background:#eee url(../images/line.png) left bottom repeat-x;}
.leftsidemenu a:hover {background-color:#ccc;}
.leftsidemenu a:hover, .leftsidemenu a.this {background-color:#00458c;color:#fff;text-shadow: 1px 1px 1px #000;}

.leftside .leftsidemenu:nth-child(2) a {padding:12px 5px;color:#333;-webkit-box-shadow: #999 0px 3px 3px;-moz-box-shadow: #999 0px 3px 3px;box-shadow: #999 0px 3px 3px;border:1px solid #f0f0f0;background: #e7e7e7;margin:0 -1px 15px -1px;font-size:18px;background: -moz-linear-gradient(top, #e7e7e7 0%, #a1a1a1 100%); background: -webkit-linear-gradient(top, #e7e7e7 0%,#a1a1a1 100%); background: linear-gradient(to bottom, #e7e7e7 0%,#a1a1a1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#a1a1a1',GradientType=0 );}
.leftside .leftsidemenu:nth-child(2) a:hover {color:#fff;text-shadow: 1px 1px 1px #000;background: #0062c4;background: -moz-linear-gradient(top, #0062c4 0%, #00458c 100%); background: -webkit-linear-gradient(top, #0062c4 0%,#00458c 100%); background: linear-gradient(to bottom, #0062c4 0%,#00458c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0062c4', endColorstr='#00458c',GradientType=0 ); }

.FolderDisplay, .ItemDisplay, .liststyle div {display:block;border-bottom: 1px solid #fff;z-index:99;position:relative}
.FolderDisplay:hover {z-index:111;}
.FolderDisplay:first-of-type, .ItemDisplay:first-of-type {border-top: 1px solid #fff;}
.FolderDisplay:nth-of-type(odd), .ItemDisplay:nth-of-type(odd), .liststyle div:nth-of-type(odd) {background: #e0e0e0;}
.FolderDisplay:hover, .ItemDisplay:hover {background:#d7d7d7;}
.FolderDisplay:hover .folder, .FolderDisplay:hover .iconpageend, .ItemDisplay:hover .iconpageend {opacity:1}
.FolderDisplay:hover .toolsicons2 a, .ItemDisplay:hover .toolsicons2 a, .FolderDisplay:hover .sortableicon, .FolderDisplay:hover .emaidetailsicon, .ItemDisplay:hover .sortableicon, .ItemDisplay:hover .emaidetailsicon {opacity:.6}

.FolderDisplay .maintitle a:before, .ItemDisplay .maintitle a:before {display: block;content:"";margin: -10px 5px 0 0px;float: left;width: 41px;height: 35px;transform: scale(.8);background: url(../images/spritecms.png) -952px 0px no-repeat;}
.ItemDisplay .maintitle a:before {background: url(../images/spritecms.png) -1092px -2px no-repeat;}
.FolderDisplay.FullFolder .maintitle a:before {background: url(../images/spritecms.png) -898px 0px no-repeat;}

.zebra {border-bottom: 1px solid #fff;z-index:99;position:relative;padding:5px 10px;}
.zebra:nth-of-type(even) {background: #f0f0f0;}
.zebra span {display:inline-block;margin:0 10px 0 0;float:left;padding: 15px 0 0 0;}
.zebra a {float: right;display: block;width: 40px;height: 45px;background: url(../images/spritecms.png) -191px 4px no-repeat;text-indent: -1000px;transform: scale(0.6);}
.zebra a.edit {background: url(../images/spritecms.png) -689px 4px no-repeat;}
.zebra a:hover {transform: scale(1);}

.folder, .iconpageend {position: absolute;left: 5px;top: 23px;background: #666;width: 5px;height: 5px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.FolderDisplay:hover .folder, .ItemDisplay:hover .iconpageend, .FolderDisplay:hover .iconpageend, .ItemDisplay:hover .folder {background:#ff8000 ;border-radius: 0px ;-moz-border-radius: 0px;-webkit-border-radius: 0px;left:0;top:0;height:100%;width:10px;border:none;border-right:1px solid #fff}

.maintitle {display:block;float:left;opacity:.8;width:100%;max-width:60%}
.maintitle:hover {opacity:1}
.maintitle a {font-size:16px;color:#000;text-shadow: 1px 1px 1px #fff;padding: 16px 0 14px 10px;display: block;position:relative;}
.notvisible {background: #f0f0f0;}
.notvisible .maintitle a {opacity: .6;}

.maintitle span.contactus {display: inline-block; padding:15px; min-width: 180px;}
.maintitle.subtitle {font-weight:bold;}
.maintitle.inner {display:inline-block; padding:20px;background: #fff;}
.maintitle.inner p, .maintitle.inner img {margin:0 0 10px 0;}
.maintitle.inner img {max-width:150px;}

a.InVisibleFolder {color:#999;}

.liststyle div a {float:right;cursor:pointer;display:inline-block;padding:5px;}
.liststyle div span {padding:5px;display:inline-block;}
.liststyle div span:nth-child(2n) {min-width:200px;}

.toolsicons2 {position:relative;float:right}
.toolsicons2 a, .sortableicon, .emaidetailsicon, .extraiconsplace a {display:block;margin:0px;float:right;font-style:italic;font-size:12px;width:40px;height:45px;opacity:.5;transform: scale(.8);position:relative}
.extraiconsplace a {float:left;opacity:1;transform: scale(1);}
.FolderDisplay .toolsicons2 a:hover, .ItemDisplay .toolsicons2 a:hover, .FolderDisplay .sortableicon:hover, .ItemDisplay .sortableicon:hover, .FolderDisplay .emaidetailsicon, .ItemDisplay .emaidetailsicon {opacity:1;transform: scale(1);}
.toolsicons2 .edit {background: url(../images/spritecms.png) -689px 4px no-repeat;}
.toolsicons2 .Send { background: url(../images/spritecms.png) -845px 6px no-repeat;cursor:pointer}
.toolsicons2 .editTemlate, .extraiconsplace .editTemlate {background: url(../images/spritecms.png) 3px 3px no-repeat;}
.toolsicons2 .AddEditLink, .extraiconsplace .AddEditLink {background: url(../images/spritecms.png) -86px 4px no-repeat;}
.toolsicons2 .deleteicon {background: url(../images/spritecms.png) -1000px 4px no-repeat;} 
.toolsicons2 .preview {background: url(../images/spritecms.png) -191px 4px no-repeat;}
.toolsicons2 .moveItem, .moveItemVF {background: url(../images/spritecms.png) -1046px 4px no-repeat;}
.toolsicons2 .RestrictedItem, .extraiconsplace .RestrictedItem {background: url(../images/spritecms.png) -799px 5px no-repeat;}
.toolsicons2 .AddCategoryItem {background: url(../images/spritecms.png) -605px 3px no-repeat;}
.toolsicons2 .AddFieldItem {background: url(../images/spritecms.png) -604px 3px no-repeat !important;}
.toolsicons2 .showRelated {background: url(../images/spritecms.png) -760px 3px no-repeat;}

.previewplace {position: absolute;right: -100px;top: 40px;background: #fff;border: 1px solid #ccc;padding: 5px;display: none; font-size: 16px;width: 300px;}
.previewplace div {padding:10px 5px;border-bottom:1px solid #ccc;}
/*.toolsicons2 .preview:hover .previewplace {display:block}*/

.iconplace {float:right;width:45px;height: 45px;}

.dialogMoveContent input {border-bottom: 1px solid #fff;background:none;padding: 5px 10px;margin:0;width:100%;color:#000;font-size: 16px;display:block;text-shadow: 1px 1px 1px #fff;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;text-transform:none;text-align:inherit}
.dialogMoveContent label {display:block;border-bottom:1px solid #f0f0f0;}
.dialogMoveContent .movelabel.level0 {background:#ccc;}
.dialogMoveContent .movelabel.level1 {background:#f0f0f0;}
.dialogMoveContent .movelabel.level2 {padding:0 0 0 20px;}
.dialogMoveContent .movelabel.level3 {padding:0 0 0 45px;}
.dialogMoveContent .movelabel.level4 {padding:0 0 0 60px;}
.dialogMoveContent .movelabel.level5 {padding:0 0 0 75px;}
.dialogMoveContent .movelabel.level6 {padding:0 0 0 90px;}
.dialogMoveContent .movelabel.level3 input, .dialogMoveContent .movelabel.level4 input {font-size:14px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

#NewCategoryValByLang label input[type="checkbox"] {float:left;margin: 2px 5px 0 0;}

.sortableicon {cursor:pointer;background: url(../images/spritecms.png) -239px 3px no-repeat;}
.emaidetailsicon {cursor: pointer;background: url(../images/spritecms.png) -191px 4px no-repeat;}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:Rubik, Arial, Helvetica, sans-serif;font-size: 1em;}
.ui-widget.ui-widget-content {border:none;-webkit-box-shadow: #ccc 0px 1px 3px;-moz-box-shadow: #ccc 0px 1px 3px;box-shadow: #ccc 0px 1px 3px;}
.ui-tabs .ui-tabs-panel {padding:15px;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: .74em .9em;}
.ui-widget-content a.bluebutton, .bluebutton, .bluebuttonCircle, .addImageLink {background:#00458c;width:150px;padding:10px 15px;color:#fff;margin:0px 10px 0px 0px;text-align:center;display:inline-block;text-shadow: 1px 1px 1px #000;min-width:90px;cursor:pointer;}
.ui-widget-content a.bluebutton:hover {background:#005683;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {text-shadow: 1px 1px 1px #000;background:#00458c;border:1px solid #00458c;}
.ui-widget-overlay {background: #000;opacity: .7;}

.ImageItem, .FileItem, .LinkItem, .fileContaine {border-top:1px solid #ccc;margin:10px 0 0px 0;padding:25px 0 0px 0;}
.form .boxcaption {border-top:1px solid #ccc;margin:15px 0 0px 0;padding:15px 0 5px 0;display:none}

.form .imgsize {text-align:center;vertical-align:middle;padding:0px;margin:0 0px 0px 10px;width:30%;height:215px;border:1px solid #ccc;background:#f0f0f0;float:right;position:relative;display: flex;justify-content: center;align-items: center;overflow:hidden}
.form .imgsize img {}

.imgexplanation {float:left;}

.table .preview {text-align:center;vertical-align:middle;padding:0px;margin:0 10px 0px 0px;width:133px;height:100px;border:1px solid #ccc;background:#f0f0f0;float:left;position:relative;}
.table .preview img {max-width:133px;max-height:98px;width:auto;margin: auto;}
.table td:first-of-type {width:135px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 5px;}
.table .name {max-width:300px;text-overflow: ellipsis;white-space: nowrap; display:block;overflow: hidden;}

.DelFile {text-indent:-1000px;width:35px;height:35px;overflow:hidden;background: url(../images/spritecms.png) -727px -3px no-repeat;display:block;position:absolute;right:0px;top:0px;cursor:pointer;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px ;}

.status {display:none}
.langswich {padding:7px 0 0px 0;display:none}
.langswich label {margin:0 10px 0 0;display:inline-block;line-height:100%}
.langswich label span {font-size:14px;}
.langswich input[type="checkbox"] {
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 30px;
    height: 17px;
    background: #333;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.langswich input[type="checkbox"]:checked {
    background: #ff8000;
}
.langswich input[type="checkbox"]:after {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 0.25em rgb(0 0 0 / 30%);
    box-shadow: 0 0 0.25em rgb(0 0 0 / 30%);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.langswich input[type="checkbox"]:checked:after {
    left: calc(100% - 23px);
}

#btnUploadImages, #AddLink,.DelLink, .DelDGFile, #fileupload {background: url(../images/img.png) 10px center no-repeat;text-shadow: 1px 1px 1px #ccc;color: #000;padding:17px 10px 12px 60px;width:auto;border:1px solid #fff;font-size:18px;cursor:pointer;border-radius: 3px ;-moz-border-radius: 3px;-webkit-border-radius: 3px ;}
#AddLink {background: url(../images/link.png) 10px center no-repeat;}
.DelLink,.DelDGFile {background: url(../images/del.png) 10px center no-repeat;float:right;}
#fileupload {background: url(../images/upload.png) 10px center no-repeat;}
#btnUploadImages:hover, #AddLink:hover, .DelLink:hover,.DelDGFile:hover, #btnUploadImages:focus, #AddLink:focus, .DelDGFile:focus, #fileupload:hover, #fileupload:focus {background-color:#f0f0f0;-webkit-box-shadow: #999 0px 1px 1px;-moz-box-shadow: #999 0px 1px 1px;box-shadow: #999 0px 1px 1px;color:#000;}
#btnUploadImages:focus, #AddLink:focus,.DelLink:focus, .DelDGFile:focus, #fileupload:focus {background-color:#ccc;}

form#fileupload, form#fileupload:hover {padding:0;margin:0;background:none;font-size:14px;border:none;cursor:default}
form#fileupload .row {margin:0}
form#fileupload .row .col-lg-7, form#fileupload .row .col-lg-5 {padding:0}
form#fileupload .btn {border-radius: 3px ;-moz-border-radius: 3px;-webkit-border-radius: 3px;background:#999;border:none;text-shadow: 1px 1px 1px #000;padding:10px;min-width:140px;}
form#fileupload .btn:hover {background:#ff8000;color:#fff;}
form#fileupload .btn-success {background:#00458c;}

.popupframe {background:none}
 
.listOfCategories {margin:0 0 10px 0;}
.form label, .listOfCategories label, .contactform label, .ddlLang, .ddlFields {display: block;margin:0 0 15px 0;clear: both;}
.listOfCategories label {float:left;width:100%;}
.listOfCategories label select, .listOfCategories label input {max-width:250px;float:left;}
.ui-dialog .ui-dialog-content .listOfCategories label input {min-width: 150px;    max-width: 75%;float: right;}
.listOfCategories input[type="submit"] {max-width: 100%;}
.listOfCategories h3 {margin:0 0 10px 0;}

.form label span, .listOfCategories label span, .ddlLang span, .ddlFields span, .ddlWriter span {display:inline-block;padding:0px 5px 0px 0px;float:left;width:20%;}
.form label span {width:185px;}
.form label .checkboxname {width: 300px;}
.form .FieldsContent span, .form span.important, .listOfCategories label span {padding:5px 5px 0px 0px;}
.form span.important, .mandatory{color:#cc0000;}
.form span.important:after {content:"*";color:#cc0000;padding:0 3px}
.form textarea {min-height:100px;}
.form .Fields.checkbox {margin:3px 5px 0 0}
.contactform label > span {min-width:150px;display:inline-block;}

#areaOfitems {margin:10px 0;}
#areaOfitems label, .categoryItem, .dialogCategoryContent a {display: block;padding:3% 4%;border-bottom:1px solid #ccc;background: #e2e2e2;}
#areaOfitems label input {margin:3px 5px 0 0;}
#areaOfitems label span {overflow:hidden;display:block}
#areaOfitems label:nth-of-type(odd), .categoryItem:nth-of-type(odd), .dialogCategoryContent a:nth-of-type(odd) {background: #f0f0f0;}
#areaOfitems label a {text-decoration:underline}
.dialogCategoryContent a:hover {background:#ccc;}

#areaOfCategory {margin:20px 0 0 0}

.spritX {background: url(../images/spritecms.png) -737px -12px no-repeat;width:16px;height:16px;display:inline-block;float:right;margin:0 0px 0 5px;cursor:pointer;}
.subtitle .mandatory {font-size:12px;padding:0px 5px;}

.checkboxlist label {margin:5px 0 5px 0;display:block;line-height: 140%;}
.checkboxlist input {float:left;margin:1px 5px 0 0;}
label.selectCategories:not(:first-child) { margin-left: 20px;}
label.selectCategories:first-child {font-weight: bold;}

.priceContent label {float:left;clear:none}
.priceContent label input[type="checkbox"] {margin: 3px 5px 0 10px;}
.priceContent label span {padding-top:5px}

.toggleplace {display:block;}

.visibleplace {padding:30px 0 0 0;border-top:1px solid #ccc;}

.clear {clear:both;width:100%;height:1px;line-height:1px;}

.alertify-log, .alertify, .alertify-button {border-radius: 3px !important;-moz-border-radius: 3px !important;-webkit-border-radius: 3px !important; }
.alertify-log-error {   text-shadow: 1px 1px 1px #333;}
.alertify-log-success {   text-shadow: 1px 1px 1px #333;}
.alertify {border: 3px solid #00458c;border: 3px solid rgba(0,69,140,.7);}
.alertify-button-ok {background: #00458c;border:none !important;background-image:none !important}
.alertify-button-ok:hover, .alertify-button-ok:focus {background: #ff8000;}
.alertify-button {min-width:100px;margin: 20px 10px 0 10px !important;box-shadow: inset 0 0px 0 0 rgba(255,255,255,0)!important;-webkit-box-shadow: #999 0px 0px 0px !important;-moz-box-shadow: #999 0px 0px 0px !important;box-shadow: #999 0px 0px 0px !important;}
.alertify-cover {opacity: .5;}
.alertify-button-cancel, .alertify-button-cancel:hover, .alertify-button-cancel:focus {background:#cc0000;background-image:none !important}

.ddlCategory span {font-size:20px;margin: 0 10px 0 0;}
.ddlCategory select {color: #666;padding: 10px;-webkit-box-shadow: #666 0px 0px 2px;-moz-box-shadow: #666 0px 0px 2px;box-shadow: #666 0px 0px 2px;min-width: 300px;font-size: 16px;}

.loadingplace {background: #fff\8;background: rgba(250, 250, 250, 0.8);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}
.loadingplace img {position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;}

.ddlCategory {margin: 0 0 20px 0px;display: inline-block;}

.FormFieldContainerBTN input[type="button"], .FormFieldContainer input[type="button"] {padding:10px 10px;font-size:14px;width:auto;margin:10px 10px 0 0;text-transform:inherit;background:#999;}
.FormFieldContainerBTN input[type="button"]:hover, .FormFieldContainer input[type="button"]:hover {background: #00458c;}
.formfieldItem select {width:auto}
.formfieldHeder, .formfieldItem {border-bottom:1px solid #ccc;padding:0px 0 20px 0;margin:0 0 20px 0}
.FormFieldItemContainer {background:#f0f0f0;padding:30px;margin:20px 0 0px 0;}

.cms form#form1 {display:inline}
.cmswrapper {min-height: 100%;display: -ms-flexbox;display: -webkit-box;display: -moz-box;display: -ms-box;display: box;-ms-flex-direction: row;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-ms-box-orient: horizontal;box-orient: horizontal;}

.cmsleftside, .cmsleftside span, .cmsleftside h1, .cmsleftside a {color:#edf1f4;text-shadow: 0px 1px 3px #333;}

.cmsleftside {background: url(../images/bgleftsidemain.png) 0 0px repeat-y;max-width:470px;min-width: 25%;-ms-flex: 0 470px;-webkit-box-flex:  0;-moz-box-flex:  0;-ms-box-flex:  0;box-flex:  0;/*padding:0 0 0 90px*/}

.cmsleftmenu {position:relative;z-index:2;}

.cmscontainer {-ms-flex: 1; -webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;  padding:10px 30px;z-index:99}

.cmsheader {background: url(../images/cmsline.png) 0 bottom repeat-x;height:90px;position:relative;padding:10px 30px 10px 120px;}
.cmsleftside .logocatomtop {display:none;width:90px;height: 88px;background:#ff8000 url(../images/iconmenu1.png) center 5px no-repeat;text-align:center;position:absolute;left:0;top:0;font-size:12px;padding:65px 0 0 0;z-index:3; -moz-box-shadow:   inset -3px 0px 10px -2px #333;-webkit-box-shadow: inset -3px 0px 10px -2px #333;box-shadow:         inset -3px 0px 10px -2px #333;}
.cmsheader h1 {font-size:16px;}
.cmsheader h1 span {padding:0 5px 0 5px;}
.logocatomtop img, .cmsopensitemap, .cmsopentemplates, .systemwelcome, .cmsopenmenu {display:none}

.cmsfooter {width:90px;float:left;margin:20px 0 0 0}
.cmsfooter img {margin:10px auto 0px auto;}

.cmsleftsidemenu {margin:0 0 0 90px;}

.cmsleftsidelink {position:relative;min-height:76px;background: url(../images/cmsline.png) 0 bottom repeat-x;}
.cmsleftsidelink a {display:block;background: url(../images/cmsline.png) 0 bottom repeat-x;}
.cmsleftsidelink a span {display:block;padding:11px 30px;}
.cmsleftsidelink a:hover span, .cmsleftsidelink a.this span {background: #000\35;background: rgba(0, 0, 0, 0.35);}

.cmstitle {display:block;background: url(../images/iconmenu2.png) center 2px no-repeat;text-align:center;position:absolute;left:-90px;top:-2px;z-index:3;}
.cmsleftsidelink:first-of-type {min-height:0;}
.cmsleftsidelink:first-of-type a {width:90px;height: 88px;background:#ff8000 url(../images/iconmenu1.png) center 5px no-repeat;text-align:center;position:absolute;left:-90px;top:-90px;font-size:12px;padding:0;z-index:3; -moz-box-shadow:   inset -3px 0px 10px -2px #333;-webkit-box-shadow: inset -3px 0px 10px -2px #333;box-shadow:         inset -3px 0px 10px -2px #333;}
.cmsleftsidelink:first-of-type a span {padding:0;padding:64px 0 10px 0;}
.cmsleftsidelink:first-of-type .cmstitle {display:none}
.cmstitle:after {content:"";width:100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */position:absolute;left:0;bottom:0;height:78px;}
.cmsleftsidelink:nth-of-type(2n) .cmstitle {background: url(../images/iconmenu2.png) center 25px no-repeat;}
.cmsleftsidelink:nth-of-type(3n) .cmstitle {background: url(../images/iconmenu6.png) center 25px no-repeat;}
.cmsleftsidelink:nth-of-type(4n) .cmstitle {background: url(../images/iconmenu5.png) center 25px no-repeat;}
.cmsleftsidelink:nth-of-type(5n) .cmstitle {background: url(../images/iconmenu4.png) center 25px no-repeat;}
.cmsleftsidelink:nth-of-type(6n) .cmstitle {background: url(../images/iconmenu7.png) center 25px no-repeat;}
.cmsleftsidelink:nth-of-type(7n) .cmstitle {background: url(../images/iconmenu8.png) center 25px no-repeat;}
.cmsleftsidelink:nth-of-type(8n) .cmstitle {background: url(../images/iconmenu9.png) center 25px no-repeat;}
.cmstitle span {color:#ccc;display:block;width:90px;height: 78px;background: url(../images/cmsline2.png) center 0px repeat-x;font-size:8px;padding:10px 0 0 0;letter-spacing: .5px;text-transform: uppercase;z-index: 2;position: relative;}

.cmsaddnew {margin:0 0 30px 0;}
.cmsaddnew a {background:#666;float: left;margin:0 20px 0 0;text-align:center;padding:20px;color:#fff;text-transform:uppercase;border-radius: 5px ;-moz-border-radius: 5px;-webkit-border-radius: 5px ;text-shadow: 0px 1px 4px #666;}
.cmsaddnew a:hover, .cmsaddnew a:focus, .cmsaddnew a.this, #btnCategoryView:hover {background:#ff8000;}
#btnCategoryView, #btnRegularView {background: #ccc;float:right;margin:0;cursor:pointer;    color: #666;text-shadow: 1px 1px 1px #fff;}

.menusection {margin:0 0 30px 0;}

/*.containerAttributes .FieldsContent:first-of-type {display:none}*/
.containerAttributes h3,.containerAttributes1 h3, .containerAttributes2 h3, .containerAttributes3 h3, .containerAttributes4 h3, .containerAttributes5 h3 {cursor:pointer;font-size:20px;background: url(../images/more.png) 0 15px no-repeat;padding:15px 0 0 30px;border-top:1px solid #ccc;margin:0 0 15px 0;}
.containerAttributes h3 span,.containerAttributes1 h3 span,.containerAttributes2 h3 span,.containerAttributes3 h3 span,.containerAttributes4 h3 span,.containerAttributes5 h3 span {font-size:12px;}

.cmsbreadcrumbs {margin:0 0 15px 0;border-bottom: 1px solid #ccc;}
.cmsbreadcrumbs span, .cmsbreadcrumbs a {display:inline-block;color:#000;padding:10px 5px;}
.cmsbreadcrumbs span {color:#666;}
.cmsbreadcrumbs a:hover {background:#d7d7d7;}
.cmsbreadcrumbs a:first-of-type {padding:10px 5px;}

.greybox {padding:15px;margin:0 0 15px 0;background:#ddd;border:1px solid #ccc;}
.greybox input {float:left;margin:-5px 10px 0 0;padding:5px;}
.greybox input[type="file"] {margin:-8px 10px 0 0}

.alertgrey {padding:5px;float:right}

.padding10 {padding:10px;}

.ui-dialog .ui-dialog-content {padding:.5em;}
.ui-dialog .ui-dialog-content input[type="text"], .ui-dialog .ui-dialog-content input[type="password"], 
.ui-dialog .ui-dialog-content input[type="tel"], .ui-dialog .ui-dialog-content input[type="email"], 
.ui-dialog .ui-dialog-content select, .ui-dialog .ui-dialog-content textarea {min-width: 200px;}

.d_none {display:none}
.divinmodul{width:100%; height: 100%}
.divinmodul .up{width: 100%;height: 20px;clear: both;}

.divinmodul .left{width: 38%;border: 1px #cccccc solid;height: 75%;float: left;overflow-x: auto;}
.divinmodul .middel{width: 22%;height: 75%;float: left;text-align: center;padding-top: 140px}
.divinmodul .right{width: 39%;border: 1px #cccccc solid;height: 75%;float: right;overflow-x: auto;}
.divinmodul .down{width: 100%;height: 50px;clear: both;padding: 20px 0 0 0;}
.divinmodul .down .title {width:100px;display:inline-block}
.divinmodul .middel input[type="submit"]{   width: 32%;height: 34px;display: block;margin: 32px 0px 0px 36%;text-align: center;}
.divinmodul .middel input[type="submit"].moovFieldLeft{   background: url(../images/sprite2.png) -34px -70px no-repeat;}
.divinmodul .middel input[type="submit"].moovFieldRight{ background: url(../images/sprite2.png) -124px -70px no-repeat;}

.divinmodul .ulholder ul{list-style: none; padding:5px 0 0 5px;}
.divinmodul .ulholder ul li { min-height: 30px;width: 150px;border: 1px #000 solid;margin:0 0 3px 0;padding: 5px 10px; z-index: 2;cursor: pointer;}
.divinmodul .ulholder ul li.selected { background: #09f; }
.divinmodul .up .left{    width: 38%;height: 100%;float: left;border:none;text-align:center;}
.divinmodul .up .right{    width: 38%;height: 100%;float: right;border:none;text-align:center;}
.divinmodul .down .orderUp{height: 20px;width: 20px;background: url(../images/arrowsupdown.png) 0px 0px no-repeat;display: inline-block;cursor: pointer;}
.divinmodul .down .orderDown{height: 20px;width: 20px;background: url(../images/arrowsupdown.png) 0px -23px no-repeat;display: inline-block;margin: 0 0px 0px 15px;cursor: pointer;}
.divinmodul .down .check {display: block;margin: 0 0px 10px 0px;cursor: pointer;}
.divinmodul .down .order{width: 50%;float: right;padding: 0 0px 0px 117px;}
.divinmodul .down .range {width: 44%;float: left;}
.range span {display: inline-block;width:50px;float: left;margin:0 5px 0 0}
.range input {width:100px;}
.range input.isRange {display: inline-block;float:left;margin:0 5px 0 0;width:15px;}

.membertosenditem {display: block;clear: both;}
.groupSelect {margin: 0 0 16px 0;}

.navigator {direction: ltr;width: 100%;margin: 20px 0;text-align: center;}
.navigator span {display: inline-block;padding: 5px;background: #fff;color: #000;margin: 0 3px 1px 3px;cursor: pointer;text-align: center;min-width: 40px;border: none;}
.navigator span:hover, .navigator span.active {background: #000;color: #fff;}
.navigator span a {color: #000}
.navigator span.active a, .navigator span:hover a {color: #FFF;}

.searchbox {margin-bottom: 15px;padding: 10px;background: #FFF;}

input[type="submit"].searchboxbtn {padding: 8px;width: auto;margin: auto auto auto 4px;text-transform: none;}

#MMSystemTD label input[type="checkbox"] {font-size: 30px;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 40px;height: 20px;background: #ddd;border-radius: 20px;position: relative;cursor: pointer;outline: none;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#MMSystemTD label input[type="checkbox"]:checked {background: #ff8000;}
#MMSystemTD label input[type="checkbox"]:after {position: absolute;content: "";width: 20px;height: 20px;border-radius: 50%;background: #fff;-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);box-shadow: 0 0 .25em rgba(0,0,0,.3);-webkit-transform: scale(.7);transform: scale(.7);left: 0;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#MMSystemTD label input[type="checkbox"]:checked:after {left: calc(100% - 20px);}
#MMSystemTD input[type="submit"], #MMSystemTD input[type="button"], #MMSystemTD .greybutton {max-width:300px;}
.choosetitle {
    margin: 20px 0 5px 1%;
    font-weight: 600;
    padding: 10px 0 0 0;
    border-top: 1px solid #ccc
}

.chooseboxplace {
    display: flex;
    align-content: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

    .chooseboxplace > div {
        width: 31%;
        padding: 1%;
        margin: 1%;
        -moz-box-shadow: 0px 0px 2px rgba(100,100,100,0.5);
        -webkit-box-shadow: 0px 0px 2px rgba(100,100,100,0.5);
        box-shadow: 0px 0px 2px rgba(100,100,100,0.5);
    }

        .chooseboxplace > div:hover {
            -moz-box-shadow: 0px 0px 5px rgba(50,50,50,0.5);
            -webkit-box-shadow: 0px 0px 5px rgba(50,50,50,0.5);
            box-shadow: 0px 0px 5px rgba(50,50,50,0.5);
        }

.choosebox label {
    float: left;
    clear: none;
    margin: 0;
}

    .choosebox label:nth-of-type(2n) {
        float: right;
    }

    .choosebox label input[type="text"] {
        min-width: initial;
        width: 30px;
        padding: 1px;
        text-align: center;
        -webkit-box-shadow: #999 0px 0px 1px;
        -moz-box-shadow: #999 0px 0px 1px;
        box-shadow: #999 0px 0px 1px;
    }

    .choosebox label span {
        width: auto;
    }

.choosebox .title {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    font-weight: 600;
    min-height: 40px;
}


.threedots {display:none}

@media screen and (min-width: 768px) and (max-width: 1050px) 
{
    .maintitle {max-width:380px;}
    .ipadmenu { display:none !important}
    .cmscontainer {padding: 10px;}
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: .74em .8em;}
}

@media screen and (min-width: 601px) and (max-width: 1000px) 
{
	.order {display:block !important;}
}

@media screen and (max-width: 768px)
{
    @-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {border-radius: 0;}
    .systemwelcome, .leftside, .cmsfooter, .cmsleftmenu {display:none}
    .header {padding:5px 2% 10px 2%;border-bottom:1px solid #ccc;margin:0 0 10px 0}
    .header h1 {font-size:18px;width:100%;text-align:center;}
    .header h1 span.user {padding:0 5px;}
    .ui-tabs .ui-tabs-panel {padding:5px;}
    .logocatomtop {width:20%;display:none}
    #MMSystemTD, input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea, input[type="submit"]{width:100%;padding:3%;min-width:initial}
	#MMSystemTD {padding:0;}
	input[type="submit"], input[type="button"], .greybutton{width:100%;padding:5%;max-width:100%;}
    .ui-widget.ui-widget-content {max-width:100%;margin:0 auto; }
	.ui-draggable .ui-dialog-titlebar {margin: 50px 0 0 0;}
    .form label span{   padding:1px 5px;}
	.form .FieldsContent span, .form span.important, .listOfCategories label span {padding:5px;}
     .listOfCategories label span {    width: 25%;padding:5px;}
    .listOfCategories label select, .listOfCategories label input {max-width:70%;}
    .ui-widget-header {border:none;}
    .footer img {margin: auto;}
    .table td:first-of-type {width:auto;}
	.maintitle a {padding: 10px 0 10px 15px;}
	.folder, .iconpageend {top: 18px;}
	.imgexplanation {width: 65%;}
    .ui-dialog .ui-dialog-content {padding:5px 0;}
	.ui-dialog .ui-dialog-content input[type="text"], .ui-dialog .ui-dialog-content input[type="password"], 
	.ui-dialog .ui-dialog-content input[type="tel"], .ui-dialog .ui-dialog-content input[type="email"], 
	.ui-dialog .ui-dialog-content select, .ui-dialog .ui-dialog-content textarea {min-width: 200px;}
    input[type="checkbox"], input[type="radio"] {    margin: 1px 0px 0 0;}
    .checkboxlist input[type="checkbox"] {margin: 4px 5px 0 0;}
    .ui-tabs .ui-tabs-nav, .ui-tabs {padding:0;border-radius: 0px;-moz-border-radius:  0px;-webkit-border-radius: 0px;}
    .FolderDisplay, .ItemDisplay {padding:2px 0 5px 0}
    .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-active {width: 32.3%;margin:0 1% 1% 0;white-space:normal;border: 1px solid #c5c5c5;border-radius: 0px;-moz-border-radius:  0px;-webkit-border-radius: 0px;padding:0;}
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:5px;text-align:center;float:none;display:block;    font-size: .9em;}
    .opensitemap, .opentemplates {text-shadow: 1px 1px 1px #333;width:48%;line-height: 34px;background:#00458c;padding:5px;color:#fff;display:block;float:left;-webkit-box-shadow: #999 0px 1px 1px;-moz-box-shadow: #999 0px 1px 1px;box-shadow: #999 0px 1px 1px;border-radius: 3px ;-moz-border-radius: 3px;-webkit-border-radius: 3px ;font-size:16px;}
    .opensitemap:hover, .opentemplates:hover {background:#333;}
    .opentemplates {float:right;}
    .opensitemap span, .opentemplates span {background: url(../images/spritecms.png) -462px 0px no-repeat;width:37px;height:35px;float:left;margin:0 10px 0 0;}
    .opentemplates span {background-position:-425px 0}
    .addnew {margin:0px 0 5px 0;}
    .addnew a, .addnew button[type="submit"] {background:#7a7a7a;font-size:14px;padding: 5px 10px 5px 10px;margin:0 5px 0 0px;}
    .table .preview {margin:0px;width:50px;height:38px;}
    .table .preview img {max-width:50px;max-height:37px;}
    form#fileupload .btn {min-width: 50px;}
    #btnUploadImages, #AddLink,.DelLink, .DelDGFile, #fileupload {font-size: 16px;}
    .cmswrapper,  .cmscontainer {max-width:100%;width:100%;display:block;}
    .cmsleftside, .maintitle {max-width:100%}
    .cmscontainer {padding:60px 5px 5px 5px;}
    .cmsaddnew {margin:0px 0 0px 0;}
    .cmsaddnew a {width:100%;margin:0 0 10px 0;padding:15px  10px;font-size: 12px;}
    .cmsheader {height:auto;padding:15px 5px 15px 100px;position:fixed;background: url(../images/bgleftsidemain.png) 0 0px repeat-y;width:100%;z-index:998;-webkit-box-shadow: #333 0px 1px 2px;-moz-box-shadow: #333 0px 1px 2px;box-shadow: #333 0px 1px 2px;}
    .cmsheader h1 {margin:0;text-align:center;overflow: hidden; text-overflow: ellipsis;white-space:nowrap}
    .cmsopenmenu {position: absolute;left:0;top:0;display:block;line-height: 48px;width:90px;height:49px;background: #ff8000;-moz-box-shadow: inset -5px 0px 5px -3px #444;-webkit-box-shadow: inset -5px 0px 5px -3px #444;box-shadow: inset -5px 0px 5px -3px #444;}
    .cmsopenmenu span {background: url(../images/spritecms.png) -526px -1px no-repeat;width: 40px;height: 40px;float: left;margin: 5px 5px 0 0;}
    .cmsleftmenu {padding: 50px 0 0 0;}
    .cmsleftsidemenu {margin: 35px 0 0 90px;}
    .cmsleftsidelink:first-of-type a {background: #ff8000;left:0;width:100%;height:90px;    font-size: 14px;    -moz-box-shadow: inset 0px 0px 0px 0px #333;-webkit-box-shadow: inset 0px 0px 0px 0px #333; box-shadow: inset 0px 0px 0px 0px #333}
	#MMSystemTD input[type="submit"], #MMSystemTD input[type="button"] {max-width:100%}
}