/*@charset "utf-8";*/ /*@charset "utf-8";*/ /*@font-face { font-family: "Quicksand"; font-style: normal; font-weight: 300; src: url("../Fonts/Quicksand-Light.ttf");} @font-face { font-family: "Quicksand"; font-style: normal; font-weight: 400; src: url("../Fonts/Quicksand-Regular.ttf");} @font-face { font-family: "Quicksand"; font-style: normal; font-weight: 500; src: url("../Fonts/Quicksand-Medium.ttf");} @font-face { font-family: "Quicksand"; font-style: normal; font-weight: 600; src: url("../Fonts/Quicksand-SemiBold.ttf");} @font-face { font-family: "Quicksand"; font-style: normal; font-weight: 700; src: url("../Fonts/Quicksand-Bold.ttf");}*/ /*@font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 100; src: url("../fonts/FiraSans-Thin.ttf");} @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 200; src: url("../fonts/FiraSans-ExtraLight.ttf");} @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 300; src: url("../fonts/FiraSans-Light.ttf");} @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 400; src: url("../fonts/FiraSans-Regular.ttf");} @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 500; src: url("../Fonts/FiraSans-Medium.ttf");} @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 600; src: url("../fonts/FiraSans-SemiBold.ttf");} @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 700; src: url("../fonts/FiraSans-Bold.ttf");} @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 800; src: url("../fonts/FiraSans-ExtraBold.ttf");} @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 900; src: url("../fonts/FiraSans-Black.ttf");} @font-face { font-family: "Comfortaa"; font-style: normal; src: url("../fonts/Comfortaa-VariableFont_wght.ttf");}*/ body {background-color:#F6F7F9; font-family:'Fira Sans', sans-serif !important; font-weight:400; font-size:13px; } .master_content_nostyle { vertical-align:top;} label{text-align:left; font-weight:500;} form{margin:0; padding:0;} .form-group .text-danger, .form-group .text-danger:hover, .form-group .text-danger:focus{line-height:0;} #Parks .form-group .text-danger, #Parks .form-group .text-danger:hover, #Parks .form-group .text-danger:focus{line-height:initial;} .text-danger, .text-danger:hover, .text-danger:focus{font-size:15px;} #Parks{overflow:auto; display:contents;} button[disabled], html input[disabled]{cursor:not-allowed;} .form-group{display:inline-block; width:100%;} .ui-pnotify{z-index:10010;} input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {background-color:transparent;} .caret{float:right;} audio, canvas, progress, video{/*font-family:'Fira Sans', sans-serif !important; */font-weight:400;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px rgb(255 255 255 / 5%) inset !important;} input:-internal-autofill-selected{background-color: transparent !important;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #fff !important; } .ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left{top:20px; bottom:inherit;} div.gridbox_dhx_skyblue.gridbox table.obj{border:none !important;} .panel-group .panel{margin-bottom:20px;} .VerticalMiddle{display:table; height: 550px; float:left;} .VerticalMiddle .VerticalCenter{display:table-cell; vertical-align:middle;} .login-container{background-image:url(../images/LoginBG.jpg); background-repeat: no-repeat; background-size: cover;} .login-container .content{padding: 20px 0;} .login-container .login_form_first::after{content: ''; position: absolute; background-image: url(../images/Login_Shadow.png); width: 852px; height: 65px; left: 0; bottom: -35px; margin: auto; right: 0; z-index: -1;} .login-container .login_form_first{width: 1000px; margin: 0 auto; position: relative; height: 590px; z-index: 0; border-radius: 10px !important; background-color: transparent;} .login-container .login_form_first .LeftSide, .login-container .login_form_first .RightSide{width: 50%; float: left;} .login-container .login_form_first .LeftSide{background-image:url(../images/denbg.png), linear-gradient(to top ,#ffffff , #e1e5ff , #f9f9ff, #fff); border-radius: 10px 0 0 10px;height:inherit; background-repeat:no-repeat; background-position: 40% 100%;} .login-container .login_form_first .RightSide{background:url(../images/LoginCurve.png), url(../images/LoginCurve_2.png), linear-gradient(to bottom, #ffffff 40%, #ebedff 100%); background-repeat: no-repeat; border-radius: 0 10px 10px 0; padding: 20px 75px; background-position: top, bottom;} .login-container .login_form_first .RightSide .form-group .LoginLabel{padding: 7px 0; font-size: 14px;color: #99a2b5;font-weight: 400;} .login-container .login_form_first .RightSide .form-group label{font-size: 16px; color: #9b9b9b; font-weight: 500; margin: 0;} .login-container .login_form_first .RightSide .form-group input{background-color: rgb(136 147 195 / 12%); border-radius: 8px; border:none; height: 40px; padding: 5px 18px; color:#070b3a; letter-spacing: 0.5px; background-size: 20px; background-repeat: no-repeat; background-position: calc(100% - 10px) 50%;} .login-container .login_form_first .RightSide .form-group input[type="text"]{background-image: url(../images/user.svg);} .login-container .login_form_first .Rightside .form-group input[type="password"] {background-image: url(../images/password.svg);} .login-container .login_form_first .Rightside .form-group.Pass_Icon .login-container .login_form_first .RightSide .form-group .ForgotPassword{font-size: 15px; font-weight: 500; color: #fbb442; display: inline-block; padding: 5px 0; font-weight:400;} .login-container .login_form_first .RightSide .form-group .BtnLogin{padding: 10px 60px; font-size: 16px; color: #efefef; font-weight: 400; border-radius: 8px; background-color:#5582e9; line-height: 20px;} .login-container .login_form_first .RightSide .content-group{margin: 0 !important; padding: 12px 0;} .login-container .login_form_first .RightSide .content-group small{color: #6a6a97;font-size: 22px;font-weight: 400;margin-bottom: 11px;} .login-container .login_form_first .RightSide .form-group .validation-error-label{position: absolute; line-height: 16px; padding: 5px 0 5px 20px; color: #ff4f4f; font-size: 14px; letter-spacing: 0.5px; } .login-container .login_form_first .RightSide .form-group .validation-error-label::before{top: 5px;} .CustomFormDesign select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/MultiSelectTringle.png) !important; background-repeat: no-repeat; background-position: center right; line-height:initial; padding: 4px 25px 4px 12px; height: 32px !important; line-height:16px;} .pagination select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/MultiSelectTringle.png) !important; background-repeat: no-repeat; background-position: right center; padding: 7px 25px 7px 12px; line-height:initial; line-height:16px;} .dataTables_wrapper select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/MultiSelectTringle.png) !important; background-repeat: no-repeat; background-position: right center; padding: 7px 25px 7px 12px; line-height:initial; line-height:16px;} .CustomSelectIcon{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/MultiSelectTringle.png) !important; background-repeat: no-repeat; background-position: right center; padding: 7px 25px 7px 12px !important; line-height:18px !important; height: 32px !important; line-height:16px;} .media-left .btn-sm{margin-top:0 !important;} .controls .btn-group .disabled, .form-group input[type="text"][disabled]{background-color:#dedede;} .btn {position: relative;border-radius: 2px;font-weight: 500;font-size: 12px; } .bootstrap-select.btn-group .btn-xs>.caret{float:right;} .OuterDoc{width: 100%; float: left; padding: 10px; border-bottom:1px solid #ddd;} .OuterDoc a{width: 20px; height: 20px; float: left; border-radius: 3px; margin-right: 5px; text-align: center; border:1px solid #cacaca; background-color: #fff;} .OuterDoc a i{top: -1px; position: relative; font-size: 14px !important;} .OuterDoc2{width: 100%; float: left; padding: 7px 10px; border-bottom:1px solid #ddd;} .OuterDoc2 ul{float:right; padding:0; margin:0; height:25px;} .OuterDoc2 li{display:inline-block; position:relative; margin-right:5px;} .OuterDoc2 li a{width: 25px; height: 25px; float: left; border-radius: 2px; text-align: center; position:relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; color:#fff;} .OuterDoc2 li:hover a{-webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7);} .OuterDoc2 li a i{top: 5px; position: relative; font-size: 14px !important;} .OuterDoc2 li::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;} .OuterDoc2 li:hover::before{opacity: 1; top: 0; left: 0; right:0; bottom:0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .OuterDoc2 ul li:first-child::before{border: 1px solid #348F3D;} .OuterDoc2 ul li:nth-child(2)::before{border: 1px solid #4DB152;} .OuterDoc2 ul li:nth-child(3)::before{border: 1px solid #4A8DF1;} .OuterDoc2 ul li:nth-child(4)::before{border: 1px solid #637B89;} .OuterDoc2 ul li:nth-child(5)::before{border: 1px solid #EE483D;} #dvDesignStudioIfmContainer .OuterDoc, #dvDesignStudioIfmContainer #btnSaveRights, #dvDesignStudioIfmContainer #btnAddMetadata, #dvDesignStudioIfmContainer #btnEditMetadata , #dvDesignStudioIfmContainer #btnDeleteMetadata{display:none;} /*CUSTOM COLOR*/ #divCanvas .BgGrid .panel.panel-info{border-color: var(--main-Primary-color);} #divCanvas .BgGrid .panel-info .panel-heading {background-color: var(--main-Primary-color); border-color: var(--main-Primary-color); margin: 0; border-radius: 0;} #divCanvas .BgGrid .panel-info .panel-heading .heading-elements .navbarpad li ul li a i{color: var(--main-Primary-color);} #divCanvas .BgGrid .panel-info .panel-heading.text-right .heading-elements{left:20px; right:auto;} #divCanvas .BgGrid .panel-info .panel-heading span.text-danger{ display: inline-block; position: relative; top: -4px; left:-2px; font-size: 14px;} #divCanvas .BgGrid .panel-info .panel-heading h6{display: inline-block;} #divCanvas .BgGrid .panel-info .panel-heading .navbarpad li a i{margin:0;} #divCanvas .BgGrid .panel-info .datatable-footer .bootpag li a{background-color: var(--main-Primary-color);} #divCanvas .BgGrid .panel-info .datatable-footer{border-top: 1px solid var(--main-Primary-color); border-radius:0 !important;} #divCanvas .BgGrid .panel-info .table-widget{width:100%; position:relative;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content .input-group .input-group-btn [title~=Search]{background-color: var(--main-Primary-color); border-color: var(--main-Primary-color);} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content{overflow: hidden; overflow-x: auto;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table{border:none !important; padding: 12px; width: auto !important; overflow-x:auto; min-width:100%; margin-top: 0 !important;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr{background-color: var(--main-GridHeader-color);} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr th:first-child{border-left:none !important; } #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr th{border-left: 1px solid var(--main-Primary-color) !important; border: none; min-width: 100px; padding:7px 18px 7px 5px; background-color: transparent; border-left: 1px solid #ddd; line-height: 16px; font-size: 13px; color: #2f3434;font-weight: 500;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr th::before{right:4px;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr th::after{right:4px; margin-top: -10px;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot tr th{padding: 5px 10px; border-top: none; border-left: 1px solid #ddd !important; position:relative;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot tr th:first-child{border-left:none !important;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot.ShowGridFilter tr th:before{ content: ""; position: absolute; left:16px; top: 14px; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; color: #9a9898;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot tr th input{min-width:100%; text-indent:10px;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot tr th select{ text-indent:10px;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot.ShowGridFilter tr th:before{color: #00bcd4;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr.selected{background-color: var(--main-GridHeader-color);} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr.selected td{border-left:1px solid var(--main-Primary-color) !important; } #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr.selected td:first-child{border-left:none !important; } #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls span:focus{border: 1px solid #00bcd4 !important;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls .input-group-btn a{border-color: #00bcd4; background-color: #00bcd4;border-left: 1px solid #fff;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls .input-group-btn a:focus {box-shadow: 2px 2px 10px #00bcd4;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls .input-group-btn a i{color:#fff;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .customcheckbox label:before{border: 2px solid #00bcd4;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .customcheckbox label:focus::before{border: 3px solid #00bcd4;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .customcheckbox label:after{color:#00bcd4;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content .CustomFomrButton{background-color: #00bcd4 !important;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group .form-control:focus{border-color:#00bcd4;} #divCanvas .BgGrid .panel-info .pagination select{border:1px solid var(--main-Primary-color);} #divCanvas .BgGrid .panel-info .pagination li input{border:1px solid var(--main-Primary-color);background-color: #fff;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table.FormGrid tbody tr.selected td .form-group input{background-color: rgb(178, 235, 242);} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td{border: none ; border-bottom: 1px solid #ddd ; padding: 0 10px; height: 46px; border-left:1px solid #ddd ;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .customcheckbox div label{display:none;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td:nth-child(2){border-left:none;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .multiselect-container li a label{padding-left:10px; width:100%;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group{margin-bottom:0 !important; width:100%;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group .form-control, #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls .form-control{min-width:100%; font-size: 12px; font-weight: 500; color: #565656; text-overflow:ellipsis; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group textarea.form-control{min-width:150px; width:100%; height:32px; margin: 4px 0 0 0;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group span, #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls span , #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls span option{font-size:13px; font-weight: 500; color: #565656;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table.FormGrid tbody tr td .form-group input{background-color:transparent;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content .ShowGridFilter { display:table-header-group !important} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content .RemoveFilter:before{display:none;} #divCanvas .BgGrid .panel-info .table-widget .table-widget-content .form-control-unstyled { opacity:1 !important;cursor:default !important } .panel-info.panel-bordered{border-color: var(--main-Primary-color);} .panel-info>.panel-heading, .btn-info, .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active:hover{background-color: var(--main-Primary-color); border-color: var(--main-Primary-color);} .checker span, .form-wizard-count{border:2px solid var(--main-Primary-color); color:var(--main-Primary-color);} .accordion-sortable .panel-group .panel-heading{background-color: var(--main-Primary-color);} .nav-tabs.nav-tabs-highlight>li.active>a, .nav-tabs.nav-tabs-highlight>li.active>a:hover, .nav-tabs.nav-tabs-highlight>li.active>a:focus{border-top-color: var(--main-Primary-color);} .sf-t5 .sf-nav li.sf-active .sf-nav-number-inner:before, .sf-t5 .sf-nav li.sf-nav-mark-step .sf-nav-number-inner:before, .sf-t5 .sf-nav li.sf-nav-step-disabled .sf-nav-number-inner:before{background:var(--main-Primary-color); box-shadow: 0 3px 4px var(--main-Primary-color) inset;} /*CUSTOM COLOR*/ /*RemoveClass*/ .remove-panel-footer .datatable-footer { display: none !important; } .remove-panel-heading .panel-heading {display:none !important;} .remove-heading-elements .heading-elements {display:none !important;} .remove-panel-footer .panel-footer {display:none !important;} /*RemoveClass*/ .greyTheme{border:1px solid #CCCCCC; border-radius:0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); margin-bottom:20px; background-color:#fff;} .greyTheme .panel-heading { border-bottom:1px solid #E7E7E7 !important; background-color:#fff !important;} .greyTheme .panel-heading h6{font-size:18px; font-weight:600 !important; color:#777777; letter-spacing:0.5px;} .greyTheme .panel-heading .heading-elements{margin-top:-15px; right:10px;} .greyTheme .panel-heading .navbarpad{margin:0;} .greyTheme .panel-heading .navbarpad li a{padding: 5px 15px !important;} .greyTheme .panel-heading .navbarpad li .btn{border:2px solid #787878; border-radius:4px; margin-left:6px; font-weight:600; color:#777777; letter-spacing:0.2px; font-size:14px; line-height:12px;} .greyTheme .panel-heading a.collapse3{color: #979797;} .greyTheme .panel-heading a.collapse3:after {content: '\f056'; font-size:20px;} .greyTheme .panel-heading a.collapse3.rotate-180:after {content: '\f055'; font-size:20px;} .greyTheme .collapse .input-group button{background-color: #777777; border-color: #777777;} .greyTheme .collapse .input-group button:hover{background-color: #6d6d6d; border-color: #6d6d6d;} .greyTheme .panel-body{padding:0;} .greyTheme .table-widget-content table {padding:0 !important;} .greyTheme .table-widget-content table thead tr th{font-size:15px !important; font-weight:600 !important; color:#777777 !important; background-color:transparent !important; border:none !important; padding: 14px 15px !important;} .greyTheme .table-widget-content table tbody tr.selected td{background-color: #e8e8e8;} .greyTheme .ui-iggrid .ui-widget-content tr{border-bottom:5px;} .greyTheme .table-widget-content table tbody td{padding: 0 15px !important; position:relative !important; height:50px !important;} .greyTheme .ui-iggrid .ui-widget-content td .controls{position:absolute; top:-2px;} .greyTheme table tr td{border:none !important; border-bottom: 1px solid #CCCCCC !important; border-top: 1px solid #CCCCCC !important; border-left: 1px solid #cccccc !important;} .greyTheme table tr td:first-child{border-left:none !important;} .greyTheme table, .greyTheme tr td {border-spacing:0 7px; background-color:white;} .greyTheme tr td{background-color:#f4f4f4;} .greyTheme .ui-iggrid-selectedcell .ui-igcombo-wrapper{height:100%!important; padding-left:20px} .greyTheme .datatable-footer .bootpag li a{ border: 1px solid #b1b1b1 !important; color: #787878 !important;} .greyTheme .datatable-footer {padding:4px 0 !important;} .greyThemeTwo.panel{border:none; background-color:transparent; box-shadow:none;} .greyThemeTwo .datatable-footer, .greyThemeTwo .heading-elements {display:none !important;} .greyThemeTwo .panel-heading h6{font-size:18px; font-weight:600 !important; color:#777777; letter-spacing:0.5px; line-height:16px;} .greyThemeTwo .table-widget .table-widget-content table thead{display:none;} .greyThemeTwo .panel-heading {padding:0 !important;} .greyThemeTwo .ui-iggrid th span.ui-iggrid-headertext{font-size:15px; font-weight:600 !important; color:#777777;} .greyThemeTwo .table-widget .table-widget-content tr { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);} .greyThemeTwo .table-widget .table-widget-content td{border-top: 1px solid #979797 !important; border-bottom: 1px solid #979797 !important; border-right:none !important; border-left: 1px solid #979797!important;padding: 0 15px; position:relative; height:50px;} .greyThemeTwo .table-widget .table-widget-content td:last-child{border-right: 1px solid #979797 !important; } .greyThemeTwo .ui-iggrid-scrolldiv{box-shadow:none !important;} .greyThemeTwo .ui-iggrid .ui-iggrid-scrolldiv{background-color:transparent;} .greyThemeTwo table.dataTable{padding:12px 0 !important;} .greyInbox.panel{border:none !important; box-shadow:none !important; border-radius:0; background-color:transparent;} .greyInbox .panel-heading{display:none;} .greyInbox .panel-footer{display:none; border: 1px solid #CBCBCB !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20); border-radius:0;} .greyInbox .ui-widget{border-radius:0 !important;} .greyInbox .ui-iggrid-scrolldiv{box-shadow:none !important; border:none !important; background-color:transparent !important;} .greyInbox thead{display:none;} .greyInbox .table-responsive .gridbox .xhdr{display:none;} .greyInbox .table-responsive .gridbox .objbox tbody tr{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);} .greyInbox .table-responsive .gridbox .objbox tbody tr td{border-top: 1px solid #CBCBCB !important; border-bottom: 1px solid #CBCBCB !important;; border-left: none !important; border-right: none !important;padding: 15px 8px !important;} .greyInbox .table-responsive .gridbox .objbox tbody tr td a{font-size:14px; font-weight:600 !important; color:#777777; letter-spacing:0.5px; line-height:16px;} .greyInbox .ui-iggrid td.ui-state-hover a, .greyInbox .ui-iggrid .ui-ig-altrecord td.ui-state-hover a{color:#777777 !important;} .greyInbox .table-responsive .gridbox .objbox tbody tr td a span{font-size:14px; font-weight:400 !important; color:#9B9B9B; letter-spacing:0.5px; line-height:16px;} .greyInbox .table-responsive .gridbox .objbox tbody tr td:first-child{border-left: 1px solid #CBCBCB!important; } .greyInbox .table-responsive .gridbox .objbox tbody tr td:last-child{border-right: 1px solid #CBCBCB !important; } .greyInbox table, .greyInbox tr td {background-color:white;} .greyInbox table, .greyInbox tr{border-spacing:0 10px; background-color: transparent !important; border: none; border-collapse:separate;} .greyInbox .ui-iggrid-table tbody tr td .btn{border:2px solid #787878; border-radius:4px; margin-left:6px; font-weight:600; color:#777777; letter-spacing:0.2px; font-size:14px;} .greyInbox .panel-footer i{color:#777; font-size:20px;} .greyInbox .panel-footer .label{color: #777 !important; font-weight: 600; font-size: 13px; margin-top: 11px !important;} .greyInbox .panel-footer ul li a i{color: #333 !important; font-weight: 600; font-size: 18px;} /*CUSTOM BORDER*/ .border_left{border-left: 1px solid #ddd;} .border_right{border-right: 1px solid #ddd;} .border_top{border-top: 1px solid #ddd;} .border_bottom{border-bottom: 1px solid #ddd;} /*CUSTOM BORDER*/ /* Secondary menu */ .flexbox .modal-dialog{margin: 30px auto;} table{margin: 0 !important;} .navigation>li>a{font-weight: 400;} .navbar-component { border-radius:0; margin-bottom:0; } .page-title {padding: 11px 18px 11px 0 !important; display: block; position: relative; } .page-title h4{line-height: 16px; font-size: 16px; font-weight: 500; color: #3e4f6c;} .panel-footer > ul > li + li {margin-left:0; } div.gridbox table.obj tr td a {border:0; color:inherit; font-size:13px !important; } div.gridbox table.obj tr td a i {color:#fff; } .odd_dhx_skyblue .rowselected {background-color:#fff3e0 !important;} div.dhxcombolist_dhx_skyblue { -moz-user-select: none; background-color: #fff; border:none; border-radius: 3px; color: black; font-size: 12px; overflow-y: auto; position: absolute; transition: height 0.15s ease 0s; min-width:150px; z-index: 9999 !important; box-shadow: 0 1px 4px 4px rgba(0,0,0,.05); border: 1px solid #ddd;} .modal-open .dhxcombolist_dhx_skyblue{ z-index:9999999 !important; } div.dhxcombolist_dhx_skyblue div.dhxcombo_option { border-bottom: 1px solid #E5EDF4 !important; border:none; cursor: pointer; font-size: 11px; font-weight:500; line-height: 21px; overflow: hidden; position: relative; vertical-align: middle; height:26px !important;} div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text { font-size:11px !important; padding:2px 10px !important; font-weight:500;} div.dhxcombolist_dhx_skyblue div.dhxcombo_option.dhxcombo_option_selected { background-color: #2196f3 !important; color: white; border:none !important;} div.gridbox table.obj td { font-size:12px !important; font-weight: 500; } div.gridbox table.obj tr.rowselected td{ font-size:12px !important; font-weight: 500;} div.gridbox_dhx_skyblue.gridbox table.hdr td { font-size:12px !important; font-weight: 400;} .paddingnone { padding:0 !important;} .treegrid_cell {height:auto !important;} .dhx_combo_edit {height:auto !important; } .modal-header[class*="bg-"] {padding:7px 20px;} .panel {min-height: 50px !important;} .panel-footer {min-height:25px !important;} .animation-examples {display: table-cell; vertical-align: middle; text-align: center;} @keyframes animateBorderTwo { to {outline-color: #00717f;box-shadow: 0 0 0 2px #F2D694;} } .panelselector {outline: 2px dashed #F2D694; box-shadow: 0 0 0 2px #00717f; animation: 2s animateBorderTwo ease infinite;} #jsPanel-1 {position:fixed !important;} #jsPanel-2 {position:fixed !important;} #jsPanel-4{position:fixed !important; top:30% !important; width: 25% !important; margin: 0 auto;} #jsPanel-4 .jsPanel-content{width: 100% !important; } #jsPanel-4 .jsPanel-content .panel{width: 100% !important; height: 100% !important;padding: 10px;margin-bottom: 0;border: none;} .p-0 {padding:0 !important;} .pb-20{padding-bottom: 20px;} .text-16 {font-size:16px !important;} .f500 {font-weight:500;} .dxtlNode {background-color:transparent !important; font-size:12px !important;} .dxtlNode:hover {background-color:#dbecef !important;} .dxtlFocusedNode {background-color:#0277BD !important;color:#ffffff !important;} .dxtlFocusedNode:hover { background-color:#0277BD !important; color:#ffffff !important; } .dxtlFocusedNode span {color:#ffffff !important;} .dxtlControl {text-shadow:none !important;} .dxtlControl a {color: #fff !important;} .dxtlNode a {visibility:hidden;} .dxtlFocusedNode a {visibility:visible;} .dxtlCommandCell a{border: 1px solid transparent; border-radius: 2px; display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: 0.1px; line-height: 1.53846; padding: 1px 4px 0; text-transform: uppercase; background-color: #E57373;} .dxtlCommandCell a:hover {background-color:#F44336;} .dxmSubMenuItemHover, .dxmSubMenuItemHoverWithImage, .dxmSubMenuItemHoverWithPopOutImage, .dxmSubMenuItemHoverWithImageWithPopOutImage, .dxmSubMenuRtlItemHover, .dxmSubMenuRtlItemHoverWithImage, .dxmSubMenuRtlItemHoverWithPopOutImage, .dxmSubMenuRtlItemHoverWithImageWidthPopOutImage {background-color:#00BCD4 !important; color:white !important; border:0 solid #00BCD4 !important;} .dfs_submenu_outer{ border:1px solid #00ACC1 !important; background-color:#fff !important; padding:5px !important; box-shadow: 0 0 5px #ddd !important;} #brule_treeouter {border:0 !important;} .dxeEditAreaSys {color:#333;} .containerTableStyle{height:auto !important;} .containerTableStyle table tr {border-bottom:1px solid #efefef;} .containerTableStyle table tr td table tr {border-bottom:none;} .containerTableStyle table tr td table tr .standartTreeRow{font-weight:500; color:#303030; font-size:12px;} .ui-igtree{overflow:initial;} .ui-igtree-node-nochildren {border-bottom:1px solid #dddddd;} .ui-igtree-root {font-size:inherit;background-color:transparent !important;} .ui-widget {font-size:13px !important;} .ui-igtree .ui-igcheckbox-normal { font-size:0.9em !important;} .ui-igtree li {border-bottom:0; line-height:1.85em !important; } .ui-igtree-expander{top:1.0em !important;} #processactivityTree ui-igtree { border:1px solid #2196f3 !important; } input[type="radio"], input[type="checkbox"] {margin: 4px 5px 5px; } #dvImageFile {overflow:auto; /* background-image:url(../images/Upload.svg) !important;*/ background-size: 50%; background-repeat: no-repeat; background-position: center; background-color: #f1f1f1;} #btnUserImageCropSave{ background: #3b61eb; width: auto; padding: 8px 60px;border-radius: 4px;border: none;margin: 0 auto; } .ui-iggrid .ui-iggrid-footer, .ui-iggrid .ui-iggrid-toolbar {background-color:#f6feff !important;} .ui-iggrid-header { color:#2f3434 !important; height:35px !important;} .ui-iggrid th, .ui-iggrid th.ui-state-default {border-right:1px solid #dadada !important;} .ui-iggrid table th, .ui-iggrid table td {font-size:13px !important; font-style:normal !important;} .ui-iggrid-filterrow { height:30px !important; background-color:#f0f0f0 !important; border-bottom:1px solid #dddddd !important; } .ui-iggrid-rowselector-header { border-bottom:1px solid #dddddd !important;} .ui-iggrid .ui-iggrid-filtercell .ui-igedit { height:30px !important; background-color:transparent !important;} .ui-iggrid td.ui-state-hover, .ui-iggrid .ui-ig-altrecord td.ui-state-hover, .ui-iggrid .ui-ig-altrecord td.ui-state-default.ui-state-hover, .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-hover, .ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class.ui-state-hover, .ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class.ui-state-default.ui-state-hover, .ui-iggrid-responsive-vertical tr>td.ui-state-hover:first-child, .ui-iggrid-responsive-vertical tr.ui-ig-altrecord>td.ui-state-hover:first-child{color:#444;background:#fff3e0 !important; border-color: transparent;} .ui-iggrid tr.ui-ig-altrecord {background-color:#ffffff !important; } .ui-iggrid td {border-right:1px solid #dadada !important;} .ui-ightmleditor {background-color:#e5e5e5 !important; border:1px solid #bcbcbc !important;} .ui-ightmleditor .ui-igtoolbar {background-color:#f1f1f1 !important;border:1px solid #bcbcbc !important;} .ui-ightmleditor-content {padding:0 !important;} .ui-ightmleditor-content iframe { border-bottom:1px solid #bcbcbc !important; border-top:1px solid #bcbcbc !important; border-left:0 solid #dddddd !important;border-right:0 solid #dddddd !important; } .ui-ightmleditor .ui-igtoolbars-holder {padding:0 !important;} /* Stepy Header */ .stepy-header {background-color:#fcfcfc; border:1px solid #dddddd; border-top:1px solid #00bcd4; border-radius:0 0 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom:20px;} .dropdown-menu { border-bottom:1px solid var(--main-bgInfo-color); border-left:1px solid var(--main-bgInfo-color); border-right:1px solid var(--main-bgInfo-color);} .dropdown-menu ul.dropdown-menu {border:none !important;} .mn20 {margin-left: -20px !important; margin-right: -20px !important; } .stepy-header li.stepy-active span { color:#00bcd6 !important;font-size:15px;} .stepy-navigator {margin-left: -10px !important; margin-right: -10px !important; background-color:#e7f5f7; padding:5px; border-radius:3px; clear:both;} .stepy-step {padding:0 20px !important;} .dsbtn:active .dropdown-content { display:none !important;} .padzero {padding:0 !important; } .grid_del_icon { height:16px; width:16px; background-image:url(../images/delete.png); background-repeat:no-repeat; background-color:transparent; } /*Infragistics grid styles*/ .de_grid_header { font-weight:bold; height:35px; border:1px solid #dddddd; font-size:14px; background-color:#ededed !important; color:#333; } .std_grid_row { background-color:white; height:30px;border:1px solid #dddddd;} .std_grid_alternate_row { background-color:#f9f9f9; height:30px; border:1px solid #dddddd;} .std_grid_selected_row { background-color:#0277BD; } .grid_filter_row_bg { background-color:#fcf7ef; border-bottom:1px solid #c2bcb1; height:30px;} .ipr_grid_filter_row {height:25px; padding:6px 12px;} .ipr_filter_dd_outer { border:1px solid #00BCD4 !important; background-color:white; box-shadow:0 1px 2px rgba(0,0,0,0.2); padding:5px; border-radius:3px;} .de_tb_unlock { background-position: center !important; background-image: url(../images/unlock.png) !important; background-repeat: no-repeat !important; height:20px; width:20px;} .de_tb_lock { background-position: center !important; background-image: url(../images/lock.png) !important; background-repeat: no-repeat !important; height:20px; width:20px; } .pane_header_bdr { border:1px solid #dddddd !important; background-color:#f9fafc !important; border-radius:3px 3px 0 0; } #ctrlDocumentFileUpload button { background: #F78A04; background: -moz-linear-gradient(left, #F78A04 0%, #F7A138 100%); background: -webkit-linear-gradient(left, #F78A04 0%,#F7A138 100%); background: linear-gradient(to right, #F78A04 0%,#F7A138 100%); -moz-user-select: none; border: none; border-radius: 3px; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 500; line-height: 1.53846; margin-bottom: 0; padding: 2px 8px; text-align: center; vertical-align: middle; white-space: nowrap; width:100%; content:"\ecaa" !important; border-radius: 25px !important; transition:.5s; text-transform:uppercase;} #ctrlDocumentFileUpload button span{color:#fff;} #ctrlDocumentFileUpload button:hover { background: #f99111; background: -moz-linear-gradient(left, #F7A138 0%, #F78A04 100%); background: -webkit-linear-gradient(left, #F7A138 0%,#F78A04 100%); background: linear-gradient(to right, #F7A138 0%,#F78A04 100%); transition:.5s;} .rdonly_tb_st_01_white {border:0 !important; background-color:transparent !important;color:white !important;} .rdonly_tb_st_01_black {border:0 !important; background-color:transparent !important;color:#444 !important;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius:3px !important;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius:3px !important;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius:3px !important;} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius:3px !important;} .ui-igedit-input, .ui-iggrid .ui-iggrid-pager .ui-igedit-input {border-radius:3px !important;} .ui-igedit-input{color: black !important;} .ui-igcombo-wrapper {width:100%;height:28px !important;} .dx_GridHeader {height:48px;background-color:#d1f2e4;} .dx_GridRow {height:35px;} .dxgvControl { font-size:13px;} .dfstabcontent {border:1px solid #607d8b !important;} .dfstab_bdr_radius {border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important;} .fa {font-size:15px !important;} .objbox .fa{font-size:18px !important;} .helptext_outer {transition: height 0.1s ease 0s;} /*DFS List*/ .dfslist li {color:#333 !important;} .dfslist li a{color:#333 !important;padding:6px 10px !important;min-height:32px !important;border:1px solid #dddddd;margin:3px;} .dfslist li a:hover{color:#333 !important;} .inb_datlist {width:100% !important;border:1px solid #bdecf2;} .inb_datlist td {vertical-align:top !important;border-bottom:0 solid #bdecf2 !important;border-left:1px solid #bdecf2 !important;padding:10px !important;} .inb_datlist tr td span a {padding-right:4px !important;} .inb_datlist tr:hover {background-color:#f5f5f5;} .display_in {display:inherit !important;} .inb_datlist1 {width:66px !important;} #dvDataLst table {width:100% !important;} .gridcell a {padding-right:4px !important;} .dhx_cal_tab.active { background-color: #319db5 !important; color: #ffffff !important; border: 1px solid #CECECE; } .dhx_scale_bar { background-color:#319db5 !important; color:white !important; height:50px !important;} .dhx_now .dhx_month_body, .dhx_now .dhx_month_head {background-color:#9575cd !important;} .dhx_cal_today_button {background-color:#319db5 !important; color: #ffffff !important;} .dhx_cal_event_clear, .dhx_cal_event_line { text-decoration:none !important; color: white !important; padding: 5px 0 5px 5px !important; list-style: none !important; background-color: #a58bd3 !important; margin-left:5px !important; border-radius: 2px !important;height: 13px !important;border: 0 !important;} .ui-igedit-container {width:100%; height:28px;} .stepy-header li div {width:65px !important;} .heading-elements .heading-text, .heading-elements .heading-btn, .heading-elements .ui-slider, .heading-elements .noui-slider, .heading-elements .nav-tabs, .heading-elements .nav-pills, .heading-elements .pagination, .heading-elements .progress, .heading-elements .icons-list, .heading-elements .breadcrumb, .heading-elements .pager, .heading-elements .heading-form, .heading-elements .daterange-custom, .heading-elements > .btn-group{margin-left:5px !important;} .dfsexp_btn a { margin-bottom: 10px; padding: 3px 28px !important; min-width: 25px; border-radius: 25px; border: 1px solid #ddd; background-color: transparent; text-transform: capitalize; font-size: 12px; font-weight:600; margin:6px 1px; display:inline-block;} .dxgvCommandColumn .dxgv a { display: inline-block; font-weight: 500; padding: 1px 4px 0 4px; line-height: 1.5384616; border: 1px solid transparent; text-transform: uppercase; font-size: 10px; letter-spacing: 0.1px; border-radius: 2px;background-color: #00BCD4;} .dxtcActiveTab {height:40px !important; } .dxtcTab {height:40px !important; background-color:#607d8b !important;padding: 10px 12px 10px !important;color:white !important;} .page-title i ~ small.display-block {margin-left:0 !important;} .expmenu li a {color:#333 !important; padding:6px 10px !important;min-height:32px !important;border-bottom:1px solid #fff3e0;} .category-title > span {font-size:14px !important;font-weight:500;} .exptitle {padding:0 !important;} .expmenu li a i {width:25px;} #accordion-controls > .panel-group {margin-bottom:0 !important;} .content-group-lg {margin-bottom:0 !important;} .panel {min-height:42px !important;} .panel-heading {padding:10px 20px !important;} .content-wrapper{padding-bottom: 0;} /*tab*/ .nav-tabs.nav-tabs-solid > .active > a, .nav-tabs.nav-tabs-solid > .active > a:hover, .nav-tabs.nav-tabs-solid > .active > a:focus {background-color:#5c6bc0 !important;border-color:transparent !important;top:0 !important;} .nav-tabs.nav-tabs-solid {background-color:#d8dcf0 !important;} .tab-content-bordered .tab-content:not([class*="bg-"]) {border-color:#ddd; border:none !important;} .readonly_ctrl {opacity:0.4 !important; filter:alpha(opacity=40) !important;} #gridtoolbarbtn .btn {margin-left:0 !important;} #gridtoolbarbtn .btn-group {border:1px solid #08a7bb !important;} #gridtoolbar select {width:150px !important;float:right;} #gridtoolbar input[type=text] {width:118px !important;} #gridtoolbar .input-group {width:150px !important;} @media (max-width:800px) { #gridtoolbar input[type=text] {width: 100% !important;} #gridtoolbar .input-group {width: 100% !important;} #gridtoolbar select {width: 100% !important;} #ui-id-1 { z-index: 99999999;} } .page-container{height: 100%!important;} #rightFrame #form1{height: 100% !important; background-color: #EDEDED;} /*DFS expresson css for large expression texts*/ .dxtlNode td.dxtl, .dxtlAltNode td.dxtl, .dxtlSelectedNode td.dxtl, .dxtlFocusedNode td.dxtl, .dxtlEditFormDisplayNode td.dxtl, .dxtlCommandCell { padding: 3px 6px 4px; border: 1px solid #cfcfcf; white-space: normal !important; overflow: hidden; width: auto !important;} /*Ispace grid styles*/ .navbarpad li a { padding:2px 5px !important; } .datatable-footer {padding:0 !important; border-radius:3px !important;} /* ig tree*/ #expTree .ui-state-active a {background-color:#0277BD !important; color:#ffffff !important; border:0 !important; padding:5px !important; display:inline-block !important} #expTree .ui-state-active, #expTree .ui-widget-content .ui-state-active, #expTree .ui-widget-header .ui-state-activea {background-color:#0277BD !important; color:#ffffff !important; border:0; padding:5px !important; display:inline-block !important;} #expTree .ui-state-active a div {background-color:transparent !important;} #expTree .ui-state-hover{background-color:#dbecef !important; border:0 !important; font-style:normal !important;} #expTree .ui-state-active, #expTree .ui-widget-content .ui-state-active, #expTree .ui-widget-header .ui-state-active {border:0 !important; background-image:none !important;} /**/ .custom-fixed-header{position:fixed !important; width:100%; z-index:1; border-bottom: 1px solid rgb(79 94 119 / 20%)!important; background-color:#fff !important;} .header-bottom{margin:0 0 45px 0 !important;display:inline-block} .breadcrumbCustom{ padding: 12px 18px 12px 0 !important;} .breadcrumbCustom i { font-size: 16px;color: #404040;} .breadcrumbCustom h4{ font-size: 14px;color: #606060; line-height:16px;} #designStudioMenu .breadcrumbCustom{ padding: 5px 18px 5px 0 !important;} #designStudioMenu .breadcrumbCustom h4{ font-size: 13px; color: #484444; line-height: 18px; font-weight: 500; letter-spacing: 0.2px;} #designStudioMenu .breadcrumbCustom h4 i{ font-size: 12px !important;} #designStudioMenu .CutomMargin{margin-top: 28px;} /*TabCustomStyle*/ .gobalTab.ForIspace{position:relative; overflow:hidden;} .gobalTab.ForIspace .tab-content::before{content: ''; background-color: #fff; position: absolute; width: 3000px; top: 46px; left: 0;height: 100%; z-index: 0;} .gobalTab.ForIspace .nav-tabs li a::before{z-index:0;} .gobalTab.ForIspace .nav-tabs li.active a span{position:relative;} .gobalTab.ForIspace .tab-content > .has-padding{position:relative;} .memberonline span{ color: #fff; font-weight: 500; font-size: 14px;} .memberonline .text-size-small{ color: #ffffff;} .processTab>.tab-content{background-color: transparent !important; border: none !important;} .processTab .panel{background-color: transparent; position: relative; color: #5b5b60; border: 1px solid rgba(0,0,0,.12);} .processTab .panel-heading{ margin: 0; padding: 12px 16px 0 !important;} .processTab .panel-heading h5{ font-size: 20px; font-weight:400;} .processTab .panel-heading h5 span{ font-size: 17px; font-weight:600;} .processTab .panel-body{padding:10px;} .processTab .panel-flat > .panel-heading + .panel-body{padding-top:10px;} .processTab .table-responsive .table{border-spacing: 0 5px; border-collapse:separate;} .processTab .table-responsive .table tr td{ background: #f3f0f1; background: -moz-linear-gradient(top,#f3f0f1 0,#eee 100%); background: -webkit-linear-gradient(top,#f3f0f1 0,#eee 100%); background: linear-gradient(to bottom,#f3f0f1 0,#eee 100%); padding:15px 8px; border-bottom: 1px solid #e2e2e4 !important; border:none ; color: #4a4a4a!important; border-top: none; line-height:18px; font-size:12px; font-weight:500; position:relative;} .processTab .table-responsive .table tr td:after{ content: ''; width: 1px; background: #d0d0d0; right: 0; top: 5px; bottom: 5px; position: absolute;} .processTab .table-responsive .table tr td:last-child:after {background:0 0 !important;} .processTab .table-responsive .table tr td:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: 1px solid #e2e2e4;} .processTab .table-responsive .table tr td:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .processTab .table-responsive .table tr th{ font-size: 13px; font-weight:600; color: #5b5b60!important; padding: 8px; border-bottom:none; border:none;} .processTab .table{ margin: 0;border: none;} .processTab .memberonline{ margin-bottom: 10px;} .processTab .wizard-indigo .panel-body{padding:20px 12px; border:none;} .processTab .badgeRegular{border: 1px solid transparent; border-radius: 3px; font-size: 10px; padding: 2px 4px 2px 4px; line-height: 14px; font-weight: 500; display: inline-block; text-transform: uppercase;} .processTab .badgeCustomgreen{background-color: #4CAF50; border-color: #4CAF50; color: #fff; } .processTab .badgeCustomred{background-color: #F44336; border-color: #F44336; color: #fff;} .processTab .status h4{ padding: 10px; border-bottom: 1px solid #fd6599; margin: 0; font-size: 15px; color: #fff;} .demo1 {width: 100%;height: 400px;} .demo1.width {width: 230px;} .demo1.height {height: 200px;} /*****CUSTOMMODEL*****/ .modal{z-index:10010;overflow:hidden !important;} .CustomModel{border:none; border-radius:0; background-color:#fff; padding: 10px 15px; border-radius: 15px;} .CustomModel .CustomHeader.modal-header{padding: 0 10px !important; height: 50px; display: flex; flex-direction: row; align-items: center;} .CustomModel .CustomHeader.modal-header::before { content: ''; position: absolute; width: 46px; height: 42px; border-radius: 4px; background-color: #3b61eb; background-image: url(../images/DesignStudio/ModalCommonIcon.png); background-repeat: no-repeat; background-position: 50%; background-size: 19px; } .CustomModel .CustomHeader.modal-header h4{font-size: 17px; color: #4d4d4d; font-weight: 500; line-height: 17px; margin: 0; position: relative; padding-left: 70px;} /*.CustomModel .CustomHeader.modal-header .close{ color: #fff; margin: 0 !important; opacity: 1; width: 24px; height: 24px; top: 50%; right: 0; transform: translateY(-50%); background-image:url(../images/DesignStudio/Model_Close.png);}*/ .CustomModel .CustomHeader.modal-header .close{position: absolute;right: 1px;top: 0;margin-top: 0;} .close i{font-size: 16px;float: left;left: 3px;top: 0px;} .CustomModel .modal-body{padding:0;} .CustomModel .modal-body .content{padding:10px 10px !important;} .CustomModel .modal-footer{padding:0 !important; background-color:#fff; display: flex; justify-content: flex-end; grid-gap: 10px;} .CustomModel .modal-footer button{padding: 8px 12px; font-size: 15px; color: #616f87; font-weight: 500; line-height: 18px; background-color:#fff; border-radius: 5px; border: 1px solid #8e8e8e; width: 150px;} .CustomModel .modal-footer button.CustomSucess{background-color: #3b61eb; color:#fff; border: 1px solid transparent; font-weight:400;} /*******MODEL BUTTON*******/ .CustomModel .modal-footer .CustomDelete{background-color: var(--main-bgDanger-color); border-color: var(--main-bgDanger-color);} .CustomModel .modal-footer .Customvalidation{background-color: #5C6BC0; border-color: #5C6BC0;} .CustomModel .modal-footer .CustomImport{ background-color: #3b61eb; color: white;} /*******MODEL BUTTON*******/ /*****CUSTOMMODEL*****/ .CustomModel .modal-footer button i{font-size: 0 !important;} .CustomModel .form-group{margin-bottom: 21px; display: inline-block; width: 100%;} .CustomModel .control-label{ font-size: 14px; margin-bottom: 6px !important; color: #555555;} .CustomModel .tab-content > .has-padding .panel-body{padding: 0;} .CustomModel .content-wrapper{z-index: 5; position: relative; background-color: #fff; padding-bottom: 0;} .CustomModel .sidebar-secondary{z-index: 1;} .CustomModel .model-body input[type="checkbox"]{margin: 4px 7px 5px 0 !important; float: left !important;} .CustomFormDesign .CustomModel .BgGrid label{color:#fff; font-size:10px; margin-bottom:6px;} /*****CUSTOMMODEL*****/ /*****CUSTOMMODEL*****/ .modal{z-index:10010;overflow:hidden !important;} .CustomModelDesignStudio .modal-content{border:none; border-radius:0; background-color:#fff; padding: 20px 25px; border-radius: 15px;} .CustomModelDesignStudio .modal-header{padding: 0 10px !important; height: 50px; display: flex; flex-direction: row; align-items: center;} .CustomModelDesignStudio .modal-header::before{content:''; position:absolute; width:50px; height:50px; border-radius:4px; background-color:#3b61eb; background-image:url(../images/DesignStudio/ModalCommonIcon.png); background-repeat: no-repeat; background-position: 50%;} .CustomModelDesignStudio .modal-header h4{font-size: 17px; color: #4d4d4d; font-weight: 500; line-height: 17px; margin: 0; position: relative; padding-left: 70px; } .CustomModelDesignStudio .modal-header .close{color: #fff; margin: 0 !important; opacity: 1; width: 24px; height: 24px; top: 50%; right: 0; transform: translateY(-50%); background-image:url(../images/DesignStudio/Model_Close.png);} .CustomModelDesignStudio .modal-header .close i{font-size: 16px;float: left;left: 3px;top: 0px; display:none;} .CustomModelDesignStudio .modal-body{padding:0;} .CustomModelDesignStudio .modal-body .content{padding:20px 10px !important;} .CustomModelDesignStudio .modal-body .content.DesignStudioCustomTable .panel-heading .heading-elements a{background-color: #e6f1ff; font-size:14px; font-weight:500; color:#1a1a1a; border-radius: 10px; padding: 10px 10px; height: 42px; display: flex; align-items: center; justify-content: center; box-shadow:none;} .CustomModelDesignStudio .modal-body .content.DesignStudioCustomTable .panel-heading .heading-elements a img{width:21px;} .CustomModelDesignStudio .modal-footer{padding:0 !important; background-color:#fff; display: flex; justify-content: flex-end; grid-gap: 10px;} .CustomModelDesignStudio .modal-footer button{padding: 12px 12px; font-size: 15px; color: #616f87; font-weight: 500; line-height: 18px; background-color:#fff; border-radius: 5px; border: 1px solid #8e8e8e; width: 150px;} .CustomModelDesignStudio .modal-footer button.CustomSucess{background-color: #3b61eb; color:#fff; border: 1px solid transparent; font-weight:400;} /*****CUSTOMMODEL*****/ /****DSTOPMENU*****/ .inner { margin: 0 auto; } .navbar-component.dstopmenu{border:none !important; background-color: #fff; min-height:26px;} /*.dstopmenu>ul {width:100%;} .dstopmenu>ul>li{ float:left;} .dstopmenu>ul>li>a {position: relative; display: block; padding: 16px; padding-right: 0 !important; font-size: 13px; text-align: center; color: #4c4c4c; cursor: pointer;} .dstopmenu>ul>li>a:hover { background: none;} .dstopmenu>ul>li>a:focus { background: none;} .dstopmenu>ul>li>a.active { color: #0198ff !important;} .dstopmenu .dropdown-menu li a:before, .dstopmenu .dropdown-menu a:after{display: none;} .dstopmenu .navbar-nav {margin-left:0; z-index: 105;} .dstopmenu .navbar-nav li a {padding: 6px 13px !important; line-height: 14px; font-size:11px; text-transform: uppercase; font-weight:600;} .dstopmenu .navbar-nav li a:hover{background: rgba(230, 230, 230, 0.5);} .dstopmenu .navbar-nav li.open a{color:#4c4c4c;} .dstopmenu li .dropdown-menu{ min-width:0; border-bottom: 1px solid #0198ff !important; border-left: 1px solid #0198ff !important; border-right: 1px solid #0198ff !important; padding: 0; width: auto; box-shadow: 0 5px 10px rgba(0,0,0,.175); border-radius:0;} .dstopmenu li ul li { float:left; min-width:100%; border-bottom: 1px solid #cecece; margin-bottom: 0;} .dstopmenu .navbar-nav li ul li a{padding: 8px 11px !important; float: left; width: 100%;} .dstopmenu .navbar-nav li ul li a i{float: left; font-size: 17px; color: #5c6bc0;} .dstopmenu .navbar-nav li ul.dropdown-menu li a span{ float: left; font-size: 11px; font-weight: 600; color: #313131; text-transform: capitalize; letter-spacing: 0.5px; } .dstopmenu .navbar-nav li ul.dropdown-menu li:hover a i{color: #fff;} .dstopmenu .navbar-nav li ul.dropdown-menu li:hover a span{color: #0198ff;}*/ .CustomFixed{width: 100%; position: fixed; z-index: 5;} .CustomFixed .page-header-content{border:none !important; background-color:#fff; height:50px; display: flex; flex-direction: row; align-items: center;} .CustomFixed .page-header-content .mainHeading{padding:0 !important;} .CustomFixed .page-header-content .mainHeading h4{font-size: 17px; font-weight: 400; color: #2c2c2c; line-height: 22px;} .CustomFixed .page-header-content .mainHeading h5 label{font-size: 16px; font-weight: 600; margin: 0; line-height: 16px;} .CustomFixed .page-header-content .mainHeading h5 span{font-size: 13px; font-weight: 400; line-height: 12px; background-color: rgb(59, 97, 235); color: rgb(255, 255, 255); margin: 0px 0px 0px 5px; padding: 3px 8px; border-radius: 4px;} #smartUIPageContainer .CustomFixed .heading-elements{ background-color: transparent; position: fixed; top: 97px; margin-top: 0; right:6px;} #dvDesignStudioIfmContainer .CustomFixed .heading-elements{ background-color: transparent; position: fixed; top: 97px; right: 10px; margin-top: 0;} .External .CustomFixed .heading-elements{background-color: transparent; position: absolute; right: 15px; margin-top: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; top: 50% !important; transform: translateY(-50%); height: 36px; grid-gap: 10px;} .External .CustomFixed #dvIspaceMenu.heading-elements{top:53px;} #dvIspaceMenu ul.nav li .heading-btn{margin-left:0 !important;} .CustomFixed .breadcrumb-elements{ float: left; margin-right: 0;} .CustomFixed .breadcrumb-line{padding: 8px 8px; height:48px;} .CustomFixed .heading-elements .form-group{margin-top: 2px;} /*.CustomFixed .heading-elements .form-group .input-group{margin-top:0 !important; width:208px;}*/ #dvDataFusionStudio .content{padding:0 !important;} .zIndex{z-index: 3} .btn.btn-xs{height: 25px; line-height: 17px; border-radius: 25px; padding: 4px 16px; border:none; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); transition: .3s; position: relative; overflow: hidden; font-weight:500 !important; margin:0 !important;} .btn.btn-xs i{position:relative; top:0; font-size:13.5px !important; -webkit-transform: translateZ(0); transform: translateZ(0); transition:.3s; left:0;} .btn.btn-xs:hover i{left:-5px; transition:0.3s; position: relative;} div.dhxcombo_dhx_skyblue {background-color: white; border: 1px solid #cacaca; font-size: 1px; height: 32px; overflow: hidden; position: relative; vertical-align: middle; border-radius:3px; line-height:1.53846; min-width:155px; width:100% !important;} div.dhxcombo_dhx_skyblue input.dhxcombo_input {font-size:13px !important; width:100% !important; background-color: white; border: 0 solid white; color: black; height: 26px; left: 1px; line-height: 21px; margin: 0 0 0 2px; outline: 0 solid white; padding: 0; position: relative; top: 0; vertical-align: middle; padding-left:10px; } div.dhxcombo_dhx_skyblue div.dhxcombo_select_button {-moz-user-select: none; background-color:transparent !important; border: 0 solid #a4bed4; border-radius: 2px; cursor: pointer; font-size: 1px; height: 26px; overflow: hidden; position: absolute; right: 0px; top: 0; width: 25px;} #comboSearchTypes div.dhxcombo_dhx_skyblue {background-color: rgb(59 97 235 / 65%); border: none; font-size: 1px; height: 31px; overflow: hidden; position: relative; vertical-align: middle; line-height: 1.53846; min-width: 100px; width: 100% !important; border-radius: 25px; box-shadow: none;} #comboSearchTypes div.dhxcombo_dhx_skyblue input.dhxcombo_input {font-size:13px !important; width:100% !important; background-color: transparent; border:none; color: #fff; height: 36px; left: 1px; line-height: 21px; margin: 0 0 0 2px; outline: none; padding: 0; position: relative; top: 0; vertical-align: middle; padding-left:10px; font-weight:500;} #comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img {background-color:transparent !important; background-image:url(../images/DesignStudio/SelectArrowWhite.png );} #comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_select_button {-moz-user-select: none; background-color:transparent !important; border: 0 solid #a4bed4; border-radius: 2px; cursor: pointer; font-size: 1px; height: 28px; overflow: hidden; position: absolute; right: 0; top: 0; width: 25px; background: none;} #comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_top_image{height:28px;} /*.heading-elements .input-group.input-group-xs input[type="text"]{height:26px; border-radius: 25px 0 0 25px; width: 170px; font-weight: 500; box-shadow: 0 1px 4px 0 rgba(0,0,0,.09); border: 1px solid #eaeaea;} .heading-elements .input-group.input-group-xs .input-group-btn{float:left;} .heading-elements .input-group.input-group-xs a.btnSearch{padding: 3px 10px 2px 10px; border-radius: 0 20px 20px 0; border: none; line-height: 11px; height:26px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);} .heading-elements .input-group.input-group-xs a.btnSearch i{font-size: 14px !important; position: relative; top: 2px;}*/ /****DSTOPMENU*****/ #frRule .CustomFixed{position: static;} #frRule .CutomMargin{margin-top: 0;} #frRule .heading-elements{position: absolute !important; top: 5px !important;} /*************************************************************************CUSTOMGRID DESIGN******************************************************************************/ .CustomTable .panel{background-color: transparent; border-bottom-color: #76d6d4; border:none !important; box-shadow: none !important; padding-top: 15px;} .CustomTable .datatable-header{border:none !important; padding:0;} .CustomTable div.gridbox {width: 100% !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.18) !important;} .CustomTable div.gridbox .objboxParent {-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); border-bottom: 1px solid var(--main-Gridbg-color); background-color:#fff; border:none; border-top: none;} /*.CustomTable div.gridbox .objboxParent::after{content: ''; position: absolute;width: 100%;height: 1px;background: linear-gradient(to right,#3d97cc 0%,#01c0c8 100%);left: 0;right: 0;bottom: 0;-webkit-animation: newregbtn 2s ease infinite;-moz-animation: newregbtn 2s ease infinite;animation: newregbtn 2s ease infinite;background-size: 400% 400%;}*/ .CustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td{background-color: transparent !important;} .CustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div{color:#fff;} .CustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .CustomTable div.gridbox_dhx_skyblue.gridbox .xhdr{background: linear-gradient(to right,#01c0c8 0%,#429ed4 100%);} body:nth-of-type(1) .CustomTable div.gridbox_dhx_skyblue table.hdr tr{ background-image: none !important;} .CustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label{margin-bottom: 0; font-size: 14px; color:#fff; font-weight: 500;} .CustomTable div.gridbox table.hdr td{padding: 5px 0; border: none !important; vertical-align:middle; } .CustomTable .xhdr{height: 35px !important; border-radius: 4px 4px 0 0 !important;} .CustomTable div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell{padding-left: 10px !important;} .CustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td{ border:none !important;border-left: 1px solid rgba(2,191,200,.25) !important;} .CustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:first-child{ border-left:none !important;} .CustomTable .ev_dhx_skyblue td{border:none !important;} .CustomTable .ev_dhx_skyblue {background-color: #fff !important;} .CustomTable .odd_dhx_skyblue {background: linear-gradient(to left,rgba(1,192,200,.04) 0%,rgba(61,151,204,.04) 100%) !important;} .CustomTable div.gridbox_dhx_skyblue.gridbox table.obj{border:none !important;} .CustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr{border:none !important; border-bottom: 1px solid hsla(202,63%,54%,.25) !important; border-top: none !important;} .CustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td{height: 35px;} .CustomTable div.gridbox table.obj tr td:hover{background-color: transparent !important;} .CustomTable .odd_dhx_skyblue td{border:none!important;} /*.mainCustomTable .panel{border: 1px solid #dddddd !important; float: left; width: 100%; margin-bottom: 0; padding: 0; border-radius: 0; box-shadow: none !important;} */.mainCustomTable .panel{border: 1px solid #dddddd !important; margin-bottom: 0; padding: 0; border-radius: 0; box-shadow: none !important;position: relative;} .mainCustomTable .panel-heading{border:none; background-color: #fff; border-radius: 0; padding: 7px 20px !important; float: left; width: 100%; margin:0;z-index:1;} .mainCustomTable .panel-heading.filters{float: left;} .mainCustomTable .panel-heading .Group-GridActionBtn{display:flex; grid-gap:10px} .mainCustomTable .panel-heading .Group-GridActionBtn a.GridActionBtn{font-size: 15px; font-weight: 500; position: relative; display: block; line-height: 24px !important; color: #3b61eb !important; background-color: transparent !important; padding: 7px 10px !important; border-radius: 5px; border: 3px solid #ebeffd !important;} .mainCustomTable .panel-heading .Group-GridActionBtn a.GridActionBtn.active{background-color: #ebeffd !important;} .mainCustomTable .panel-heading h5{margin:0; padding:0; line-height:18px; font-size:17px; font-weight:500; color:#1a1a1a; display:inline-block; padding: 11px 0;} .mainCustomTable .panel-heading h5 #lblRole, .mainCustomTable .panel-heading h5 #lblRole{font-size:14px;} .mainCustomTable .panel-heading .heading-elements{background-color: inherit; position: absolute; top: 50%; right: 25px; height: 32px; margin-top: 0; top: 50%; transform: translateY(-50%);z-index:1;} .mainCustomTable .panel-heading .heading-elements > ul{display:flex; align-items:center; margin: 0 !important; padding: 0 !important; height:32px; grid-gap:10px;} .mainCustomTable .panel-heading .heading-elements > ul > li{float:left;} .mainCustomTable .panel-heading .heading-elements > ul > li[title="Search"]{height:32px !important;} .mainCustomTable .panel-heading .heading-elements > ul > li > a{font-size:14px; font-weight:400; color:#1a1a1a; padding: 5px 10px; display: flex !important; height:32px; box-shadow:none; align-items:center;} .mainCustomTable .panel-heading .heading-elements > ul > li > a:hover{background-color:#e6f1ff; border-radius: 10px;} /*.mainCustomTable .panel-heading .heading-elements > ul > li > a i{padding-right:10px;}*/ .mainCustomTable .panel-heading .heading-elements > ul > li > a i svg{ width: 17px;height: 17px;} .mainCustomTable .panel-heading .heading-elements > ul > li > a i img{width:14px;} .objboxParent{height:auto !important;} .mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a{width:40px; height:32px; background-color:#f5f6f8; border-radius:10px; padding:0 !important;} .mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a i {width: 40px; height: 32px; display: flex; padding: 0; justify-content: space-around; align-items: center;} .mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a i img{width:18px;} .mainCustomTable .panel-heading .heading-elements > ul > li.Filter ul.dropdown-menu{width:290px; background-color:#fff; border-radius:10px; right: 0; left: auto; padding: 6px 25px 15px; margin: 2px 0; border: 1px solid #dfdfdf; box-shadow: 0 1px 12px rgb(0 0 0 / 6%);} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a{width:40px; height:32px; background-color:#f5f6f8; border-radius:10px; padding:0 !important;} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a i {width: 40px; height: 32px; display: flex; padding: 0; justify-content: space-around; align-items: center;} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a i img{width:18px;} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu{width:220px; background-color:#fff; border-radius:10px; right: 0; left: auto; padding: 8px 12px 8px; margin: 2px 0; border: 1px solid #dce4ff; box-shadow: 0 1px 12px rgb(0 0 0 / 6%);} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li{margin:0;} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li i img{width:16px;} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li a{font-size: 15px; font-weight: 400; color: #1a1a1a; padding: 8px 5px; display: flex;grid-gap: 10px;align-items: center;} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li a:hover{background-color:#f0f3fd; border-radius:8px} .mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group{display:flex;} .mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group a.btn{display: flex;grid-gap: 5px;align-items: center;justify-content: space-between;height: 32px;padding: 5px 10px;} .mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group a.btn:hover{background-color: #e6f1ff; border-radius: 10px; box-shadow:none !important;} .mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group a.btn i img{width:17px;} .mainCustomTable .panel-heading .heading-elements > ul > li .Btn_Group a.btn span{font-size: 14px; font-weight: 400; color: #1a1a1a; line-height:17px; display:inline-block;} .mainCustomTable .panel-heading .heading-elements > ul > li .input-group{margin:0; height:32px !important;} .mainCustomTable .panel-heading .heading-elements > ul > li .input-group .mainCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control[type="search"]{height: 32px !important; border-radius: 4px 0px 0px 4px !important; border-right: none !important;} .mainCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control[type="search"] ~ .input-group-btn{border:1px solid #e5e5e5 !important; border-radius: 0 3px 3px 0;} .mainCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control[type="search"] ~ .input-group-btn a.btn{height:30px !important;} .mainCustomTable .panel-heading .heading-elements > ul > li .input-group .form-control{height: 32px; color: #1a1a1a; border-radius: 3px 0 0 3px; border: 1px solid #e5e5e5; border-right: none;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .ActionBtn{display: flex; grid-gap: 10px; align-items: center; justify-content: space-between;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .ActionBtn a{font-size:14px; font-weight:500; color:#1a1a1a; border: 1px solid #3b61eb; line-height: 14px; border-radius: 4px; padding: 7px 15px; height: 28px;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .ActionBtn a:hover{background-color: #3b61eb; color: #fff; font-weight: 400;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group{background-color:transparent;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group input{height:32px !important; border-radius: 3px 0px 0px 3px !important; border-right: none !important;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .input-group-btn{border: 1px solid #8e8e8e85 !important;border-radius: 0 3px 3px 0; background-color:#fff;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .input-group-btn a{height: 30px !important;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .dhxcombo_dhx_skyblue{height: 32px !important; background-color: #fff !important; border: 1px solid #8e8e8e !important; box-shadow: none !important;} .mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .dhxcombo_dhx_skyblue .dhxcombo_input{border:none !important;} .mainCustomTable .panel-heading .heading-elements ul li .input-group-btn[title="Search"] .mainCustomTable .panel-heading .heading-elements ul li .input-group-btn{height: 32px; border-radius: 0 3px 3px 0; border: 1px solid #e5e5e5; border-left: none;} .mainCustomTable .panel-heading .heading-elements ul li .input-group-btn a{display:inline-block; padding: 5px; color: #6a727d;} .mainCustomTable .panel-heading .filters span {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; grid-gap: 15px; justify-content: space-between;} .mainCustomTable .panel-heading .filters span a{background-color:#fff; width:35px; height:35px; border-radius:10px; border:1px solid #c9c9c9; color: #9a9a9a; font-size: 17px; font-weight: 600; align-items: center; display: flex; justify-content: center;} .mainCustomTable .panel-heading .filters .FilterTitle{display:flex; flex-direction:row; justify-content:space-between; align-items: center; height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 15px;} .mainCustomTable .panel-heading .filters .FilterTitle label{color: #3d3b3b; font-size: 15px; font-weight: 500; line-height: 15px; margin: 0;} .mainCustomTable .panel-heading .filters .FilterTitle a{font-size: 15px; font-weight:500; color:#3d3b3b; line-height: 15px; background-color: #f0f3fd; padding: 4px 18px; border-radius: 8px;} .mainCustomTable .panel-heading .filters span.RemoveFilter {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; grid-gap: 15px; justify-content: space-between;padding-top:10px;} .mainCustomTable .panel-heading .filters span.RemoveFilter a{border: none;width: 100%;height: auto;font-size: 17px;font-weight: 400;color: #3d3b3b;grid-gap: 10px;padding: 4px 10px;background-color: #fdeeed;height: 35px;} .mainCustomTable .panel-heading .filters span.RemoveFilter a label{margin:0; font-weight:400;} .mainCustomTable .panel-heading .filters span.RemoveFilter a i img{width:18px;} /*.mainCustomTable .panel-body{padding: 0 25px !important; float: left; width: 100%; position:inherit;height: calc(100vh - 300px);overflow-y:auto;} */.mainCustomTable .panel-body{padding: 5px 10px !important; height: calc(100vh - 210px); overflow-y:hidden;} .mainCustomTable div.gridbox .objbox{border-top: none !important; position:inherit;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td{background-color: transparent !important; position: inherit;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div{padding-left:0; color: #fff;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div.hdrcell{font-weight: 500; font-size: 14px; color: #1a1a1a; text-align: left; padding: 0 16px;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .mainCustomTable div.gridbox_dhx_skyblue.gridbox .xhdr{background-color: #f5f6f8; background-image:none; position: inherit !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox{width: 100% !important;} body:nth-of-type(1) .mainCustomTable div.gridbox_dhx_skyblue table.hdr tr{background-image: none !important;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label{margin-bottom: 0 !important; text-align: left; font-weight: 500; font-size: 14px; color: #1a1a1a; padding: 0 12px;} div.gridbox table.row20px tr td a{} div.gridbox table.row20px tr td a{} .mainCustomTable div.gridbox table.hdr td{padding: 0 !important; border: none !important; vertical-align: inherit; height: 45px !important;} .mainCustomTable .xhdr{height: 45px !important; border-radius: 0 !important;} .mainCustomTable .xhdr .hdr{height:45px !important;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td{border:none !important; font-weight:500; border-left: 1px solid #f0f0f1 !important;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:first-child{border-left:none !important;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:last-child{border-right:none !important;} .mainCustomTable .ev_dhx_skyblue td{border:none !important;} .mainCustomTable .ev_dhx_skyblue {background-color: #fff !important;} .mainCustomTable .odd_dhx_skyblue {background: linear-gradient(to left,rgba(1, 192, 200, 0.08) 0%,rgba(61, 151, 204, 0.08) 100%) !important} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj{border:none !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr{border:none !important; border-top:none !important; border-bottom: 1px solid #f0f0f1 !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr:first-child{border-bottom:none !important;} .mainCustomTable div.purpleBG.gridbox_dhx_skyblue.gridbox table.obj tr{border:none !important; border-bottom: 1px solid #f0f0f1 !important; border-top:none !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td{height:45px;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td{height: 40px; position:inherit; font-size: 13px !important; font-weight: 400; color: #303030; padding:0; background-color:#fff !important; padding:0 16px !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a{color:#3b61eb !important; font-weight:500;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td ul.icons-list{display: flex; justify-content: space-between; align-items: center;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i.fa-pencil-square path{fill:#3b61eb;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i.fa-trash path{fill:#f44336;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i.fa-plus path{fill:#2b8c15;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record svg path{fill:#f44336;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal svg path{fill:#3b61eb;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td ul.icons-list li{position:inherit;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i::before{display:none;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected td{background-color: #fafafb !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .treegrid_cell a{font-size: 14px; color: #3b61eb !important; font-weight: 400;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record{border-radius: 4px; padding: 10px 50px 10px 12px; line-height: 10px; font-weight: 500; background-color: #ffffff; border: 1px solid #3b61eb; font-size: 13px; color: #202020;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record b{top: 0; border-radius: 0 !important; padding: 5px 7px; background-color: #3b61eb; border-radius: 0 4px 4px 0;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record b span{font-size: 12px; border-radius: 100px; height: 18px; width: 18px; top: 0; line-height: 16px; font-weight: 600; padding: 0 3px 0 3px; border: none; color: #26282e;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td img{margin: 0 auto; padding-right:8px;} /*.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record, .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal{width: 42px; height: 42px; background-color: #f8f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 0; box-shadow:none;}*/ .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record:hover, .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record:hover{box-shadow:none;} /*.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record i{font-size:0 !important; background-image:url(../images/DesignStudio/GridDelete.png); background-size: 18px; width: 18px; height: 22px;}*/ /*.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal i{font-size:0 !important; background-image:url(../images/DesignStudio/Editor.svg); background-size: 18px; width: 18px; height: 18px;}*/ .mainCustomTable .panel-footer{border-radius: 0; float: left; width: 100%; position: relative; padding: 13px 8px; box-shadow: none; border: none; background-color: #e5e5e5 !important; border: 1px solid #dddddd;} .mainCustomTable .panel-footer div.pull-left{padding-top:0 !important;} .mainCustomTable .panel-footer div select{border-color: transparent; background-color:transparent; border-radius: 25px 0 0 25px; line-height: 18px !important; height: 24px !important; padding: 1px 15px 4px 12px !important; font-weight:500; font-size:15px; color:#757575; background-image: url(../images/DesignStudio/Pagination_SelectArrow.png) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right center;} .mainCustomTable .panel-footer div select option{line-height: 16px !important; height: 23px !important; font-weight:500;} .panel-footer ul{margin-left:5px; float:left; margin: 0; padding: 0; line-height:13px;} .mainCustomTable .panel-footer ul li{border-radius: 0 25px 25px 0; padding: 5px 10px; line-height: 16px; margin: 0; position: relative; font-size: 10px; font-weight: 500; text-transform: capitalize; border: none; background-color:transparent; height:24px !important; border-left: 1px solid #dfdfdf; margin-left: 15px;} .mainCustomTable .panel-footer ul li span{font-size: 14px; color: #757575; font-weight:500;} .mainCustomTable .panel-footer ul li span[data-i18n="of"]{padding: 0 5px;} .mainCustomTable .panel-footer ul li span label{margin-bottom: 0;} .mainCustomTable .panel-footer ul.pull-right li{margin:0 !important; border:none !important;} .mainCustomTable .panel-footer ul.pull-right > li[disabled], .mainCustomTable .panel-footer ul.pull-right > li[disabled] a { cursor: not-allowed; } .mainCustomTable .panel-footer ul.pull-right > li{background-color:transparent; padding: 0 !important; border-radius:0; background:none; float:left;} .mainCustomTable .panel-footer ul.pull-right > li a{padding: 0 4px; line-height: 12px; opacity: 1; border: 1px solid #f1f1f3 !important; min-width: 0; background-color: #fff; float: left; margin: 0 3px; border-radius: 6px; height: 28px; width: 28px;} .mainCustomTable .panel-footer ul li a:hover, .mainCustomTable .panel-footer ul li a:focus{box-shadow:none !important;} .mainCustomTable .panel-footer ul li a i{color: #959595; padding: 5px 0; font-size:15px !important;} .mainCustomTable .odd_dhx_skyblue td{border:none!important;} .mainCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr, .mainCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr{background-color: #76D6D4 !important;} .mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:first-child{font-weight:400;} .mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child{font-weight:500;} .mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:nth-child(2){color:#303030;} .mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(2){color:#4caf50;} .mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:nth-child(3){background-color: #f7fbff !important; border: none !important; color: #1a1a1a !important;} .mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(3){background-color: #f7fbff !important; border: none !important; color: #3b61eb !important;} .CustomProcessList .page-header{margin: 0 10px !important;} .CustomProcessList .page-header .page-header-content{padding: 0 10px;} .CustomProcessList .content #dvVersionSelection{display:flex; flex-direction:column; grid-gap: 15px;} .InboxCustomTable .panel{border-bottom-color: #76d6d4; border: 1px solid #ddd !important; border-bottom: none; float: left; width: 100%; box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);} .InboxCustomTable .panel-heading{border:none; background-color: #fff; border-radius: 0; padding: 13px 20px 13px !important; float: left; width: 100%; margin:0;} .InboxCustomTable .panel-body{padding: 0 !important;float: left; width: 100%;} .InboxCustomTable div.gridbox .objbox{border-top: none;} .InboxCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td{background-color: transparent !important;} .InboxCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div{color:var(--main-primarytext-color); padding-left:0;} .InboxCustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .InboxCustomTable div.gridbox_dhx_skyblue.gridbox .xhdr {background-color: #5c6bc0; background-image: none !important;} .InboxCustomTable div.gridbox_dhx_skyblue.gridbox{width: 100% !important;} body:nth-of-type(1) .InboxCustomTable div.gridbox_dhx_skyblue table.hdr tr{ background-image: none !important;} .InboxCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label{margin-bottom: 0; font-size: 14px; color: #202020; font-weight: 500;} .InboxCustomTable div.gridbox table.hdr td{padding: 14px 0; border: none !important;} .InboxCustomTable .xhdr{height: 44px !important; border-radius: 0 !important;} .InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td{border: none !important; border-left: 1px solid rgba(92, 107, 192, 0.28) !important;} .InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:first-child{ border-left:none !important;} .InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:last-child{ border-right:none !important;} .InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td a{color: #00bcd4 ;} .InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td a.processlnk i{color: var(--main-InboxGrid-color) !important;} .InboxCustomTable .ev_dhx_skyblue td{border:none !important;} .InboxCustomTable .ev_dhx_skyblue {background-color: #fff !important;} .InboxCustomTable .odd_dhx_skyblue {background-color: rgba(92, 107, 192, 0.08) !important;} .InboxCustomTable div.gridbox_dhx_skyblue.gridbox table.obj{border:none !important;} .InboxCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr{border: none !important; border-bottom: 1px solid rgba(92, 107, 192, 0.28) !important; border-top: none !important;} .InboxCustomTable div.purpleBG.gridbox_dhx_skyblue.gridbox table.obj tr{border:none !important; border-bottom: 1px solid rgba(150, 117, 206, 0.25) !important; border-top:none !important;} .InboxCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td{height: 42px; position:relative;} .InboxCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td img{margin: 0 auto;} .InboxCustomTable div.gridbox table tr td:hover{background-color: transparent !important;} .InboxCustomTable .panel-footer{-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); border-bottom: 1px solid #5c6bc0; border-radius: 0; float: left; width: 100%;} .InboxCustomTable .panel-footer div select{border-color:var(--main-InboxGrid-color);} .InboxCustomTable .panel-footer ul li{padding: 13px 0 !important;} .InboxCustomTable .panel-footer ul.pull-right li{padding: 12px 0 !important;} .InboxCustomTable .panel-footer ul li span{ font-size: 14px; color: #303030;} .InboxCustomTable .panel-footer ul li span label{margin-bottom: 0;} .InboxCustomTable .panel-footer ul li a{padding: 0 4px; line-height: 12px; opacity: 1; border: none !important; min-width: 0;} .InboxCustomTable .panel-footer ul li a:hover, .InboxCustomTable .panel-footer ul li a:focus{background-color:transparent !important; box-shadow:none !important;} .InboxCustomTable .panel-footer ul li a i{width: 23px; height: 23px; background-color: var(--main-InboxGrid-color); color: var(--main-primarytext-color); font-weight: 500; border-radius: 2px; line-height: 20px; border: 1px solid var(--main-InboxGrid-color);} .InboxCustomTable .odd_dhx_skyblue td{border:none!important;} .InboxCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr, .InboxCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr{ background-color: #76D6D4 !important;} .InboxCustomTable .panel-heading .filters span .label-default[href]:hover, .InboxCustomTable .panel-heading .filters span .label-default[href]:focus{background-color:var(--main-filterallapfz-color); color: var(--main-filterallapfztext-color); opacity: .85; filter: alpha(opacity=85);} .CustomTable .ui-iggrid-table{border:1px solid #ddd; width:100% !important;} .CustomTable .ui-widget-header.ui-helper-reset{border:none !important; background: linear-gradient(to right,#01c0c8 0%,#429ed4 100%); height: 34px !important;} .CustomTable .ui-widget-header table tr th{-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border:none !important; border-top: none !important; border-bottom: none !important; padding: 7px 4px; background:transparent;} .CustomTable .ui-widget-header table tr th span{color:#fff;} .CustomTable .ui-iggrid-scrolldiv{background-color: transparent;} .CustomTable .ui-iggrid .ui-iggrid-scrolldiv{border: none !important; box-shadow: none !important; overflow:initial !important;} .CustomTable .ui-iggrid table tbody td{padding: 5px 0;font-weight: 500; font-size: 12.5px !important;} .CustomTable .ui-widget-content{overflow: auto; height: 300px; width:100%;} .CustomTable .ui-widget-content td{border:none !important;} .CustomTable .ui-widget-content tr:nth-child(odd){background-color: #fff !important;} .CustomTable .ui-widget-content tr:nth-child(even){background-color: rgba(118, 214, 212, 0.07) !important;} .CustomTable .ui-widget-content tr:nth-child(even) td{border: none !important; border-bottom: 1px solid rgba(118,214,212,.14) !important; border-top: 1px solid rgba(118,214,212,.14) !important;} .CustomTable .panel-heading .filters{color:#fff; font-weight:500;} .CustomTable .panel-heading .heading-elements{ margin-top: -13px; height:26px;} .CustomTable .panel-heading .heading-elements a{border:none; border-radius: 2px; padding: 6px 9px; background-color: #e5f1ff; height: 26px; margin: 0px 3px;} .CustomTable .panel-heading .heading-elements a i{ color: #3d4e76;} .CustomTable .gantt_container{ border: 1px solid #e0e0e0;} .CustomTable .gantt_layout_cell_border_right{border-right: 1px solid #e6e6e6; border:none; background-color:transparent;} .CustomTable .timeline_cell.gantt_layout_outer_scroll{border-left: 1px solid #96c7b8;} .CustomTable .gantt_task{border: none ; border-top: none; border-left: none; background-color:transparent;} .CustomTable .gantt_grid{box-shadow: none !important; border:none !important; border-top: none !important;} .CustomTable .gantt_grid_scale{ background-color:#D6F0E8; background-image: none !important; border:none; height: 38px !important; padding: 10px 0; width:100% !important; border-bottom: none !important; position:relative;} .CustomTable .gantt_grid_scale .gantt_grid_head_cell{ background-color: transparent !important; line-height: 16px; color: #28614f !important; font-weight:600; font-size:13px;} .CustomTable .gantt_grid_data{width:100% !important; background-color: transparent; position:relative; margin-top:5px; z-index:99;} .CustomTable .gantt_grid_data::after{position:absolute; content:''; background-image: url(../images/curve_bg_02.png); width:388px; height:111px; bottom:0; left:0; z-index:-1;} .CustomTable .gantt_grid_data .gantt_row{border-bottom:1px solid rgba(214, 240, 232, 0.65); background-color: transparent; height: 35px !important; line-height:35px !important;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell:first-child{border-left: none; } .CustomTable .gantt_grid_data .gantt_row .gantt_cell{border-right: 1px solid #eaeaea; height: 35px !important; padding: 0;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell:last-child{border-right:none;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content{ font-size: 12px; font-weight: 600; color: #3a3f46; letter-spacing: 0.4px; padding:0 6px; width:100%;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i{width: 25px; height: 18px; float: left; margin-top: 7px; text-align:center;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i:first-child{color:#607d8b;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i:nth-child(2){color: #4caf50;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i:nth-child(3){color: #f44336;} .CustomTable .gantt_grid_column_resize_wrap .gantt_grid_column_resize{background-color:transparent; height:0 ;width:0;} .CustomTable .gantt_task .gantt_task_scale{height:38px !important; border-bottom: none; border-left: none; background-color:#D6F0E8 !important;} .CustomTable .gantt_task .gantt_task_scale .gantt_scale_line{height:19px !important; padding: 3px 0;} .CustomTable .gantt_task .gantt_task_scale .gantt_scale_line:last-child{ border-top: 1px solid rgba(67, 84, 182, 0.05);} .CustomTable .gantt_task .gantt_task_scale .gantt_scale_line .gantt_scale_cell{ line-height: 12px; font-size: 11px; font-weight: 600; color: #28614f !important; height: 19px !important; padding: 0 0; } .CustomTable .gantt_task .gantt_data_area{ background-color: transparent; position: relative; margin-top:5px;} .CustomTable .gantt_grid_data .gantt_row.gantt_selected, .CustomTable .gantt_grid_data .gantt_row.odd.gantt_selected, .CustomTable .gantt_task_row.gantt_selected{background-color:rgb(214, 240, 232); } .CustomTable .gantt_grid_data .gantt_row.gantt_selected .gantt_cell, .CustomTable .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell, .CustomTable .gantt_task_row.gantt_selected .gantt_cell{border-right-color:#366c5b; } .CustomTable .gantt_grid_data .gantt_row.odd:hover, .CustomTable .gantt_grid_data .gantt_row:hover{background-color:rgb(214, 240, 232);} .CustomTable .gantt_grid_data .gantt_row.odd:hover .gantt_cell, .CustomTable .gantt_grid_data .gantt_row:hover .gantt_cell{border-right-color:#579e88;} .CustomTable .gantt_task_row.gantt_selected .gantt_task_cell{border-right-color: rgb(99, 132, 253);} .CustomTable .gantt_grid_scale .gantt_grid_head_add{position:relative; background-image:none;} .CustomTable .gantt_grid_scale .gantt_grid_head_add:before{content:''; background-image:url(../images/SpritesImages/SpritesImg.png); width: 16px;height: 16px;top: 0;left: 0;right: 0;margin: auto; position:absolute; background-position: -256px -115px;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_add{position:relative; background-image:none;} .CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_add::before{content:''; background-image:url(../images/SpritesImages/SpritesImg.png); width: 16px;height: 16px;top: 9px;left: 0;right: 0;margin: auto; position:absolute; background-position: -256px -115px;} .CustomTable .gantt_task_line{color: #fff; font-weight: 500; letter-spacing: .5px; height: 20px !important; line-height: 20px !important; margin-top: 5px; box-shadow: none; border: none; padding: 0 5px; border-radius:0;} .CustomTable .gantt_task_line .gantt_task_content{font-weight: 600; letter-spacing: 0.3px; font-size: 11px; color: #353535; transform: none;} .CustomTable .gantt_row, .CustomTable .gantt_task_row{background-color:transparent; border-bottom: 1px solid #dadada;} .CustomTable .gantt_row.odd, .CustomTable .gantt_task_row.odd{background-color:rgba(214, 240, 232, 0.2);} .CustomTable .gantt_task_cell{border-right: 1px solid #dadada;} .CustomTable .gantt_task_cell:nth-of-type(even){background-color:#fff;} .CustomTable .gantt_task_cell.week_end{background-color:#f1f1f1;} .CustomTable .gantt_project.gantt_selected {box-shadow: none;} .CustomTable .gantt_bar_task{ background-color: #80edc4;} .CustomTable .gantt_bar_project{background-color:#87BCEB;} .CustomTable .gantt_bar_milestone{background-color:#ff9b7c;} .CustomTable .gantt_critical_task{background-color:#e6645a;} .CustomTable .gantt_grid_editor_placeholder input{border:1px solid #ddd; outline:none;} .CustomTable.CustomGantt{border: 1px solid #96c7b8 !important; border-radius:3px;} .CustomTable.CustomGantt .panel-heading{background-color:transparent; padding: 14px 10px !important; border-bottom: 1px solid #96c7b8 !important;} .CustomTable.CustomGantt .filters strong{float: left; line-height: 14px; font-weight: 600; font-size: 14px; color:#202020; margin-right: 10px;} .CustomTable.CustomGantt .filters .CustomCheckbox label{line-height: 8px; font-size: 14px; font-weight: 500; color:#202020;} .CustomTable.CustomGantt .filters .CustomCheckbox{margin-bottom: 0; margin-right: 10px;} .CustomTable.CustomGantt .filters .CustomCheckbox input[type="radio"]+label::before{height:14px; width:14px; border: 2px solid #366c5b;} .CustomTable.CustomGantt .filters .CustomCheckbox input[type="radio"]:checked+label::before{background: #366c5b;} .CustomTable.CustomGantt .dropdown a.dropdown-toggle{border-radius: 4px; border: 1px solid #cecece; height: 26px; line-height: 14px; padding: 4px 8px; color: #9e9d9d; background-color: #fff; width: 80px; text-align: left; margin: 0 !important; box-shadow: none; display:inline-block; font-weight:500;} .CustomTable.CustomGantt .dropdown a.dropdown-toggle .caret{margin-top:0px;} .CustomTable.CustomGantt .dropdown .dropdown-menu{border: 1px solid #81d0b7;} .CustomTable.CustomGantt .dropdown .GroupBtn{padding:0 8px;} .CustomTable.CustomGantt .dropdown .GroupBtn a.btn{border-radius: 4px; height: 28px; line-height: 14px; padding: 7px 10px; color: #fff; float: left; margin: 4px 0; width: 100%;} .CustomTable.CustomGantt .dropdown .GroupBtn a.btn:last-child{margin:4px 0 0;} .CustomTable.CustomGantt .CommonBTN a.btn{ border-radius: 4px; height: 26px; line-height: 16px; padding: 4px 8px; color: #fff; float: left; margin-left: 4px;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=MoveUp], .CustomTable.CustomGantt a.btn[title~=MoveDown]{background-color: #499fe1; border: 1px solid #499fe1;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Insert]{background-color: #4caf50; border: 1px solid #4caf50;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=back]{background-color: #91a1b4; border: 1px solid #91a1b4;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Delete], .CustomTable.CustomGantt a.btn[title~=Initiate], .CustomTable.CustomGantt .CommonBTN a.btn[title~=Back], .CustomTable.CustomGantt .CommonBTN a.btn[title~=Save] {height: 26px; padding: 5px 12px; line-height: 10px; display: inline-block; border-radius: 4px; background-color: #fff; position: relative; float: left; margin-left: 5px;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Delete], .CustomTable.CustomGantt .CommonBTN a.btn[title~=Initiate]{border: 1px solid #ff5454;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Back]{border: 1px solid #3aa59a;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Save]{border: 1px solid #4caf50;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Delete]::after, .CustomTable.CustomGantt a.btn[title~=Initiate]::after, .CustomTable.CustomGantt .CommonBTN a.btn[title~=Back]::after, .CustomTable.CustomGantt .CommonBTN a.btn[title~=Save]::after{content: ''; position: absolute; width: 26px; height: 26px; right: 0; background-image: url(../images/SpritesImages/SpritesImg.png); background-repeat: no-repeat; top: -1px; left: 0; margin: auto;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Delete]::after{background-position: -216px -355px;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Initiate]::after{background-position: -216px -390px;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Save]::after{background-position: -216px -320px;} .CustomTable.CustomGantt .CommonBTN a.btn[title~=Back]::after{background-position: -216px -425px;} .CustomTable.CustomGantt .GroupBtn a.btn[title~=Requirement], .CustomTable.CustomGantt .GroupBtn a.btn[title~=Task], .CustomTable.CustomGantt .GroupBtn a.btn[title~=Import], .CustomTable.CustomGantt .GroupBtn a.btn[title~=Template], .CustomTable .CustomGantt .GroupBtn a.btn[title~=Column], .CustomTable .CustomGantt .GroupBtn a.btn[title~=Import]{background-color:#3aa59a;} .CustomTable.CustomGantt .GroupBtn a.btn[title~=Show], .CustomTable.CustomGantt .GroupBtn a.btn[title~=Column]{background-color:#41c7d8;} .WorkAllocationSearch input{height: 32px; background-color: #ffffff; border: 1px solid #96c7b8; border-radius: 4px; font-weight: 500; padding: 5px 10px; font-size: 12px;} .WorkAllocationSearch a{height: 32px; padding: 5px 12px; line-height: 10px; display: inline-block; border-left: none; border-radius: 0 4px 4px 0; margin-left: 0; position: absolute; right: 1px; top: 0;} .WorkAllocationSearch a::after{ background-image: url(../images/SpritesImages/InboxSprites.png); content: ''; position: absolute; width: 32px; height: 30px; right: 0; background-repeat: no-repeat; top: 0;} .CustomTable_ver2 .panel{box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) !important; border-radius: 2px !important; border:none !important;} .CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox .ftr, .CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox .xhdr{background-image: url(../images/head_bg.jpg) !important; background-size: 100% !important; background-position: top left !important; background-repeat: no-repeat !important; background-color:transparent; height: 38px !important;} body:nth-of-type(1) .CustomTable_ver2 div.gridbox_dhx_skyblue table.hdr tr{background-image: none !important;} .CustomTable_ver2 .xhdr{height: 44px !important; background-color:var(--main-Gridbg-color) ; background-image:none !important;} .CustomTable_ver2 div.gridbox table.hdr td{padding: 11px 0; border: none !important;} .CustomTable_ver2 div.gridbox_dhx_skyblue.isModern table.obj tr td{border: none !important;} .CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox table.obj tr td{height: 36px; background-color: #fff !important} .CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox table.obj{border:none !important;} .CustomTable_ver2 .ev_dhx_skyblue{background-color: #fff !important;} .CustomTable_ver2 div.gridbox_dhx_skyblue{border: 1px solid #ddd; box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); border-bottom-color: var(--main-blueBG-color) ;} .CustomTable_ver2 div.gridbox_dhx_skyblue.isModern table.hdr tr td{color: #5f5f5f; font-weight: 500; font-size: 14px; background-color: transparent !important;} .CustomTable_ver2 .panel-body{padding: 0 0 ;} .CustomTable_ver2 .panel-heading h6{font-size: 15px; font-weight: 500; color: #fff; line-height:15px;} .CustomTable_ver2 .panel-footer{border-top: 1px solid #c3c3c3 !important; border-radius: 0; padding: 10px 22px; border:none;} .CustomTable_ver2 .CustomButton { padding: 7px 15px; border: none; border-radius: 4px; color: #fff; font-size: 14px; margin: 0 2px;} .CustomTable_ver2 .panel-heading{padding: 11px 20px !important;} .CustomTable_ver2 div.gridbox_dhx_skyblue table.obj tr.rowselected{background-color: rgba(3, 169, 243, 0.1) !important;} .CustomTable_ver2 div.gridbox_dhx_skyblue table.obj tr.rowselected td{background-color: transparent !important;} .CustomTable_ver2 .heading-elements a.IconMod{width: 20px; height: 20px; background-color: #ffffff; display: inline-block; text-align: center; border-radius: 2px; margin: 0 3px; padding:3px;} .CustomTable_ver2 .heading-elements a.IconMod i{font-size: 14px !important; top:1px; margin:0;} .CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell{width: auto; font-weight: 500; color: #fff;} .IspaceDMSSave .CustomSucess { background: #8cbb1e; background: -moz-linear-gradient(right, #8cbb1e 0%, #aee22c 100%); background: -webkit-linear-gradient(right, #8cbb1e 0%,#aee22c 100%); background: linear-gradient(to left, #8cbb1e 0%,#aee22c 100%); padding:7px 32px; border-radius:25px; font-size:13px; font-weight:500; -webkit-animation: newregbtn 5s ease infinite; -moz-animation: newregbtn 5s ease infinite; animation: newregbtn 5s ease infinite; line-height:22px; border:none; color:#fff;} .CustomDMSCricleBtn{padding:5px 32px !important; border-radius:25px !important; font-size:13px; font-weight:500; -webkit-animation: newregbtn 5s ease infinite; -moz-animation: newregbtn 5s ease infinite; animation: newregbtn 5s ease infinite; line-height:22px; border:none !important; transition:0.5s;} .CustomSucessColor { background: #8cbb1e; background: -moz-linear-gradient(right, #8cbb1e 0%, #aee22c 100%); background: -webkit-linear-gradient(right, #8cbb1e 0%,#aee22c 100%); background: linear-gradient(to left, #8cbb1e 0%,#aee22c 100%); color:#fff !important; transition:0.5s;} .CustomSucessColor:hover { background: #8cbb1e; background: -moz-linear-gradient(right, #aee22c 0%, #8cbb1e 100%); background: -webkit-linear-gradient(right, #aee22c 0%,#8cbb1e 100%); background: linear-gradient(to left, #aee22c 0%,#8cbb1e 100%); color:#fff !important; transition:0.5s;} .CustomInfoColor{ background: #00acc1; background: -moz-linear-gradient(left, #00acc1 0%, #26c6da 100%); background: -webkit-linear-gradient(left, #00acc1 0%,#26c6da 100%); background: linear-gradient(to right, #00acc1 0%,#26c6da 100%);color:#fff !important; transition:0.5s;} .CustomInfoColor:hover{ background: #00acc1; background: -moz-linear-gradient(left, #26c6da 0%, #00acc1 100%); background: -webkit-linear-gradient(left, #26c6da 0%,#00acc1 100%); background: linear-gradient(to right, #26c6da 0%,#00acc1 100%);color:#fff !important; transition:0.5s;} .CustomBlueColor{background: #4568dc; background: -webkit-linear-gradient(to right, #4568dc, #b06ab3); background: linear-gradient(to right, #4568dc, #b06ab3); color:#fff !important; transition:0.5s; } .CustomBlueColor:hover{background: #4568dc; background: -webkit-linear-gradient(to right, #b06ab3, #4568dc); background: linear-gradient(to right, #b06ab3, #4568dc); color:#fff !important; transition:0.5s; } .Doctype .CustomTable_ver2 .tabbable .nav-tabs-highlight li a::after{background-image: url(../images/IspaceTopImg.png) !important; background-size: 100%; background-position: 50% 100%; background-repeat: no-repeat;} .CustomGreenCricle {background: #52c234; background: -webkit-linear-gradient(to right, #245d10, #52c234); background: linear-gradient(to right, #245d10, #52c234);} .CustomGreenCricle:hover, .CustomGreenCricle:active, .CustomGreenCricle:focus, .CustomGreenCricle:visited {background: #52c234; background: -webkit-linear-gradient(to right, #52c234, #245d10); background: linear-gradient(to right, #52c234, #245d10);} .CustomDullCricle {background: #fff; font-weight: 600; color: #454545;} .CustomSuccessCricle i{font-size:13px !important;} #dvListview span.input-group-btn a, #dvTitlesview span.input-group-btn a{background-color: #1d981d; border: 1px solid #1d981d; border-right: 1px solid #8cbb8c !important;margin-left: 0;border-radius: 0;} #dvListview span.input-group-btn a:last-child, #dvTitlesview span.input-group-btn a:last-child{border-radius:0 25px 25px 0; border-right:none !important;} #dvListview .input-group input, #dvTitlesview .input-group input{border-radius: 25px 0 0 25px; padding: 5px 10px 5px 15px;} #dvListOfDocuments .panel-footer div:first-child, #dvHistory .panel-footer div:first-child{padding-top:8px !important} #dvListOfDocuments .panel-footer select{ border-radius: 30px 0 0 30px; line-height: 12px; height: 23px !important; padding: 1px 25px 4px 12px !important; border:1px solid #ccc; font-weight:500;} #dvListOfDocuments .panel-footer ul.record{ margin-top: 8px; margin-left: 5px;} #dvListOfDocuments .panel-footer ul.record li{border-radius: 0 30px 30px 0; padding: 5.5px 10px; line-height: 12px; margin: 0; position: relative; font-size: 10px; font-weight: 500; text-transform: capitalize; background: rgba(46,127,226,1);background: -moz-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(46,127,226,1)), color-stop(100%, rgba(58,155,234,1)));background: -webkit-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);background: -o-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%); background: -ms-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);background: linear-gradient(to right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%); border: none;} #dvListOfDocuments .panel-footer ul.record li span{font-size:11px; font-weight:500; color:#fff;} #dvListOfDocuments .panel-footer ul.record li label{margin:0;} #dvListOfDocuments .panel-footer ul.pagination li:first-child a{border-radius: 20px 0 0 20px;background-color:#2F80E2;} #dvListOfDocuments .panel-footer ul.pagination li:last-child a{border-radius: 0 20px 20px 0;background-color:#2F80E2;} #dvListOfDocuments .panel-footer ul.pagination li a{background-color:#3999E9; height: 22px; float: left;padding: 3px 10px; border-radius:0; width:auto; max-width:28px; margin:0 2px;} #dvListOfDocuments .panel-footer ul.pagination li a i{width:auto; height:auto; background-color:transparent; border:none; line-height:normal;} /*************************************************************************CUSTOMGRID DESIGN******************************************************************************/ .blueBG{ background: #0098de; background: -moz-linear-gradient(left, #0098de 0%, #1bb5f7 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #0098de), color-stop(100%, #1bb5f7)); background: -webkit-linear-gradient(left, #0098de 0%, #1bb5f7 100%); background: -o-linear-gradient(left, #0098de 0%, #1bb5f7 100%); background: -ms-linear-gradient(left, #0098de 0%, #1bb5f7 100%); background: linear-gradient(to right, #0098de 0%, #1bb5f7 100%); } .greenBG{ background: #29BAC1; background: -moz-linear-gradient(left, #29BAC1 0%, #45d9e0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #29BAC1), color-stop(100%, #45d9e0)); background: -webkit-linear-gradient(left, #29BAC1 0%, #45d9e0 100%); background: -o-linear-gradient(left, #29BAC1 0%, #45d9e0 100%); background: -ms-linear-gradient(left, #29BAC1 0%, #45d9e0 100%); background: linear-gradient(to right, #29BAC1 0%, #45d9e0 100%); } .blueBG .xhdr{background-color:#0098de; background-image: none !important;} .greenBG .xhdr{background-color:#29BAC1; background-image: none !important;} .purpleBG{background-color: var(--main-purpleBG-color) !important;; border-color: var(--main-purpleBG-color) !important; background-image: none !important;} .purpleBG .xhdr{background-color: var(--main-purpleBG-color) !important;; border-color: var(--main-purpleBG-color) !important; background-image: none !important;} .velvetBG{background-color: #5C6BC0 !important; border-color: #5C6BC0 !important; background-image: none !important;} .velvetBG .xhdr{background-color: #5C6BC0 !important; border-color: #5C6BC0 !important; background-image: none !important;} .CustomPanGradient.panel{border: none !important; padding-top: 0 !important; box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); border-radius: 3px 3px 0 0; position: relative;} .CustomPanGradient.panel > .panel-heading{border-radius: 3px 3px 0 0; padding: 14px 15px !important;} .CustomPanGradient.panel > .panel-heading h6{font-weight:500; font-size:14px; margin:0; line-height:16px;} .CustomPanGradient.panel:after{content:''; position:absolute; background: linear-gradient(to right,#7474bf,#348ac7); width:100%; height:1px;} /*BG*/ /*INNERPAGE STYLES*/ .no-close .ui-dialog-titlebar-close { display: none; } .spinner { margin: 100px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; display: block; } .spinner > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .spinner .rect1 {-webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;} .spinner .rect3 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;} @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% {-webkit-transform: scaleY(0.4);} 20% {-webkit-transform: scaleY(1.0);} } @keyframes sk-stretchdelay { 0%, 40%, 100% {transform: scaleY(0.4); -webkit-transform: scaleY(0.4);} 20% {transform: scaleY(1.0);-webkit-transform: scaleY(1.0);} } div.gridbox_property table.obj tr.rowselected td {background-color: #ededed !important;color: black !important;border-color: #ededed !important;} h3.panel-title, .h3.panel-title {font-size: 15px !important;} .dhxtree_dhx_skyblue .selectedTreeRow_lor, .selectedTreeRow { background-color: #1E88E5 !important; background-repeat: repeat-x; color: white !important; font-size: 12px; line-height: 14px; overflow: hidden; width: 100% !important; padding: 4px 5px !important; border: none; border-radius: 3px;} #propertyGrid {table-layout: fixed; width: 100% !important;} .dhx_combo_select {z-index: 10010 !important; max-height:250px; overflow:auto; box-shadow: 0 1px 4px 4px rgba(0,0,0,.05); border: 1px solid #ddd;} select[multiple] option, select[size] option{padding: 7px 12px; border-radius: 3px; font-size: 12px; font-weight: 600; color: #101010; letter-spacing: 0.2; background-color: #fff !important;} .igniteuichart {width: 100% !important; height: 500px} .echartsSize {width: 100% !important; height: 500px} .ui-resizable-handle.ui-icon {border-style: none !important;} .jsPanel {min-height: inherit !important;} .jsPanel .jsPanel-hdr{padding: 10px 15px !important; border-radius: 0 !important; border: none !important; margin: 0 !important;} .jsPanel .jsPanel-hdr h3{font-weight:500; padding:0; line-height:18px;} .jsPanel .jsPanel-hdr .jsPanel-hdr-toolbar{margin-top: 3px;} .jsPanel-content { padding: 0; } .jsPanel-content #layoutTree{min-height: 297px !important; margin: 0; border: none;} .jsPanel-content #propertyGrid{min-height: 300px !important; margin: 0; border: none;} .jsPanel-content .objbox{min-height: 300px !important; height: auto !important; margin: 0; border: none;} div.dhx_textarea { z-index: 9999 !important; } textarea.dhx_textarea { width: calc(100% - 20px) !important;} div.dhtmlxcalendar_dhx_skyblue {z-index: 99999 !important;} .sidebar_pop_width {width: 600px !important;} .p1_main_inner_container {position: relative; top: 0; left: 0; margin: 0 auto; right: 0; bottom: 0;height: auto;width: auto;-moz-box-sizing: border-box;background: none repeat scroll 0 0 #FFFFFF;} .inb_pp_con_out3 {position: absolute; height: auto; width: auto; top: 0; left: 0; bottom: 0; right: 0;} .doc_viewer_top {max-height: 310px;overflow-y: auto;overflow-x: hidden;padding: 10px;background-color: white; border-radius: 3px;border: 1px solid #dddddd;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);} #treeGrid .objbox {overflow-x: hidden !important;} #grdMetaInfomation .objbox {overflow-x: hidden !important;} .dhxcombolist_dhx_skyblue {width: auto !important;} #dvDocumentView {display: none !important;} .pbm {margin-bottom: 0 !important;} .boxshadow{box-shadow: none !important;} .ui-igupload .ui-igprogressbar{ height: 28px !important; position: relative; width: 100%; overflow: hidden; top: 3px; padding: 8px 0 !important;} .ui-widget-header { font-size:15px !important;font-weight:500 !important;} .ui-widget-header .ui-igupload-summaryprogress-label{font-size:13px !important; top:4px; right:30px;} .note-editor.note-frame{border: 1px solid #ddd;} /*INNERPAGE STYLES*/ .count{color: #202020;padding: 7px 10px; font-size: 14px;} .count label{margin: 0; line-height: 12px; width: 100% !important; height:100% !important; padding-left:20px;} #dvDiagram #myDiagramDiv div{height:100% !important; overflow:initial !important;} .datatable-scroll, .datatable-scroll-lg{overflow: hidden;} #dvBasicInfo .panel-heading{background-color: #00bcd4; border:none; color: #fff; border-radius: 0 !important} #validationSummaryFrame .CustomFixed {position: static; margin: 0; border-bottom: none;} #validationSummaryFrame .page-header-content{background-color: #f7f7f7; border: none !important;} /*LOADING*/ .preLoad .login-form{position: relative;} .preLoad .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 150px; height: 150px; animation: spin 2s linear infinite; margin: 15px auto; } .preLoad .login-form p{text-align: center; font-size: 24px; font-weight: 500; margin: 0; position: absolute; top: 140px; right: 0; left: 0;} /*LOADING*/ .RepositoryMapping .col-md-2{width:20%;} .RepositoryMapping .col-md-10{width:80%;} .RepositoryMapping .sidebarcustom{ box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; border: none;} .RepositoryMapping .sideBarContent{padding: 0; background-color: #fff;} .RepositoryMapping .sideBarContent #treeRepositoryMapping{padding:10px;} .RepositoryMapping .sideBarContent .category-title{ padding: 15px 14px; border-bottom:none !important; background-color:var(--main-Gridbg-color);} .RepositoryMapping .sideBarContent .category-title span{margin-top:1px; line-height:14px; text-transform:capitalize;} .RepositoryMapping .panel{background-color: #fff; padding-top: 0; margin-bottom: 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) !important;} .RepositoryMapping .panel .panel-heading{background-color: var(--main-Gridbg-color); padding: 11px 14px !important;} .RepositoryMapping .panel .panel-body{padding:0;} .CustomTable #treeboxbox_tree0{width: 100% !important;} .blue_brdr1{border-bottom: none !important;} .Doctype .sidebarcustom{ box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; border: none;} .Doctype .sideBarContent{padding: 0; background-color: #fff;} .Doctype .sideBarContent .category-title{ padding: 12px 14px; border-bottom:none !important;} .Doctype .sideBarContent .category-title>span{font-size: 15px !important; font-weight: 500; color: #fff; text-transform: capitalize; line-height: 15px; margin-top: 0;} .Doctype .sideBarContent .category-title>.icons-list{top: 50% !important; right:15px; color:#fff;} .Doctype .panel{padding-top:0; background-color:#fff; margin-bottom:0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) !important;} .Doctype #treeboxbox_tree0{width: 100% !important; height:404px;} .Doctype #treeboxbox_tree0 .xhdr{display: none;} .Doctype .blue_brdr1{padding: 10px; float: left; width: 100%; background-color:#03A9F3;} .Doctype .blue_brdr1 a{width: 20px; height: 20px; background-color: #ffffff; display: inline-block; text-align: center; border-radius: 2px; margin: 0 3px; border:none; padding:3px;} .Doctype .blue_brdr1 a i{font-size: 13px; top:1px; margin:0;} .Doctype div.gridbox_dhx_skyblue.gridbox{width: 100% !important;} .Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue { border: none !important; border-bottom: 1px solid rgba(3, 169, 243, 0.3) !important; border-top: none !important; border-left:none !important; border-right:none !important;} .Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.ev_dhx_skyblue { border: none !important; border-bottom: 1px solid rgba(3, 169, 243, 0.3) !important; border-top: none !important; border-left:none !important; border-right:none !important;} .Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr:first-child{ border-bottom: none !important;} .Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr td{height: 36px; border-left:none !important; border-right:none !important; background-color: transparent !important; border-top:none !important; border-bottom:none !important;} .Doctype div.gridbox_dhx_skyblue.gridbox table.obj{border-left:none !important; border-right:none !important;} .sidebar-detached > .sidebar{box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; border:none !important;} .Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected{background-color:rgba(181, 222, 255, 0.4) !important;} .Docexpl .sideBarContent{background-color: #fff;} .Docexpl .sidebarcustom{ box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; border: none;} .Docexpl .category-content{padding: 0 0 !important;} .Docexpl .sideBarContent .category-title{ padding: 6px 14px; border-bottom: none !important; color: #fff;} .Docexpl #documentTypeTree{width: 100% !important;} .Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr{border-bottom: 1px solid #c3c3c3 !important;} .Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected{background-color:#f8fbd3 !important;} .Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr td{height: 36px; border-left:none !important; border-right:none !important; background-color: transparent !important; border-top:none !important; border-bottom:none !important;} .Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue{border-left: none !important; border-right: none !important;} .Docexpl .panel{ box-shadow: 6px 11px 41px -28px #a99de7; -webkit-box-shadow: 6px 11px 41px -28px #a99de7; border-radius: 0; border: none !important;} .Docexpl .panel .panel-heading{padding: 10px 20px !important; border-radius:5px 5px 0 0; margin: 0 !important; border:none ; color: #fff;} .Docexpl .panel .panel-heading h6, .Docexpl .panel .panel-heading h5{line-height: 20px; margin: 0; font-weight:500; font-size:15px;} .Docexpl .panel .panel-heading h6 a, .Docexpl .panel .panel-heading h5 a{ color: #fff;} .Docexpl .panel .panel-heading h6 a label, .Docexpl .panel .panel-heading h6 label, .Docexpl .panel .panel-heading h5 a label, .Docexpl .panel .panel-heading h5 label{margin-bottom: 0;} .Docexpl .panel .panel-heading h6 .dropdown-menu li a, .Docexpl .panel .panel-heading h5 .dropdown-menu li a{color: #252525;} .Docexpl .panel .panel-heading h6 .dropdown-menu, .Docexpl .panel .panel-heading h5 .dropdown-menu{border-bottom: 1px solid #cacaca !important; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; border-top: 1px solid #ddd; padding: 0 !important; margin: 3px 0;} .Docexpl .panel .panel-heading h5 span.clsFileName{white-space: nowrap; width: 175px; overflow: hidden; text-overflow: ellipsis; display: inline-block; position: relative; top: 5px;} .Docexpl .panel .panel-body{border: 1px solid rgba(169,157,231,.25); border-top: none !important;} .Docexpl ul.media-list{padding: 10px; border-radius: 3px; color: #fff; background-color: #fff; border: 1px solid rgba(222, 222, 222, 0.9); box-shadow: 0 3px 8px rgba(0,0,0,.08); position:relative;} .Docexpl ul.media-list.ListCustom::before{content:''; position:absolute; background-image:url(../images/CruveDoc.png); background-size:cover; width: 100%; height: 79px; overflow: hidden; left: 0; bottom: 0;} .Docexpl ul.image .media-body p{color: #208895; font-weight: 500; font-size: 13px;} .Docexpl ul.pdf .media-body p{color: #DF574B; font-weight: 500; font-size: 13px;} .Docexpl ul.excel .media-body p{color: #207245; font-weight: 500; font-size: 13px;} .Docexpl ul.word .media-body p{color: #2A5696; font-weight: 500; font-size: 13px;} .Docexpl ul.text .media-body p{color: #333333; font-weight: 500; font-size: 13px;} .Docexpl ul.empty .media-body p{color: #FEA700; font-weight: 500; font-size: 13px;} .Docexpl #dvComments ul.media-list{background-color:transparent; border: none; box-shadow: none;} .Docexpl #dvComments ul.media-list .media{margin-right:0;} .Docexpl #dvComments ul.media-list .media .media-content{width:100%; background: #72D98B; background: -webkit-linear-gradient(to right, #72D98B, #72D9CE); background: linear-gradient(to right, #72D98B, #72D9CE); color: #fff; font-weight: 500; font-size: 13px; padding:14px 30px; line-height: 18px; min-height:60px; border-radius:55px; box-shadow: 0 4px 15px rgba(0,0,0,.1); max-height:100px;} .Docexpl #dvComments ul.media-list .media .media-content::before{display:none;} .Docexpl #dvComments ul.media-list .media .media-left{position: relative; top: 10px;} .Docexpl #dvComments ul.media-list .media .media-body span{color: #707070; font-weight: 500; float: none; padding: 5px 17px; font-size: 12px; line-height: 13px; letter-spacing: .3px; text-align: center;} .Docexpl #dvComments ul.media-list .media .media-body span i{color:#52b5aa; font-size:12px;} .Docexpl #dvComments #dvCommentsEnter textarea{font-weight:500;} .Docexpl .media-left div{width: 45px; height: 50px; border-radius: 6px; color: #fff; text-align: center; } .Docexpl ul.image .formatIcon{background-color: #208895;} .Docexpl ul.pdf .formatIcon{background-color: #DF574B;} .Docexpl ul.excel .formatIcon{background-color: #207245;} .Docexpl ul.word .formatIcon{background-color: #2A5696;} .Docexpl ul.text .formatIcon{background-color: #333333;} .Docexpl ul.empty .formatIcon{background-color: #FEA700;} .Docexpl .media-left .formatIcon a i.fa-3x{font-size: 24px !important; color: #fff !important; top: 13px; position:relative;} .Docexpl .media-left{padding: 0 !important; float: left;} .Docexpl .media-body{padding-left:15px !important;} .Docexpl .media-body ul.list-inline li{font-weight: 500; color: #828282;} .Docexpl .media-body ul.list-inline li .checkbox label{font-weight: 500; color: #828282;} .Docexpl ul.image .media-body ul.list-inline li .checkbox label span small{background-color:#208895; box-shadow:none;} .Docexpl ul.pdf .media-body ul.list-inline li .checkbox label span small{background-color:#DF574B; box-shadow:none;} .Docexpl ul.excel .media-body ul.list-inline li .checkbox label span small{background-color:#207245; box-shadow:none;} .Docexpl ul.word .media-body ul.list-inline li .checkbox label span small{background-color:#2A5696; box-shadow:none;} .Docexpl ul.text .media-body ul.list-inline li .checkbox label span small{background-color:#333333; box-shadow:none;} .Docexpl ul.empty .media-body ul.list-inline li .checkbox label span small{background-color:#FEA700; box-shadow:none;} .Docexpl .media-heading a{font-size: 16px; color: #455a64; text-transform: capitalize; font-weight:500;} .Docexpl h6.media-heading.docExpRO{color: #455a64; opacity:0.6;} .Docexpl .media-heading .list-inline>li{font-weight:500;} .Docexpl .list-inline-separate > li:before{color: #333;} .Docexpl .content-group{padding-bottom: 10px !important; border-bottom: 1px solid #c3c3c3; margin-bottom: 18px !important;} .Docexpl #dvListOfDocuments .panel-body{padding: 0 20px 20px;} .Docexpl #dvListOfDocuments .form-horizontal{ padding: 10px 0 10px; border-bottom: 1px solid rgba(3, 169, 243, 0.2); margin-bottom: 20px;} .Docexpl .panel-footer{padding: 0 10px; border-radius: 0;border-top: none !important;border: 1px solid rgba(195,195,195,.4);} .Docexpl .panel-footer ul.record li{padding: 13px 10px; } .Docexpl .panel-footer ul.pagination li{padding: 8px 0; float:left;} .Docexpl .panel-footer ul li span {font-size: 14px;color: #303030;} .Docexpl .pagination li a, .pagination li span{ padding: 0 4px; line-height: 12px; border: none !important; min-width: 0;} .Docexpl .pagination li a i{width: 23px; height: 23px; background-color: #03a9f3; color: #fff; font-weight: 500; border-radius: 2px; line-height: 20px; border: 1px solid #03a9f3;} .Docexpl #ddlPageSize{ border: 1px solid #03a9f3; padding: 5px 12px; height: 31px;} .Docexpl div.gridbox_dhx_skyblue.gridbox{width: 100% !important;} .Docexpl .tabbable .nav-tabs{text-align: center; position: relative; border: none !important; background-color: #f8f8f8;} .Docexpl .tabbable .nav-tabs li{ position: relative; z-index: 1; display: inline-block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: 120px;} .Docexpl .tabbable .nav-tabs li.active a{ background-color: transparent; border:none; color: #2CC185; -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0);} .Docexpl .tabbable .nav-tabs li a{ -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, transform 0.3s; padding: 14px 12px; font-size: 14px; font-weight: 500;} .Docexpl .tabbable .nav-tabs li:last-child::before {position: absolute;bottom:0; left:0; width:100%; height:4px; background:#2CC185; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;} .Docexpl .tabbable .nav-tabs li:first-child.active ~ li:last-child::before {-webkit-transform: translate3d(-205%,0,0);transform: translate3d(-205%,0,0);} .Docexpl .tabbable .nav-tabs li:nth-child(2).active ~ li:last-child::before {-webkit-transform: translate3d(-102%,0,0);transform: translate3d(-102%,0,0);} .DocForIspace{position: relative; top: 65px;} .DocForIspace .tabbable .nav-tabs{background-color: #9675ce !important;} .DocForIspace .tabbable .nav-tabs li.active a{color: #ffeb3b !important;} .DocForIspace .tabbable .nav-tabs li a{color: #fff !important;} /*TabCustomStyle*/ /*****GOBALTABONE*****/ .gobalTab .nav-tabs{position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 100%; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; justify-content: left; border:none;} .gobalTab .nav-tabs li{margin-right:8px !important; position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: none; flex: none;} .gobalTab .nav-tabs li a{font-size: 15px; font-weight: 500; position: relative; display: block; line-height: 17px !important; color: #3b61eb !important; background-color: transparent !important; padding: 7px 10px !important; border-radius: 5px; border: 3px solid #ebeffd !important; width: 200px;} .gobalTab .nav-tabs li.active a{background-color:#ebeffd !important;} .gobalTab .nav-tabs li a i{display:none;} .gobalTab .nav-tabs li a:hover, .gobalTab .nav-tabs li a:focus{border: 1px solid transparent; transition: all 0.4s ease-in-out; background-color: #11b3b9; color: #fff;} .gobalTab .nav-tabs li.active a, .processTab .nav-tabs li.active a:hover, .processTab .nav-tabs li.active a:focus{color: #fff; background-color: #ebeffd; padding: 5px 20px;} .gobalTab .tab-content{border: 1px solid rgba(17,179,185,.25) !important; border-radius: 3px !important; background-color: transparent !important; margin-top: 10px; position: relative; overflow:hidden; float:left; width:100%;} .gobalTab .tab-content .tab-pane{overflow:hidden; padding:0 !important;} /*****GOBALTABTWO*****/ /*Common Form-Group*/ .form-group label{font-size: 14px; font-weight: 500; color: #4d4d4d; margin: 0; padding-bottom: 10px;} .form-group input.form-control, .form-group textarea.form-control{border:1px solid #8e8e8e; height:auto !important; border-radius:5px ; color: #4d4d4d !important; font-weight: 500; font-size: 14px !important;} .form-group textarea.form-control{height:auto !important;} .form-group .pincode-input-container input.form-control.pincode-input-text{border:1px solid #8e8e8e; border-radius:0 !important; height:32px !important; color: #4d4d4d !important; font-weight: 500; font-size: 14px !important;} .form-group .pincode-input-container input.form-control.pincode-input-text.first{border-radius: 3px 0 0 3px !important;} .form-group .pincode-input-container input.form-control.pincode-input-text.mid{border-left:none !important;} .form-group .pincode-input-container input.form-control.pincode-input-text.last{border-radius: 0 3px 3px 0 !important; border-left:none !important;} /*dhxcombo*/ .mainCustomTable .panel .heading-elements svg path{ fill: #4F5D77 !important;} .Custom-head .panel-heading{background-color: #f7f7f7 !important; border-bottom: 1px solid #ddd !important;} .Custom#comboSearchTypes div.dhxcombo_dhx_skyblue input.dhxcombo_input {border-radius: 8px !important;background-color: #3b61eb !important;} .Custom#comboSearchTypes div.dhxcombo_dhx_skyblue{border-radius: 8px !important; } #btnEditNode svg path { fill: #4F5D77 !important; } .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 #8e8e8e85; height:36px !important; border-radius:5px !important; color: #4d4d4d !important; font-weight: 500; font-size: 14px !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{background-color: #fff; border:none; font-size: 1px; height: 40px !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 .input-group input{border:1px solid #8e8e8e !important; box-shadow:none !important; height:36px !important; border-radius:5px ; color: #4d4d4d !important; font-weight: 500; font-size: 14px !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 !important; width: 18px; height: 18px; background-size: 18px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 11px;} .form-group .input-group .input-group-btn i.fa.fa-calendar{/*background-image:url(../images/DesignStudio/fi-rr-calendar.svg);*/ font-size:0 !important; width: 18px; height: 18px; background-size: 18px; padding: 0;} /*Calendar*/ .form-group select.form-control, .form-group .btn-group button{border:1px solid #8e8e8e; height:35px !important; border-radius:5px !important; color: #4d4d4d !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*/ .gobalTabTwo .tabbable {background-color:#fff; width:100%; float:left;} .gobalTabTwo .tabbable .nav-tabs {position: relative; display: -ms-flexbox; display: -webkit-flex;display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; border:none;} .gobalTabTwo .tabbable .nav-tabs li{ position: relative; display: block; margin:0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .gobalTabTwo .tabbable .nav-tabs li.active a::after {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .gobalTabTwo .tabbable .nav-tabs li a { padding: 16px 35px; border: none; border-left: 1px solid #e7ecea; /* -webkit-transition: color 0.2s; */ transition: color 0.2s;} .gobalTabTwo .tabbable .nav-tabs li a i{font-size: 17px !important; line-height: 16px; margin-right: 10px; color: #74777b;} .gobalTabTwo .tabbable .nav-tabs li a span { font-size: 14.5px; font-weight: 500; color: #74777b;} .gobalTabTwo .tabbable .nav-tabs li:last-child a {border-right: 1px solid #e7ecea;} .gobalTabTwo .tabbable .nav-tabs li a::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: var(--main-Tabs2-color); content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(0,150%,0); transform: translate3d(0,150%,0);} .gobalTabTwo .tabbable .tab-content {position:relative; float: left; width: 100%; border-top: 1px solid #e7ecea; border-top: 1px solid #e7ecea !important; border: none;} /*****GOBALTABTHREE*****/ .gobalTabThree.tabbable .nav-tabs{text-align: center; position: relative; border: none !important; background-color: #f8f8f8;} .gobalTabThree.tabbable .nav-tabs li{ position: relative; z-index: 1; display: inline-block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: 120px;} .gobalTabThree.tabbable .nav-tabs li.active a{ background-color: transparent; border:none; color: var(--main-Tabs2-color); -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0);} .gobalTabThree.tabbable .nav-tabs li a{ -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, transform 0.3s; padding: 14px 12px; font-size: 14px; font-weight: 500;} .gobalTabThree.tabbable .nav-tabs li:last-child::before {position: absolute;bottom:0; left:0; width:100%; height:4px; background:#2CC185; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;} .gobalTabThree.tabbable .nav-tabs li:first-child.active ~ li:last-child::before {-webkit-transform: translate3d(-195%,0,0);transform: translate3d(-195%,0,0);} .gobalTabThree.tabbable .nav-tabs li:nth-child(2).active ~ li:last-child::before {-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);} /*****GOBALTABFOUR*****/ .gobalTabFour.tabbable {position: relative; overflow: hidden; margin: 0 auto; width: 100%; font-weight: 300; font-size: 1.25em;} .gobalTabFour.tabbable .nav li > a:hover, .gobalTabFour.tabbable .nav li > a:focus{background-color:transparent;} .gobalTabFour.tabbable .nav-tabs2{position: relative;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;margin: 0 auto;padding: 0;max-width: 100%;list-style: none;-ms-box-orient: horizontal;-ms-box-pack: center;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;} .gobalTabFour.tabbable .nav-tabs2 li {position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0.2em; -webkit-flex: none;flex: none;} .gobalTabFour.tabbable .nav-tabs2 li a {position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px; padding: 6px 10px; color: #74777b; font-weight: 700; -webkit-transition: color 0.3s; transition: color 0.3s;} .gobalTabFour.tabbable .nav-tabs2 li.active a { color: #fff;} .gobalTabFour.tabbable .nav-tabs2 li a span { vertical-align: middle; font-size: 13px; font-weight: 500; letter-spacing: 0.5px;} .gobalTabFour.tabbable .nav-tabs2 li a::after { position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: #2cc185;content: '';-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;transition: background-color 0.3s, transform 0.3s;-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);-webkit-transform: translate3d(0,100%,0) translate3d(0,-1px,0);transform: translate3d(0,100%,0) translate3d(0,-1px,0); border-radius: 3px 3px 0 0;} .gobalTabFour.tabbable .nav-tabs2 li.active a::after {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); background-color:#2CC185;} .gobalTabFour.tabbable .tab-content {background-color: #fff;display: inline-block;width: 100%;border-top: 1px solid #ddd !important;border: none;} /*****GOBALTABFIVE*****/ .gobalTabFive.tabbable ul.nav{position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin : 0; padding: 0; max-width: 600px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; border:none; padding:0; top:0;} .gobalTabFive.tabbable ul.nav li{position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .gobalTabFive.tabbable ul.nav li a{position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; padding:3px 35px 2px 5px; background-color: transparent; border: none; margin: 0; border-radius: 0;} .gobalTabFive.tabbable ul.nav li a span{font-size:14px;} .gobalTabFive.tabbable ul.nav li a i{font-size:14px !important;} .gobalTabFive.tabbable ul.nav li.active a, .gobalTabFive.tabbable ul.nav li.active a:hover{color:#2CC185;} .gobalTabFive.tabbable ul.nav li.active a:after{background: #fff; box-shadow: none; border: 1px solid #2cc185; border-bottom: none;} .gobalTabFive.tabbable ul.nav li a:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; outline: none; border-radius: 10px 10px 0 0; background: #2CC185; box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05); content: ''; -webkit-transform: perspective(5px) rotateX(1.20deg) translateZ(-1px); transform: perspective(5px) rotateX(1.20deg) translateZ(-1px); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .gobalTabFive .tab-content{ border: 1px solid #d6dde0 !important; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);} .GobalTabSix > ul{position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 100%; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; justify-content: left; padding: 8px 0 !important; margin-bottom: 10px !important; border-bottom: 1px solid rgba(65, 74, 84, 0.3);} .GobalTabSix > ul li{position: relative; z-index: 1; display: block; margin: 0 15px 0 0; text-align: center;} .GobalTabSix > ul li.active::before{opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} .GobalTabSix > ul li a{display: inline-block; overflow: visible; padding: 7px 10px 7px 35px; color: #74777b; -webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1); transition: color 0.3s cubic-bezier(0.7,0,0.3,1); border: none !important; border-radius:4px; line-height: 21px !important; background-color: transparent; } .GobalTabSix > ul li a::before{content:''; display: block; margin: 0 0 0.35em; -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; transition: transform 0.6s, opacity 0.6s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); pointer-events: none; height:35px; width:35px; margin:auto; left: 0; position: absolute; top: 0px;} .GobalTabSix > ul li a::after{content:''; display: block; margin: 0 0 0.35em; -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; transition: transform 0.6s, opacity 0.6s; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); pointer-events: none; height:35px; width:35px; margin:auto; left: 0; position: absolute; top: 0px;} .GobalTabSix > ul li.active a{ background-color: #838e9c !important; } .GobalTabSix > ul li.active a::after{transform: translate3d(0,0,0); background-image: url(../images/SpritesImages/SpritesImg.png);} .GobalTabSix > ul li.active a::before{transform: translate3d(0,-100px,0); background-image: url(../images/SpritesImages/SpritesImg.png);} .GobalTabSix > ul li a.StepOne::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px 0px;} .GobalTabSix > ul li a.StepTow::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px -35px;} .GobalTabSix > ul li a.StepThree::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px -70px;} .GobalTabSix > ul li a.StepFour::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px -105px;} .GobalTabSix > ul li a.StepFive::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px -140px;} .GobalTabSix > ul li a.StepSix::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px -175px;} .GobalTabSix > ul li a.StepSeven::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px -210px;} .GobalTabSix > ul li a.StepEight::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px -245px;} .GobalTabSix > ul li a.StepNine::before{background-image: url(../images/SpritesImages/SpritesImg.png); background-position: -142px -281px;} .GobalTabSix > ul li.active a.StepOne::after{background-position: -142px -315px;} .GobalTabSix > ul li.active a.StepTow::after{background-position: -142px -350px;} .GobalTabSix > ul li.active a.StepThree::after{background-position: -142px -385px;} .GobalTabSix > ul li.active a.StepFour::after{background-position: -142px -420px;} .GobalTabSix > ul li.active a.StepFive::after{background-position: -142px -455px;} .GobalTabSix > ul li.active a.StepSix::after{background-position: -142px -490px;} .GobalTabSix > ul li.active a.StepSeven::after{background-position: -142px 525px;} .GobalTabSix > ul li.active a.StepEight::after{background-position: -142px 560px;} .GobalTabSix > ul li.active a.StepNine::after{background-position: -175px -600px;} .GobalTabSix > ul li.active a span{font-size:13.5px; font-weight:500; color: #fff; letter-spacing: 0.3px;} .GobalTabSix > ul li a span{font-size:13.5px; font-weight:500; color: #313c48; letter-spacing: 0.3px;} .GobalTabSix .tab-content{box-shadow: 0 2px 5px 0 rgba(0,0,0,.18);} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .xhdr{display:none;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table {border-collapse: separate; border-spacing: 0 10px;} .mainCustomTable div.gridbox.CustomAllocation .objbox{background-color:transparent !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr{ border:none !important; background-color: #fff !important; background: #fff !important; box-shadow: 0 1px 10px 1px rgba(69,90,100,.1); position:relative;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr:first-child{display:none;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td{border:none !important; height:38px; position:relative;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td:hover{background-color: transparent;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td:first-child{width:50px;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td:first-child::after{content:''; position:absolute; left:0; background-color:#4d907b; width:4px; height:100%; top:0;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td img{float: left; margin-left: 5px;} /*CUSTOM STEP STYLE*/ /*Custom panel */ .custompanel > .panel{border-color:transparent !important;box-shadow:none !important;} .custompanel > .panel-heading{border-bottom:1px solid #2abee7 !important;} .custompanel > .panel-heading h6{font-size:16px !important;} .custompanel > .panel .panel-body{padding-left:10px !important;} .custompanel > .panel:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;border:1px solid #d2d6de !important;background:url('../images/bg_5.png') 50% !important;background-position:bottom left !important;background-repeat:no-repeat !important;} .custompanel > .panel:hover .panel-heading{background: linear-gradient(228deg, #4c9bd2, #035190) !important;background-size: 400% 400%;border-bottom:1px solid transparent !important;-webkit-animation: newregbtnhover 2s ease infinite;-moz-animation: newregbtnhover 2s ease infinite;animation: newregbtnhover 2s ease infinite;color:White !important;} .custom-panel-heading > .panel-heading{background: linear-gradient(228deg, #4c9bd2, #035190) !important;background-size: 400% 400%;border-bottom:1px solid transparent ;-webkit-animation: newregbtnhover 2s ease infinite;-moz-animation: newregbtnhover 2s ease infinite;animation: newregbtnhover 2s ease infinite;color:White !important;border-radius:3px 3px 0 0 !important;} /*CUSTOM STEP STYLE*/ .border-green{border-color:#65c1bf;} .ajax-view-record{line-height:14px;} .ajax-view-record b{padding:6px 10px;} /*ADMINCONSOLE*/ @media only screen and (min-width: 700px) {.masonryinner {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}} @media only screen and (min-width: 900px) {.masonryinner {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}} @media only screen and (min-width: 1100px) {.masonryinner {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}} /*ADMINCONSOLE*/ .masonryinner .exploPanel{display: inline-block; width: 100%; padding:0 10px;} .shortDes{position: absolute; top: 14px; left: 330px; font-size: 15px;} #mdlAssignActivity .panel{margin-bottom: 0; box-shadow: none; } #processactivityTree .ui-igtree-collection{margin-top: 15px;} .activitySet .input-group{width: 100%;} .Notifi .panel-heading {border-bottom: 1px solid #6e8ca0 !important;} .Notifi .panel-body .chart-container li.media{margin: 0; padding: 12px 0; border-bottom: 1px solid #2d4554;} .Notifi .chart-container .media-list{background-color: transparent;} .Notifi .chart-container .media-body a{color: #6cc1ca; font-size: 14.5px;} .Notifi .chart-container .media-body a span{color: #DC7092;} .Notifi .chart-container .media-body span{color: #efefef;} #dvRowNodeAdd .BtnCustom{padding: 8px 22px; background-color: #4caf50; border: none; border-radius: 3px; color: #fff;} #dvRowNodeAdd .BtnCustom i{margin-right: 5px;} #grdMainDefiner table.obj tr td a{padding: 5px 9px;} #grdMainDefiner table.obj tr td a i{margin: 0;} #commentarea .panel-body{padding: 10px !important;} .dataCount .panel{box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; border: none;} .dataCount .panel .panel-heading{background-color: var(--main-purpleBG-color); padding: 13px 20px !important; border-radius: 0; margin: 0 !important; border:none ; color: #fff;} .dataCount .panel .panel-heading h6{line-height: 20px; margin: 0;} .dataCount .panel .panel-heading h6 a{ color: #fff;} /*.CustomFormDesign .form-group label{margin-bottom: 8px !important; font-size: 13px; color: #4a4a4a; font-weight: 500; letter-spacing: 0.15px;} .CustomFormDesign .form-group label span{margin-left: 3px;} .CustomFormDesign legend{ font-size: 14px; font-weight: 500; color: #424242; border-bottom: 1px solid #c1c1c1; margin-bottom:10px;} .CustomFormDesign .form-group .form-control, .CustomFormDesign .form-group .multiselect, .CustomFormDesign .form-group .dhxcombo_input, .CustomFormDesign .form-group .dhxcombo_select_button, .CustomFormDesign .form-group .bootstrap-select button{font-weight:400; height:28px !important; line-height: 14px !important;} .CustomFormDesign .form-group textarea.form-control{height: auto !important; font-weight:400;} .CustomFormDesign .form-group .form-control.validation-error-label{margin:0; color:#333; padding:5px 10px;} .CustomFormDesign .form-group label.validation-error-label{color:#fd6155; margin:0 !important; line-height: 15px; font-size: 12px; position: absolute;bottom: -20px; height:18px;} .CustomFormDesign .form-group .validation-error-label:before, .CustomFormDesign .form-group .validation-valid-label:before{font-size:14px;} .CustomFormDesign .form-group .btn-group .multiselect-container li{display: inline-block; width: 100%; height: 36px;} .CustomFormDesign .form-group .btn-group .multiselect-container li.active a label{color: #fff !important;}*/ .select2-container {width:100% !important;} .select2-container .selection .select2-selection__rendered{position: absolute; width: 100%; top: 0; line-height:26px;} .select2-container .selection .select2-results__option{padding: 5px 12px; font-size:11px; font-weight:500;} .select2-container .select2-dropdown .select2-search .select2-search__field{height:28px; border: 1px solid #d2d2d2;} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #5897fb; color: #fff; height: 28px; line-height: 13px; font-weight: 500;} /************************************INPUT ANIMATION*****************************************/ .login_form_first .form-group{margin-bottom: 10px; width:100%; float:left; margin-bottom:15px;} .login_form_first .group { position:relative;} .login_form_first input {font-size:13px;padding: 8px 35px 8px 0; display:block; width:100%; border:none; border-bottom:1px solid #ddd; font-weight:500;} .login_form_first input:focus { outline:none; } .loginIconBox{position:absolute; top:9px; right:5px;} .group label{ color: #888; font-size: 13px; font-weight: 400; position:absolute; pointer-events:none; left:0; top:10px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;} .group input:focus ~ label, .group input:valid ~ label{top:-10px; font-size:14px; color:#5264AE;} @-webkit-keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } @-moz-keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } @keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } /*REPORT GRID*/ .ReportSpace .BgGrid .panel{background-color:transparent; border:none;} .ReportSpace .BgGrid .panel-heading{padding:10px 0 !important;} .ReportSpace .BgGrid .panel-heading h6{font-size: 20px; font-weight: 500 !important; color: #3999e9; line-height: 22px;} .ReportSpace .BgGrid .panel-heading ul{margin-top:6px;} .ReportSpace .BgGrid .panel-heading .navbarpad li{margin-left:10px;} .ReportSpace .BgGrid .panel-heading .navbarpad li a{padding: 5px 20px !important; border-radius: 25px; border: 1px solid #2f80e3; font-size: 12px; font-weight: 600; height:24px;} .ReportSpace .BgGrid .panel-heading .navbarpad li a:hover{background: rgba(46,127,226,1); background: -moz-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%); background: -webkit-gradient(right top, left top, color-stop(0%, rgba(46,127,226,1)), color-stop(64%, rgba(58,155,234,1)), color-stop(100%, rgba(61,178,224,1))); background: -webkit-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%); background: -o-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%); background: linear-gradient(to left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%); transition: 0.3s; border:1px solid #2f80e3; color:#fff; height:24px; opacity:1; } .ReportSpace .BgGrid .panel-heading .navbarpad li:last-child a{display:none;} .ReportSpace .BgGrid .panel-heading .heading-elements{right:0;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table {padding:0 !important;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tfoot.ShowGridFilter tr th .input-group-btn button{ border-radius: 20px 0 0 20px; padding-left: 12px; background-color: #3590e7; border: none; line-height: 24px; height: 26px; color:#fff;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tfoot.ShowGridFilter tr th .input-group-btn button span{font-size:13px !important;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tfoot.ShowGridFilter tr th input.form-control{border-radius: 0 20px 20px 0; height: 26px; border-left:none;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody{background-color:#fff; border-radius:5px; box-shadow: 2px 0 2px 1px rgba(0,0,0,.07);} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr{transition:.3s;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover{transition:.3s; background: rgba(46,127,226,0.3); background: -moz-linear-gradient(left, rgba(46,127,226,0.3) 0%, rgba(58,155,234,0.3) 64%, rgba(61,178,224,0.3) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(46,127,226,0.3)), color-stop(64%, rgba(58,155,234,0.3)), color-stop(100%, rgba(61,178,224,0.3))); background: -webkit-linear-gradient(left, rgba(46,127,226,0.3) 0%, rgba(58,155,234,0.3) 64%, rgba(61,178,224,0.3) 100%); background: -o-linear-gradient(left, rgba(46,127,226,0.3) 0%, rgba(58,155,234,0.3) 64%, rgba(61,178,224,0.3) 100%); background: linear-gradient(to right, rgba(46,127,226,0.3) 0%, rgba(58,155,234,0.3) 64%, rgba(61,178,224,0.3) 100%); } .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td{border: none !important; border-bottom: 1px solid #e5e6e8 !important; height:50px !important; } .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .customcheckbox label::before{height: 16px; width: 16px; border-radius: 3px; border: 2px solid #c4c8ce;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .customcheckbox label::after{top:0; left:3px; font-size:10px; color: #a7a9ab;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .controls.CustomUploadReport .input-group span{height:28px; border-radius: 20px 0 0 20px;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .controls.CustomUploadReport .input-group .input-group-btn a{height:28px; background-color:#fff; color: #3c3c3c; border-color: #2f80e3;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .controls.CustomUploadReport .input-group .input-group-btn a:last-child{border-radius: 0 20px 20px 0; padding-right:12px; background-color: #fff; border-color: #3590e7; border-left: 1px solid #3999e9;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .controls.CustomUploadReport .input-group .input-group-btn a i{font-size:13px !important;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover td .controls.CustomUploadReport .input-group .input-group-btn a{background-color:#2f81e3; color:#fff} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover td .controls.CustomUploadReport .input-group .input-group-btn a:last-child{background-color:#3999e9; color:#fff} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td span button{border: 1px solid #2f80e3 !important; border-radius: 30px; font-size: 11px; padding: 5px 0; transition: .3s; background-color: transparent !important; color: #303030; font-weight: 600; height:28px !important;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover td span button{background: rgba(46,127,226,1); background: -moz-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%); background: -webkit-gradient(right top, left top, color-stop(0%, rgba(46,127,226,1)), color-stop(64%, rgba(58,155,234,1)), color-stop(100%, rgba(61,178,224,1))); background: -webkit-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%); background: -o-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%); background: linear-gradient(to left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%); transition: 0.3s; border:none; color:#fff; border:none !important; } .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover td span{color:#181818 !important;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td:first-child span{font-weight:600 !important;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table thead tr th{border: none !important; border-left:none !important;padding:9px 10px !important; font-size:13px !important; line-height:18px !important; color: #959aa0 !important; font-weight: 500; position:relative;} .ReportSpace .BgGrid .table-widget .dataTables_wrapper table thead tr th:after{margin-top:0; top:13px;} .ReportSpace .BgGrid .datatable-footer {background-color:#fff; border:none; box-shadow: 2px 0 2px 1px rgba(0,0,0,.05); margin-top:5px;} .ReportSpace .BgGrid .fullContainer .pagination li:first-child label{ margin-bottom: 0; line-height: 28px; font-size: 13px; font-weight: 600; color: #2e80e2;} .ReportSpace .BgGrid .fullContainer .pagination li select{border-radius: 30px 0 0 30px; line-height: 12px; height: auto !important; padding: 4px 25px 4px 12px;} .ReportSpace .BgGrid .fullContainer .pagination li label.label{border-radius: 0 30px 30px 0; padding: 5px 10px; line-height: 12px; margin: 0; position: relative; font-size: 10px; font-weight: 500; text-transform: capitalize; background: rgba(46,127,226,1); background: -moz-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(46,127,226,1)), color-stop(100%, rgba(58,155,234,1))); background: -webkit-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%); background: -o-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%); background: linear-gradient(to right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%); border: none; } .ReportSpace .BgGrid .datatable-footer .fullContainer .pagination li{float:left !important;} .ReportSpace .BgGrid .datatable-footer.fullContainer .pagination {padding-top:4px;} .ReportSpace .BgGrid .datatable-footer .bootpag.Counts li:first-child label{border: none; line-height: 22px !important; padding: 0; margin: 0; font-weight: 600; font-size: 13px;} .ReportSpace .BgGrid .datatable-footer .bootpag.Counts li input{ height: initial !important; border: 1px solid #3db0e1; border-radius: 25px; font-size: 11px; font-weight: 500; padding: 2px 14px; line-height: 16px; width:40px !important;} .ReportSpace .datatable-footer .bootpag.Counts li label{height: initial; border: 1px solid #3db0e1; border-radius: 20px; font-size: 11px; font-weight: 500; width: 40px; display: block; padding: 2px 10px; line-height: 16px; margin: 0 5px; text-align:center;} .ReportSpace .BgGrid .datatable-footer .bootpag li:first-child a{border-radius: 20px 0 0 20px;background-color:#2F80E2;} .ReportSpace .BgGrid .datatable-footer .bootpag li:last-child a{border-radius: 0 20px 20px 0;background-color:#2F80E2;} .ReportSpace .BgGrid .datatable-footer .bootpag li a{background-color:#3999E9; height: 22px; float: left;padding: 3px 10px; border-radius:0;} .ReportSpace .CustomPane .panel{border: none; box-shadow: 0 1px 2px rgba(0,0,0,.15);} .ReportSpace .CustomPane .panel .panel-heading{ background: -moz-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #008fe2), color-stop(100%, #00b29c)); background: -webkit-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: -o-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: linear-gradient(154deg, #008fe2 0, #00b29c 100%); } .ReportSpace .CustomPane .panel .panel-heading h6{color:#fff; font-weight:500 !important; font-size: 16px; line-height: 15px;} /*REPORT GRID*/ #divCanvas .panel-heading{margin: 0; border-radius: 0;} #divCanvas .datatable-footer .bootpag li a {line-height: 14px; border: none; margin: 0 2px; color: #fff; width: auto !important; min-width: 28px;} #divCanvas .datatable-footer .bootpag li a i{font-size:15px; margin:0;} #divCanvas .ui-igtreegrid{border-radius: 0 !important; border: none !important;} #divCanvas .ui-iggrid-scrolldiv{border: none !important; box-shadow: none;} #divCanvas .table-widget .table-widget-content table tbody tr td .customcheckbox div label{display:none;} #divCanvas .table-widget .table-widget-content table tbody tr td:nth-child(2){border-left:none;} #divCanvas .table-widget .table-widget-content table tbody tr td .multiselect-container li a label{padding-left:10px; width:100%;} #divCanvas .datatable-footer{border-radius:0 !important;} #divCanvas .radio-inline, #divCanvas .checkbox-inline{ padding-left: 25px; margin-right: 10px !important; line-height: 20px; margin-bottom:12px !important;} #divCanvas .checker span:after{content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; top: 0; left: 0;} #divCanvas .navbarpad li a i{margin:0;} .datepickers-container .datepicker > div { display: unset !important;} .datepicker--buttons {padding: 6px 0 0 0; height: 36px !important; float: left; width: 100%;} .datepicker--buttons .datepicker--button{padding: 4px 10px; height: 26px; font-size: 13px; border: 1px solid #ddd; margin: 0 5px;} .datepicker--time-sliders{max-width:100% !important;} .datepicker--time-current-hours{color:#ff9a19;} .datepicker--time-current-minutes{color:#4eb5e6;} .datepicker--time-row input[type=range]{} /************************************INPUT ANIMATION*****************************************/ #tlbCopyActivity.dhx_toolbar_dhx_skyblue{background-color: transparent !important; border: none; background: none; color: #fff; height: 32px; padding:0 3px;} #tlbCopyActivity.dhx_toolbar_dhx_skyblue:hover{background-color:transparent !important;} #tlbCopyActivity.dhx_toolbar_dhx_skyblue .dhx_toolbar_btn{background-color: #5c6bc0 !important; border: none; background: none; color: #fff; height: 32px; border-radius: 2px; padding:0 3px; margin-right:5px; margin-top:0;} #tlbCopyActivity.dhx_toolbar_dhx_skyblue .dhx_toolbar_btn:hover{background-color:#3b4cad !important;} #tlbCopyActivity.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn div.dhxtoolbar_text{height:32px; line-height:17px; padding:7px 0; margin:0 4px;} #tlbCopyActivity.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn img{margin: 7px 0 7px 2px; width: 18px; height: 18px;} #tlbCopyActivity.dhx_toolbar_dhx_skyblue div.dhx_toolbar_sep{display:none;} /************************************ISPACE************************************/ .p_main_inner_container { position: absolute;top: 0; left: 0; margin: 0 auto; right: 0; bottom: 0; height: auto; width: auto; -moz-box-sizing: border-box; background: none repeat scroll 0 0 #FFFFFF;} .inb_con_out1 {position: relative; top: 0; left: 0; width: 100%; height: 100%;overflow: hidden; margin: 0;} .inb_con_out2 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; border: 0 solid #000000; margin: 0;} .inb_con_out3 {position: absolute; height: auto; width: auto; top: 0; left: 0; bottom: 0; right: 0;} .inb_con_out4 {position: relative;width: 100%; height: 100%; top: 0; bottom: 0; overflow: auto; z-index: -111111; border-top: 0 solid #000;padding: 20px;} #ui-datepicker-div {z-index: 9999999 !important;} /************************************ISPACE************************************/ h3.jsPanel-title{width: auto !important;} .CustomFomrButton{padding: 8px 0; width: 100%; text-transform: capitalize; font-weight: 500; height: auto !important; border:none !important;} #gridMaskCtrl ul li, #maskCtrl ul li{ font-size: 14px; font-weight: 400; padding: 1px 0;} #gridMaskCtrl h6, #maskCtrl h6{padding: 0 0; margin:0;} .Ispace .nav-tabs li a:before {display:none;} #dvTemplate button i{font-size:26px !important;} /*STEP WIZARD*/ .sf-nav{z-index:2;} #dvParentMenu .navigation li a::before{background-color:transparent;} .navigation li{position:relative; display:block;} /*STEP WIZARD*/ #modalRule .page-container{height:auto !important;} .modal.MultiModal{overflow:auto !important;} /*Inbox Design*/ .CustomInboxDesign .panel{border:none !important; box-shadow:none; margin-bottom:0; background-color: transparent;} .CustomInboxDesign .panel-heading {padding: 13px 20px !important; border-radius: 0; margin: 0 !important; border: none;} .CustomInboxDesign .panel-heading .panel-title{display:inline-block;line-height: 10px; font-size: 16px; font-weight: 500; color: #505050;} .CustomInboxDesign .panel-heading .heading-elements{right:0; top: 27px; display: flex;flex-direction: row;grid-gap: 10px;} .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs { color: White !important; border: 0 solid #ffffff !important; border-radius: 35px !important; padding: 11px 18px 8px 15px; font-size: 13px; text-transform: capitalize !important; height: 35px; line-height: 13px; letter-spacing: 0.3px; margin-top:0;transition: none !important; } .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs.dropdown-toggle{background: white;border-radius: 4px !important; color:#4F5E77 !important;box-shadow: none;border: 1px solid #ddd !important;} .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs.dropdown-toggle{background-image: url(../images/DesignStudio/SelectArrow.png) !important;background-repeat: no-repeat !important;background-size: 12px !important;background-position: 96% 50% !important;} .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs.dropdown-toggle .caret{display:none;} .CustomInboxDesign .panel-heading .heading-elements .btn#btnRefresh{background: white;border-radius: 4px !important; color:#4F5E77 !important;padding:10px;border:1px solid #ddd !important;height: 35px;line-height: 13px;letter-spacing: 0.3px; margin: 0 !important;} .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnNewComment{background: white;border-radius: 4px !important; color:#4F5E77 !important;} .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnNewInstance{background: white;border-radius: 4px !important; color:#4F5E77 !important;} .CustomInboxDesign .panel-heading .heading-elements .btn#btnDeleteInstance{background: white;border-radius: 4px !important; color:#4F5E77 !important;padding:10px;border: 1px solid #ddd !important;height: 35px;line-height: 13px;letter-spacing: 0.3px; margin: 0 !important;} .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnExternalUrl{background: white;border-radius: 4px !important; color:#4F5E77 !important;} .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnsaveExcel{background: white;border-radius: 4px !important; color:#4F5E77 !important;} .CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#OthersCol{background: white;border-radius: 4px !important; color:#4F5E77 !important;} .CustomInboxDesign .panel-heading .heading-elements .CustomInboxToggle{padding: 9px; border: none; box-shadow: 0 2px 5px 2px rgba(0,0,0,.2); border-radius: 2px !important;} .CustomInboxDesign .panel-heading .heading-elements .btn-group {width:150px; margin-left:10px;} .CustomInboxDesign .panel-heading .heading-elements .btn-group .dropdown-toggle{background-color: #fff; border-radius: 25px; height: 35px; font-size: 12px; color: #4F5E77; font-weight: 600; line-height: 12px; border: 1px solid #ddd; box-shadow:none; letter-spacing: 0.3px; border-radius:4px !important;background-image: url(../images/DesignStudio/SelectArrow.png) !important;background-repeat: no-repeat;background-size: 12px;background-position: 96% 50%;} .CustomInboxDesign .panel-heading .heading-elements .btn-group .dropdown-toggle .caret{display:none;} .CustomInboxDesign .panel-heading .heading-elements .input-group{margin-top:0; width:175px;} .CustomInboxDesign .panel-heading .heading-elements .input-group input {height: 35px; border-radius: 5px 0 0 5px; width: 140px; font-weight: 500; box-shadow: none;border: 1px solid #ddd; } .CustomInboxDesign .panel-heading .heading-elements .input-group a.btnSearch{background-color: #fff !important; box-shadow: none; color: #808283; padding:10px 12px 4px 10px; height:35px; border-radius:0px 5px 5px 0px; border: 1px solid #ddd;border-left: none; } .CustomInboxDesign .panel-body{padding:0; background-color:#fff; box-shadow: 0 2px 25px 0 rgba(0,0,0,.12); border-radius: 6px; margin-top:15px;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox{width:100% !important; border-radius: 6px;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj{border-left:none !important;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td{border-left:none; border-right:none ; padding: 12px 5px 11px 8px; border-bottom: 1px solid #efefef; border-top:0; color:#707070; font-weight:500; font-size:13px !important;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td a{color:#546e7a !important; font-weight:600;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(8){background-color:#fff; color:#5960dc;font-weight:500;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(11){background-color:#fff; color:#0596c7;font-weight:500;} .CustomInboxDesign .panel-body div.gridbox table.obj tr.rowselected td:nth-child(8){color:#5960dc !important;} .CustomInboxDesign .panel-body div.gridbox table.obj tr.rowselected td:nth-child(11){color:#0596c7 !important;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td span.status-mark{border: none; width: 10px !important; height: 10px; margin-left:3px;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue table.hdr tr{background-image:none !important;} /*.CustomInboxDesign .panel-body div.gridbox table.hdr td{padding:10px 0 !important;height:40px !important; border-bottom: 1px solid #dce0e8 !important; border-right: none !important; border-left: none !important; border-top: none !important; background-color:#CBD6FF !important;}*/ .CustomInboxDesign .panel-body div.gridbox table.hdr td{padding:10px 0 !important;height:40px !important; border-bottom: none !important; border-right: none !important; border-left: none !important; border-top: none !important; background-color:transparent !important;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox .xhdr{/*height:40px !important;*/ background-color: var(--main-grayscale-color) !important; background-image:url(../images/InboxDesign.png); background-position:50% 45%; background-repeat: no-repeat; background-size: cover;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell{font-weight:500; font-size:14px; text-transform:capitalize; color:#484D56; text-align: center; padding-left: 0;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-lock:before{color:#3B61EB;position: absolute;left: 34%;top: 27%;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-lock{width: 42px !important;height: 42px;border-radius: 75%;background: aliceblue;left: 0;position:relative;} .CustomInboxDesign .panel-footer{border:none !important; padding: 10px 10px; background-color: transparent;} .CustomInboxDesign .panel-footer ul li{padding: 0;} .CustomInboxDesign .panel-footer ul li > div{background-color: #2fa4e7; height: 24px; line-height: 23px; font-size: 13px; font-weight: 500; padding: 0 18px 0 18px; border-radius: 30px 0 0 30px; color: #fff; letter-spacing: 0.4px;} .CustomInboxDesign .panel-footer ul.pagination, .CustomInboxDesign .panel-footer ul.pagination li a{height:24px !important;} .CustomInboxDesign .panel-footer select#ddlPageSize{background-color: transparent; height: 24px; line-height: 23px; font-size: 13px; font-weight: 600; padding: 0 18px 0 10px; border-radius: 0 30px 30px 0; color: #272727; letter-spacing: 0.4px; border: 1px solid #2fa4e7;} .CustomInboxDesign .panel-footer ul li a{padding: 0; line-height: 20px;} .CustomInboxDesign .panel-footer ul.pagination li a{padding: 0 4px; line-height: 12px; border: none !important;min-width: 0;background-color: #21afce;float: left;margin: 0 2px;border-radius: 0; height: 21px; width: 24px; color: #fff;} .CustomInboxDesign .panel-footer .pagination li:first-child a{ background-color: #2fa4e7; border-radius: 20px 0 0 20px;} .CustomInboxDesign .panel-footer .pagination li:last-child a{ background-color: #38BAE7; border-radius: 0 20px 20px 0;} .CustomInboxDesign .panel-footer .pagination li a i{margin: 0; position:relative; top:4px;} .CustomInboxDesign .CustomViewBtn {margin-left: 6px; font-weight: 600; color: rgb(119, 119, 119); letter-spacing: 0.2px; font-size: 14px; border:2px solid rgb(120, 120, 120); border-radius: 4px;} .CustomInboxDesign .datatable-scroll .objbox td, .dvGridInbox .datatable-scroll .objbox td{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} @-webkit-keyframes newregbtn { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } @-moz-keyframes newregbtn { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } @keyframes newregbtn { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } #mdlViewInstance.modal .modal .modal-body{height:370px;} /*OUTLOOK VIEW*/ .outLookView .panel{border:none; background-color:transparent;} .outLookView .panel .datatable-scroll .inb_datlist:first-child{margin:0 0 4.5px!important;} .outLookView .panel .datatable-scroll .inb_datlist{border:none !important; margin:4.5px 0 !important; float:left; background-color:#fff; border-radius:0; box-shadow: 0 2px 4px 0 rgba(0,0,0,.16); position:relative; cursor:pointer;} /*Select*/ .outLookView .panel .datatable-scroll .inb_datlist.Selected{background-color: rgba(0, 178, 225, 0.07); box-shadow: 0 5px 7px 0 rgba(0,0,0,.16);} .outLookView .panel .datatable-scroll .inb_datlist.Selected .inb_datlist2 .InstanceName a{background-color:#fff;} .outLookView .panel .datatable-scroll .inb_datlist.Selected .inb_datlist2 span.Username{color:#464852;} /*Select*/ .outLookView .panel .datatable-scroll .inb_datlist .inb_datlist1{border:none !important;} .outLookView .panel .datatable-scroll .inb_datlist .inb_datlist2{border:none !important; padding: 5px 10px 5px !important;} .outLookView .panel .datatable-scroll .inb_datlist td:first-child{border-right: 1px solid #e0e0e0 !important;} .outLookView .panel .datatable-scroll .inb_datlist tr:hover{background-color:transparent;} .outLookView .panel .datatable-scroll .inb_datlist1 #indicator{float:left;} .outLookView .panel .datatable-scroll .inb_datlist1 #indicator .status-mark{width: 11px; height: 11px; display: inline-block; border-radius: 50%; border:none;} .outLookView .panel .datatable-scroll .inb_datlist1 #indicator .InsChk{margin:3px 0 3px 5px;} .outLookView .panel .datatable-scroll .inb_datlist2 .InstanceName a{font-size: 13px; font-weight: 400; height:auto; background-color: #E9F8FB; color: #00B2E1; border-radius: 0; padding: 1px 10px !important; display:inline-block;} .outLookView .panel .datatable-scroll .inb_datlist2 span{font-size:14px;} .outLookView .panel .datatable-scroll .inb_datlist2 span.Username { line-height: 13px; float: left; font-size: 14px; font-weight: 500; color: #65697E !important;} .outLookView .panel .datatable-scroll .inb_datlist2 span.InstanceName {float: left;width: 100%;padding: 2px 0 14px;} .outLookView .panel .datatable-scroll .inb_datlist:after{content: ""; position: absolute; top: 50%; bottom: 50%; right: 0.5px; background: #00B2E1; width: 4px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; height: 0; border-radius: 0;} .outLookView .panel .datatable-scroll .inb_datlist:hover:after, .outLookView .panel .datatable-scroll .inb_datlist:focus:after, .outLookView .panel .datatable-scroll .inb_datlist.Selected:after{top: 0; bottom: 0; height: 100%;} .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlookdate, .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlooktime{float:right; margin-left:7px;} .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlookdate i{font-size:13px; color:#22C7A2;} .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlooktime i{font-size:14px; color:#22C7A2;} .outLookView .panel .panel-footer{box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); border-top:none !important; border-radius: 0 0 5px 5px; margin-top: 6px;} .outLookView .panel-footer .pagination>li>a, .outLookView .panel-footer .pagination>li>span{background-color:#00b2e1;} .outLookView .panel .panel-heading{background-color: #fff !important; padding: 11px 20px !important; margin-bottom: 9px !important; border-radius: 5px 0 0 0; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);} .outLookView .panel .panel-heading .heading-elements ul li[title~=Search] .input-group{width:135px;} .outLookView .panel .panel-heading .heading-elements ul li:nth-child(2) .btn-group{width:80px;} /*OUTLOOK VIEW*/ /*Inbox Design*/ .CommonTable .panel{border:1px solid #B8BFCF !important; box-shadow:none; border-top: 0 !important;} .CommonTable .panel-heading {background-color: #9675CE; padding: 13px 20px !important; border-radius: 0; margin: 0 !important; border: none; color: #fff;} .CommonTable .panel-body{padding:0;} .CommonTable table thead tr{padding:10px 0 !important;height:36px !important; border-bottom: none !important; border-right: none !important; border-left: none !important; border-top: none !important; background-color:#EBECF0 !important;} .CommonTable table thead tr th{border:none; padding:0 20px !important; font-weight:500; font-size:11px; text-transform:uppercase; color:#37425E; padding-left:0;} .CommonTable table tbody tr td{border-left:none !important; border-right:none !important; padding: 8px 20px !important; border-bottom: 1px solid #dce0e8 !important; border-top:0; color:#37425E; font-weight:500; font-size:13px;} .gantt_task_scale {background-color: #4f81bd !important; color: #fff !important; font-size: 12px;} #mdlgridUpload .modal-body .page-container{height:auto !important; min-height:0 !important ;} .InboxProcessList table{border-bottom:none !important; background-color:#76D6D4;border-top:none !important} .InboxProcessList table tr th{border-left: 1px solid #ddd !important; border-right: none !important; border-top:none !important; border-bottom:none !important;} .InboxProcessList table tr th:first-child{border-left: 1px solid #ddd !important; } #dvProcess table tbody tr td{font-size:14px; font-weight:500; border:none;} #dvProcess table tbody tr{background-color:#fff; border-bottom:none;border-top-color:#dcdcdc;} #dvProcess table tbody tr:first-child{border-top:none;} #dvProcess table tbody tr:last-child{border-bottom:#dcdcdc;} .viewInstance .page-content .content-wrapper .CustomFixed {position:relative; margin-top:0 !important;} .viewInstance .page-content .content-wrapper .page-header-content .heading-elements{position:absolute; top:5px !important;} .outlookright .page-content .content-wrapper .CustomFixed {position:relative; margin-top:0 !important; z-index:1;} .outlookright .page-content .content-wrapper .page-header-content .heading-elements{position:absolute; top:5px !important;} .outlookright .page-content .content-wrapper .DocumentAlignmentLeft, .outlookright .page-content .content-wrapper .DocumentAlignmentRight{margin-top:0;} .outlookright .page-content .content-wrapper .CustomIspaceMobile{padding-top:0 !important;} .mailView .page-content .content-wrapper .CustomFixed {position:relative; margin-top:0 !important; z-index:1; margin-bottom:0;} .mailView .page-content .content-wrapper .page-header-content .heading-elements{position:absolute; top:5px !important;} .mailView .page-content .content-wrapper .content{padding-top:0 !important;} #spnSlotCount{margin-top:-1px; top:0;} div.dhxcombo_option div.dhxcombo_checkbox{top:3px !important;} .ui-datepicker-header a span{display:none !important;} .ui-datepicker-header .ui-datepicker-title span{color:#353535 !important; font-size:13px !important; font-weight:500 !important;} .inboxToolbar .nav li{display:inline-block;} .inboxToolbar .dropdown-menu li{display:block;} /*.form-group .form-group:last-child{margin-bottom:20px !important;}*/ .CustomSearchPad .input-group-btn button{padding:7.5px 12px;} #lookupGrid { width: auto !important; overflow-x: auto; min-width: 100%;} #lookupGrid thead tr th {background-color:#76D6D4 !important; padding:11px 8px; border:none !important;} #lookupGrid tbody tr td, #lookupGrid tbody tr th {padding: 10px 8px;} #lookupGrid_container.ui-iggrid .ui-iggrid-scrolldiv{border-bottom:none !important;} #lookupGrid tbody tr:nth-child(even) {background: #fff} #lookupGrid tbody tr:nth-child(odd) {background: rgba(118, 214, 212, 0.07) !important;} #lookupGrid tbody th, #lookupGrid tbody td{border-bottom:1px solid rgba(118, 214, 212, 0.17) !important; border-right: 1px solid rgba(118, 214, 212, 0.17) !important;} #lookupGrid tbody th{border-left: 1px solid rgba(118, 214, 212, 0.17) !important;} #lookupGrid_container.ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active, #lookupGrid_container.ui-iggrid td.ui-state-active{background-color: transparent; border-bottom: 1px solid rgba(118, 214, 212, 0.17) !important; border-right: 1px solid rgba(118, 214, 212, 0.17) !important; border:none; border-top: 1px solid transparent;} /*STEPWIZARD*/ .CustomStepWizard{margin-bottom:25px;} .CustomStepWizard .sf-wizard .sf-content .sf-viewport{/*background-color:#fff;*/ border:none; } .CustomStepWizard .sf-wizard .sf-content .sf-viewport .sf-step{overflow:auto;background-color: #fff;box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-width: 1px; border-style: solid;} .CustomFormWizard > .ui-formwizard{background-color:#fff; border:none; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius:0 !important; margin-bottom:20px;} .CustomFormWizard .ui-formwizard-content>h6{height: 50px; margin: 0; padding: 0; line-height: 34px; margin-bottom:25px;} .CustomFormWizard .form-wizard-actions{ padding: 12px 15px; border-top: 1px solid #ccc;} .CustomFormWizard .form-validation>.panel-heading{padding: 16px 20px !important; border-bottom: 1px solid #e7ecea; font-size: 18px; line-height: 20px;} .CustomFormWizard .step{overflow:auto;} /*STEPWIZARD*/ .ui-dialog-titlebar-close{width:35px !important; right:0.5em !important;} .ui-dialog-titlebar-close span, .ui-dialog-titlebar-close:after{display:none;} .form-group .form-control:focus{border-color: #80bdff;} .multiselect-container{min-width:100%;} .multiselect-container.dropdown-menu{padding:0 !important; margin:0 !important;} .multiselect-container.dropdown-menu > .active > a{color:#fff !important;} .multiselect-container.dropdown-menu > .active > a label{margin-bottom:0 !important;} .checker span:after{font-size:14px; top:0; left:0;} #smartUIPageContent .content-wrapper .page-header-content a.heading-elements-toggle:nth-child(2){display:none;} #smartUIPageContent .sidebar{width:240px;} .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{margin-left:0 !important;} .sf-t5.sf-slide .sf-viewport{padding:0; height:400px !important;} /*IconAnimation*/ .iconAnimated .iconAnimate{ width: 75px;height: 75px;box-shadow: 0 0 0 3px rgba(255,255,255,1)} .mas_header_bg .iconAnimate{-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s;} /*ADMINCONSOLE MENU NEW*/ .CustomColClass{float:left;} .CustomConsoleMenu{-webkit-perspective: 1700px; -moz-perspective: 1700px; perspective: 1700px; -webkit-perspective-origin: 0 50%; -moz-perspective-origin: 0 50%; perspective-origin: 0 50%; display: inline-block; text-align: left; position: relative; margin-bottom: 22px; } .CustomConsoleMenu .CustomMenuView{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; background-color:#fff; box-shadow: 0px 0px 10px 0 rgba(0,0,0,.05); border-radius:10px; } .CustomConsoleMenu .CustomMenuView .CustomMiddleTable {display: table; width: 100%; height:260px;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon{ overflow: hidden; height:100%; background-color:transparent; display:table-cell; vertical-align:middle;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon .iconAnimate{-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon .iconAnimate i{border:none !important; font-size:25px !important;} .CustomConsoleMenu .CustomMenuView .CustomLoadMenu{width: 65%; opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.7s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.7s, opacity 0.1s 0.3s; transition: transform 0.7s, opacity 0.1s 0.3s; position: absolute; top: 0; left:0; height: 260px !important;} .CustomConsoleMenu .CustomMenuView .CustomLoadMenu .CustomScroll{ width: 100% !important; height: 100% !important;} .CustomConsoleMenu .CustomMenuView .CustomLoadMenu.CustomImgBg{/*background-image: url(../images/Bg_AdminConsol.png) !important; */ background-size: 100%; background-position: 50% 100%; background-repeat: no-repeat;} .CustomConsoleMenu .CustomMenuView .CustomLoadMenu .list-group{display:block; height:100%;} .CustomConsoleMenu .CustomMenuView .CustomLoadMenu .HoverTitle{text-align: center; font-size: 15px; font-weight: 500; color:#fff !important; margin: 0 auto; line-height: 18px; background-color: rgba(0, 0, 0, 0.11); padding: 10px 0; border-radius:10px 0 0 0;} .CustomConsoleMenu .CustomMenuView .CustomLoadMenu .list-group-item{padding: 9px 12px; line-height:18px; font-weight:500; font-size:13px;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate{display: inline-block; font-size: 0; margin: 0 auto 15px; border-radius: 50%; text-align: center; position: relative; color: #fff; border:1px solid #ddd;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon h4{ font-size:16px; font-weight:500; margin:0 auto; width:35%; line-height:20px;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon h4 a{color:#3e4f6c !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon p{color:#b1afaf; font-size:12px; font-weight:400; margin:0 auto; text-overflow: ellipsis; width: 200px; overflow: hidden;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate { -webkit-transform: translateX(165%) translateY(0%); -moz-transform: translateX(165%) translateY(0%); -ms-transform: translateX(165%) translateY(0%); transform: translateX(165%) translateY(0%);} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon h4{display:none;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon p{display:none;} .CustomConsoleMenu .CustomMenuView:hover .CustomLoadMenu {opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; border-radius:10px 0 0 10px;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-teal-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-teal-400 div.iconAnimate i svg path{ fill:#26a69a !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-blue-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-blue-400 div.iconAnimate i svg path{fill:#29b6f6 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-green-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-green-400 div.iconAnimate i path{fill:#9ccc65 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-danger-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-danger-400 div.iconAnimate i path{fill:#ef5350 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-warning-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-warning-400 div.iconAnimate i path{fill:#ff7043 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-success-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-success-400 div.iconAnimate i pathe{fill:#66bb6a !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-brown-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-brown-400 div.iconAnimate i path{fill:#8d6e63 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-purple-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-purple-400 div.iconAnimate i path{fill:#7e57c2 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-violet-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-violet-400 div.iconAnimate i path{fill:#ab47bc !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-pink-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-pink-400 div.iconAnimate i path{fill:#ec407a !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-indigo-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-indigo-400 div.iconAnimate i path{fill:#5c6bc0 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-slate-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-slate-400 div.iconAnimate i path{fill:#78909c !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-grey-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-grey-400 div.iconAnimate i path{fill:#888 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-primary-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-primary-400 div.iconAnimate i path{fill:#42a5f5 !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-info-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-info-400 div.iconAnimate i path{fill:#26c6da !important;} .CustomWorkArea .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{transform: translateX(0%) translateY(0%);} .CustomWorkArea .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon h4{display:block;} .CustomWorkArea .CustomConsoleMenu .CustomMenuView .CustomMiddleTable::after{background-image: url(../images/WorkareaBG.png), url(../images/WorkareaIconBG.png) !important; background-position: -35px -35px,120% 133%; background-repeat:no-repeat; content: ''; background-size: auto, auto; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: -1;} /*CUSTOMSCROLLBAR*/ .Knowledge .CustomInboxDesignO_G .page-header .page-title, .Ticket .CustomInboxDesignO_G .page-header .page-title, .Case .CustomInboxDesignO_G .page-header .page-title, .Similar .CustomInboxDesignO_G .page-header .page-title{ padding: 11px 18px 11px 0 !important; } .Knowledge .page-header .heading-elements, .Ticket .page-header .heading-elements, .Case .page-header .heading-elements, .Similar .page-header .heading-elements{top: 102px !important;} .Knowledge .content, .Ticket .content, .Case .content, .Similar .content{padding-top:65px !important;} /*CUSTOMSCROLLBAR*/ @media only screen and (min-width: 320px) { .CustomColClass .col-md-3{width: 100%;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(190%) translateY(0%); -moz-transform: translateX(190%) translateY(0%); -ms-transform: translateX(190%) translateY(0%); transform: translateX(190%) translateY(0%);} .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate{width:65px; height:65px; padding: 20px;} } @media only screen and (min-width: 600px) { .CustomColClass .col-md-3{width: 50%;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(170%) translateY(0%); -moz-transform: translateX(170%) translateY(0%); -ms-transform: translateX(170%) translateY(0%); transform: translateX(170%) translateY(0%);} .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate{width:60px; height:60px; padding: 18px;} } @media only screen and (min-width: 800px) { .CustomColClass .col-md-3{width: 33.33333%;} .CustomColClass2 .col-md-3{width:50%;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(170%) translateY(0%); -moz-transform: translateX(170%) translateY(0%); -ms-transform: translateX(170%) translateY(0%); transform: translateX(170%) translateY(0%);} .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate{width:60px; height:60px; padding: 18px;} } @media only screen and (min-width: 1000px) { .CustomColClass .col-md-3{width: 25%;} .CustomColClass2 .col-md-3{width:50%;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(170%) translateY(0%); -moz-transform: translateX(170%) translateY(0%); -ms-transform: translateX(170%) translateY(0%); transform: translateX(170%) translateY(0%);} .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate{width:60px; height:60px; padding: 18px;} } @media only screen and (min-width: 1250px) { .CustomColClass .col-md-3{width:20%;} .CustomColClass2 .col-md-3{width:33.33333333%;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(135%) translateY(0%); -moz-transform: translateX(135%) translateY(0%); -ms-transform: translateX(135%) translateY(0%); transform: translateX(135%) translateY(0%);} .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate{width:55px; height:55px; padding: 13px;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon h4{width:65%;} } @media only screen and (min-width: 1300px) { .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(142%) translateY(0%); -moz-transform: translateX(142%) translateY(0%); -ms-transform: translateX(142%) translateY(0%); transform: translateX(142%) translateY(0%);} } @media(min-width:1250px) and (max-width: 1370px) { .CustomConsoleMenu .CustomMenuView .CustomLoadMenu{width:70%;} } @media only screen and (min-width: 1370px) { .CustomColClass .col-md-3{width:25%;} .CustomColClass2 .col-md-3{width:33.33333333%;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(120%) translateY(0%); -moz-transform: translateX(120%) translateY(0%); -ms-transform: translateX(120%) translateY(0%); transform: translateX(120%) translateY(0%);} .CustomConsoleMenu .CustomMenuView .CustomViewIcon div.iconAnimate{width:65px; height:65px; padding: 20px;} } @media only screen and (min-width: 1420px) { .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(130%) translateY(0%); -moz-transform: translateX(130%) translateY(0%); -ms-transform: translateX(130%) translateY(0%); transform: translateX(130%) translateY(0%);} } @media only screen and (min-width: 1600px) { .CustomColClass .col-md-3{width:20%;} .CustomColClass2 .col-md-3{width:25%;} .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(150%) translateY(0%); -moz-transform: translateX(150%) translateY(0%); -ms-transform: translateX(150%) translateY(0%); transform: translateX(150%) translateY(0%);} } @media only screen and (min-width: 1700px) { .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate{-webkit-transform: translateX(145%) translateY(0%); -moz-transform: translateX(145%) translateY(0%); -ms-transform: translateX(145%) translateY(0%); transform: translateX(145%) translateY(0%);} } @media only screen and (min-width: 1921px) { .CustomColClass .col-md-3{width:16.66666666%;} } /*ADMINCONSOLE MENU NEW*/ /*PAGINATION*/ .cd-pagination.no-space {width: auto; max-width: none; display: inline-block; border-radius: 0.25em; border: 1px solid #e6e6e6; margin: 10px 0; position:relative} .cd-pagination.no-space:after {content: ""; display: table; clear: both; } .cd-pagination.no-space li {margin: 0; float: left; border-right: 1px solid #e6e6e6; padding:0 !important;} .cd-pagination.no-space li:last-child {border-right: none;} .cd-pagination.no-space a, .cd-pagination.no-space span {float: left; border-radius: 0; padding: 8px 11px !important; border: none; line-height:unset !important;} .cd-pagination.no-space li:first-child a {border-radius: 0.25em 0 0 0.25em;} .cd-pagination.no-space li:last-child a {border-radius: 0 0.25em 0.25em 0;} /*PAGINATION*/ #elementsMenu.dhtmlxMenu_dhx_skyblue_Middle{height:40px;} #elementsMenu.dhtmlxMenu_dhx_skyblue_Middle .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, #elementsMenu.dhtmlxMenu_dhx_skyblue_Middle .dhtmlxMenu_dhx_skyblue_TopLevel_Item_selected {font-size: 14px; font-weight: 500; border: 1px solid #8e8e8e; border-radius: 5px; background-color: #fff; color: #4d4d4d !important; height: 40px;} #elementsMenu.dhtmlxMenu_dhx_skyblue_Middle .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal .top_level_text{height:40px;} #elementsMenu .align_left div:nth-child(2), #elementsMenu .align_left div:nth-child(3), #elementsMenu .align_left div:nth-child(4){margin-left:1px;} #elementsMenu .align_left>div:after {content: ''; position: relative; top: 50%; transform:translateY(-50%); left: 0px; font: normal normal normal 14px/1 FontAwesome;font-size: 16px;min-width: 16px;text-align: center;display: inline-block;line-height: 1;vertical-align: middle;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:600;} div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td{font-size:12px; font-weight:500;} .ProcessName{ font-size: 11px; letter-spacing: 0.7px; color: #fff; margin: 0 0; text-transform: capitalize; padding:0px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; top:3px; font-weight:500; background-color: #3F51B5 !important;color: #fff !important;} .ProcessName i{margin-right:5px; font-size: 14px !important; top: 1px; position: relative; color:#fff;} .sf-step>.sf-step-el{overflow: initial;} .sf-step>.sf-step-el .PanelFocus{float:left; width:100%;} .PanelFocus{float:left; width:100%;} .pace .pace-progress{display:none;} .breadCrumb li {display: inline-block;position: static;font-size: 13px;} .breadCrumb li a{display: block; padding: 8px 15px;} #divCanvas .BgGrid ul.pagination li{display: inline-block; float: none;} .item {display: inline-block;margin: 0 0 1.5em;width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0 2px 1px 0rgba(0, 0, 0, 0.18); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative;} #dwtControlOptions .icons-list > li{margin:5px 6px;} /*CUSTOM CHECKBOX*/ .CustomCheckbox{float: left; height:18px; margin-right:5px;} .CustomCheckbox label, .CustomCheckbox input[type="radio"]{outline:none;} .CustomCheckbox label, .CustomCheckbox input[type="radio"], .CustomCheckbox input[type="checkbox"]{line-height: 2.1ex;} .CustomCheckbox input[type="radio"], .CustomCheckbox input[type="checkbox"]{position: absolute;left: -999em; display:none;} .CustomCheckbox input[type="radio"] + label, .CustomCheckbox input[type="checkbox"] + label{position: relative;overflow: hidden;cursor: pointer; margin-bottom:0;} .CustomCheckbox input[type="radio"] + label[disabled], .CustomCheckbox input[type="checkbox"] + label[disabled]{opacity: 0.7; cursor: not-allowed;} .CustomCheckbox input[type="radio"] + label::before, .CustomCheckbox input[type="checkbox"] + label::before{content: ""; display: inline-block; vertical-align: -35%; height: 18px; width: 18px; background-color: white; border: 2px solid var(--main-lightbg-color); margin-right: 0.5em;} .CustomCheckbox input[type="radio"]:checked + label::before {background: radial-gradient(circle at center, #3b61eb 4px, white 5px);} .CustomCheckbox input[type="radio"] + label::before {border-radius: 50%;} .CustomCheckbox input[type="checkbox"]:checked + label::after {content: "\ed6f"; font-family: 'icomoon'; position: absolute; left: 4px; font-size: 11px; top: 1px; color: var(--main-primary-color); font-weight: bolder; line-height:17px;} .CustomCheckboxDisabled { opacity:0.5; cursor: not-allowed !important;} .CustomCheckboxDisabled label {cursor: not-allowed !important;} .ui-igcheckbox-normal{ border: 2px solid var(--main-primary-color) !important; border-radius: 0 !important; width: 18px !important; height: 18px !important; margin: 0 !important; margin: 0 5px 0 0 !important;} .CustomCheckbox_2{width:100%;} .CustomCheckbox_2 label, .CustomCheckbox_2 input[type="radio"], .CustomCheckbox_2 input[type="checkbox"]{line-height: 2.1ex;} .CustomCheckbox_2 input[type="radio"], .CustomCheckbox_2 input[type="checkbox"]{position: absolute;left: -999em; display:none;} .CustomCheckbox_2 input[type="radio"] + label, .CustomCheckbox_2 input[type="checkbox"] + label{position: relative;overflow: hidden;cursor: pointer; margin-bottom:0;} .CustomCheckbox_2 input[type="radio"] + label::before, .CustomCheckbox_2 input[type="checkbox"] + label::before{content: ""; display: inline-block; vertical-align: -35%; height: 16px; width: 16px; background-color: white; border: 2px solid #607d8b; margin-right: 0.5em; } .CustomCheckbox_2 input[type="radio"]:checked + label::before {background: radial-gradient(circle at center, #1062a4 3px, white 5px);} .CustomCheckbox_2 input[type="radio"] + label::before {border-radius: 50%;} .CustomCheckbox_2 input[type="checkbox"]:checked + label::after{ content: "\ed6f"; font-family: 'icomoon'; position: absolute; right: 10px; font-size: 9.5px; top: 2px; color: #294a5a; font-weight: bolder; line-height:13px;} .CustomCheckbox_2 input[disabled="disabled"] + label{cursor: not-allowed; opacity:0.6; } .CustomCheckbox_3{width:100%;} .CustomCheckbox_3 label, .CustomCheckbox_3 input[type="radio"], .CustomCheckbox_3 input[type="checkbox"]{line-height: 2.1ex;} .CustomCheckbox_3 input[type="radio"], .CustomCheckbox_3 input[type="checkbox"]{position: absolute;left: -999em; display:none;} .CustomCheckbox_3 input[type="radio"] + label, .CustomCheckbox_3 input[type="checkbox"] + label{position: relative;overflow: hidden;cursor: pointer; margin-bottom:0;} .CustomCheckbox_3 input[type="radio"] + label::before, .CustomCheckbox_3 input[type="checkbox"] + label::before{content: ""; display: inline-block; vertical-align: -35%; height: 16px; width: 16px; background-color: white; border: 2px solid #03A9F3; margin-right: 0.5em; } .CustomCheckbox_3 input[type="radio"]:checked + label::before {background: radial-gradient(circle at center, #03A9F3 3px, white 5px);} .CustomCheckbox_3 input[type="radio"] + label::before {border-radius: 50%;} .CustomCheckbox_3 input[type="checkbox"]:checked + label::after{ content: "\ed6f"; font-family: 'icomoon'; position: absolute; right: 10px; font-size: 9.5px; top: 2px; color: #03A9F3; font-weight: bolder; } /*CUSTOM CHECKBOX*/ /*CUSTOM DIALOG*/ .CustomDialog{background-color: #fff;border-radius: 3px !important;border: none;padding: 0;} .CustomDialog .ui-dialog-titlebar {border: none; color: #ffffff; font-size: 16px !important; font-weight: 400 !important; background-color: #FF6B6B; border-radius: 0 0 0 0 !important; padding: 15px 12px;} .CustomDialog .ui-dialog-titlebar .ui-dialog-title{margin:0; line-height:15px;} .CustomDialog .content{padding: 10px 14px 6px 14px;} .CustomDialog .ui-dialog-content{padding:0 !important; height:auto !important;} .CustomDialog .ui-dialog-content .CustomDialogBtn {padding: 7px 16px; background-color: #ff6b6b; display: inline-block; line-height: 13px; margin: 0; border: 1px solid #ff6b6b; color: #ffffff; border-radius: 25px; float:right; margin-right:10px;} .CustomDialog .ui-dialog-content .CustomCheckbox input[type="radio"]:checked+label::before{background: radial-gradient(circle at center,#a7a7a7 3px,#fff 5px);} .CustomDialog .ui-dialog-content .CustomCheckbox input[type="radio"]+label::before {border:2px solid #a7a7a7;} .CustomDialog .ui-dialog-content .CustomCheckbox {color:#a7a7a7;} .ui-dialog{background-color: #fff;border-radius: 3px !important;border: none;padding: 0;} .ui-dialog .ui-dialog-titlebar {border: none; color: #ffffff; font-size: 16px !important; font-weight: 400 !important; background-color: #FF6B6B; border-radius: 0 0 0 0 !important; padding: 15px 12px;} .ui-dialog .ui-dialog-titlebar .ui-dialog-title{margin:0; line-height:15px;} .ui-dialog .ui-dialog-content {padding: 10px 14px; height:auto !important;} .ui-dialog .ui-dialog-content p{font-size: 14px; font-weight: 400; margin: 0; padding: 20px 0;} .ui-dialog .ui-dialog-content .btn {padding: 7px 16px; background-color: #ff6b6b; display: inline-block; line-height: 13px; margin: 0; border: 1px solid #ff6b6b; color: #ffffff; border-radius: 25px; float:right; margin-right:10px;} .ui-dialog .ui-dialog-content .CustomCheckbox input[type="radio"]:checked+label::before{background: radial-gradient(circle at center,#a7a7a7 3px,#fff 5px);} .ui-dialog .ui-dialog-content .CustomCheckbox input[type="radio"]+label::before {border:2px solid #a7a7a7;} .ui-dialog .ui-dialog-content .CustomCheckbox {color:#a7a7a7;} /*CUSTOM DIALOG*/ .dvCompare .heading-elements.visible{right:0 !important; padding: 3px 0 5px; top: 47px !important;} .bootstrap-datatimepicker-widget{display:block !important;} .click2editNarrative{background-color:#fff;} .click2editNarrative h5{font-size: 20px; font-weight: 300; line-height: 20px; margin: 5px 0 0 0;} /*CUSTOM SLANTED TAB*/ .CustomSlantedTab.nav{position: relative;z-index: 1;white-space: nowrap; padding: 0; margin:0; margin-left:20px; border-bottom:0;} .CustomSlantedTab.nav li{display: inline-block;} .CustomSlantedTab.nav li a{position: relative; display: inline-block; color: inherit; text-decoration: none; margin: 0 -6px; padding: 1em 4em 1em 2em; background-color:transparent; border:none !important;} .CustomSlantedTab.nav li a span{position:relative; top:8px; left: 45px; color:#fff;} .CustomSlantedTab.nav li.active a span{color:#fff;} .CustomSlantedTab.nav li.active a:hover{background-color:transparent;} .CustomSlantedTab.nav li a::before{content: ''; position: absolute; top: 0; right: 0;opacity:0.8; bottom: 0; left: 0; z-index: -1;border-radius: 3px 10px 0 0; background: #1c75b9; transform:perspective(3.5px) rotateX(1.6deg); transform-origin: bottom right; border:2px solid #1c75b9; border-bottom:transparent;} .CustomSlantedTab.nav li.active a::before{opacity:1;} .CustomSlantedTab.nav li.active a{z-index: 2;} .CustomSlantedTab.nav li.active a:focus, .CustomSlantedTab.tabbable ul li.active a:hover, .CustomSlantedTab.tabbable ul li.active a:visited{background-color:transparent;} .CustomSlantedTab .tabbable ul.nav li.active a::before{border-top-width: 1px; background: #91B4DE} .CustomSlantedTab .tab-content{border: 1px solid #91B4DE !important; border-top: 4px solid #91B4DE !important; border-radius: 3px; background-color:#DFECF5 !important;} .CustomSlantedTab.bg-default{background-color:transparent; border:none; color:#303030;} .CustomSlantedTab.bg-default ul.nav li.active a::before{background: #d3dbdf;} .CustomSlantedTab.bg-default tab-content{border: 1px solid #d3dbdf !important; border-top: 4px solid #d3dbdf !important;} .CustomSlantedTab.bg-info{background-color:transparent; border:none; color:#303030;} .CustomSlantedTab.bg-info ul.nav li.active a::before{background: #00bcd4;} .CustomSlantedTab.bg-info tab-content{border: 1px solid #00bcd4 !important; border-top: 4px solid #00bcd4 !important;} .CustomSlantedTab.bg-primary{background-color:transparent; border:none; color:#303030;} .CustomSlantedTab.bg-primary ul.nav li.active a::before{background: #2196f3;} .CustomSlantedTab.bg-primary tab-content{border: 1px solid #2196f3 !important; border-top: 4px solid #2196f3 !important;} .CustomSlantedTab.bg-success{background-color:transparent; border:none; color:#303030;} .CustomSlantedTab.bg-success ul.nav li.active a::before{background: #4caf50;} .CustomSlantedTab.bg-success tab-content{border: 1px solid #4caf50 !important; border-top: 4px solid #4caf50 !important;} .CustomSlantedTab.bg-danger{background-color:transparent; border:none; color:#303030;} .CustomSlantedTab.bg-danger ul.nav li.active a::before{background: #f44336;} .CustomSlantedTab.bg-danger tab-content{border: 1px solid #f44336 !important; border-top: 4px solid #f44336 !important;} .CustomSlantedTab.bg-warning{background-color:transparent; border:none; color:#303030;} .CustomSlantedTab.bg-warning ul.nav li.active a::before{background: #ff5722;} .CustomSlantedTab.bg-warning tab-content{border: 1px solid #ff5722 !important; border-top: 4px solid #ff5722 !important;} /*CUSTOM SLANTED TAB*/ .CustomSAPGrid .ui-widget table thead tr{background-color:#CED7DE;} .CustomSAPGrid .search_part {display:none !important;} .CustomSAPGrid .ui-iggrid-scrolldiv table{padding:0 !important;} #divCanvas .form-group {margin-bottom: 10px;} #divCanvas .form-group .controls{position:relative;} #frmSmartUIResultPreview{width:100% !important; } #frmSmartUIResultPreview .fixed-margin{padding-top:0;} .CustomPassword select, .CustomPassword .input-group{width:175px;} .CustomPassword input{width:170px;} .CustomPassword .form-group{margin-bottom:5px;} .CustomPassword label {padding: 9px 10px;line-height: 16px;margin-bottom: 0;font-size: 13px;font-weight: 400; color: #777;} .CustomPassword .CustomCheckbox label{padding:0;} .CustomPassword .CustomCheckbox{padding-left:10px;} .CustomPassword legend {font-size: 15px; font-weight: 500; margin: 8px 10px 12px; padding: 5px 0 8px; line-height: 18px; color: #424242; border-bottom: 1px solid #c1c1c1; text-transform:capitalize} .CustomPassword .bootstrap-touchspin-down, .CustomPassword .bootstrap-touchspin-up{border:1px solid var(--main-BtnPrimary-color) !important; color:#fff;} .CustomPassword .bootstrap-touchspin-down{border-left:1px solid var(--main-primarytext-color) !important;} .jconfirm .jconfirm-box{padding:0;} .jconfirm .jconfirm-bg{opacity: .8 !important; background-color: #000 !important;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box{border-radius:10px 10px 0 0; background-color: transparent; box-shadow: none;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c{text-align: center; padding:0; background-color: #fff; position:relative;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c:before{content: "";position: absolute;left: 0;right: 0;margin: 0 auto;font-family: 'icomoon';top: 10px;font-size: 18px;width: 42px;height: 42px;border: 1px solid #6f6f6f;border-radius: 30px;padding-top: 11px;color: #6f6f6f;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title{font-size: 26px; font-weight: 100; padding: 65px 0 15px; letter-spacing: 0.3px; line-height: 30px; color: #5a5a5a;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-content-pane{margin:0; background-color: #fff;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content{text-align: center; width: 85%; margin: 0 auto; font-size: 14px; color: #404040; font-weight: 300; line-height: 20px; padding: 10px 0; padding: 5px 0 40px;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons {float: none;text-align: center; border-radius: 0 0 10px 10px; position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons:before{content: '';position: absolute;left: 0; background-color: #865fdf; height: 60px;width: 95px; border-radius: 0 0 0 10px; -webkit-transform-origin: top right; -moz-transform-origin: top right; transform-origin: top right;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons:after{content:''; position:absolute;right: 0;background-color: #865fdf;height: 60px;width: 95px;border-radius: 0 0 10px 0;-webkit-transform-origin: top left; transform-origin: top left; } .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default{border-radius: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; background: #8f69e8; color: white; font-size: 19px; line-height: 20px; font-weight: 500;z-index: 1; -webkit-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: top center; -moz-transform-origin: top center; transform-origin: top center; height:60px; left:95px; -webkit-animation: swing 1.5s .3s ease; -moz-animation: swing 1.5s .3s ease; animation: swing 1.5s .3s ease; padding:3px !important; width:100px; cursor:pointer;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #6a41c7;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-o ut;transition-timing-function: ease-out;} .jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default:hover:before{-webkit-transform: scale(1); transform: scale(1);} /*CUSTOMTIMELOG*/ .CustomTimeLog.panel{background-color:transparent; border:none !important; box-shadow:none;} .CustomTimeLog .panel-heading{background-color:transparent;} .CustomTimeLog .panel-heading h5 {font-size: 20px;font-weight: 300;color:#5b5b60; margin:0;} .CustomTimeLog .panel-heading h5 span {font-size: 17px;font-weight: 500;} .CustomTimeLog .panel-heading .heading-elements .btn-primary{color: #fff; font-weight: 500; padding: 6px 18px !important; border: 0 solid #fff; border-radius: 25px !important; background-color: #79b7ee; box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);} .CustomTimeLog .panel-heading .heading-elements .input-group input{border-radius: 20px 0 0 20px; border-color: #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.20);} .CustomTimeLog .panel-heading .heading-elements .input-group-btn {background-color: #79b7ee; background-size: 400% 400%; border-radius: 0 20px 20px 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.20); } .CustomTimeLog .panel-heading .heading-elements .input-group-btn button{background-color:transparent; border:none;} .CustomTimeLog .panel-heading .heading-elements .btn-primary:hover{background-color: #69a7de;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox .xhdr{background-color: #d3e8f6 !important; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);} .CustomTimeLog div.gridbox_dhx_skyblue.isModern table.hdr tr td .hdrcell{text-transform: uppercase; font-size: 12px;font-weight: 500;text-align:left;} .CustomTimeLog div.gridbox .objbox{padding:5px;} .CustomTimeLog div.gridbox .objbox .ev_dhx_skyblue .popover, .CustomTimeLog div.gridbox .objbox .odd_dhx_skyblue .popover{z-index:2;} .CustomTimeLog div.gridbox .objbox .ev_dhx_skyblue .popover .popover-title, .CustomTimeLog div.gridbox .objbox .odd_dhx_skyblue .popover .popover-title{padding: 10px 10px 0 10px;} .CustomTimeLog div.gridbox .objbox .ev_dhx_skyblue .popover .popover-content, .CustomTimeLog div.gridbox .objbox .odd_dhx_skyblue .popover .popover-content{overflow:auto; padding: 10px;} .CustomTimeLog div.gridbox .objbox tr:nth-child(2) .popover{top:-5px !important;} .CustomTimeLog .ev_dhx_skyblue, .CustomTimeLog .odd_dhx_skyblue{background-color:transparent !important;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr{border:none !important;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected td{background-color:transparent !important;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr:hover td{background-color:transparent !important;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .threadModal {background-color: #51DDD3; border-radius: 4px; padding: 5px 12px; color: #fff !important;font-weight: 500;font-size: 14px !important; position:relative;z-index:1;box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);line-height: 14px;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .TimeLineCount {width: 18px; height: 18px; background-color: #fff; border-radius: 25px; padding: 12px 0 0 0; color: #fff !important; font-weight: 500; font-size: 14px !important; position:relative; z-index:1; display:inline-block; box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr.ev_dhx_skyblue td .TimeLineCount{border:2px solid #F93B69!important;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue td .TimeLineCount{border:2px solid #B0E8E2!important;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td{position:relative; height:60px !important; padding:5px 12px !important; font-size: 13px !important; color: #848484; line-height: 14px; border:none !important; overflow:inherit;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child::after{content:''; position:absolute; height:100%; width:1px; background-color: #c1c1c1; top: 0; left: 0; right: 0; margin: auto; z-index: 0;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:first-child::after{height:50%; top:35px;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr:last-child td:first-child::after{height:50%; top:0;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child::before{width:0; display:none;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td::before{content: ''; position: absolute; width: 1px; height: 40%; left: 0; background-color: #ccc; top: 18px;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .icon-checkmark-circle{font-size: 14px; margin-left: 7px; color: #51ddd3; margin-top: 1px;opacity:0.8;} .CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .icon-calendar{font-size: 13px; margin-right: 7px; color: #f93b69; margin-top: 1px;opacity:0.8;} .CustomTimeLog .panel-footer{box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);border:none !important;} .CustomTimeLog .panel-footer .border-green{border-color: #79b7ee;} .CustomTimeLog .panel-footer ul li a i{width: 23px; height: 23px; /*background-color: #79b7ee;*/ color: #fff; font-weight: 500; border-radius: 2px; line-height: 20px; /*border: 1px solid #79b7ee;*/} /*CUSTOMTIMELOG*/ /*STICKY NOTE*/ .StickyNote .panel{border-radius: 6px; border-top-width:6px; background-color: #fff; border-bottom: none; border-left: none; border-right: none; box-shadow: 0 1px 7px 0 rgba(0,0,0,.25);} .StickyNote .panel .panel-heading {border-bottom:1px solid #f1f1f1;} .StickyNote .panel .panel-heading h6 {font-size: 18px;font-weight: 400;margin: 0;line-height: 20px;color: #5a5a5a;} .StickyNote .panel.panel-blue{border-color: #79B7EE;color:#fff !important;} .StickyNote .panel.panel-green{border-color: #51DDD3;color:#fff !important;} .StickyNote .panel.panel-red{border-color: #FF7C7C;color:#fff !important;} .StickyNote .panel.panel-yellow{border-color: #FEC35C;color:#fff !important;} .StickyNote .panel.panel-purple{border-color: #9D81EE;color:#fff !important;} .StickyNote .panel.panel-blue .panel-heading .heading-elements .icons-list li a{background-color:#79B7EE;} .StickyNote .panel.panel-green .panel-heading .heading-elements .icons-list li a{background-color:#51DDD3;} .StickyNote .panel.panel-red .panel-heading .heading-elements .icons-list li a{background-color:#FF7C7C;} .StickyNote .panel.panel-yellow .panel-heading .heading-elements .icons-list li a{background-color:#FEC35C;} .StickyNote .panel.panel-purple .panel-heading .heading-elements .icons-list li a{background-color:#9D81EE;} .StickyNote .panel .panel-heading .heading-elements{margin-top:-20px; height:auto; right:10px;} .StickyNote .panel .panel-heading .heading-elements ul.icons-list{margin:0 !important; padding:10px 0 !important;} .StickyNote .panel .panel-heading .heading-elements .icons-list li span{font-weight:500; font-size:13px;color:#555555 !important;} .StickyNote .panel .panel-heading .heading-elements .icons-list li span b{font-weight: 500 !important; position:relative; top:1px;} .StickyNote .panel .panel-heading .heading-elements .icons-list li span i{font-weight:500; font-size:13px;color:#555555 !important; top:0; margin-right:5px;} .StickyNote .panel .panel-heading .heading-elements .icons-list li a{width: 20px; height: 20px; border-radius: 3px; color: #fff !important; position: relative; text-align: center;} .StickyNote .panel .panel-heading .heading-elements .icons-list li i{font-size: 13px !important; color: #fff !important; position: relative; top: 3px;} .StickyNote .panel .panel-body p{color:#606060;} #mdlAddStickyNote ul.icolors {display:inline-block; padding:0;} #mdlAddStickyNote .icolors li {float: left;height: 30px;margin: 2px;width: 30px;} #mdlAddStickyNote .icolors li.green {background: #51DDD3 none repeat scroll 0 0;} #mdlAddStickyNote .icolors li.red {background: #FF7C7C none repeat scroll 0 0;} #mdlAddStickyNote .icolors li.blue {background: #79B7EE none repeat scroll 0 0;} #mdlAddStickyNote .icolors li.yellow {background: #FEC35C none repeat scroll 0 0;} #mdlAddStickyNote .icolors li.purple{background: #9D81EE none repeat scroll 0 0;} #mdlAddStickyNote .help-block {color: #737373;display: block;margin-bottom: 10px;margin-top: 5px;} #mdlAddStickyNote .icolors > li.active::after {color: #fff;content: "✓";line-height: 30px;padding-left: 10px;} /*STICKY NOTE*/ /*CUSTOMLISTMENU*/ .CutomListMenu{background-color: #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); } .CutomListMenu h6 {padding: 12px 15px; margin: 0; color: #1a1a1a; font-weight: 500; font-size: 17px; line-height: 32px; border-bottom: 1px solid #ddd;} .CutomListMenu .tree{height:457px; overflow:auto; min-height:20px; padding:8px 2px 8px 8px; margin-bottom:0;} .CutomListMenu .tree ul.ConnectList{padding: 0;margin: 0; padding-right:15px;} .CutomListMenu .tree ul.ConnectList li.parent_li {list-style-type:none; margin:0; position:relative; border-bottom:1px solid #d0d0d0;} .CutomListMenu .tree ul.ConnectList li.parent_li a{padding: 9px 10px 9px 18px; border-bottom: none; display: inline-block; width: 100%; font-size: 16px; color: #3d3b3b; font-weight: 400; position:relative;} .CutomListMenu .tree ul.ConnectList li.parent_li ul{padding-left:18px;} .CutomListMenu .tree ul.ConnectList li.parent_li ul li:last-child{margin-bottom:10px;} .CutomListMenu .tree ul.ConnectList li.parent_li ul li{outline:none;} .CutomListMenu .tree ul.ConnectList li.parent_li ul li a{padding:4px 10px 4px 10px; margin: 0; transition: .5s; box-shadow: none;} .CutomListMenu .tree ul.ConnectList li.parent_li ul li a span{font-size:15px; font-weight:400;color: #3d3b3b; padding: 5px 12px; border-radius: 4px; line-height: 20px; display: inline-block; font-weight: 400;} .CutomListMenu .tree ul.ConnectList li.parent_li ul li a:hover span, .CutomListMenu .tree ul.ConnectList li.parent_li ul li.active a span{background-color: #33aaef; color: #fff;} .CutomListMenu .tree ul.ConnectList li.parent_li > a:before{position:absolute; font-family: 'icomoon'; left: 0; top: 8px; font-size:14px;} .CutomListMenu .tree ul.ConnectList li.parent_li > a[title~=Expand]:before{content:"\edc5";} .CutomListMenu .tree ul.ConnectList li.parent_li > a[title~=Collapse]:before{content:"\edc6";} .CutomListMenu .tree ul.ConnectList li.parent_li a i{display:inline-block; padding:0 6px 0 0; text-decoration:none; color: #263238; font-size: 14px;} /*CUSTOMLISTMENU*/ .CutomToolTip{height: 45px; overflow: hidden; text-align: left; text-overflow: ellipsis; width: 100%; white-space: nowrap; border: none; background-color: transparent; cursor:pointer;} .CutomToolTip:hover, .CutomToolTip:focus, .CutomToolTip:active{background-color:transparent !important; box-shadow:none !important;} button.template{position: relative; width:100%; margin-bottom:15px; background-color: #f5f5f5;} button.template:before, .template:after{z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 78%; max-width:300px; -webkit-box-shadow: 0 15px 10px #656565; -moz-box-shadow: 0 15px 10px #656565; box-shadow: 0 15px 10px #656565; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);} button.template:after{-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto;} button.template span{font-size:13px; color:#505050;max-width: 230px; margin: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} #dvTemplate h5{font-size: 20px; font-weight: 300; color:#5b5b60;} #dvTemplate h5 span{font-size: 17px; font-weight: 500; color:#5b5b60;} .nav-pills>li>a.btn-xs, .navbar-nav>li>a.btn-xs{padding: 5px 10px;} .btn.btn-exs{height:28px; padding:6.4px 7px !important;} .PanelFocus .panel-footer{background-color:transparent;} #divCanvas .bootstrap-switch .bootstrap-switch-handle-on, #divCanvas .bootstrap-switch .bootstrap-switch-handle-off, #divCanvas .bootstrap-switch .bootstrap-switch-label{height: auto !important;} /*GridChanges*/ [data-tip] {position:relative;} [data-tip]:before {content:''; display:none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #1a1a1a; position:absolute; top:36px; left:5px;z-index:8; font-size:0; line-height:0; width:0;} [data-tip]:after { display:none; content:attr(data-tip); position:absolute; top:40px; left:0; padding:5px 8px; background:#1a1a1a; color:#fff; z-index:9; font-size: 12px; line-height:18px; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; white-space:nowrap; word-wrap:normal;} [data-tip]:hover:before, [data-tip]:hover:after {display:block;} #tabExpression li a {color:#fff !important;} #tabExpression li a.btn-default{color:#303030 !important;} /*GridChanges*/ /*TREEGRID*/ #testCaseTree .containerTableStyle table tr td table tr{height:35px;} #testCaseTree .containerTableStyle table tr td table tr td .selectedTreeRow{padding:5px 10px !important; border: none; border-radius: 2px; background-color: #607D8B !important;} #testCaseTree .standartTreeImage:before{content:''; position:absolute;} #levelTreeContainer .panel, #dvIPComplexElements .panel{box-shadow: 0 1px 4px 0 rgba(0,0,0,.25) !important;} #treeContainer .panel{margin-bottom:0;} /*TREEGRID*/ /*BACKGROUNDANIMATE*/ .AnimatedPanel { background: linear-gradient(90deg, #5E8CEC, #3BACF2, #3FD4FC, #3DD5FC); background-size: 400% 400%; -webkit-animation: Gradient 7s ease infinite; -moz-animation: Gradient 7s ease infinite; animation: Gradient 7s ease infinite; color:#fff;} @-webkit-keyframes Gradient { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @-moz-keyframes Gradient { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @keyframes Gradient { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .AnimatedPanel_2 {background: linear-gradient(90deg, #4593C4, #61A9D1, #297FB8, #1D619E); background-size: 400% 400%; -webkit-animation: Gradient_2 4s ease infinite; -moz-animation: Gradient_2 4s ease infinite; animation: Gradient_2 4s ease infinite; color:#fff;} @-webkit-keyframes Gradient_2 { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @-moz-keyframes Gradient_2 { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @keyframes Gradient_2 { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .sidebar_width {width: 350px !important; background-color:transparent; border-right: 1px solid #ddd;} .DocumentAlignmentLeft .sidebar-main, .DocumentAlignmentRight .sidebar-main{background-color:#fff;} .DocumentAlignmentLeft .CustomFixed, .DocumentAlignmentRight .CustomFixed{position:initial;} .DocumentAlignmentLeft .Docexpl, .DocumentAlignmentRight .Docexpl{padding-top:0 !important;} .DocumentAlignmentLeft .Docexpl .content-detached .col-md-6, .DocumentAlignmentRight .Docexpl .content-detached .col-md-6{width:100%;} .DocumentAlignmentLeft .Docexpl .content-detached .tabbable .nav-tabs li a, .DocumentAlignmentRight .Docexpl .content-detached .tabbable .nav-tabs li a{background-color:transparent; border-bottom-color:transparent;} .DocumentAlignmentLeft .CustomFixed .border-top .breadcrumbCustom, .DocumentAlignmentRight .CustomFixed .border-top .breadcrumbCustom{text-align:center;} #jsPanelDocExp .CustomFixed{position:initial;} .DocumentAlignmentLeft, .DocumentAlignmentRight{ width: 55%; float: left; position:relative; margin-top:97px; background-color:#fff;} .DocumentLeft{ width: 45%; float: left;} .DocumentRight{ width: 45%; float: left;} .DocumentAlignmentLeft .DocForIspace, .DocumentAlignmentRight .DocForIspace, .jsPanel-content .DocForIspace{top:0;} .DocumentLeft .col-md-1, .DocumentLeft .col-md-2, .DocumentLeft .col-md-3, .DocumentLeft .col-md-4, .DocumentLeft .col-md-5, .DocumentLeft .col-md-6, .DocumentLeft .col-md-7, .DocumentLeft .col-md-8, .DocumentLeft .col-md-9, .DocumentLeft .col-md-10, .DocumentLeft .col-md-11, .DocumentLeft .col-md-12, .DocumentRight .col-md-1, .DocumentRight .col-md-2, .DocumentRight .col-md-3, .DocumentRight .col-md-4, .DocumentRight .col-md-5, .DocumentRight .col-md-6, .DocumentRight .col-md-7, .DocumentRight .col-md-8, .DocumentRight .col-md-9, .DocumentRight .col-md-10, .DocumentRight .col-md-11, .DocumentRight .col-md-12{width:100% !important;} /********************************DXTML********************************/ .gantt_cal_light{border-radius:0; border:none; height:auto !important;} .gantt_cal_light .gantt_cal_ltitle{cursor: pointer; padding: 15px 10px; border-radius: 0; background-color: var(--main-modalBg-color); border-color: var(--main-modalBg-color); color: #fff; font-size: 18px;} .gantt_cal_light .gantt_cal_ltitle .gantt_time{font-weight:400 !important;} .gantt_cal_light .gantt_cal_larea{border:none; height:auto !important; border-bottom: 1px solid #c5c5c5;} .gantt_cal_light .gantt_btn_set{margin: 12px 5px; float:right; padding: 5px 15px; border: none; border-radius: 4px; color: #fff; font-size: 14px; height: 32px; font-weight:300;} .gantt_cal_light .gantt_btn_set.gantt_save_btn_set{background-color: #4CAF50; border-color: #4CAF50; text-shadow:none; margin-right:15px;} .gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set{background-color: #ff7200; border-color: #ff7200; text-shadow:none;} .gantt_cal_light .gantt_btn_set.gantt_delete_btn_set{background-color: #f44336 ; border-color: #f44336; text-shadow:none;} .gantt_add, .gantt_grid_head_add, .gantt_grid_head_cell.gantt_grid_head_add{opacity:1;} .noInstance{font-size: 30px; width: 55%; text-align: center; line-height: 40px; color: #909090; margin: 30px auto; } .selectInstance{text-align: center; margin: 50px 0;} .selectInstance i{font-size:120px !important; color: #9a9a9a;} .selectInstance p{font-size: 30px; width: 55%; text-align: center; line-height: 40px; color: #909090; margin: 5px auto 30px; } .CustomSidebarDFS {background-color: transparent; border-right: 1px solid #ddd; transition: all .6s; border-bottom:1px solid #ddd;} .CustomSidebarDFS.sidebar{width:300px;} .CustomSidebarDFS .sidebar-content{top:138px; width:300px;} .CustomFusionDFS {width:calc(100% - 300px);} .CustomSidebar{padding: 0 10px;} .CustomExpressionBar .sidebar-content h6{color:#151515;} .CustomToggleBtnDFS {width: 18px; height: 38px; line-height: 50px; display: block; font-size: 27px; border: 1px solid #5c6bc0; border-right: 0; border-radius: 0 3px 3px 0; text-align: center; position: absolute; left: 0; z-index: 4; padding: 0; background-color: #5c6bc0; top: 94px; color: #fff;} .CustomToggleBtnDFS:focus, .CustomToggleBtnDFS:hover{color: #fff;} .CustomToggleBtnDFS i {top: 10px;width: 16px;} .CustomExpressionContent ul li.active a.btn-primary{background-color: var(--main-bgPrimary800-color); border-color: var(--main-bgPrimary800-color);} .CustomExpressionContent ul li.active a.btn-info{background-color: var(--main-bgInfo800-color); border-color: var(--main-bgInfo800-color);} .CustomSidebar .panel-group{margin:0;} .CustomSidebar .panel-group .panel {border:1px solid #ddd;} .CustomSidebar .panel-group .panel .panel-heading{cursor:pointer;} .CustomSidebar .panel-group .panel .panel-body{padding:10px;} .CustomSidebar .panel-group .panel .panel-body ul{padding-left:10px; margin-bottom:0;} .CustomSidebar .panel-group .panel .panel-body ul li{padding:8px 0;} .CustomSidebar .panel-group .panel .panel-body ul li a{color:#353535; font-weight:500;} .CustomSidebar .panel-group .panel .panel-body ul li a i{width:20px;} .CustomSidebarDFS.active{margin-left: -300px;} .CustomExpressionContent.active{width:100% !important;} #OutLookViewToggle {top: 0; left: -8px; z-index: 9; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; } #OutLookViewToggle.active {transform: translateX(-675px); -ms-transform: translateX(-675px); -o-transform: translateX(-675px); -webkit-transform: translateX(-675px);} #OutLookViewToggle .theme_switcher_outlook { width: 22px; height: 44px; line-height: 50px; display: block; font-size: 27px; border-right: 0; border-radius: 0 6px 6px 0; text-align: center; position: absolute; right: -13px; top: 0; z-index: 999; padding: 0; background-color: #00b2e1; color: #fff !important;} #OutLookViewToggle .theme_switcher_outlook i {font-size: 16px !important; display: inline-block; position: relative; top: 15px;} #OutLookViewToggle #OutLookCollapse {position: relative; z-index: 60; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; text-align: left; display:inline-block;} #dvProjectDetails table{ border-collapse: separate; border-spacing: 0 10px;} tr.DetailTable {background-color: #f1fcfe;box-shadow: 0 1px 3px 0 rgba(0,0,0,.23); margin-bottom:10px;} .DetailTable td:first-child{border-left:none;} .DetailTable td{padding:15px 8px; font-size:14px; border-left: 1px solid #ddd;} .DetailTable .DetailTitle{font-weight:500;} .CustomPanelStyle {border:1px solid #66b7db !important;} .CustomPanelStyle > .panel-heading{border-bottom:1px solid #66b7db !important; background-color:#e6f9ff !important; border-radius: 3px 3px 0 0 !important; background:url('../../images/Blue_bg5.jpg') 50% !important;} .CustomPanelStyle > .panel-heading h6{color:#03a9f4; font-size:16px;} .CustomPanelStyle > .panel-heading .heading-elements .icons-list a.collapse2{color:#03a9f4; } .CustomPanelStyle_2 {border: 1px solid #dadada !important; border-radius: 2px !important;} .CustomPanelStyle_2 > .panel-heading{border-bottom: none; background-color: #e6f9ff !important; border-radius: 0 0 0 0 !important; background: url(../images/Voilet_bg.png) !important; background-position:30% 60% !important; background-repeat: no-repeat !important; color:#fff !important;} .CustomPanelStyle_2 > .panel-heading h5{font-size:16px;} .CustomPanelStyle_2 > .panel-heading .heading-elements .icons-list a.collapse2{color:#03a9f4; } #frmAttribute .dhxform_base, #frmMSAttribute .dhxform_base{width:100%;} #frmAttribute .dhxform_base .dhxform_item_label_left, #frmMSAttribute .dhxform_base .dhxform_item_label_left{width:33%; float:left; clear:none; padding: 0 10px; margin-bottom: 15px;} #frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_label, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_label{width: 100% !important; margin: 0; padding: 0;} #frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_label label, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_label label{ margin-bottom: 8px !important; font-size: 14px; color: #909090;} #frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_control, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_control{width: 100%; margin: 0; padding: 0;} #frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_control input, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_control input{width: 100%; margin: 0; padding: 0; height:32px; border-radius:3px; border: 1px solid #ddd;} .ExecutionSummary{padding:15px;} .ExecutionSummary .panel{border:none; box-shadow:none;} .ExecutionSummary .panel.CustomPanelStyle_2 .panel-heading {padding: 10px 20px !important;} .ExecutionSummary .panel .panel-heading{padding: 6px 2px !important;} .ExecutionSummary .panel .panel-heading h5{font-size:16px;} .ExecutionSummary .panel .panel-heading .heading-elements{height: 20px; top: 75%; right: 0;} .ExecutionSummary .panel .panel-heading .heading-elements .CustomCheckbox{margin-right:10px;} .ExecutionSummary .panel .panel-body{padding:0;} .ExecutionSummary .panel .panel-body .table-responsive table{border-collapse: separate; border-spacing: 0 4px;} .ExecutionSummary .panel .panel-body .table-responsive thead tr, .ExecutionSummary .panel .panel-body .table-responsive tbody tr{box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);} .ExecutionSummary .panel .panel-body .table-responsive thead tr th{ padding: 15px 15px; background-color: rgba(2, 136, 209, 0.13); border: none; font-size: 12px; font-weight: 500; text-transform: uppercase; color:#2f3538; position:relative;} .ExecutionSummary .panel .panel-body .table-responsive thead tr th::after{content: ''; position: absolute; width: 1px; height: 60%; background: linear-gradient(90deg, #0288D1, #039BE5, #29B6F6, #4FC3F7); background-size: 400% 400%; -webkit-animation: Animatesuite 3s ease infinite; -moz-animation: Animatesuite 3s ease infinite; animation: Animatesuite 3s ease infinite; right: 0; top: 20%; bottom: 0;} .ExecutionSummary .panel .panel-body .table-responsive thead tr th:last-child::after{display:none;} .ExecutionSummary .panel .panel-body .table-responsive thead tr th:first-child, .ExecutionSummary .panel .panel-body .table-responsive tbody tr td:first-child{border-radius: 3px 0 0 3px;} .ExecutionSummary .panel .panel-body .table-responsive thead tr th:last-child, .ExecutionSummary .panel .panel-body .table-responsive tbody tr td:last-child{border-radius: 0 3px 3px 0;} .ExecutionSummary .panel .panel-body .table-responsive tbody tr td{padding: 7px 15px; background-color: rgba(2, 136, 209, 0.13); border:none; font-size: 14px; font-weight: 400; color: #2b2a2a; position:relative;} .ExecutionSummary .panel .panel-body .table-responsive tbody tr td::after{content: ''; position: absolute; width: 1px; height: 60%; background: linear-gradient(90deg, #0288D1, #039BE5, #29B6F6, #4FC3F7); background-size: 400% 400%; -webkit-animation: Animatesuite 3s ease infinite; -moz-animation: Animatesuite 3s ease infinite; animation: Animatesuite 3s ease infinite; right: 0; top: 9px; bottom: 0;} .ExecutionSummary .panel .panel-body .table-responsive tbody tr td:last-child::after{display:none;} .ExecutionSummary .panel .panel-body .table-responsive tbody tr td .text-success, .ExecutionSummary .panel .panel-body .table-responsive tbody tr td .text-danger{font-weight:500;} .CaseSummary .panel .panel-body .table-responsive table{ border-collapse: separate; border-spacing: 0 10px;} .CaseSummary .panel .panel-body .table-responsive thead tr, .CaseSummary .panel .panel-body .table-responsive tbody tr{box-shadow:none; position:relative;} .CaseSummary .panel .panel-heading {padding: 10px 20px !important;} .CaseSummary .panel .panel-heading .heading-elements{top: 67%; height: 25px;} .CaseSummary .panel .panel-heading .heading-elements h5{margin:0;} .CaseSummary .panel .panel-body .table-responsive thead tr th {background-color: rgba(0, 188, 212, 0.72);padding: 14px 8px;color: #ffffff !important;} .CaseSummary .panel .panel-body .table-responsive tbody tr td {background-color:#F2F6FA; padding: 12px 8px; font-weight: 500; color: #40556b; font-size: 13px; letter-spacing: 0.5px;} .CaseSummary .panel .panel-body .table-responsive tbody tr td label{font-weight: 500; color: #40556b; font-size: 13px; letter-spacing: 0.5px; margin-bottom: 2px; width: 95px;} .CaseSummary .panel .panel-body .table-responsive thead tr th::after, .CaseSummary .panel .panel-body .table-responsive tbody tr td::after{content: ''; position: absolute; width: 1px; height: 80%; background: linear-gradient(90deg, #f44336, #ff6358, #ff7f76, #ff9e98); background-size: 400% 400%; -webkit-animation: Animatesuite 3s ease infinite; -moz-animation: Animatesuite 3s ease infinite; animation: Animatesuite 3s ease infinite; right: 0; top: 10%; bottom: 0;} .CaseSummary .panel .panel-body .table-responsive thead tr th::after{ content: ''; position: absolute; width: 1px; height: 60%; background-color: #fff !important; right: 0; top: 20%; bottom: 0; background: none;} .CaseSummary .panel .panel-body .table-responsive tbody tr td:first-child::before{content: ''; position: absolute; width: 2.5px; height: 100%; left: 0; top: 0; bottom: 0; background-color: rgba(244, 67, 54, 0.65); z-index: 9; border-radius: 3px 0 0 3px;} #tblExecutionStatus .CustomPanelStyle .panel-heading{padding: 10px 20px !important;} .CaseSummary .panel .panel-body .table-responsive tbody tr td a{ color: #38B1EB!important; font-weight: 400; font-size: 14px;} .CaseSummary .ElementColorAttr {height:12px;width:12px; margin-left:5px; border:1px solid #999999; margin-right:5px; margin-top:3px; display:inline-block;} .Result{padding: 3px 10px; border-radius: 3px; font-size: 10px; font-weight: 500; letter-spacing: 0.3px; text-transform: uppercase;} .bg-danger-gradient{background: linear-gradient(231deg, #C62828, #E57373) !important; background-size: 400% 400% !important; -webkit-animation: wizard 2s ease infinite !important; -moz-animation: wizard 2s ease infinite !important;animation: wizard 2s ease infinite !important; color: #fff;} .bg-success-gradient{background: linear-gradient(231deg, #2E7D32, #81C784) !important; background-size: 400% 400% !important; -webkit-animation: wizard 2s ease infinite !important; -moz-animation: wizard 2s ease infinite !important;animation: wizard 2s ease infinite !important; color: #fff;} .CaseSummary h6.CaseTitle{position:relative; display: inline-block; margin: 0;} .CaseSummary h6.CaseTitle i{top: 6px; left: 11px; color: #fff; z-index:11; font-size:15px;} .CaseSummary h6.CaseTitle span{ margin: 0; margin-left: 50px; top: 7px; position: relative; background-color: #2068a7; padding: 4px 10px; font-size: 14px; border-radius: 3px; z-index: 12; color: #fff;} .CaseSummary h6.CaseTitle::before{ content: ''; position: absolute; width: 36px; height: 36px; border-radius: 20px; z-index:10; background:linear-gradient(231deg, #1d5a96, #50a0d2) !important; background-size: 400% 400% !important; -webkit-animation: wizard 2s ease infinite !important; -moz-animation: wizard 2s ease infinite !important;animation: wizard 2s ease infinite !important;} .CaseSummary h6.CaseTitle::after{ content: ''; position: absolute; background-color: #715ae0; width: 100%; height: 1px; left: 0; top: 17px;} .SuiteChartResult{ background-color: #F0F3F4; position: relative; color: #5b5b60; border: 1px solid rgba(214, 226, 230, 0.3); margin: 15px 0; border-radius: 2px;} .SuiteChartResult h4{font-size:20px; font-weight:300; color:#5b5b60; padding: 12px 15px 0;} .SuiteChartResult h4 span{font-size:17px; font-weight:500; color:#5b5b60;} .SuiteChartResult .content-group{ margin-bottom: 0 !important; border-radius: 5px; color: #555555; margin-bottom:5px !important; background-color:#fff; padding: 10px 8px; border-bottom: 1px solid #d2d2d2} .SuiteChartResult .content-group h6{display:inline-block; font-size:15px; font-weight:500; margin:0;} .SuiteChartResult .content-group h6 span{color:#555555;} .c3-legend-item text{color:#ddd !important;} .c3-legend-item .c3-legend-item-tile{border-radius:3px;} .CaseSummary .panel .panel-body .table-responsive tbody tr.elementRow td{background-color:transparent;} .CaseSummary .panel .panel-body .table-responsive tbody tr.elementRow td::before{display:none;} .elementRow > tr.MainRow td:first-child{background-color:transparent !important;} .elementRow > tr.MainRow td:first-child::before{content: ''; position: absolute; width: 16px !important; height: 16px !important; border-radius: 20px !important; z-index:10; background-color: #357fb9 !important; z-index:99 !important; top: 8px !important;} .elementRow > tr.MainRow td:first-child span {margin-left: 20px; line-height: 12px; padding: 3px 8px; color: #5c79e9; border-radius: 2px; position:relative; z-index:95; top: -2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); border: 1px solid #eaeaea; font-weight:500;} .elementRow > tr.MainRow td:first-child span::before{content: ''; position: absolute; width: 160%; height: 1px; left: -21px; top: 10px; z-index: -1; background: linear-gradient(231deg, #ff9800, #FF5722) !important; background-size: 400% 400% !important; -webkit-animation: wizard 2s ease infinite !important; -moz-animation: wizard 2s ease infinite !important;animation: wizard 2s ease infinite !important;} .elementRow > tr.MainRow td:first-child span::after{content: ''; position: absolute; width: 1px; height: 265%; left: -22px; top: -15px; z-index: -2; background: linear-gradient(231deg, #ff9800, #FF5722) !important; background-size: 400% 400% !important; -webkit-animation: wizard 2s ease infinite !important; -moz-animation: wizard 2s ease infinite !important;animation: wizard 2s ease infinite !important;} @-webkit-keyframes wizard { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } @-moz-keyframes wizard { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } @keyframes wizard { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } /****************************************** CUSTOM TOGGLE CSS *******************************************/ .CustomToggleBtn {width: 18px; height: 38px; line-height: 50px; display: block; font-size: 27px; border: 1px solid #fff; border-right: 0; border-radius: 0 3px 3px 0; text-align: center; position: absolute; left: 10px;z-index: 4; padding: 0;background-color: #fff; top: 4px;} .CustomToggleBtn i {top: 12px;width: 18px;} .CustomToggleLeft{width: 20%; top: 0; left: 0; z-index: 999; color: #fff; transition: all 0.6s;z-index:0;} .CustomToggleLeft.active{margin-left:-20%; } .CustomToggleRight { width: calc(100% - 20%); transition: all 0.6s; position: absolute; right: 0;} .CustomToggleRight.active{width:100%;} .CustomProcessActivityBtn {width: 18px; height: 38px; line-height: 50px; display: block; font-size: 27px; border: 1px solid #2196f3; border-right: 0; border-radius: 0 3px 3px 0; text-align: center; position: absolute; left: 10px;z-index: 4; padding: 0;background-color: #2196f3; top: 3px; color:#fff;} .CustomProcessActivityBtn:hover,.CustomProcessActivityBtn:focus {color:#fff} .CustomProcessActivityBtn i {top: 10px; width: 16px;} .CustomPropertyToggle.active{margin-left:-260%; float:left;} .jsPanel.active{margin-left:-260%;} .CustomSmartUiToggle.active{width:100%;} .IspaceMobile1 .breadcrumb-elements>li>a{padding: 5px 10px;} .page-title small:before{display:none;} /********************************DXTML********************************/ .MainElements ul li{display:inline-block;} #dvUsrGroup .page-container{height:auto !important; min-height:inherit !important;} #dvUsrGroup .page-container .CutomMargin{position:inherit; margin-top:0; margin-bottom:0;} #dvUsrGroup .page-container .CutomMargin .heading-elements{ position: absolute; top: 7px !important;} #dvUsrGroup #grdRoleManagement{height:300px !important;} .CustomSmartUiToggle.active .CustomMegaMenu .dropdown-menu{ width: calc(100% - 15px);} .CustomMegaMenu {margin:0; padding:0;} .CustomMegaMenu>li{display:inline-block;} .CustomMegaMenu .mega-dropdown {position: static !important;} .CustomMegaMenu .mega-dropdown.open > a{position:relative !important;} .CustomMegaMenu .mega-dropdown.open > a::after{background-color: #dfebfe; content: ''; position: absolute; width: 109%; height: 119%; top: 0; left: -3px; z-index: -1;} .CustomMegaMenu .mega-dropdown-menu {padding: 20px; width: calc(100% - 254px); top: 45px; border: none; border-radius: 5px !important; box-shadow: 0 5px 3px 0 rgba(0,0,0,.3); left:8px; background:linear-gradient(#dfebfe,#eaf2ff);} .CustomMegaMenu .mega-dropdown-menu::before{ background-image: url(../images/SmartUiBg/Left_Top.png), url(../images/SmartUiBg/right_Bottom.png), url(../images/SmartUiBg/left_right_Top.png), url(../images/SmartUiBg/Dots.png) !important; background-position: 0 0, 100% 100%, 0 0, 100% 30%; background-repeat:no-repeat; content: ''; background-size: auto, auto, contain, auto; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; border-radius: 5px !important; z-index: -1;} .CustomMegaMenu .mega-dropdown-menu>li.Sprites{width:20%; float:left; padding:0 10px;} .CustomMegaMenu .mega-dropdown-menu>li.Sprites:hover{background: linear-gradient(to top,#e7f0fe 60%,#99b2dc3d 100%); border-radius: 15px 15px 0 0;} .CustomMegaMenu .mega-dropdown-menu>li>ul {padding: 0; margin: 0;} .CustomMegaMenu .mega-dropdown-menu>li>ul>li {list-style: none;} .CustomMegaMenu .mega-dropdown-menu>li>ul>li>span{ position:relative; padding:6px 0;} .CustomMegaMenu .mega-dropdown-menu>li.Sprites:hover ul>li.dropdown-header:after{background: linear-gradient(to left,#d2dff6 0%,#edf3fd 50%,#d2dff6 100%);} .CustomMegaMenu .mega-dropdown-menu>li>ul>li.dropdown-header:after{ content: ''; position: absolute; background: linear-gradient(to left,#dfeafc 0%,#bfc9da 50%,#dfeafc 100%); width: 80%; height: 2px; left: 0; bottom: 2px; right: 0; margin: 0 auto;} .CustomMegaMenu .mega-dropdown-menu>li>ul>li>a {display: block; color: #475263; padding: 8px 0; font-size: 13px; border-bottom: 1px solid rgba(91, 106, 130, 0.3); font-weight: 500; position:relative; line-height: 21px;} .CustomMegaMenu .mega-dropdown-menu>li>ul>li>a:hover::before, .CustomMegaMenu .mega-dropdown-menu>li>ul>li>a:focus::before {-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);opacity: 1;} .CustomMegaMenu .mega-dropdown-menu>li>ul>li>a:hover, .UIElements.CustomMegaMenu .mega-dropdown-menu>li>ul>li>a:focus {text-decoration: none;} .CustomMegaMenu .dropdown .dropdown-menu .IspaceMobile2 li a {width:100%;} .UIElements.CustomMegaMenu .mega-dropdown-menu .dropdown-header { font-size: 15px; color: #465163; padding: 5px 0 15px; line-height: 18px; margin-top: 0; font-weight: 600; text-align:center; position:relative;} .DataElements.CustomMegaMenu .mega-dropdown-menu li h3, .Diagram.CustomMegaMenu .mega-dropdown-menu li h3 { margin: 0 0 10px 10px;line-height: 18px;font-size: 21px;} .IspaceMobile2 li{width:100%;} .Diagram.CustomMegaMenu .mega-dropdown-menu>li.Sprites{width:100%;} /*******************************CSS SPRITES******************************/ .UIElements.CustomMegaMenu .mega-dropdown-menu>li.Sprites>ul>li a:after, .DataElements.CustomMegaMenu .mega-dropdown-menu>li.Sprites>ul>li a:after, .Diagram.CustomMegaMenu .mega-dropdown-menu>li.Sprites>ul>li a:after{content:''; width:35px; height:35px; position:absolute; right:-5px; top: 2px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="Panel"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -1px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelHeader"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -36px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelFooter"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -72px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PageHeader"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -106px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelBody"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -141px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelSet"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -176px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelwithHeader"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -211px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelwithFooter"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -246px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="LeftPane"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -281px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="RightPane"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -316px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelwithBody"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -351px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="Column"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0 -351px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="Row"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0px -386px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="FormGroup"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0px -421px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="ButtonGroup"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0px -456px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="Div"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0px -491px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="Span"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0px -526px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="Horizontalrule"]:after{background: url(../images/SpritesImages/SpritesImg.png) 0px -561px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="Tab"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -1px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="TabPane"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -36px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="Accordion"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -72px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="AccordionPane"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -106px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="Modal"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -141px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="Stepswizard"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -176px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="Formwizard"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -211px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="Step"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -246px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="UIButton"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -281px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFour>ul>li a[data-hover="ImageBox"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -316px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFour>ul>li a[data-hover="Icon"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -351px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFour>ul>li a[data-hover="Header"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -386px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFour>ul>li a[data-hover="Label"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -421px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFour>ul>li a[data-hover="Message"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -456px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFour>ul>li a[data-hover="Cancel"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -491px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFour>ul>li a[data-hover="Submit"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -526px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="DataChart"]:after{background: url(../images/SpritesImages/SpritesImg.png) -35px -561px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="PieChart"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -1px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="DoughnutChart"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -36px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="FunnelChart"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -72px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="RadialGauge"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -106px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="Spakline"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -141px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="LinearGauge"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -176px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="InfoDialog"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -211px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="ConfirmDialog"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -246px;} .UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteFive>ul>li a[data-hover="GenericDialog"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -281px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="Html"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -561px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="TextBox"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -1px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="NumericTextBox"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -36px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="CheckBox"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -72px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="RadioButton"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -107px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="ListBox"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -316px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="DateTimePicker"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -351px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="DocumentType"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -386px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="ActionButton"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -421px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="MaskEdit"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -456px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="ComboBox"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -141px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="Grid"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -175px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="Form"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -211px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="RichTextBox"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -245px;} .DataElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteThree>ul>li a[data-hover="PlaceHolder"]:after{background: url(../images/SpritesImages/SpritesImg.png) -105px -281px;} .Diagram.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="TreeView"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -315px;} .Diagram.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="FlowChart"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -387px;} .Diagram.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="EntityRelationship"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -456px;} .Diagram.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="SwimLane"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -421px;} .Diagram.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="FishBone"]:after{background: url(../images/SpritesImages/SpritesImg.png) -70px -351px;} .CustomOtherMenu{width:auto !important; padding: 10px !important;} .CustomOtherMenu.mega-dropdown-menu>li.Sprites{width:auto;} .CustomOtherMenu.mega-dropdown-menu>li>ul>li> a{color:#fff; padding:5px 10px; border-bottom:none !important;} .CustomOtherMenu.mega-dropdown-menu>li>ul>li span:after, .CustomOtherMenu.mega-dropdown-menu>li.Sprites>ul>li a:after{display:none;} .CustomOtherMenu.mega-dropdown-menu>li>ul>li span{width:30px; float:left;} .CustomOtherMenu.mega-dropdown-menu>li>ul>li input{border: 1px solid #ccc; padding: 5px 4px; border-radius: 3px; width: calc(100% - 30px);} /*******************************CSS SPRITES******************************/ #menuObj{ height:auto;} #menuObj .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, #menuObj .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled{line-height:20px; padding: 0; height: auto;} #menuObj .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled{cursor:not-allowed;} #menuObj div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected{background-color: transparent;border: none;line-height: 20px;color: #fff; padding: 0; height: auto;} #menuObj i{float:right; top:2px;} #menuObj .align_left{float:left;} /*DELETE WARNING MESSAGE*/ div.dhx_modal_cover{opacity:.6;} .dhtmlx-confirm-warning{border: none; box-shadow: 0 0 16px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.24); width:325px;} .dhtmlx-confirm-warning .dhtmlx_popup_title {background-color: #fff;background: none;border: none;color: #485E6E;text-shadow: none; position:relative; padding: 50px 10px 0 !important; box-shadow: none;height: auto; font-size: 28px; font-weight: 400; line-height: 34px; cursor: default;} .dhtmlx-confirm-warning .dhtmlx_popup_title:before{content:''; position:absolute; margin:auto; right:0; left:0; background: url(../images/danger.png); width:32px; height:32px; top: 12px;} .dhtmlx-confirm-warning .dhtmlx_popup_text{ padding: 3px 60px 20px !important; margin: 0;border: none;border-radius: 0; margin:auto; max-height:200px; overflow:auto;} .dhtmlx-confirm-warning .dhtmlx_popup_text span {font-size: 17px;font-weight: 300;color: #656565;} .dhtmlx-confirm-warning .dhtmlx_popup_controls{padding: 0 !important; border: none; border-radius: 0;} .dhtmlx_popup_button {background: none; border: none; margin: 0; width: 50%; background-color: #F7F7F7; padding: 10px; height: auto; border-right: 1px solid #d0d0d0; border-radius: 0; transition:0.4s;} .dhtmlx_popup_button:hover, .dhtmlx_popup_button:focus {background: none;border: none;box-shadow: none;outline: none;background-color: #f65656;} .dhtmlx_popup_button:hover div, .dhtmlx_popup_button:focus div{color:#fff;} .dhtmlx_popup_button div {font-weight: 400;font-size: 16px;color: #717171; text-shadow:none;} .dhtmlx_popup_button:last-child{border-right:none;} /*DELETE WARNING MESSAGE*/ .bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch-small .bootstrap-switch-label{height:32px; padding:6px 6px;} .bootstrap-switch{margin-right:0;} .FlowDiagram{background-color: #fff; float: left; width: 100%; box-shadow: 0px 0px 5px 0 rgba(0,0,0,.22);} #dvDFSFrame .page-header{display:none;} #dvDFSFrame .CustomSidebarDFS .sidebar-content{ position: relative; top:100px; border: 1px solid #ddd;} #dvDFSFrame .CustomExpressionContent{ width: calc(100% - 330px);} #dvDFSFrame .GobalDFSToolBar {width: calc(100% - 1.3%);} #dgmForkedElementsDiv canvas{border:1px solid #c5c5c5;} #dvDFSFrame .content-wrapper .content{padding-top:0 !important; margin-top:100px;} #dvDFSFrame .CustomSidebarDFS {border:none;} .GobalDFSToolBar{ padding:5px 7px; background-color:#fff; width:100%; float:left; margin-top:54px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.4); position:fixed; z-index:4; border-top: 1px solid rgba(17,44,74,.3);} .GobalDFSToolBar ul.ToolBar{float:left; margin:0; padding:0 0 0 0; } .GobalDFSToolBar ul.ToolBar>li{float:left; height:72px; border-right:1px solid rgba(17, 44, 74, 0.2); list-style:none;} .GobalDFSToolBar ul.ToolBar>li>ul{padding:0 ; margin:0;} .GobalDFSToolBar ul.ToolBar>li>h5{float: left; width: 100%; font-size: 12px; color: #112c4a; line-height: 14px;font-weight: 500; margin:0; text-align:center; margin-bottom:5px;} .GobalDFSToolBar ul.ToolBar>li>ul>li{list-style:none;} .GobalDFSToolBar ul.ToolBar>li>ul>li>a{font-size:10px; font-weight:600;color: #4c4c4c; position:relative; letter-spacing:0.5px; display: inline-block; width: 100%; line-height:12px; padding:3px 5px 3px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static{padding:0 5px; display:inline-block; width:100%;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li{line-height:14px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li a[disabled]{cursor:not-allowed; opacity:0.7;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li>a{padding: 6px 0 6px 28px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li> a:before{content:''; width:25px; height:25px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li.SpriteOne:first-child > a::before{background: url(../images/SpritesImages/SpritesImg.png) -250px -565px; left:0; top: -1px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li.SpriteOne:nth-child(2) > a::before{background: url(../images/SpritesImages/SpritesImg.png) -285px -285px; left:0; top: -2px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li.SpriteOne:nth-child(3) > a::before{background: url(../images/SpritesImages/SpritesImg.png) -285px -390px; left:0; top: -3px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static> li.SpriteTwo:first-child > a::before{background: url(../images/SpritesImages/SpritesImg.png) -285px -3px; left:2px; top: -3px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static> li.SpriteTwo:nth-child(2) > a::before{background: url(../images/SpritesImages/SpritesImg.png) -285px -320px; left:2px; top: -2px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static> li.SpriteTwo:nth-child(3) > a::before{background: url(../images/SpritesImages/SpritesImg.png) -285px -425px; left:2px; top: -3px;} .GobalDFSToolBar ul.ToolBar>li>ul.Steps{ padding:0 5px; width: 100%; display: inline-block;} .GobalDFSToolBar ul.ToolBar>li>ul.Steps>li{display:inline-block; margin-bottom:5px; width: 49%;} .GobalDFSToolBar ul.ToolBar>li>ul.Steps>li.active{background-color:#2cc185; color:#fff; border-radius:2px;} .GobalDFSToolBar ul.ToolBar>li>ul.Steps>li.active >a i, .GobalDFSToolBar ul.ToolBar>li>ul.Steps>li.active >a span{color:#fff;} .GobalDFSToolBar ul.ToolBar>li>ul.Steps>li>a i{color:#2cc185; font-size: 14px !important; margin-right:8px;} .GobalDFSToolBar ul.ToolBar>li>ul.Steps>li>a span{color:#4c4c4c; font-size:10px; font-weight:600; letter-spacing: 0.5px;} .GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar {padding: 5px 5px 3px 5px; float:left; margin: 0;} .GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar>li>span>a{color: #707070; padding: 2px 9px; float:left; border-right: 1px dotted #3d3d3d; margin-bottom:10px; width: auto; line-height:14px; opacity:1; } .GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar>li>span>a[disabled]{cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;} .GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar>li>span>a i{font-size:14px !important;} .GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar>li>span:last-child a{border-right: none;} .GobalDFSToolBar ul.ToolBar>li>ul.Tags{line-height:14px; text-align: center;} .GobalDFSToolBar ul.ToolBar>li>ul.Tags>li>a{padding-top: 44px;} .GobalDFSToolBar ul.ToolBar>li>ul.Tags>li>a:before{content:''; width:29px; height:46px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.Tags>li.SpriteThree> a::before{background: url(../images/SpritesImages/SpritesImg.png) -283px -30px; left:0; right:0; margin:0 auto; top: 0;} .GobalDFSToolBar ul.ToolBar>li>ul.Share{text-align:center; display: inline-block; width: 100%;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li{width:50%; float:left; line-height: 14px;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li>a{padding-top:25px;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li:last-child a{font-size:11px; font-weight:500; padding-top: 20px; padding-left: 32px;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li:last-child{width:100%;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li>a:after{content: ''; width: 6px;height: 5px;position: absolute;background: url(../images/SpritesImages/SpritesImg.png);left: 0;right: 0;margin: auto;bottom: -5px;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li:last-child >a:after{display:none;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li>a:before{content:''; width:25px; height:25px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li:last-child >a:before{content:''; width:35px; height:18px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li.SpriteFour>a::before{background: url(../images/SpritesImages/SpritesImg.png) 173px 0; left:16px; top: -2px;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li.SpriteFour:nth-child(2) >a::before{background: url(../images/SpritesImages/SpritesImg.png) 148px 0; left:16px; top: -2px;} .GobalDFSToolBar ul.ToolBar>li>ul.Share>li.SpriteFour:nth-child(3) >a::before{background: url(../images/SpritesImages/SpritesImg.png) 170px -24px; top: 15px; left: 20px;} .GobalDFSToolBar ul.ToolBar>li>ul.Restrict{text-align: center; display: inline-block; width: 100%;} .GobalDFSToolBar ul.ToolBar>li>ul.Restrict>li {line-height:14px; text-align:center;} .GobalDFSToolBar ul.ToolBar>li>ul.Restrict>li>a{line-height:12px; padding-top: 44px;} .GobalDFSToolBar ul.ToolBar>li>ul.Restrict>li> a:before{content:''; width:34px; height:40px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.Restrict>li.SpriteFive> a::before{background: url(../images/SpritesImages/SpritesImg.png) -281px -138px; left:16px; top: -2px;} .GobalDFSToolBar ul.ToolBar>li>ul.Delete{text-align: center; display: inline-block; width: 100%;} .GobalDFSToolBar ul.ToolBar>li>ul.Delete li {line-height:14px;} .GobalDFSToolBar ul.ToolBar>li>ul.Delete li a{padding-top: 50px;} .GobalDFSToolBar ul.ToolBar>li>ul.Delete>li> a:before{content:''; width:29px; height:35px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.Delete>li.SpriteSix> a::before{background: url(../images/SpritesImages/SpritesImg.png) -283px -174px; left:0; right:0; margin:auto; top: 4px;} .GobalDFSToolBar ul.ToolBar>li[disabled="disabled"]>ul.Delete>li.SpriteSix> a::before{background: url(../images/SpritesImages/SpritesImg.png) -283px -454px; left:0; right:0; margin:auto; top: 4px; opacity: 0.6;} .GobalDFSToolBar ul.ToolBar>li[disabled="disabled"]>ul.Delete>li.SpriteSix> a{cursor:not-allowed;} .GobalDFSToolBar ul.ToolBar>li>ul.Save{text-align: center; display: inline-block; width: 100%;} .GobalDFSToolBar ul.ToolBar>li>ul.Save>li {line-height:14px;} .GobalDFSToolBar ul.ToolBar>li>ul.Save>li>a{padding-top: 50px;} .GobalDFSToolBar ul.ToolBar>li>ul.Save>li> a:before{content:''; width:31px; height:35px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.Save>li.SpriteSeven> a::before{background: url(../images/SpritesImages/SpritesImg.png) -282px -209px; left:0; right:0; margin:auto; top: 4px;} .GobalDFSToolBar ul.ToolBar>li>ul.Save>li.SpriteSeven> a[disabled]{opacity:0.7; cursor:not-allowed;} .GobalDFSToolBar ul.ToolBar>li>ul.Save>li.SpriteSeven> a[disabled]::before{background: url(../images/SpritesImages/SpritesImg.png) 63px 42px; } .GobalDFSToolBar ul.ToolBar>li>ul.Guide{text-align: center; display: inline-block; width: 100%;} .GobalDFSToolBar ul.ToolBar>li>ul.Guide>li {line-height:14px;} .GobalDFSToolBar ul.ToolBar>li>ul.Guide>li>a{padding-top: 50px;} .GobalDFSToolBar ul.ToolBar>li>ul.Guide>li> a:before{content:''; width:35px; height:35px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.Guide>li.SpriteEight> a::before{background: url(../images/SpritesImages/SpritesImg.png) -282px -247px; left:0; right:0; margin:auto; top: 8px;} .GobalDFSToolBar ul.ToolBar > li > ul.CSS { text-align: center; display: inline-block; width: 100%; } .GobalDFSToolBar ul.ToolBar > li > ul.CSS > li { line-height: 14px; } .GobalDFSToolBar ul.ToolBar > li > ul.CSS > li > a { padding-top: 50px; } .GobalDFSToolBar ul.ToolBar > li > ul.CSS > li > a:before { content: ''; width: 35px; height: 35px; position: absolute; } .GobalDFSToolBar ul.ToolBar > li > ul.CSS > li.SpriteNine > a::before { background: url(../images/SpritesImages/css-file.png) -282px -247px; left: 0; right: 0; margin: auto; top: 8px; background-repeat: no-repeat; background-size: 32px; background-position: center; } .GobalDFSToolBar ul.ToolBar>li>.CustomToolBar{position:relative;} .GobalDFSToolBar ul.ToolBar>li>.CustomToolBar a{ width: 100%; padding-top: 50px; display: inline-block;} .GobalDFSToolBar ul.ToolBar>li>.CustomToolBar a.CutomToolBarButton::after{content:''; width:40px; height:40px; position:absolute; background: url(../images/SpritesImages/SpritesImg.png) -278px -489px; left:0; right:0; top: 5px; margin:auto;} .GobalDFSToolBar ul.ToolBar>li>.CustomToolBar h5{font-size: 11px; font-weight: 600; color: #4c4c4c; position: relative; letter-spacing: .5px; display: inline-block; width: 100%; line-height: 12px; padding: 0; text-align:center; margin:0 0 5px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li.BtnCustomToolBar>a{padding: 5px; font-size: 11px;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li.BtnCustomToolBar>a::before{display:none;} .GobalDFSToolBar ul.ToolBar>li>ul.Static>li.BtnCustomToolBar>a i{font-size:15px !important;} .GobalDFSToolBar ul.ToolBar>li>ul.UIElements.CustomMegaMenu .mega-dropdown-menu, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements.CustomMegaMenu .mega-dropdown-menu, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram.CustomMegaMenu .mega-dropdown-menu {top:80px; width: calc(100% - 258px);} .GobalDFSToolBar ul.ToolBar>li>ul.UIElements.CustomMegaMenu .mega-dropdown-menu.enable, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements.CustomMegaMenu .mega-dropdown-menu.enable, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram.CustomMegaMenu .mega-dropdown-menu.enable {width:calc(100% - 15px); margin-left:0;} /**************************************************************************************************************************/ .GobalDFSToolBar ul.ToolBar>li>ul.UIElements>li> a:before, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li> a:before, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram>li> a:before, .GobalDFSToolBar ul.ToolBar>li>ul.Property>li> a:before, .GobalDFSToolBar ul.ToolBar>li>ul.Layout>li> a:before {content:''; width:32px; height:32px; position:absolute;} .GobalDFSToolBar ul.ToolBar>li>ul.UIElements, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram, .GobalDFSToolBar ul.ToolBar>li>ul.Property, .GobalDFSToolBar ul.ToolBar>li>ul.LayoutCustomSmartUiToggleBtn {text-align: center; display: inline-block; width: 100%;} .GobalDFSToolBar ul.ToolBar>li>ul.UIElements>li, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram>li, .GobalDFSToolBar ul.ToolBar>li>ul.Property>li, .GobalDFSToolBar ul.ToolBar>li>ul.Layout>li {line-height:14px;} .GobalDFSToolBar ul.ToolBar>li>ul.UIElements>li>a, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li>a, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram>li>a, .GobalDFSToolBar ul.ToolBar>li>ul.Property>li>a, .GobalDFSToolBar ul.ToolBar>li>ul.Layout>li>a {padding-top: 50px;} .GobalDFSToolBar ul.ToolBar>li>ul.UIElements>li.ScoreSpriteOne> a::before{background: url(../images/SpritesImages/SpritesImg.png) -282px -562px; top: 8px; left: 0; right: 0; margin: auto;} .GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li.ScoreSpriteTwo>.DataElements::before{background: url(../images/SpritesImages/SpritesImg.png) -317px -2px; left: 0; right: 0; margin: auto; top: 6px; content:''; position:absolute; width: 32px; height: 32px;} .GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li.ScoreSpriteTwo>.DataElements .top_level_text{margin-top:50px; font-size:10px; font-weight:600; color: #4c4c4c !important; position:relative; letter-spacing:0.5px; display: inline-block; width: 100%; line-height:12px;} .GobalDFSToolBar ul.ToolBar>li>ul.Diagram>li.ScoreSpriteThree> a::before{background: url(../images/SpritesImages/SpritesImg.png) -317px -176px; left: 0; right: 0; margin: auto; top: 8px;} .GobalDFSToolBar ul.ToolBar>li>ul.Property>li.ScoreSpriteFour> a::before{background: url(../images/SpritesImages/SpritesImg.png) -317px -176px; left: 0; right: 0; margin: auto; top: 8px;} .GobalDFSToolBar ul.ToolBar>li>ul.Layout>li.ScoreSpriteFour> a::before{background: url(../images/SpritesImages/SpritesImg.png) -317px -176px; left: 0; right: 0; margin: auto; top: 8px;} /**************************************************************************************************************************/ .GobalDFSToolBar ul.ToolBar>li>ul.ComboSelect{padding-top:1px; margin: 0 0 0 10px; float: left;} .GobalDFSToolBar ul.ToolBar>li>ul.ComboSelect.SingleCombo{margin: 0 10px 0 10px;} .GobalDFSToolBar ul.ToolBar>li.Combocount.SingleComboMax {max-width:100px;} .GobalDFSToolBar ul.ToolBar>li.Combocount.MultiComboMax {max-width:220px;} .GobalDFSToolBar ul.ToolBar>li>ul.ComboSelect.SingleCombo li{width:100%; float:left;} .GobalDFSToolBar ul.ToolBar>li>ul.ComboSelect.MultiCombo li{width:47%; float:left; margin-right:5px;} .GobalDFSToolBar ul li.Preview div{ width: 100%; float: left; text-align: center; margin-top:10px;} .GobalDFSToolBar ul li.Preview div span{width: 20%; font-size: 11px; font-weight: 600;} .GobalDFSToolBar ul li.Preview div input{border: 1px solid #cfd5db; width: 60%; margin: 0 auto;font-size: 10px;font-weight: 600;padding: 2px 2px 2px 7px;color: #4c4c4c;} .GobalDFSToolBar ul.ChkPermission{display:inline-block; margin-top:20px !important;} .GobalDFSToolBar ul.ChkPermission li div.CustomCheckbox{ margin: 0; width: 100%; float: left; padding:0 0 10px 10px;} .GobalDFSToolBar ul.ChkPermission li div label{font-size: 10px; font-weight: 600; float:left;} .GobalDFSToolBar ul.ChkPermission .CustomCheckbox label:before{height: 14px; width: 14px;} .GobalDFSToolBar ul.ChkPermission .CustomCheckbox label:after{font-size:8px; top:-1px; left:3px;} .GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group{padding:5px 10px;} .GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group input[placeholder="Search"]{height: 28px; border-radius: 3px 0 0 3px; border-right: none !important; font-size: 12px; font-weight: 500; background-color: #f9fbfc; border: 1px solid #d7dbdf; color: #9e9d9d;} .GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group .input-group-btn a{border-left: none !important; height: 28px; border-radius: 0 3px 3px 0; padding: 5px 7px; border: 1px solid #d7dbdf; background-color: #f9fbfc;} .GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group .input-group-btn a i{color: #96afc9;} .ScoreTitle {border-bottom:none; z-index:6;} .ScoreTitle .page-header {border-bottom:none;} .ScoreTitle .mainHeading{padding: 5px 18px 5px 0 !important} .ScoreTitle .mainHeading h4{font-size: 13px; color: #484444; line-height: 18px; font-weight: 500; letter-spacing: .2px;} .ScoreDefiner{position:fixed; width:100%; z-index:5;} .ScoreDefiner .tabMain{background-color:#fff;} .ScoreDefiner .tabMain .nav-tabs{background-color:#fff;margin-bottom:0; border:none;} .ScoreDefiner .tabMain .nav-tabs li a {text-transform: uppercase; font-size: 11px; padding: 3px 12px; color: #474747; font-weight: 600; border:none; padding: 6px 13px !important; line-height: 14px;} .ScoreDefiner .tabMain .nav-tabs li.active a {color:#0198ff;} .ScoreDefiner .tabMain .tab-content{padding:0; display: inline-block; float: left; width: 100%; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.25); position:fixed; border-top: 1px solid rgba(17,44,74,.3);} .ScoreDefiner .tabMain .tab-content .GobalDFSToolBar{position: static; margin-top: 0; box-shadow: none; float:left; border:none;} .ScoreDefiner .GobalDFSToolBar{position: relative; width: auto; margin-top: 0; display: inline-block; float: none; box-shadow: none;} .ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.UIElements.CustomMegaMenu .mega-dropdown-menu, .ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.DataElements.CustomMegaMenu .mega-dropdown-menu{top:80px; width: calc(100% - 260px);} .ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.Diagram.CustomMegaMenu .mega-dropdown-menu{top:80px; width: calc(100% - 80%); left:300px;} .ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.UIElements.CustomMegaMenu .mega-dropdown-menu.enable, .ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.DataElements.CustomMegaMenu .mega-dropdown-menu.enable{width:calc(100% - 15px); margin-left:0;} .ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.Diagram.CustomMegaMenu .mega-dropdown-menu.enable{width:calc(100% - 80%); margin-left:0;} .CustomScorePage .page { font-size: .8em; background: #fff; box-shadow: 0 0 0.2px 0.3px rgba(0,0,0,.5); cursor: text; height:500px;} .CustomScoreToggle.enable{width:240px; -o-transition: transform .5s ease;transition: transform .5s ease; } .CustomScoreToggle{width:0;} .CustomScorePage{width:100%;} .GobalDFSToolBar ul.ToolBar > li > ul.merge > li.SpriteEight > a::before {background: url(../images/SpritesImages/merge.svg);background-repeat: no-repeat;background-position: center;background-size: 28px;left: 0;right: 0;margin: auto;top: 4px;} .GobalDFSToolBar ul.ToolBar > li > ul.merge > li > a::before {content: "";width: 31px;height: 35px;position: absolute;} .GobalDFSToolBar ul.ToolBar > li > ul.merge > li > a {padding-top: 50px;} .GobalDFSToolBar ul.ToolBar > li > ul.merge > li{text-align:center;} /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before {border-radius: 50%;} .jsPanel-standard{left:-240px !important; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease;transition: transform .5s ease; box-shadow: none !important; border: 1px solid #ddd !important;} .jsPanel-standard.enable {transform: translateX(240px);-ms-transform: translateX(240px);-o-transform: translateX(240px);-webkit-transform: translateX(240px);} .ToggleScore {line-height: 50px;display: block;font-size: 27px;border: 1px solid #fff;border-right: 0;border-radius: 4px 0 0 4px;text-align: center;top: 0;padding: 0;background-color: #fff;} /*ZAMBIA MENU*/ .ml_0{margin-left:0 !important;} .mr_0{margin-right:0 !important;} .MobileMenuZambia ul{padding:0; margin:0; display:inline-block;} .MobileMenuZambia ul li{width: 30%; float: left; padding: 8px 6px; border-radius: 5px; background-color: #f4eee0; border: 1px solid #d8c8a8; margin: 8px; text-align:center;} .MobileMenuZambia ul li a span{color: #3e3724; font-weight: 400;} .MobileMenuZambia ul li a i{color:#b9b2a0; display:inline-block; width:100%; font-size: 23px !important; padding: 5px 0;} .MobileMenuZambia ul li:hover {background-image: url('../images/AdminConsoleMenu.png'); background-position: left top; transition: .6s; box-shadow: 0 3px 5px 0 rgba(0,0,0,.2); border: 1px solid #c3a256;} .MobileMenuZambia ul li:hover a span, .MobileMenuZambia ul li:focus a span, .MobileMenuZambia ul li:visited a span, .MobileMenuZambia ul li:active a span{color:#fff;} .MobileMenuZambia ul li:hover a i, .MobileMenuZambia ul li:focus a i, .MobileMenuZambia ul li:visited a i, .MobileMenuZambia ul li:active a i{color:#fff;} .Mobile_login_form .form-group{margin-bottom: 10px; width:100%; float:left;} .Mobile_login_form .group { position:relative;} .Mobile_login_form input {font-size:13px;padding: 8px 35px 8px 0; display:block; width:100%; border:none; border-bottom: 1px solid #bf8a1c; color: #252525 !important; text-align: center;} .Mobile_login_form input:focus { outline:none; } .Mobile_login_form .MoblieLogo{text-align:center; padding:25px 0;} .Mobile_login_form .form-group .Forgotpassword {color:#67552f; } .Mobile_login_form .MobileLoginBtn{ background: #be8c22; background: -moz-linear-gradient(top, #76580a 0%, #be8c22 96%); background: -webkit-linear-gradient(top, #76580a 0%,#be8c22 96%); background: linear-gradient(to bottom, #76580a 0%,#be8c22 96%); border: 1px solid #d8c8a8; border-radius: 5px;padding: 12px 0; position:relative;} .Mobile_login_form .MobileLoginBtn::after{background-image: url('../images/LoginBtnBg.png'); content:''; position:absolute; width: 100%; height: 31px; left: 0px; background-position: 100% 50%; background-size: 100%;} .Mobile_login_form span{display:inline-block;} .Mobile_login_form .Mobilefooter {padding: 15px 0;background-color: #7b673a;color: #fff;position: absolute; bottom: 0; left: 0; right: 0;text-align: center;} .Mobile_login_form .Mobilefooter a{color: #fff;} .Mobile_login_form .form-group .loginUser::after{content:''; position:absolute; background-image:url('../images/MobileLoginUser.png'); width: 18px; height: 20px; top: 8px; left: 1px;} .Mobile_login_form .form-group .loginPassword::after{content:''; position:absolute; background-image:url('../images/MobileLoginPassword.png');width: 12px; height: 16px; top: 6px; left: 1px;} /*ZAMBIA MENU*/ #tabbaleCustom{background-color:#fff;} /*#tabbaleCustom #Info, #tabbaleCustom #Narrative, #tabbaleCustom #Objectives{overflow:auto;}*/ #ifmScoreDefiner{height: 100vh !important;} .Lock.active .icon-eye, .Lock .icon-eye-blocked{display:none;} .Lock .icon-eye, .Lock.active .icon-eye-blocked{display:block;} .TitleTagFlow{width:100px; float:left;} .TitleTagFlow h4{line-height: 15px; margin: 0; padding:30px 0; border-right: 1px solid #989e9e; font-weight: 500; text-transform: uppercase; color: #4a4b4b;} .myPaletteDiv{width:calc(100% - 100px); float:left;} .ProcessDiagram { width: 100%;float:left;} #dvFilter #cmbVersion .dhxcombo_dhx_skyblue, #dvFilter #cmbActivity .dhxcombo_dhx_skyblue{width:100% !important;} .content.CustomTable .tabbable .tab-content{background-color:transparent; border:none !important; box-shadow:none;} .CustomComboSelect .dhxcombo_dhx_skyblue{width: 100% !important; margin:0 auto 8px; height: 22px !important; background-color: #f7f7f7; border-radius:0; min-width:auto; border: 1px solid #e8e8e8;} .CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_input{height:21px; left:0; margin:0; padding-left:8px; background-color: #f7f7f7; font-size: 11px !important; font-weight: 600; color: #4c4c4c;} .CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button{right: 0; height: 21px; width: 16px;} .CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button .dhxcombo_select_img{background-color: #f7f7f7 !important;} .note-popover.popover.in.note-hint-popover{z-index:10100 !important;} .popover {min-width:275px; border: none; border-radius: 4px; box-shadow: 4px 4px 5px 1px rgba(0,0,0,.12); } .popover::before{position: absolute; content: ''; border-left: 4px solid #59abe0; width: 5px; height: 100%; left: 0; border-radius: 4px 0 0 4px; top: 0;} .popover .popover-content{padding:8px 10px 8px 15px; font-size: 13px; font-weight: 500;} .popover.right>.arrow:after{border-right-color: #59abe0;} .CustomComboSelect select{ width: 100% !important; margin: 0 auto 8px; height: 22px !important; background-color: #f7f7f7; border-radius: 0; min-width: auto; border: 1px solid #e8e8e8; line-height: 22px; padding: 0; padding-left: 4.2px; font-weight: 500;} #frmProcessValidation .content{padding:5px; padding-top:0 !important;} #frmProcessValidation .content .panel{padding-bottom:0;} #frmProcessValidation .GobalDFSToolBar{display:none;} .CustomIsapceMenu{margin-top: 138px; background-color: #fff !important; width: calc(100% - 241px); position:fixed !important; border-bottom: 1px solid #ddd; z-index:3;} #comboConnections .dhxcombo_dhx_skyblue, #comboTablenames .dhxcombo_dhx_skyblue{width:100% !important;} #mdlDFS .GobalDFSToolBar{position:absolute; margin-top:0; z-index:9;} #mdlDFS .CustomExpressionContent {padding-top:100px;} #mdlDFS .page-container{height:auto !important;} #mdlDFS .CustomExpressionContent>.content{padding:0 !important;} .CustomSwitch{position:relative; width:100%; float:left;} .CustomSwitch .switch {display: inline-block; position: relative; left: 0;width: 100%;} .CustomSwitch .switch label { cursor: pointer; width: 100%; margin: 0 !important; font-size: 11px; font-weight: 600; color: #4c4c4c; text-align:center; padding:0 6px;} .CustomSwitch .switch label input[type=checkbox] {opacity: 0; width: 0; height: 0; display:none;} .CustomSwitch .switch label input[type=checkbox]:checked+.lever {background-color: rgba(139, 195, 74, 0.5);} .CustomSwitch .switch label .lever {margin: 0; content: ""; display: inline-block; position: relative; width: 27px; height: 11px; background-color: #818181; border-radius: 15px; transition: background 0.3s ease; vertical-align: middle; margin-left:10px;} .CustomSwitch .switch label input[type=checkbox]:checked+.lever:after {background-color: #8BC34A; left: 14px;} .CustomSwitch .switch label .lever:after {content: ""; position: absolute; display: inline-block; width: 16px; height: 16px; background-color: #F1F1F1; border-radius: 21px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3); left: -5px; top: -3px; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;} #mdlValidation #validationSummaryFrame .GobalDFSToolBar{display:none;} #rightFrame .ForAdminConsole{display:block;} #rightFrame .ForDFS{display:none;} #rightFrame .ForAdminConsolePadding{padding-top:110px !important;} #rightFrame #dvDesignStudioIfmContainer .ForAdminConsole{display:none;} #rightFrame #dvDesignStudioIfmContainer .ForDFS{display:block;} #rightFrame #dvDesignStudioIfmContainer .ForAdminConsolePadding{padding-top:160px !important;} .CustomDocBtn .de_tab_selected, .CustomViewCricle.active { -moz-user-select: none; background-image: none;border: 1px solid transparent; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; line-height: 1.53846; margin-bottom: 0; padding: 5px 15px; text-align: center; vertical-align: middle; white-space: nowrap; color: #fff !important; background: #3CA55C; background: -webkit-linear-gradient(to right, #B5AC49, #3CA55C); background: linear-gradient(to right, #B5AC49, #3CA55C); background-size: 400% 400%; -webkit-animation: newregbtn 5s ease infinite; -moz-animation: newregbtn 5s ease infinite; animation: newregbtn 5s ease infinite; border:0 solid #ffffff !important; border-radius:25px !important; float: left; margin: 0 3px; box-shadow: 0 0.125rem 0.625rem rgba(52,58,64,.2), 0 0.0625rem 0.125rem rgba(52,58,64,.2);} .CustomDocBtn .de_tab, .CustomViewCricle { -moz-user-select: none; background-image: none; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; line-height: 1.53846; margin-bottom: 0; padding: 4px 15px; text-align: center; vertical-align: middle; white-space: nowrap; color: #31756a; border: 1px solid #7cb999 !important; border-radius: 25px !important; float: left; margin: 0 3px; transition: all .4s ease-in-out;} .CustomDocBtn .de_tab:hover, .CustomViewCricle:hover{background: #B5AC49; background: -webkit-linear-gradient(to right, #3CA55C, #B5AC49); background: linear-gradient(to right, #3CA55C, #B5AC49); background-size: 400% 400%; color:#fff; /*border: 1px solid transparent !important;*/ float: left; margin: 0 3px;} .CustomDocBtn .de_tab_selected i{color:#fff !important;} .CustomDocBtn .de_tab:hover i, .breadcrumbCustom .de_tab:hover i{ color:#fff !important;} .breadcrumbCustom .de_tab.de_tab_selected { -moz-user-select: none; background-image: none;border: 1px solid transparent; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; line-height: 1.53846; margin-bottom: 0; padding: 5px 15px; text-align: center; vertical-align: middle; white-space: nowrap; color: #fff !important; background: #3CA55C; background: -webkit-linear-gradient(to right, #B5AC49, #3CA55C); background: linear-gradient(to right, #B5AC49, #3CA55C); background-size: 400% 400%; -webkit-animation: newregbtn 5s ease infinite; -moz-animation: newregbtn 5s ease infinite; animation: newregbtn 5s ease infinite; border:0 solid #ffffff !important; border-radius:25px !important;} .breadcrumbCustom .de_tab { -moz-user-select: none; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; line-height: 1.53846; margin-bottom: 0; padding: 4px 15px; text-align: center; vertical-align: middle; white-space: nowrap; color: #31756a; border: 1px solid #7cb999 !important; border-radius: 25px !important; } .breadcrumbCustom .de_tab:hover{background: #B5AC49; background: -webkit-linear-gradient(to right, #3CA55C, #B5AC49); background: linear-gradient(to right, #3CA55C, #B5AC49); background-size: 400% 400%; color:#fff; border: 1px solid transparent !important;} .breadcrumbCustom .de_tab i{color:#31756a;} .breadcrumbCustom .de_tab_selected i{color:#fff !important;} @-webkit-keyframes newregbtn { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } @-moz-keyframes newregbtn { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } @keyframes newregbtn { 0%{background-position:0% 86%} 50%{background-position:100% 15%} 100%{background-position:0% 86%} } .bootstrap-switch-container .bootstrap-switch-handle-off, .bootstrap-switch-container .bootstrap-switch-handle-on{font-weight:500;} .form-control[readonly]{cursor:default;} .dhxtree_dhx_skyblue .standartTreeRow, .dhxtree_dhx_skyblue .standartTreeRow_lor, div.gridbox table.obj td, div.gridbox table.obj tr.rowselected td{font-size:12px; font-weight:500;} .SmartUIMobile {width: calc(100% - 380px) !important; float:left; } .SmartUIMobile #divCanvas{width:98%; margin:auto; background-color:#fff; overflow:hidden; padding:10px 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); border: 1px solid #ddd !important;} .iframeMobile { width:380px; float:left; background-color:#fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); border: 5px solid #CCCCCC !important; border-radius:18px;} .SmartUITab {width: calc(100% - 700px) !important; float:left;} .SmartUITab #divCanvas{width:98%; margin:auto; background-color:#fff; overflow:hidden; padding:10px 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); border: 1px solid #ddd !important;} .iframeTab { width:700px; float:left; background-color:#fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); border: 5px solid #CCCCCC !important; border-radius:18px;} .SmartUIMedium, .SmartUILarge {width:100%; float:left;} .iframeMedium, .iframeLarge{display:none;} #viewPortPreview iframe{width:100%; border:none; border: 15px solid #000;border-radius: 15px; height:100%; border-top: 30px solid #000; border-bottom: 30px solid #000;} #ifrmViewPortPreview .fixed-margin{padding-top:0;} .Padding_top {padding-top: 90px;} .Padding_top #Parks{padding-top:15px;} .CustomSuiteHeight{overflow:auto;} /*.CustomToolBarTabbable>.tab-content>.active{display:flex;}*/ #dgmEntityRelationship div{ overflow: inherit !important;} #expDiagramDiv div{overflow:inherit !important;} /*BACKGROUNDS*/ .CustomBgImg {background: url(../images/widget_bg.png) !important; background-position: bottom right !important; background-repeat: no-repeat !important; background-color: #fff !important; background-size: 100% !important;} .CustomBtnGra {background-color: transparent; background-size: 400% 400%; -webkit-animation: AnimateBtn 30s ease infinite; -moz-animation: AnimateBtn 30s ease infinite; animation: AnimateBtn 30s ease infinite; color: #302163; border: 1px solid #253161 !important; border-radius: 25px !important;} .CustomBtnGra:hover {background: linear-gradient(228deg, #5869A9, #463287); background-size: 400% 400%; -webkit-animation: AnimateBtnhover 30s ease infinite; -moz-animation: AnimateBtnhover 30s ease infinite; animation: AnimateBtnhover 30s ease infinite; color: White; border: 1px solid transparent !important; border-radius: 25px !important;} #exp-header{font-size: 16px; margin: 0 8px 10px; line-height: 20px; border-bottom: 1px solid #ddd; padding: 10px 0 8px; font-weight:500;} @-webkit-keyframes AnimateBtn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @-moz-keyframes AnimateBtn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @keyframes AnimateBtn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .alert{font-size:13px; font-weight:500;} #metaformcontainer .dhxform_base{width:100%;} #metaformcontainer .dhxform_base .dhxform_item_label_left{width: 47%; float: left; clear: initial; margin: 0 12px;} #metaformcontainer .dhxform_base .dhxform_item_label_left:last-child{width: 100%;} #metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_label{width:100% !important; } #metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_label label{font-size: 12px; font-weight: 500; color: #5f5f5f;} #metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_control{width:100%; padding:0;} #metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_control input{width:100%; height: 32px; border-radius: 3px; border: 1px solid #c2c2c2; font-weight: 500; color: #252525;} #metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_btn {border: none; background-color: transparent; background: none;} #metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_btn .dhxform_btn_txt{background: linear-gradient(to left,#8cbb1e 0%,#aee22c 100%); margin: 0; padding: 6px 30px; line-height: 16px; color: #fff; border: none; border-radius: 25px; font-weight: 500; height: 28px;} .FlowDiagram #sideBar{background: linear-gradient(to left,#ecf0f1 0%,#f2f4f5 100%); border: none; border-bottom: 1px solid #989e9e;} .FlowDiagram #myDiagramDiv{border:none;} .btn-Custom-xs{height:32px;} .CustomSmartUIModal .modal-dialog{margin:70px auto 50px;} #dvAddEventsModalContainer .modal-dialog .CustomHeader button i{top:-5px;} .CustomIspaceDesign .btn.btn-xs{height: auto; border-radius: 0; line-height: inherit; margin: 0 !important; box-shadow: none; overflow: initial; transition: none;} .validation-error-label, .validation-valid-label{float:left;} #dvDesignStudioIfmContainer .DesignPreviewMenu{margin-top: 65px; border-top: 1px solid #00bcd4;} #dvDesignStudioIfmContainer .CustomIspaceMobile{padding: 110px 0 10px 0 !important;} #dvDesignStudioIfmContainer #dvIspaceMenu{top: 65px !important;} #dvDesignStudioIfmContainer .CutomMargin{margin-top: 60px;} #dvPPValidation{padding-top:60px !important;} #dvPPValidation .panel{padding:10px;} #dvPPValidation .login-container{margin-bottom:20px; background: linear-gradient(to bottom,#58c47e 40%,#36ab94 100%); border-radius: 3px; position:relative;} #dvPPValidation .login-container:after{background-image: url(../images/curve.png); background-size: auto; background-repeat: no-repeat; content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%;} #dvPPValidation .login-container .login-form{margin: 40px auto; width:400px;} #dvPPValidation .login-container .login-form h2{margin: 0; color: #014218; font-weight: 400; font-size: 25px;} .alert.alert-styled-left{border-radius: 30px 0 0 30px; border-top: none; border-bottom: none; border-right: 2px solid; box-shadow: 1px 0.5px 4px 1px rgba(0,0,0,.15);} .CustomInfoDialog .modal-dialog{margin:0;} .CustomInfoDialog .modal-dialog .modal-content{border-radius:12px; box-shadow: 0 4px 6px 0 rgba(0,0,0,.18);} .CustomInfoDialog .modal-dialog .modal-content .modal-header{position:relative;} .CustomInfoDialog .modal-dialog .modal-content .modal-header button{right: -10px; width: 25px; height: 25px; background-color: #2cbac6; border-radius: 25px; opacity: 1; color: #fff; top: -10px;} .CustomInfoDialog .modal-dialog .modal-content .modal-header::before{content:''; position:absolute; background-image: url(../images/SpritesImages/SpritesImg.png); background-size: auto; background-repeat: no-repeat; width:48px; height:48px; top: 12px; left: 0; right: 0; margin: 0 auto;background-position: -315px -244px; max-width:fit-content;} .CustomInfoDialog .modal-dialog .modal-content .modal-header h4{margin: 0; line-height: 24px; font-size: 18px; font-weight: 500; text-align: center; padding-top: 50px; color: #303030; } .CustomInfoDialog .modal-dialog .modal-content .modal-body{padding:0;} .CustomInfoDialog .modal-dialog .modal-content .modal-body .content{padding:10px !important;} .CustomInfoDialog .modal-dialog .modal-content .modal-body .form-group{margin: 0 auto !important; text-align: center; margin-bottom:0 !important;} .CustomInfoDialog .modal-dialog .modal-content .modal-body .form-group .controls a{border-radius: 25px; padding: 9px 45px; line-height: 12px; font-size: 13px; font-weight: 500 !important; background-color: #2DBBC6; text-align: center; box-shadow: 0 4px 6px 0 rgba(0,0,0,.18);} .CustomInfoDialog .modal-dialog .modal-content .modal-body .form-group .controls span{background-color: transparent; border: none; padding: 10px 0 15px; color: #6d6d6d; font-weight: 500 !important; text-transform: capitalize; font-size: 13px; line-height: 16px; white-space: normal;} .CustomConfirmDialog .modal-dialog{margin:0;} .CustomConfirmDialog .modal-dialog .modal-content{border-radius:12px; box-shadow: 0 4px 6px 0 rgba(0,0,0,.18);} .CustomConfirmDialog .modal-dialog .modal-content .modal-header{position:relative; padding: 12px 0 12px 60px; border-bottom: 1px solid #ddd;} .CustomConfirmDialog .modal-dialog .modal-content .modal-header button{right: -10px; width: 25px; height: 25px; background-color: #8ad654; border-radius: 25px; opacity: 1; color: #fff; top: -10px;} .CustomConfirmDialog .modal-dialog .modal-content .modal-header::before{content:''; position:absolute; background-image: url(../images/SpritesImages/SpritesImg.png); background-size: auto; background-repeat: no-repeat; width:42px; height:42px; top: 5px; left:12px; right: 0; background-position: -318px -339px;} .CustomConfirmDialog .modal-dialog .modal-content .modal-header h4{margin: 0; font-size: 18px; font-weight: 500; color: #404040;} .CustomConfirmDialog .modal-dialog .modal-content .modal-body{padding:0;} .CustomConfirmDialog .modal-dialog .modal-content .modal-body .content .col-md-6{padding:0 7px;} .CustomConfirmDialog .modal-dialog .modal-content .modal-body .content{padding:10px !important;} .CustomConfirmDialog .modal-dialog .modal-content .modal-body .form-group{margin-bottom:0 !important;} .CustomConfirmDialog .modal-dialog .modal-content .modal-body .content .form-group .controls a{ padding: 9px 45px; line-height: 12px; font-size: 13px; font-weight: 600 !important; background-color: #BFD399; text-align: center; border: 1px solid #a9bf83; border-radius: 2px; color: #385801; width:100%; margin-bottom: 5px !important;} .CustomConfirmDialog .modal-dialog .modal-content .modal-body .form-group .controls span{background-color: transparent; border: none; padding: 12px 0 18px; color: #6d6d6d; font-weight: 500 !important; text-transform: capitalize; font-size: 13px; line-height: 16px; white-space: normal;} .CustomGenericDialog .modal-dialog{margin:0;} .CustomGenericDialog .modal-dialog .modal-content{border-radius:9px; box-shadow: 0 4px 6px 0 rgba(0,0,0,.18);} .CustomGenericDialog .modal-dialog .modal-content .modal-header{position:relative; padding: 12px 0 12px 60px; border-bottom: 1px solid #ddd;} .CustomGenericDialog .modal-dialog .modal-content .modal-header button{right: -10px; width: 25px; height: 25px; background: linear-gradient(to left,#1BD9FE 0%,#49b1fe 60%); border-radius: 25px; opacity: 1; color: #fff; top: -10px;} .CustomGenericDialog .modal-dialog .modal-content .modal-header::before{content:''; position:absolute; background-image: url(../images/SpritesImages/SpritesImg.png); background-size: auto; background-repeat: no-repeat; width:42px; height:42px; top: 5px; left:12px; right: 0; background-position: -319px -293px;} .CustomGenericDialog .modal-dialog .modal-content .modal-header h4{margin: 0; font-size: 18px; font-weight: 500; color: #404040;} .CustomGenericDialog .modal-dialog .modal-content .modal-body{padding:0;} .CustomGenericDialog .modal-dialog .modal-content .modal-body .content .col-md-6{padding:0 7px;} .CustomGenericDialog .modal-dialog .modal-content .modal-body .content{padding:10px !important;} .CustomGenericDialog .modal-dialog .modal-content .modal-body .form-group{margin-bottom:0 !important;} .CustomGenericDialog .modal-dialog .modal-content .modal-body .content .form-group .controls a.no{ padding: 9px 45px; line-height: 12px; font-size: 13px; font-weight: 600 !important; background-color: #EB9696; text-align: center; border: 1px solid #d27d7d; border-radius: 2px; color: #460103; width:100%;} .CustomGenericDialog .modal-dialog .modal-content .modal-body .content .form-group .controls a.yes{ padding: 9px 45px; line-height: 12px; font-size: 13px; font-weight: 600 !important; background-color: #BFD399; text-align: center; border: 1px solid #a9bf83; border-radius: 2px; color: #385801; width:100%;} .CustomGenericDialog .modal-dialog .modal-content .modal-body .form-group .controls span{background-color: transparent; border: none; padding: 12px 0 18px; color: #6d6d6d; font-weight: 500 !important; text-transform: capitalize; font-size: 13px; line-height: 16px; white-space: normal;} /*****/ .CustomPackageMasterUX .page-header{border:none;} .CustomPackageMasterUX .page-header .page-header-content{height:55px; background-color:#ecf0f8; border:none; display: flex; flex-direction: row; align-items:center;} .CustomPackageMasterUX .page-header .page-header-content .page-title{padding:0 !important; display:inline-block !important;} .CustomPackageMasterUX .page-header .page-header-content .page-title h4{display:flex; flex-direction:row; grid-gap:10px;} .CustomPackageMasterUX .page-header .page-header-content .page-title i{} .CustomPackageMasterUX .page-header .page-header-content .page-title span{font-size:24px; color:#3d3b3b; font-weight:400; line-height: 28px;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements{height: auto; top: 50% !important; transform: translateY(-50%); position: absolute;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form{margin:0 !important; padding:0; display: flex; flex-direction: row; align-items:center; grid-gap: 20px;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul{padding:0; margin:0;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul li{display:inline-block; padding: 0 12px;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul li a{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap: 2px;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul li a:hover span{color:#33aaef;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul li a i{} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul li a span{font-size: 14px; font-weight: 500; color: #6a727d; line-height:16px; font-family:'Fira Sans', sans-serif !important;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form .form-group{margin-top:0 !important;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form .input-group{width:300px;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form .input-group input[type="search"]{height:46px; border:none; border-radius:50px; background-color:#fff; font-size: 16px; font-weight: 400; color: #9a9a9a; padding: 0 20px;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form .input-group .input-group-btn{position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); right: 10px;width: auto; border:none;} .CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form .input-group .input-group-btn a{background-color:transparent; box-shadow:none;} .CustomFixed.page-header .page-header-content .heading-elements{height: auto; top: 50% !important; transform: translateY(-50%); position: absolute;} .CustomFixed.page-header .page-header-content .heading-elements{margin:0 !important; padding:0; display: flex; flex-direction: row; align-items:center; grid-gap: 20px;} .CustomFixed.page-header .page-header-content .heading-elements ul{padding:0; margin:0; flex-direction:row; justify-content:center; align-content:center;flex-shrink: 0;grid-gap:25px;} .CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group{width:100%;} .CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group button{text-align:left; border-radius: 5px !important; height: 32px !important; border: 1px solid #8994a987 !important; background-color: transparent; padding: 0 12px !important; background-position: 90% 50%;} .CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul{display:none;} .CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group.open ul{display:block;} .CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul li{display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #ddd;} .CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul li a{font-size: 14px; font-weight: 500; color: #4f5d77; width: 100%; text-align: left; justify-content: flex-start; align-items: flex-start; padding: 8px 0;} /*.CustomFixed.page-header .page-header-content .heading-elements ul li{display:inline-block; padding: 0 12px;} */.CustomFixed.page-header .page-header-content .heading-elements ul li{display:inline-block; padding: 0;} .CustomFixed.page-header .page-header-content .heading-elements ul li a{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap: 5px;} .CustomFixed.page-header .page-header-content .heading-elements ul li a:hover span{color:#33aaef;} .CustomFixed.page-header .page-header-content .heading-elements ul li a i svg{width:19px; height:18px;} .CustomFixed.page-header .page-header-content .heading-elements ul li a i svg path{fill:#4F5D77;} .CustomFixed.page-header .page-header-content .heading-elements ul li a span{font-size: 13px; font-weight: 500; color: #6a727d; line-height:12px; text-align:center;} .CustomFixed.page-header .page-header-content .heading-elements ul li.CusDdown a {flex-direction:row !important;} .CustomFixed.page-header .page-header-content .heading-elements .Custom-drop ul{display:block !important;} .CustomFixed.page-header .page-header-content .heading-elements .Custom-drop ul li{width:100% !important;} .CustomFixed.page-header .page-header-content .heading-elements .Custom-drop ul li a{display:block !important;} .Custom-drop .dropdown-menu>.active>a, .Custom-drop .dropdown-menu>.active>a:hover, .Custom-drop .dropdown-menu>.active>a:focus{color: #2b2c30 !important;background-color: #dee2e5 !important;} .CustomFixed.page-header .page-header-content .heading-elements .form-group{margin-top:0 !important;} .CustomFixed.page-header .page-header-content .heading-elements .input-group{width:250px; margin:0; height: auto !important;} .CustomFixed.page-header .page-header-content .heading-elements .input-group input[type="search"]{height:32px !important; border:1px solid #8994a987 !important; border-radius:5px !important; background-color:transparent !important; font-size: 14px !important; font-weight: 400 !important; color: #404040 !important; padding: 0 10px !important; font-family:'Fira Sans', sans-serif !important;} .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn{position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); right: 10px;width: auto;} .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn a{background-color:transparent; box-shadow:none; padding: 0px; height: auto; border: none;} .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg path{width:17px; height:17px;} .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg path, .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn i svg circle{fill:#4F5D77;} .CustomFixed.page-header .page-header-content .heading-elements .input-group input{height:36px !important;} .CustomFixed.page-header .page-header-content .heading-elements .form-group div.dhxcombo_dhx_skyblue, .CustomFixed.page-header .page-header-content .heading-elements .form-group div.dhxcombo_dhx_skyblue .dhxcombo_input{height:36px !important;} .CustomFixed.page-header .page-header-content .heading-elements .heading-form .bootstrap-select btn.dropdown-toggle{height: 36px; border: none; border-radius: 50px; background-color: #ebedf3; font-size: 14px; font-weight: 400; color: #404040; padding: 0 20px;} .CustomPackageMasterUX .content {background-color:#f8f9fd; height:100vh;} /*.LeftPackageUX #grdPackage{ height: calc(100vh - 177px) !important; overflow: auto;} */.CustomPackageMasterUX .LeftPackageUX{width:350px; float:left;} .CustomPackageMasterUX .RightPackageUX{width:calc(100% - 350px); float:left; height: calc(100vh - 100px); overflow-y:auto;} .CustomPackageMasterUX .LeftPackageUX .panel{box-shadow: 2px 4px 5px rgb(150 169 225 / 12%) !important; margin:0;} .CustomPackageMasterUX .LeftPackageUX .panel, .CustomPackageMasterUX .RightPackageUX .panel{box-shadow:none; border:none !important; border-radius: 0 20px 0 0; padding: 0 0 0;} .CustomPackageMasterUX .RightPackageUX .panel, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading{background-color:transparent;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading{display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding: 0 20px 0 !important; background-color:transparent;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading:after, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading:after{position:absolute; content:''; height:2px; width:96%; margin:auto; left:0; right:0; background-color:#e7e7e7; bottom:0;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading h6, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading h6{font-size:20px; font-weight:400; color:#3d3b3b; margin: 0; line-height: 24px; font-family:'Fira Sans', sans-serif !important; padding: 12px 0;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading .heading-elements{height:auto; top:50%; transform:translateY(-50%); margin: 0; right: 10px;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements > ul, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading .heading-elements > ul{padding:0; margin:0; display:flex; flex-direction:row; justify-content:center; align-content:center; grid-gap: 5px;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements ul li.Filter > a{background-color:#f5f6f8; border-radius:10px; padding:0 !important;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements ul li.Filter > a i {display: flex; padding: 0; justify-content: space-around; align-items: center;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements ul li.Filter ul.dropdown-menu{width:290px; background-color:#fff; border-radius:10px; right: 0; left: auto; padding: 6px 25px 15px; margin: 10px 0; border: 1px solid #dfdfdf; box-shadow: 0 1px 12px rgb(0 0 0 / 6%);} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; grid-gap: 15px; justify-content: space-between;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span > a{background-color:#fff; width:35px; height:35px; border-radius:10px; border:1px solid #c9c9c9; color: #9a9a9a; font-size: 17px; font-weight: 600; align-items: center; display: flex; justify-content: center; font-family:'Fira Sans', sans-serif !important; margin:0;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters .FilterTitle{display:flex; flex-direction:row; justify-content:space-between; align-items: center; height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 15px;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters .FilterTitle label{color: #3d3b3b; font-size: 15px; font-weight: 500; line-height: 15px; margin: 0; font-family:'Fira Sans', sans-serif !important;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters .FilterTitle > a{font-size: 15px; font-weight:500; color:#3d3b3b; line-height: 15px; background-color: #f0f3fd; padding: 4px 18px; border-radius: 8px; font-family:'Fira Sans', sans-serif !important;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span.RemoveFilter {display: flex; flex-direction: row; flex-wrap: wrap; width: 50%; grid-gap: 15px; justify-content: space-between;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span.RemoveFilter > a{border: none; width: auto; height: auto; font-size: 17px; font-weight: 400; color: #3d3b3b; grid-gap: 10px; padding: 4px 10px; background-color: #fdeeed; height: 35px; font-family:'Fira Sans', sans-serif !important;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span.RemoveFilter > a label{margin:0; font-weight:400;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span.RemoveFilter > a i img{width:18px;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-body, .CustomPackageMasterUX .LeftPackageUX .panel .panel-body .containerTableStyle{position:inherit;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td.standartTreeRow{font-size:16px !important; font-weight:400; color:#3d3b3b; font-family:'Fira Sans', sans-serif !important;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td.standartTreeRow span{font-size:15.5px !important; font-weight:400; color:#3d3b3b; font-family:'Fira Sans', sans-serif !important;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td.standartTreeRow span.selectedTreeRow{background-color:#33aaef !important;border-radius:4px;color:#fff !important; padding: 6px 10px !important;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td:nth-child(3) img{display:none;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td:nth-child(3){position:relative;} .CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td:nth-child(3)::before{position: absolute; content: ''; background-image: url(../images/PackageMasterUX/TreeDoc.png); width: 14px; height: 16px; top: 50%; transform: translateY(-50%); left: 3px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body{padding: 15px 20px !important;} /*.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul{padding:0 5px; margin:0; display:flex; flex-direction:row; grid-gap: 16px; flex-wrap: wrap; } */.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul{padding:0 5px; margin:0; display:grid;grid-template-columns: 1fr 1fr 1fr;padding-block: 2em; width: min(95%, 70em); grid-auto-rows: initial; width: 100%; gap: 2em;} /*.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li{flex-basis:24%; } */.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li{display:flex;align-items: stretch; } .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:first-child .PackageUX{border:1px solid #5cbbf2;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(2) .PackageUX{border:1px solid #92c375;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(3) .PackageUX{border:1px solid #927bf2;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(4) .PackageUX{border:1px solid #f2a65c;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(5) .PackageUX{border:1px solid #f2a65c;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(6) .PackageUX{border:1px solid #927bf2;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(7) .PackageUX{border:1px solid #92c375;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(8) .PackageUX{border:1px solid #5cbbf2;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:first-child .PackageUX .PackageTitle i{background-color:#5cbbf2;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(2) .PackageUX .PackageTitle i{background-color:#92c375;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(3) .PackageUX .PackageTitle i{background-color:#927bf2;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(4) .PackageUX .PackageTitle i{background-color:#f2a65c;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(5) .PackageUX .PackageTitle i{background-color:#f2a65c;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(6) .PackageUX .PackageTitle i{background-color:#927bf2;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(7) .PackageUX .PackageTitle i{background-color:#92c375;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(8) .PackageUX .PackageTitle i{background-color:#5cbbf2;} /***** PACKAGE UX MODAL *****/ .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX{background-color:#fff; border-radius:20px; padding:18px 15px; box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); display: flex; flex-direction: column; align-content: stretch; align-items: revert; width: 100%;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageTitle{display:flex; flex-direction:row; justify-content:flex-start; grid-gap: 15px; padding-bottom: 5px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageTitle i{width:42px;height:42px;background-color:#5cbbf2;border-radius:100px;text-align:center;padding:9px 0;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageTitle a{font-size: 20px; color: #3d3b3b; font-weight: 500; font-family: 'Fira Sans', sans-serif !important; line-height: 24px; text-decoration: underline;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px 0;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn{display: flex;flex-direction: row; align-items: center; grid-gap: 7px;} /*.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Btn{padding: 5px 12px; font-family: 'Fira Sans', sans-serif !important; font-size: 15px; color: #fff; width: 90px; border-radius: 100px; display: inline-block; text-align: center; line-height: 18px;}*/ .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Btn{padding: 5px 12px; font-family: 'Fira Sans', sans-serif !important; font-size: 15px; color: #fff; width: 90px; border-radius: 100px; display: inline-block; text-align: center; line-height: 18px;display: flex; flex-direction: column; align-content: stretch; align-items: revert; width: 100%;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Btn.Edit{background-color:#5cbbf2;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Btn.Launch{background-color:#f7ada9;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Delete{padding-left:5px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .SecondaryBtn a.Toggle{display: inline-block; text-align: center; line-height: 18px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX p{color:#909091; font-weight:400; font-family: 'Fira Sans', sans-serif !important; margin: 0; word-wrap: break-word; width: 100%; height: 42px; overflow: hidden; text-overflow: clip; line-height: 1.5; font-size: 13px; } .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX p:hover{overflow:auto;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageRule .LeftRule{color:#a2a2a2; font-size:15px; font-weight:400; font-family: 'Fira Sans', sans-serif !important; margin: 0; line-height:16px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageRule .RightRule{color:#a2a2a2; font-size:15px; font-weight:400; font-family: 'Fira Sans', sans-serif !important; margin: 0; line-height:16px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageRule{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:10px 0; border: 1px solid #ddd; border-left: none; border-right: none; margin-top:10px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px 0 0;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Username, .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Calendar{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin:0; grid-gap: 7px; height: 24px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Username i, .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Calendar i{height: 16px; display: inherit;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Username b, .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Calendar b{font-size:15px; color:#6a727d; font-weight:400; font-family: 'Fira Sans', sans-serif !important; margin:0; padding:0; line-height: 14px;} /***** PACKAGE UX MODAL *****/ .modal-backdrop.in{opacity:.7;} .CustomPackageMasterUXModal, .CustomPackageMasterUXModal .modal-body{background-color:transparent; padding:0; border-radius: 20px;} .CustomPackageMasterUXModal .PackageUX{background-color:#fff; border-radius:20px; padding:25px; box-shadow: 0px 0px 15px rgb(150 169 225 / 54%); position:relative;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction{position:absolute; right:25px; top:25px; background-color:#fff; box-shadow: 0px 0px 15px rgb(150 169 225 / 54%); border-radius:10px; padding: 10px 15px; width: 150px;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul{padding:0; margin:0; overflow:hidden;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li:first-child{border-bottom: 1px solid #ddd; padding-bottom: 5px;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li:nth-child(2){padding-top: 10px;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox{display: flex; flex-direction: row; grid-gap: 10px; margin: 0; float: inherit; align-items: center; height: 30px; justify-content: space-between; padding:0 10px;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox b{font-size: 15.5px; font-weight: 500; color: #3d3b3b; margin: 0; font-family: 'Fira Sans', sans-serif !important; line-height: 18px;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox label{position:relative; margin:0; height:18px;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox label::before{content: ""; display: inline-block; vertical-align: -35%; height: 18px; width: 18px; background-color: #fff; border: 2px solid #f05c53 !important; margin-right: 0; border-radius: 3px !important;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox label::after{content: "\ed6f"; font-family: 'icomoon'; position: absolute; left: 4px; font-size: 11px; top: 1px; font-weight: bolder; line-height: 17px;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch{display:flex; flex-direction:row;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch label{font-size: 15.5px; font-weight: 500; color: #3d3b3b; margin: 0; font-family: 'Fira Sans', sans-serif !important; line-height: 18px; padding: 0 10px; text-align:left;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch label .lever{right: -20px;} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch label input[type=checkbox]:checked+.lever{background-color:rgb(240 92 83 / 50%);} .CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch label input[type=checkbox]:checked+.lever:after{background-color: #f05c53;} .CustomPackageMasterUXModal .PackageUX .PackageTitle{display:flex; flex-direction:row; justify-content:flex-start; grid-gap: 15px; padding-bottom: 5px;} .CustomPackageMasterUXModal .PackageUX .PackageTitle i{width:42px;height:42px;background-color:#5cbbf2;border-radius:100px;text-align:center;padding:9px 0;} .CustomPackageMasterUXModal .PackageUX .PackageTitle a{font-size: 20px; color: #3d3b3b; font-weight: 500; font-family: 'Fira Sans', sans-serif !important; line-height: 24px; text-decoration: underline;} .CustomPackageMasterUXModal .PackageUX .PackageBtn{display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 15px 0;} .CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn{display: flex;flex-direction: row; align-items: center; grid-gap: 7px; width:100%;} .CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn a.Btn{padding: 5px 12px; font-family: 'Fira Sans', sans-serif !important; font-size: 15px; color: #fff; width: 90px; border-radius: 100px; display: inline-block; text-align: center; line-height: 18px;} .CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn a.Btn.Edit{background-color:#5cbbf2;} .CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn a.Btn.Launch{background-color:#f7ada9;} .CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn a.Delete{padding-left:5px;} .CustomPackageMasterUXModal .PackageUX .PackageBtn .SecondaryBtn a.Toggle{display: inline-block; text-align: center; line-height: 18px;} .CustomPackageMasterUXModal .PackageUX p{color:#909091; font-size:15px; font-weight:400; font-family: 'Fira Sans', sans-serif !important; margin: 0; line-height: 26px; width:100%;float:left;} .CustomPackageMasterUXModal .PackageUX .PackageRule .LeftRule{color:#a2a2a2; font-size:15px; font-weight:400; font-family: 'Fira Sans', sans-serif !important; margin: 0; line-height:18px;} .CustomPackageMasterUXModal .PackageUX .PackageRule .RightRule{color:#a2a2a2; font-size:15px; font-weight:400; font-family: 'Fira Sans', sans-serif !important; margin: 0; line-height:18px;} .CustomPackageMasterUXModal .PackageUX .PackageRule{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:10px 0; border: 1px solid #ddd; border-left: none; border-right: none; margin-top:10px; width:100%;} .CustomPackageMasterUXModal .PackageActionBtn{padding: 15px 0; border-top: 3px solid #e4f1fc; border-bottom: 3px solid #e4f1fc; margin-top: 15px;} .CustomPackageMasterUXModal .PackageActionBtn ul{padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; grid-gap: 20px 25px; justify-content: space-between;} .CustomPackageMasterUXModal .PackageActionBtn ul li a{padding: 5px 15px; border: 1px solid #ddd; border-radius: 10px; display: flex; height: 36px; width: 180px; flex-direction: row; align-items: center; grid-gap: 15px;} .CustomPackageMasterUXModal .PackageActionBtn ul li a:hover {background-color:#e4f1fc; border:1px solid transparent;} .CustomPackageMasterUXModal .PackageActionBtn ul li a:hover span {color:#000;} .CustomPackageMasterUXModal .PackageActionBtn ul li a span{font-size:16px; font-weight:400; color:#3d3b3b; font-family: 'Fira Sans', sans-serif !important; line-height: 16px;} .CustomPackageMasterUXModal .PackageUX .PackageFooter{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px 0 0; width:100%;} .CustomPackageMasterUXModal .PackageUX .PackageFooter .Username, .CustomPackageMasterUXModal .PackageUX .PackageFooter .Calendar{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin:0; grid-gap: 7px; height: 24px;} .CustomPackageMasterUXModal .PackageUX .PackageFooter .Username i, .CustomPackageMasterUXModal .PackageUX .PackageFooter .Calendar i{height: 16px; display: inherit;} .CustomPackageMasterUXModal .PackageUX .PackageFooter .Username b, .CustomPackageMasterUXModal .PackageUX .PackageFooter .Calendar b{font-size:15px; color:#6a727d; font-weight:400; font-family: 'Fira Sans', sans-serif !important; margin:0; padding:0; line-height: 14px;} .UpdateMaster{margin: 0;} .UpdateMaster label{margin: 0; font-size: 11px; font-weight: 600; line-height: 13px; padding: 4px 5px 4px 12px; border: 1px solid #419ed3; border-radius: 20px 0 0 20px;} .UpdateMaster span{margin: 0; font-size: 11px; font-weight: 600; line-height: 13px; padding: 5px 10px 5px 8px; background: linear-gradient(to right,#01bfc8 0,#429ed4 100%); border-radius: 0 20px 20px 0; color: #fff; letter-spacing: 0.3px; display: inline-block;} /*****/ /*****/ .dhxtree_dhx_skyblue .containerTableStyle{padding-top:10px;} .dhxtree_dhx_skyblue .containerTableStyle > table > tbody > tr:nth-child(even){background-color:#fff;} .dhxtree_dhx_skyblue .containerTableStyle > table > tbody > tr:nth-child(odd){background-color: #fff;} .dhxtree_dhx_skyblue .containerTableStyle table tr{border-bottom:none; } .dhxtree_dhx_skyblue .containerTableStyle table tr td table tr{height:32px;} .dhxtree_dhx_skyblue .containerTableStyle table tr td table tr td span{padding: 4px !important; border: none; border-radius: 2px; line-height: 14px; margin-left:5px;} .dhxtree_dhx_skyblue .containerTableStyle table tr td table tr td span.selectedTreeRow{background-color:#ba68c8 !important;} /*****/ /*****/ .CustomNavbarStrip{height: 50px; border: none; background-color: var(--main-TopHeader-color); box-shadow: none; padding: 0 8px !important; border-bottom: 1px solid #dddcdc !important;} .CustomNavbarStrip .navbar-brand{position:absolute; left:0; right:0; margin:auto; height:50px; padding:0;} .CustomNavbarStrip .navbar-brand .DoubleLogo{display: flex; justify-content: center; align-items: center; height: 50px; grid-gap: 10px;} .CustomNavbarStrip .navbar-brand .DoubleLogo span{font-size:15px; font-weight:400; color:#fff; } .CustomNavbarStrip .navbar-header{position: absolute; right: 0; left: 0; margin: 0 auto; width: 180px; min-width: 180px;} .CustomNavbarStrip .navbar-header .navbar-brand{height:50px; padding: 13px 20px; text-align:center;} .CustomNavbarStrip .navbar-collapse{height:50px !important;} .CustomNavbarStrip .navbar-collapse > ul{display:flex; flex-direction:row; align-items:center; padding: 0 !important; height: 49px;} .CustomNavbarStrip .navbar-collapse ul li.language-switch .dropdown-menu li a{color:#303030;} .CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace li.dropdown{ padding: 9px 0;} .CustomNavbarStrip ::placeholder {color: #fff;opacity: 1;} .CustomNavbarStrip :-ms-input-placeholder {color: #fff;} .CustomNavbarStrip ::-ms-input-placeholder { color: #fff;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop{padding:2px 0;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback{margin:0 5px 0 5px; position:relative;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:hover{box-shadow:none !important;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback input[type="search"].SearchEmpty{ border-radius: 0; border: none; background-color: transparent; padding: 6px 5px 6px 32px; height: 32px; box-shadow: none; border-bottom:1px solid rgba(255, 255, 255, 0.7); width: 100%; transition: all .5s; color:#fff;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback input[type="search"]{border-radius: 3px; background-color: #fff; border-bottom-color: transparent; color:#202020; padding: 6px 5px 6px 32px;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:hover, .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:focus, .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:visited, .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:active{box-shadow: 0 3px 6px 0 rgba(40,40,90,.09), 0 1px 1px 0 rgba(0,0,0,.065);} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:hover input[type="search"], .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:focus input[type="search"], .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:active input[type="search"], .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:visited input[type="search"]{border-radius: 3px; background-color: #fff; border-bottom-color: transparent; color:#202020;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback .form-control-feedback{right: auto; left: 0; height: 32px; width: 25px;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback .form-control-feedback i{line-height: 30px; font-size: 14px; color:#ff9800; font-weight: 600;} .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:hover .form-control-feedback i{color: #ffb400;} .CustomNavbarStrip .navbar-collapse ul:first-child{padding:8px 0;} .CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace{width:160px;} .CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a{border: none; width: 100%; background-color: transparent; border-radius: 50px;} .CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace a i.simple-icon-arrow-down{position: absolute; top: 50%; font-size:0; right: 12px; transform: translateY(-50%); background-image:url(../images/DesignStudio/SelectArrowWhite.png); background-repeat:no-repeat; width: 14px; height: 8px;} .CustomNavbarStrip .navbar-collapse ul:first-child li a{color: #ffb400; font-weight: 500; display: inline-block; padding: 0 0;} .CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li a{color: #4f5e77; display: inline-block; padding: 7px 15px !important; font-weight: 500; font-size: 13px; line-height: 20px;} .CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li{border-bottom: 1px solid rgb(79 94 119 / 15%);} .CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li:last-child{border-bottom:none;} .CustomNavbarStrip .navbar-collapse ul:first-child li.CustomToggleButton a{margin:6px 15px 6px 0;} .CustomNavbarStrip .navbar-collapse ul:first-child li.CustomToggleButton a:hover{background-color:transparent;} .CustomNavbarStrip .navbar-collapse ul:first-child li.language-switch > a{padding: 4px 10px; background-color:transparent; color: #fff; line-height: 15px; font-size: 12px; font-weight: 500; letter-spacing: 0.8px; margin: 2.5px 10px; border: 2px solid #ffffff;} .CustomNavbarStrip a.navbar-brand img{margin-top:0; width:125px;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) {margin: 0 !important;} /*.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li::after{height: 40px; border-right: 1px solid #cfd4e3; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}*/ .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li:last-child::after{border-right:none;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a{padding: 5px 10px 5px; line-height: 8px; display: flex; flex-direction: row; align-items: center;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a:focus{background-color:transparent;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a.dropdown-toggle .langText{font-weight: 400; color: #fff; font-size: 14px; margin-right: 8px;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a.dropdown-toggle .caret{background-image:url(../images/BlueArrow.png); background-repeat:no-repeat; width: 14px; height: 8px;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a.dropdown-toggle .caret::after{font-size:0;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a i{color:#fff; font-size:18px !important;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a:hover, .CustomNavbarStrip .navbar-collapse > ul:nth-child(2) li a:focus, .CustomNavbarStrip .navbar-collapse > ul:nth-child(2) li a:active{background-color:transparent;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li:last-child a{padding: 10px;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li:last-child a i img{width:20px; height:20px;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a span{padding:0;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a span.badge{padding: 1px 5px 0 3px; top: -10px !important; margin-right: 7px; width: 20px; height: 20px; background-color: #f05c53 !important; border-color: #f05c53 !important; right: -3px;} .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2){position:relative; margin:0 0 0 5px!important;} .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a{color: #fff; font-weight: 400; display: flex; padding: 0 10px; font-size: 13px; flex-direction: row; align-items: center; grid-gap: 8px;} .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a, .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a:hover{background-color:transparent;} .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a .UserImage img{width: 35px; height: 35px; max-height: 35px;} .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a .caret{background-image:url(../images/BlueArrow.png); background-repeat:no-repeat; width: 14px; height: 8px;} .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a .caret::after{font-size:0;} #ThemeOption{top:50px !important;} .CustomNavbarStrip .navbar-collapse > ul .WorkSpace span{font-weight: 400; float: left; font-size: 15px; text-transform: capitalize; line-height: 15px; padding: 14px 10px; color: #fff; letter-spacing: 0.3px; width: 100%; height: 40px; position:relative; text-align:left;} /*.CustomNavbarStrip .navbar-collapse > ul li.WorkSpace > a::before {content: ''; position: absolute; background-image: url(../images/IP_logo.png); background-repeat: no-repeat; width: 42px; height: 42px; background-size: 42px; top: 50%; transform: translateY(-50%);}*/ .CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul{float: left; margin-top: 0; z-index: 9; left: 0; background-color: #fff; border-radius: 10px !important; border: 1px solid #dce4ff; box-shadow: 0 1px 12px rgb(0 0 0 / 6%); min-width: 175px; padding: 7px 0;} .CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a .CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul li a {margin: 0;color: #303030;line-height: 12px;} .CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul li a i{font-size: 11px; font-weight: bold; color:#ffb400} .CustomSiteSearch{width:150px; margin: 5px 0 5px 15px;} .CustomSiteSearch .form-group{margin:0;} .CustomSiteSearch .input-group{width:100%;} .CustomSiteSearch .input-group {height:30px !important;} .CustomSiteSearch .input-group input{background-color: transparent; height: 30px !important; border-radius: 4px !important; border: 1px solid #ccc !important; font-size: 13px !important; font-weight: 400; letter-spacing: 0.5px; color: #fff !important; padding:0 8px; transition-delay: 1s;} .CustomSiteSearch .input-group input:focus{width:225px !important; transition-delay: 1s;} .CustomSiteSearch .input-group a{position: absolute; padding: 8px !important; right: 15px; top: 50%; color: #fff !important; /*background-image: url(../images/DesignStudio/AdminSearch.svg); */background-repeat: no-repeat; transform: translateY(-50%);} .CustomSiteSearch .input-group a:hover{background-color:transparent;} .CustomNavbarStrip ul .CustomToggleButton a span{float: left; display: block; position: relative; margin: 9px 0; width: 15px; height: 2px; background: #fff; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .CustomNavbarStrip ul .CustomToggleButton a span::before{position: absolute; background: #fff; height: 2px; content: " "; left: 0; top: 6px; width: 20px; -moz-transition: width .2s ease-in-out; -o-transition: width .2s ease-in-out; -webkit-transition: width .2s ease-in-out; transition: width .2s ease-in-out;} .CustomNavbarStrip ul .CustomToggleButton a span::after{position: absolute; background: #fff; height: 2px; content: " "; left: 0; top: -6px; width: 10px; transition: width .2s ease-in-out;} .CustomNavbarStrip ul .CustomToggleButton a:hover span::after, .CustomNavbarStrip ul .CustomToggleButton a:hover span{width: 20px;} .CustomNavbarStrip ul.dropdown-menu {background-color: #fff; border-radius: 10px !important; border: 1px solid #dce4ff; box-shadow: 0 1px 12px rgb(0 0 0 / 6%); min-width: 200px; padding: 7px 0; margin-top:16px;} .CustomNavbarStrip .dropdown-menu li a{padding: 10px 12px !important; width: 100%; position: relative; font-weight: 500; color: #4f5e77; font-size: 14px; line-height: 20px;} .CustomNavbarStrip .dropdown-menu li a:hover{background-color:rgba(112, 143, 254, 0.15);} .CustomNavbarStrip .dropdown-menu li.divider{margin:0 !important;} .CustomNavbarStrip .dropdown-menu>li{margin-bottom:0 !important;} .CustomSidebarStrip::after{border-right: none; content:''; position:absolute; z-index: -1; width: 100%; height: 100%; top:0;} .CustomSidebarStrip {background-color: #ffffff; box-shadow: 0 0 10px rgb(150 169 225 / 30%); border-right: 0px solid rgb(79 94 119 / 20%);} .sidebar-xs .CustomSidebarStrip {background-color:#ffffff;} .sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a i{color:#889fc7;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a{ min-height: 40px;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a i{display:none;} .sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.navigation-header a i{display:block;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a span{color: #3a4b69; font-size: 15px; font-weight: 400;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a span::after{display:none} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a{color: #fff; padding: 0; min-height: 42px; display: flex; flex-direction: row; align-items: center;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul li a{padding: 9px 20px 9px 35px; border-bottom:1px solid #e6ebff;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul li a span{font-weight:400; padding-left: 0; display: inherit; line-height: 18px;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a:hover, .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a:focus, .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a{background-color:transparent;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a:hover{background-color:#dfe6ff;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a:hover{background-color:transparent;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul> li > a:hover::before, .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul> li > a:focus::before, .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul> li.active > a::before {opacity:1; width:96%;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a::before{background-color:#3b61eb; color: #fff; content: ''; position: absolute; width: 96%; height: 42px; top: 50%; transform:translateY(-50%); left: 0; right:0; margin:auto; z-index: -1; border-radius: 4px; border:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; box-shadow:none;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a span{color:#fff;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul{background-color:rgba(244, 245, 248, 1); color: #2f2c2c; /*border-bottom: 1px solid #d4d3d3;*/} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul li{border-bottom:1px solid rgba(255, 255, 255, 0.3); padding:0 !important;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a::after{color: #fff;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a::after{color: #6a82ac; font-size: 16px; font-weight: 500;} /*.navigation li>.has-ul:after{ content:'/' !important;background-image: url(../images/SideArrow.png) !important; background-repeat: no-repeat;background-position: 96% 58%;color: transparent !important;font-size: 23px !important;} .navigation li.active>.has-ul:after{content:'/' !important;background-image: url(../images/SideArrow-white.png) !important; background-repeat: no-repeat;background-position: 96% 58%;color: transparent !important;font-size: 23px !important;}*/ .navigation li>.has-ul:after{ /*background-image: url(../images/SideArrow.png)*/;color: transparent !important;width: 10px;background-repeat: no-repeat;} .navigation li.active>.has-ul:after{background-image: url(../images/SideArrow-white.png);} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i{width: 55px; margin: 0 !important; color: #596781; text-align: center; padding: 15px 0; font-size:0 !important; position: relative;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i::before{background-repeat:no-repeat; background-position: center; content:''; position:absolute; width:18px; height:18px; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%);} /* .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-user::before svg path { d: path('M 850 300 C 850 300 350 300 350 300 L 348.1 205.39 L 120 400.39 L 348.1 606.19 L 350 500 C 850 500 850 500 850 500 z') !important; }*/ .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-user::before{background-image:url('../images/AdminConsoleMenu/User_Management_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-sitemap::before{ background-image:url('../images/AdminConsoleMenu/Group_Management.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-sitemap::before{ background-image:url('../images/AdminConsoleMenu/Group_Management_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-home::before{ background-image:url('../images/AdminConsoleMenu/Infrastructure.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-home::before{ background-image:url('../images/AdminConsoleMenu/Infrastructure_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-fire::before{ background-image:url('../images/AdminConsoleMenu/Event_Factory.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-fire::before{ background-image:url('../images/AdminConsoleMenu/Event_Factory_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-suitcase::before{ background-image:url('../images/AdminConsoleMenu/Process_Engine.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-suitcase::before{ background-image:url('../images/AdminConsoleMenu/Process_Engine_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-envelope::before{ background-image:url('../images/AdminConsoleMenu/Inbox_Console.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-envelope::before{ background-image:url('../images/AdminConsoleMenu/Inbox_Console_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-gear::before{ background-image:url('../images/AdminConsoleMenu/Settings.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-gear::before{ background-image:url('../images/AdminConsoleMenu/Settings_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-file::before{ background-image:url('../images/AdminConsoleMenu/Document_Management.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-file::before{ background-image:url('../images/AdminConsoleMenu/Document_Management_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-user::before { background-image: url('../images/AdminConsoleMenu/Administration.png'); } .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-user::before{ background-image:url('../images/AdminConsoleMenu/Administration-h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-stack-exchange::before{ background-image:url('../images/AdminConsoleMenu/Domain_DataMaps.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-stack-exchange::before{ background-image:url('../images/AdminConsoleMenu/Domain_DataMaps-h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-stack-exchange::before{ background-image:url('../images/AdminConsoleMenu/Variables.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-stack-exchange::before{ background-image:url('../images/AdminConsoleMenu/Variables_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-area-chart::before{ background-image:url('../images/AdminConsoleMenu/Reports.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-area-chart::before{ background-image:url('../images/AdminConsoleMenu/Reports_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-user-plus::before{ background-image:url('../images/AdminConsoleMenu/Others.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-user-plus::before{ background-image:url('../images/AdminConsoleMenu/Others_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-briefcase::before{ background-image:url('../images/AdminConsoleMenu/Project_Management.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation.active a.has-ul i.fa.fa-briefcase::before{ background-image:url('../images/AdminConsoleMenu/Project_Management_h.png');} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active ul li a i{color: #3b61eb;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a i{color:#fff;} body.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a i{width:auto;} .CustomSidebarStrip .navigation .navigation-header{padding:0;} .CustomSidebarStrip .navigation li{color:#303030; margin:0; position:relative;} /*.CustomSidebarStrip .navigation li::after{content:''; position:absolute; background-color:#ddd; height:100%; width:55px; top:0}*/ .CustomSidebarStrip .navigation .navigation-header a{ min-height: 34px; line-height: 15px !important; position:relative; padding: 9px 15px !important;} .CustomSidebarStrip .navigation .navigation-header a::after{position: absolute; content: ''; background-color: rgb(79 94 119 / 40%); width: 100%; height: 100%; top: 0; left: 0; z-index: -1;} .CustomSidebarStrip .navigation .navigation-header a span{font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0.2px !important; color: #182336 !important; text-transform:capitalize;} #scorePageContent .page-header-content{border-bottom: 1px solid #e0e0e0;} .SearchForMobile{display:none !important;} .SearchForDesktop{display:block !important;} .gantt_row_task{width:100% !important;} /**************************************************************************** EVENT CALENDAR ****************************************************************************/ .CustomEventCalender .fc-toolbar .fc-center h2{font-size: 20px; margin: 0; line-height: 21px; font-weight: 400; color: #656565; padding: 2px 0;} .CustomEventCalender .fc-toolbar .fc-left .fc-button-group button, .CustomEventCalender .fc-toolbar .fc-right .fc-button-group button{background-color:transparent; background: transparent; padding: 5px 15px; height: auto; line-height: 13px; border: 1px solid #b95fc6; font-weight:500; text-transform: capitalize;} .CustomEventCalender .fc-toolbar .fc-right .fc-button-group button.fc-state-active{background-color:#b95fc6; background:#b95fc6; color:#fff;} .CustomEventCalender .fc-toolbar .fc-left .fc-button-group button:first-child, .CustomEventCalender .fc-toolbar .fc-right .fc-button-group button:first-child{border-radius: 25px 0 0 25px; z-index:0;} .CustomEventCalender .fc-toolbar .fc-left .fc-button-group button:last-child, .CustomEventCalender .fc-toolbar .fc-right .fc-button-group button:last-child{border-radius: 0 25px 25px 0;} .CustomEventCalender .fc-toolbar .fc-left button.fc-today-button{height: auto; line-height: 13px; border-radius: 25px; padding: 6px 25px; box-shadow: none; background-color: #b95fc6; background: #b95fc6; text-shadow: none; color: #fff; font-weight: 500; border: none;} .CustomEventCalender .fc-view-container table thead, .CustomEventCalender .fc-view-container table thead tr td, .CustomEventCalender .fc-view-container table tbody, .CustomEventCalender .fc-view-container table tbody tr td{border: none;} .CustomEventCalender .fc-view-container table .fc-head .fc-head-container .fc-row table thead tr th{background-color: #ba60c6; padding: 9px 0 !important; color: #fff; border: none; border-right: 1px solid #fff;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-bg table tbody tr td{border-color:#fff;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton table thead tr td span{font-size: 13px; font-weight: 600; color: #8f3a9b;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:first-child .fc-bg table tbody tr td:nth-child(odd){background-color:#f7f7f7;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:first-child .fc-bg table tbody tr td:nth-child(even){background-color:rgba(185, 95, 198, 0.15);} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(2) .fc-bg table tbody tr td:nth-child(odd){background-color:rgba(185, 95, 198, 0.15);} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(2) .fc-bg table tbody tr td:nth-child(even){background-color:#f7f7f7;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(3) .fc-bg table tbody tr td:nth-child(odd){background-color:#f7f7f7;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(3) .fc-bg table tbody tr td:nth-child(even){background-color:rgba(185, 95, 198, 0.15);} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(4) .fc-bg table tbody tr td:nth-child(odd){background-color:rgba(185, 95, 198, 0.15);} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(4) .fc-bg table tbody tr td:nth-child(even){background-color:#f7f7f7;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(5) .fc-bg table tbody tr td:nth-child(odd){background-color:#f7f7f7;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(5) .fc-bg table tbody tr td:nth-child(even){background-color:rgba(185, 95, 198, 0.15);} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(6) .fc-bg table tbody tr td:nth-child(odd){background-color:rgba(185, 95, 198, 0.15);} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(6) .fc-bg table tbody tr td:nth-child(even){background-color:#f7f7f7;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton{height:100%; padding-bottom:0;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton table{height:100%;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton table tbody td a{margin: 10px; padding: 8px 8px; border-radius: 4px; background-color: #b95fc6; border: none; color:#fff;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton table tbody td a .fc-content span{font-size: 13px; font-weight: 500; letter-spacing: 0.3px; color:#fff;} .CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton table tbody td .fc-more-cell .fc-more{color:#fff;} /**************************************************************************** EVENT CALENDAR ****************************************************************************/ .tool-container {height: auto !important; border-radius: 3px; background-color: #fff; box-shadow: 0 0 12px 0 rgba(196,192,196,1); border: 1px solid #84caed !important; z-index:10011 !important;} .tool-container .tool-items .tool-item{width:auto; box-sizing: inherit;} .tool-container .tool-items{ background-color: rgba(62, 161, 211, 0.1); display: inline-block; width: 100%; padding: 15px 10px 10px; position:relative;} .tool-container .tool-items:before{ content: ''; background-image: url(../images/bg_trans_8.png); background-size: auto; background-repeat: no-repeat; position: absolute; top: 57%; left: 0; width: 100%; height: 100%;} .tool-top .tool-item:first-child:hover, .tool-bottom .tool-item:first-child:hover, .tool-top .tool-item:last-child:hover, .tool-bottom .tool-item:last-child:hover{border-radius: 25px;} .tool-container.tool-bottom .arrow{top:-19px;} .tool-container .arrow{border-width: 9px;} .modal-backdrop{z-index:9998;} .helpText{font-size: 12px; font-weight: 500; padding: 0; color: #164818; margin-top: 8px;} .HelpTextBox{ float: left; padding: 15px 10px; width: 100%; background-color: #f5feff;box-shadow:0 2px 20px 2px rgba(69,90,100,.08); border: 1px solid #a1f5fd; border-radius: 5px;} .HelpTextBox .form-group, .HelpTextBox .CustomCheckbox{margin-bottom:0; margin-right:0;} /***************************************************************** Bottom_Fix *****************************************************************/ #ContextMenuBottom {position: fixed; bottom: -65px; height:65px; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; background-color:#1c262b; border-top:1px solid #dfdfdf; -webkit-box-shadow: 0 -5px 25px 0px rgba(180, 180, 180, 0.35); -moz-box-shadow:0 -5px 25px 0px rgba(180, 180, 180, 0.35); box-shadow: 0 -5px 25px 0px rgba(180, 180, 180, 0.35); z-index:98; width: 100% !important; right: 0;} #ContextMenuBottom > a.ToggleBottomMenu{padding: 5px; position: absolute; border: 1px solid #fff; border-bottom: none; top: -32px; right:25px; background-color: #6770D2; width: 35px; height: 32px; text-align: center; box-shadow: 0 -1px 15px 0 rgba(0, 0, 0, 0.25); animation: blink 1s linear infinite;} @keyframes blink{ 0%{ background-color: #9199f7; } 25%{ background-color: #575da9; } 50%{ background-color: #363a79; } 50%{ background-color: #575da9; } 100%{ background-color: #9199f7; } } #ContextMenuBottom > a.ToggleBottomMenu img{position:relative; top:3px;} #ContextMenuBottom.active {transform: translateY(-65px); -ms-transform: translateY(-65px); -o-transform: translateY(-65px); -webkit-transform: translateY(-65px);} #ContextMenuBottom .slick-slider {margin:0; padding:0;} #ContextMenuBottom .slick-slider .slick-list{overflow:initial;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide {height: 100%; position: relative; width: 100%; border-radius: 0; border: none; text-align: center; outline:none; transition: .4s;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide::after{content:''; position:absolute; width:1px; height:70%; background-color:#797777; right:0; top:11px;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide:hover{background: linear-gradient(to top,#29b6f6 0%,#29b6f6 100%); transition: .4s;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide:hover a i{color:#fff !important;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide:hover a span{color:#fff;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide a div{width: 100%; float: left; padding: 10px 0 4px 0 ;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide a div i{font-size:18px !important;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide span{display: inline-block; width: 100%; font-size: 11.5px; font-weight: 500; padding: 2px 0 7px 0; color: #fff; letter-spacing:0.5px;} #ContextMenuBottom .slick-slider .slick-prev, #ContextMenuBottom .slick-slider .slick-next, #ContextMenuBottom .slick-slider .slick-dots{display:none !important;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu{padding:0; margin:0 0 5px 0; border: 1px solid #cdcccc; min-width: 250px; border-radius: 5px 5px 0 0; outline:none;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .heading{padding:20px 12px; background-image: url(../images/ContextMenuBg.png); background-size:cover; line-height: 14px; border-radius: 5px 5px 0 0;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .heading span{padding: 0; text-align: center; font-size: 15px; color: #fff;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item{margin-bottom:0;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item a{line-height:14px; padding:9.5px 8px 9.5px 30px; position:relative;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item a:hover{background-color:transparent;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item a::before{content:''; position:absolute; background-color:#e1e5e8; width: 3.5px; height: 100%; top: 0; left: 14px;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(2) a::before{height:94%; top:3px;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:last-child a::before{height:94%;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item a::after{content:''; position:absolute; background-color: #fff; width: 14px; height: 14px; left: 9px; border-radius: 25px;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(2) a::after{border: 3px solid #d92550;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(3) a::after{border: 3px solid #f9c750;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(4) a::after{border: 3px solid #3ac47d;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(5) a::after{border: 3px solid #6770d2;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(6) a::after{border: 3px solid #d92550;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item span{padding: 0; font-size:14px; color:#6c7073; font-weight:500;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(2){padding-top:10px;} #ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:last-child{padding-bottom:10px} #MultiWindowRight.noItem{height:calc(100% - 90px) !important; top:90px;} #MultiWindowRight {position: fixed; right: -110px; z-index: 100; width: 110px; height:calc(100% - 130px) !important; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; background-color:#fff; border:1px solid #dfdfdf; border-right:0; -webkit-box-shadow: -2px 0px 25px 0 rgba(180,180,180,.45); -moz-box-shadow:-2px 0px 25px 0 rgba(180,180,180,.45); box-shadow: -2px 0px 25px 0 rgba(180,180,180,.45); top:130px; z-index:9999;} #MultiWindowRight > a.ToggleRightMenu{position: absolute; border-right: none; top: 45%; right: 108px; width: 28px; height: 112px; text-align: center; z-index: 0;} #MultiWindowRight > a.ToggleRightMenu img{width: 24px;} #MultiWindowRight.active {transform: translateX(-110px); -ms-transform: translateX(-110px); -o-transform: translateX(-110px); -webkit-transform: translateX(-110px);} #MultiWindowRight .MultiWindow .WindowList{ padding: 9px 8px 12px; text-align: center; position:relative; float: left; width: 100%;} #MultiWindowRight .MultiWindow .WindowList.active{background-color: #f8f9fa; border-bottom: 1px solid #cdcccc; border-top: 1px solid #cdcccc;} #MultiWindowRight .MultiWindow .WindowList a{float:left; width:100%; top: 12px; position:relative;} #MultiWindowRight .MultiWindow .WindowList h2{ font-size: 12px; color: #5e676f; font-weight: 600; letter-spacing: 0.1px; padding: 6px 0; margin:0;} #MultiWindowRight .MultiWindow .WindowList span{padding: 0px 0 5px; display: inline-block;} #MultiWindowRight .MultiWindow .WindowList button{position:absolute; opacity:1; right: 7px; top: 4px; width:16px; height:16px; background-image:url(../images/MultiWindowClose.png);} .tabs-left { border-bottom: none; border-right: 1px solid #ddd; } .tabs-left>li { float: left; margin:0px; } .tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus { border-bottom-color: #ddd; border-right-color: transparent; border:none; border-radius:0px; margin:0px;} .nav-tabs>li>a:hover {line-height: 1.42857143; border: 1px solid transparent;} .VideoPlay.col-md-8{padding:0 10px 0 0;} .VideoChatWindow.col-md-4{padding:0 0 0 10px} .VideoChatWindow .tabbable{float: left; border-right: 1px solid #ddd; padding: 10px; width:100%;} .VideoChatWindow .col-md-3, .VideoChatWindow .col-sm-4, .VideoChatWindow .col-md-9, .VideoChatWindow .col-sm-8{padding-left:0; padding-right:0;} .VideoChatWindow .tab-content{padding:10px; border-left: 1px solid #ddd; border-right:1px solid #ddd; float:left; border-bottom: 1px solid #ddd; width:100%; height: calc(100vh - 135px) !important;} .VideoChatWindow .tab-content .tab-pane{float: left; height: 100%; width:100%;} .VideoChatWindow ul{margin:0; padding:0;} .VideoChatWindow ul.sideways li a{text-align:center; padding: 8px 20px 8px;} .VideoChatWindow ul.sideways li a::before{display:none;} .VideoChatWindow ul.sideways li.active a{border-bottom: none !important; border: 1px solid #ddd; background-color: #fff;} .VideoChatWindow ul.sideways li a span{font-size: 12px; font-weight: 500; display: inline-block; width: 100%; letter-spacing: 0.2px;} .VideoChatWindow .chat-list .media-content:before{display:none;} .VideoChatWindow .chat-list .media.reversed .media-body .media-content:not([class*=bg-]){ background-color: #2196f3; border-color: #2196f3; color:#fff;} .VideoChatWindow .chat-list .media .media-body .media-content:not([class*=bg-]){background-color:#f5f5f5; border-color: #f5f5f5; color:#acacac;} .VideoChatWindow .chat-list .media .media-body .media-content{font-size: 14px; font-weight: 500; padding: 12px 12px; } .VideoChatWindow .chat-list .media .media-body .media-annotation{font-size: 13px; font-weight: 500; color: #acacac;} .VideoChatWindow .tab-content .tab-pane .EnterSubmit{width: 100%; float: left; margin:20px 0 0;} .VideoChatWindow .tab-content .tab-pane .EnterSubmit textarea{width:calc(100% - 65px) !important; float:left; margin: 0 !important; background-color:#f5f5f5; position:relative; border:none; background-image:url(../images/ChatEnter.png); background-repeat: no-repeat; background-position: 3% 50%; padding: 10px 12px 10px 50px; height: 55px; line-height: 34px; border-radius: 4px;} .VideoChatWindow .tab-content .tab-pane .EnterSubmit a{width: 55px; height: 55px; background-color: #2196f3; float: right; margin-left: 10px; border-radius: 50%; position:relative;} .VideoChatWindow .tab-content .tab-pane .EnterSubmit a::before{content:''; position:absolute; background-image:url(../images/EnterSent.png); width:19px; height:16px; left: 0; right: 0; margin: auto; top: 19px;} .VideoChatWindow .chat-list, .VideoChatWindow .chat-stacked{height:calc(100vh - 230px) !important; max-height:100%;} .VideoPlay .page-header{background-color: #f6f9fe; box-shadow: 0 2px 9px 0 rgba(189, 192, 194, 0.35); border-bottom: none; margin-bottom: 5px;} .VideoPlay .page-header .heading-elements a{padding: 12px; display: inline-block;} .VideoPlay .page-header .heading-elements a i{font-size:25px !important; color:#b6b6c1;} .VideoPlay .page-header h4{color:#acacac; font-size:15px;} .VideoPlay .page-header .page-header-content {padding: 0 10px;} .VideoPlay .page-header .page-header-content .page-title{padding:18px 18px 18px 0;} .VideoPlay .page-header .page-header-content .page-title h4 i{display: inline-block; position:relative;} .VideoPlay .page-header .page-header-content .page-title.online h4 i::after{content: ''; position: absolute; width: 18px; height: 18px; background-color: #49d237; border-radius: 25px; border: 3px solid #fff; right: -6px; top: -4px; box-shadow: 0px 0 10px 0 rgba(180, 180, 180, 0.55)} .VideoPlay .page-header .page-header-content .page-title.offline h4 i::after{content: ''; position: absolute; width: 18px; height: 18px; background-color: #F44336; border-radius: 25px; border: 3px solid #fff; right: -6px; top: -4px; box-shadow: 0px 0 10px 0 rgba(180, 180, 180, 0.55)} .VideoPlay .page-header .page-header-content .page-title h4 span{padding-left:10px;} .VideoPlay .page-header .page-header-content .page-title.online h4 span#spnStatus{color:#49d237; position: absolute; left: 40px; top: 50px; font-size: 12px;} .VideoPlay .page-header .page-header-content .page-title.offline h4 span#spnStatus{color:#F44336; position: absolute; left: 40px; top: 50px; font-size: 12px;} .VideoPlay .VideoSprites > a{position:relative; background-image:url(../images/SpritesImages/SpritesImg.png); width:40px; height:40px;background-repeat: no-repeat; margin:0 10px;} .VideoPlay .VideoSprites > a:first-child{background-position:-173px -33px;} .VideoPlay .VideoSprites > a:nth-child(2){background-position:-172px -68px;} .VideoPlay .VideoSprites > a:nth-child(3){background-position:-173px -102px;} .VideoPlay .VideoSprites > a:nth-child(4){background-position:-173px -138px;} .VideoPlay .VideoSprites > a:nth-child(5){background-position:-173px -173px;} .VideoPlay .VideoSprites > a:nth-child(6){background-position:-173px -208px;} .VideoPlay .VideoSprites > a.active:first-child{background-position:-173px -244px;} .VideoPlay .VideoSprites > a.active:nth-child(2){background-position:-172px -278px;} .VideoPlay .VideoSprites > a.active:nth-child(3){background-position:-173px -312px;} .VideoPlay .VideoSprites > a.active:nth-child(4){background-position:-173px -347px;} .VideoPlay .VideoSprites > a.active:nth-child(5){background-position:-173px -383px;} .VideoPlay .VideoSprites > a.active:nth-child(6){background-position:-173px -418px;} .VideoPlay .MainVideo{width: calc(100% - 300px); float:left; padding: 9px; height:calc(100% - 50px); text-align:center; } .VideoPlay .MainVideo video{height:auto; max-width: 100%;} .VideoPlay .ThumbVideo{width: 300px; float:left; padding: 9px; height: calc(100% - 50px); margin-bottom:10px;} .VideoPlay .ThumbVideo .slick-list .slick-slide{padding:5px;} .VideoPlay .ThumbVideo video{width:100%; height:140px; padding: 5px; border: 1px solid #c5c1c1; max-width: 100%;} .VideoPlay .content{padding:0px;} .VideoChatWindow .VideoTab {width:100%; float:left;border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;} .VideoChatWindow .VideoTab .VideoLeft{width:20%; float:left;} .VideoChatWindow .VideoTab .VideoLeft span{width: 100%; display: inline-block; padding: 0 10px 0 0;} .VideoChatWindow .VideoTab .VideoLeft span img{max-width:100%;} .VideoChatWindow .VideoTab .VideoText{width:80%; float:left;} .VideoChatWindow .VideoTab .VideoText h2{margin:0; font-size:18px; font-weight:500; color:#656565;} .VideoChatWindow .VideoTab .VideoText p{margin:0; font-size:13px; font-weight:400; color:#656565;} .VideoChatWindow .ProfileTab {width:100%; float:left; margin: 12px 0; position:relative;} .VideoChatWindow .ProfileTab::after{content:''; position:absolute; width:104%; height:1px; background-color:#ddd; right:0; left:-10px; bottom:-13px;} .VideoChatWindow .ProfileTab .ProfileLeft{width:14%; float:left;} .VideoChatWindow .ProfileTab .ProfileLeft span{width: 100%; display: inline-block; padding: 0 10px 0 0;position:relative;} .VideoChatWindow .ProfileTab .ProfileLeft span img{max-width:100%;} .VideoChatWindow .ProfileTab .ProfileText{width:86%; float:left;} .VideoChatWindow .ProfileTab .ProfileText h2{margin:0; font-size:15px; font-weight:600; color:#4c4c4c;} .VideoChatWindow .ProfileTab .ProfileText h2 span{margin:0; font-size:12px; font-weight:500; color:#bdbdbd; float:right;} .VideoChatWindow .ProfileTab .ProfileText p{margin: 0; font-size: 12px; font-weight: 500; color: #797979; letter-spacing: 0.4px;} .VideoChatWindow .ProfileTab .ProfileLeft span::after{content: ''; position: absolute; width: 15px; height: 15px; background-color: #49d237; border-radius: 25px; border: 2.5px solid #fff; right: 6px; top: 0px; box-shadow: 0px 0 10px 0 rgba(180, 180, 180, 0.55)} .CustomWindowContext{float:left; width:100%; /*height:calc(100% - 90px) !important; background-color:#fff;*/} .CustomWindowContext .CutomMargin{margin-top:0;} .CustomWindowContext .CustomFixed .heading-elements{top:94px !important;} .CustomWindowContext .mainCustomTable{padding-top:60px !important;} .CornerBtn{padding-top: 50px; text-align: right; border-bottom: 1px solid #ddd;} .CornerBtn button{ width: 30px; height: 25px; border: none; background-color: #f5f4f4; margin: 7px 5px; border: 1px solid #c5c5c5; border-radius: 4px;} .CornerBtn button.close{ background-color: #F44336; border: none; } .CornerBtn button.close i{color:#fff;} .CornerBtn button.close i .ContextFrame .GobalDFSToolBar{margin-top:0;} .CustomContextMenuIspace .External .CustomFixed #dvIspaceMenu.heading-elements{ top:5px !important; } /**************************************************** INBOX OIL & GAS ****************************************************************/ .CustomInboxDesignO_G .page-header .page-header-content .page-title {padding: 19px 18px 19px 0 ;} .CustomInboxDesignO_G .page-header .page-header-content .page-title h4{color:#37474f; font-size:20px; font-weight:600;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements { right:35px; top: 5px !important;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .heading-form{margin-left:8px !important;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group input{ height: 30px; background-color: #f9fbfc; border: 1px solid #d7dbdf; border-radius: 4px 0 0 4px; border-right:none; font-weight: 500;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .input-group-btn a{height: 30px; padding: 5px 12px; border: 1px solid #d7dbdf; line-height: 10px; display: inline-block; border-left: none; border-radius: 0 4px 4px 0; margin-left: -2px; background-color:#f9fbfc; position:relative;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .input-group-btn a::before{content: ''; position: absolute; width: 30px; height: 30px; right: 0; background-image: url(../images/SpritesImages/SpritesImg.png); background-repeat: no-repeat; top: -1px; background-position: -178px -457px;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .dropdown > a{border-radius: 4px; border: 1px solid #ddd; height: 30px; line-height: 14px; padding: 7px 8px; color: #9e9d9d; background-color: #fff; width: 100px; text-align: left; margin:0 !important; box-shadow:none;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .dropdown > a .caret{float:right;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.WorkAllocation{border-radius: 4px; border: 1px solid #499fe1; height: 30px; line-height: 14px; padding: 7px 30px; color: #fff; background-color: #499fe1; float: left; margin-left: 8px;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.Delete{height: 30px; padding: 5px 17px; border: 1px solid #ff5454; line-height: 10px; display: inline-block; border-radius:4px; background-color:#fff; position:relative; float: left; margin-left: 8px;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.Delete::before{ content: ''; position: absolute; width: 30px; height: 30px; right: 0; background-image: url(../images/SpritesImages/SpritesImg.png); background-repeat: no-repeat; top: -1px; background-position: -178px -529px; left: 0; margin:auto;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.Refresh{height: 30px; padding: 5px 17px; border: 1px solid #499fe1; line-height: 10px; display: inline-block; border-radius:4px; background-color:#fff; position:relative; float: left; margin-left: 8px;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.Refresh::before{content: ''; position: absolute; width: 30px; height: 30px; right: 0; background-image: url(../images/SpritesImages/SpritesImg.png); background-repeat: no-repeat; top: -1px; background-position: -178px -563px; left: 0; margin:auto;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements a:hover{background-color:transparent; box-shadow: none;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.WorkAllocation:hover{background-color: #3b8bc7;} /****************/ .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .heading-form select, .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .heading-form .btn-group{width:auto;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .btn-group .multiselect{border-radius: 4px; border: 1px solid #ddd; height: 30px; line-height: 14px; padding: 7px 8px; color: #9e9d9d; background-color: #fff; width: 150px; text-align: left; margin:0 !important; box-shadow:none;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .bootstrap-select .dropdown-toggle{border-radius: 4px; border: 1px solid #ddd; height: 30px; line-height: 14px; padding: 7px 8px; color: #9e9d9d; background-color: #fff; width: 150px; text-align: left; margin:0 !important; box-shadow:none;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .bootstrap-select .dropdown-menu.open{margin: 5px 0 0; border:1px solid #ddd; padding:0;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .bootstrap-select .dropdown-menu.open li a{padding: 8px 15px;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .bootstrap-select .dropdown-menu.open li a span{line-height: 15px; font-size:12px; font-weight:500;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .datetimepicker{border-radius: 4px; border: 1px solid #ddd; height: 30px; line-height: 14px; padding: 7px 8px; color: #9e9d9d; background-color: #fff; width: 150px; text-align: left; margin:0 !important; box-shadow:none;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group {margin:0;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group.Clan{ width: 180px;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .input-group-btn a.BtnCalendar{box-shadow:none; background-color:#fff; position:relative;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .input-group-btn a.BtnCalendar::before{content:''; position:absolute; width:30px; height:30px; background-image: url(../images/SpritesImages/SpritesImg.png); background-repeat: no-repeat; background-position: -210px -142px; top: -1px; left: 0; margin:auto; right:0;} .CustomInboxDesignO_G .InstanceSearch .CustomLargeSearch{width:100%;} .CustomInboxDesignO_G .InstanceSearch .CustomLargeSearch input{height: 55px; border-radius: 35px; background-color: #f7fafd; border: 1px solid rgba(46, 137, 229, 0.6); position:relative;} .CustomInboxDesignO_G .InstanceSearch .CustomLargeSearch a{height: 47px; z-index: 2; border-radius: 35px; padding: 14px 45px; margin: 4px 0; position: absolute; top: 0; background: linear-gradient(to top,#1653a5 0%,#389fff 100%); font-size: 16px; font-weight: 600; line-height: 16px; right: 4px; border: none;} .CustomInboxDesignO_G .InstanceSearch h6{color: #868585; border-bottom: 1px solid #ddd; padding: 25px 0 11px; letter-spacing: 0.4px; font-size:12px; font-weight:500; margin:0;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox{background: linear-gradient(to top,#fff 0%,#f2faff 100%); border:1px solid #61b0ff; border-radius:4px; padding:0;float: left; width: 100%; margin-top:15px; box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.15);} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader{border-bottom: 1px solid #ddd; float: left; width: 100%; padding:8px 20px;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader a{display: inline-block; padding: 4px 7px; font-size: 12px; color: #fff; line-height: 12px; font-weight: 500; border-radius: 3px; float:right;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader a.Maintenance{background-color: rgba(0, 126, 255, 0.6);} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader a.Failure{background-color: #cb3935;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader h5{color: #33393e; font-size: 15px; font-weight: 600; margin: 0; padding: 0; float:left; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent{width: 100%; float: left; padding:0;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft{width:55%; float:left; margin:0; padding: 15px 0px 15px 20px;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight{width:45%; float:left; margin-top:0; position:relative; padding: 15px 0 15px 0; text-align:center; background-color:#edf7ff; border-radius: 0px 0 7px 0;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight::after{content:''; position:absolute; background-color:#edf7ff;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight .InstanceProfile img{ border: 2px solid #fff; border-radius: 25px; box-shadow: 0 1px 20px 0 rgba(69,90,100,.15); } .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight .InstanceProfile h5{font-size: 17px; color: #484848; font-weight: 500; margin: 6px 0 41px; line-height: 16px;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft .View{float:left; width:100%; margin:15px 0 0;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft .View a{display: inline-block; padding: 8px 12px; font-size: 15px; background-color: transparent; color: #909090; line-height: 12px; font-weight: 500; border-radius: 3px; border: 1px solid #b6c3d1; text-align: center; width:80%;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight .InstanceRight p{font-size: 11px; color: #656565; font-weight: 500; margin: 5px 0; line-height: 12px; letter-spacing: .3px;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight .InstanceRight p span{color:#1a93a5; font-weight:600;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft .UserData p{margin: 0; padding: 0; font-size: 12px; font-weight: 500; color: rgba(51, 57, 62, 0.75); line-height: 16px;} .CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft .UserData a{margin: 0; font-size: 15px; font-weight: 600; color:#566068; line-height: 14px; padding: 0px 0 15px; display: inline-block;} .pagination-wrapper .pagination {margin: 0 !important; box-shadow: 0 2px 14px 0 rgba(0,0,0,.1); border-radius: 25px;} .pagination-wrapper .pagination a.page-numbers{padding: 7px 12px; background-color: #f9fbfc; float: left; color: #303030; font-weight: 500; line-height: 12px; border: 1px solid #d0d0d0; border-right: none;} .pagination-wrapper .pagination a.page-numbers[disabled]{cursor:not-allowed;} .pagination-wrapper .pagination a.page-numbers.current{background-color: #308eea; color: #fff;} .pagination-wrapper .pagination a.first {border-radius: 25px 0 0 25px; font-weight:600;} .pagination-wrapper .pagination a.last {border-radius: 0 25px 25px 0; font-weight:600; border-right: none;} .AddInstance{width:65px; height:65px; border-radius:50px; background: linear-gradient(to top,#00601b 0%,#2db550 100%); position: fixed; right: 20px; bottom: 20px;box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.2); z-index:99;} .AddInstance:hover{box-shadow: 0 5px 14px 8px rgba(69,90,100,.3); transition: all .4s ease-in-out;} .AddInstance::after{background-image: url(../images/SpritesImages/SpritesImg.png); background-repeat: no-repeat; content: ''; position: absolute; width: 26px; height: 29px; left: 0; right: 0; margin: auto; top: 17px; background-position: -215px -283px;} /****************/ .CustomInboxDesignO_G .InboxGridOG.active{border: 8px solid hsla(206, 72%, 58%, 0.25); border-radius: 10px; -webkit-transition: .6s; transition: .6s;} .CustomInboxDesignO_G .InboxGridOG .col-md-8, .CustomInboxDesignO_G .InboxGridOG .col-md-4{padding:0;} .CustomInboxDesignO_G .InboxGridOG{background-color:#fff; border:1px solid #ddd; border-radius:6px; width: 100%; float: left; box-shadow: 0 2px 14px 0 rgba(0,0,0,.1); margin-bottom:20px; -webkit-transition: .6s; transition: .6s;} .CustomInboxDesignO_G .InboxGridOG .TopRow, .CustomInboxDesignO_G .InboxGridOG .BottomRow{width:100%; float:left;} .CustomInboxDesignO_G .InboxGridOG .TopRow{padding:22px 0;} .CustomInboxDesignO_G .InboxGridOG .BottomRow{background-color:#f9fbfc; border-top: 1px solid #ebedf0; border-radius: 0px 0px 0px 6px;} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide{width:200px !important; float:left;} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .InstanceID{font-size:14px; font-weight:600; color:#9e9d9d; text-align: left; padding-left: 10px;} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span{ background: linear-gradient(to top,#8fcad1 0%,#24aed6 100%); padding: 6px 30px; display: inline-block; border-radius: 1px; color: #fff; font-weight: 500; line-height: 14px; box-shadow: 0 2px 18px 0 rgba(0,0,0,.07);} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.Hold{background: linear-gradient(to top,#8fcad1 0%,#24aed6 100%);} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.Assigned{background: linear-gradient(to top,#B82925 0%,#cb3935 100%);} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.Completed{background: linear-gradient(to top,#18c254 0%,#5bc474 100%);} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.IssueRaised{background: linear-gradient(to top,#ffd800 0%,#ffb400 100%);} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.Verified{background: linear-gradient(to top,#569BFC 0%,#4485e0 100%);} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopRightSide{width:calc(100% - 200px) !important; float:left;} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopRightSide h2{margin:0; font-size:17px; font-weight:600; color:#343434; line-height:18px;} .CustomInboxDesignO_G .InboxGridOG .TopRow .TopRightSide p{margin:0; font-size:13px; font-weight:500; color:#9e9d9d;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul{padding:0; margin:0; flex-direction: row; display:flex; height:50px;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li{float:left; padding:7px 12px 7px 10px; position:relative; height:50px; border-right: 1px solid #ddd;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:first-child{width:8%;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(2){width:26%;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(3){width:26%;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(4){width:20%;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:last-child{width:20%; border:none;}.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight::before .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .LockInstance{position:relative;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .LockInstance::before{content:''; position:absolute; width: 30px; height: 30px; right: 0; background-image: url(../images/SpritesImages/InboxSprites.png); background-repeat: no-repeat; top: -1px; background-position: -90px 0px; left: 0; margin:auto;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceProfile, .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight{float:left;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight{padding-left:35px; position:relative;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight::before{content: ''; position: absolute;left: 0;background-image: url(../images/user5.png);width: 27px;height: 26px;top: 5px;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight p{font-size:11px; color:#9e9d9d; font-weight:500; margin: 0; line-height: 16px; letter-spacing: 0.5px;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight h5{font-size:15px; color:#787777; font-weight:600; margin: 0; line-height: 20px;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .ProcessedOn p, .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InitiatedOn p{font-size:11px; color:#9e9d9d; font-weight:500; margin: 0; line-height: 14px; letter-spacing: 0.5px;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .ProcessedOn h5, .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InitiatedOn h5{font-size:14px; color:#a3b1bd; font-weight:600; margin: 0; line-height: 14px;} .CustomInboxDesignO_G .InboxGridOG .RightContent {width: 100%; float: left; border-left: 1px solid #ebedf0;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent{float:left; width:calc(100% - 50px) !important; padding: 10.5px 0 10.5px 15px;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent ul{margin:0; padding:0;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent ul li{font-size:12px; color:#9e9d9d; font-weight:500; position:relative; padding: 2px 0 2px 20px;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent ul li::before{ content: ''; position: absolute; width: 8px; height: 8px; background-color: #ccc; border-radius: 25px; top: 9px; left: 0;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent{float:left; width:50px; border-left: 1px solid #ebedf0; display:none;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a{padding:20px 0; width:100%; display: inline-block; border-bottom: 1px solid #ebedf0; position:relative;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a::before{content:''; position:absolute; width: 30px; height: 30px; right: 0; background-image: url(../images/SpritesImages/SpritesImg.png); background-repeat: no-repeat; top: 5px; left: 0; margin:auto;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a:first-child::before{background-position: -214px -37px;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.Blink:first-child::before{background-position: -214px -73px;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a:nth-child(2)::before{background-position: -213px -107px;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a:last-child{border:none;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a:last-child::before{background-image:none; width:18px; height:18px; right:0; left:0; margin:auto; border:1px solid #ddd; border-radius:25px; top:10px; box-shadow: 0 2px 14px 0 rgba(0,0,0,.1);} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.normal::before{background-color:#607D8B;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.low::before{background-color:#4caf50;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.medium::before{background-color:#673ab7;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.high::before{background-color:#f44336;} .CustomToggleNew{border-radius: 4px; border: 1px solid #ddd; height: 28px; line-height: 13px; padding: 5px 8px; color: #9e9d9d; background-color: #fff; width: 150px; text-align: left; margin: 1px !important; box-shadow: none;} .CustomAllowBtn{border-radius: 4px; border: 1px solid #499fe1; height: 28px; line-height: 14px; padding: 5px 30px; color: #fff; background-color: #499fe1; float: left; margin-left: 8px; margin-top:2px;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.Blink{animation: VideoBlink 1s linear infinite; border-radius: 0 7px 0 0;} @keyframes VideoBlink{ 0%{background-color: #2a383f;} 25%{background-color: #43525a; } 50%{background-color: #626e74; } 75%{background-color: #43525a; } 100%{background-color: #2a383f;} } #dvIspDms .page-header{position:initial; margin:0;} #dvIspDms .page-header .heading-elements{top: 6px !important; right: 10px; position: absolute; } #dvIspDms .content {padding-top:20px !important;} #dvIspDms .content .panel .heading-elements{background-color:transparent;} #dvIspDms .content .panel{box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);} #dvIspDms .content .panel .panel-footer{padding: 0 10px; border-radius: 0; border-top: none !important; border: 1px solid rgba(195,195,195,.4); background-color: #fff; box-shadow: none;} #dvIspDms .content .panel .panel-footer ul.record li{ padding: 5.5px 10px !important;} #dvIspDms .content .panel .panel-body{padding:15px !important;} #dvIspDms .content .panel .panel-body .tab-content{border:none !important;} .tab-content.InboxCustomTable{display:inline-block; width:100%;} .Document .content, .Documents .content, .View .content{ padding-top: 60px !important;} .Project .GobalDFSToolBar{margin-top: 39px !important;} .Project .content {padding-top: 85px !important; } /*************************************/ .SerbaLogin{ background-image: url(../images/Serrbaone_BG.png); background-repeat: no-repeat; background-size: cover; position:relative;} .SerbaLogin::before{content:''; position:absolute; background-image: url(../images/Serrbaone_logo.png); left:0; top:0; width:376px; height:193px;} .SerbaLogin .login-form{width: 320px; float: right; margin-right: 120px; box-shadow: 0 1px 35px 0 rgba(159, 174, 181, 0.61); background: linear-gradient(to top,#dbdfe2 0%,#fff 25%)} .SerbaLogin .login-form .SerbaBtn {background: linear-gradient(to right,#408a55 0%,#16b280 100%); border-radius:25px; border:1px solid #c5fcee; box-shadow: 0 1px 23px 0 rgba(135, 154, 162, 0.8); padding: 8.5px 12px; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; margin: 15px 0; color:#fff;} .SerbaLogin .CustomBoxLogo{background-image: url(../images/Serrbaone_BoxLogo.png); background-repeat: no-repeat; position:relative; height:137px;} .SerbaLogin h5.CustomTitle { font-size: 15px; font-weight: 600; color: #343434; text-align: center; margin: 20px 0 !important;} .SerbaLogin .ContentMessage{position:relative;} .SerbaLogin .ContentMessage::before{content:''; position:absolute; background-image: url(../images/Serrbaone_content.png); left:0; top:50px; width:449px; height:105px;} .SerbaLogin .BottomFixed{background-color:#37474f; position:absolute; bottom:0; padding:10px;} .SerbaLogin .BottomFixed ul{margin:0; padding:0;} .SerbaLogin .BottomFixed ul li{float: left; color: #fff; font-size: 13px; font-weight: 500; position:relative; line-height: 16px; padding: 0 10px;} .SerbaLogin .BottomFixed ul li::after{content:''; position:absolute; width:1px; height:100%; background-color:#fff; right:0;} /*************************************/ .ProjectTemplate .CustomFixed{ position: initial; margin-bottom:0;} .ProjectTemplate .GobalDFSToolBar{margin-top:-2px !important; position:initial !important;} .ProjectTemplate .content{padding-top: 45px !important;} #dvInsComments .media-list{padding:10px;} .Dashboard{background: linear-gradient(to top,#fff 0%,#f2faff 100%); border: 1px solid #61b0ff; border-radius: 4px; padding: 0; float: left; width: 100%; margin-top: 15px; box-shadow: 5px 5px 5px rgba(204,202,204,1); margin: 15px 0;} .Dashboard.Green{border: 1px solid #94d99f; border-bottom: 6px solid #94d99f !important;} .Dashboard.Purple{border: 1px solid #9495d9; border-bottom: 6px solid #9495d9 !important;} .Dashboard.Blue{border: 1px solid #94ced9; border-bottom: 6px solid #94ced9 !important;} .Dashboard.Pink{border: 1px solid #d994d7; border-bottom: 6px solid #d994d7 !important;} .Dashboard.orange{border: 1px solid #ffd18d; border-bottom: 6px solid #ffd18d !important;} .Dashboard.violet{border: 1px solid #c880ff; border-bottom: 6px solid #c880ff !important;} .Dashboard .LeftDash{float:left; padding:5px 3px; width:100%; background-color: #eaf3fb; border-top: 1px solid #cfe8ff;} .Dashboard .RightDash{float:right; padding:5px; width:100%;} .Dashboard .LeftDash .Start{width:50%; float:left; text-align:center;} .Dashboard .LeftDash .End{width:50%; float:right; text-align:center;} .Dashboard .LeftDash .Start .DetailTitle, .Dashboard .LeftDash .End .DetailTitle{font-size: 11px; font-weight: 500; color: #868686; letter-spacing: 0.5px;} .Dashboard .LeftDash .Start .PlannedStart, .Dashboard .LeftDash .End .PlannedEnd, .Dashboard .LeftDash .Start .ActualStart, .Dashboard .LeftDash .End .ActualEnd, .Dashboard .LeftDash .Start .Currency, .Dashboard .LeftDash .End .ConvertionRate, .Dashboard .LeftDash .Start .AllocatedBudget, .Dashboard .LeftDash .End .StandardGrossMargin{font-size: 12px; font-weight: 600; color: #344b52; line-height: 18px;} .Dashboard .RightDash .Durations .Duration, .Dashboard .RightDash .Durations .ActualDuration, .Dashboard .RightDash .Durations .ProjectValue, .Dashboard .RightDash .Durations .TargetGrossMargin {font-size: 50px; text-align: center; font-weight: 500; line-height: 50px;} .Dashboard .RightDash .Durations .DetailTitle.MainTitle{ font-size: 14px; font-weight: 600; text-align: center; line-height: 25px;} .Dashboard .RightDash .Durations .Duration{color:#94d99f;} .Dashboard .RightDash .Durations .ActualDuration{color:#9495d9;} .Dashboard .RightDash .Durations .ProjectValue{color:#94ced9;} .Dashboard .RightDash .Durations .TargetGrossMargin{color:#d994d7;} .Dashboard .Rectangle .DetailTitle{letter-spacing: .5px; font-size: 14px; font-weight: 600; text-align: center; line-height: 20px; padding: 10px 0;} .Dashboard .Rectangle .PaymentFrequency{font-size: 30px; text-align: center; font-weight: 500;} .Dashboard .Rectangle .PaymentTypeName{text-align: center; font-size: 15px; font-weight: 500; padding: 12px 0;} .CustompanelLayout.panel{margin-top:15px;} .CustompanelLayout.panel .panel-heading{padding: 10px 20px !important; line-height: 15px; background: linear-gradient(to left, #b6f7ff, #97e5f3, #77d3e9, #54c0df, #24aed6); color: #fff; font-weight: 500; font-size: 14px;} .CustompanelLayout.panel .panel-body{padding: 12px;} .CustompanelLayout table{border-spacing: 0 0 !important; border-bottom:none !important;} .CustompanelLayout table thead tr th{padding: 10px 20px; font-size: 13px; font-weight: 600; line-height: 18px;} .CustompanelLayout table tbody tr td{padding: 10px 20px; font-size: 13px; font-weight: 500; line-height: 18px;} .InstanceActivity.panel{margin-bottom:0;} .InstanceActivity .panel-body{padding:0px !important;} .InstanceActivity .panel-body .col-md-5{padding: 0 0 0 10px;} .InstanceActivity .panel-body .col-md-7{padding: 0 10px 0 0;} .InstanceActivity .panel-body .ActivityList{float: left; border-right: 1px solid #ddd; padding: 0; width: 100%; } .InstanceActivity .panel-body .ActivityList ul.media-list{position:relative; overflow:initial; margin: 0 !important; padding: 20px 10px;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media{border-radius: 3px; padding: 0; margin-left:45px; background: linear-gradient(to bottom,#fff 0%,#f2faff 80%); box-shadow: 4px 4px 4px rgba(204, 202, 204, 0.45); position:relative;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media i::before{content: ''; position: absolute; top: 27px; background-image: url(../images/Instance.png); width: 16px; height: 16px; left: -43px; z-index: 9;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(odd){border:1px solid #D994D7;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(even){border:1px solid #9495D9;} .InstanceActivity .panel-body .ActivityList ul.media-list::before{content:''; position:absolute; height:100%; width:1px; background-color:#7eb7c1; left: 20px; top:10px;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media::before{background-color: #ffffff; content: ''; position: absolute; width: 40px; height: 40px; border-radius: 25px; left: -55px; top: 15px; z-index:5; border: 4px solid #fff;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media::after{content: ''; position: absolute; width: 20px; height: 1px; top: 34px; left: -21px; z-index: 0;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(odd)::after{background-color: #d994d7;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(even)::after{background-color: #9495d9;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(odd)::before{background-color: #d994d7;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(even)::before{background-color: #9495d9;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body .media-content{background-color: transparent; font-size: 13px; font-weight: 600; color: #566068; padding: 15px 10px; line-height: 22px; width: 100%; float: left; letter-spacing: 0.3px;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body .media-content::before{display:none;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration{margin:0; padding:0; background-color: #eaf3fb; border-top: 1px solid #cfe8ff; float: left; width: 100%;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li{width: 25%; float: left; padding: 10px 5px 10px 35px; line-height: 22px; font-size: 13px; font-weight: 500; color:#344b52; position:relative} /*.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:last-child{width:26%;}*/ .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li::before{content:''; position:absolute; background-image: url(../images/SpritesImages/InstanceSprites.png); width:20px; height:20px; left: 10px;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:first-child::before{background-position:0px 20px;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:nth-child(2)::before{background-position:60px 20px;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:nth-child(3)::before{background-position:40px 20px;} .InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:last-child::before{background-position:20px 20px;} .InstanceActivity .panel-body .ActivityChart{float: left; border-right: 1px solid #ddd; padding: 10px; width: 100%;} .InstanceActivity .panel-body .ActivityChart canvas{padding:5px; outline:none;} /**/ #ifmDesignStudio .GobalDFSToolBar{margin-top: 54px;} #ifmDesignStudio .content{padding-top: 155px;} .InDFS .content {padding-top:160px !important;} .DFSModal .modal-dialog{margin: 75px auto;} .InDFS .CustomModel .content{padding:20px !important;} .dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after{margin-top: -6px; right: 3px;} .activityFlow .GobalDFSToolBar{margin-top: 0px; border-left: 1px solid rgba(17,44,74,.3); border-right: 1px solid rgba(17,44,74,.3);} .activityFlow .CustomSidebarDFS .sidebar-content{top:80px;} .activityFlow .content{padding-top: 100px !important;} /**/ /*PRE LOADER*/ @keyframes lds-spin { 0% { opacity: 1; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes lds-spin { 0% { opacity: 1; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } #loader{position:relative;} .lds-css{height: 100vh; position: absolute; width: 100%; top: 0; margin: auto; text-align: center; left: 0; right: 0; background-color: rgba(73, 100, 140, 0.09); z-index:99;} .lds-css .lds-spin {position: relative; width: 200px !important; height: 200px !important; -webkit-transform: translate(-37.5px, -37.5px) scale(0.375) translate(37.5px, 37.5px); transform: translate(-37.5px, -37.5px) scale(0.375) translate(37.5px, 37.5px); margin: auto; top: 43%;} .lds-css .lds-spin div > div { position: absolute; width: 40px; height: 40px; border-radius: 50%; background: #1d3f72; -webkit-animation: lds-spin 1.3s linear infinite; animation: lds-spin 1.3s linear infinite; } .lds-css .lds-spin div:nth-child(1) > div { left: 140px; top: 80px; -webkit-animation-delay: -1.1375s;animation-delay: -1.1375s;} .lds-css .lds-spin > div:nth-child(1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 160px 100px; transform-origin: 160px 100px; } .lds-css .lds-spin div:nth-child(2) > div { left: 122.42640685999999px; top: 122.42640685999999px; -webkit-animation-delay: -0.975s; animation-delay: -0.975s; } .lds-css .lds-spin > div:nth-child(2) {-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 142.42640686px 142.42640686px; transform-origin: 142.42640686px 142.42640686px; } .lds-css .lds-spin div:nth-child(3) > div { left: 80px; top: 140px; -webkit-animation-delay: -0.8125s; animation-delay: -0.8125s; } .lds-css .lds-spin > div:nth-child(3) {-webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100px 160px; transform-origin: 100px 160px; } .lds-css .lds-spin div:nth-child(4) > div { left: 37.57359314px; top: 122.42640685999999px; -webkit-animation-delay: -0.65s; animation-delay: -0.65s; } .lds-css .lds-spin > div:nth-child(4) { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 57.57359314px 142.42640686px; transform-origin: 57.57359314px 142.42640686px; } .lds-css .lds-spin div:nth-child(5) > div { left: 20px; top: 80px; -webkit-animation-delay: -0.4875s; animation-delay: -0.4875s; } .lds-css .lds-spin > div:nth-child(5) { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 40px 100px; transform-origin: 40px 100px; } .lds-css .lds-spin div:nth-child(6) > div {left: 37.57359314px;top: 37.57359314px;-webkit-animation-delay: -0.325s;animation-delay: -0.325s;} .lds-css .lds-spin > div:nth-child(6) {-webkit-transform: rotate(225deg);transform: rotate(225deg);-webkit-transform-origin: 57.57359314px 57.57359314px;transform-origin: 57.57359314px 57.57359314px;} .lds-css .lds-spin div:nth-child(7) > div {left: 80px;top: 20px;-webkit-animation-delay: -0.1625s;animation-delay: -0.1625s;} .lds-css .lds-spin > div:nth-child(7) {-webkit-transform: rotate(270deg);transform: rotate(270deg);-webkit-transform-origin: 100px 40px;transform-origin: 100px 40px;} .lds-css .lds-spin div:nth-child(8) > div { left: 122.42640685999999px; top: 37.57359314px; -webkit-animation-delay: 0s; animation-delay: 0s; } .lds-css .lds-spin > div:nth-child(8) {-webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-transform-origin: 142.42640686px 57.57359314px; transform-origin: 142.42640686px 57.57359314px; } .lds-css .lds-spin div:nth-child(9) > div {left: 140px; top: 80px; -webkit-animation-delay: 0.1625s;animation-delay: 0.1625s;} .lds-css .lds-spin > div:nth-child(9) { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 160px 100px; transform-origin: 160px 100px;} /*PRE LOADER*/ /**/ #dvResults{background-color:#fff; box-shadow: 4px 4px 4px rgba(204,202,204,.45);} .SiteSearchMain{padding:10px;} .SiteSearchMain .SiteSearchResult{border-bottom: 1px solid #ddd; padding-bottom: 7px; margin-bottom: 7px;} .SiteSearchMain .SiteSearchResult .SearchTitle a{font-size: 16px; font-weight: 500; color: #1a0dab; letter-spacing: 0.3px; line-height: 20px; padding: 3px 0; display: inline-block; width: 100%;} .SiteSearchMain .SiteSearchResult .SearchHelpText p{ font-size: 13px; font-weight: 500; color: #353535; margin: 0; line-height: 16px; padding: 4px 0;} .SiteSearchMain .SiteSearchResult .SearchBreadcrumb i{font-size:14px !important;} .SiteSearchMain .SiteSearchResult .SearchBreadcrumb p{font-size: 13px; font-weight: 500; color: #626263; margin: 0; line-height: 14px; padding: 5px 0;} /**/ .viewer{background-color:transparent;} .InlineSingle.panel{box-shadow: 0 0 9px 0 rgba(159,174,181,.35); border: none; margin-bottom: 0; position: relative;} .InlineSingle.panel::before{position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.65); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); transform: scale(.7); z-index:99;} .InlineSingle.panel:hover::before{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s;} .InlineSingle .HoverBtnDoc{position: absolute; color: #e0e1e0; text-align: center; text-transform: uppercase; top: 40%; left: 0; right: 0; padding: 8px; z-index: 10; opacity: 0; margin: 0 auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index:100;} .InlineSingle:hover .HoverBtnDoc{opacity: 1; left: 0; right: 0; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s;} .InlineSingle .panel-body .MainFrameDoc{border:1px solid #ddd; height:100%;} .InlineSingle .panel-body .MainFrameDoc iframe{border:none;} .InlineMultiSelect, .TabListViewTab{height:160px;} .InlineMultiSelect:before, .InlineMultiSelect:after{z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 78%; max-width: 300px; -webkit-box-shadow: 0 15px 10px #656565; -moz-box-shadow: 0 15px 10px #656565; box-shadow: 0 15px 10px #656565; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);} .InlineMultiSelect:after{-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto;} .TabListViewTab{box-shadow: 4px 4px 4px rgba(204,202,204,.45);} .InlineMultiSelect .MultiLeftDoc, .TabListView .MultiLeftDoc{width: 40px !important; float:left; height: 100%;} .InlineMultiSelect .MultiLeftDoc a, .TabListView .MultiLeftDoc a{width: 100%; height: 100%; border-radius: 4px 0 0 4px;} .InlineMultiSelect .MultiRightDoc, .TabListView .MultiRightDoc{width: calc(100% - 40px) !important; float:left; height: 100%; border: 1px solid #ddd !important; background-color: #fff; border-left: none !important;} .InlineMultiSelect .MultiLeftDoc a i, .TabListView .MultiLeftDoc a i{position:relative; top:42%;} .TabListView .content{padding:0;} .ExplorerView .IspaceDoc .panel-heading .panel-title{line-height: 20px;} .ExplorerView .IspaceDoc .panel-heading .panel-title label{margin-bottom:0; color: #fff;} .ExplorerView .IspaceDoc .panel-heading .heading-elements{margin-top: -14px; background-color: transparent;} .ExplorerView {background-color: #fff; padding: 7px; border: 1px solid rgba(17,179,185,.25) !important; border-radius: 5px; box-shadow: 0 0 9px 0 rgba(159,174,181,.35);} .ExplorerView .gridbox{border:none;} .ExplorerView .gridbox .objboxParent .objbox table tbody tr td{border:none !important;} .ExplorerView .gridbox .objboxParent .objbox table tbody tr{border:none !important;} .ExplorerView .exploPanel.TilesCustom {float:left; width:46%; margin: 6px 0 6px 6px;} .ExplorerView .exploPanel.TilesCustom ul.media-list{padding: 6px; border-radius: 3px; color: #fff; background-color: #fff; border: 1px solid rgba(222, 222, 222, 0.9); box-shadow: 0 3px 8px rgba(0,0,0,.08); position:relative; margin-bottom:0 !important; float:left; width:100%; overflow: hidden;} .ExplorerView .exploPanel.TilesCustom:last-child ul.media-list{margin-bottom:0 !important;} .ExplorerView .exploPanel.TilesCustom ul.media-list.ListCustom::before{content:''; position:absolute; background-image:url(../images/CruveDoc.png); background-size:cover; width: 100%; height: 79px; overflow: hidden; left: 0; bottom: 0;} .ExplorerView .exploPanel.TilesCustom ul.media-list li{float: left; width: 100%;} .ExplorerView .exploPanel.ListCustom {float:left; width:100%; padding:0 10px;} .ExplorerView .exploPanel.ListCustom:first-child{padding-top:10px;} .ExplorerView .exploPanel ul.media-list{padding: 6px; border-radius: 3px; color: #fff; background-color: #fff; border: 1px solid rgba(222, 222, 222, 0.9); box-shadow: 0 3px 8px rgba(0,0,0,.08); position:relative; margin-bottom:10px !important; float:left; width:100%;} .ExplorerView .exploPanel:last-child ul.media-list{margin-bottom:0 !important;} .ExplorerView .exploPanel ul.media-list.ListCustom::before{content:''; position:absolute; background-image:url(../images/CruveDoc.png); background-size:cover; width: 100%; height: 79px; overflow: hidden; left: 0; bottom: 0;} .ExplorerView .exploPanel ul.media-list li{float: left;} .ExplorerView .exploPanel.TilesCustom ul.media-list li .media-left{float: left; width: 100%; height: 100px; padding: 0;} .ExplorerView .exploPanel.TilesCustom ul.media-list li .media-left img{width: 100%; height: 100px;} .ExplorerView .exploPanel.TilesCustom ul.media-list li a.Title{font-size: 12px; font-weight: 500; color: #303030; white-space: nowrap; width: 50px; overflow: hidden; text-overflow: ellipsis; display: inline-block;} .ExplorerView .media-left{padding-right: 15px; float:left;} .ExplorerView .media-left div{ width: 40px; height: 45px; border-radius: 6px; color: #fff; text-align: center; background-color: #208895;} .ExplorerView .media-left div i{font-size: 20px !important; color: #fff !important; top: 12px; position: relative;} .ExplorerView .media-body h6{margin:0; line-height: 18px;} .ExplorerView .media-body h6 a{font-size: 13px; font-weight: 500; color: #0ea7eb; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; display: inline-block;} .ExplorerView .panel{margin:0;} .ExplorerView .panel .panel-heading{padding:6px 20px !important; border-bottom: 1px solid #ddd;} .ExplorerView .panel .panel-heading .heading-elements {height: 25px; margin-top: -13px;} .ExplorerView .panel .panel-heading .heading-elements a{padding: 4px 6px; margin-right: 5px; line-height: 12px; color: #4caf50; border: 1px solid #fff; background-color: #fff;} .ExplorerView .panel .panel-body{padding:0;} .ExplorerView .panel .panel-body .LeftTree{width:165px; float:left; border-right: 1px solid #ddd;} .ExplorerView .panel .panel-body .RightData{width: calc(100% - 165px) !important; float:left;} .MultiRightDoc .slick-list .slick-track .slick-slide{height:135px; float:left; position:relative; outline:none; margin:12px 5px;} .MultiRightDoc .slick-list .slick-track .slick-slide::before{position: absolute; content: "";top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.65); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); transform: scale(.7);} .MultiRightDoc .slick-list .slick-track .slick-slide:hover::before{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s;} .MultiRightDoc .slick-list .slick-track .slick-slide .MultiSlideBtn{position: absolute; color: #e0e1e0; text-align: center; text-transform: uppercase; top: 40%; left: 0; right: 0; padding: 8px; z-index: 10; opacity: 0; margin: 0 auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .MultiRightDoc .slick-list .slick-track .slick-slide:hover .MultiSlideBtn{opacity: 1; left: 0; right: 0; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s;} .MultiRightDoc .slick-list .slick-track .slick-slide button{padding: 5px; display: inline-block; border: none; line-height: 10px; margin-left:5px;} .MultiRightDoc .slick-list .slick-track .slick-slide img{width:100%; height:136px; border: 1px solid #ddd;} .MultiRightDoc .slick-initialized .slick-prev, .MultiRightDoc .slick-initialized .slick-next, .MultiRightDoc .slick-initialized .slick-dots{display:none !important;} /**********************Filters**********************/ .LeftFilterCol{width:280px; float:left; padding:6px;} .LeftFilterCol .sidebar-detached .sidebar{width:100%; background-color:#fff; box-shadow: 0 1px 8px 0 rgba(0,0,0,.1); border-radius: 0; color: #444444;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content{width: 100%; float: left; padding: 0 15px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category{border-bottom: 1px solid #e0e0e0; width: 100%; float: left; padding: 0; margin-bottom:8px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title{padding:10px 0 7px; width: 100%; float: left;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list{right:0px; margin-top: -11px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li{float:left; margin-left: 8px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li a{width:20px; height:20px; } .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li a.ClearAll{padding: 7px 0px; line-height: 10px; position: relative; font-size: 11px; float: left; width: auto; height: auto; font-weight: 600; color: #328fea; letter-spacing: 0.1px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li a[data-action="collapse"]::after{background-image: url(../images/SpritesImages/SpritesImg.png); content: ''; position: absolute; width: 20px; height: 20px; right: 0; background-repeat: no-repeat; top: 0px; background-position: -218px -216px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li a[data-action="collapse"].rotate-180::after{background-position:-218px -218px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title span{ font-size: 12px !important; text-transform: uppercase; font-weight: 600; letter-spacing: 0.4px; margin: 0; line-height: 20px; color:#505050; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content{padding:12px 0; float:left; width:100%;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .form-group{margin-bottom:12px;} .LeftFilterCol .sidebar-detached .sidebar h6{color: #2f2f2f; font-size: 16px; font-weight: 500; text-align: left; margin: 0; line-height: 14px; padding: 16px 12px; letter-spacing: 0.1px; border-bottom: 1px solid #f0f0f0; background-color:#f5fbff;} .LeftFilterCol .sidebar-detached .sidebar #aClearAll{display: block; position: absolute; top: 13px; right: 12px; font-size: 11px; font-weight: 600; line-height: 12px; padding: 4px 6px; border-radius: 3px; color: #fff; background-color: #5195f4; letter-spacing: 0.5px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback input{height: 32px; background-color: #f9fbfc; border: 1px solid #d7dbdf; border-radius: 4px; font-weight: 500; padding: 5px 10px; font-size:12px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback .form-group a{height: 32px; padding: 5px 12px; line-height: 10px; display: inline-block; border-left: none; border-radius: 0 4px 4px 0; margin-left: 0px; position: absolute; right:1px; top:0;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback .form-group.SearchFil a:before{ background-position: -178px -492px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback .form-group.CalendarFil a:before{background-position: -211px -175px} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback .form-group a:before{ background-image: url(../images/SpritesImages/SpritesImg.png); content: ''; position: absolute; width: 32px; height: 30px; right: 0; background-repeat: no-repeat; top: 0px; } .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .range_inputs{width: 100%; float: left;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox {margin-right: 0; width: 100%; margin-bottom: 15px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox:last-child{margin-bottom: 0;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox label{line-height: 10px; color:#5a5a5a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="checkbox"]+label::before{border: 1px solid #AD3AF9; height:16px; width:16px; border-radius: 2px;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="checkbox"]+label::after{left: 0px; font-size: 8px; top: 0; color: #ffffff; width: 16px; height: 16px; border-radius: 2px; padding: 0 4px; background-color: #AD3AF9;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="radio"]+label::before{border: 1px solid #AD3AF9; height:15px; width:15px; border-radius: 2px; border-radius: 50%;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="radio"]+label::after{left: 3px; font-size: 9px; top: 0px; color:#5a5a5a; border-radius: 50%;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="radio"]:checked+label::before{background: #ad3af9;} .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content select{ border-radius: 4px; border: 1px solid #ddd; height: 32px; line-height: 11px; padding: 4px 8px; color: #908f8f; background-color: #fff; width: 100%; text-align: left; margin: 0 !important; box-shadow: none; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; text-transform: capitalize;} .RightresultCol{width:calc(100% - 280px) !important; float:left; padding:6px;} .pageCount .InstanceRecord, .pageCount .InstanceCount{float: left;} .pageCount .InstanceCount select{border-color: #c3c2c2; border-radius: 25px 0 0 25px; line-height: 9px !important; height: 27px !important; padding: 4px 20px 4px 12px !important; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/TringleRotate.png) !important; background-repeat: no-repeat; background-position: right center;} .pageCount .InstanceRecord{padding:0; margin:0;} .pageCount .InstanceRecord li {border-radius: 0 25px 25px 0; padding: 7px 10px; line-height: 12px; margin: 0; position: relative; font-size: 10px; font-weight: 500; text-transform: capitalize; background-color:#5195f4; border: none;} .pageCount .InstanceRecord li span{font-size: 11px; color: #fff; font-weight: 600;} .pageCount .InstanceRecord li label{margin-bottom: 0;} /**********************Filters**********************/ /***********************ISPACE***********************/ .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu{right:auto; border: 1px solid #ccc; margin-top: 4px;} .CustomIspaceMenuTop.navbar-right li.dropdown a.btn{border-radius: 4px; border: 1px solid #ccc; height: 28px; line-height: 14px; padding: 7px 8px; color: #929191; background-color: #fff; width: 115px; text-align: left; margin: 0 !important; margin-right: 5px !important; letter-spacing: 0.2px;} .CustomIspaceMenuTop.navbar-right li .heading-btn a.btn{border-radius: 3px; height: 28px; line-height: 14px; padding: 7px 12px; color: #fff; float: left; margin-left: 7px !important; margin:0; border: none;} .CustomIspaceMenuTop.navbar-right .CustomCheckbox{width: 100%; line-height:10px;} .CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="radio"]+label, .CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="checkbox"]+label{line-height: 10px; font-weight: 500; font-size:12px;} .CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="radio"]:checked+label::before{background: #7475bf;} .CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="radio"]+label::before, .CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="checkbox"]+label::before{height: 14px; width: 14px; border: 2px solid #7475bf;} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu {padding:8px} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu li{width:100%; float:left;} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu li .heading-btn{width:100%;} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu li .heading-btn a{width: 100%; margin: 0 !important; margin-bottom: 7px !important; text-align: center;} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu li:last-child .heading-btn a{margin-bottom:0px !important;} .CustomIspaceMenuTop.navbar-right li[title~=Priority].dropdown .dropdown-menu li a{line-height: 14px; padding: 6px 15px; font-weight: 500; font-size: 12px;} .CustomIspaceMenuTop.navbar-right li[title~=Priority].dropdown .dropdown-menu li a span{width:9px; height:9px; border:none;} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu li[title~=NormalPriority] a span{background-color:#008000;} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu li[title~=LowPriority] a span{background-color:#dcdc1c;} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu li[title~=MediumPriority] a span{background-color:#FFB266;} .CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu li[title~=HighPriority] a span{background-color:#FF0000;} .CustomIspaceMenuTop.navbar-right li[title~=Exit] .heading-btn a.btn{background-color: #5db59a;} .CustomIspaceMenuTop.navbar-right li[title~=Download] .heading-btn a.btn{background-color: #22d4ea;} .CustomIspaceMenuTop.navbar-right li[title~=Submit] .heading-btn a.btn{background-color: #6f7cc5;} .CustomIspaceMenuTop.navbar-right li[title~=Comment] .heading-btn a.btn{background-color: #9bd25c;} .CustomIspaceMenuTop.navbar-right li[title~=Cancel] .heading-btn a.btn{background-color: #ff7d54;} .CustomIspaceMenuTop.navbar-right li[title~=External] .heading-btn a.btn{background-color: #22d4ea;} .CustomIspaceMenuTop.navbar-right li[title~=Modify] .heading-btn a.btn{background-color: #6f7cc5;} .CustomIspaceMenuTop.navbar-right li[title~=Rights] .heading-btn a.btn{background-color: #9bd25c;} .CustomIspaceMenuTop.navbar-right li[title~=Allocation] .heading-btn a.btn{background-color: #3689c6;} .CustomIspaceMenuTop.navbar-right li[title~=DMS] .heading-btn a.btn{background-color: #6f7cc5;} .CustomIspaceMenuTop.navbar-right li[title~=Form] .heading-btn a.btn{background-color: #3689c6;} .CustomIspaceMenuTop.navbar-right li[title~=Collaboration] .heading-btn a.btn{background-color: #3689c6;} .CustomIspaceMenuTop.navbar-right li .heading-btn a.btn.icon{height: 26px; padding: 5px 13px; line-height: 10px; display: inline-block; border-radius: 4px; background-color: #fff; position: relative; float: left; } .CustomIspaceMenuTop.navbar-right li .heading-btn a.btn.icon::after{content: ''; position: absolute; width: 26px; height: 26px; right: 0; background-image: url(../images/SpritesImages/SpritesImg.png); background-repeat: no-repeat; top: -1px; left: 0; margin: auto;} .CustomIspaceMenuTop.navbar-right li[title~=Save] .heading-btn a.btn.icon{border: 1px solid #5db59a;} .CustomIspaceMenuTop.navbar-right li[title~=Cancel] .heading-btn a.btn.icon{border: 1px solid #ff7d54;} .CustomIspaceMenuTop.navbar-right li[title~=Save] .heading-btn a.btn.icon::after{background-position: -215px -495px;} .CustomIspaceMenuTop.navbar-right li[title~=Cancel] .heading-btn a.btn.icon::after{background-position: -215px -530px;} /***********************ISPACE***********************/ .MonitorLeft{width:280px; float:left; background-color:#fff; box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.03), 0 2px 4px 0 rgba(0,0,0,0.08) !important;} .MonitorLeft #accordion{padding:8px;} .MonitorLeft #accordion .panel {border:none; margin-bottom:10px;} .MonitorLeft #accordion .panel .panel-heading{ background-image: linear-gradient(58deg, #4c7cf3 0, #4cc6f3 100%) !important; border:none; border-radius: 3px 3px 0 0;} .MonitorLeft #accordion .panel .panel-heading h4{line-height:18px; color:#fff;} .MonitorLeft #accordion .panel .panel-heading h4 a{font-size:15px; font-weight:500; letter-spacing: 0.3px;} .MonitorLeft #accordion .panel .panel-heading h4 a::before{font-size: 14px; margin-top: -7px;} .MonitorLeft #accordion .panel .panel-collapse{ border: 1px solid #ddd; border-top: none;} .MonitorLeft #accordion .panel .panel-collapse .panel-body{padding:0;} .MonitorRight{width: calc(100% - 300px); float:left; margin-left:20px; background-color:#fff; box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.03), 0 2px 4px 0 rgba(0,0,0,0.08) !important; padding:10px;} .MonitorRight #dvProcessMonitorDiagram{border:1px solid #ddd;} .panel.CustomImageContainer{width:100%; float:left; box-shadow: 5px 0 4px 0 rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.08) !important; margin-top:15px;} .panel.CustomImageContainer .panel-heading{background-image: linear-gradient(58deg,#4c7cf3 0,#4cc6f3 100%) !important; border: none; border-radius: 3px 3px 0 0; color:#fff;} .panel.CustomImageContainer .panel-heading h6{font-size: 15.5px; font-weight: 500; letter-spacing: 0.3px;} .panel.CustomImageContainer .thumb:hover > .caption-overflow{display:none;} .panel.CustomImageContainer .panel-body .thumbnail{border: 1px solid #bfbebe; padding:6px;} .LabelWidget {height:auto !important;} .LabelWidget .grid-stack-item-content{background-color:transparent !important; box-shadow:none !important;} .LabelWidget .grid-stack-item-content::after{display:none;} .LabelWidget .grid-stack-item-content .dvLayoutBtn{top:10%; padding:4px;} .grid-stack-item-content {box-shadow: 0 2px 4px rgba(33,33,33,.2); border-radius: 3px 3px 0 0; box-shadow: 0 1px 11px 0 rgba(0,0,0,.1) !important; border: 1px solid #54a8fd !important;} .grid-stack-item-content::before{position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.65); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); transform: scale(.7); z-index: 99; height:40px;} .grid-stack-item-content:hover::before{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s;} .grid-stack-item-content::after{content: ''; position: absolute; width: 100%; height: 111px; background-image: url(../images/wavee-bg-green.png); background-repeat: no-repeat; bottom: -20px; left: 0px; background-size: cover;} .grid-stack-item-content h4{width: 100%; float: left; margin: 0; padding: 11px 10px; line-height: 18px; font-size: 16px; font-weight: 500; color:#505050; letter-spacing:0.5px; border-bottom: 1px solid #e6e6e6;} .grid-stack-item-content .stream-item{padding: 40px 15px 15px 15px;} .grid-stack-item-content .stream-item p{font-size:13px; font-weight:500;} .grid-stack-item-content .grid-item{margin:0 auto;} .grid-stack-item-content .dvLayoutBtn{position: absolute; color: #e0e1e0; text-align: center; text-transform: uppercase; top: 0; right: 0; padding: 5px; z-index: 10; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 999;} .grid-stack-item-content:hover .dvLayoutBtn{opacity: 1; right: 0; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s;} .grid-stack-item-content .dvLayoutBtn button{border: 2px solid #fbc647; background-color: transparent; padding: 9px 11px; border-radius: 3px; width: 30px; height: 30px; margin-right: 8px; position:relative;} .grid-stack-item-content .dvLayoutBtn button i{position:absolute; top:5px; left:5px;} .DashBrdExec::before{display:none;} #dvSelectMonitor, #dvMonitorSelector{margin-top: 1px; margin: 0; margin-right: 10px;} #dvSelectMonitor select, #dvMonitorSelector select{height: 28px; border-radius: 3px; font-size: 12px; font-weight: 500; background-color: #f9fbfc; border: 1px solid #d6dade; color: #808080; line-height: 14px; padding: 5px 15px 5px 5px; width: 200px;} #dvSlider .irs-with-grid {height:50px;} /*HOLOLENS LOGIN PAGE*/ .CustomHololensLogin{background-color:#6789fc; position:relative; background-image: url(../images/BG1.png), url(../images/BG2.png), url(../images/BG3.png); width: 100%; background-repeat: no-repeat; background-position: 0 0%,100% 0,50% 50%;} .CustomHololensLogin .content-wrapper{position:relative;} .CustomHololensLogin #divLoginFrame{padding:0 0 35px;} .CustomHololensLogin .content-wrapper:after{content:''; position:absolute; background-image: url(../images/BG4.png); width: 100%; height: 161px; background-repeat: no-repeat; background-position:0 100%; background-size:cover; bottom:0; z-index:0;} .CustomHololensLogin h5{font-size:30px; font-weight:500; color:#0a1a4d; text-transform:uppercase; margin: 0 !important;} .CustomHololensLogin small{font-size:16px; font-weight:500; color: #fff !important; letter-spacing: 0.3px; } .CustomHololensLogin .form-group{margin-bottom:10px;} .CustomHololensLogin .form-group .group input{width:100%; float:left; border-radius:70px; background-color:#fff !important; border: none; height: 36px; padding: 5px 20px; color: #e0e0e0; font-size: 15px; font-weight: 500;} .CustomHololensLogin .Forgotpassword a{font-size:14.5px; color:#fff; font-weight:500;} .CustomHololensLogin .TeamConditions{font-size:14.5px; color:#fff; font-weight:500; text-align: right;} .CustomHololensLogin .TeamConditions a{color:#041a5e;} .CustomHololensLogin button{border-radius: 40px; height: 36px; border: none; color: #222222; background-color: #fcd089; text-transform:uppercase; font-size:15px; font-weight:600;box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3); width:100%;} .CustomHololensLogin button:hover{box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3); color:#222222 !important;} .CustomHololensLogin .CustomCopyRight{color:#041a5e; font-weight:600; font-size:15px; z-index:1;} .CustomHololensLogin .CustomCopyRight a{color:#041a5e !important; } .CustomHololensLogin .form-group .group .validation-error-label{color:#ffbcbb; font-weight:500; top:-35px; line-height: 16px;} .CustomHololensLogin .progress{background-color: #fff; border-radius: 10px; height: 18px; padding: 2px; box-shadow: none;} .CustomHololensLogin .progress .blue{width: 40%; height: 14px; border: none; background-image: linear-gradient(to bottom,#6789fc, 70%,#6789fc); box-shadow: none;} .CustomHololensLogin .progress .blue span{font-size:10px; color:#fff; text-shadow: none; line-height: 12px;} .CustomHololensLogin #divLogo{padding:0 0 20px;} .CustomMindLogin {background-color:#cdd3e1; position:relative; background-image: url(../images/CustomLogin/BG.png), url(../images/CustomLogin/BG1.png), url(../images/CustomLogin/BG2.png); width: 100%; background-repeat: no-repeat; background-position: 100% 0%,0% 0%, 90% 100%;} .CustomMindLogin .content-wrapper{position:relative;} .CustomMindLogin .verticalMiddle{display:table; height:510px; float:left;} .CustomMindLogin .verticalMiddle .verticalCenter{display:table-cell; vertical-align:middle;} .CustomMindLogin .LeftSide{float: left; background-color: transparent; box-shadow: none; width:500px;} .CustomMindLogin .LeftSide .panel-body{padding:5px;} .CustomMindLogin .LeftSide .Header{float:left; width:100%;} .CustomMindLogin .LeftSide .Header .Icon{width: 55px; height: 55px; background-color: #fff; float: left; border-radius: 5px; position:relative; box-shadow: 0px 4px 7px rgba(66, 93, 209, 0.2);} .CustomMindLogin .LeftSide .Header .Icon::before{content:''; position:absolute; background-image: url(../images/CustomLogin/LeftIcon.png); width:39px; height:39px; left: 0; right: 0; margin: auto; top: 8px;} .CustomMindLogin .LeftSide .Header h5{float: left; margin: 0; line-height: 22px; padding-top: 30px; padding-left: 15px; color: #4b4c51; font-weight: 500; font-size: 25px;} .CustomMindLogin .LeftSide .Leftcontent{padding:30px 0; width: 100%; float: left; } .CustomMindLogin .LeftSide .Leftcontent p{font-size: 16px; font-weight: 500; color: #5f6065; line-height:26px;} .CustomMindLogin .LeftSide .Leftcontent p strong{font-weight:bold; color: #2b2b2f;} .CustomMindLogin .LeftSide .Leftcontent ul{background-color: #d6dbe7; margin: 0; float: left; padding: 4px 15px; border-radius: 30px; margin: 22px 0 12px;} .CustomMindLogin .LeftSide .Leftcontent ul li{width: 30px; height: 30px; float: left; position:relative; margin: 5px 15px;} .CustomMindLogin .LeftSide .Leftcontent ul li::after{content:''; position:absolute; width:30px; height:30px; background-image: url(../images/Icons.png);} .CustomMindLogin .LeftSide .Leftcontent ul li:first-child::after{background-position:0 30px;} .CustomMindLogin .LeftSide .Leftcontent ul li:nth-child(2)::after{background-position:-67px 30px;} .CustomMindLogin .LeftSide .Leftcontent ul li:nth-child(3)::after{background-position:-133px 30px;} .CustomMindLogin .LeftSide .Leftcontent ul li:nth-child(4)::after{background-position:30px 30px;} .CustomMindLogin .LeftSide .Leftfooter{ text-align: left; float: left; width: 100%; border-top: 1px solid #bfc7df; padding: 10px 0;} .CustomMindLogin .LeftSide .Leftfooter span{color:#7d7f85; font-size:12px; font-weight:500;} .CustomMindLogin .LeftSide .Leftfooter span a{color:#7d7f85 !important; } .CustomMindLogin .login-form{width: 440px; border-radius: 10px !important; margin: 0; float: right; margin-right: 35px; box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);} .CustomMindLogin .login-form .panel-body{padding: 45px 50px;} .CustomMindLogin .LogoContainer{text-align:center; box-shadow: 0 8px 12px rgba(0,0,0,.07); border-bottom: 1px solid rgba(221, 221, 221, 0.3); height: 108px;} .CustomMindLogin .LogoContainer .LogoMind{display: inline-block; background-color: #fff; width: 115px; height: 115px; border-radius: 75px; position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto; box-shadow: 0px 5px 22px rgba(66, 93, 209, 0.24);} .CustomMindLogin .LogoContainer .LogoMind img{position: relative; top: 35px;} .CustomMindLogin .form-group{margin-bottom:15px;} .CustomMindLogin .form-group label{font-size: 14px; font-weight: 500; color: #898b95;} .CustomMindLogin .form-group input{width:100%; float:left; background-color:#fff !important; border-bottom: 1px solid #435dcf !important; height: 36px; padding: 5px 0; color: #333; font-size: 15px; font-weight: 500; border:none;} .CustomMindLogin .Forgotpassword{margin-bottom:35px !important;} .CustomMindLogin .Forgotpassword a{font-size:13px; color:#5068d7; font-weight:500;} .CustomMindLogin .TeamConditions{font-size:14.5px; color:#fff; font-weight:500; text-align: right;} .CustomMindLogin .TeamConditions a{color:#041a5e;} .CustomMindLogin button{border-radius: 40px; height: 42px; border: none; color: #fff; background-image: linear-gradient(58deg,#4f6df6 0,#3a54c5 100%) !important; text-transform: uppercase; font-size: 16px; font-weight: 500; box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3); width: 100%; letter-spacing: 0.4px; margin-bottom: 25px;} .CustomMindLogin button:hover{box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3); color:#fff !important; opacity:0.95;} .CustomMindLogin .form-group span{color:#6e7173; font-weight:500; font-size:12px; z-index:1;} .CustomMindLogin .form-group .group .validation-error-label{color:#ffbcbb; font-weight:500; top:-35px; line-height: 16px;} .CustomMindLogin .progress{background-color: #fff; border-radius: 10px; height: 18px; padding: 2px; box-shadow: none;} .CustomMindLogin .progress .blue{width: 40%; height: 14px; border: none; background-image: linear-gradient(to bottom,#6789fc, 70%,#6789fc); box-shadow: none;} .CustomMindLogin .progress .blue span{font-size:10px; color:#fff; text-shadow: none; line-height: 12px;} /* Scrollbar rail styles*/ .ps {overflow: hidden !important;overflow-anchor: none;-ms-overflow-style: none;touch-action: auto;-ms-touch-action: auto;} .ps__rail-x {display: none;opacity: 0;transition: background-color .2s linear, opacity .2s linear;-webkit-transition: background-color .2s linear, opacity .2s linear;height: 15px;bottom: 0px;position: absolute;} .ps__rail-y {display: none;opacity: 0;transition: background-color .2s linear, opacity .2s linear;-webkit-transition: background-color .2s linear, opacity .2s linear;width: 5px;right: 0;position: absolute;} .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {display: block;background-color: transparent;} .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {opacity: 0.6;} .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {background-color: #ccc;opacity: 0.9;} .ps__thumb-x {background-color: #aaa;border-radius: 6px;transition: background-color .2s linear, height .2s ease-in-out;-webkit-transition: background-color .2s linear, height .2s ease-in-out;height: 6px;bottom: 2px;position: absolute;} .ps__thumb-y {background-color: #aaa;border-radius: 6px;transition: background-color .2s linear, width .2s ease-in-out;-webkit-transition: background-color .2s linear, width .2s ease-in-out;width: 6px;right: 2px;position: absolute;} .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px;} .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* Scrollbar thumb styles*/ #dvMMView .ViewType{width:100%; padding:10px;} .CustomViewToggleLeft{width: 285px; float:left;} .CustomViewToggleLeft .sidebarcustom .sideBarContent, .CustomViewToggleRight{border: 1px solid #46a0fc !important; box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important; border-radius: 4px 4px 0 0;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-title, .CustomViewToggleRight #divSelectedColumns .header{background: #4F7AB8; background-image: linear-gradient(120deg, #46a0fc, #8dc6ff) !important; border: 0px !important; padding: 10px 20px !important;} .CustomViewToggleRight #divSelectedColumns #content{border:none; background-color:transparent;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-title span{color:#fff; line-height:18px; text-transform: uppercase;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main{border-top:none; border-radius: 0 0 4px 4px; background-color:#fff;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-SubMenu{padding: 7px 0; border-bottom: 1px solid #46a0fc; background-color:#F1F8FE; text-align:right;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-SubMenu span{padding:8px 5px;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-SubMenu span a[disabled="disabled"]{cursor:not-allowed; opacity:0.7;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content{padding:10px 0 0 0;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content #dvViewGrid{width:100% !important; border:none;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles{border-bottom: 1px solid #46a0fc; float:left; width:100%;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .heading-elements{top: 23px; background-color: transparent; height: 30px; right:10px;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .DBType, .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .QueryName{float:left; margin-right:8px;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Btn_Combo{float:right;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .QueryName input{height: 28px; border: none; border-radius: 4px; padding: 5px 10px; font-size: 12px; font-weight: 500;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content .gridbox .objboxParent .objbox table tbody tr.rowselected td{background-color: #f7bb0f !important; border: none !important; color: #fff !important;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content .gridbox .objboxParent .objbox table tbody tr.odd_dhx_skyblue td{background-color: rgba(104, 176, 253, 0.15); border: none !important;} .CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content .gridbox .objboxParent .objbox table tbody tr td{height: 36px; border: none !important; font-size:13px; font-weight:600; letter-spacing:0.3px;} .CustomViewToggleLeft.active{margin-left:-320px; } .CustomViewToggleRight, .CustomDataBind {width: calc(100% - 300px); float:left; margin-left:15px; position:relative;} .CustomViewToggleRight.active{width:100%;margin-left:0;} .CustomViewToggleRight #divSelectedColumns{width: 100%;} .CustomViewToggleRight #main{width:100%; padding:0; background-color:transparent;} .CustomViewToggleRight #divSelectedColumns .header a{width: 16px; height: 32px; line-height: 50px; display: block; font-size: 27px; border: 1px solid #fff; border-right: 0; border-radius: 0 3px 3px 0; text-align: center; position: absolute; left: 0px; z-index: 4; padding: 0; background-color: #fff; top: 4px;} .CustomViewToggleRight #divSelectedColumns .header a i{position: relative; top: 7px; left: -1.5px;} .CustomViewToggleRight #divSelectedColumns .header span{font-size: 14px; font-weight: 500; color: #fff; text-transform: uppercase; padding-left: 7px;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query{border-radius: 3px; height: 28px; line-height: 12px; padding: 7px 10px 7px 40px; color: #fff; float: left; margin-right: 7px !important; margin: 0; border: none; font-size:11px; font-weight:600; position:relative; cursor:pointer; letter-spacing: 0.5px; text-transform:uppercase;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query::before{ background-color:#fff; width:30px; height:28px; content:'';position:absolute; top: 0; left: 0; border-radius: 3px 0 0 3px;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query::after{ content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #fff; border-bottom: 5px solid transparent; left: 30px; top: 9px;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-save-query-button::before{background-image:url(../images/SpritesImages/MetaModal.png); background-position:0 28px;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-clear-query-button::before{background-image:url(../images/SpritesImages/MetaModal.png); background-position:60px 56px;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-load-query-button::before{background-image:url(../images/SpritesImages/MetaModal.png); background-position:30px 84px;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-load-query-button{background-color:#5db59a;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-save-query-button{background-color:#5db59a;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-clear-query-button{background-color:#ff7d54;} .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles select{border-radius: 4px; border: none; height: 28px; line-height: 14px; padding: 0px 8px; color: #5d5d5d; background-color: #fff; width: 150px; text-align: left; margin: 0 !important; box-shadow: none; font-size:11px; font-weight:500;} .panel_bg_01.panel{border: 1px solid #ab8ce4c2 !important; box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.03), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;} .panel_bg_01.panel .panel-heading{background-image: none; border-bottom: 1px solid #ab8ce4c2 !important; padding: 10px 20px !important;} .panel_bg_01.panel .panel-heading h6{color: #3b5267 !important; font-weight:500;} .panel_bg_01.panel .panel-body{padding:0;} /*HOLOLENS LOGIN PAGE*/ /*CUSTOM GRID STYLE*/ /*#divCanvas .custom_data_grid_two_del_btn .table-widget .table-widget-content table tbody tr td:nth-child(4) button{background-image: url(../../images/delete.png); background-position: center; background-repeat: no-repeat; background-color: transparent; border: 0px; content: none !important; text-align: right; color: #E57373; width: 100%; transition:0.5s; padding:8px; color: white !important;}*/ /* Custom Tree Grid */ #divCanvas .cus_tree_grid{-webkit-box-shadow: 0px 0px 7px 0px rgba(135,154,190,0.52) !important; -moz-box-shadow: 0px 0px 7px 0px rgba(135,154,190,0.52) !important; box-shadow: 0px 0px 7px 0px rgba(135,154,190,0.52) !important;} #divCanvas .cus_tree_grid .table-widget .table-widget-content table thead tr th{border: none; padding: 15px 10px; background-color: #f7f7fa !important; line-height: 16px; font-size: 13px; color: #394c59; font-weight: 500; border-left: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important;} #divCanvas .cus_tree_grid .table-widget .table-widget-content table{padding:0px;} #divCanvas .cus_tree_grid table.dataTable tbody tr.selected {background-color: #e7f1fe !important;} #divCanvas .cus_tree_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group .form-control, #divCanvas .cus_tree_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .controls .form-control{border:0px; background-color:transparent !important; color:#3b5267; font-size:15px;} #divCanvas .cus_tree_grid .table-widget .table-widget-content table tbody tr td {border-bottom: 1px solid #ddd !important; border-top: 0px solid #ddd !important; height:40px !important; } #divCanvas .grid_results_edit3 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td div span button {border: 2px solid #2e89e5 !important; background-color: #ffffff; font-size: 13px; border-radius: 25px; padding: 6px 25px; font-weight: bold !important; color: #2e89e5; } #divCanvas .unassign-liscence .grid_results_edit3 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td div span button { border: 2px solid rgba(0,194,146,.8) !important; background-color: rgba(0,194,146,.8)!important; font-size: 13px; border-radius: 25px; padding: 6px 25px; font-weight: bold !important; color: #fff;} #divCanvas .grid_icon-wrp .table-widget .table-widget-content .dataTables_wrapper table tbody tr td:nth-child(3) div span button:hover, #divCanvas .grid_icon-wrp .table-widget .table-widget-content .dataTables_wrapper table tbody tr td:nth-child(4) div span button:hover{background-color: transparent !important;} #divCanvas .grid_icon-wrp .grid_results_edit3 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td:nth-child(2) div span button:hover, #divCanvas .grid_icon-wrp .grid_results_ro1 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td:nth-child(3) div span button:hover { opacity: 0.5; filter: alpha(opacity=50); /* This is for IE8 and other earlier browsers */ -webkit-box-shadow:none !important; -moz-box-shadow: none !important; box-shadow: none !important; background-color: transparent !important; } #divCanvas .grid_results_edit3 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td div span button:hover {background-color: #1584ef !important; font-size: 13px; color: #fff !important; -webkit-box-shadow: 0px 2px 15px 0px rgba(3, 44, 254, 0.39); -moz-box-shadow: 0px 2px 15px 0px rgba(3, 44, 254, 0.39); box-shadow: 0px 2px 15px 0px rgba(3, 44, 254, 0.39); } .grid_results_edit3 {border: 0px solid #bfd8e3;border-radius: 0px;margin-bottom: 0;background-color: transparent;} .grid_results_edit3 .panel-heading {background-image: url('../images/Themes/Default_Theme/bg_trans_1.png') !important;background-color: #d8eeff;background-size: 100% 100%;background-repeat: no-repeat;padding: 10px 20px !important;background-repeat: no-repeat !important;box-shadow: 0 1px 20px 0 rgba(69, 90, 100, .08);} #divCanvas .grid_results_edit3 .panel-heading {border-radius: 5px !important;} #divCanvas .header-hide-grid .panel-heading {display:none !important} #divCanvas .grid_results_edit3 .panel-heading h6 {font-size: 16px;font-weight: bold !important;color: #3c556c !important;letter-spacing: 0.5px;} #divCanvas .grid_results_edit3 .panel-heading .heading-elements {margin-top: -15px;right: 10px;background-color: transparent;} #divCanvas .grid_results_edit3 .panel-heading .navbarpad {margin: 0;} #divCanvas .grid_results_edit3 .panel-heading .navbarpad li a {padding: 5px 8px !important; } #divCanvas .grid_results_edit3 .panel-heading .navbarpad li .btn {border: 0px solid #ffffff;border-radius: 3px;margin-left: 6px;font-weight: 600;color: #3c556c;letter-spacing: 0.2px;font-size: 14px;line-height: 12px;} #divCanvas .grid_results_edit3 .panel-heading a.collapse3 {color: #3c556c;} #divCanvas .grid_results_edit3 .panel-heading a.collapse3:after {content: '\f056';font-size: 20px;} #divCanvas .grid_results_edit3 .panel-heading a.collapse3.rotate-180:after {content: '\f055';font-size: 20px;} #divCanvas .grid_results_edit3 .collapse {background-color: #fcfcfc;border-bottom: 1px solid #dddddd;} #divCanvas .grid_results_edit3 .collapse a {width: 100% !important;} #divCanvas .grid_results_edit3 .panel-body {padding: 0;} #divCanvas .grid_results_edit3 .table-widget-content table thead {background-color: #e8eaec;} #divCanvas .grid_results_edit3 .table-widget-content table {padding: 0 !important;} #divCanvas .grid_results_edit3 .table-widget-content table thead tr th {font-size: 15px !important;font-weight: 600 !important;color: #777777 !important;background-color: transparent !important;border: none !important;padding: 0 8px !important;} #divCanvas .grid_results_edit3 .table-widget-content table tbody tr.selected td {background-color: #d5e9fe !important;} #divCanvas .grid_results_edit3 .ui-iggrid .ui-widget-content tr {border-bottom: 5px;} #divCanvas .grid_results_edit3 .table-widget-content table tbody td {position: relative !important;height:40px !important;} #divCanvas .grid_results_edit3 .ui-iggrid .ui-widget-content td .controls {position: absolute;top: -2px;} #divCanvas .grid_results_edit3 table tr td {border: none !important;border-bottom: 1px solid #bcc6d1 !important;border-top: 1px solid #bcc6d1 !important;border-left: 0px solid #cccccc !important;border-right: 0px !important;padding-left: 15px;} #divCanvas .grid_results_edit3 table tr td:first-child {border-left: none !important;} #divCanvas .grid_results_edit3 table, .z_grid tr td {border-spacing: 0 7px;background-color: #fcfffd;} #divCanvas .grid_results_edit3 tr td {background-color: #ffffff;} #divCanvas .grid_results_edit3 .ui-iggrid-selectedcell .ui-igcombo-wrapper {height: 100%!important;padding-left: 20px} #divCanvas .grid_results_edit3 .datatable-footer .bootpag li a {border: 1px solid #b1b1b1 !important;color: #787878 !important;} #divCanvas .grid_results_edit3 .datatable-footer {padding: 4px 0 !important;} #divCanvas .grid_results_edit3 .navbarpad li:last-child a {top: 0 !important;} #divCanvas .grid_results_edit3 table.dataTable {margin-bottom: 0px !important; margin-top: 0px !important;} @media (max-width: 1275px) and (min-width: 769px) {.heading-elements.visible {background-color: #00bcd4 !important;}} #divCanvas .grid_results_edit3 tr .selected .form-group {border: 1px solid #dddddd !important;} #divCanvas .grid_results_edit3 .search_part .input-group-btn .btn {background-color: #1a7251 !important;} #divCanvas .grid_results_edit3 .search_part .input-group-btn .btn:hover {background-color: #136244 !important;} #divCanvas .grid_results_edit3 .navbarpad a {color: #3c556c !important;} #divCanvas .grid_results_edit3 .navbarpad .dropdown-menu a {color: #464846 !important;} #divCanvas .grid_results_edit3 .navbarpad .dropdown-menu {border-bottom: 1px solid #464846 !important; border-left: 1px solid #464846 !important; border-right: 1px solid #464846 !important;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table.dataTable tbody tr.selected {background-color: red !important;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td .form-group .form-control {border: 1px solid transparent !important;background-color: transparent !important;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr.selected td .form-group .form-control {background-color: White !important;border: 1px solid #c9d3e3 !important; } #divCanvas .grid_results_edit3 .table-widget .table-widget-content table thead tr th {font-size: 12px !important;border-bottom: 0px solid #ddd !important;padding: 7px 10px !important;line-height: 15px;} .grid_results_edit3 .dataTable .dataTables_empty {font-size: 18px !important;background-image: url(../images/nodata.png) !important;background-repeat: no-repeat !important;background-position: top 10px center !important;padding-top: 150px !important;height: 130px !important;color: #fa7c9f;padding-bottom: 12px !important;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:first-child {background-position: left;background-repeat: no-repeat;font-size: 12px !important;color: #324923 !important;border-left: 1px solid #bcc6d1 !important;border-radius: 5px 0px 0px 5px !important} #divCanvas .grid_results_edit3 .treegrid-control {display: none;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:nth-child(2) {border-left: 1px solid #bcc6d1 !important;border-radius: 5px 0 0 5px;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:last-child {border-right: 1px solid #bcc6d1 !important;border-radius: 0px 5px 5px 0px !important} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:first-child .form-group .form-control, #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:first-child .controls .form-control {font-size: 16px !important;color: #324923 !important;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:nth-child(2) input[type=text] {border: 1px solid #dddddd !important;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group .form-control, #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:nth-child(2) .controls .form-control {font-size: 12px !important;color: #5a5b5b !important;} #divCanvas .cus-btn-lst-chd .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:last-child button {border: 2px solid #2e89e5 !important; background-color: #ffffff !important; color: #2e89e5; font-size: 13px; padding: 6px 25px; border-radius: 25px !important;} #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:last-child button {background-color: transparent !important; border: 0px !important; text-align: center; padding: 8px 10px; background-image: url('../images/percentage.png'); background-position: center; background-repeat: no-repeat; } #divCanvas .grid_results_edit3 .CustomCheckbox input[type="radio"]+label::before, .CustomCheckbox input[type="checkbox"]+label::before {content: ""; display: inline-block; vertical-align: -35%; height: 18px; width: 18px; background-color: #fff; border: 2px solid #3b61eb !important; margin-right: .5em; border-radius: 3px !important; } /*CUSTOM GRID STYLE*/ /*********************************************************** MEDIA QUERY ***********************************************************/ .sun_custom_wizard .sf-t1 .sf-nav-top li.sf-active .sf-nav-number, .sf-t1 .sf-nav-bottom li.sf-active .sf-nav-number{background-color:#052b63; } .sun_custom_wizard .sf-step-name{display:none !important; } .CustomStepWizard .sun_custom_wizard .sf-wizard .sf-content .sf-viewport { border: none; } .sun_custom_wizard .sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-active::after, .sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-active::after { border-color: transparent transparent transparent #052b63; } .sun_custom_wizard .sf-t1 .sf-nav-number {position: absolute; text-align: center; width: 37px; left: 0; top: 0; font-size: 16px; font-weight: 700; overflow: hidden; background: #d6b5c6; } .sun_custom_wizard .sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step::after, .sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step::after { border-color: transparent transparent transparent #d6b5c6; } .sun_custom_wizard .sf-t1 .sf-nav-top .sf-nav-step::before, .sf-t1 .sf-nav-bottom .sf-nav-step::before, .sf-t1 .sf-nav-left .sf-nav-step::before, .sf-t1 .sf-nav-right .sf-nav-step::before, .sf-t1 .sf-btn .sf-nav-step::before { content: ""; width: 1px; height: 1px; background: transparent; position: absolute; top: 0; left: -13px; border: 20px solid transparent; border-top-color: transparent; border-top-width: 20px; border-right-width: 20px; border-bottom-color: transparent; border-bottom-width: 20px; border-left-width: 20px; border-width: 25px 13px 25px 13px; border-top-color: transparent; border-bottom-color: transparent; z-index: -1; } .sun_custom_wizard .sf-t1 .sf-nav-top .sf-nav-step:first-child .sf-nav-number, .sf-t1 .sf-nav-bottom .sf-nav-step:first-child .sf-nav-number { width: 52px; } .sun_custom_wizard .sf-t1 .sf-nav-top .sf-nav-step::after, .sf-t1 .sf-nav-top.sf-btn::after, .sf-t1 .sf-nav-bottom .sf-nav-step::after, .sf-t1 .sf-nav-bottom.sf-btn::after, .sf-t1 .sf-nav-left .sf-nav-step::after, .sf-t1 .sf-nav-left.sf-btn::after, .sf-t1 .sf-nav-right .sf-nav-step::after, .sf-t1 .sf-nav-right.sf-btn::after, .sf-t1 .sf-btn .sf-nav-step::after, .sf-t1 .sf-btn.sf-btn::after {content: ""; width: 1px; height: 1px; background: transparent; position: absolute; top: 0; right: -28px; border: 20px solid transparent; border-width: 25px 13px 25px 13px;z-index: -1;} .sun_custom_wizard .sf-fieldwrap .sf-step{padding:10px !important;} .CustomStepWizard .sun_custom_wizard .finish-btn{display:none !important;} .pre_app_btn{border-radius:25px !important; border:1px solid #ae264b !important; text-align:center !important; color:#ad264b !important; box-shadow: 0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06) !important;background-color:White !important;} .sun_custom_wizard .mob_textbox {background-color: transparent !important;border-radius: 0px !important;} .CustomStepWizard .sun_custom_wizard .sf-wizard .sf-content .sf-viewport .sf-step{border:0px !important;background-color: transparent;} .sun_custom_wizard .sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step, .sun_custom_wizard .sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step{height:42px;} .mdlpublish .content-wrapper{background-color:transparent;} /******************************* NEW LOGIN DESIGN ********************************/ .login-container-Venous{background-color: #1c6786; background-image:url(../images/VenousBG1.png), url(../images/VenousBG2.png) ; background-repeat: no-repeat, no-repeat; background-position: top left, top right;} .login-container-Venous .page-content { display: table-row; height: 100%;} .login-container-Venous .page-content .content-wrapper { vertical-align: middle; display: table-cell; } .login-container-Venous .login-form{width: 520px; margin: auto; background-color: #cbdae3; border-radius: 10px !important;} .login-container-Venous .login-form .panel-heading{background: #0cffb8; background-image: linear-gradient(120deg, #0cffb8, #24aed6) !important; padding: 30px 20px!important; border-radius: 10px 10px 0 0 !important; box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3); } .login-container-Venous .login-form .panel-body{padding: 40px 40px 15px;} .login-container-Venous .login-form .form-group label{font-size: 17px; color: #524b4b; font-weight: 500; line-height: 21px;} .login-container-Venous .login-form .form-group input{background-color: transparent; border-bottom: 1px solid #daa8a8;} .login-container-Venous .login-form .form-group .ForgotPassword{color:#14abb6; font-size: 13px; font-weight: 600;} .login-container-Venous .login-form .form-group span{font-size: 13px; font-weight: 600; color: #757575;} .login-container-Venous .login-form .form-group button{border-radius: 30px; height: 42px; background: #0cffb8; background-image: linear-gradient(120deg, #0abdc2, #337490) !important; padding: 11px 20px; margin-bottom: 15px;} .login-container-Venous .login-form .form-group p{font-size: 15px;font-weight: 500;color: #2b3147;} /******************************* NEW LOGIN DESIGN ********************************/ .vertical_middle_center{display: table; width: 100%; height: 100%;} .vertical_middle{vertical-align: middle; display: table-cell;} .CustomHoloDailPad{background-color:#000; background-image:url(../images/Serrbaone_logo.png); background-repeat: no-repeat; background-position: top left;} .CustomHoloDailPad .leftSide{width:375px; margin:0 auto; background-color:#191a1b; padding:15px; border-radius:7px;} .CustomHoloDailPad .leftSide .Passcode .LeftPad{padding-left:7.5px; position:relative;} .CustomHoloDailPad .leftSide .Passcode .LeftPad input{background-image:url(../images/username.png); background-repeat: no-repeat; background-position: 7% 50%;} .CustomHoloDailPad .leftSide .Passcode .RightPad input{background-image:url(../images/password.png); background-repeat: no-repeat; background-position: 7% 50%;} .CustomHoloDailPad .leftSide .Passcode .RightPad{padding-right:7.5px; position:relative;} .CustomHoloDailPad .leftSide .Passcode .RightPad input{text-align: left; font-size: 40px !important; text-indent: 55px; letter-spacing: 30px;} .CustomHoloDailPad .leftSide .Numiric .BtnLeft{background-image:url(../images/LeftArrowPad.png); background-repeat: no-repeat; background-position: 50% 50%;} .CustomHoloDailPad .leftSide .Numiric .BtnRight{background-image:url(../images/RightArrowPad.png); background-repeat: no-repeat; background-position: 50% 50%;} .CustomHoloDailPad .leftSide .Numiric .BtnSumbit{background-image:url(../images/sent.png); background-repeat: no-repeat; background-position: 6% 50%; font-size: 28px !important; padding-left: 55px !important; text-align: left; text-transform: uppercase; line-height: 20px; font-weight: 500 !important;} .CustomHoloDailPad .leftSide .Numiric .cancel{position:relative;} .CustomHoloDailPad .leftSide .Numiric .cancel button{background-image:url(../images/cancel.png); background-repeat: no-repeat; background-position: 48% 50%;} .CustomHoloDailPad .leftSide .Numiric .closes{position:relative;} .CustomHoloDailPad .leftSide .Numiric .closes button{ background-image:url(../images/singlecancel.png); background-repeat: no-repeat; background-position: 50% 50%;} .CustomHoloDailPad .leftSide .Numiric .PaddingChanges{padding:0 8px;} .CustomHoloDailPad .leftSide .Passcode input.CustomBtn, .CustomHoloDailPad .leftSide .Passcode button.CustomBtn {background-color:rgba(3, 32, 56, 0.8); border: 1px solid rgba(255, 233, 200, 0.3); font-size: 32px; font-weight: 700; color: #fff; padding: 15px 10px; height: 70px; line-height: 30px; margin: 0 0 10px; border-radius: 5px; text-indent: 35px; letter-spacing: 7.5px;} .CustomHoloDailPad .leftSide .Numiric button.CustomBtn{background-color:rgba(3, 32, 56, 0.8); border: 1px solid rgba(255, 233, 200, 0.3); font-size: 32px; font-weight: 700; color: #fff; padding: 15px; height: 70px; line-height: 30px; margin: 10px 0; border-radius: 5px;} .CustomHoloDailPad .leftSide .Numiric.LastDailPad button.CustomBtn{margin: 10px 0 0;} /*@media(min-width:769px) and (max-width: 1800px) {.jsPanelOutter{display:none;}}*/ @media(min-width:1301px) and (max-width: 1500px) { .Docexpl .col-md-2, .Doctype .col-md-2{width: 25%;} .Docexpl .col-md-10, .Doctype .col-md-10{width: 75%;} .Docexpl .col-md-10 .col-md-8{width: 50%;} .Docexpl .col-md-10 .col-md-4{width: 50%;} } @media(max-width: 1530px) { .CustomSmartUiToggle .MainElements .pull-right, .CustomSmartUiToggle .MainElements .navbar-right, .CustomSmartUiToggle .breadcrumb-line .CustomMegaMenu{float:left !important;} } @media(min-width: 1400px) { .outLookView .heading-elements{display:block;} .outLookView .heading-elements-toggle{display:none;} } @media(max-width: 1400px) { .outLookView .heading-elements{display:none;} .outLookView .heading-elements.visible{position: absolute !important; top: 100% !important; background-color: #fff !important; padding: 10px 0; border-width: 1px 0; left: 0; right: 0; z-index: 999; height: auto; border: 1px solid #ddd; text-align: center; margin-top: 0; display: block !important;} .outLookView .heading-elements-toggle{display:block;} } @media(min-width: 1275px){ .ForMobile{display:none;} .ForDefault {display:block;} } @media(max-width: 1275px){ .ForMobile .heading-elements-toggle{top:64px; right:7px;} .ForMobile.CutomMargin{margin-top:0;} } @media(min-width:950px) and (max-width: 1400px){ .ForMobile{display:none;} .ForDefault{display:block;} #designStudioMenu .heading-elements {display: none;} #designStudioMenu .heading-elements-toggle {display: block;} } @media(min-width:1260px) and (max-width: 1340px) { .outLookView .panel .datatable-scroll .inb_datlist2 span.Username{width:100%; float:left;} .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlookdate, .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlooktime{width:50%; float:left; margin-left:0;} } @media(min-width:1025px) and (max-width: 1260px) { .outLookView .panel .datatable-scroll .inb_datlist2 span.InstanceName{float:none; text-align:center; display:inline-block;} .outLookView .panel .datatable-scroll .inb_datlist2 span.Username{width:100%; float:none; display:inline-block; text-align:center; margin-bottom: 5px;} .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlookdate, .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlooktime{width:100%; float:none; text-align:center; margin-left:0; display: inline-block; margin-bottom: 5px;} } @media(min-width:1025px) and (max-width: 1300px){ .Docexpl .col-md-2, .Doctype .col-md-2{width: 30%;} .Docexpl .col-md-10, .Doctype .col-md-10{width: 70%;} .Docexpl #tilesDocuments .col-md-6{width: 100%;} .Docexpl .col-md-10 .col-md-8{width: 100%;} .Docexpl .col-md-10 .col-md-4{width: 100%;} } @media(min-width:1100px) and (max-width: 1366px) { .gobalTabTwo .tabbable .nav-tabs li a {padding: 16px 0;} .gobalTabTwo .tabbable .nav-tabs li a span {font-size: 15px;} .TeamTab.gobalTab .nav-tabs li a{padding: 12px 23px; font-size: 14px !important;} .TeamTab.gobalTab .nav-tabs li a i{font-size:14px !important;} } @media(max-width: 1325px) { #VideoCollboration.panel-body{ overflow:auto; padding: 0 10px !important;} /*.VideoChatWindow.col-md-4, .VideoChatWindow.col-xs-12, .VideoChatWindow.col-xs-12, .VideoPlay.col-md-8{width:100%; padding:0 10px;}*/ #VideoCollboration .VideoChatWindow .tabbable{padding: 10px 8px;} } @media(min-width:991px) and (max-width: 1050px) { #VideoCollboration.panel-body{padding:10px !important;} #VideoCollboration .VideoChatWindow.col-md-4, #VideoCollboration .VideoPlay.col-md-8{padding: 0 10px;} #VideoCollboration .VideoChatWindow .tabbable{padding: 10px 8px;} } @media(min-width:991px) and (max-width: 1100px) { .gobalTabTwo .tabbable .nav-tabs li a {padding: 16px 0;} .gobalTabTwo .tabbable .nav-tabs li a span {font-size: 13px;} .TeamTab.gobalTab .nav-tabs li a{padding: 12px 16px; font-size: 13px !important;} .TeamTab.gobalTab .nav-tabs li a i{font-size:15px !important;} } @media(min-width:851px) and (max-width: 991px) { .gobalTabTwo .tabbable .nav-tabs li a{padding:16px 0;} .gobalTabTwo .tabbable .nav-tabs li a span{font-size:11px;} .TeamTab.gobalTab .nav-tabs li a{padding: 12px 11px; font-size: 14px !important;} .TeamTab.gobalTab .nav-tabs li a i{font-size:14px !important; display:none;} } @media(min-width:769px) and (max-width: 850px){ .gobalTabTwo .tabbable .nav-tabs li a{padding:16px 0;} .gobalTabTwo .tabbable .nav-tabs li a i{display:none;} .gobalTabTwo .tabbable .nav-tabs li a span{font-size:11px;} .TeamTab.gobalTab .nav-tabs li a{padding:12px 8px; font-size:12px !important;} .TeamTab.gobalTab .nav-tabs li a i{font-size:12px !important;display:none;} .VideoPlay .page-header .heading-elements a{margin: 0 4px;} .VideoPlay .page-header .heading-elements{margin-top:-18px; right: 5px;} .SerbaLogin .login-form{float:none; margin-right:0; margin:auto;} .SerbaLogin .ContentMessage::before{right: 0; margin: auto; bottom: 15px; top: auto;} } @media (max-width: 1100px) { .CustomSmartUiToggle .MainElements.heading-elements, .CustomSmartUiToggle .breadcrumb-elements{ display:none;} .CustomSmartUiToggle .MainElements.heading-elements-toggle, .CustomSmartUiToggle .breadcrumb-elements-toggle{ display:block;} } @media(min-width:769px) and (max-width: 1275px) { .page-header-content .heading-elements-toggle{right: 2% !important; position: fixed;} #dvDesignStudioIfmContainer .page-header-content .heading-elements-toggle{top:115px;} .heading-elements.visible { position: absolute !important; top: 100% !important; background-color: #fff !important; padding: 6px 10px; border-width: 1px 0; left: 0; right: 0; z-index: 999; height: auto; border: 1px solid #ddd; text-align: center; margin-top:0; display: block !important;} .heading-elements.visible .form-group{margin-bottom:0;} .BgGrid .heading-elements.visible ul{margin: 0 auto;text-align: center;float: none;} .BgGrid .heading-elements.visible ul li{color: #636363;} .heading-elements.visible ul{margin: 0 auto;} .heading-elements.visible ul li{color: #636363;} #dvIspaceMenu .navbar-right, .inboxToolbar .navbar-right{float:left !important;} #ifrmUsers .page-header-content .heading-elements-toggle{right:4% !important;} .breadcrumb-line .breadcrumb-elements-toggle{position: fixed;right: 2%;top: 115px;} .breadcrumb-elements.visible{position: absolute !important; top: 100% !important; background-color: #03ab9b !important; padding: 7px 10px; left: 0; right: 0; z-index: 999; height: auto; text-align: center; margin-top: 0; display: block;} .breadcrumb-elements.visible .CustomMegaMenu{float:right;} } @media(max-width: 1150px) { #dvDesignStudioIfmContainer .CustomFixed{position:static;} #dvDesignStudioIfmContainer .content{padding-top: 0 !important;} .mainHeading {padding: 11px 18px 11px 0 !important;} } @media(min-width:769px) and (max-width: 1050px) { .dstopmenu li{width: 100%;} .dstopmenu li a:before, .dstopmenu li a:after{display: none;} .dstopmenu li a{text-align: left;} .dstopmenu li a span:first-child{text-align: center;} } @media(min-width:769px) and (max-width: 991px){ .dstopmenu .navbar-nav li a { padding: 11px 21px !important;} .Doctype #treeboxbox_tree0, .Docexpl #documentTypeTree{height: 200px !important;} .Doctype .sidebarcustom, .Docexpl .sidebarcustom{width: 100% !important; margin-bottom: 15px;} .mainCustomTable .heading-elements, .CustomTable_ver2 .heading-elements{margin-top: 0;} #dvDesignStudioIfmContainer .CutomMargin{margin-top:0;} #dvDesignStudioIfmContainer .page-header{padding-top: 46px;} #dvDesignStudioIfmContainer .modal-body .content {padding-top:20px !important;} #dvDesignStudioIfmContainer .CustomFixed .heading-elements{right:0;} #dvDesignStudioIfmContainer .page-header-content .heading-elements-toggle{right:4% !important; display: block;} #dvDesignStudioIfmContainer .modal-body .page-header{padding-top:0;} #dvDiagram #sideBar{width:25% !important;} #dvDiagram #myDiagramDiv{width:75% !important;} .dstopmenu a { padding: 10px; font-size: 12px;} .dstopmenu a:before, .dstopmenu a:after { border-top-width: 22px; border-bottom-width: 22px; border-left-width: 11px;} } @media(max-width:768px) and (min-width: 601px){ .dstopmenu .navbar-nav li a{padding: 13px 23px !important;} .dstopmenu .navbar-nav > li + li{margin-top: 0;} .dstopmenu .navbar-nav .open .dropdown-menu{position: absolute; background-color: #fff; width: 100%; min-width:fit-content;} .gobalTabTwo .tabbable .nav-tabs li a{padding:15px 0;} .TeamTab.gobalTabTwo .tabbable .nav-tabs li a i{font-size:13px !important; margin-right:5px;} .TeamTab.gobalTabTwo .tabbable .nav-tabs li a span{font-size:12px;} .gobalTab .nav-tabs li a{padding: 12px 12px !important; font-size: 14px !important;} } @media(max-width:768px) { .processTab .heading-elements{display: block;} .processTab .heading-elements .icons-list{margin:10px;} .processTab .table-responsive{border: none;} .gobalTab .nav-tabs{background-color: transparent; border-radius: 0; padding: 0; border:none; margin-bottom: 0;} .gobalTab .nav-tabs li{margin-top: 0; margin-bottom: -1px; float: left;} .gobalTab .tab-content{border-radius: 0;} .heading-elements.visible{position: absolute !important; top: 100% !important; background-color: #fff !important; padding: 10px 0 !important; right: 0 !important;} .page-header .heading-elements .heading-form{margin: 5px !important;} .heading-elements .heading-text, .heading-elements .heading-btn, .heading-elements .heading-btn-group > .btn, .heading-elements .ui-slider, .heading-elements .noui-slider, .heading-elements .nav-tabs, .heading-elements .nav-pills, .heading-elements .pagination, .heading-elements .progress, .heading-elements .icons-list, .heading-elements .pager, .heading-elements .breadcrumb, .heading-elements .daterange-custom, .heading-elements .heading-form .form-group, .heading-elements > .btn-group{margin: 0 3px;} .heading-elements.visible, .breadcrumb-elements.visible{padding: 8px !important;} .heading-elements .btn-xs{margin: 3px 0 !important;} #dvDiagram #sideBar{width: 100% !important; background-color: #fff; height: 626px;} #dvDiagram #myDiagramDiv{width: 100% !important;} .panel-heading .heading-elements-toggle{top: 44%;} .modal-dialog{margin: 40px auto; width: 75% !important;} .nav-tabs:before{display: none;} #tabFormsDefiner{padding: 0; border:none;} .datatable-header .mr-20{margin: 5px 5px 12px 0 !important; } .datatable-header label{float: left; text-align: center;} .CustomModel .sidebar {display: inline-block !important; height: auto;} .CustomModel .sidebar-content{width: auto !important; } .CustomModel .navigation li{width: 50%; float: left;} .CustomModel .navigation li a::before{-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0); transform: translate3d(0,100%,0) translate3d(0,-3px,0);} .CustomModel .content-wrapper{margin-top: -3px;} .Doctype .sidebarcustom, .Docexpl .sidebarcustom{width: 100% !important; margin-bottom: 15px;} .Doctype #treeboxbox_tree0, .Docexpl #documentTypeTree{height: 200px !important;} .Docexpl .table-responsive{border:none !important;} .Docexpl .media-body{padding-left: 55px !important; text-align: left;} .navbar-nav > li > a .caret{margin:0;} .navbar-inverse .navbar-nav > li > a:hover{display:inline-block; width:100%;} .ForMobile .heading-elements-toggle{top:-4px; right:7px; width: 130px; display: inline-block; margin:0;} .breadcrumb-line{z-index:initial;} #smartUIPageContainer .CustomFixed{position:static;} #smartUIPageContainer .CutomMargin{margin-top:0;} #smartUIPageContainer .page-header{padding-top: 46px;} #smartUIPageContainer .content{padding-top: 0 !important;} #smartUIPageContainer .IspaceMobile1{margin-bottom:0 !important;} #smartUIPageContainer .IspaceMobile{margin-top:0 !important; padding-top:0;} #smartUIPageContainer .IspaceMobile .navbar-nav li{width:48%; margin:3px; float:left; } #smartUIPageContainer .IspaceMobile .navbar-nav li .heading-btn{margin:0 !important;} #smartUIPageContainer .IspaceMobile .navbar-nav li a{width:100%;} #smartUIPageContainer .dhxcombo_dhx_skyblue{width:90px !important; min-width:initial;} #smartUIPageContainer .MainElements .form-group{margin-bottom:0;} #smartUIPageContainer .MainElements .form-group .dhxcombo_dhx_skyblue{height:30px !important;} #smartUIPageContainer .CustomFixed .breadcrumb-elements{margin-left:0; left:0; right:0; border:none;} #smartUIPageContainer .IspaceMobile2>li{margin:3px !important; width:48%;} #smartUIPageContainer .IspaceMobile2>li:nth-child(5) input, #smartUIPageContainer .IspaceMobile2>li:nth-child(6) input{width: 90% !important; height: 28px !important; color: black; border: none; padding: 5px;} .breadcrumb-elements #menuObj{height:auto;} #divCanvas .BgGrid .panel-default .heading-elements.visible{background-color:#e0e0e0 !important;} #divCanvas .BgGrid .panel-info .heading-elements.visible{background-color:#00BCD4 !important;} #divCanvas .BgGrid .panel-primary .heading-elements.visible{background-color:#2196F3 !important;} #divCanvas .BgGrid .panel-success .heading-elements.visible{background-color:#4CAF50 !important;} #divCanvas .BgGrid .panel-warning .heading-elements.visible{background-color:#FF5722 !important;} #divCanvas .BgGrid .panel-danger .heading-elements.visible{background-color:#F44336 !important;} .sidebar-category{margin-top:46px;} .sidebar-mobile-main .CustomAdminMenu .fixed-margin{padding-top:0;} .CustomAdminMenu .header-bottom{width:100%; margin:0;} .custom-fixed-header{position:static;} #dvIspaceMenu ul.nav{text-align:center;} #dvIspaceMenu ul.nav li{display:inline-block; margin:2px 0 !important;} #dvIspaceMenu ul.nav li div.heading-btn{margin:0 !important;} #dvIspaceMenu ul.nav li a.btn{margin:0 !important; height:32px;} .CustomIspaceMobile{padding: 90px 5px 0 5px;} .CustomNavbarStrip .navbar-header{margin:0; width:100%;} .CustomSidebarStrip .sidebar-category-visible{margin-top:55px; border-bottom: 1px solid #cecece;} .CustomSidebarStrip::before{background-position: 0 9%,100% 100%;} .CustomNavbarStrip .navbar-nav.visible-xs-block{padding: 8px 0 8px 5px;} .CustomNavbarStrip .navbar-collapse{height: initial !important; top: 55px; position: relative; width: 100%; max-width: 100%;} .CustomNavbarStrip ul.navbar-nav:first-child li{display: inline-block; width: 49%; float: left;} .CustomNavbarStrip ul.navbar-nav:first-child li.CustomToggleButton{display:none;} .CustomNavbarStrip ul.navbar-nav:first-child li:first-child{width:100%;} .CustomNavbarStrip ul.navbar-nav:first-child li:first-child .has-feedback input{width:100%;} .CustomNavbarStrip ul.navbar-nav:nth-child(2) li{width:30%; float:left;} .SearchForMobile{display:block !important;} .SearchForDesktop{display:none !important;} .SearchForMobile .has-feedback .form-control-feedback{height:32px;} .SearchForMobile .has-feedback .form-control-feedback i{top: 10px; position: relative;} .External .CustomFixed .heading-elements{top:100% !important; height:auto;} .RightresultCol, .LeftFilterCol{width:100% !important;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent, .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent{width:100% !important; border-top: 1px solid #ebedf0;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:first-child{width:15%;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(2){width: 38%;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(3){width:47%;} .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(4), .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:last-child{width:50%;} .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a{width:32%; border: none; border-right: 1px solid #ebedf0;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .dropdown>a, .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .btn-group .multiselect{width:100%;} .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .heading-form select, .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .heading-form .btn-group{width:100%;} .CustomPassword select, .CustomPassword .input-group, .CustomPassword input{width:100%;} .ForMobile{display:block;} .ForDefault {display:none;} .Forgotpassword, .TeamConditions{ text-align:center !important;} } @media (min-width: 601px) { .navbar-fixed-top {position: fixed;} } @media (max-width: 600px) { .navbar-fixed-top{position:fixed;} .dstopmenu a { padding: 10px; font-size: 12px;} .dstopmenu a:before, .dstopmenu a:after { border-top-width: 22px; border-bottom-width: 22px; border-left-width: 11px;} #dvDesignStudioIfmContainer .CustomFixed, #smartUIPageContainer .CustomFixed{position:static;} #dvDesignStudioIfmContainer .CutomMargin, #smartUIPageContainer .CutomMargin.IspaceMobile{margin-top:-1px !important; padding-top:0;} #dvDesignStudioIfmContainer .page-header, #smartUIPageContainer .page-header{padding-top: 46px;} #dvDesignStudioIfmContainer .content, #smartUIPageContainer .content{padding-top: 0 !important;} .dstopmenu .navbar-nav .open .dropdown-menu{position: absolute; background-color: #fff; width: 100%;} .modal-dialog{width: 90% !important;} .CustomModel .content{padding: 13px 13px !important;} .CustomModel .tab-content > .has-padding{padding: 25px 0 0; float: left; width: 100%;} .gobalTabTwo .tabbable .nav-tabs li{width:100%; flex: inherit;border-bottom: 1px solid #ddd;} .gobalTabTwo .tabbable .nav-tabs li a::after{transform: translate3d(-110%,0,0);} .TeamTab.gobalTab .nav-tabs li a{padding: 12px 10px !important; font-size: 14px !important;} .TeamTab.gobalTab .nav-tabs li a i{display:none;} .mainCustomTable div.gridbox_dhx_skyblue table.obj tr td:last-child{width:50px !important;} .fullContainer{width:100%;} #divCanvas .BgGrid ul.pagination{width:100%; text-align:center; padding:3px;} } @media(max-width:480px) { .gobalTab .nav li a{ padding: 12px 11px; background-color: transparent; border:none; color: #404040; font-size: 13.5px; font-weight: 500;} .processTab .tab-content > .has-padding{padding: 10px;} .processTab .panel-body{padding: 10px;} .processTab .panel-heading h5{font-size: 14px;} .processTab .panel{margin-bottom: 10px;} .processTab .demo1 tr th{font-size: 12px; padding: 12px 14px;} .CustomModel .modal-footer{padding: 12px 4px !important; text-align: center;} #dvBasicInfo .dropdown-toggle{padding: 7px 5px; width: 100%; margin: 0 !important;} #dvBasicInfo .btn-group > .btn-group{width: 48%; margin: 2px 2px;} .Docexpl .tabbable .nav-tabs li{width: 85px;} .Docexpl .tabbable .nav-tabs li a{padding: 14px 2px;} .gobalTab .nav-tabs li{width:100%;} .gobalTab .nav-tabs li a::before{transform: translate3d(-100%,0,0) translate3d(-1px,0,0);} .orgStru .heading-form{float:left;} .orgStru .heading-form .input-group {width:48% !important;} .orgStru .heading-form .input-group #comboSearchTypes{width:auto !important;} .orgStru .heading-form .input-group .dhxcombo_dhx_skyblue{width: 100% !important; min-width: 100%;} .navbar-brand{width:200px;} .inboxToolbar ul li:first-child, .inboxToolbar ul li:nth-child(2){width:100%; float:left;} .inboxToolbar ul li:nth-child(2){margin-top:5px;} .InboxViewSelect .bootstrap-select{width:100% !important; margin-left:0 !important;} .page-header .inboxToolbar.heading-elements .heading-form {margin:0 !important;} .inboxToolbar ul li .heading-form .form-group{margin:0 !important;} } /***************************************************** REPEATER_GRID *********************************************************/ #divCanvas .Repeater_Grid {border-radius: 4px !important; border: none;box-shadow: 1px 8px 12px 2px rgba(85,85,85,0.22) !important;} #divCanvas .Repeater_Grid .panel-heading{background:linear-gradient(to right, #355d71 ,#5b6168) !important;border-radius: 4px !important;} #divCanvas .Repeater_Grid h6.panel-title{color: white; font-weight: 500 !important;font-size: 18px;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li{width: 89px; height: 33px; border-radius: 8px ; background: white; margin-left: 12px; position: relative !important;} #divCanvas .Repeater_Grid .heading-elements .icons-list{margin: 0 !important;} #divCanvas .Repeater_Grid .heading-elements .icons-list li a{height: 100% !important;text-align: right;line-height: 14px;font-weight: 500;font-size: 14px; padding: 8px 8px !important;} #divCanvas .Repeater_Grid .heading-elements .icons-list li a i{ float: left;font-weight: 500;font-size: 17px;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(1) a::before, #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(2) a::before, #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(3) a::before {content: ''; line-height: 14px;padding: 7px 0px; font-weight: 600;font-size: 14px;color: #323232;height: 100%;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(1) a::after{content: 'Add'; } #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(2) a::after{content: 'Menu'; } #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(3) a::after{content: 'Search'; } #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(4){width: 35px !important;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(4) a{ top: 0 !important;text-align: center !important;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li ul.dropdown-menu a::after{content: '' !important;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(2) a span{display: none;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li .icon-plus2::before { color: #21a80e;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li .icon-menu7::before { color: #ff3232;} #divCanvas .Repeater_Grid .heading-elements .icons-list > li .icon-search4::before { color: #5394ff;} #divCanvas .Repeater_Grid .datatable-footer .grid_page_left li:nth-child(2) select{ border: 1px solid #999999;background-color: #f0f2f4 !important;border-radius: 4px;} #divCanvas .Repeater_Grid .datatable-footer .grid_page_left li:nth-child(3) label{ border: 1px solid #999999; background-color: #f0f2f4 !important; color: black;padding: 3px; border-radius: 4px;} #divCanvas .Repeater_Grid .datatable-footer .grid_page_right li:nth-child(2) input{ border: 1px solid #999999;background-color: #f0f2f4 !important;border-radius: 4px;} #divCanvas .Repeater_Grid .datatable-footer .grid_page_right li:nth-child(2) label{color: black;} #divCanvas .Repeater_Grid .datatable-footer .bootpag li a{ border: 1px solid #999999;background-color: #f0f2f4 !important;border-radius: 4px; color: black;} #divCanvas .Repeater_Grid .RepeaterBtn{background-color: white !important; border-radius: 8px !important; text-indent: -99999px !important;width: 38px;margin: 6px; box-shadow: 1px 2px 8px 2px rgba(85,85,85,0.09) !important;} #divCanvas .Repeater_Grid button.RepeaterBtn[title~=delete]{border: 1px solid #ffb7b7 !important; background-image: url(../images/R_delete.png); background-repeat: no-repeat; background-position: center;} #divCanvas .Repeater_Grid button.RepeaterBtn[title~=cancel]{border: 1px solid #f09c24 !important;background-image: url(../images/R_cancel.png); background-repeat: no-repeat; background-position: center;} #divCanvas .Repeater_Grid button.RepeaterBtn[title~=save]{border: 1px solid #4dc63d !important;background-image: url(../images/R_save.png); background-repeat: no-repeat; background-position: center;} #divCanvas .Repeater_Grid button.RepeaterBtn[title~=insert]{border: 1px solid #a7b2db !important;background-image: url(../images/R_insert.png); background-repeat: no-repeat; background-position: center;} #divCanvas .Repeater_Grid button.RepeaterBtn[title~=copy]{border: 1px solid #a34ce0 !important;background-image: url(../images/R_copy.png); background-repeat: no-repeat; background-position: center;} #divCanvas .Repeater_Grid button.RepeaterBtn[title~=moveup]{border: 1px solid #da5e9b !important;background-image: url(../images/R_moveup.png); background-repeat: no-repeat; background-position: center;} #divCanvas .Repeater_Grid button.RepeaterBtn[title~=movedown]{border: 1px solid #f36f3b !important;background-image: url(../images/R_movedown.png); background-repeat: no-repeat; background-position: center;} .RepeatAnimatioin{float:left; position:relative; width:100%;} .RepeaterMaincvv {position: absolute;width: 22%; background: aliceblue;padding: 10px; text-align: center;right: 12px; bottom: 0px;} /***************************************************** REPEATER_GRID *********************************************************/ .docs-demo-device {padding:0 25px;} .docs-demo-device figure{width:100%; height:650px;} .docs-demo-device figure:before {content: '';display: block;width: 60px;height: 5px;position: absolute;top: -30px;left: 50%;transform: translate(-50%, -50%);background: #333;border-radius: 10px;} .docs-demo-device figure:after {content: '';display: block;width: 35px;height: 35px;position: absolute;left: 50%;bottom: -65px;transform: translate(-50%, -50%);background: #333;border-radius: 50%;} .docs-demo-device .SmartUIMobile #divCanvas { width: 100%; box-shadow: none; border: none !important; overflow: auto; height: 530px; background: linear-gradient(rgb(255,255,255), rgb(255,255,255)) !important; } .api_bublish_btn {background-image: url(../images/send.png);background-repeat: no-repeat;text-align: right;border-radius: 5px;border: 0px solid #dddddd;color: #333333;display: inline-block;background-position: 10px center;background-color:white;font-weight:bold;padding:7px 20px;padding-left:45px;} .api_bublish_btn:hover {background-color: rgba(255,255,255,.9);} .api_save_btn {background-image: url(../images/save.png);background-repeat: no-repeat;text-align: right;border-radius: 5px;border: 0px solid #dddddd;color: #333333;display: inline-block;background-position: 10px center;background-color: white;font-weight: bold;padding: 7px 20px;padding-left: 45px;} .api_save_btn:hover {background-color: rgba(255,255,255,.9);} #summaryTree a {text-shadow:none !important;} /*.roleManagement .CustomPanGradient.panel:after {background:none !important;} .roleManagement .CustomPanGradient.panel {border-radius: 7px !important;box-shadow: rgb(0 0 0 / 5%) 0px 2px 3px 0px;} .roleManagement .CustomPanGradient .panel-heading {border-radius: 7px 7px 0 0;background: linear-gradient(90deg, #5E8CEC, #3BACF2, #3FD4FC, #3DD5FC);background-size: 400% 400%;} .roleManagement .CustomPanGradient .panel-heading h6 {color:white !important;} .roleManagement .CustomPanGradient .panel-heading .btn {border-radius:4px !important;} .roleManagement .CustomPanGradient .panel-heading .btn i.position-left {margin-left:0px !important;}*/ .apigeneration .panel {border-radius: 7px !important;box-shadow: rgb(0 0 0 / 5%) 0px 2px 3px 0px !important;border:0px !important;} .apigeneration .panel .panel-heading {border-bottom:1px solid #dddddd;} .apigeneration .panel .panel-heading h5 {font-weight:bold !important;} /* API Tab */ .api_tab.tabbable {position: relative;overflow: hidden;margin: 0 auto;width: 100%;font-weight: 300;font-size: 1.25em;} .api_tab.tabbable .nav li > a:hover, .api_tab.tabbable .nav li > a:focus {background-color: transparent;} .api_tab.tabbable .nav-tabs2 {position: relative;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;margin: 0 auto;padding: 0;max-width: 100%;list-style: none;-ms-box-orient: horizontal;-ms-box-pack: center;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;} .api_tab.tabbable .nav-tabs2 li {position: relative;z-index: 1;display: block;margin: 0;text-align: center;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;margin: 0 0.2em;-webkit-flex: none;flex: none;} .api_tab.tabbable .nav-tabs2 li a {position: relative;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 22px;padding: 4px 10px;color: #74777b;font-weight: 700;-webkit-transition: color 0.3s;transition: color 0.3s;background-color: #f5f5f5;border-radius: 5px;} .api_tab.tabbable .nav-tabs2 li.active a {color: #fff;border-radius: 5px;background: linear-gradient(90deg, rgb(94, 140, 236), rgb(59, 172, 242), rgb(63, 212, 252), rgb(61, 213, 252)) 0% 0% / 400% 400%;border:0px !important;} .api_tab.tabbable .nav-tabs2 li a span {vertical-align: middle;font-size: 13px;font-weight: 500;letter-spacing: 0.5px;font-family: 'Fira Sans',sans-serif !important;} .api_tab.tabbable .tab-content {background-color: #fff;display: inline-block;width: 100%;border-top: 1px solid #ddd !important;border: none;margin-top:5px;} .move_right {text-align: right;border-radius: 5px;border: 0px solid #dddddd;color: #333333;display: inline-block;background-color: #defade;font-weight: bold;padding: 3px 10px;font-size:13px;} .move_right span {color: #1e891e;} .move_left{text-align:right;border-radius: 5px;border: 0px solid #dddddd;color:#333333;display:inline-block;background-color:#ffcbc4;font-weight:bold;font-size: 13px;padding:3px 10px;} .move_left span {color: #d55545;} .move_left .glyphicon, .move_right .glyphicon {font-size: 12px;} /* Process styles starts */ .common_tab .nav-pills.nav-pills-bordered{padding: 0; margin: 0;} .common_tab .nav-pills.nav-pills-bordered>.active>a {border-radius: 6px !important; background-color: #575ba3; color: #fff; border: none;border: 1px solid transparent; } .common_tab .nav-pills.nav-pills-bordered>.active>a:hover{background-position: right center !important;transition: 0.5s !important;} .common_tab .note-editor.note-frame{border:none !important;} .common_tab .tab-content>.has-padding{padding:15px !important;} .common_tab .nav-pills.nav-pills-bordered>.active>a:hover::after{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .common_tab .nav{border: none !important; margin-left:15px;} .common_tab .nav>li>a {background-color: #fff; border-radius: 7px 7px 0 0 !important; padding: 5px 20px !important; border: 1px solid #dbe0e9; margin-right: 10px; line-height: 16px !important;} .common_tab .nav>li.active>a, .common_tab .nav>li.active>a:focus, .common_tab .nav>li.active>a:hover, .common_tab .nav>li>a:focus, .common_tab .nav>li>a:hover {background-color: #ffffff; border-top:3px solid #9a252e !important; color: #9a252e; border-bottom:1px solid #ffffff;} .common_tab .nav-pills.nav-pills-bordered>li>a{background-color: #ffffff;border: 1px solid #d4e4e7;padding: 7px 20px;border-radius: 6px;font-size: 14.5px;font-weight: 500;color: #3b5060;line-height: 18px;display: inline-block;box-shadow: none;} .common_tab .nav-pills>li {float: none;margin: 0 7px 7px 0; display: inline-block; font-size: 13px;} .common_tab .tab-content{background-color:transparent;border:0px !important;padding:0 10px !important;} .common_tab .tab-content-bordered .tab-content{border-radius: 6px; background-color: #fff !important; padding: 0px !important; margin: 0px 0 0 !important;box-shadow: 0px 0px 4px 2px rgb(204 202 204 / 10%); border: 1px solid #dbe0e9 !important; background-image: url(../images/VesslesTabBG.jpg); background-repeat: no-repeat; background-position: top right;} .LeftSidePanel .panel-heading {background-color: #9a252e;height: 50px;padding: 10px 10px 10px 43px !important;border-radius: 5px 5px 0 0 !important;background-image: url(../images/file_icon.png);background-position: 10px;background-repeat: no-repeat;display: flex;align-items: center;} .LeftSidePanel_01 {border-radius: 5px; background-image: url(../images/Vessel/LeftSideTabBG.jpg); background-repeat: no-repeat; background-position: bottom left;} .LeftSidePanel_01 .panel-heading{background-color: #9a252e; height: 50px; padding: 10px 10px 10px 60px !important; border-radius: 5px 5px 0 0 !important; background-image: url(../images/FileUpload.png); background-position: 10px; background-repeat: no-repeat; display: flex; align-items: center;} .LeftSidePanel_01 .panel-heading .col-lg-12{padding: 0; line-height: 12px;} .LeftSidePanel_01 .panel-heading .col-lg-12 .form-group{line-height: 10px; margin: 0 !important;} .LeftSidePanel_01 .panel-heading .col-lg-12 .form-group .controls{line-height: 10px;} .LeftSidePanel_01 .panel-heading .col-lg-12 .form-group .controls .label{border:none; margin: 0; padding: 0; line-height: 12px;} .LeftSidePanel_01 .panel-heading h6{font-size: 15px; color: #fff; font-weight: 700 !important; line-height: 15px;} .LeftSidePanel_01 .panel-heading label{font-size: 12px; color: #fff; font-weight: 500;} .LeftSidePanel_01 .panel-body{padding: 10px 0;} .LeftSidePanel_01 .panel-body > div:first-child{border-bottom: 1px solid #e7e7e9; display: flex; margin-bottom: 8px;} .LeftSidePanel_01 .panel-body .YellowBtn{background-color: #fca635; border-radius: 50px; color: #fff; font-size: 13px; font-weight: 600; line-height: 14px; padding: 7px 18px;} .LeftSidePanel_01 .panel-body .form-group{display: flex; flex-direction: column; justify-content: left; align-items: center;} .LeftSidePanel_01 .panel-body .form-group > div{width: 100%;} .LeftSidePanel_01 .panel-body .form-group span.text-danger{display: none;} .LeftSidePanel_01 .panel-body .form-group > button{width: 100%; background-color: #f3f3f4;} .LeftSidePanel_01 .panel-body .form-group label{margin: 0 !important; font-size: 11.5px; color: #131313; font-weight: 500; opacity: 0.7; width: 100%;} .LeftSidePanel_01 .panel-body .form-group .controls{justify-content: left; width: 100%;} .LeftSidePanel_01 .panel-body .form-group .controls span{font-size: 13.5px; font-weight: 600; color: #131313;} #divCanvas .LightPanel{border: 1px solid #d6d5d5 !important; border-radius: 5px; box-shadow: none !important;background-color: white !important;background-image: url(../images/Cus-panel-bg.png);background-repeat: no-repeat; background-size: auto; background-position:top right;} #divCanvas .LightPanel .panel-heading {border-radius: 5px 5px 0 0 !important;padding: 0px 10px 0px 10px;} #divCanvas .LightPanel .panel-heading h1, #divCanvas .LightPanel .panel-heading h2, #divCanvas .LightPanel .panel-heading h3, #divCanvas .LightPanel .panel-heading h4, #divCanvas .LightPanel .panel-heading h5, #divCanvas .LightPanel .panel-heading h6{font-size: 16px; font-weight: 500 !important; color: #9a252e; line-height: 20px;border-bottom: 1px solid #cccccc;text-align: left !important;} #divCanvas .LightPanel .panel-body{padding: 10px 7px;} #divCanvas .LightPanel .panel-body .form-group .form-control{border: 1px solid #cccccc ; padding: 9px 12px!important; border-radius: 5px !important;font-weight: 500;padding: 5px 0px 5px 10px !important;font-size: 14px;color: #383838;} #divCanvas .LightPanel .panel-body .form-group .form-control:active, #divCanvas .LightPanel .panel-body .form-group .form-control:hover, #divCanvas .LightPanel .panel-body .form-group .form-control:visited, #divCanvas .LightPanel .panel-body .form-group .form-control:focus{border-color: #f8c2c6 !important;} #divCanvas .LightPanel .panel-body{padding: 15px 10px;} #divCanvas .LightPanel .panel-body .form-group label, #divCanvas .LightPanel .panel-body .form-group .controls label {color: #616161 ;font-weight: 500;} #divCanvas .LightPanel .panel-body .form-group .input-group-addon{border: none !important;border-bottom: none !important;} #divCanvas .LightPanel .panel-body .form-group .input-group-addon .glyphicon{color: #9a252e !important;left: 6px !important;} #divCanvas .LightPanel .panel-body .form-group .input-group-addon .fa.fa-paperclip{color: #289916 !important;} #divCanvas .LightPanel .panel-body .form-group .input-group-addon .fa.fa-times{color: #9a252e !important;} #divCanvas .LightPanel .panel-body .form-group label .checker span{border: 2px solid #9a252e !important;} #divCanvas .LightPanel .panel-body .form-group .E-1{border: none !important; background: transparent !important; color: #9a252e !important; font-size: 16px;text-align: left; padding: 0px !important;opacity: 100 !important;font-weight: 500;} #divCanvas .LightPanel .panel-body .form-group .E-2{border: none !important; background: transparent !important; color: #289916 !important; font-size: 16px;text-align: left; padding: 0px !important;opacity: 100 !important;font-weight: 500;} #divCanvas .LightPanel .panel-body .form-group .E-3{border: none !important;color: #6c94fa !important; font-size: 16px;text-align: left; padding: 0px !important;font-weight: 500;background: #eff3fe !important;width: auto;padding: 10px 23px !important;line-height: 12px; margin-bottom: 10px;} #divCanvas .LightPanel .panel-body .form-group .E-4{border: none !important;color: #f8c2c6 !important; font-size: 16px;text-align: left; padding: 0px !important;font-weight: 500;background: #9a252e !important;width: auto;padding: 7px 18px !important;line-height: 12px; margin-bottom: 10px;} #divCanvas .LightPanel .panel-body .form-group .E-5{border: none !important; background: transparent !important; color: #6c94fa !important; font-size: 16px;text-align: left; padding: 0px !important;opacity: 100 !important;font-weight: 500;} #divCanvas .LightPanel .panel-body .form-group .E-3 .caret, #divCanvas .LightPanel .panel-body .form-group .E-4 .caret{display: none !important;} #divCanvas .LightPanel .panel-body .form-group .dropdown-menu.open{border: 1px solid #9a252e5c !important;} .Lightpanel .panel-body .form-group .controls textarea.form-control{color: #616161 !important;font-size: 14px !important;} .Lightpanel .panel-body .form-group input[type="text"][disabled], .form-control[disabled]{color: #616161 !important;font-size: 14px !important;} #divCanvas .LightPanel .panel-body .DataGrid .form-group .form-control{border-radius: 5px 0px 0px 5px !important;} .LightPanel .form-group .controls .modal .CustomModel .modal-body .content .CusSearchPanel .panel-body{padding: 0px !important;} .LightPanel .panel-body .form-group .controls .btn-group .dropdown-menu.open .bs-searchbox input:focus{border-color: #ca9c9f !important;box-shadow: 0 10px 15px 2px rgb(0 0 0 / 9%) !important;} .LightPanel .panel-body .form-group .controls .btn-group.open .dropdown-menu.open .bs-searchbox input{padding-left: 27px !important;} .LightPanel .panel-body .form-group .controls .btn-group.open .dropdown-menu.open .bs-searchbox:after{right: 20px !important;text-align-last: right;text-align: right;} #divCanvas .DarkPanel{border: 1px solid #d6d5d5; border-radius: 5px; box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0,0,0,0.1) !important;background-color: #4a4041 !important;background-image: url(../images/Cus-panel-bg2.png);background-repeat: no-repeat; background-size: auto; background-position:top right;} #divCanvas .DarkPanel .panel-heading {border-radius: 5px 5px 0 0 !important;padding: 10px 20px 0px 10px;background-color: #9a252e !important;} #divCanvas .DarkPanel .panel-heading h1, #divCanvas .DarkPanel .panel-heading h2, #divCanvas .DarkPanel .panel-heading h3, #divCanvas .DarkPanel .panel-heading h4, #divCanvas .DarkPanel .panel-heading h5, #divCanvas .DarkPanel .panel-heading h6{font-size: 16px; font-weight: 500 !important; color: #ffffff; line-height: 20px;padding: 0px 0px 10px 0px !important;} #divCanvas .DarkPanel .panel-body .form-group .form-control{border: none !important; padding: 9px 12px!important; background-color: #ffffff26;border-radius: 5px !important; color: white !important;font-weight: 500;} #divCanvas .DarkPanel .panel-body .form-group .form-control:active, #divCanvas .DarkPanel .panel-body .form-group .form-control:hover,#divCanvas .DarkPanel .panel-body .form-group .form-control:visited, #divCanvas .DarkPanel .panel-body .form-group .form-control:focus {border-color: #f8c2c6 !important;} #divCanvas .DarkPanel .panel-body{padding: 10px 7px !important;background-color: white;border: 1px solid #9a252e;border-radius: 4px;} #divCanvas .DarkPanel .panel-body .form-group label, #divCanvas .DarkPanel .panel-body .form-group .controls label {color: #949494 !important;font-weight: 500 !important;} #divCanvas .DarkPanel .panel-body .form-group .input-group-addon{border: none !important;border-bottom: none !important; background: transparent !important;} #divCanvas .DarkPanel .panel-body .form-group .input-group-addon .glyphicon{color: rgb(226 182 186 / 40%) !important;left: 6px !important;} #divCanvas .DarkPanel .panel-body .form-group label .checker span{border: 2px solid #fff !important;} #divCanvas .DarkPanel .panel-body .form-group .E-1{border: none !important; background: transparent !important; color: #9a252e !important; font-size: 15px;text-align: left; padding: 0px !important;opacity: 100 !important;font-weight: 500;} #divCanvas .DarkPanel .panel-body .form-group .E-2{border: none !important; background: transparent !important; color: #289916 !important; font-size: 15px;text-align: left; padding: 0px !important;opacity: 100 !important;font-weight: 500;} #divCanvas .DarkPanel .panel-body .form-group .E-3{border: none !important;color: #6c94fa !important; font-size: 15px;text-align: left; padding: 0px !important;font-weight: 500;background: #eff3fe !important;width: auto;padding: 7px 18px !important;line-height: 12px; margin-bottom: 10px;} #divCanvas .DarkPanel .panel-body .form-group .E-4{border: none !important;color: #f8c2c6 !important; font-size: 15px;text-align: left; padding: 0px !important;font-weight: 500;background: #9a252e !important;width: auto;padding: 7px 18px !important;line-height: 12px; margin-bottom: 10px;} #divCanvas .DarkPanel .panel-body .form-group .E-3 .caret, #divCanvas .DarkPanel .panel-body .form-group .E-4 .caret{display: none !important;} #divCanvas .DarkPanel .panel-body .form-group .dropdown-menu.open{ border-bottom: 1px solid #e9ddde !important; border-left: 1px solid #e9ddde !important;border-right: 1px solid #e9ddde !important;} #divCanvas .DarkPanel .panel-body .form-group .controls .btn-group .btn{background-color: #6f6869 !important;padding-left: 10px !important;border: none; border-radius: 5px !important;} #divCanvas .DarkPanel .panel-body .form-group .controls .btn-group .btn span{color: white;} #divCanvas .DarkPanel .panel-body .form-group .controls .btn-group .btn .caret::after{color: #fff !important;} .Mandatory {background-image: url(../images/Mandatory.png) !important;background-position: -2px 0px !important;background-size: auto !important;background-repeat: no-repeat !important;} .Mandatory .panel-heading .text-danger{display: none !important;} .Mandatory .panel-heading .panel-title{padding-left: 30px !important;} .DataGrid {box-shadow: none !important;;background: #ffffff !important; background-color: #ffffff !important; margin-bottom: 20px; border-radius:5px !important; padding:0px 0px !important;border: 1px solid #e4e4e4;} #divCanvas .DataGrid .panel-heading{padding: 5px !important;} #divCanvas .DataGrid .panel-heading h1, #divCanvas .DataGrid .panel-heading h2, #divCanvas .DataGrid .panel-heading h3, #divCanvas .DataGrid .panel-heading h4, #divCanvas .DataGrid .panel-heading h5, #divCanvas .DataGrid .panel-heading h6{font-size: 16px; font-weight: 500 !important; color: #ffffff; line-height: 20px;padding: 5px 0px 8px 0px;} #divCanvas .DataGrid h6.panel-title, #divCanvas .DataGrid .h6.panel-title{color: #9a252e;font-weight: 600 !important;padding-left: 10px;border-bottom: none !important;} #divCanvas .DataGrid .panel-title{border-bottom: none !important;} #divCanvas .DataGrid .table-widget .table-widget-content table{padding:0px !important;} /* #divCanvas .DataGrid .table-widget .table-widget-content table thead tr th{border-bottom: 2px solid #cccccc !important;border-left: none;color: #393838 !important; text-align: left;} */ #divCanvas .DataGrid .table-widget .table-widget-content table thead tr th{border-left: none;color: #393838 !important; text-align: left;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td{ text-align: left;} .DataGrid .table-widget .table-widget-content table tr th[aria-label="Is Active: activate to sort column ascending"]{text-align: center !important;} .DataGrid .table-widget .table-widget-content table tr th[aria-label="Student Details: activate to sort column ascending"]{width: 67% !important;} .DataGrid .table-widget .table-widget-content .dataTables_wrapper table tbody tr td.dataTables_empty{background-image: url(../images/server.png) !important;background-position: center 50px !important;background-size: 50px !important;background-repeat: no-repeat !important;font-weight: 600 !important;height: 120px !important;font-size: 13px !important;text-align: center !important;padding-top: 58px !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span[title="Edit"] .btn{border-radius: 4px; font-weight: 600 !important;background:linear-gradient(to right, #ad5e64,#d27880) ;color: #fff;padding: 5px 0px;line-height: 18px !important;width: 130px;border-radius: 30px;margin-left: auto !important;margin-right: auto !important;display: flex;justify-content: center;align-content: center;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span[title="Edit"] .btn:hover{border-radius: 4px; font-weight: 600 !important;background:linear-gradient(to right, #ad5e64,#d27880) ;color: #fff;padding: 5px 0px;line-height: 18px !important;width: 130px;border-radius: 30px;margin-left: auto !important;margin-right: auto !important;display: flex;justify-content: center;align-content: center;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span[title="View"] .btn{border-radius: 4px; font-weight: 600 !important;background-image:linear-gradient(to right, #c75c63 , #d2894a );color: #fff;padding: 5px 0px;line-height: 18px !important;width: 130px;border-radius: 30px;margin-left: auto !important;margin-right: auto !important;display: flex;justify-content: center;align-content: center;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span[title="View"] .btn:hover{border-radius: 4px; font-weight: 600 !important;background-image: linear-gradient(to right, #b64f55 , #c88245 );color: #fff;padding: 5px 0px;line-height: 18px !important;width: 130px;border-radius: 30px;margin-left: auto !important;margin-right: auto !important;display: flex;justify-content: center;align-content: center;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span .btn{border-radius: 4px; font-weight: 600 !important;background:linear-gradient(to right, #ad5e64,#d27880);color: #fff;padding: 5px 0px;line-height: 18px !important;width: 130px;border-radius: 30px;margin-left: auto !important;margin-right: auto !important;display: flex;justify-content: center;align-content: center;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span .btn:hover{border-radius: 4px; font-weight: 600 !important;background:linear-gradient(to right, #ad5e64,#d27880) ;color: #fff;padding: 5px 0px;line-height: 18px !important;width: 130px;border-radius: 30px;margin-left: auto !important;margin-right: auto !important;display: flex;justify-content: center;align-content: center;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input:focus{border: 1px solid #75141c80;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group input{position: relative;top: 2px;} #divCanvas .DataGrid .table-widget .table-widget-content table thead tr th[aria-label="Is Active: activate to sort column ascending"]{width: 10% !important;} #divCanvas .DataGrid .table-widget .table-widget-content table thead tr th:nth-child(1){ padding: 6px 0px 6px 10px !important; text-align: left;} /* #divCanvas .DataGrid .table-widget .table-widget-content table thead tr th:nth-child(2){ text-align: left !important;} */ #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td{border: none; height: 37px; border-bottom:1px solid #cccccc; } #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1){ padding: 5px 0px 5px 10px ; text-align: left;} /* #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2){ padding: 5px 5px ; text-align: left ;} */ #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group .form-control{text-align-last: left !important;} .DataGrid.Doc .table-widget .table-widget-content table tr th[aria-label="Document: activate to sort column ascending"]{width: 25% !important;} .DataGrid .table-widget .table-widget-content table tr th[aria-label="View: activate to sort column ascending"]{text-align: center !important;width: 9% !important;} .DataGrid .table-widget .table-widget-content table tr th[aria-label="Edit: activate to sort column ascending"]{text-align: center !important;width: 9% !important;} .DataGrid .table-widget .table-widget-content table tr th[aria-label="Item Map: activate to sort column ascending"]{text-align: center !important;width: 10% !important;} .DataGrid .table-widget .table-widget-content table tr th[aria-label="Map Items: activate to sort column ascending"]{text-align: center !important;width: 10% !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group select.form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .controls select.form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group select.form-control {background: rgb(74, 64, 65, 0.10) ; border-radius: 4px !important;color: #4e3636 !important;font-size: 14px !important; background-image: url(../images/MultiSelectTringle.png);background-repeat: no-repeat !important;background-position: right center !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group input[type="checkbox"], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group .controls input[type="checkbox"], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group input[type="checkbox"], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group .controls input[type="checkbox"]{float: left !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .controls input[type="checkbox"][type="checkbox"]{float: right !important;} #divCanvas .DataGrid .heading-elements{right: 10px !important;} #divCanvas .DataGrid .heading-elements ul li a{background-color: rgb(156 42 51 / 8%) !important;margin-left: 2px; border-radius: 3px;padding: 2px;color: #5a3535 !important;} /* .DataGrid .panel-heading .heading-elements ul li:nth-child(2) a,.DataGrid .panel-heading .heading-elements ul li */ .DataGrid .panel-heading .heading-elements ul li:nth-child(1) a{padding: 2px !important;} .DataGrid .panel-heading .heading-elements ul li:nth-child(2) a{padding: 2px 3px !important;} .DataGrid .panel-heading .heading-elements ul li:nth-child(3) a,.DataGrid .panel-heading .heading-elements ul li:nth-child(4) a,.DataGrid .panel-heading .heading-elements ul li:nth-child(5) a,.DataGrid .panel-heading .heading-elements ul li:nth-child(6) a,.DataGrid .panel-heading .heading-elements ul li:nth-child(7) a{padding: 4px 5px !important;} .Datagrid table tr td .form-group input[type="text"][disabled]{background-color: transparent !important;font-size: 14px;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .controls .form-control{ text-align: left !important;color: #4e3636 !important;font-size: 14px ;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .controls .form-control{ background: transparent; text-align: right;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .controls .form-control{border:1px solid #b9b3b3cc ;padding: 8px 5px !important;line-height: 10px;font-size: 14px !important;font-weight: 500 !important;color: #2d2d2d;text-align: left !important;padding-top: 10px;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input[type="text"][disabled]{text-align: right;background-color:transparent !important;border: none !important;padding: 8px 5px !important;line-height: 10px;font-size: 14px !important;font-weight: 600 !important;color: #2d2d2d !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .controls .form-control{color: #9a252e !important;border: 1px solid #756b6c87;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group select [disabled], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group textarea [disabled], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input [disabled]{background-color:transparent !important;border: none !important;} .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input[readonly]{border: none !important;} .DataGrid .table-widget .table-widget-content table tbody tr td .form-group textarea[readonly]{border: none !important;} #divCanvas .DataGrid table.dataTable thead tr th[aria-label="Remarks: activate to sort column ascending"]{width: 20% !important;} #divCanvas .DataGrid table.dataTable thead tr th[aria-label="Slot_IsMainFaculty: activate to sort column ascending"]{text-align: center !important;width: 15% !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group span.glyphicon-calendar::before{display: none !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group span.glyphicon-calendar::after{background-repeat: no-repeat;background-position: right center; background-size: 18px;content: '';position: absolute;width: 23px;height: 17px;} #divCanvas .DataGrid .datatable-footer{border-top: none!important;height: 51px ;} #divCanvas .DataGrid .datatable-footer .grid_page_left .pagination li select.form-control{width: 50px ;border: 1px solid #81141c59;height: 35px !important;} #divCanvas .DataGrid .datatable-footer .grid_page_right{margin-top: 5px ;} #divCanvas .DataGrid .datatable-footer ul.pagination li label{ font-size: 14px ;color: #393838 !important;} #divCanvas .DataGrid .datatable-footer ul.pagination li .bg-slate-400{background: transparent !important;color: #9a252e !important;} #divCanvas .DataGrid .datatable-footer .bootpag li a{padding: 5px 13px!important;border: none !important;background-color: rgb(156 42 51 / 8%) !important;color: #5a3535 !important;} #divCanvas .DataGrid .datatable-footer .bootpag li a:focus, #divCanvas .DataGrid .datatable-footer .bootpag li a:active, #divCanvas .DataGrid .datatable-footer .bootpag li a:visited, #divCanvas .DataGrid .datatable-footer .bootpag li a:hover{background-color: rgb(156 42 51 / 8%) !important;color: #5a3535 !important;} #divCanvas .DataGrid .datatable-footer .bootpag li a i{font-size: 23px ;} #divCanvas .DataGrid .datatable-footer .bootpag li input{width: 40px ;color: #9a252e !important;height: 30px;font-weight: 600 ;border: 1px solid #9a252ed4;font-size: 15px ;text-align: center !important;padding-left: 5px ;} #divCanvas .DataGrid.panel-collapsed .panel-heading h1,#divCanvas .DataGrid.panel-collapsed .panel-heading h2,#divCanvas .DataGrid.panel-collapsed .panel-heading h3,#divCanvas .DataGrid.panel-collapsed .panel-heading h4,#divCanvas .DataGrid.panel-collapsed .panel-heading h5,#divCanvas .DataGrid.panel-collapsed .panel-heading h6{border-bottom: none !important;} #divCanvas .DataGrid.panel-collapsed .panel-heading .heading-elements{margin-top: -12px !important;} #divCanvas .DataGrid.panel-collapsed .panel-heading .panel-title{position: relative;top: 2px;} .DataGrid .search_part .form-group .multi-select-full .btn-group ul.dropdown-menu{border: 1px solid #97232c94;} .DataGrid .search_part .form-group .multi-select-full .btn-group ul.dropdown-menu .multiselect-item input{padding-left: 35px !important;} .DataGrid .table-widget .table-widget-content .dataTables_wrapper table thead tr{background-color: rgb(156 42 51 / 8%) !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control:focus{border-color: #75141c4a !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control[disabled], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .controls .form-control[disabled]{border-style: none;border: none !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group span{font-size: 14px !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group textarea [readonly]{border: none !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .controls .form-control{line-height:17px !important;} #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .controls .form-control{line-height:17px !important;} .ViewBtn{display: block;border: none !important; width: 100%;background-image: url(../images/ViewDetails.png),linear-gradient(to right, #4a2a34, #454548); background-repeat: no-repeat; background-size: 23px,100%; background-position: 7% 50%,100%;background-color: #e9ddde;border-radius: 5px;padding: 12px 8px;text-align: center;color: #ffffff;font-weight: 500;text-align: right;} .ViewBtn:hover{display: block;border: none !important; width: 100%;background-image: url(../images/ViewDetails.png),linear-gradient(to right, #4a2a34, #454548); background-repeat: no-repeat; background-size: 23px,100%; background-position: 7% 50%,100%;background-color: #e9ddde;border-radius: 5px;padding: 12px 8px;text-align: center;color: #ffffff;font-weight: 500;text-align: right;} .CopyBtn{display: block;border: none !important; width: 100%; background-image: url(../images/DocumentDetails.png); background-repeat: no-repeat; background-size: 23px; background-position: 7% 50%;background-color: #9a252e;border-radius: 5px;padding: 12px 8px;text-align: center;color: #ffffff;font-weight: 500; text-align: right;} .ThemeBtn-1{ text-align: center !important; font-weight: 600 !important;width: 100% !important;border: none !important;color:#ffffff !important; background:#9a252e;box-shadow: none !important;border-radius: 4px !important;display: block !important;padding: 6px 5px !important;} .ThemeBtn-2{text-align: center !important; font-weight: 600 !important;width: 100% !important;border: none !important;color:#ffffff !important; background: #6d5c5e;box-shadow: none !important;border-radius: 4px !important;display: block !important;padding: 6px 5px !important;} .ThemeBtn-3{text-align: center !important; font-weight: 600 !important;width: 100% !important;border: none !important;color:#ffffff !important; background: #15b018;box-shadow: none !important;border-radius: 4px !important;display: block !important;padding: 6px 5px !important;} /* .CommonEditableGrid{border:1px solid #946a6e;} */ .CommonEditableGrid .panel-heading{background-color: #F2E6E6 !important; padding: 7.5px 20px !important; border-radius: 5px 5px 0 0 !important;} .CommonEditableGrid .panel-heading .text-danger{display: none !important;} .CommonEditableGrid .panel-heading h6{font-size: 15px; font-weight: 600 !important;} .CommonEditableGrid .table-widget .table-widget-content table{padding: 0 !important; border:none !important} .CommonEditableGrid .table-widget .table-widget-content table thead tr th{border:none !important; background-color: #946A6E !important; line-height: 16px; font-size: 13px; color: #fff; font-weight: 500;} .CommonEditableGrid .datatable-footer .bootpag li a{border: 1px solid #946a6e !important; color: #946a6e !important;} .CommonEditableGrid .table-widget .table-widget-content table thead tr th{color:White !important;} .common_panel_flat{border:1px solid rgba(0, 0, 0, 0.125) !important;box-shadow: 0px 2px 5px 0px rgba(19, 23, 38, 0.05) !important;border-radius:7px !important;background-image: url(../images/VesslesTabBG.jpg);background-repeat: no-repeat; background-position: top right;background-color:White; } .MyAction{border:1px solid rgba(0, 0, 0, 0.125) !important;box-shadow: 0px 2px 5px 0px rgba(19, 23, 38, 0.05) !important; border-radius:7px !important;background-image: url(../images/VesslesTabBG.jpg);background-repeat: no-repeat;background-position: top right; background-color:White; } .MyAction{border: 1px solid #dbe0e9 !important; border-radius: 7px;} .MyAction .panel-heading{padding: 10px 20px 0!important;} .MyAction .panel-heading h6{color: #131313; font-size: 15px; font-weight: 600 !important; border-bottom: 2px solid #e5e5e5 !important; padding-bottom: 10px !important;} .MyAction .panel-body{padding: 10px 10px!important;} .DataGrid .BgGrid .panel{border: none !important;} .form-group .display-block{position: absolute;left: 31px;line-height: 14px !important;font-size: 13px !important;padding-top: 4px !important;font-weight: 500;font-size: 14px;} .form-group label .checker span {border-radius: 3px;} /* .greyTheme { border: 1px solid #946a6e;} */ .greyTheme .panel-heading {background-color: #F2E6E6 !important;padding: 7.5px 20px !important; border-radius: 5px 5px 0 0 !important;} .greyTheme .panel-heading .text-danger {display: none !important;} .greyTheme .panel-heading h6 {font-size: 15px;font-weight: 600 !important;} .greyTheme .table-widget .table-widget-content table {padding: 0 !important;border: none !important} .greyTheme .table-widget .table-widget-content table thead tr th {border: none !important;background-color: #946A6E !important;line-height: 16px;font-size: 13px; color: #fff;font-weight: 500;} .greyTheme .datatable-footer .bootpag li a {border: 1px solid #946a6e !important;color: #946a6e !important;} .hidePanel {border: none !important;background-color: transparent !important; margin-bottom:0px !important; box-shadow:none !important;} .LeftSidePanel .panel-body .form-group .controls span{opacity: 1 !important;border: none !important;font-size: 14px;padding: 0px;color: #9a252e !important;background-color: transparent !important;} .hidePanel .panel-body .form-group .controls button span{padding: 0px !important;color: #222222 !important;font-size: 12px !important;border: 0px solid #fefefe;} .LeftSidePanel label, .hidePanel label { color:#777 !important; } .ro_lbl_primary { font-size: 14px; color: #9a252e !important; } .hidePanel .panel-heading h6 { border-bottom:1px solid #dddddd; } .hidePanel .controls span { } .hidePanel .panel-body { padding:10px; } .hidePanel .panel-heading { padding:4px 20px !important; } .ro_lbl { font-size: 14px; } .mt-30 { margin-top:30px; } .mt-25 { margin-top: 25px; } #divCanvas .item_details .table-widget .table-widget-content table tbody tr td:nth-child(9) input, #divCanvas .item_details .table-widget .table-widget-content table tbody tr td:nth-child(12) input, #divCanvas .item_details .table-widget .table-widget-content table tbody tr td:nth-child(13) input { border: 0px !important; background-color: transparent !important; font-weight:600; } #divCanvas .item_details_readonly .table-widget .table-widget-content table tbody tr td input { border: 0px !important; background-color: transparent !important; font-weight: 600; } #divCanvas .doc_read_only .table-widget .table-widget-content table tbody tr td input { border: 0px !important; background-color: transparent !important; font-weight: 600; } #divCanvas .doc_read_only .table-widget .table-widget-content table tbody tr td .form-control { border: 0px !important; background-color: transparent !important; font-weight: 600; } #divCanvas .doc_read_only .table-widget .table-widget-content table tbody tr td .input-group-btn a { display:none; } /* ends here */ .CustomModel .modal-footer .CustomDelete { background-color: #f44336 !important; } .InboxDashboard{display:flex; flex-direction:row; justify-content:space-between; align-items:center; grid-gap: 20px; margin:0; padding:0;} .InboxDashboard li{width: 20%;} /*.InboxDashboard li:first-child .DashboardReport{background-color:rgb(41 163 152 / 10%); border:1px solid #29A398;} .InboxDashboard li:nth-child(2) .DashboardReport{background-color:rgb(96 109 223 / 10%); border:1px solid #606DDF;} .InboxDashboard li:nth-child(3) .DashboardReport{background-color:rgb(182 101 206 / 10%); border:1px solid #B665CE;} .InboxDashboard li:nth-child(4) .DashboardReport{background-color:rgb(250 69 148 / 10%); border:1px solid #FA4594;} .InboxDashboard li:nth-child(5) .DashboardReport{background-color:rgb(52 148 235 / 10%); border:1px solid #3494EB;} .InboxDashboard li:first-child .DashboardReport .DashboardCount{background-color: #29A398;} .InboxDashboard li:nth-child(2) .DashboardReport .DashboardCount{background-color: #606DDF;} .InboxDashboard li:nth-child(3) .DashboardReport .DashboardCount{background-color: #B665CE;} .InboxDashboard li:nth-child(4) .DashboardReport .DashboardCount{background-color: #FA4594;} .InboxDashboard li:nth-child(5) .DashboardReport .DashboardCount{background-color: #3494EB;}*/ .InboxDashboard li .DashboardReport .DashboardData{display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;} .InboxDashboard li .DashboardReport .DashboardData span{font-size:21px; font-weight: 700; color: #E9AD33; display: inline-block;} .InboxDashboard li .DashboardReport .DashboardData label{font-size:13px; font-weight:600; color:#808E84; display: inline-block;} .InboxDashboard li .DashboardReport{display:flex;flex-direction: row-reverse;justify-content:space-between;align-items: center;height: 110px;padding:0 15px;border-radius: 6px;background-color:#29A398;background: #FFFFFF;border: 1px solid #BEFCBE;box-shadow: 0px 4px 14px #D0ECD8;border-radius: 12px;} .InboxDashboard li .DashboardCount{width: 70px; height: 70px; border-radius: 140px; font-size: 28px; color: #30BA57; text-align: center; padding: 13px 0; font-weight: 600;background: #E8FFE8;} .IntanceTem .page-header-content{padding: 7px 20px;} .IntanceTem .heading-elements .BtnCalendar{ padding:9px 9px 10px;background: #7ab97a;} .IntanceTem .heading-form .input-group .form-control{ background: #ffffff;border: 1px solid #7ab97a !important;} .page-header.IntanceTem{ background: #FFFFFF;box-shadow: 0px 8px 15px rgb(208 231 208 / 71%);border: none; margin-bottom: 15px !important;} .IntanceTem .Refresh{ background: #dffbdf;height: inherit;width: 45px;} .IntanceTem .heading-elements .multiselect{ border: 1px solid #7ab97a;background: #fff;} .IntanceTem .heading-elements .dropdown-toggle{ border: 1px solid #7ab97a;background-color: #fff;height: 35px; color: #6a6660 !important; border-radius: 4px;} .IntanceTem .heading-elements{display: flex; flex-direction: row; grid-gap: 10px; align-content: center;} .IntanceTem .heading-elements .heading-form .input-group-xs .input-group-btn a{ height: 36px;display: flex;align-items: center;position: relative;justify-content: center;top: -2px; background: #8bc34a;border: none;} .IntanceTem .datetimepicker .input-group-btn{display:none;} .IntanceTem .LeftFilterCol .sidebar-detached .sidebar{background: #FFFFFF; box-shadow: 0px 8px 15px rgba(38, 50, 56, 0.1); border-radius:12px; border: 1px solid #B6E3C3 !important;background: linear-gradient(180deg, #FFFFFF 0%, #F9FEF9 100%);} .IntanceTem .LeftFilterCol .sidebar-detached .sidebar h6{ border-bottom: 1px solid #BEFCBE;background-color: #ffffff;border-radius: 12px 12px 0px 0px;} .IntanceTem .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback input{ background: #E8F4E8;border-radius: 8px !important;border: none;} .CustomFixed .page-header-content .heading-elements .heading-form .form-group .input-group { margin: 0; width: auto; } .CustomFixed .page-header-content .heading-elements .heading-form .form-group .input-group .form-control{height: 32px; color: #1a1a1a; border-radius: 3px 0 0 3px; border: 1px solid #bdc0c7; border-right: none; box-shadow: none;} .CustomFixed .page-header-content .heading-elements .heading-form .form-group .input-group-btn{height: 32px; border-radius: 0 3px 3px 0; border: 1px solid #bdc0c7; border-left: none; width: 30px; text-align: center;} .CustomFixed .page-header-content .heading-elements .heading-form .form-group .input-group-btn a{display: inline-block; color: #6a727d; border-radius: 0; height: 32px; background-color: transparent; box-shadow: none; padding: 6px 0;} .CustomFixed .page-header-content .heading-elements .form-group{margin:0 !important;} .CommonFlex {display: flex; flex-direction: row; align-items: center; justify-content: space-between} .CustomNewPanelDesign {border: 1px solid #afb8db; border-radius: 5px 5px 0 0 !important; margin-bottom:0;} .CustomNewPanelDesign > .panel-heading{background-color:#e6f1ff !important; border-radius: 5px 5px 0 0; padding: 0 15px !important; height:42px; display: flex; align-items: center;} .CustomNewPanelDesign > .panel-heading .panel-title{font-size: 15px; font-weight: 500; color: #3b61eb;} .NewTabStyle.tab-content-bordered ul.nav{display:flex; flex-direction:row; background-color:#f3f6f9; height:55px; align-items:center; border-bottom: 2px solid #e5e5e5; grid-gap: 20px;} .NewTabStyle.tab-content-bordered ul.nav li{} .NewTabStyle.tab-content-bordered ul.nav li a{padding: 15px 0; position:relative;} .NewTabStyle.tab-content-bordered ul.nav li.active a::after{content:''; position:absolute; width:100%; height:4px; background-color:#3b61eb; left:0; right:0; margin:auto; bottom: 0;} .NewTabStyle.tab-content-bordered ul.nav li a span, .NewTabStyle.panel .panel-heading h6{color: #4d4d4d; font-size:15px; font-weight:500; line-height: 24px;} .NewTabStyle.tab-content-bordered ul.nav li:hover a span{color: #3b61eb;} .NewTabStyle.tab-content-bordered .tab-content{margin:0;} .NewTabStyle.tab-content-bordered .tab-content .panel{border: none; margin: 0 !important; box-shadow: none; border-radius: 0;} .NewTabStyle.tab-content-bordered .tab-content .panel .panel-heading{display:flex;flex-direction:row;height: 73px;align-items:center;border-bottom:1px solid #dde2f1;padding: 10px 15px !important;} .NewTabStyle.tab-content-bordered .tab-content .panel .panel-heading h6{font-size:14px; font-weight:500; color:#4d4d4d;} .NewTabStyle.tab-content-bordered .tab-content .panel .panel-heading .heading-elements{top: 50%; transform: translateY(-50%); margin: 0; height: auto; right: 10px;} .NewTabStyle.tab-content-bordered .tab-content .panel .panel-body {padding: 5px 0;} .CustomPackageUI .modal-dialog .modal-content .CustomHeader{padding: 22px 10px !important; height:auto !important; background-color:#fff; box-shadow: 0 0 15px rgb(150 169 225 / 15%);} .CustomPackageUI .modal-dialog .modal-content{padding:0 !important; background-color:#F0F3FD; border-radius: 4px;} .CustomPackageUI .modal-dialog .modal-content .modal-header .close{right:20px; top:16px;} .CustomPackageUI .modal-dialog .modal-content .modal-header .close{right:20px; top:16px;} .CustomPackageUI .modal-footer{display:none;} .CustomPackageUI .add-process-menu-left{width:120px; float:left; box-shadow: 0 0 15px rgb(150 169 225 / 15%);} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav{display:flex; flex-direction:column; padding:0; margin:0;} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li a{display:flex; flex-direction:column; width: 137px; height: 135px; background-color: #fff; border-bottom: 1px solid #e1e1e1; justify-content: center; align-items: center;} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li a i{padding:10px 0;} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li a i svg path{fill:#4F5D77;} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li.active a i svg path{fill:#3B61EB;} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li.active a{background-color:#e3e9ff; font-weight:500; position:relative;} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li.active a::after{content:''; position:absolute; width:5px; height:100%; background-color:#3b61eb; right:0; border-radius: 25px 0 0 25px;} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li.active a span{font-weight:600;} .CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li a span{font-size: 14px; font-weight: 500; color: #1a1a1a; line-height: 18px; text-align:center;} .CustomPackageUI .add-process-menu-right{width:calc(100% - 138px); float:left;} .CustomPackageUI .add-process-menu-right .content{padding: 20px 0;} .CustomPackageUI .add-process-menu-right .tabbable{background-color: #fff; overflow: hidden; padding: 10px;} .CreateTemplate{background-color: #fff; border-radius: 18px; padding: 15px; border: 2px dashed #3b61eb; display: flex; flex-direction: column; justify-content: center; align-items: center;} .CreateTemplate .CreateIcon{padding:20px 0 10px;} .CreateTemplate h6{font-size: 18px; font-weight: 500; color: #0b6282; margin: 0; line-height: 18px; padding: 10px 0 5px;} .CreateTemplate p{font-size: 14px; font-weight: 400; color: #909091; margin: 0; line-height: 18px; padding: 5px 0 10px;} .CreateTemplate a{width: 100%; text-align: center; background-color: #3b61eb; color: #fff; font-size: 16px; font-weight: 300; padding: 5px; border-radius: 25px; margin-top: 30px;} .CommonToggleMain{width:100px; display: flex; flex-direction: row; grid-gap: 5px;} .CommonToggleMain a{display:block;} .CommonToggleMain a img{width:20px;} .CustomORGLeft{width:100%; float:left;} .CustomORGLeft.active{width:calc(100% - 520px); margin-right:20px;} .CustomORGRight{display:none; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; background-color: #f9f9f9; transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); float:left; overflow:hidden;} .CustomORGRight.active{display: block; width:500px;} .bootstrap-select.btn-group .btn .caret{display:none;} .bootstrap-select .btn {background-image: url(../images/DesignStudio/SelectArrow.png) !important;background-repeat: no-repeat;background-size: 12px;background-position: 96% 50%;} .SelectDevice{width:250px;} .SelectDevice .form-group{margin:0; display: flex; justify-content: center; align-items: center; grid-gap:12px;} .SelectDevice .form-group label{padding:0; margin:0; color: #3b61eb; font-size: 13px;} /* By Guna */ /*.sidebar { transition: width 0.3s; } .sidebar-xs .sidebar-main { animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 0.5s; -moz-animation: fadeIn ease 0.5s; -o-animation: fadeIn ease 0.5s; -ms-animation: fadeIn ease 0.5s; transition: width 0.3s; } .sidebar-fixed .sidebar-content { animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 0.5s; -moz-animation: fadeIn ease 0.5s; -o-animation: fadeIn ease 0.5s; -ms-animation: fadeIn ease 0.5s; transition: width 0.3s; } .CustomConsoleMenu { animation: fadeIn ease 0.9s; -webkit-animation: fadeIn ease 0.9s; -moz-animation: fadeIn ease 0.9s; -o-animation: fadeIn ease 0.9s; -ms-animation: fadeIn ease 0.9s; } .sidebar-fixed { animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 0.5s; -moz-animation: fadeIn ease 0.5s; -o-animation: fadeIn ease 0.5s; -ms-animation: fadeIn ease 0.5s; } @keyframes sidebar-fixed { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes sidebar-fixed { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes sidebar-fixed { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes sidebar-fixed { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes sidebar-fixed { 0% { opacity: 0; } 100% { opacity: 1; } }*/ .datatable-header{ padding: 0; border: 0;} .datatable-header .form-group {margin: 0; padding: 0; display: flex;align-items: center;align-content: center;grid-gap: 10px;} .datatable-header .form-group label{padding: 0;color: #3b61eb !important;} .bootstrap-touchspin.input-group-sm .input-group-btn-vertical>.btn { aspect-ratio: 1 !important; width: 36px !important; line-height: 1.6666667; padding-left: 11px; padding-right: 11px; height:auto; } .bootstrap-touchspin .input-group-btn-vertical { white-space: nowrap; width: 1%; vertical-align: top !important; display: table-cell; } .bootstrap-touchspin input{border-radius: 5px 0px 0px 5px !important;} .CusBtn { padding: 8px 12px; font-size: 15px; color: #616f87; font-weight: 500; line-height: 18px; background-color: #fff; border-radius: 5px; border: 1px solid #8e8e8e; width: 150px; } .CusSave { background-color: #3b61eb; color: #fff; border: 1px solid transparent; font-weight: 400; } .btnSearch svg{width:15px;} @media (max-width: 1366px) and (min-width: 769px) { .page-title h4{font-size: 14px;} .CustomConsoleMenu .CustomMenuView .CustomMiddleTable{height: 216px !important;} .CustomConsoleMenu .CustomMenuView .CustomLoadMenu{height: 216px !important; } .CustomConsoleMenu .CustomMenuView .CustomLoadMenu .list-group-item span{font-size:12px !important;} .CustomConsoleMenu .CustomMenuView .CustomViewIcon h4 a{font-size:14px !important;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a span{font-size:12px !important ;} .CustomFixed.page-header .page-header-content .heading-elements .input-group input[type="search"]{height: 29px !important;font-size: 12px !important;} .CustomFixed.page-header .page-header-content .heading-elements ul li a i svg{width:16px !important; height:16px !important;} .CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group button{width: 96px !important;height: 29px !important; font-size:11px !important;} .mainCustomTable .panel-heading .heading-elements > ul > li > a{font-size: 11px !important;padding: 5px 7px !important;} .mainCustomTable .panel-heading .heading-elements > ul > li > a i svg{width:16px !important; height:16px !important;} .mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a{width: 33px;height: 31px;border-radius: 8px;} .mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a{width: 33px;height: 31px;border-radius: 8px;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div.hdrcell{ font-size: 12px !important;padding: 0 7px !important; } .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td{font-size: 11px !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td{ height: 37px !important;} .mainCustomTable div.gridbox table.hdr td{height: 37px !important;} .mainCustomTable .xhdr{height: 37px !important;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a{min-height: 36px !important;} /*.sidebar-fixed .sidebar-content{width: 234px !important;} .sidebar{width: 234px !important;}*/ div.gridbox table.obj tr td a{font-size:12px !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a svg{width:15px !important;height:15px !important;} .CustomFixed.page-header .page-header-content .heading-elements ul li a span{font-size: 11px;line-height: 11px} .CustomNavbarStrip .navbar-brand .DoubleLogo{height: 43px !important;} .CustomNavbarStrip .navbar-brand .DoubleLogo img{width: 27px;} .CustomSiteSearch .input-group input{font-size:11px !important;} .CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a.dropdown-toggle .langText{font-size:12px !important;} .CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a .UserImage img{width: 24px !important;height: 24px !important; max-height:24px !important;} .DesignStuidoRight .navbar .navbar-nav li:first-child a::before{left: 2px !important;} .form-group label{font-size:12px !important;} .mainHeading h4{font-size:14px !important;} .mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label{font-size: 12px; padding: 0 !important;} .mainCustomTable .panel-heading{ padding: 2px 4px !important;} .mainCustomTable .xhdr .hdr{height:auto !important;} .mainCustomTable .panel-footer ul li span{font-size:12px !important;} .login-container .login_form_first{height: 450px !important;width: 782px !important;} .VerticalMiddle{height: 410px;} .login-container .login_form_first .RightSide{ padding: 20px 63px;} .LeftSide .VerticalCenter img{width: 390px;} .RightSide .VerticalCenter img{width: 86px;} .login-container .login_form_first::after{bottom: -38px;} .login-container .login_form_first .RightSide .form-group .ForgotPassword{font-size: 13px;} .login-container .login_form_first .RightSide .form-group .BtnLogin{font-size: 14px; padding: 8px 50px;} .login-container .login_form_first .RightSide .content-group small{font-size: 16px !important;} .login-container .login_form_first .RightSide .form-group label{color: #ffffff94;} .login-container .login_form_first .RightSide .form-group input{ background-size: 15px;} .mainCustomTable .panel-body{height: calc(100vh - 171px); } .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageTitle a{ font-size: 17px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Username b, .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Calendar b{ font-size: 13px !important;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageRule .LeftRule{ font-size: 13px;} .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li{flex-basis:46.33vh; } .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX p{font-size:13px;} .CustomPackageMasterUX .page-header .page-header-content{height: 45px;} .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i{} .logo-title li svg {width:37px;} .logo-title li p{ margin-top: 0px; font-weight: 400;font-size: 12px;} .logo-title li span{font-size:20px;} .login-container .login_form_first .LeftSide{background-size:contain;} .login_form_first .form-group{margin-bottom:8px !important;} .login-container .login_form_first .RightSide .form-group input{height:36px;} .login-container .login_form_first .RightSide .form-group .BtnLogin{line-height:17px;} /*/dashboard header//*/ .navbar-nav > .dropdown-user > a > span{font-size:11px;} .CustomNavbarStrip{ height: 43px;} .CustomNavbarStrip .navbar-collapse > ul .WorkSpace span {font-size: 13px;line-height: 11px;} .CustomNavbarStrip .navbar-collapse > ul{ height: 44px;} #spnSlotCount{display:none !important;} .CustomSiteSearch #txtSearchSite{height: 28px !important;} .CustomNavbarStrip .navbar-brand{ height: 43px;} /*/dashboard header//*/ .sidebar{ width: 215px;} .sidebar-fixed .sidebar-content{width: 215px;} .navigation li > .has-ul:after{ right: 11px;} .CustomFixed .page-header-content{height:43px;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td{ height: 32px;} .CustomCheckbox_2 input[type="radio"] + label::before, .CustomCheckbox_2 input[type="checkbox"] + label::before{ content: "";width:16px;height:16px;} .mainCustomTable .panel-heading .heading-elements > ul > li > a{grid-gap:6px;} .mainCustomTable .panel-footer{padding: 10px 8px !important;} .mainCustomTable .panel-heading .heading-elements > ul > li.Filter ul.dropdown-menu{ padding: 6px 14px 15px; width: 260px;} .mainCustomTable .panel-heading .filters span{ grid-gap: 8px; justify-content: flex-start;} .mainCustomTable .panel-heading .filters span a{width: 30px;height: 30px; border-radius: 8px;font-size: 13px;} .mainCustomTable .panel-heading .filters .FilterTitle label{ font-size: 13px;} .mainCustomTable .panel-heading .filters .FilterTitle a{ font-size: 13px;} .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn{right: 4px !important;} .CustomFixed.page-header .page-header-content .heading-elements .input-group .input-group-btn a i img{ width: 13px !important;} .CustomModelDesignStudio .modal-footer button{padding:8px !important;} .CustomModelDesignStudio .modal-content{ padding: 20px 14px !important;} .CustomModelDesignStudio .modal-header::before{content:'';width: 40px !important;height: 40px !important;background-size: 19px !important;} .CustomModelDesignStudio .modal-header h4{padding-left: 48px !important;} } .Lock svg{ margin: 0;display: inherit;width: 15px;vertical-align: middle;} .Lock svg path{fill:red;} .heading-elements > ul > li.Save > a {background-color: #3B61EA;border-radius: 4px;padding: 4px 18px !important;color: #fff !important;font-size: 14px;font-weight: 400;line-height: 14px;height: 30px;} .heading-elements > ul > li.Save:hover > a{color:black !important;} #dvTitlesview .panel-body{overflow: auto;background: #f3f3f3;} .LOD .exploPanel{padding:15px;border:1px solid #ddd;margin: 0px 10px;border-radius: 4px;margin: 0px 10px;border-radius: 4px;background: white;} .LOD{display: grid;grid-template-columns: 1fr 1fr;padding-block: 2em;grid-auto-rows: initial;width: 100%;gap: 2em;} .LOD .exploPanel .media-list{display:flex; flex-direction:row;margin: 0 !important;} .LOD .exploPanel .formatIcon{ padding: 20px;background: #f8f4ff;border-radius: 100%;border: 1px solid #9575cd;} .LOD .exploPanel .list-inline{ display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;align-items: center;} .LOD .exploPanel .list-inline > li:last-child{position: absolute;top: -10px;right: -6px;background: aliceblue;padding: 10px;border-radius: 100%;} .LOD .exploPanel .list-inline-separate > li:before{content:'/'; color:transparent;} .LOD .exploPanel .list-inline-separate > li{padding:0;} #grpPixelType .form-group .display-block{left: 30% !important;} /*---------------------- ------------- Denmdron-login-page ---------------- -------------------------------*/ .DendronLogin { background-image: url(../images/dendronBg.png),linear-gradient(to top, #92f7a8, #f5fffa) !important; background-position: left bottom,100% !important; background-size: 50%,100%; } .DendronLogin .login_form_first{padding-right: 130px !important; box-shadow: none !important; width: auto !important;height:auto !important;} .DendronLogin .login_form_first .LeftSide{display:none !important;} .DendronLogin .login_form_first .RightSide{float: right !important;width: 500px !important;background: none !important;position:relative;} .DendronLogin .login_form_first::after{ content: ''; background:none !important;} .DendronLogin .login_form_first .RightSide .content-group{padding: 0 !important;} .DendronLogin .login_form_first .RightSide .form-group .LoginLabel{ color: #666d6e;} .DendronLogin .login_form_first .RightSide .form-group input{border-radius:0px !important;border-bottom:1px solid #20422a2e !important; background-color: transparent !important;} .DendronLogin .login_form_first .RightSide .form-group .BtnLogin{width:100% !important; color: white !important;background: #263238 !important;} /*.DendronLogin #divLogo{display:none; } */.DendronLogin .login_form_first .RightSide .content-group small{color: #FFA93A;font-size:34px;} .DendronLogin .login_form_first .RightSide p{color:#666d6e !important;} .DendronLogin .logo-title{ position: absolute;top: 90px;left: 82px;} .DendronLogin .logo-title p{color:#2033569e;} .DendronLogin .login_form_first .RightSide::after{content:'';width:2px; height: 307px;position: absolute;z-index: 1;left: -120px;top: 28%;background: #40834f40;border-radius: 25%;} .logo-title .flex {display: flex;align-content: center;align-items: center;grid-gap: 10px;} .logo-title li svg path{ fill:#263238;} .logo-title li svg {width:100px; height:100px;} .logo-title li span{font-family:Comfortaa; font-weight:800; font-size:56px; font-weight:800; color:#59C878;} .logo-title li p{font-family:Comfortaa; font-weight:700; font-size:14px;color:#d1d4e9;margin-top:12px;} #divLogo{ width: 70px; height: 70px; border-radius: 100%;margin: 0; background-repeat: no-repeat; background-size: 23px; background-position: center; margin-bottom:20px !important; } .instance {background: linear-gradient(180deg, #FFFFFF 0%, #F9FEF9 100%);border: 1px solid #B6E3C3;box-shadow: 0px 4px 14px #D0ECD8;border-radius: 14px;padding: 12px 19px;} .instance .InstanceSearchBoxHeader{padding: 0; display: inline-flex;width: 100%;border-bottom: 1px solid #F8F8F8; transform: rotate(0deg);} .instance .page-title{width: 50%; text-align: left; padding: 0 !important;} .instance .element{width: 50%;text-align: right;} .instance .page-title h6{color: #686868;font-weight: 400;font-size: 15px;line-height: 18px;} .instance .element a{background: #FFFFFF;border: 1px solid #EBE0CC;border-radius: 6px;color: #FE543D;padding: 2px 20px;} .instance .panel .panel-body{padding: 0;} .instance .InstanceSearchLeft{display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .instance .InstanceSearchLeft .UserData,.instance .InstanceSearchLeft .InstanceProfile{width: 33.33333%; text-align: center;} .instance .circle {background: #d98d1c;border-radius: 100%;color: white;width: 115px;height: 115px;margin: 0 auto; padding: 0;} .instance .circle img{ width: inherit;height: fit-content;} .instance .InstanceSearchLeft .UserData p{margin: 0; color: #BABBBA; font-size: 11px;} .instance .InstanceSearchLeft .UserData a{ color: #504E4A;font-size: 18px;font-weight: 500;} .instance .InstanceSearchRight{ background: #F1F6F1;border-radius: 8px;color: white !important;padding: 12px 15px;} .instance .InstanceRight{ display: grid;grid-template-columns: 1fr 1fr; gap: 40px; } .instance .InstanceRight .grid{ display: flex;flex-direction: column;align-items: flex-end;color: rgba(128, 142, 132, 0.6);} .instance .InstanceRight .grid2{ display: flex;flex-direction: column;align-items: flex-start;color: rgba(128, 142, 132, 0.6);} .instance .InstanceRight p span{font-weight: 700;font-size: 16px;text-align: center;color: #59C878;} .instance .InstanceRight .grid2 span{color: #E9AD33 !important;} .instance .InstanceRight .View{ text-align: center;padding: 10px;background: #263238; box-shadow: 0px 4px 4px rgba(226, 226, 226, 0.25); border-radius: 10px; color: white !important;} .instance .InstanceRight .View a{color: white !important;} .instance .InstanceRight .View:nth-child(2){background: #59C878;border-radius: 10px;} .IntanceTem .InstanceSearch .panel{ background: transparent;border: none !important;} .IntanceTem .InstanceSearch .panel-heading { background: transparent;border: none !important;} .IntanceTem .LeftFilterCol .sidebar-detached .sidebar .sidebar-content{height: calc(100vh - 277px) !important;} .IntanceTem .InboxFilterSection{ min-height: auto !important;height: auto !important;} .IntanceTem .LeftFilterCol{ width: 20% !important; margin-right: 20px; margin-top: 20px;} .IntanceTem .RightresultCol {width: 78% !important;} .IntanceTem .panel-footer {background: rgb(38 50 56 / 5%) !important;border-radius: 8px;border: none;} .IntanceTem .AddInstance{display:none;} .IntanceTem .panel-heading .heading-elements > ul > li .input-group .form-control{background: #E8F4E8;border-radius: 8px 0px 0px 8px;border: none;} .IntanceTem .InstanceSearch .heading-elements ul li .input-group-btn{background: #E8F4E8 !important;border: none !important;} .IntanceTem .fa-area-chart:before {content: "\f1fe";color: #30ba57;} .insMulti .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td { border-color: #bef3be !important; } @media (max-width: 1366px) and (min-width: 769px) { .DendronLogin .login_form_first .RightSide{width: 400px !important;} .InboxDashboard li .DashboardReport{height: 90px;padding: 0 10px;} .InboxDashboard li .DashboardReport .DashboardData span{font-size:18px;} .instance .InstanceSearchLeft .UserData a{font-size: 17px;} .instance .circle{ width: 89px;height: 89px;} .instance .InstanceRight .grid2,.instance .InstanceRight .grid{ font-size: 10px;} .IntanceTem .InstanceSearch .panel-body{height: calc(100vh - 280px) !important;} .instance{ border-radius: 14px;border-radius: 14px;padding: 10px 8px;padding: 10px 8px !important;} .instance .InstanceRight{ gap: 10px;} } /*---------------------- ------------- Denmdron-login-page ---------------- -------------------------------*/ /* ------------------------------- Multi Table -Inbox -------------------------------- */ .MultiTable .panel{padding:0 !important; margin:0 !important; border-radius: 8px;} .MultiTable .panel-body{padding:0 !important; margin:0 !important; background:transparent !important; box-shadow:none !important;} .MultiTable .objboxParent{height:auto !important;} .MultiTable #grdDeadlineMissed{height:auto !important;} .MultiTable .panel-body h5{color:#0d0f28; font-weight:500;} .MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td{ padding: 7px 5px 7px 8px !important; font-size: 14px !important; color: #505050 !important;} .MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child{ border-radius: 12px 0px 0px 12px;} .MultiTable .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:last-child{ border-radius: 0px 12px 12px 0px;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell{ color: #484d566e !important; font-size:13px !important;} .MultiTable div.gridbox .objbox { background-color: transparent !important;} .CustomInboxDesign .panel-body #grdDeadlineMissed .objboxParent table,.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj{border-collapse: separate !important;border-spacing: 0 7px !important;background-color: transparent !important;} .MultiTable .panel-body #grdDeadlineMissed table tbody tr {background:white !important;} .CustomInboxDesign .panel-body #grdDeadlineMissed .xhdr table tbody tr{height:auto!important;background:transparent !important;} .MultiTable .panel-footer .pull-left, .MultiTable .panel-footer .pull-right{ display: flex !important;align-items: center !important;} .MultiTable .panel-footer ul li > div{ background: transparent !important;color: black !important;} .MultiTable .panel-footer select#ddlPageSize{ width: 55px;margin: 0;height: 45px !important;border-radius:8px !important;border: none !important; background-color:#e5e7ed !important ;} .MultiTable .panel-footer .pull-right li { padding: 12px 20px !important; margin: 0 20px !important; background: #e5e7ed !important; border-radius: 8px !important; } .MultiTable .gridbox_dhx_skyblue {height: auto !important;} .MultiTable .panel-body table tbody .ev_dhx_skyblue,.MultiTable .panel-body table tbody .odd_dhx_skyblue {background:white !important;} div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected{background:black !important;} .MultiTable .dhxgrid_sort_desc, .MultiTable .dhxgrid_sort_asc{ left: 995px !important;top: 14px !important;} /* ------------------------------- Multi Table -Inbox -------------------------------- */ #grdTenantMaster svg{width:18px;} .mainCustomTable div#grdAdminDetail.gridbox_dhx_skyblue.isModern table.hdr tr td div{color: #5e5e5e;} .mainCustomTable div#grdAdminDetail.gridbox_dhx_skyblue.isModern table svg{width:18px;} /*.BasicGrid .panel-heading .heading-elements{right: 10px;margin-top: -16px;} .BasicGrid .panel-heading .heading-elements ul li a{min-width: 29px;height: 29px;background: #DCF1E1;border-radius: 10px;} .BasicGrid .panel-heading .heading-elements ul li a.collapse3{top: 0px !important;} .BasicGrid .panel-heading .heading-elements ul.icons-list li{margin-left: 0px !important;} .BasicGrid .panel-heading .heading-elements ul li.dropdown a span{display: none !important;} .BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right{box-shadow: none !important;border: none !important;width: 330px;background-color: transparent !important;} *//*.BasicGrid .panel-heading .heading-elements ul li a .icon-plus2{background-image: url(../images/Internals/Add_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 12px;height: 12px;} .BasicGrid .panel-heading .heading-elements ul li a .icon-trash{background-image: url(../images/Internals/Trash_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;} .BasicGrid .panel-heading .heading-elements ul li a .icon-pencil7{background-image: url(../images/Internals/Edit_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;} .BasicGrid .panel-heading .heading-elements ul li a .icon-filter3{background-image: url(../images/Internals/Filter_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;} .BasicGrid .panel-heading .heading-elements ul li a .icon-menu7{background-image: url(../images/Internals/Menu_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;} .BasicGrid .panel-heading .heading-elements ul li a.collapse3::after{background-image: url(../images/Internals/Down_theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;} */ /*.BasicGrid .panel-heading .heading-elements ul li a .icon-plus2::before, .BasicGrid .panel-heading .heading-elements ul li a .icon-add-to-list::before, .BasicGrid .panel-heading .heading-elements ul li a .icon-trash::before, .BasicGrid .panel-heading .heading-elements ul li a .icon-pencil7::before, .BasicGrid .panel-heading .heading-elements ul li a .icon-filter3::before, .BasicGrid .panel-heading .heading-elements ul li a .icon-menu7::before{display: none;} .BasicGrid .panel-heading .heading-elements ul li a.collapse3::after{content: '' !important;} .BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li {width: 50%;float: left;} .BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li.divider{display: none !important;} .BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a{font-weight: 500;padding: 25px 10px !important;display: flex;align-items: center;justify-content: flex-start;margin: 5px 0px 5px 10px !important;} .BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a:hover{border: 1px solid var(--main-Default-Text) !important;} .BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a:hover i::before{color:var(--main-Default-Text) !important;font-weight: 600 !important;} .BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a i{font-weight: 500;width: 29px;height: 29px;background: #FFFFFF;border: 0.5px solid #D9D9D9;box-shadow: 0px 0px 2px rgb(0 0 0 / 15%);display: flex;align-items: center;text-align: center;align-content: center;flex-wrap: wrap;flex-direction: row;justify-content: center;margin: 5px 10px 5px 5px !important;border-radius: 100px;padding: 16px !important;} .BasicGrid table{padding: 0px !important; border-radius: 10px 10px 0px 0px !important;background: transparent;border: none !important;box-shadow:none;height: 50px;border-collapse: separate; border-spacing: 10px;} .BasicGrid table thead{background: #FFFFFF;border: 1px solid #ECECEC;box-shadow: inset 0px 0px 3px rgb(0 0 0 / 10%);border-radius: 10px 10px 0px 0px;height: 50px;} .BasicGrid table thead tr th{height: 37px;padding: 7px 0px 7px 20px;border-left: unset !important;color: #4B4848 !important;opacity: 0.75;font-weight: 400;} .BasicGrid table thead tr th::after{background-image: url(../images/Internals/Down_Arrow_Filled_Theme.svg);background-position: right center;background-repeat: no-repeat;background-size: 12px;content: '' !important;width: 12px;height: 12px;} .BasicGrid table.dataTable tbody tr{ border: none;background: #FFFFFF;box-shadow: 0px 4px 14px #d0ecd8;border-radius: 14px;} .BasicGrid table tbody tr td{padding: 5px 10px;} .BasicGrid table thead tr th[aria-label="Edit: activate to sort column ascending"]{padding: 0px;text-align: center;width: 100px;} .BasicGrid table tbody tr td span[title="Edit"] button{color: transparent;background-color: transparent;padding: 0px;border: none;background-image: url(../images/Internals/Edit_Normal.svg);background-repeat: no-repeat;background-size: 16px;background-position: center;} .BasicGrid table tbody tr td span[title="Edit"] button:hover{background-color: transparent !important;background-image: url(../images/Internals/Edit_Hover.svg);} .BasicGrid table tbody tr td .input-group span.e-disabled{border-bottom-color:transparent !important;border-bottom-style: unset !important;position: relative;top: 3px;margin: 0px !important;} .BasicGrid table tbody tr td .input-group span.e-disabled .e-input-group-icon{margin: 0px !important;} .BasicGrid table tbody tr td .input-group span.e-disabled input, .BasicGrid table tbody tr td .form-group input[type="date"][disabled]{padding: 0px !important;border: none !important;position: relative;top: 7px;background-color: transparent;font-weight: 500 !important;font-size: 14px !important;color: #4B4848 !important;} .BasicGrid table tbody tr td .form-group input[type="text"][disabled]{background-color: transparent !important;padding-left: 0px;opacity: 1 !important;font-weight: 500 !important;font-size: 14px !important;line-height: 150%;color: #4B4848 !important;margin-top: 0px;border: none;} #divCanvas .BasicGrid .table-widget .table-widget-content table tbody tr td{border-radius: 8px !important; border: none !important;} .BasicGrid table tbody tr td .form-group span.e-disabled{background-image: none !important;} .BasicGrid table tbody tr.selected{ background-color: #c9d9c9 !important;} #divCanvas .BasicGrid .table-widget .table-widget-content table thead tr th{ background-color: #f9fef9 !important; color: #A1A1A1 !important;} #divCanvas .BasicGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control, #divCanvas .BasicGrid .table-widget .table-widget-content table tbody tr td .controls .form-control{border: none !important; color: #333333 !important;} #divCanvas .BasicGrid .datatable-footer{ background: rgba(38, 50, 56, 0.04);border-radius: 8px !important;border: none;} #divCanvas .BasicGrid .pagination label{ font-weight: 500;font-size: 14px;line-height: 12px;color: #000000;} #divCanvas .BasicGrid .pagination select{background-color: #263238;border-radius: 4px;color: white;} #divCanvas .BasicGrid .pagination .label{ background: rgba(252, 194, 15, 0.52);border-radius: 4px;color: #263238;padding: 2px 12px; font-size: 10px;} #divCanvas .BasicGrid .datatable-footer .bootpag li a{ border-radius: 4px; background-color: #FFFFFF !important; border: 1px solid #a0f3a0; box-shadow: -1px 0px 6px -1px rgb(202 202 202 / 60%) !important;} #divCanvas .BasicGrid .fa-angle-double-left:before{ content: "\f100";color: #000000;} #divCanvas .BasicGrid .fa-angle-left:before {content: "\f104";color: black;} #divCanvas .BasicGrid .fa-angle-right:before {content: "\f105";color: black;} #divCanvas .BasicGrid .fa-angle-double-right:before {content: "\f101";color: black;} #divCanvas .BasicGrid .pagination .form-group input[type="text"][disabled],#divCanvas .BasicGrid .pagination .form-control[disabled]{ background: #263238;padding: 13px;border-radius: 4px;border: none;color: white !important;}*/ .University {background: linear-gradient(180deg, #ffebcd1c 1.78%, #FFE9C8 100%);} .University .login_form_first .RightSide .form-group .BtnLogin{background-color: #232f34;} .login-container .login_form_first .RightSide{background: url(../images/LoginCurve.png), url(../images/LoginCurve_2.png), linear-gradient(to bottom, #fff1f1 40%, #ffe6c1 100%);} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: #232f34 !important; } #grdInboxActivitySettings .objboxParent { height: auto !important; } .hideContent { display: none; } .input-group .form-control:first-child{ height: inherit} .input-group-xs>.input-group-btn>.btn{ height: 40px;} #docFrame {padding: 0px !important;} #dvDMSLeftPage #docFrame, #dvDMSRightPage #docFrame { padding-top: 10px !important; height: calc(100vh - 60px); overflow: hidden; background: transparent; border-radius: 8px !important; padding: 7px !important } #dvDMSLeft,#dvDMSRight{ margin-top: 44px;} /*#dvDMSLeftPage #docFrame .zIndex, #dvDMSRightPage #docFrame .zIndex{ background: transparent;border: none;} */ .CustomIspaceMenuTop.navbar-right li.dropdown #ulDocumentFloat { height: 91px; } .Docexpl .panel .panel-heading {background: #e5e5e5 !important;} .jsPanel .jsPanel-hdr {background: #3b61eb;} .CusBorder-remove .panel{border:none !important; margin-bottom:20px !important;} .CusBorder-remove .panel-heading { padding: 2px 25px !important; background: #e2e4e5;} .CusBorder-remove .panel-body{padding: 25px 10px !important} #dvUploadDocument .panel-body{height:auto !important;min-height: auto !important;} #dvDocumentView #dvContainer.panel{height:auto !important;} #grpPixelType { display: flex; gap: 50px; } #grpPixelType h6{ position: relative; width: 100%; text-align: left; left: 0; top: 0; margin: 0; } .CustomUploadReport .input-group-xs > .form-control, .CustomUploadReport .input-group-xs > .input-group-addon, .CustomUploadReport .input-group-xs > .input-group-btn > .btn { height: 38px !important; } /*---------------------------- cardinboxthumbnail ---------------------------------------------------*/ .Card_panel{ display: flex;flex-direction: row;padding: 10px;border: 1px solid #ddd;border-radius: 9px;gap: 21px; background: #252c32; margin-bottom: 10px;} .Card_img{height: 150px; width: 30%;} .Card_img img{object-fit: cover;width: 100%;height: 100%; border-radius: 18px;} .Card_Content{ display: flex;flex-direction: column; width: 70%;} .Card_Name{ font-size: 18px;font-weight: 600; color: white;} .flex-type{ display: flex;gap: 28px; padding: 11px 0px;} .status-update{ text-align: left; background: #0000004f; width: 100%; border-radius: 7px; padding: 8px 0px 8px 8px} .status-initial{ text-align: left; padding: 8px 0px 8px 8px; border-radius: 7px;width: 100%; background: #0000004f;} .btn_flex{display: flex; flex-direction: row; justify-content: space-around; gap: 5px; align-items: center;} .btn_flex .btn{width: 100%; background: #ffffff1c; color: white !important;} .btn_flex .btn:nth-child(1){border: 1px solid #1b81db;color: #68b8ff !important; background: transparent;} .btn_flex .btn:nth-child(2){background: #1b81db;} .Card_panel p{color: #f0f8ff75 !important; margin: 0; padding: 0; font-size: 12px;} .Card_Code{ color: #f0f8ff75;} .status-update .value { color:#f7c350e0 !important; font-size: 14px !important; } .status-initial .value { color: #75ffbf !important; font-size: 14px !important; } /*---------------------------- cardinboxthumbnail ---------------------------------------------------*/ .syncfusion_datepicker { border: 1px solid red; } #divCanvas .form-group, .CustomFormDesign .form-group .form-control, .CustomFormDesign .form-group .multiselect, .CustomFormDesign .form-group .dhxcombo_input, .CustomFormDesign .form-group .dhxcombo_select_button, .CustomFormDesign .form-group .bootstrap-select button, #divCanvas .form-control{text-align: left;} /*--------------------- Multi Table -------------------------*/ .Inbox_panel{ background: #ffffff;padding: 5px;border-radius: 8px;display: flex;justify-content: center;align-items: center; gap: 10px;flex-direction: row;} .Section_value_inner{ display: flex;flex-direction: column;justify-content: center;align-items: center;background: #d9ffdd;padding:2px 7px;border-radius: 6px;} .Inbox_panel .Section_value_inner label{margin: 0;opacity: 0.56;font-size: 12px;} .Inbox_panel .Section_value_inner span{font-size: 14px !important; font-weight: 600 !important;} .Inbox_panel .Section_value_inner:nth-child(2){background: aliceblue;} .Inbox_panel .Section_value_inner:nth-child(3){background: rgb(253 230 230);} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell{ color: #484d56cc !important;} /*--------------------- Multi Table -------------------------*/ /*--------------------------------Laks Combobox------------------------------------*/ .control-wrapper { margin: 0 auto; width: 250px; } .header { font-weight: 600; color: rgba(0, 0, 0, .54); height: 48px; padding: 15px 0 0 16px; font-size: 16px; background-color: #f5f5f5; font-family: "Segoe UI", "GeezaPro", "DejaVu Serif"; } .info { margin-left: 17px; } .ename { display: block !important; opacity: .87; font-size: 14px; margin-top: 8px; } .name { padding: 8px 42px; opacity: .87; line-height: 1.063em; } .job { opacity: .54; font-size: 14px; margin-top: -15px; margin-bottom: 7px; } .empImage { margin: 6px 16px; float: left; width: 50px; height: 50px; } .value { border-radius: 50%; float: left; margin-top: 2px; margin-left: 2px; } .e-bigger:not(.bootstrap) .value { margin-top: 6px; } .e-bigger:not(.bootstrap) .name { padding: 11px 42px; } #employees_popup.e-popup .e-list-item * { display: block; text-indent: 0; } .e-bigger:not(.bootstrap) #employees_popup .e-dropdownbase .e-list-item { line-height: 42px; height: 80px; } .e-bigger:not(.bootstrap) #employees_popup.e-popup .empImage { margin: 10px 16px; } .tailwind #employees_popup .job { margin-top: -7px; margin-bottom: 5px; } .e-bigger.tailwind #employees_popup .job { margin-top: -15px; margin-bottom: 5px; } .bootstrap5 #employees_popup .job, .bootstrap-dark #employees_popup .job, .bootstrap5-dark #employees_popup .job, .tailwind-dark #employees_popup .job { margin-top: 0; } .e-bigger.bootstrap5 #employees_popup .job, .e-bigger.bootstrap-dark #employees_popup .job, .e-bigger.bootstrap5-dark #employees_popup .job, .e-bigger.tailwind-dark #employees_popup .job { margin-top: -15px; } /*--------------------------------Laks Combobox------------------------------------*/ /*--------------------------------Product Issues Fix 11/3/2022 Dont Remove------------------------------------*/ .modal-content{border-radius:16px;} /*.e-list-parent {display: grid !important;grid-template-columns: 1fr 1fr 1fr 1fr !important;} */#grdCommonDataElements {position: sticky;overflow-x: auto !important;} #grdCommonDataElements .xhdr, #grdCommonDataElements .objboxParent {position: static !important;width: fit-content !important;} #grdCommonDataElements .xhdr table, #grdCommonDataElements .objboxParent table {position: sticky;overflow: inherit;} #grdDataElements {position: sticky;overflow-x: auto !important; height: fit-content !important;min-height: fit-content !important;} #grdDataElements .xhdr, #grdDataElements .objboxParent {position: static !important;width: fit-content !important;} #grdDataElements .xhdr table, #grdDataElements .objboxParent table {position: sticky;overflow: inherit;} #grdDataElements .objboxParent{height: fit-content !important;} .CustomModel .CustomHeader.modal-header h4 {font-size: 17px; color: rgb(77, 77, 77);font-weight: 500;line-height: 17px;margin: 0px;position: relative;padding-left: 70px;} .CustomModel .CustomHeader.modal-header {padding: 0 10px !important;height: 50px;display: flex;flex-direction: row;align-items: center;} .GobalDFSToolBar ul.ToolBar > li > ul.CSS > li.SpriteNine > a::before {background: url(../images/SpritesImages/css-file.png) -282px -247px;left: 0;right: 0;margin: auto;top: 8px;background-repeat: no-repeat;background-size: 32px;background-position: center;} .GobalDFSToolBar ul.ToolBar > li > ul.CSS > li.SpriteTen > a::before {background: url(../images/SpritesImages/SmartLayout.png) -282px -247px;left: 0;right: 0;margin: auto;top: 8px;background-repeat: no-repeat;background-size: 32px;background-position: center;} #InfoEditor {background: #f3f6ff;color: #080808;font-size: 14px;font-weight: 700;} #flex-container {height: auto !important;min-height: auto !important;} .SpriteTen11 svg { width: 44px;height: 40px;padding-top: 10px;top: 3px;position: absolute;} .CustomFixed.page-header .page-header-content .heading-elements ul{display:flex;} .mainCustomTable .panel-heading .heading-elements > ul > li > a{ gap: 5px;} .modal-open .modal{top:10px;} .CustomModelDesignStudio #mdlRoleAssign .CustomFlex .CopySelect_2, .CustomModelDesignStudio #mdlRoleAssign .CustomFlex .MoveSelect_2 {flex-basis: 50%;width:50%; height: calc(100vh - 320px);} #mdlRoleAssign .e-list-parent {grid-template-columns: 1fr 1fr !important; display:inline-block !important;} .modal-backdrop {background-color: #ffffff !important;} .C_CheckBox .form-label{padding-left:34px;} .MultiTable .panel-footer .pull-left{ justify-content: start !important;} .MultiTable .panel-footer .pull-right{ justify-content: end !important;} /*--------------------------------Product Issues Fix 11/3/2022 Dont Remove------------------------------------*/ .wrapper-Load {padding-left: 1em;padding-right: 1em;margin-left: auto;margin-right: auto;} .text-giga {line-height: 1; font-size: 24px;font-weight: 300;} .pad-top {padding-top: 1em;} .space-out {margin: 100px;} .main-site {display: table;height: 100%;width: 100%;} .wrapper-Load {display: table-cell; vertical-align:middle;} .loader {vertical-align: middle !important;} .loader-6:before {background-color: rgb(105 127 255 / 70%) !important;} .loader-6:after {background-color: rgb(16 211 108 / 63%) !important;} /*------------------------------------------- $ Loaders -------------------------------------------*/ .text-giga {line-height: 1;font-size: 24px;font-weight: 300;} .pad-top {padding-top: 1em;} .space-out {margin: 100px;} /*------------------------------------------- $ Loaders -------------------------------------------*/ .loader {width: 50px;height: 50px;border-radius: 50%;margin: 3em;display: inline-block;position: relative;vertical-align: middle;} .loader,.loader:before,.loader:after {animation: 1s infinite ease-in-out;} .loader:before,.loader:after {width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;} /* Loader 6 */ .loader-6 {animation: loader6-1 1.5s infinite linear;} .loader-6:before,.loader-6:after {content: '';margin: -25px 0 0 -25px;top: 50%;left: 50%;background-color: rgba(30,30,30,0.7);animation-name: loader6-2;} .loader-6:after {animation-direction: reverse;} @keyframes loader6-1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}} @keyframes loader6-2 { 0% {transform: scale(0.2);left: 0%;} 50% {transform: scale(1.0);left: 50%;} 100% {transform: scale(0.2);left: 100%;}} #grdInboxFeatures { min-height: auto !important; height: auto !important; cursor: default; } .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: rgba(0, 0, 0, 0.42); border: 1px solid rgba(0, 0, 0, 0.42); border-radius: 4px; padding: 5px; } .MultiTable .panel-footer select#ddlPageSize{ background-color: #ffffff !important;} .MultiTable .panel-footer .pull-right li {background: #ffffff !important;} .MultiTable .panel-footer select#ddlPageSize { background-color: #ffffff !important; } .MultiTable .panel-footer .pull-right li { background: #ffffff !important; } .jsPanel-content #propertyGrid {overflow: auto !important;} #jsPanel-2 div.gridbox table.row20px tr td { height: 33px; white-space: nowrap; padding: 9px; border: 1px solid #e7edff; } .e-toolbar-wrapper { height: auto !important; } .Inbox_panel{ background: #ffffff;padding: 5px;border-radius: 8px;display: flex;justify-content: center;align-items: center; gap: 8px;flex-direction: row;} .Section_value_inner{ display: flex;flex-direction: column;justify-content: center;align-items: center;background: #d9ffdd !important;padding:2px 7px !important;border-radius: 6px;} .Inbox_panel .Section_value_inner label{margin: 0;opacity: 0.56;font-size: 12px;} .Inbox_panel .Section_value_inner span{font-size: 14px !important; font-weight: 600 !important;} .Inbox_panel .Section_value_inner:nth-child(2){background: aliceblue !important;} .Inbox_panel .Section_value_inner:nth-child(3){background: rgb(253 230 230) !important;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell{ color: #484d56cc !important;} .MultiTable table{table-layout:inherit !important;} #inboxGrid table.obj tr td:last-child, #inboxGrid .xhdr table.obj tr td:last-child{ text-align:center !important;} .CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td{} /*------------------ Product Patch 19-11-2022 ------------*/ /*------------------ INFRATRIUCTURE Add ------------*/ .gobalTab #dvAssetMaster .nav-tabs li.active a{background: transparent !important;border: none !important;border-bottom: 3px solid #3b61eb !important;border-radius: 0px !important;} .gobalTab #dvAssetMaster .nav-tabs li a{border: none !important;color:#3b61eb !important;} .gobalTab #dvAssetMaster .tab-content-bordered{background: #f5f7ff !important;} /*------------------ INFRATRIUCTURE Add ------------*/ .InlineMultiSelect {height: 100% !important;} .MultiLeftDoc {position: absolute;height: 45px;width: 45px !important;border-radius: 100% !important;} .InlineMultiSelect .MultiLeftDoc a{ width: 100%;height: 100%;border-radius: 100%;} .MultiRightDoc {background: transparent;border: none !important;width: 100% !important;height: 100%;} .InlineMultiSelect .datatable-scroll div:first-child{ height: 100%;width: 100%;text-indent: 12px;display: flex;justify-content: start;align-content: center;grid-template-columns: 1fr 1fr 1fr 1fr;overflow: auto;flex-wrap: wrap;} .InlineMultiSelect .MultiRightDoc{ border: none !important; background-color: transparent !important;} .mainCustomTable div.gridbox_dhx_skyblue.gridbox{overflow:auto !important; height:100% !important;} div.gridbox_dhx_skyblue.isModern table.obj.row20px tr td{ line-height: 13px;} /* Coin-Login */ .page-container { width: 100%; display: table; table-layout: fixed; height: 100%; } .serba-login .content-wrapper { vertical-align: middle; display: table-cell; padding-bottom: 0; } .serba-login .content::after { content: ""; display: table; clear: both; } .serba-login { background: linear-gradient(157deg, #a3a4d4 0, #6c6cd1 100%) !important; position: relative; width: 100%; } .serba-login .serba-img { background-image: url(../images/Proof-logo.png), url(../images/bg-img.png); background-size: 177px ,cover; background-repeat: no-repeat; background-position: 100% 0% ,center; } .serba-login .login-form { width: 784px; border-radius: 36px !important; margin: 0 auto; overflow: hidden; border: 1px solid #9ea2ff !important; } .serba-login .login-form-1 { width: 500px !important; } .serba-login .login-form-1 .btnBack { background: #febc0a; color: black; border-radius: 25px; } .serba-login .login-form-1 .btnNext { background: #6fde74; color: black; border-radius: 25px; } .serba-login .login-form-1 input { padding: 8px 35px 8px 39px !important; border-bottom: 1px solid #4c4b4c !important; font-family: 'Quicksand',sans-serif !important; font-weight: 500; text-align: left; } .serba-login .login-form .InsidePanel { position: absolute; background-image: url(../images/leftside-img.png); background-repeat: no-repeat; background-position: -8px; background-size: cover; width: 100%; height: 457px; top: 0; right: 0; } .serba-login .login-form .form-group { margin-bottom: 24px !important; } .login-content { padding-left: 34px; padding-right: 34px; padding-top: 24px; } .login-form .login-content input { padding: 8px 35px 8px 39px !important; border-bottom: 1px solid #4c4b4c !important; font-family: 'Quicksand',sans-serif !important; font-weight: 500; text-align: left; } .l-button { text-align: center; } .l-button .btn { background: linear-gradient(90deg, #3a398d 0, #3a3b74 100%) !important; color: white; border-radius: 25px; width: 172px; } .serba-login .icon-object { padding: 0px !important; margin: 0px !important; } .forget-icon { float: left; } .forget-icon { background-image: url(../images/forget-icon.png); background-repeat: no-repeat; background-size: 26px; height: 26px; } .change-icon { float: right; } .change-icon { background-image: url(../images/change-icon.png); background-repeat: no-repeat; background-size: 26px; height: 26px; } .forget-icon a { padding-left: 35px; color: #616060; } .change-icon a { padding-left: 35px; color: #616060; } .serba-login .icon { background-image: url(../images/user-ico.png) !important; background-repeat: no-repeat; background-position: left; background-size: 17px; } .serba-login .icon-1 { background-image: url(../images/password-ico.png) !important; background-repeat: no-repeat; background-position: left; background-size: 17px; } .serba-login .shadow { background-image: url(../images/shadow.png) !important; background-repeat: no-repeat; background-position: 50% 95%; } .serba-login .shadow1 { background-image: url(../images/shadow.png); background-repeat: no-repeat; background-position: 50% 91%; background-size: 45%; } .serba-login .content { padding: 61px 28px !important; } .serba-login .login-form .cus-copy { border-top: 1px solid #bcbcbc; margin-bottom: 2px !important; text-align: center; padding-top: 6px; margin-top: 11px; color: #bcbcbc; } @media (min-width: 768px) and (max-width: 1200px) { /* .serba-login .login-form { width: 100%; } */ } @media (min-width: 600px) and (max-width: 1024px) { .serba-login .login-form { width: 100%; } .serba-login .login-form .InsidePanel { background-image: none; } } @media (min-width: 600) and (max-width: 768px) { /* .serba-login .login-form { width: 100%; } */.serba-login .login-form .InsidePanel { background-image: none; } } @media (min-width: 320px) and (max-width: 599px) { .serba-login .login-form { width: 100%; } .serba-login .LeftSideZeep, .serba-login .RightSideZeep { width: 100%; } .serba-login .login-form .InsidePanel { background-image: none; } } .login-form input { font-size: 13px; padding: 8px 35px 8px 0; display: block; width: 100%; border: none; border-bottom: 1px solid #ddd; font-weight: 500; }