@charset "utf-8"; /** * * ID123Inc CONFIDENTIAL * ___________________________ * * Copyright ID123 Inc [2020] * All Rights Reserved. * * NOTICE: All information contained herein is, and remains * the property of ID123 Inc. The intellectual and technical * concepts contained herein are proprietary to ID123 Inc. * and may be covered by U.S. and Foreign Patents, * patents in process, and are protected by trade secret or * copyright law. Dissemination of this information or * reproduction of this material is strictly forbidden unless * prior written permission is obtained from ID123 Inc. * No warranty, explicit or implicit, provided. * */ @import url(//fonts.googleapis.com/css?family=Open+Sans:400,800,300,700); /*Reset Styles*/ body{color:#000;line-height:1.6;font-family:'Open Sans', sans-serif} body,table td{font-weight:400!important} a,li,p{line-height:1.6} a:active,a:hover{ outline:0!important} a:hover{color:#3498db;text-decoration:underline} h1,h2,h3,h4,h5{margin-top:5px;text-shadow:none;font-weight:400!important;font-family:'Open Sans', sans-serif} h1 i,h2 i,h3 i,h4 i,h5 i{margin-right:7px} ol,ul{margin:0;padding:0} .break-word-all{overflow-wrap:break-word} .va-middle{vertical-align:middle!important} /* 02-14-19 */ .va-top{vertical-align:top!important} /* 06-10-2021 */ .beta-version{font-size:smaller;font-style:italic;color:#67a400} /** input-group */ .input-group .form-control { z-index:1;} /* CARDS */ .card__orgname--fixed{font-size:15px;padding:7px 20px;max-width:605px;position:relative;right:0;top:-4px;text-align:left} .card__orgname--fixed a:hover{text-decoration: none!important;} .card__orgname--fixed .card-body{padding:0}.card__orgname--fixed a{color:black!important} /* TAG BOX */ .tag-box { padding: 16px; margin-bottom: 20px;} .tag-box h2 { font-size: 20px; line-height: 25px;} .tag-box p { margin-bottom: 0; } .tag-box span { font-weight:700;} .tag-box a { font-weight:400; } .tag-box-v5 { margin: 10px 0 20px; border: dashed 1px #ccc; } .tag-box-v6 { background: #fafafa; border: solid 1px #eee; } /**** input error*/ input.error { color:#ff0000; border:1px solid #ff0000 !important; } /* Class to disable horizontal resize for textarea */ textarea.no-horizontal-resize { resize: vertical; } /* Hover for anchors */ table a:not(.btn):hover {color:blue;} .bootbox .modal-footer{padding:.25rem!important} /* 07-09-19 - Nitin - Default overflow:hidden for .modal-open class on breaks the Flex UI by reducing height of container */ body.modal-open {overflow:unset !important;} .disableScroll{margin: 0; height: 100%; overflow: hidden} /* TABLE */ .table{font-size:13px} .table>thead>tr{background-color:#f2f2f2} .tblForm{border-collapse:separate;border-spacing:0 2px;width:100%} .table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0} .tblForm tr.footer td{background:#d3d3d3!important} .tblForm tr>td{background:#f9f9f9;line-height:20px} .tblForm tr>td,.tblForm tr>th{padding:.5625em .625em;border-bottom:1px solid #fff} .tblForm tr>th{background:#eee;text-align: right;font-size: 13px} .table tbody tr.active td,.table tbody tr.active th {background-color:#08C;color:white} .table tbody tr.active:hover td,.table tbody tr.active:hover th {background-color:#0075b0!important} .table tbody tr.active a{color:white} .table tr.footer td,.table-striped tr.footer td {background-color:#DFE0E3!important} table small{ font-weight:normal} .form-control { box-shadow:none} .form-control:focus { border-color:#bbb; box-shadow:0 0 2px #c9c9c9 } .form-spacing .form-control { margin-bottom:15px } .pagination { margin: 10px; } .pagination > li > a { color:#252525; } /* page link hover */ .pagination .page-item a.page-link:hover{text-decoration: none;} /* BUTTON */ .btn-u { border:0; cursor:pointer; padding:6px 13px; background:#cccccc; display:inline-block; color:#fff!important; text-decoration:none!important } .btn-u:hover { color:#fff; background: #cccccc; text-decoration:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out } .btn-u-small { padding:3px 12px } .btn-u-lg { font-size:18px; padding:10px 25px } a.btn-u { padding:4px 13px; vertical-align:middle } a.btn-u-small { padding:2px 12px } a.btn-u-lg { font-size:18px; padding:6px 25px } .btn-u-blue { background:#3498db!important; color:#fff;} .btn-u-blue:hover { background:#2980b9!important; color:#fff;} .btn-u-red { background:#d9534f!important; color:#fff;} .btn-u-red:not(:disabled):hover { background:#c9302c!important; color:#fff;} .btn-u-red-outline {color:#fff !important;background-color:#d9534f !important;border:2px solid #d9534f} .btn-u-orange { background:#f0ad4e!important; color:#fff;} .btn-u-orange:hover { background:#ec971f!important; color:#fff;} .btn-u-sea { background:#1abc9c!important; color:#fff;} .btn-u-sea:hover { background:#16a085!important; color:#fff;} .btn-u-green { background:#5cb85c!important; color:#fff;} .btn-u-green:hover { background:#449d44!important; color:#fff;} .btn-u-yellow { background:#f1c40f!important; color:#fff;} .btn-u-yellow:hover { background:#f39c12!important; color:#fff;} .headline { display: block; margin: 10px 0 25px 0; border-bottom: 1px dotted #e4e9f0; } li [class*=" icon-"], li [class^=icon-] {width:1.25em;text-align:center;display:inline-block} li [class*=" icon-"].icon-lg, li [class^=icon-].icon-lg { width:1.5625em } /* STATUS COLOR */ .label-txt { font-size:14px; font-weight:700; } .label-info-color { color:#3498db !important } .label-info-outline { border:1px solid #3498db;} .label-primary-color { color:#2A74DF !important } .label-primary-outline { border:1px solid #2A74DF;} .label-default-color { color:#777 !important } .label-default-outline { border:1px solid #777;} .label-warning-color, .label-orange-color { color:#e67e22 !important } .label-warning-outline, .label-orange-outline { border:1px solid #e67e22;} .label-danger-color { color:#e74c3c !important; } .label-danger-outline { border:1px solid #e74c3c;} .label-green-color { color:#72c02c !important; } .label-green-outline { border:1px solid #72c02c; } /* 01-03-19 - Label colours for Statuses */ .label-dark {background-color:#343a40;color:#fff;border-color:#343a40;} .label-dark-outline { border:1px solid #343a40} .label-public {background-color:#117a8b;border-color:#10707f;color:white;} .label-public-outline {border:1px solid #10707f} /* 02-14-19 - Label styles from Bootstrap v3 */ .label{display:inline;padding:4px 10px;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:10px;} .label-default{background-color:#777} .label-success{background-color:#5cb85c} .label-info{background-color:#5bc0de} .label-warning{background-color:#f0ad4e} .label-danger{background-color:#d9534f} .margin-bottom-10 { margin-bottom:10px } .margin-bottom-20 { margin-bottom:20px } .margin-bottom-25 { margin-bottom:25px } .margin-bottom-30 { margin-bottom:30px } .margin-bottom-35 { margin-bottom:35px } .margin-bottom-40 { margin-bottom:40px } .margin-bottom-50 { margin-bottom:50px } .margin-bottom-60 { margin-bottom:60px } .margin-top-10 { margin-top:10px } .margin-top-20 { margin-top:20px } /***** fancy-ui ********/ input[type="checkbox"].fancy-ui, input[type="radio"].fancy-ui { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; } input[type="radio"].fancy-ui + label { position: relative; display: inline-block; overflow: hidden; text-indent: -9999px; background: #ccc; width: 30px; height: 30px; border-radius: 100%; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); } input[type="radio"].fancy-ui + label:before { content: ''; position: absolute; display: block; height: 10px; width: 10px; top: 50%; left: 50%; background: white; border-radius: 100%; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.1s; transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.1s; -webkit-transform: translateZ(0) translate(-50%, -50%) scale(0); transform: translateZ(0) translate(-50%, -50%) scale(0); } input[type="radio"].fancy-ui:checked + label { background: #0288D1; } input[type="radio"].fancy-ui:checked + label:before { -webkit-transform: translateZ(0) translate(-50%, -50%) scale(1); transform: translateZ(0) translate(-50%, -50%) scale(1); } input[type="checkbox"].fancy-ui + label { position: relative; display: inline-block; overflow: hidden; text-indent: -9999px; background: #ccc; width: 60px; height: 30px; border-radius: 100px; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); margin-bottom:2px; } input[type="checkbox"].fancy-ui + label:before { content: ''; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; background: #0288D1; border-radius: 100px; -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.1s; transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.1s; -webkit-transform: translateZ(0) scale(0); transform: translateZ(0) scale(0); } input[type="checkbox"].fancy-ui + label:after { content: ''; position: absolute; top: 2px; left: 2px; display: block; height: 26px; width: 26px; background: white; border-radius: 100%; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } input[type="checkbox"].fancy-ui:checked + label { background: #0288D1; } input[type="checkbox"].fancy-ui:checked + label:after { left: calc(100% - 28px); -webkit-transform: translateZ(0); transform: translateZ(0); } input[type="checkbox"].fancy-ui:disabled + label { background: #dfe0e3; cursor: not-allowed; } input[type="checkbox"].fancy-ui:checked:disabled + label { background: #0288D1; cursor: not-allowed; } .fancybox-overlay.fancybox-overlay-fixed { z-index:9999 } /* input type - enable disable text */ .enable-disable-text {font-size:14px;vertical-align:top;display:inline-block;padding:9px 5px;} /* default error -------------------------------------*/ .input-error-validate { color:#d00; } input.input-error-field, select.input-error-field, textarea.input-error-field, div.input-error-field, .btn-custom.input-error-field { border:1px solid #d00 !important } .input-error{color:#d00} /*Breadcrumbs */ .breadcrumb { margin-top: 10px; margin-bottom: 0px; } .breadcrumb-nav li a.active-btn,.breadcrumb-nav li a:hover{color:#fff} /* form type default fields ********************************/ input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { padding:7px 12px;line-height:1.428571429;color:#555555;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; } input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus { border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } input[type=date][disabled], input[type=datetime-local][disabled], input[type=datetime][disabled], input[type=email][disabled], input[type=month][disabled], input[type=number][disabled], input[type=password][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=text][disabled], input[type=time][disabled], input[type=url][disabled], input[type=week][disabled], select[disabled], textarea[disabled] { background-color:#ddd } form input[type=file], form select { max-width: 500px; } .panel-default{border-color:#dddddd;}.panel-default>.panel-heading{color:#333333;background-color:#f5f5f5;border-color:#dddddd;}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#dddddd;} .panel-body-background{ background-color:#F9F9F9;} .bord{border:2px solid #eee;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px} /*footer -----------------------------*/ .footer-copyright { font-size:14px; } /*Tabs v1*/ .tab-v1 .nav-tabs{border:none;background:0 0}.tab-v1 .nav-tabs a{font-size:16px;padding:8px 26px}.tab-v1 .nav-tabs>.active>a,.tab-v1 .nav-tabs>.active>a:focus,.tab-v1 .nav-tabs>.active>a:hover{color:#fff;border:none}.tab-v1 .nav-tabs>li>a{border:none}.tab-v1 .nav-tabs>li>a:hover{color:#fff}.tab-v1 .tab-content{padding:10px 0}.tab-v1 .tab-content img{margin-top:4px;margin-bottom:15px}.tab-v1 .tab-content img.img-tab-space{margin-top:7px}.nav-tabs>li>a{border-radius:0!important} /* flex aligning class */ .flex-space-between-center {display:flex;justify-content:space-between;align-items:center;} .flex-justify-center-align-center {display:flex;justify-content:center;align-items:center;} .flex-space-between-end-center {display:flex;justify-content:space-between;align-items:center;} .flex-space-end-center {display:flex;justify-content:flex-end;align-items:center;} .flex-center {display:flex;align-items:center;} .flex-justify-space-around-start {display:flex;justify-content:space-around;align-items:flex-start;} /* width */ .fit-content{width: fit-content} /*------------------------------------------------*/ /* Components /*------------------------------------------------*/ /*** PANELS (Bootstrap v3) ***/ .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } /** large button override ********/ .btn-lg { padding: 8px 14px !important; font-size: 16px; line-height: 1.33333; border-radius: 0px; } /*Font Awesome Icon Styles*/ .style-icons i {display: inline-block !important;} .style-icons a:hover {text-decoration: none;} i.icon-round { color: #666; padding: 7px 0; min-width: 40px; font-size: 22px; margin-bottom: 5px; display: inline-block; border: solid 1px #ddd; border-radius: 50% !important; } i.icon-round-lg { min-width: 55px; font-size: 35px; padding: 10px 0; line-height: 33px; margin-bottom: 10px; border-radius: 50% !important;} i.icon-round-sm { padding: 5px 0; font-size: 16px; min-width: 30px;} /* Table danger **********/ .table>tbody>tr.danger>td { background-color: #f2dede; } /*.table-border-radius.danger { border: 3px solid #d9534f;}*/ .table-border-radius.danger .table>tbody>tr:first-child >td{ background-color:#FDF7F7;} /* tooltip font color ****/ .tool-tip-color li { color:#fff; } .small-font { font-size:12px !important;} /* Notify *********/ .notify{font-weight:400;font-style:italic;color:#828181} /*label large ***************/ .label-large { font-size:13px;} /** Datepicker custom css**/ .ui-datepicker tbody tr,.ui-datepicker thead{border-bottom:1px solid #bbb}.ui-datepicker{width:216px;height:auto;margin:5px auto 0;font-size:12px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.5);box-shadow:0 0 10px 0 rgba(0,0,0,.5); z-index:99999 !important;}.ui-datepicker a{text-decoration:none}.ui-datepicker table{width:100%}.ui-datepicker-header{background:#000;color:#e0e0e0;font-weight:700;-webkit-box-shadow:inset 0 1px 1px 0 rgba(250,250,250,2);-moz-box-shadow:inset 0 1px 1px 0 rgba(250,250,250,.2);box-shadow:inset 0 1px 1px 0 rgba(250,250,250,.2);text-shadow:1px -1px 0 #000;filter:dropshadow(color=#000, offx=1, offy=-1);line-height:30px;border-width:1px 0 0;border-style:solid;border-color:#111}.ui-datepicker-title{text-align:center}.ui-datepicker-next,.ui-datepicker-prev{display:inline-block;width:30px;height:30px;text-align:center;cursor:pointer;background-image:url(../../images/datepicker-arrow.png);background-repeat:no-repeat;line-height:600%;overflow:hidden}.ui-datepicker-prev{float:left;background-position:center -30px}.ui-datepicker-next{float:right;background-position:center 0}.ui-datepicker thead{background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(100%,#f1f1f1));background-image:-webkit-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);background-image:-o-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);background-image:-ms-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);background-image:linear-gradient(to top,#f7f7f7 0,#f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0 )}.ui-datepicker th{text-transform:uppercase;font-size:8pt;padding:5px 0;color:#666;text-shadow:1px 0 0 #fff;filter:dropshadow(color=#fff, offx=1, offy=0);text-align:center}.ui-datepicker tbody td{padding:0;border-right:1px solid #bbb}.ui-datepicker tbody td:last-child{border-right:0}.ui-datepicker tbody tr:last-child{border-bottom:0}.ui-datepicker td a,.ui-datepicker td span{display:inline-block;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;font-weight:700;text-align:center;width:30px;height:30px;line-height:30px;color:#666;text-shadow:1px 1px 0 #fff;filter:dropshadow(color=#fff, offx=1, offy=1)}.ui-datepicker-calendar .ui-state-default{background:#ededed;background:-moz-linear-gradient(top,#ededed 0,#dedede 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(100%,#dedede));background:-webkit-linear-gradient(top,#ededed 0,#dedede 100%);background:-o-linear-gradient(top,#ededed 0,#dedede 100%);background:-ms-linear-gradient(top,#ededed 0,#dedede 100%);background:linear-gradient(topto top,#ededed 0,#dedede 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede', GradientType=0 );-webkit-box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5);-moz-box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5);box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5)}.ui-datepicker-calendar .ui-state-hover{background:#f7f7f7}.ui-datepicker-calendar .ui-state-active{color:#fff;background:#3276b1;border-color:#285e8e;text-shadow:none;position:relative;margin:-1px}.ui-datepicker-calendar .ui-state-active:hover{color:#fff;background:#428bca;border-color:#357ebd;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.ui-datepicker-unselectable .ui-state-default,td.ui-datepicker-unselectable{background:#f4f4f4;color:#b4b3b3}.ui-datepicker-calendar td:first-child .ui-state-active{width:29px;margin-left:0}.ui-datepicker-calendar td:last-child .ui-state-active{width:29px;margin-right:0}.ui-datepicker-calendar tr:last-child .ui-state-active{height:29px;margin-bottom:0} /******** tooltip ********/ .tooltip { z-index:999999; }.tooltip-inner { max-width:400px; padding: 8px 10px; color: #ffffff; background-color:#000000; line-height:22px !important; }.tooltip-inner, .tooltip-inner ul li, .tooltip-inner ol li { color:#fff; } @media (min-width: 768px) {.form-group .t-rht .tooltip-inner{ width:350px; }} .tooltip.top{padding:5px 0!important}.tooltip.right{padding:0 5px!important}.tooltip.bottom{padding:5px 0!important}.tooltip.left{padding:0 5px!important}.tooltip-inner{padding:3px 8px!important} /*Tabs v2*/ .tab-v2 .nav-tabs{border-bottom:none}.tab-v2 .nav-tabs li a{padding:9px 16px;background:0 0;border:none}.tab-v2 .nav-tabs li.active a{background:#fff;padding:7px 15px 9px;border:1px solid #eee;border-top:solid 2px #72c02c;border-bottom:none!important}.tab-v2 .tab-content{padding:10px 16px;border:1px solid #eee}.font-size-12{font-size:12px}.no-padding-right{padding-right:0}.text-left{text-align:left!important}em.right-panel-em{text-align:right!important;float:right;cursor:pointer} /***********************************/ .page-title{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f7f7f7}.page-title h2{margin:0}.form-group label.control-label{font-weight:400}.hide{display:none}.code-type-info ul{margin-left:8px;padding-left:10px!important}.code-type-info ul li{list-style-type:disc}.form-group .disabled-field{display:block;width:100%;min-height:34px;padding:5px 12px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#eee;border:1px solid #ccc;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} /*page sub-title*/ .page-sub-title h3{font-size: 28px;color: #272727;margin-bottom: 30px;text-align: center;} /* page sub-title with border */ .page-sub-title-box-border {font-size:16px; color:#000000;height:auto; min-height:40px; flex-grow:1; margin:0; padding:6px 16px; word-break:break-word; background:#F0F4FA; border:1px solid #D2DAE6;} .page-sub-title-box-border.border-radius {border-radius: 10px;} .page-sub-title-box-border .page-sub-title-heading-name {font-weight:400!important;} .page-sub-title-heading-label,.page-sub-title-heading-name {display:inline;} @media (min-width: 768px) { input.max-width, div.max-width, select.max-width, textarea.max-width{ max-width:500px; } .margin-bottom-70 { margin-bottom:60px } } @media (max-width: 768px) { .sidebar-nav { margin-top:10px; } } /* Mbuni tmo css */ .overflow-150{width:200px;height:150px;overflow-y:auto}.queue span{text-transform:lowercase}.error-row td{background-color:#f2dede}.success-row span.status{color:green}.error-row span.status{color:red}.running{color:green!important}.paused{color:red!important}.paused-row td{background-color:#fcf8e3} /*** toggle button **/ .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}.toggle{position:relative;overflow:hidden}.toggle-group,.toggle-off,.toggle-on{position:absolute;top:0;bottom:0}.toggle input[type=checkbox]{display:none}.toggle-group{width:200%;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}.toggle.off .toggle-group{left:-100%}.toggle-on{left:0;right:50%;margin:0;border:0;border-radius:0}.toggle-off{left:50%;right:0;margin:0;border:0;border-radius:0}.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}.toggle.btn{min-width:59px;min-height:34px}.toggle-on.btn{padding-right:24px}.toggle-off.btn{padding-left:24px}.toggle.btn-lg{min-width:79px;min-height:45px}.toggle-on.btn-lg{padding-right:31px}.toggle-off.btn-lg{padding-left:31px}.toggle-handle.btn-lg{width:40px}.toggle.btn-sm{min-width:50px;min-height:30px}.toggle-on.btn-sm{padding-right:20px}.toggle-off.btn-sm{padding-left:20px}.toggle.btn-xs{min-width:35px;min-height:22px}.toggle-on.btn-xs{padding-right:12px}.toggle-off.btn-xs{padding-left:12px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:500px}.dropdown-menu{z-index:103;margin-top:0}.dropdown-padding{padding:20px;min-width:340px} /********* Toggle CSS *********/ .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}.toggle{position:relative;overflow:hidden}.toggle-group,.toggle-off,.toggle-on{position:absolute;top:0;bottom:0}.toggle input[type=checkbox]{display:none}.toggle-group{width:200%;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}.toggle.off .toggle-group{left:-100%}.toggle-on{left:0;right:50%;margin:0;border:0;border-radius:0}.toggle-off{left:50%;right:0;margin:0;border:0;border-radius:0}.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}.toggle.btn{min-width:59px;min-height:34px}.toggle-on.btn{padding-right:24px}.toggle-off.btn{padding-left:24px}.toggle.btn-lg{min-width:79px;min-height:45px}.toggle-on.btn-lg{padding-right:31px}.toggle-off.btn-lg{padding-left:31px}.toggle-handle.btn-lg{width:40px}.toggle.btn-sm{min-width:50px;min-height:30px}.toggle-on.btn-sm{padding-right:20px}.toggle-off.btn-sm{padding-left:20px}.toggle.btn-xs{min-width:35px;min-height:22px}.toggle-on.btn-xs{padding-right:12px}.toggle-off.btn-xs{padding-left:12px} /* Material Design - www.materializecss.com */ /* Switch */ .custom-material-switch, .custom-material-switch * { -webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .custom-material-switch label {cursor:pointer;} .custom-material-switch label input[type=checkbox] {opacity:0;width:0;height:0;} .custom-material-switch label input[type=checkbox]:checked+.lever {background-color:rgba(76, 175, 80, 0.7);} /* Switch Access Enabled color */ .custom-material-switch input[type=checkbox][disabled]+.lever {cursor:default;} .custom-material-switch label .lever{background-color:rgba(244, 67, 54, 0.7);} /* Switch Access Disabled color */ .custom-material-switch label .lever {content:"";display:inline-block;position:relative;width:36px;height:14px;border-radius:15px;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;vertical-align:middle;margin:0 16px;} .custom-material-switch label input[type=checkbox]:checked+.lever:before, .custom-material-switch label input[type=checkbox]:checked+.lever:after {left: 18px;} .custom-material-switch label input[type="checkbox"]:not(:checked), .custom-material-switch label input[type="checkbox"]:checked {position:absolute;opacity:0;pointer-events:none;} .custom-material-switch .disabled {pointer-events:none;} .custom-material-switch .disabled label {color:#9e9e9e;} .custom-material-switch label .lever:before {background-color:rgba(38,166,154,0.15);} .custom-material-switch label .lever:before,.custom-material-switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;-moz-transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;-o-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;} .custom-material-switch label .lever:after{background-color:#F1F1F1;-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);box-shadow:0 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);} .custom-material-switch input[type=checkbox][disabled]+.lever {background-color: rgba(0,0,0,0.12) !important;} .custom-material-switch label input[type=checkbox][disabled]+.lever:after, .switch label input[type=checkbox][disabled]:checked+.lever:after {background: #949494 !important;} /* Checkbox */ [type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;opacity:0;pointer-events:none;} [type="checkbox"]:checked:disabled+span:before{border-right:2px solid rgba(0,0,0,0.42);border-bottom:2px solid rgba(0,0,0,0.42);} [type="checkbox"]+span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} [type="checkbox"]:not(.filled-in)+span:not(.lever):after{border:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);} [type="checkbox"]:checked+span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #2a74df;border-bottom:2px solid #2a74df;-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;} [type="checkbox"].filled-in:checked+span:not(.lever):before{top:2px;left:1px;width:7px;height:12px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);-moz-transform:rotateZ(37deg);-o-transform:rotateZ(37deg);-ms-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;} [type="checkbox"].filled-in+span:not(.lever):before, [type="checkbox"].filled-in+span:not(.lever):after{content:'';left:0;position:absolute;-webkit-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;-moz-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;-o-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1;} [type="checkbox"].filled-in:not(:checked) + span:not(.lever):before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);-moz-transform:rotateZ(37deg);-ms-transform:rotateZ(37deg);-o-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;} [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after{height:18px;width:18px;background-color:transparent;border:2px solid #999999;top:3px;z-index:0;} [type="checkbox"]+span:not(.lever):before,[type="checkbox"]:not(.filled-in)+span:not(.lever):after{content: '';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #999999;border-radius:1px;margin-top:3px;-webkit-transition:.2s;transition:.2s;} [type="checkbox"].filled-in:checked+span:not(.lever):after{top:3px;width:18px;height:18px;border:2px solid #2a74df;background-color:#2a74df;z-index:0;} [type="checkbox"].filled-in+span:not(.lever):after{border-radius: 2px;} [type="checkbox"]:not(:checked):disabled+span:not(.lever):after{border:none;background-color:rgba(0,0,0,0.42) !important} [type="checkbox"].filled-in:not(:checked):hover + span:not(.lever):after,[type="checkbox"].filled-in:not(:checked):focus+span:not(.lever):after{border-color:blue} .material-checkbox-notext, .material-checkbox-notext > .filled-in {height:18px;width:18px} /* 12-13-19 - Custom toggle slider */ .custom-toggle{position:relative;display:inline-block;width:49px;height:20px} .custom-toggle input {display:none} .custom-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;-o-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;border-radius:34px;} .custom-toggle input:checked + .slider{background-color:rgba(76, 175, 80, 0.7)} .custom-toggle .slider{background-color:rgba(244, 67, 54, 0.7)} .custom-toggle input:checked + .slider:after{content:'ON';left:36%} .custom-toggle input:focus + .slider{box-shadow:0 0 1px #2196F3;-webkit-box-shadow:0 0 1px #2196F3;-moz-box-shadow:0 0 1px #2196F3;} .custom-toggle .slider:before{position:absolute;content:"";height:14px;width:14px;left: 3px;bottom:3px;background-color:white;-o-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;border-radius:100%} .custom-toggle input:checked + .slider:before{-o-transform:translateX(26px);-moz-transform:translateX(26px);-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(55px)} .custom-toggle .slider:after{content:'OFF';color:white;display:block;position:absolute;-o-transform:translate(-42%,-42%);-ms-transform:translate(-42%,-42%);-moz-transform:translate(-42%,-42%);-webkit-transform:translate(-42%,-42%);transform:translate(-42%,-42%);top:42%;left:62%;font-family:'Open Sans', sans-serif;font-weight: bold;font-size:11px} /** Background video for login page**/ html .ui-background-video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-size:cover} html .ui--video-background .ui--gradient{position:fixed;width:100%;height:100%;left:0;top:0}.text-white{color:#fff}.info-msg{color:#585858;font-style:italic;padding-top:6px;padding-bottom:6px} /* Chips */ .recipient-data { height: 210px; overflow: auto; min-height: 230px} .no-recipient{display:flex;justify-content: center;align-items: center;height: 210px;} /* Filters Selected */ .filters-selected {font-size: 15px;font-weight: 600;color: #000000;margin: 0 10px 5px 0; width: auto; display: inline-block} .chip, .filter-selected-badge {min-height:32px;padding:0 12px 1px;margin-right:.3rem;margin-bottom:.3rem;font-weight:500;line-height:1.6;color:rgba(0,0,0,0.6);background-color:rgb(220, 246, 235);border-radius:5px;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;display:inline-flex;align-items:center;overflow-wrap:anywhere;word-break:break-all} .chipWrapper {word-break: break-word; text-align: left;width: 100%;flex: 1;} /* remove User */ .filter-selected-badge .removeUser,.removeSearchedChipperPill {font-size: 14px;opacity: 0.5;cursor: pointer;margin: 2px 0 1px;padding: 1px 0 0;} .chip {padding:0 12px;background-color:rgba(62, 69, 81, 0.1);} .chip .close {color:black;float:right;padding-left:8px;font-size:12px;line-height:32px;cursor:pointer;-moz-transition:all .1s linear;-o-transition:all .1s linear;-webkit-transition:all .1s linear;transition:all .1s linear} /* advanced-filter-option start */ .advanced-filter-option {width:auto;margin:5px 3px;cursor:pointer;} .filter-option-heading {font-size: 16px;font-weight: 600;color: #000000;padding: 0 10px;margin-left: 25px;} .advanced-filter-button {font-size:16px;color:#29313B;position:relative;background:#fff;border: 1px solid #D6D6D6;border-radius: 10px;padding:8px 15px 8px 8px;} .filter-card-count {font-size: 16px;font-weight: 600;color: #000000;text-align: center;padding: 0 75px;} .advanced-filter-button i {margin-right: 5px;} .filters-selected-result {width:auto;display: flex;align-items: center;align-self: flex-end;} /* advanced-filter-option end */ /*advanced-filter-option-filter start */ .advanced-filter-option-filter {display:none;background:#fff;border: 1px solid #D6D6D6;box-shadow: 0px 3px 6px #00000029;position: absolute;z-index: 1;max-width: 447px;border-radius: 10px;margin-top: 10px;padding-bottom: 5px;} .advanced-filter-option-filter .filter-header h3 {font-size: 16px;font-weight: 600 !important;color: #000000;padding: 15px;} .advanced-filter-option-filter .filter-form-heading {font-size: 16px;font-weight: normal !important;color: #29313B;padding: 5px;} .advanced-filter-option-filter .filter-header {border-bottom:1px solid #ccc;margin-bottom: 5px;display: flex;justify-content: space-between;align-items: center;} /* advanced-filter-option-filter end */ /* Multi-line with ellipsis */ .block-ellipsis { display: block; display: -webkit-box; max-width: 100%; margin: 0 auto; font-size: 20px; line-height: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .block-ellipsis.fiveLines { -webkit-line-clamp: 5;} .block-ellipsis.threeLines { -webkit-line-clamp: 3;} .block-ellipsis.twoLines { -webkit-line-clamp: 2;} .block-ellipsis.oneLine { -webkit-line-clamp: 1;} body,.btn,.accordion-title h3,.accordion-title-active h3,table:not(.ui-datepicker-calendar) tr>th,table:not(.ui-datepicker-calendar) td,.btn-multiselect,.multiselect-container.dropdown-menu.show,.minicolors-theme-bootstrap .minicolors-input{font-size:16px !important} .accordion-content .accordion-content-text,span.label,.alert,.multiselect-item a label span,.chip,.notify,.custom-toggle .slider:after,.instructions-text{font-size:14px} .btn{text-transform:capitalize} .btn-main{padding:7px 15px !important} .btn-secondary-new{padding:5px 10px !important}.btn-secondary-new.disabled{background-color:#cccccc} span.label{margin:2px} span.label:first-of-type{margin-left:0;margin-right:4px} span.label:last-of-type{margin-left:0;margin-right:0} span.label:not(:last-of-type):not(:first-of-type){margin-left:0;margin-right:4px} .jq_error{font-size:12px} .custom-toggle .slider{width:55px} .custom-toggle input:checked + .slider:before{left:-18px} table:not(.fldForm):not(.tblForm) tr>th{font-weight:bold} .text-break{ word-break: break-word} /* 07-15-2020 - Footer image */ a#barcode-dialog-event:hover,a#defaultQRCodeIconOverlay,a#barcode-dialog-event-exp{text-decoration:none !important;color:inherit} /* Layout breaks for ::before and ::after pseudo elements in header */ .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after{clear:both;} .row::before, .row::after{display:none !important;} /* Safari browser issue fix */ /* FLAT BUTTON */ .btn-flat{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background-color:transparent;color:#000;cursor:pointer;border:1px solid transparent;display:inline-block;line-height:normal;padding:0 16px;vertical-align: middle;-webkit-tap-highlight-color:transparent} .btn-flat:focus{background-color:rgba(0,0,0,0.1);} .btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;color:#000} .btn-flat-blue{color:#2a74df} .btn-flat-blue:hover{background:#2a74df;color:white;border-color:#2a74df;text-decoration:none} .btn-flat-green{color:#308735} .btn-flat-green:hover{background:#308735;color:white;border-color:#308735;text-decoration: none} .btn-flat-red{color:#d9534f} .btn-flat-red:hover{background:#d9534f;color:white;border-color:#d9534f;text-decoration:none} .btn-flat-default{color:black} .btn-flat-default:hover{background:#ccc;color:black;border-color:#ccc;text-decoration:none} /* delete button */ .delete-btn, .delete-btn:hover {color:#ff0000;} /*Pre-loader*/ .pre-loader .loader,.pre-loader-success .loader,.pre-loader-warning .loader,.pre-loader-danger .loader{margin-left:6px;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #3498db;width:20px;height:20px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;display:inline-block;vertical-align:middle;margin-top:-4px} .pre-loader-success .loader{border-top:4px solid #5cb85c} .pre-loader-warning .loader{border-top:4px solid #f0ad4e} .pre-loader-danger .loader{border-top:4px solid #d9534f} @-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}} @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} /* Sync-Stepper */ .sync-block h4.title{text-align:center;margin-bottom:20px} .sync-block .info-block{padding:10px 30px;background:#e5f1fd} .sync-block .info-block h5.title{font-weight:800 !important;margin-bottom:10px} .servive-block-in{text-align:left !important;padding:6px !important;background:#fff !important;border:1px solid #ccc} .servive-block-in p{padding:6px} .servive-block-in .feature-block {border:1px solid #e8e8e8;padding:10px 16px;margin-bottom:6px;font-weight:700} .servive-block-in .feature-block input{margin-right:6px} .servive-block .servive-block-in:hover{box-shadow:none;background:#f8f8f8 !important} .servive-block .servive-block-in.selected{box-shadow:none;border:1px solid #0073E7} .steps-block .steps{margin-bottom:16px} .servive-block .servive-block-in{padding:20px 30px;text-align:center;margin-bottom:20px;background:#fafafa;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .servive-block .servive-block-in:hover{box-shadow:0 0 8px #ddd} .servive-block .servive-block-in i{color:#565656;font-size:40px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .add-cards.servive-block-in h3{color:#565656;font-size:18px;font-weight:600 !important} .add-cards.servive-block-in h4{color:#565656;font-size:24px;font-weight:600 !important;position:relative;top:-5px!important} .add-cards.servive-block-in i{color:#565656;font-size:40px} ul.add-cards-list {padding-right:20px;list-style-image: url(../../images/add-cards-list.png)} /* Accordion */ .accordion-title h3,.accordion-title-active h3{padding-left:20px;cursor:pointer} .accordion-box h4{background:url("/images/information.png") center left no-repeat;padding-left:20px} .accordion-box .important-info{padding-left:20px;font-size:13px} .accordion-box{background:#f2f2f2;padding:8px} .accordion-item{line-height:15px;min-height:15px;padding:0 0;width:100%;border-bottom:1px solid #cdcdcd} .accordion-item:last-child{border:none} .accordion-title h3{background:url("/images/plus.gif") center left no-repeat;color:#555;font-weight:700;margin-bottom:0} .accordion-title h3:hover{color:#0086b1} .accordion-title-active h3{background:url("/images/minus.gif") center left no-repeat;color:#0086b1;font-weight:700;margin-bottom:0} .accordion-content .accordion-content-text{margin:8px 8px 8px 20px;display:block} .accordion-content .accordion-content-text h5{font-size:14px;margin-bottom:4px} .accordion-content .accordion-content-text p{margin-bottom:10px} .accordion-content .accordion-content-text .accordion-content-ul{margin-left:15px;list-style-type:square} .accordion-content .accordion-content-text .accordion-content-ul-01 li{margin-bottom:8px} .accordion-content .accordion-content-text .accordion-content-ul li,.accordion-content .accordion-content-text ul.ul-instructions li{margin:2px 0} .accordion-content .accordion-content-text ul.ul-instructions{margin-bottom:15px;margin-left:25px;list-style-type:square} /* Alert */ .alert-success,.alert-success div,.alert-danger,.alert-danger p,.alert-danger div,.alert-warning,.alert-info,.alert-primary{color:black!important;overflow-wrap:break-word} /* OTHERS */ .underline,.underline:hover,.breadcrumb-nav li>a,.childNav li>a,.nav-tabs li>a,.ui-button>span,.image-preview-id a small,a.preview,.imgPreview>a{text-decoration:underline!important;} .no-underline,.no-underline:hover{text-decoration:none!important} .mandatory{color:red} body.ltr{direction:ltr}body.rtl{direction:rtl} .iconParent{padding:3px 7px;border-radius:100%}.iconParent:hover{background-color:rgba(32,33,36,0.059)} .font-xs{font-size:12px} .nav-tabs>li>a{line-height:20px;border:1px solid transparent;margin-right:0;padding:10px 14px;font-weight:600} .nav-tabs .nav-item>.nav-link{color:black} .nav-tabs>li.active{border-top:3px solid #fff!important;margin-top:0;position:relative} .nav-tabs>.active>a,.nav-tabs>.active>a:focus,.nav-tabs>.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:#fff} .nav-tabs>li{float:left;margin-right:2px;margin-bottom:-1px} .minicolors-theme-bootstrap .minicolors-swatch{top:5px!important} .custom-control-label{cursor:pointer} .btn[data-permission-denied=true],.custom-select[data-permission-denied=true]{cursor:default;pointer-events:auto!important} .homeLogo{margin-top:10px} .modal .btn-flat,.modal .btn-flat:focus,.modal .btn-flat:active,.btn-flat:focus,.btn-flat:active{box-shadow:none !important} /* Fallback UI */ .fallbackUI{display:flex} /* Custom table */ .custom-table thead{border:1px solid #ccc} .custom-table thead th{border-bottom:1px solid #ccc} .custom-table td{border:0;border-bottom:1px solid #ccc} .custom-table td:first-of-type{border-left:1px solid #ccc} .custom-table td:last-of-type{border-right:1px solid #ccc} label.input-error-field {font-weight:normal;font-size:14px;color:#dd0000;margin-bottom:0} hr.divider{border:1px solid #e6e6e6;margin-top:1.5rem!important;margin-bottom:1.5rem!important} abbr.mandatory{font-size:150%;text-decoration:none;border:0 !important} .idms-custom-dialog img{width:100%;height:auto}.idms-custom-dialog button.btn{text-transform:inherit} /* changed css for action dropdown in table */ .dropdown-toggle{border: 0;box-shadow: none;color: #000; cursor: pointer; background: none} .dropdown-toggle i{color: #000; opacity: .5} .dropdown-toggle::after{border: 0} .dropdown-toggle:focus,.dropdown-item:active{outline: 0} .dropdown-item{cursor: pointer} .dropdown-item:active{background-color:transparent; color: #16181b} .dropdown-toggle.actions{padding:2px 13px 0 13px} .dropdown-toggle.actions:hover{background: #F2F1F3; border-radius: 4px} /*spacing between dropdown item*/ .dropdown-menu .dropdown-item {margin: 0; padding: 5px 15px} .dropdown-menu .dropdown-item:focus {outline: 0;} /* dropdown-item hover */ .dropdown-menu a.dropdown-item:hover {color: #212529; text-decoration: none;} /* changed css for action dropdown in table */ .dropdown-menu.show{display: flex; flex-direction: column} /* hide bootbox-cancel button */ .bootbox-confirm .bootbox-cancel{display: none} /*** bootbox 6-bootbox-confirm, bootbox-alert modal ***/ .bootbox-confirm .modal-header.bootbox-modal-no-title, .bootbox-alert .modal-header.bootbox-modal-no-title, .bootbox-success-message .modal-header.bootbox-modal-no-title {position: absolute;right: 7px;top: 10px;z-index: 99;} /* close button styling */ .bootbox-confirm .modal-header .bootbox-close-button.btn-close, .bootbox-alert .modal-header .bootbox-close-button.btn-close, .bootbox-success-message .modal-header .bootbox-close-button.btn-close {position: relative; right: 5px;font-size: 14px!important;} /* Override right offset specifically when there's no title */ .bootbox-confirm .modal-header.bootbox-modal-no-title .bootbox-close-button.btn-close, .bootbox-alert .modal-header.bootbox-modal-no-title .bootbox-close-button.btn-close, .bootbox-success-message .modal-header.bootbox-modal-no-title .bootbox-close-button.btn-close {right: 0;} .bootbox-confirm .modal-header.bootbox-modal-no-title .bootbox-close-button.btn-close:focus, .bootbox-alert .modal-header.bootbox-modal-no-title .bootbox-close-button.btn-close:focus, .bootbox-success-message .modal-header.bootbox-modal-no-title .bootbox-close-button.btn-close:focus {outline: 0; box-shadow: none;} /* modal body right margin */ .bootbox-confirm .modal-body, .bootbox-alert .modal-body, .bootbox-success-message .modal-body {margin-right: 10px;} /*** bootbox 6-bootbox-confirm, bootbox-alert modal ***/ /* warning message - add-cards */ .warning{z-index: 3; width:100%} .warning strong{color: #A82824} .warning .close{outline: 0} .warning.alert-warning a{text-decoration:underline} .warning.exceeded{background: #f8d7da} .reseller-warning{background: #E5E5E5} .reseller-warning strong{color: #000} .add_card_submit{ display: none} /** file upload dropzone**/ .btn-upload {cursor:pointer; color:#06f; white-space:nowrap; user-select:none;text-decoration:underline;-ms-user-select:none; -moz-user-select:none;-webkit-user-select:none; margin-bottom:0 }.progress-bar {float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress.active .progress-bar {-webkit-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite}.progress-bar-success {background-color:#5cb85c}.fileinput-button { position:relative; overflow:hidden; cursor:pointer } .fileinput-button input {position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:30px;width:100%;height:100%;display:inline-block;direction:ltr;cursor:pointer;background:red}.dropzone, .dropzone.hover {background:#fff }.dropzone { width:100%; text-align:center; font-size:13px }.well { padding:10px; border:1px dashed #ddd; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05)}.dropzone.in {font-size:larger;border:4px solid highlight }.dropzone.fade {-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out; opacity:1 } .brd-bottom {border-bottom:1px solid #d3d3d3}.breadcrumbs .sub-page-title {font-size:70%!important}.page-title-no-border h3 { font-size:24px; color:#4d4d4d }.page-title h4 small, .page-title-no-border h3 small {font-size:56%;color:#636363}.page-title-no-border h4 {font-size:18px;color:#4d4d4d}.bootbox-body p.error-box {color:red}.label-bootbox a {color:#fff;cursor:pointer;font-weight:700}.label-bootbox a:hover {color:#fff} .btndisable {color:#999!important}.popup-error-msg {clear:both;color:#252525;padding:15px 10px}.email-preview-container {display:block;clear:both; position:relative}.mms-disclaimer { font-size:12px;font-style:italic}.email-preview-content {min-height:460px;max-height:460px;border:1px solid #c9c9c9;overflow-y:auto; overflow-x:hidden}.headerSort a {display:block}.headerSort {background-image:url(/images/sorter.gif)!important;background-position:right center!important;background-repeat:no-repeat!important} .msg-chart-block {position:relative;margin:0!important}span.tooltip-3, span.tooltip-4 {display:none;margin:20px 20px 20px -50px;line-height:16px;padding:10px;color:#fff;box-shadow:rgba(0, 0, 0, .1) 1px 1px 2px 0;text-align:left;font-size:11px;position:absolute}span.tooltip-3 {width:600px;border:4px solid #333;border-radius:5px}span.tooltip-4 {max-width:600px;border:4px solid #333;border-radius:5px}span.tooltip-3 div {width:580px!important;max-height:300px;overflow:auto;word-break:break-all;white-space:normal;cursor:default;font-weight:400}span.tooltip-3:after, span.tooltip-4:after {content:'';position:absolute;bottom:100%;left:50px;width:0;height:0;border-bottom:15px solid #333;border-right:15px solid transparent;border-left:15px solid transparent}a.tooltip-3:hover span, a.tooltip-4:hover span {display:inline; position:absolute}span.listing-sub-name {color:#777;font-size:11px}span.lising-error {color:red;font-size:11px} .table-02 {width:100%;margin-bottom:8px;max-width:100%;background-color:#fff}.table-02 tbody>tr>td, .table-02 tbody>tr>th, .table-02 tfoot>tr>td, .table-02 tfoot>tr>th, .table-02 thead>tr>td, .table-02 thead>tr>th {padding:8px;line-height:1.428571429;vertical-align:top;border-bottom:1px solid #ddd!important;text-align:left}.table-02 tbody>tr>td {background:#fff!important}.content-wrap-overlay { max-height:480px;overflow-y:auto;overflow-x:hidden}.fixed-width {width:80%}.api-example pre {padding:5px 15px 5px 10px;margin:0;border:1px dotted #999;background:#fff;white-space:-moz-pre-wrap;white-space:normal;line-height:18px;display:inline-block}.api-block {font-size:11px;margin-bottom:6px;display:inline-block;padding:5px 8px !important;text-transform: uppercase}.accordion-title h3, .accordion-title-active h3 {cursor:pointer}.accordion-box h4 {background:url(/images/information.png) center left no-repeat; padding-left:20px }.accordion-box {background:#f2f2f2;padding:8px}.accordion-item {min-height:15px;padding:0;width:100%;border-bottom:1px solid #cdcdcd}.accordion-item:last-child {border:none}.accordion-title h3 {color:#555;font-weight:700;margin-bottom:0}.accordion-title h3:hover {color:#0086b1}.accordion-title-active h3 {color:#0086b1;font-weight:700;margin-bottom:0}.accordion-title-active h3 .fa-plus-circle:before{content: "\f056";}.accordion-content .accordion-content-text {margin:8px 8px 8px 20px;display:block;}.accordion-content .accordion-content-text h5 {font-size:14px;margin-bottom:4px}.accordion-content .accordion-content-text p {margin-bottom:10px}.accordion-content .accordion-content-text .accordion-content-ul {margin-left:15px;list-style-type:square}.accordion-content .accordion-content-text .accordion-content-ul-01 li {margin-bottom:8px}.accordion-content .accordion-content-text .accordion-content-ul li, .accordion-content .accordion-content-text ul.ul-instructions li {margin:2px 0;}.accordion-content .accordion-content-text ul.ul-instructions {margin-bottom:15px;margin-left:25px;list-style-type:square} .overflow-400 {max-height:400px;overflow-y:auto} .overflow-600 {max-height:600px;overflow-y:auto} .callout {margin:10px 0;padding:10px 20px;background-color:#f5f5f5; border-left:3px solid #e8e8e8}.callout h4 {margin-top:0;margin-bottom:5px}.callout p:last-child {margin-bottom:0}.callout-danger {border-color:#f74e4d}.callout-danger h4 {color:#f74e4d} .tabbox-2 { border:1px solid #f1f1f1 }.tabbox-2 .tabbox-2-button-block {text-align:center;padding:5px 5px 0;background:#f1f1f1}.tabbox-2 .tab-content {padding:0 6px 4px!important}.tabbox-2-tabs {font-size:16px;width:100%;display:table;overflow:hidden}.tabbox-2-tabs li {display:inline-block;cursor:pointer;background:#4b4d51;border-radius:4px 4px 0 0}.tabbox-2-tabs li>a {padding:6px 30px;display:block;font-size:0.9rem;font-weight:normal;text-align:center;text-decoration:none !important; color:#fff;}.tabbox-2-tabs li:hover {background:#595a5f}.tabbox-2-tabs li:active {background:#4b4d51;}.tabbox-2-tabs li.active {font-weight:700;}.tabbox-2-tabs li.active>a {color:#1b59b1; text-decoration:none !important; cursor:default; background:#fff }#preview-box .tab-content>.active-block {display:block; opacity:1}#preview-box .tab-content>.hidden-block { display:none; opacity:0} .field-header-container {color:#252525;background:#d4d6d9;padding:8px;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0}.field-header-container div.inner_subtlt h3 {font-size:16px;font-weight:400;padding:4px;margin:0} input[disabled] {cursor:not-allowed}.copyright {font-size:12px; padding:11px 0 7px; margin-top:20px; background:#F5F5F5; border-top:solid 1px #ddd; /*position:absolute;width:100%; bottom:0;*/}.copyright p { color:#555 }.copyright p.copyright-space {margin-top:12px; text-align:center}.copyright a {margin:0 5px;color:#555} /* digital-physical-card-modal */ /* modal fit content */ .digital-physical-card-modal.modal-dialog {min-width: auto;max-width: fit-content;} .digital-physical-card-modal h3.card-title {font-size:21px;color: #000000;opacity: 0.5;text-align: center;margin:0 0 14px} .digital-physical-card-modal h4.physical-card-title {font-weight:700 !important;font-size:18px;color: #000000;opacity: 0.5;text-align: center;margin:14px} /*vertical view */ .digital-physical-card-modal .vertical-view .physical-card-view {width: 249px;height: 398px; box-shadow: 0px 3px 6px #00000029;} /*horizontal view*/ .digital-physical-card-modal .horizontal-view .physical-card-view {width: 434px;height: 249px;} .digital-physical-card-modal .horizontal-view div.card-align {display: flex;justify-content: center;align-items: center;} .physical-card-horizontal-title-width {width: 75px;margin: 0 15px 0 0;display: block} .digital-physical-card-modal .physical-card-view {background:#F4F4F4;border-radius: 21px;} .digital-physical-card-modal .physical-front-view img, .digital-physical-card-modal .physical-back-view img {width: 100%;object-fit: contain;-webkit-box-shadow: 0px 3px 6px #00000029;-moz-box-shadow: 0px 3px 6px #00000029;box-shadow: 0px 3px 6px #00000029} .digital-physical-card-modal .vertical-view .physical-front-view img, .digital-physical-card-modal .vertical-view .physical-back-view img {width: 246px!important;} .digital-physical-card-modal .horizontal-view .physical-front-view img, .digital-physical-card-modal .horizontal-view .physical-back-view img {width: 435px!important;} /*.modal-dialog{position: relative;display: table; !* This is important *!overflow-y: auto;overflow-x: auto;width: auto;min-width: 300px;}*/ .digital-physical-card-modal .height-80{height:80%;} .digital-physical-card-modal .spinner-border{color:#4285f4} /* digital-physical-card-modal */ /* page loader box */ #custom-page-loader {display: none;height: 100vh;width: 100vw;position: fixed;left: 0;top: 0;z-index: 11111;align-items: center;justify-content: center;} #custom-page-loader .loader-area {background: #fff; padding:30px; border: 5px solid #ccc;min-width: 15%;text-align: center;} #custom-page-loader .loader-area .spinner-border{color:#4285f4} .permission-eye-icon i.fa-eye-slash {cursor: pointer; font-weight: 500 !important;} /* Authentication Required - 'Remember Me' checkbox text */ .remember-me .remember-me-txt {padding-left: 30px!important;} .alert-danger-custom {background-color: #FFF0F5; border-color: #FFF0F5; color: #C0194B !important; z-index: 1} .alert-danger-custom a {color: #C0194B !important; } .disabled-grey { box-shadow: none;background-color: #CCCCCC !important; pointer-events: none!important;} .disabled-grey:hover { box-shadow: none; background-color: #CCCCCC !important; cursor: default !important; } .disabled-grey-text {opacity: 0.4} /* right header navigation */ .right-header-navigation {border: 1px solid #ccc!important; border-radius: 30px; margin: 10px; height: 45px; padding: 10px 15px!important; display: flex; align-items: center;} .right-header-navigation h5 {font-size: 16px!important; color: #000000; margin: 0} .right-header-navigation i {font-size: 24px!important; color: #000; opacity: 1; padding-right: 10px;} .right-header-navigation.btn-secondary {color: #000; background-color: #fff!important; z-index: 1040; padding: 10px 15px!important; width: 260px!important; min-width: 260px!important; position: relative;box-shadow: none;} .show>.right-header-navigation.btn-secondary:hover, .show>.right-header-navigation.btn-secondary:focus-visible, .show>.right-header-navigation.btn-secondary:focus, .show>.right-header-navigation.btn-secondary:active {box-shadow: none; color: #000!important;} .right-header-navigation.btn-secondary:hover {box-shadow: none; color: #000!important;} .right-header-navigation.btn-secondary.btn:not(:disabled):not(.disabled).active:focus, .right-header-navigation.btn-secondary.btn:not([disabled]):not(.disabled):active {box-shadow: none; color: #000!important;} #account-logo-card_userDetails .right-header-navigation.btn-secondary a {font-size: 16px!important; text-decoration: none!important; text-transform: lowercase} .top-header-dropdown .right-header-navigation.btn-secondary a {font-size: 16px!important; line-height: 24px; text-decoration: none!important; text-transform: lowercase} .top-header-dropdown .right-header-navigation.dropdown-toggle:after {content: "\f107";font-family: 'Font Awesome 5 Free';font-weight: 600;right: -2px;color:#000;position: relative;border-top: 0;} .top-header-dropdown.show .right-header-navigation.dropdown-toggle:after {content: "\f106";} .top-header-navbar.dropdown-menu {font-size: 16px; margin: 2px 0 0 0; box-shadow: none; overflow: hidden;} .top-header-navbar.dropdown-menu.show {width: 260px!important; min-width: 260px!important; top: -35px!important; border-radius: 21px; padding-top: 45px!important; z-index: 1000} /*get help*/ .get-help {display: flex;align-items: center;}.get-help:hover {text-decoration: none!important; color: #000} .get-help img, .user-profile img {width: 25px; margin: 0 10px 0 0;} /* account name truncate for long text */ .user-account a {width: 180px; display:inline-block;} /* Multiple tags search in a single input */ input.multiple-tags-input {font-size: 15px;margin: 0;padding: 0 7px;border: 0;background: transparent;box-shadow: none;width: 100%;height: 32px;position: relative;top: 2px;} input.multiple-tags-input:focus {outline:none; box-shadow: none} .multiple-tags-section {display: flex;height: auto;padding: 3px 3px;margin: 0px;background: #FFF;border-radius: 5px;border: 1px solid #BFBFBF;align-items: baseline;flex-wrap: wrap;} .multiple-tag-searched {font-size:15px;color: #000;display: inline-flex;border-radius: 5px;background: #E5EDFF; margin: 2px 2px 2px 2px;padding: 3px 0 3px 8px;height: auto;} .multiple-tag-searched .close {display: block;float: right;white-space: nowrap;overflow: hidden;width: 1em;height: 1em;margin: 0px 5px;padding:10px!important;text-indent: -999em;position: relative; cursor: pointer} .multiple-tag-searched .close:before {font-size: 11px;font-weight: 600;color: #000;content: "\2716";text-indent: 0;display: block;float: left;position: absolute;right: 8px;top: 4px;} .multiple-tag-searched .searched-tag {word-break: break-word} /* pagination container */ .pagination-container .page-btn, .pagination-container .page-item {color:#000000!important; font-size:15px; font-weight:bold; background-color:#fff!important; border:1px solid #D6D6D6;} .pagination-container .page-item {padding:8px 21px;} .pagination-container .next-btn {padding:8px 15px; border-left:0;} .pagination-container .prev-btn {padding:8px 15px; border-right:0;} .pagination-container .page-btn[disabled] {cursor:not-allowed; pointer-events:none; opacity:0.5;} /* modal scrollbar */ .modal-scroller {overflow-y:auto; max-height:455px; position:relative;} /* Selected Records - modal scrollbar */ .selected-record-modal-scrollbar {overflow:auto; height:auto; min-height:250px; max-height:400px;} /* cursor pointer */ .cursor-pointer {cursor:pointer;} /*read only input field*/ .file-upload-details input[readonly] {background-color:transparent; border:1px solid #BFBFBF; box-shadow:inset 0px 1px 3px #00000029;} /* no data found */ .no-data-found {font-size:16px; color:#212529; text-align:center; padding:10px 0; margin:0} /* Styles for the custom style scrollbar */ .scrollbar-custom-style::-webkit-scrollbar {width:10px; overflow:auto;} .scrollbar-custom-style::-webkit-scrollbar-thumb {background:#808080; border-radius:10px; overflow:auto;} .scrollbar-custom-style::-webkit-scrollbar-track {background:#D3D3D3; overflow:auto;} .scrollbar-custom-style::-webkit-scrollbar-corner {background:transparent; overflow:auto;} /* stepper next, previous button fixed position */ .stepper-fixed-bottom {position: fixed;bottom: 0;left: 264px;width: calc(100% - 260px - 0%);right:0%;background-color: #fff;padding: 7px 10px;z-index: 1040;transition: all 0.5s;} .stepper-fixed-bottom .total-steps-count-section {position: absolute;z-index: -1} .stepper-fixed-bottom .total-steps-count-section .total-steps-count {display: flex; justify-content: center;align-items: center} /* text editor css */ .ql-editor {word-break: break-word;} /* added class for search limit note */ .search-tag-limit-note {display: none;} /*** bootstrap 5 css ***/ /* added css for table >tbody>td */ .table>thead>*>* {background-color: #f2f2f2;} /* checkbox */ .form-check [type="checkbox"]:not(:checked) {position:absolute;/*opacity:1;*/ pointer-events: inherit;} .form-check [type="checkbox"]{position:absolute;opacity:1; pointer-events: inherit;} .form-check .form-check-label, .form-check .form-check-input {cursor: pointer;} /* bootbox close button */ .bootbox-close-button.close {font-size: 1.5rem;color: #000;text-shadow: 0 1px 0 #fff;opacity: 1;margin-left: auto !important; background-color: transparent; border: 0;padding: 0;margin-top: -5px;line-height: normal;float: right;} /* added class to maintain disabled, readonly input field */ .form-control:disabled, .form-control[readonly] {background-color: #e9ecef;opacity: 1;} /* form check input field */ .form-check-input:disabled:not(:checked), .form-check-input[disabled]:not(:checked) {background-color: #e9ecef;border: 1px solid #adb5bd;} .form-check-input:disabled:checked, .form-check-input[disabled]:checked {background-color: #0d6efd;} .form-check-input:disabled, .form-check-input[disabled] {background-color: #e9ecef;border: 1px solid #adb5bd;} .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color: rgba(0, 123, 255, .5);} /* modal small close button */ .small-btn-close {transform: scale(-0.7);} @media (min-width: 1280px) and (max-width: 1366px) { .custom-table .dropdown-menu.show {z-index: 1050;} }