.form-group label{font-size: 14px; font-weight: 500; color: #4d4d4d; margin: 0; padding-bottom: 10px;} .form-group textarea.form-control{height:auto !important;} /*dhxcombo*/ .form-group div.dhxcombo_dhx_skyblue{background-color: #fff; border:none; font-size: 1px; height: 36px !important; overflow: hidden; position: relative; vertical-align: middle; border-radius:0px; line-height:1.53846; min-width:155px; width:100% !important; margin:0;} .form-group div.dhxcombo_dhx_skyblue input.dhxcombo_input{border:1px solid #8e8e8e; height:36px !important; border-radius:5px !important; color: #4d4d4d !important; font-weight: 500; font-size: 12px !important; width: 100% !important; max-width: 100%; margin: 0 !important; left: 0; padding:0 15px} .form-group .dhxcombo_dhx_skyblue .dhxcombo_select_button{background: transparent !important; border: 0 solid #a4bed4; border-radius: 2px; cursor: pointer; font-size: 1px; height: 36px; overflow: hidden; position: absolute; right: 0px; top: 0; width: 40px;} .form-group .dhxcombo_dhx_skyblue .dhxcombo_select_button .dhxcombo_select_img{background-image:url(../images/DesignStudio/SelectArrow.png)} /*dhxcombo*/ /*Calendar*/ .form-group .input-group input{border:1px solid #8e8e8e; height:36px !important; border-radius:5px !important; color: #4d4d4d !important; font-weight: 500; font-size: 12px !important; width: 100% !important; max-width: 100%; margin: 0 !important; left: 0; padding:0 15px} .form-group .input-group .input-group-addon{background: transparent !important; border: 0 solid #a4bed4; border-radius: 2px; cursor: pointer; font-size: 1px; height: 38px; overflow: hidden; position: absolute; right: 0px; top: 0; width: 40px; z-index:9;} .form-group .input-group .input-group-addon i.icon-calendar22{background-image:url(../images/DesignStudio/fi-rr-calendar.svg); font-size:0; width: 18px; height: 18px; background-size: 18px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 11px;} /*Calendar*/ .form-group select.form-control, .form-group .btn-group button{border:1px solid #8e8e8e; height:36px !important; border-radius:5px !important; color: #6a727d !important; font-weight: 500 !important; font-size: 14px !important; background-image: url(../images/DesignStudio/SelectArrow.png) !important; background-repeat:no-repeat; background-position: 97% 50%; appearance: none; background-color:#fff; padding:4px 12px; margin:0 !important; box-shadow:none !important;} .form-group .btn-group button .caret{display:none;} /*Common Form-Group*/ .form-group input.form-control, .form-group textarea.form-control{border:1px solid #8e8e8e; height:36px; border-radius:5px ; color: #4d4d4d ; font-weight: 500; font-size: 14px ; max-width:100%;} .form-group .input-group {background-color: #fff;border: none;font-size: 1px;height: 40px !important;overflow: hidden;position: relative;vertical-align: middle;border-radius: 0;line-height: 1.53846;min-width: 155px;width: 100% !important;margin: 0;} .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {/* box-shadow: rgb(169 188 234 / 22%) 1px 4px 7px 0px; */border: 1px solid #d4d9e8;background: white !important;padding: 3px 8px;border-radius: 6px;height:40px;} .e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover{ border-color: rgb(156 185 255);box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px;} .form-group input.form-control:hover, .form-group textarea.form-control:hover{ border-color: rgb(156 185 255);box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px;} .form-group label { color: #6d7383; } .e-input-group .e-input-group-icon:last-child, .e-input-group.e-bigger .e-input-group-icon:last-child, .e-input-group .e-input-group-icon.e-bigger:last-child, .e-bigger .e-input-group .e-input-group-icon:last-child, .e-input-group.e-small .e-input-group-icon:last-child, .e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-input-group.e-small .e-input-group-icon.e-bigger:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child, .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger:last-child, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child, .e-bigger .e-input-group.e-small .e-input-group-icon:last-child{ background: #cad8fc66;border-radius: 50%;padding: 5px;margin: 0;} .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon { background: #cad8fc66; border-radius: 50%; padding: 5px; margin: 0; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after{ background: #82a4f9;} .form-group input.form-control, .form-group textarea.form-control {border: 1px solid #d4d9e8;height: 36px;border-radius: 8px !important;color: #4d4d4d !important;font-weight: 500;font-size: 14px !important;} .e-richtexteditor.e-rte-tb-expand {box-shadow: rgb(169 188 234 / 22%) 1px 4px 7px 0px;border: 1px solid #d4d9e8;border-radius: 8px;} .e-toolbar .e-toolbar-items{background:transparent;} #divCanvas .form-group .controls.e-qrcode {margin: 0 auto;background: white;width: 100%;background-color: white !important;height: auto !important;text-align: center;} /*#divCanvas .form-group .controls.e-qrcode svg{ margin: 0 auto; }*/ .e-ddl.e-popup {background: #fff;} .RoleInboxTemplate.e-ddl.e-popup {border: 1px solid #d1deff;box-shadow: 0 5px 5px -3px rgb(234 239 254), 0 8px 10px 1px rgb(234 239 254), 0 3px 14px 2px rgb(234 239 254);margin-top: 2px;border-radius: 7px;} .e-filter-parent {box-shadow: none;} .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {border: none;background: #f3f6ff;box-shadow: none;border-radius: 7px 7px 0 0;} .e-dropdownbase .e-list-item.e-item-focus {background: transparent;} .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar.e-extended-toolbar, .e-richtexteditor.e-rte-tb-expand .e-rte-toolbar .e-toolbar-extended {background-color: white;border-radius: 8px;border: none;} .e-rte-content {margin-top: 0px;border-radius: 0 0 8px 8px;border: none;} .e-toolbar-wrapper {background: white;border-radius: 8px 8px 0 0;} .e-richtexteditor.e-rte-tb-expand:hover{ border-color: rgb(156 185 255);box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px;} .e-toolbar .e-hor-nav {background: #eaeffe;border: none;border-radius: 0 7px 0px 0;} .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons {color: #386be8;} .e-toolbar .e-tbar-btn {background: transparent;box-shadow: none;color: rgb(56 107 232);} .btn.btn-xs {height: 35px;padding: 8px 16px;box-shadow: none;border-radius: 8px;} .input-group.date {padding: 0;background: transparent;} .input-group.date .e-control-wrapper {width: 100%;height: 45px;padding: 0px 15px;} .input-group.date .e-input-group .e-input-group-icon:last-child{height: fit-content;padding: 10px !important;} .input-group.date .e-control-wrapper .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {padding: 0;box-shadow: none;} .e-keyboard.date{background:white; width: 100% !important; min-width: 100%; border: 1px solid #d4d9e8;border-radius:7px;} .e-keyboard.date:hover{ border-color: rgb(156 185 255);box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px;} .BgGrid .Grid_panel {padding: 0px !important;background: rgb(255 255 255 / 76%);position: relative;border-radius: 16px;box-shadow: 0 4px 30px rgb(0 0 0 / 10%);backdrop-filter: blur(52.599999999999994px);background-repeat: no-repeat;background-size: 170px,100%;background-position: -20px top,center;border: 1px solid #35353530;margin-bottom: 20px;} .BgGrid .Grid_panel:before{content: "";z-index: -1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(-45deg, #3976b5 170%, #0061ff 132% );transform: translate3d(0px, 30px, 0) scale(0.95);filter: blur(20px);transition: opacity 0.3s;border-radius: inherit;opacity: 0.2;} .BgGrid .Grid_panel::after {content: "";z-index: -1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: inherit;border-radius: inherit;} .BgGrid .Grid_panel .Grid_panel-heading{display: flex;align-items: center;justify-content: space-between;} .BgGrid .Grid_panel .Grid_panel-heading h6{color: #353535 !important;font-weight: 500 !important;font-size: 18px;} .BgGrid .Grid_panel .Grid_panel-heading .heading-elements{position: unset !important;height: unset !important;margin: unset !important;} .BgGrid .Grid_panel .Grid_panel-heading .heading-elements > ul > li > a {font-size: 14px;font-weight: 400;color: #353535;padding: 5px!important;height: 32px;min-width: 32px;display: flex !important;flex-direction: row;align-items: center;background: rgb(0 0 0 / 3%);border-radius: 10px;backdrop-filter: blur(17.6px);border: 1px solid rgb(0 0 0 / 17%) !important;justify-content: center;position: unset !important;} .BgGrid .Grid_panel .table.dataTable{box-sizing: inherit;padding: 0px 12px;border-collapse: separate;border-spacing: 5px 10px;border-radius: 10px !important;} .BgGrid .Grid_panel table thead{padding: 10px 0px !important;background: transparent;border-radius: 10px;border: 1px solid rgb(255 255 255 / 17%) !important;} .BgGrid .Grid_panel table thead tr th{padding: 10px !important;color: #000000b5 !important;font-weight: 400;font-size: 13px !important;border: none !important;} .BgGrid .Grid_panel .table tbody tr{background: rgb(0 0 0 / 3%);border-radius: 10px;backdrop-filter: blur(17.6px);color: #353535 !important;border: 1px solid #35353536;} .BgGrid .Grid_panel .table tbody tr:hover{background: rgb(255 255 255 / 14%);border-radius: 10px;backdrop-filter: blur(17.6px);border-left: 3px solid #5ca5f07d !important;color: white !important;} .BgGrid .Grid_panel .table tbody tr td,.BgGrid .Grid_panel .table tbody tr td .form-group span{border:none !important;color: #353535 !important;} .BgGrid .Grid_panel .table tbody tr td:first-child{border-radius: 10px 0px 0px 10px;} .BgGrid .Grid_panel .table tbody tr td:last-child{border-radius: 0px 10px 10px 0;} .BgGrid .Grid_panel .datatable-footer {border-top: 1px solid #ffffff50;} .BgGrid .Grid_panel .datatable-footer .grid_page_left ul.pagination li label{color: #353535;margin-left: 10px;font-weight: 500;} .BgGrid .Grid_panel .datatable-footer .grid_page_right .pull-left li a{font-size: 14px;font-weight: 400;color: #353535 !important;padding: 5px!important;height: 32px;min-width: 32px !important;display: flex !important;flex-direction: row;align-items: center;justify-content: center;position: unset !important;background: rgb(0 0 0 / 3%);border-radius: 10px;backdrop-filter: blur(17.6px);border: 1px solid rgb(0 0 0 / 17%) !important;} .BgGrid .Grid_panel .datatable-footer .grid_page_right .pull-left li input{font-size: 12px !important;font-weight: 500;color: #353535 !important;padding: 5px!important;height: 32px !important;min-width: 50px;max-width: 50px;display: flex !important;flex-direction: row;align-items: center;justify-content: center;position: unset !important;background: rgb(0 0 0 / 3%);border-radius: 10px;backdrop-filter: blur(17.6px);border: 1px solid rgb(0 0 0 / 17%) !important;} .form-group input.form-control{height:40px;} .e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day { height: 34px; line-height: 34px; width: 34px; } .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: #fff;border: 1px solid #386be8;color: #1c44a5;font-weight: 600;box-shadow: rgb(114 114 211 / 20%) 0px 0px 13px 2px} .panel { box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px; margin: 0px 0px 20px; border-radius: 12px; background-image: linear-gradient(45deg, rgb(255, 255, 255), rgb(243, 245, 250)); background-color: white;border-bottom: 1px solid #d4d9e8; } /*.panel:hover{ border-color: rgb(156 185 255);box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px;} */.panel .panel-heading { position: relative; padding:10px 22px;} .panel .panel-heading h6 { color: rgb(13, 34, 56); font-size: 18px; font-weight: 400 !important; } .panel .panel-body { padding: 10px; } /*.panel .panel-heading .heading-elements, .Assesment_Panel .panel-heading .heading-elements, .FacultyGrid .panel-heading, .FacultyGrid table thead, .FacultyGrid .datatable-footer { display: none !important; } */ .panel_withleftborder .download_display_none .form-group .input-group-btn a[title="Clear"] { display: none !important; } .panel {display: block; } .panel .panel-footer { display: flex; justify-content: flex-end; border-radius: 0px 0px 12px 12px; background: transparent; padding: 5px 0px 0px !important; } .panel .panel-body .form-group label {color: rgb(53, 75, 86);font-weight: 300;font-size: 14px;} .panel .panel-body .form-group .controls span {color: rgb(53, 75, 86);font-weight: 600;font-size: 14px;/* margin-top: 7px; */} .panel .panel-heading::before { content: ""; position: absolute; width: 5px; height: 30px; background: #386be8; left: 0px; border-radius: 0px 30px 30px 0px; } .panel .panel-heading h6 {color: rgb(49, 64, 103) !important;background-image: url("../images/Header_icon.svg");background-repeat: no-repeat;background-size: 16px;background-position: 0px 8px;/* border-bottom: 2px solid rgb(231, 239, 252) !important; */font-weight: 600 !important;/* padding-left: 27px !important; *//* padding-bottom: 4px !important; */} .panel.InlineSingle{box-shadow: none !important;} .panel.InlineSingle .panel-body{padding: 0px;} .panel.InlineSingle .panel-body .MainFrameDoc{border: none;} .e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner{} table.dataTable tbody tr.selected {background-color: #e0ebff;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ padding: 12px 10px;} #divCanvas table.dataTable tbody tr td .form-group{margin: 10px 0px !important;} #divCanvas table.dataTable tbody tr td button{ } .CustomUploadReport .input-group {border: 1px solid rgb(212, 217, 232);height: 36px;font-weight: 500;border-radius: 5px !important;color: rgb(77, 77, 77) !important;font-size: 14px !important;background:white;} .CustomUploadReport .input-group:hover{border-color: rgb(156, 185, 255);box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px;} .CustomUploadReport .input-group span.form-control {border: none;background: transparent;} .form-group .input-group{border: none;height: 36px;font-weight: 500;border-radius: 5px !important;color: rgb(77, 77, 77) !important;font-size: 14px !important;background:white;} .form-group .input-group:hover{border-color: rgb(156, 185, 255);/* box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px; */} .form-group .input-group .e-input-group.e-datetime-wrapper{margin: 0;border: none !;} .icons-list a[data-action="collapse"]:after{display:none;} .BgGrid .heading-elements ul > li > a i svg{width:18px;height:18px;} /*.BgGrid .heading-elements ul > li > a i svg path{ fill: #386be8;} .BgGrid .heading-elements ul > li > a i.iconmenu7 path{stroke:#386be8;}*/ .BgGrid .heading-elements ul > li > a i svg path{fill: #59138C;} .BgGrid .heading-elements ul > li > a i.iconmenu7 path{stroke:rgb(105 122 163);} .BgGrid .heading-elements ul > li > a.collapse3 svg{ width: 23px;height: 23px;} .BgGrid .heading-elements ul > li > a i svg .CustomUploadReport .input-group svg, .CustomUploadReport .input-group-btn svg {width: 15px;height: 15px;} .btn-info {background-color: #386be8;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{line-height:2;} .e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {background-color: #15cb30;border-color: #15cb30} .dataTable thead .sorting:after, .dataTable thead .sorting:before {color: #386be8;} input[type="checkbox"]{ width: 21px;height: 21px;} .MainFrameDoc { background-image: url("../images/upload_img.png"); background-repeat: no-repeat; background-position: center center; background-size: auto; background-color: rgb(231, 239, 252); text-align: center; padding-top: 10px; border: 2px dashed rgb(208, 217, 232) !important; height: 175px !important;border-radius:12px; } .InlineSingle .HoverBtnDoc a i svg{width:23px;height:23px;} .InlineSingle{position:relative;} .HoverBtnDoc { visibility: hidden; position: absolute; z-index: 1; background: #ededed40; width: 100%; height: 100%; margin: 0 auto; backdrop-filter: blur(3px); border-radius: 12px; } .HoverBtnDoc .btn{border-radius:8px;} .HoverBtnDoc .img_align{ display: flex;justify-content: center;align-items: center;align-content: center;height: 100%;} .InlineSingle:hover .HoverBtnDoc{ visibility:visible;cursor:pointer;} .InlineSingle .HoverBtnDoc a i svg path{fill:white;} .BgGrid .heading-elements > ul > li {background:rgb(255 255 255);border-radius: 8px; box-shadow: rgb(237 237 237) 0px 2px 8px 0px;} .BgGrid .heading-elements>ul>li:hover{ background: #386be8;} .BgGrid .heading-elements>ul>li a:hover{ background:transparent;} .BgGrid .panel .panel-heading h6{ border:none; background-color:transparent;} .BgGrid .heading-elements {background: transparent;} .BgGrid .pagination.pull-left{ display: flex;gap: 10px;align-items: center;} .BgGrid .pagination.pull-left li i svg {width: 15px;height: 15px;} .BgGrid .grid_page_left .pagination {display: flex;align-items: center;gap: 6px;background: transparent;padding: 0px !important;border-radius: 0px !important;justify-content: flex-start;} .BgGrid .grid_page_left .pagination .pr-10,.BgGrid .grid_page_right .pagination .pr-10{font-weight:600;} .BgGrid .grid_page_left .pagination input{width: 45px;height: 33px;box-shadow: rgb(236 240 251) 0px 2px 8px 0px;border-radius: 8px;border: 1px solid #eef9ff;text-align: center;font-weight: 600;color: black;} .BgGrid .grid_page_left .pagination .bg-slate-400{ background:transparent;color: #343434;font-weight: 600;font-size: 12px;margin: 0;padding: 3px 10px;border-radius: 6px;} .BgGrid .grid_page_left .pagination select.form-control{ box-shadow: rgb(236 240 251) 0px 2px 8px 0px;border-radius: 8px;border: 1px solid #eef9ff;} .BgGrid .grid_page_left .pagination select.form-control option{background:white; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius:4px;font-size:13px; font-weight:500;} .BgGrid .panel .panel-heading::before{background: #f0f2f56e;} .BgGrid .panel .panel-heading{ background: #f0f2f573;border-radius: 12px 12px 0 0;} .grid_page_right{} .grid_page_right .pagination-xs > li > a{ border: none;display: flex;align-items: center;align-content: center;background: #fff;padding: 9px 10px; border: 1px solid #bcc0cb;} .grid_page_right .pagination-xs > li > a path{ fill: rgb(105 122 163);} .e-grid .e-tableborder{width:100% !important;} .R-search{border: 1px solid #d4d9e8; border-radius:5px;} .R-search .form-control{height: 40px;border-radius: 8px 0px 0px 8px;border: none;font-size: 15px;font-weight: 500;} .R-search:hover{border-color: rgb(156 185 255);box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px;} .R-search .input-group-btn .btn-icon{height:40px; border-radius:0px 5px 5px 0px;border: none;} .R-search .input-group-btn .btn-icon svg{width:17px; height:17px;} .R-search .input-group-btn .btn-icon svg path{fill:#fff;} .R-Refreash {height: 40px;border-radius: 8px;background: #ffb23f;border: none;padding: 10px;} .R-Refreash svg{width:17px;height:17px;} .R-dropdown .btn-group button{ height: 42px !important;border: 1px solid #d4d9e8;border-radius: 5px;} .R-dropdown .btn-group button:hover{border-color: rgb(156 185 255);box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px !important;} .R_menu { background: #ccd7e1; /* width: 10px; */ /* height: 20px; */ position: absolute; z-index: 1; padding: 5px; border-radius: 100%; right: 0; } .R_menu:hover{cursor:pointer;} .R_menu:hover .RepeaterMaincvv{visibility:visible; } .RepeaterMaincvv { visibility:hidden; display: flex; flex-direction: column; background: white; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; width: 200px; padding: 10px; gap: 10px; position: absolute; z-index: 1; right: 0; top: 38px; } .RepeatAnimatioin{position:relative; width:fit-content;} .RepeatAnimatioin .btn-group{ float:right;} .RepeatAnimatioin .btn-group .dropdown-toggle{ position: absolute;right: 27px;width: 30px;height: 36px;background: #cbd4d9;padding: 3px;border-radius: 100%;top: 6px;} .RepeatAnimatioin .btn-group .dropdown-toggle .R-icon path{fill:white;} .RepeatAnimatioin .btn-group .dropdown-toggle .R-icon svg{ width: 20px;height: 20px;margin: 0 auto;} .RepeatAnimatioin .btn-group .dropdown-menu button{border: none; background: transparent; border-bottom: 1px solid #e5e7ed; padding: 5px 15px; text-align: left;width:100%;} .RepeatAnimatioin .dropdown-menu{ left: -183px; top: 42px; border: none; border-radius: 8px; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; padding: 0; font-weight: 600;} .RepeatAnimatioin .btn-group .dropdown-menu button:hover{ background: #c6dcf780;} .RepeatAnimatioin .btn-group .dropdown-menu li:nth-child(1) button:hover{border-radius:8px 8px 0px 0px;} .RepeatAnimatioin .btn-group .dropdown-menu li:last-child button:hover{border-radius:0px 0px 8px 8px;} .Rep-Row{display:flex; flex-direction:row; gap: 0px;flex-wrap: wrap;justify-content: flex-start;} .Rep-Row::before{display:none;} .Rep-Row .col-lg-12{width:100%;} .Rep-Row .CustomPane.col-lg-12{width:100%;} .Rep-Row .CustomPane.col-lg-12 col-lg-12{width:100%;} .RepeaterNodata{ text-align: center;width: 100%;min-height: 73px;} .Dep_Panel{ background: #D9E4FF; border: 3px solid #FFFFFF; border-radius: 30px; display: flex; align-items: flex-end; justify-content: center; min-height: 220px; padding: 20px 0px; margin: 20px 0px; } .Dep_Panel .panel-body{ padding: 0px !important; } .Dep_Panel .panel-body .form-group{ display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; text-align: center !important; } .Dep_Panel .panel-body .form-group label{ font-weight: 500; font-size: 15px; line-height: 25px; text-align: center; color: #737279; margin-top: 5px; padding: 0px !important; } .Dep_Panel .panel-body .form-group .controls span{ font-weight: 700; font-size: 25px; line-height: 18px; /* identical to box height */ color: #333333; } .DEP_ICON{background:url(../images/AU_ICons/department-clr-icn.png);display: block;width: 60px;aspect-ratio: 1;background-size: 100%;background-position: center top;margin: 0 auto;margin-bottom: 30px;} .hod-panel{ margin: 0px 0px 20px; } .hod-panel .panel-heading{ padding: 0px; } .hod-panel .panel-heading h6{ font-weight: 600 !important; font-size: 20px; line-height: 30px; /* identical to box height */ color: #2D2D2D; } .hod-panel .panel-body{ padding: 0; } .HOD_ELE_Col { background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); border-radius: 20px; min-height: 165px; display: flex; flex-direction: column; justify-content: center; margin: 20px 0px 20px 0; } .HOD_ELE_Col h1{ font-weight: 500 !important; font-size: 16px; line-height: 25px; /* identical to box height */ color: #737279; } .HOD_ELE_Col .form-group{ margin-bottom: 0px !important; } .HOD_ELE_Col .form-group label{ display: none !important; } .HOD_ELE_Col .form-group .controls span{ font-weight: 700; font-size: 25px; /* identical to box height */ color: #0C0054; } .Emp_Icon{ background: url(../images/AU_ICons/student2-clr-icn.png); display: block; width: 40px; aspect-ratio: 1; background-size: 100%; background-position: center; } .Icon_Col{ display: flex; justify-content: space-between; align-items: center; margin-top: 50px; } .Mal_Icon{ background: url(../images/AU_ICons/male-clr-icn.png); display: block; width: 40px; aspect-ratio: 1; background-size: 100%; background-position: center; } .Fem_Icon{ background: url(../images/AU_ICons/female-clr-icn.png); display: block; width: 40px; aspect-ratio: 1; background-size: 100%; background-position: center; } .Stu_Icon{background: url(../images/AU_ICons/student-clr-icn.png); display: block; width: 40px; aspect-ratio: 1; background-size: 100%; background-position: center; } .Female{ color: #f37d7d !important; } .Male{ color: #4894d5 !important; } .commenter_Details { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; } .commenter_Details .form-group{ margin-bottom: 0px !important; margin-right: 10px; } .commenter_Details .form-group .controls span{ background: none; padding: 0px 0px 0 10px; font-size: 18px !important; font-weight: 500 !important; text-transform: capitalize; color: #000000d6 !important; position:relative; } .commenter_Details > div:first-child .form-group .controls span::after{content:'-';position:absolute;left: -4px;} .commenter_Details_post .form-group .controls span{ background: none; font-size: 16px !important; font-weight: 500 !important; text-transform: capitalize; color: #000000d6 !important; position:relative; } .ticket-details .ticket-details1 { display: flex; align-items: flex-start; padding: 12px 35px; justify-content: flex-start; } .ticket-details .ticket-details1 .text-danger{ margin:0 !important; } #divCanvas .ticket-details .ticket-details1 .tic_primary_data .form-group{ margin:0 !important; } .ticket-details .InlineMultiSelect .MultiLeftDoc a{ height: 61%; width: 76%; } .ticket-details .ticket-details-head h1{ font-size:25px !important; } .ticket-details .mt-20 { margin:0 !important; } .ticket-details .tab-content > .has-padding { padding: 0px 10px !important; } .ticket-details .InlineMultiSelect, .TabListViewTab { height: 62px !important; } #divCanvas .ticket-details .calendar_circle .form-group{ margin:0 !important; } .ticket-details .calendar_circle{ margin-top:5px !important; } .ticket-details .calendar_circle .form-group .input-xs{ height:unset; } .ticket-details .doc_view_btn { background-image: url(../images/AU_ICons/doc_view.svg); bacground-size: 16px; background-repeat: no-repeat; height: 30px; width: 30px; border-radius: 6px; background-color: #EFF3F6; display: block; background-position: center; font-size: 0;} .ticket-details .Chat_Panel .Chat_User_Icon{ background-image: url(../images/Process_images/user_icon_circle.svg) !important; background-repeat: no-repeat; background-size: 100%; background-position: center center; width: 44px; aspect-ratio: 1 / 1; display: block; border-radius: 100px; float: left; margin-top:18px; } .ticket-details .applicant_details { display:flex; align-items: center; } .ticket-details .applicant_details .col-lg-2{ width:40px; } .ticket-details .applicant_details .text-danger{ margin:0; } .ticket-details .applicant_details .label{ display: inline-block; font-weight: 500; padding: 3px 6px 2px 6px; line-height: 1.5384616; border: 1px solid transparent; text-transform: uppercase; font-size: 15px; letter-spacing: .1px; border-radius: 4px; } .ticket-details .applicant_details .label-default,.admin { padding: 7px 6px 6px 19px; border-radius: 4px !important; font-size: 15px !important; margin-top: 3px; background-position: 3px 7px !important; } .ticket-details .MultiRightDoc .slick-list .slick-track .slick-slide{ height: 190px !important; width: 190px !important; } .doc_view_btn{ background-image: url(../images/AU_ICons/doc_view.svg); bacground-size: 16px; background-repeat: no-repeat; height: 30px; width: 30px; border-radius: 6px; background-color: #EFF3F6; display: block; background-position: center; font-size: 0; }