
@import 'def';

#userwrapper {
    overflow:visible;

    .material-input {
        &+.sort-arrows {
            margin-left:3px;
            transform: translateY(-1px);
        }
    }
}

.createuser {
    
    .dropdown-menu {
    margin-left:-240px;
    padding:20px 20px 30px 20px;

    button {
        margin: 10px 15px;
        width:200px;
    }

  

    .material-input {
        display:block;
        &+.sort-arrows {
            margin-left:3px;
            transform: translateY(-1px);
        }

        i{
            &.icon-details {
                display:none;
            }

            padding-top:0px;
            &:hover {
                padding-top:0px;
                background-color:transparent!important;
            }
        }



    }
}

    input {
        display:block;
        max-width:none!important;
        width:200px!important;
        margin:10px 15px;
    }

    .checkboxlist {

        padding:15px;
        input {
            margin: 7px 9px 0 0;
            display: inline-block;
            width:auto!important;

        }
        label {
            vertical-align: top;
            display: block;
            width:auto!important;
        }
    }
    

}

.usergroupselector {
    table {
        tr {
            border-bottom:none!important;
            td {
                padding:5px 10px!important;
                vertical-align: top;
                input[type='checkbox'] {
                    display: inline-block;
                    margin:5px 5px 0 0;
                }
            }
        }
    }

    button {
        width:100%;
    }
}

#newuserModal {
    .checkboxlist {
        input { 
            padding:15px; 
            margin-right:10px; 
        }

        label {
            display: block;
            margin-bottom:10px;
        }
    }

    table.inputs {
        > tbody > tr {
            border:none;
            height: auto;
        

            > td {
                vertical-align: middle;
                padding:0px;
            }
        }   
        margin-bottom:15px;
    }

    input::placeholder {
        @include themify($themes) {
            color:themed('txtcolor2');
        }
    }

    .inputwrapper, .imageinput {
        width:100%;

        input {
            width:100%;
        }

        i {
            position: absolute;
            top:0px;
            right:-20px;
        }

        .dropdown-menu {
            padding:0px;
        }

        
    }

    .material-input, .inputwrapper {
        margin: 5px 0;

        display:block;
        &+.sort-arrows {
            margin-left:3px;
            transform: translateY(-1px);
        }

        i {
            &.icon-details {
                display:none;
            }
            padding-top:0px;
            &:hover {
                padding-top:0px;
                background-color:transparent!important;
            }
        }
    }



   
}
