.container.rolepermission{position:relative}.container.rolepermission .ui.inline.loader{top:12%}.container.rolepermission .add-role{display:none;height:100%;position:absolute;top:0;width:100%;z-index:2}[dir] .container.rolepermission .add-role{background:rgba(0,0,0,.3);margin:0 auto}[dir=ltr] .container.rolepermission .add-role,[dir=rtl] .container.rolepermission .add-role{left:0;right:0}.container.rolepermission .add-role .main-role{position:absolute;top:10%;width:568px}[dir] .container.rolepermission .add-role .main-role{background:#fff;border-radius:5px;margin:0 auto}[dir=ltr] .container.rolepermission .add-role .main-role,[dir=rtl] .container.rolepermission .add-role .main-role{left:0;right:0}.container.rolepermission .add-role .main-role .form-group-header{color:#fff}[dir] .container.rolepermission .add-role .main-role .form-group-header{background:#13558f;border-radius:5px 5px 0 0;padding:15px}.container.rolepermission .add-role .main-role .form-group-header h3{color:#fff;display:inline-block;vertical-align:middle}[dir] .container.rolepermission .add-role .main-role .form-group-header h3{margin:0}.container.rolepermission .add-role .main-role .form-group-header span.cancel-ic{fill:#fff;display:inline-block;vertical-align:middle}[dir] .container.rolepermission .add-role .main-role .form-group-header span.cancel-ic{cursor:pointer}[dir=ltr] .container.rolepermission .add-role .main-role .form-group-header span.cancel-ic{float:right}[dir=rtl] .container.rolepermission .add-role .main-role .form-group-header span.cancel-ic{float:left}[dir] .container.rolepermission .add-role .main-role .form-group{margin:0;padding:30px}.container.rolepermission .add-role .main-role .form-group label{color:#3b3b3b;display:block;font-family:GothamHTF-Medium,sans-serif;font-size:16px;vertical-align:middle}[dir] .container.rolepermission .add-role .main-role .form-group label{margin-bottom:10px}[dir=ltr] .container.rolepermission .add-role .main-role .form-group label{padding-right:10px;text-align:left}[dir=rtl] .container.rolepermission .add-role .main-role .form-group label{padding-left:10px;text-align:right}.container.rolepermission .add-role .main-role .form-group input{color:#3b3b3b;font-family:GothamHTF-Light,sans-serif;font-size:14px;width:100%}[dir] .container.rolepermission .add-role .main-role .form-group input{border:1px solid #ccc;border-radius:5px;padding:11px 12px}.container.rolepermission .add-role .main-role .form-group button{color:#fff;display:-ms-flexbox;display:flex;font-family:GothamHTF-Medium,sans-serif;font-size:13px;text-decoration:none;text-transform:uppercase}[dir] .container.rolepermission .add-role .main-role .form-group button{background:#13558f;border:none;border-radius:3px;margin-top:10px;padding:15px 25px}[dir=ltr] .container.rolepermission .add-role .main-role .form-group button{margin-left:auto}[dir=rtl] .container.rolepermission .add-role .main-role .form-group button{margin-right:auto}[dir] .container.rolepermission .options-selectrole{margin-top:20px}.container.rolepermission .options-selectrole .selectrole{display:-ms-flexbox;display:flex}.container.rolepermission .options-selectrole .selectrole .popup-div,.container.rolepermission .options-selectrole .selectrole .select-role,.container.rolepermission .options-selectrole .selectrole>.form-group{width:40%}[dir=ltr] .container.rolepermission .options-selectrole .selectrole .select-role{margin-left:auto}[dir=rtl] .container.rolepermission .options-selectrole .selectrole .select-role{margin-right:auto}.container.rolepermission .options-selectrole .selectrole .select-role input{color:#3b3b3b;font-family:GothamHTF-Book,sans-serif;font-size:14px;width:100%}[dir] .container.rolepermission .options-selectrole .selectrole .select-role input{border:1px solid #ccc;border-radius:5px;padding:9px 12px}.container.rolepermission .options-selectrole label{color:#35393f;display:block;font-family:GothamHTF-Medium,sans-serif;font-size:16px}[dir] .container.rolepermission .options-selectrole label{margin-bottom:10px}.container.rolepermission .options-selectrole label sup{color:#b10000}[dir] .container.rolepermission .main-content{background:#fff;border:1px solid #e2e2e2;-webkit-box-shadow:0 0 35px -10px #e2e2e2;box-shadow:0 0 35px -10px #e2e2e2;margin-top:12px}.container.rolepermission .main-content h3{color:#3b3b3b;font-family:GothamHTF-Medium,sans-serif;font-size:16px;text-transform:capitalize}[dir] .container.rolepermission .main-content h3{margin-bottom:16px}[dir] .container.rolepermission .main-content .form-group{margin-bottom:40px}.container.rolepermission .main-content .form-group.selectrole{width:40%}.container.rolepermission .main-content .form-group button{color:#fff;font-family:GothamHTF-Medium,sans-serif;font-size:13px;text-decoration:none;text-transform:capitalize;text-transform:uppercase}[dir] .container.rolepermission .main-content .form-group button{background:#13558f;border:none;border-radius:3px;padding:10px 15px}[dir=ltr] .container.rolepermission .main-content .form-group button{margin-left:10px}[dir=rtl] .container.rolepermission .main-content .form-group button{margin-right:10px}.container.rolepermission .main-content .form-group .fileContainer{overflow:hidden;position:relative}.container.rolepermission .main-content .form-group .fileContainer [type=file]{display:none;font-size:14px;position:absolute;width:auto}[dir] .container.rolepermission .main-content .form-group .fileContainer [type=file]{cursor:inherit;cursor:pointer}[dir=ltr] .container.rolepermission .main-content .form-group .fileContainer [type=file]{text-align:right}[dir=rtl] .container.rolepermission .main-content .form-group .fileContainer [type=file]{text-align:left}.container.rolepermission .main-content .form-group .fileContainer{color:#747474;font-family:GothamHTF-Medium,sans-serif;font-size:14px;text-transform:capitalize;width:auto}[dir] .container.rolepermission .main-content .form-group .fileContainer{background:#e8e8e8;border-radius:2px;cursor:pointer;padding:10px 15px}.container.rolepermission .main-content .form-group .fileContainer .download-ic{display:inline-block;height:12px;vertical-align:middle;width:13px}[dir] .container.rolepermission .main-content .form-group .fileContainer .download-ic{background:url(/static/media/upload.6fb6de20.svg);background-size:13px 12px}[dir=ltr] .container.rolepermission .main-content .form-group .fileContainer .download-ic{margin-right:10px;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}[dir=rtl] .container.rolepermission .main-content .form-group .fileContainer .download-ic{margin-left:10px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.container.rolepermission .main-content .form-group .fileContainer .upload-ic{display:inline-block;height:12px;vertical-align:middle;width:13px}[dir] .container.rolepermission .main-content .form-group .fileContainer .upload-ic{background:url(/static/media/upload.6fb6de20.svg);background-size:13px 12px}[dir=ltr] .container.rolepermission .main-content .form-group .fileContainer .upload-ic{margin-right:10px}[dir=rtl] .container.rolepermission .main-content .form-group .fileContainer .upload-ic{margin-left:10px}.container.rolepermission .main-content .form-group .custom-file-input::-webkit-file-upload-button{visibility:hidden}.container.rolepermission .main-content .form-group .custom-file-input:before{color:#7f7f7f;content:"Choose file";display:inline-block;font-family:GothamHTF-Book,sans-serif;font-size:10pt;font-weight:700;outline:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}[dir] .container.rolepermission .main-content .form-group .custom-file-input:before{background:#e8e8e8;border-radius:3px;cursor:pointer;padding:10px 20px}.container.rolepermission .main-content .form-group .check-btns{display:inline-block;width:auto}.container.rolepermission .main-content .form-group .check-btns label{color:#3b3b3b;font-family:GothamHTF-Light,sans-serif;width:125px}[dir] .container.rolepermission .main-content .form-group .check-btns label{padding:0}[dir=ltr] .container.rolepermission .main-content .form-group .check-btns label{text-align:left}[dir=rtl] .container.rolepermission .main-content .form-group .check-btns label{text-align:right}[dir=ltr] .container.rolepermission .main-content .form-group .check-btns .chk-span{margin-right:10px}[dir=rtl] .container.rolepermission .main-content .form-group .check-btns .chk-span{margin-left:10px}.container.rolepermission .main-content .form-group .color-pic{display:inline-block;height:30px;vertical-align:middle;width:30px}[dir] .container.rolepermission .main-content .form-group .color-pic{border-radius:4px}[dir=ltr] .container.rolepermission .main-content .form-group .color-pic{margin-left:12px}[dir=rtl] .container.rolepermission .main-content .form-group .color-pic{margin-right:12px}.container.rolepermission .main-content .form-group label{color:#3b3b3b;display:block;font-family:GothamHTF-Medium,sans-serif;font-size:14px;vertical-align:middle}[dir] .container.rolepermission .main-content .form-group label{margin-bottom:10px;margin-top:10px}[dir=ltr] .container.rolepermission .main-content .form-group label{padding-right:10px;text-align:left}[dir=rtl] .container.rolepermission .main-content .form-group label{padding-left:10px;text-align:right}.container.rolepermission .main-content .form-group label sup{color:#bf0000;font-family:GothamHTF-Medium,sans-serif;font-size:14px}.container.rolepermission .main-content .form-group input::-webkit-input-placeholder{color:#d6d6d6;font-size:13px}.container.rolepermission .main-content .form-group input::-moz-placeholder{color:#d6d6d6;font-size:13px}.container.rolepermission .main-content .form-group input:-ms-input-placeholder{color:#d6d6d6;font-size:13px}.container.rolepermission .main-content .form-group input:-moz-placeholder{color:#d6d6d6;font-size:13px}.container.rolepermission .main-content .form-group input,.container.rolepermission .main-content .form-group select,.container.rolepermission .main-content .form-group textarea{color:#3b3b3b;font-family:GothamHTF-Light,sans-serif;font-size:14px;width:70%}[dir] .container.rolepermission .main-content .form-group input,[dir] .container.rolepermission .main-content .form-group select,[dir] .container.rolepermission .main-content .form-group textarea{border:1px solid #ccc;border-radius:5px;padding:9px 12px}.container.rolepermission .main-content .form-group textarea{line-height:18px;vertical-align:top}.container.rolepermission .main-content .form-group select{color:#3b3b3b;font-family:GothamHTF-Book,sans-serif;width:80%}.container.rolepermission .main-content .upload input{font-size:0}[dir] .container.rolepermission .main-content .upload input{border:none;padding:0}.container.rolepermission .main-content .pincode input{color:#3b3b3b;font-family:GothamHTF-Book,sans-serif;width:50%}[dir] .container.rolepermission .main-content .personal-information{margin-bottom:45px}.container.rolepermission .main-content .personal-information .personal-info{display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main{width:100%}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row{border-bottom:1px solid #ededed}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul.header{-webkit-box-shadow:0 5px 12px 0 #dadada;box-shadow:0 5px 12px 0 #dadada}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul.header .selectall label{color:#3b3b3b!important;font-size:16px!important}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul.header label{color:#3b3b3b!important;font-family:GothamHTF-Book,sans-serif!important;font-size:16px!important}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul{display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-ms-flex-align:center;align-items:center}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul{margin:0}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns{display:inline-block;vertical-align:middle}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns input[type=checkbox]+label span.chk-span{height:25px;width:25px}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns input[type=checkbox]+label span.chk-span{background-size:25px 25px}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns .check-btns input[type=checkbox]:checked+label span.chk-span{height:25px;width:25px}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns .check-btns input[type=checkbox]:checked+label span.chk-span{background-size:25px 25px}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns label{position:static}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns label .text-span{display:none}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li{width:150px}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li{margin:0;padding:25px 15px}[dir=ltr] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li{border-right:1px solid #ededed}[dir=rtl] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li{border-left:1px solid #ededed}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li .check-btns{display:inline-block;vertical-align:middle}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li .check-btns input[type=checkbox]+label span.chk-span{height:25px;width:25px}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li .check-btns input[type=checkbox]+label span.chk-span{background-size:25px 25px}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li .check-btns .check-btns input[type=checkbox]:checked+label span.chk-span{height:25px;width:25px}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li .check-btns .check-btns input[type=checkbox]:checked+label span.chk-span{background-size:25px 25px}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li .check-btns label{position:static}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li .check-btns label .text-span{display:none}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li label{position:static}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li label{text-align:center}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li:first-child{-ms-flex-positive:1;flex-grow:1}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li:first-child label{color:#3b3b3b;color:#3b3b3b!important;display:inline-block;font-family:GothamHTF-Medium,sans-serif!important;font-size:14px!important;vertical-align:middle}[dir=ltr] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li:first-child label{text-align:left}[dir=rtl] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li:first-child label{text-align:right}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li:last-child{border:none}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole select{min-width:350px;width:auto}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .role label,.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole label{font-size:16px}[dir] .container.rolepermission .add-role .main-role .popup-div .form-group{padding-bottom:0}@media only screen and (max-width:1400px){.container.rolepermission .add-role .main-role{width:400px}}@media only screen and (max-width:1200px){[dir] .container.rolepermission .main-content .personal-information{margin-bottom:40px}.container.rolepermission .main-content .form-group .check-btns label{width:auto}[dir] .container.rolepermission .main-content .form-group .check-btns label{padding:0 15px}[dir=ltr] .container.rolepermission .main-content .form-group .check-btns label{margin-right:20px}[dir=rtl] .container.rolepermission .main-content .form-group .check-btns label{margin-left:20px}.container.rolepermission .main-content .form-group .fileContainer{width:-webkit-max-content;width:-moz-max-content;width:max-content}.container.rolepermission .main-content .form-group label{display:block;font-size:12px}[dir] .container.rolepermission .main-content .form-group label{margin-bottom:5px}[dir=ltr] .container.rolepermission .main-content .form-group label{text-align:left}[dir=rtl] .container.rolepermission .main-content .form-group label{text-align:right}.container.rolepermission .main-content .form-group input,.container.rolepermission .main-content .form-group select,.container.rolepermission .main-content .form-group textarea{width:70%}}@media only screen and (max-width:900px){.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul.header li.selectall{display:block}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul.header li{display:none}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul.header .check-btns{width:auto}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li{width:50%}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li{padding:15px}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li:first-child{width:100%}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns label .text-span{display:inline-block}}@media only screen and (max-width:800px){.container.rolepermission .main-content .form-group.selectrole,.container.rolepermission .main-content .personal-information .personal-info .selectrole-main{width:100%}}@media only screen and (max-width:640px){.container.rolepermission .add-role .main-role{width:80%}[dir=ltr] .container.rolepermission .add-role .main-role{left:50px;right:0}[dir=rtl] .container.rolepermission .add-role .main-role{left:0;right:50px}[dir] .container.rolepermission .add-role .main-role .form-group{padding:15px}.container.rolepermission .add-role .main-role .form-group input{width:100%}[dir] .container.rolepermission .add-role .main-role .form-group input{padding:12px 15px}.container.rolepermission .add-role .main-role .form-group button{display:block;width:100%}[dir] .container.rolepermission .add-role .main-role .form-group button{margin-top:15px;padding:12px 20px}[dir=ltr] .container.rolepermission .add-role .main-role .form-group button{margin-left:0}[dir=rtl] .container.rolepermission .add-role .main-role .form-group button{margin-right:0}[dir] .container.rolepermission .main-content .form-group button{padding:10px}.container.rolepermission .main-content .form-group .check-btns{width:50%}.container.rolepermission .main-content .personal-information .personal-info{display:block}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main{width:100%}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .form-group select{min-width:100%;width:100%}}@media only screen and (max-width:500px){.container.rolepermission .options-selectrole label{font-size:12px}.container.rolepermission .options-selectrole .selectrole{display:block}.container.rolepermission .options-selectrole .selectrole>.form-group{display:block;width:100%}[dir] .container.rolepermission .options-selectrole .selectrole>.form-group{margin-bottom:15px}.container.rolepermission .options-selectrole .selectrole .popup-div,.container.rolepermission .options-selectrole .selectrole .select-role{display:block;width:100%}[dir] .container.rolepermission .options-selectrole .selectrole .popup-div,[dir] .container.rolepermission .options-selectrole .selectrole .select-role{margin-bottom:15px}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns .chk-span{margin:0}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns label .text-span{display:block}[dir] .container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul .check-btns label .text-span{padding:10px 0}.container.rolepermission .main-content .personal-information .personal-info .selectrole-main .selectrole-row ul li:first-child label{font-size:12px!important}.container.rolepermission .main-content .form-group .check-btns{width:100%}}@media only screen and (max-width:380px){.container.rolepermission .add-role .main-role{width:270px}}
/*# sourceMappingURL=main-bad331dd.d261ed81.css.map*/