body { /* Set "my-sec-counter" to 0 */ counter-reset: my-sec-counter; }
.autoCounterWrapper { /* Set "my-sec-counter" to 0 */ counter-reset: rows-counter; }
.autoCounter::before { /* Increment "my-sec-counter" by 1 */ counter-increment: my-sec-counter; content: counter(my-sec-counter); }
.childAutoCounter::before { /* Increment "my-sec-counter" by 1 */ counter-increment: rows-counter; content: counter(rows-counter);}
.hand {cursor: pointer;}
.profile {font-size: 16px!important; margin-right: 5px;}

.showHidePasswordWrapper { position: relative; }
.showHidePasswordWrapper .passwordEventHandler { position: absolute; top: 20px; right: 0; }
.borderw {border-width: 1px; border-style: solid;}
.required label:after { content: " *"; color: #FF0000; }
.required.form-control-danger .form-control { border-bottom-color: #FF0000; color: #FF0000; }
.required.form-control-danger .form-bar,
.form-material .required.form-control-danger.form-primary .form-control:focus~.form-bar:after,
.form-material .required.form-control-danger.form-primary .form-control:focus~.form-bar:before { border-bottom-color: #FF0000; background-color: #FF0000; }
.form-material .required.form-control-danger.form-primary .form-control:focus~label { color: #FF0000; }
.form-material .required.form-control-danger.form-primary .form-control:focus~.form-bar:after,
.form-material .required.form-control-danger.form-primary .form-control:focus~.form-bar:before {
	background-color: #FF0000;
}
.dataTables_processing { padding: 20px 30px; background: #FFFFFF; border: 1px solid #D0D0D0;}

.has-attachment {position: relative;}
.pos-attachment {position: absolute; top: 40px; right: 10px;}

.maintananceMode h1 {font-size: 60px!important; margin-top: 50px; margin-bottom: 40px; line-height: 65px;}
.maintananceMode h2 {font-size: 50px!important; margin-top: 50px; margin-bottom: 40px; line-height: 65px;}
/*.removeMoreFieldOccurences .removeMoreFields {position: relative;}
.removeMoreFieldOccurences .removeMoreFields:not(:first-child)::after {position: absolute; top: -8px; right: -8px; content: "X"; border: 2px solid #D6D5D5; border-radius: 30px; width: auto; height: auto; text-align: center; padding: 1px 6px 0px 5px; background-color: #FFFFFF; cursor: pointer; font-size: 12px; font-weight: bold;}*/

.removeMoreFieldOccurences .removeMoreFields {position: relative;}
.removeMoreFieldOccurences .removeMoreFields:first-child span {display:none;}
.removeMoreFieldOccurences .removeMoreFields:not(:first-child) span {display:block;}
.removeMoreFieldOccurences .removeMoreFields span {position: absolute; top: -8px; right: -8px; content: "X"; border: 2px solid #D6D5D5; border-radius: 30px; width: auto; height: auto; text-align: center; padding: 1px 6px 0px 5px; background-color: #FFFFFF; cursor: pointer; font-size: 12px; font-weight: bold;}

.thumbHoverEditWrapper {border: 2px solid #EEEEEE; border-radius: 5px; padding: 2px; margin: 5px 5px 5px 5px; position: relative; height: 115px; display: none;}
.thumbHoverEditWrapper.active {display: inline-block;}
.thumbHoverEditWrapper.single {width: auto;}
.thumbHoverEditWrapper.fivemultiple {width: calc(20% - 15px);}
.thumbHoverEditWrapper.fivemultiple.mediastep img {max-width: 167px;}
.thumbHoverEditWrapper img{max-width: 100%; min-width: 150px; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.thumbHoverEditWrapper .thumbHoverEdit {display: none;}
.thumbHoverEditWrapper:hover form.thumbHoverEdit {position: absolute; display: block; z-index: 2; top: 50%; left: 50%; margin: -20px 0px 0px -55px; }
.thumbHoverEditWrapper:hover a.thumbHoverEdit {position: absolute; display: block; z-index: 2; top: 50%; left: 50%; margin: -20px 0px 0px -36px; }
/*.thumbHoverEditWrapper .thumbHoverRemove {display: none;}
.thumbHoverEditWrapper:hover form.thumbHoverRemove {position: absolute; display: block; z-index: 2; top: 50%; left: 50%; margin: -20px 0px 0px -55px; }*/
.thumbHoverEditWrapper a.thumbHoverRemove {position: absolute; display: block; z-index: 2; top: 1%; right: 1%; color: #D3D3D3; font-size: 15px; border-radius: 0px 0px 0px 20px; width: 25px; height: 25px; text-align: center; background: #A7A7A7; opacity: 0.6;}
.thumbHoverEditWrapper a.thumbHoverMakePrimary {position: absolute; display: block; z-index: 2; top: 1%; left: 1%; color: #D3D3D3; font-size: 15px; border-radius: 0px 0px 20px 0px; width: 25px; height: 25px; text-align: center; background: #A7A7A7; opacity: 0.6;}
.thumbHoverEditWrapper select {position: absolute; height: 25px; font-size: 12px; padding: 0px; width: 80%!important; bottom: 20px; opacity: 0.6; margin: 0px 0px 0px 9%;}
.thumbHoverEditWrapper:hover select {opacity: 1;}
.thumbHoverEditWrapper:hover a.thumbHoverRemove { background: #FFFFFF; color: #000000; opacity: 1;}
.thumbHoverEditWrapper:hover a.thumbHoverMakePrimary { background: #FFFFFF; color: #000000; opacity: 1;}
.dropfilesarea select {position: absolute; width: 200px!important; height: 30px!important; font-size: 12px; z-index: 3; left: 50%; margin-left: -100px; top: 0px;}
.nobg {background: transparent!important;}

.precode {margin: 20px 0px 20px 0px; padding: 10px 25px 15px 25px; background: #EFEFEF; border-radius: 5px;}
ul.list-style { margin: 0px 5px 0px 10px; padding: 15px 0px 30px 0px; list-style: disc; }
ul.list-style li { margin: 5px 0px 0px 0px; padding: 5px 0px 5px 0px; }

.comments {margin-top: 20px; padding-top: 20px; border-top: 1px solid #F1F1F1;}
.comments:last-child {border-bottom: 0px solid #F1F1F1;}
.comments p {margin-top: 5px; font-size: 14px;}

.btn-upvote { padding: 0 8px; background: #fff; border: 1px solid #d5d5d5; border-radius: 10px; color: #828282; font-size: 14px; line-height: 16px; height: 24px; display: inline-flex; align-items: center; transition: none;}
.btn-upvote:not(.disabled):not(:disabled):not(.upvoted):hover { background: #fff; border: 1px solid #979797; color: #828282; }

.btn-reply { padding: 2px 0 3px; margin-left: 16px; font-size: 14px; line-height: 17px; color: #ADADAD; display: inline-flex; align-items: center; transition: none;}
.btn-reply:after { margin-top: 4px; margin-left: 8px; content: ""; display: inline-block; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEYSURBVHgB7ZbfjYJAEMZnJ/DGgyVsCWcHdx0cFZxXiViBJaDPhBArsATtQDqQAvjjN8lCfGFFdo0vfsmwOzCZ3+4wbCCCiqJYwDS9QCyJ27a9wi5pmi7Is7iua907URR9kWcxvVgfwPsBAc2Uae8tM5/jON6Mxc3eAdp7heEXkASwtXdAEAQ7DKXMbRBGYDU4zJomCmUpEf/zCMImoIf80ROaAmEEVV3X7Y3/bavnHIiSi5ymeHDCVJv7JaAHWDUVpJTSsKECgCbSXaq/YdrueAdxVtM0y6GLzFaXmP5j5WdyVxmGYaXIk/I8l7onfXJ5L7JoL4Cx5OI4A2zJnQGPkjsBkHyFIbUlF/k4rkeTOyvLMvnyrX8iN055my2av4UmAAAAAElFTkSuQmCC) no-repeat 0 0/100%; width: 12px; height: 12px; }
.btn-flag { padding: 2px 0 3px; margin-left: 16px; font-size: 14px; line-height: 17px; color: #ADADAD; display: inline-flex; align-items: center; transition: none; }
.btn-flag:after { margin-top: 1px; margin-left: 8px; content: ""; display: inline-block; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFFSURBVHgB7VbLbYRADPXAHDlsOpgOQgehhHDhDBVE6SCpIEoHyRkh0kFIB5sKMiWsOPPJMwJpljDJZJfVXvZJlmyNPc82YwtBFpRlqZqmUaxLKbdxHO/oAIjZpWHXdU9QQ8hm5qshled5jyDTtJwUx2zMc2FmjMu/yA1M9IYKP9no+17BDoUQd2zXdX2VZdlQsZwiuB1wmsyXtm0/EKAHJymvYd/CjsbzCMlEhv8egiDgDlR7BCYQ/JokSWVmDHnmKkH0AKIb2IocIOkfGHubss79RtXhcImUeuzA+1EEMzLucTXZeZ6rJT+PTowLwfkJrK9orV20SMDvGcNG06SyXhSFpj92kTOBBQqSgiwF2Y9dZKwRJ4KjdhFP9q8EB+6iHSrZ+r5/b7ZwtV1k+y6r7SIbLpPsTsDTauiaTgF+huOfwWr4BtKIr+9SqtSTAAAAAElFTkSuQmCC) no-repeat 0 0/100%; width: 12px; height: 12px; }