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; }
.dataTables_processing { padding: 20px 30px; background: #FFFFFF; border: 1px solid #D0D0D0;}

.has-attachment {position: relative;}
.pos-attachment {position: absolute; bottom: 20px; right: 20px;}
.pos-attachment a {margin: 0px 3px;}

.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: 140px; 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: 15%; right: 3%; margin: -20px 0px 0px -36px; color: #D3D3D3; font-size: 25px; }
.nobg {background: transparent!important;}

.droppableListWrapper .sourceDroppableLists, .droppableListWrapper .sourceDropboxLists { border: 1px solid #CFCFCF;}
.droppableListWrapper .sourceDroppableLists ul, .droppableListWrapper .sourceDropboxLists ul { width: 100%; min-height: 250px; }
.droppableListWrapper .sourceDroppableLists ul li { cursor: move; }
.droppableListWrapper .sourceDroppableLists ul li, .droppableListWrapper .sourceDropboxLists ul li { list-style: none; padding: 5px; border-bottom: 1px solid #F0F0F0;}
.droppableListWrapper .sourceDropboxLists ul li { left: auto!important; top: auto!important;}