/* Jquery UI */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-accordion{width:100%}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}.ui-accordion .ui-accordion-li-fix{display:inline}.ui-accordion .ui-accordion-header-active{border-bottom:0!important}.ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em .7em}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1}.ui-accordion .ui-accordion-content-active{display:block}.ui-autocomplete{position:absolute;cursor:default}* html .ui-autocomplete{width:1px}.ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left}.ui-menu .ui-menu{margin-top:-3px}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right}.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-cover{position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0;padding:1px;height:18px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin:.5em 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;padding:.2em;zoom:1}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tabs .ui-tabs-hide{display:none!important}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-widget :active{outline:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-off{background-position:-96px -144px}.ui-icon-radio-on{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px} /*... Jquery UI */ @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600'); pre { font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /*! * direction.less v0.1.0 */ /* Page Loader ------------------------------------ */ .pace .pace-progress { background: #007be8; height: 3px; } .pace .pace-progress-inner { box-shadow: none; } .pace .pace-activity { -webkit-animation: none; animation: none; top: 73px; background: url('../../img/progress/progress-circle-success.svg') no-repeat top left; background-size: 100% auto; margin: 0 auto; border-width: 0; border-radius: 0; width: 28px; height: 40px; right: 19px; left: auto; } /*------------------------------------------------------------------ [1. Core Layout] */ html { height: 100%; } /* Body Triggers for layout options ------------------------------------------------------------------ */ body { height: 100%; margin: 0; padding: 0; background-color: #f6f9fa; direction: ltr; -moz-osx-font-smoothing: grayscale; } body.fixed-header .header { position: fixed; left: 0; top: 0; } body.no-header .page-container .page-content-wrapper .content { padding-top: 0px; } body.no-header .header { border-bottom-color: transparent; } body.dashboard { background: #f6f9fa; } body.dashboard .page-container { background: #f6f9fa; } body.rtl [class^="col-"], body.rtl [class*="col-"] { float: left; } body.menu-pin .overlay { padding-left: 0; } body.menu-pin .overlay .overlay-brand { margin-left: 0; } /* Page Container ------------------------------------ */ .page-container { width: 100%; height: 100%; padding-left: 0; } .page-container .page-content-wrapper { min-height: 100%; position: relative; } .page-container .page-content-wrapper .content { /* Content holder */ z-index: 10; padding-top: 60px; padding-bottom: 69px !important; min-height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-container .page-content-wrapper .content.full-width { width: 100%; } .page-container .page-content-wrapper .content .content-inner { display: inline-block; vertical-align: top; height: 100%; padding-left: 30px; position: relative; } .page-container .page-content-wrapper .content:only-child { padding-bottom: 0px; } .page-container .page-content-wrapper .content.overlay-footer { padding-bottom: 0px; } .page-container .page-content-wrapper .footer { /* Footer */ width: auto; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; } .page-container .page-content-wrapper .footer.fixed { position: fixed; } .page-title { margin-top: 0px; } .group-container { white-space: nowrap !important; } .group-container .single-group { vertical-align: top; display: inline-block; white-space: normal; } .jumbotron { position: relative; overflow: hidden; display: block; padding: 0; background-color: #f2f4f5; } .jumbotron .inner { position: relative; z-index: 2; } .jumbotron.lg { height: 600px; } .jumbotron .cover-photo { width: 100%; height: inherit; overflow: hidden; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; background-size: cover; background-color: #007be8; } .jumbotron .cover-photo img { display: none; } .jumbotron h1 { font-size: 44px; } /* Other overides */ .container-fluid { /* padding-left: 30px; padding-right: 30px; */ position: relative; } .copyright { padding: 25px 0; border-top: 0; } .pager { margin: 0; } /* SPLIT VIEW FOR EMAIL and APPS ------------------------------------ */ .split-view { position: relative; height: 100%; } .split-view .split-list { float: left; width: 360px; background: #fff; height: 100%; overflow-y: auto; position: relative; -webkit-overflow-scrolling: touch; border-right: 1px solid #eaecee; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .split-view .split-list .list-view-fake-header { font-size: 10.8px !important; line-height: normal !important; } .split-view .split-list.slideLeft { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .split-view .split-list .list-refresh { position: absolute; right: 18px; top: 4px; color: #7a8994; opacity: .34; z-index: 101; } .split-view .split-list .list-refresh i { font-size: 11px; } .split-view .split-list .list-view-fake-header, .split-view .split-list .list-view-group-header { background: #f2f4f5; height: 28px; color: rgba(122, 137, 148, 0.7); font-family: 'Montserrat'; text-transform: uppercase; font-size: 10.8px; padding-left: 12px; padding-top: 6px; letter-spacing: 0.07em; width: 100%; } .split-view .split-list .item { height: 111px; list-style: none; position: relative; border-bottom: 1px solid rgba(234, 236, 238, 0.7); cursor: pointer; } .split-view .split-list .item .inline { width: 230px; } .split-view .split-list .item .inline>* { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family: arial; } .split-view .split-list .item .recipients { letter-spacing: 0.01em; padding-bottom: 2px; } .split-view .split-list .item .checkbox { float: left; clear: left; display: none; max-width: 32px; } .split-view .split-list .item .subject { font-family: 'Helvetica'; font-size: 14.33px; color: #47525e; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 38px; display: -webkit-box; white-space: normal; line-height: 18px; } .split-view .split-list .item .body { font-size: 12.6px; opacity: .52; height: 22px; } .split-view .split-list .item .datetime { color: #16191b; font-family: arial; font-size: 11.1px; position: absolute; right: 20px; top: 15px; opacity: 0.46; } .split-view .split-details { position: relative; overflow: auto; height: 100%; } .split-view .split-details .no-result { bottom: 0; left: 0; margin-top: -34px; opacity: 0.5; position: absolute; right: 0; text-align: center; top: 50%; } .split-view .split-details .actions { height: 50px; float: left; } .split-view .split-details .actions li { list-style: none; position: relative; } .split-view .split-details .actions li:last-child:after { display: none; } .split-view .split-details .actions li:after { content: ""; height: 14px; position: absolute; right: -4px; top: 18px; width: 1px; background: rgba(0, 0, 0, 0.07); } .split-view .split-details .actions li a { font-size: 13.1px; color: #7a8994; font-weight: 600; padding: 0 13px; line-height: 50px; white-space: nowrap; } /* Horizontal Menu ------------------------------------ */ .horizontal-app-menu { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .horizontal-app-menu.fixed-header { overflow: hidden; } .horizontal-app-menu.fixed-header .header { position: relative; } .horizontal-app-menu.fixed-header .page-container { overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .horizontal-app-menu .header { display: block; height: auto; border-bottom: none; background-color: #fff; color: #627182; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .horizontal-app-menu .header .header-inner { height: 60px; background-color: transparent; position: relative; color: #627182; } .horizontal-app-menu .header .header-lg-height { height: 75px; } .horizontal-app-menu .header .header-md-height { height: 51px; } .horizontal-app-menu .header .header-sm-height { height: 50px; } .horizontal-app-menu .header .search-link { color: #627182; } .horizontal-app-menu .header .header-inner .brand.inline { position: relative; border-right: 1px solid #40444d; padding-right: 15px; margin-right: 0px; width: auto; } .horizontal-app-menu .header .header-inner .brand.inline>img { width: auto; } .horizontal-app-menu .header .notification-list { border: none; } .horizontal-app-menu .header .title-bar { padding-bottom: 18px; } .horizontal-app-menu .header .page-title { color: #627182; font-size: 21px; line-height: 21px; font-weight: normal; margin-bottom: 0; margin-left: 15px; } .horizontal-app-menu .header .pg { color: #627182; display: block; } .horizontal-app-menu .menu-bar { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative; color: #627182; } .horizontal-app-menu .menu-bar ul { margin: 0; padding: 0; list-style: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .horizontal-app-menu .menu-bar ul li a .arrow { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 15px; width: 23px; } .horizontal-app-menu .menu-bar ul li a .arrow:before { font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; position: relative; top: 2px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.12s ease; transition: all 0.12s ease; } .horizontal-app-menu .menu-bar ul li { line-height: 24px; } .horizontal-app-menu .menu-bar ul li .sub-menu { padding: 0; left: 50%; top: 0; visibility: hidden; opacity: 0; min-width: calc(100% + 4px); padding: 18px 25px; background: #fff; z-index: 1; position: absolute; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); -ms-transform: translate(15px, 0); -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .horizontal-app-menu .menu-bar ul li .sub-menu li a { min-width: 50px; width: 100%; padding: 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .horizontal-app-menu .menu-bar ul li:hover>.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translate3d(34%, 0, 0); transform: translate3d(34%, 0, 0); -ms-transform: translate(34%, 0); } .horizontal-app-menu .menu-bar>ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .horizontal-app-menu .menu-bar>ul>li { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; position: relative; } .horizontal-app-menu .menu-bar>ul>li:hover:not(".open")>a { color: #000; } .horizontal-app-menu .menu-bar>ul>li:first-child>a { padding-left: 0; } .horizontal-app-menu .menu-bar>ul>li:last-child>a { padding-right: 0; } .horizontal-app-menu .menu-bar>ul>li>a { padding: 0 20px; } .horizontal-app-menu .menu-bar>ul>li>ul { display: none; opacity: 0; list-style: none; border: 0; top: -7px; left: -4px; min-width: calc(100% + 4px); padding: 0 25px; padding-top: 60px; padding-bottom: 18px; background: #fff; z-index: 1; position: absolute; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); } .horizontal-app-menu .menu-bar>ul>li.open>ul { display: block; } .horizontal-app-menu .menu-bar>ul>li.open>ul:before { content: ''; position: absolute; height: 1px; top: 52px; width: calc(100% - 50px); background-color: rgba(0, 0, 0, 0.07); } .horizontal-app-menu .menu-bar>ul>li.open>ul>li { padding-left: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -ms-transform: translate(0, -10px); opacity: 0; transition: all 0.18s ease; border-bottom: none; } .horizontal-app-menu .menu-bar>ul>li.open>ul>li>a { min-width: 50px; width: 100%; padding: 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .horizontal-app-menu .menu-bar>ul>li.open>ul>li>a>.arrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .horizontal-app-menu .menu-bar>ul>li.open>ul>li:last-child>a { padding-bottom: 0; } .horizontal-app-menu .menu-bar>ul>li.open>a { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -ms-transform: translate(0, -10px); opacity: 0; transition: all 0.18s ease !important; } .horizontal-app-menu .menu-bar>ul>li.opening>ul { opacity: 1; } .horizontal-app-menu .menu-bar>ul>li.opening>ul>li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); opacity: 1; } .horizontal-app-menu .menu-bar>ul>li.opening>a { position: relative; z-index: 10; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); opacity: 1; } .horizontal-app-menu .menu-bar>ul>li.closing>ul { opacity: 0; } .horizontal-app-menu .menu-bar>ul>li.closing>ul>li { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -ms-transform: translate(0, -10px); opacity: 0; } .horizontal-app-menu .menu-bar>ul>li.closing>a { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -ms-transform: translate(0, -10px); opacity: 0; } .horizontal-app-menu .menu-bar>ul li>a { color: #627182; } .horizontal-app-menu .secondary-sidebar { margin-left: -25px; border: 1px solid rgba(0, 0, 0, 0.07); } .horizontal-app-menu .inner-content { margin-left: 225px; } .horizontal-app-menu .content { -ms-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; } .horizontal-app-menu .page-container { padding-left: 0; } .horizontal-app-menu .page-container .page-content-wrapper .content { padding-top: 0; } .horizontal-app-menu .ghost-nav-dropdown { top: -7px; left: -4px; background: #fff; z-index: 1000; position: absolute; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: all 0.18s ease-in; } .horizontal-app-menu .calendar .calendar-header { background-color: transparent; padding-left: 0; position: relative; left: -20px; } .horizontal-app-menu .calendar .options { padding-left: 0; } .horizontal-app-menu .calendar .months .month:first-child { padding-left: 0; } .horizontal-app-menu .calendar .weeks-wrapper { margin-left: 0; padding-left: 0; } .horizontal-app-menu .calendar .week-dragger { margin-left: 0; } .horizontal-app-menu .calendar .calendar-container .grid { overflow: hidden; } form#stamp-razorpay-form { display: none; } /* Start on News Feed Css */ .central-meta { background: #fdfdfd none repeat scroll 0 0; border: 1px solid #ede9e9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: inline-block; width: 100%; margin-bottom: 0; padding: 15px; } .new-postbox { display: inline-block; width: 100%; } .new-postbox>figure { display: inline-block; margin-bottom: 0; vertical-align: top; width: 7%; } .new-postbox>figure img { display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 60px; height: 60px; } .newpst-input { display: inline-block; vertical-align: top; width: 90%; position: relative; } .newpst-input>form { display: inline-block; width: 100%; } .newpst-input textarea { float: left; width: 100%; resize: vertical; border: 1px solid #eee; padding: 15px 15px; font-size: 16px; } .attachments { display: block; padding: 0 10px; text-align: right; border-top: 0; background: #fff; right: 10px; bottom: 10px; position: absolute; } .attachments>ul { list-style: outside none none; margin-bottom: 0; padding-left: 0; } .attachments li { display: inline-block; margin-left: 5px; } .fileContainer { color: #d8d8d8; font-size: 11px; margin: 0 0 0 5px; position: relative; text-transform: capitalize; } .fileContainer [type=file] { cursor: pointer; display: block; filter: alpha(opacity=0); opacity: 0; position: absolute; right: 0px; text-align: right; top: 0; width: 100%; overflow: hidden; } .attachments .fileContainer [type="file"] { right: 6px; top: -18px; width: 20px; } .upload-feed { height: auto !important; } .post-card { height: auto !important; } .friend-info { display: inline-block; position: relative; width: 100%; } .friend-info>figure { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 9%; } .friend-info>figure img { display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 60px; height: 60px; } .friend-name { display: inline-block; padding-left: 0; vertical-align: middle; width: 90%; } .friend-name>h3 { margin: 0; font-size: 18px !important; } .friend-name>h3 a { color: #088dcd; font-size: 16px; text-decoration: none; font-weight: bold; } .friend-name>span { color: #999; float: left; font-size: 12px; text-transform: capitalize; width: 100%; } .post-meta { margin-top: 15px; width: 100%; } .post-meta img { max-width: 250px; max-height: 250px; } .we-video-info { float: left; padding: 5px 0 0; width: 100%; position: relative; z-index: 0; } .we-video-info>ul { float: left; width: 100%; line-height: 27px; padding-left: 0; margin-bottom: 0; } .we-video-info>ul li { display: inline-block; font-size: 13px; margin-right: 40px; } .we-video-info>ul li span { font-size: 16px; font-weight: 400; margin-right: 3px; position: relative; } .we-video-info>ul li span ins { font-size: 14px; left: 32px; position: absolute; text-decoration: none; top: -11px; } .post-meta .description { float: left; margin-top: 0; width: 100%; } .friend-info .description h3 { font-size: 20px; } .post-meta .description>p { margin-bottom: 20px; } .we-video-info>ul li span .fa { font-size: 20px; background: #eeeeee; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #444444; } .we-video-info>ul li span .fa:hover { color: #f59b0f; } .coment-area { display: inline-block; margin-top: 10px; width: 100%; } .we-comet { width: 100%; padding-left: 0; list-style: none; display: table; } .we-comet>li { display: block; margin-bottom: 10px; width: 100%; } .comet-avatar { display: table-cell; max-width: 7.6%; vertical-align: top; width: 7.6%; } .we-comment { border: 1px solid #ede9e9; display: table-cell; margin-left: 20px; padding: 10px; vertical-align: top; position: relative; width: 65%; } .we-comment::before, .peoples-mesg-box>ul>li p:before { border-bottom: 10px solid transparent; border-right: 11px solid #ede9e9; border-top: 10px solid transparent; left: -11px; top: 10px; position: absolute; content: ''; } .we-comment::after, .peoples-mesg-box>ul>li p:after { border-bottom: 8px solid transparent; border-right: 9px solid #fff; border-top: 8px solid transparent; left: -9px; top: 12px; position: absolute; content: ''; } .coment-head { display: inline-block; width: 100%; } .coment-head>h5 { font-size: 15px !important; font-weight: 600 !important; padding-bottom: 5px; text-transform: capitalize; display: inline-block; margin-bottom: 0; color: #2a2a2a; margin: 0; padding: 0; } .coment-head>h5 a { font-size: 14px; font-weight: bold; } .coment-head>span { color: #999; font-size: 12px; padding-left: 10px; display: inline-block; } .we-reply { text-transform: capitalize; font-size: 13px; display: inline-block; margin-left: 10px; } .we-comment>p { font-size: 14px; line-height: 26px; margin-bottom: 0; max-width: 100%; margin-top: 5px; } .we-comet>li ul { margin-left: 55px; margin-top: 20px; padding-left: 0; list-style: none; } .we-comet>li ul li { margin-bottom: 20px; } .comet-avatar { display: table-cell; max-width: 5%; vertical-align: top; width: 5%; } .comet-avatar img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 50px; height: 50px; } .we-comet li a.showmore { display: table; font-size: 12px; margin: 0 auto; text-transform: capitalize; } .we-comet>li:last-child { margin-bottom: 0; } li.post-comment .comet-avatar { display: inline-block; /* max-width: 6%; */ vertical-align: top; width: 4%; } .post-comt-box { display: inline-block; /* padding-left: 15px; */ position: relative; width: 71%; } .post-comt-box form textarea { background: #f3f3f3 none repeat scroll 0 0; border-color: transparent; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #000000; font-size: 14px; font-weight: 500; line-height: 16px; width: 100%; padding: 15px; } .add-smiles { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: auto; line-height: 10px; } .add-smiles>span { font-size: 12px; cursor: pointer; } .em-expressionless { background-image: url('../../img/expressionless.png'); } .post-comt-box .btn.btn-primary { position: absolute; right: -6px; bottom: -20px; } .approve-reject-feed .card-header .card-title a { opacity: 1; display: block; padding: 0; } .approve-reject-feed .card-header .card-title h4 { margin: 0; margin-right: 15px; } .approve-reject-feed .card-header .card-title a h5 { margin: 0; display: block; font-size: 14px; text-transform: none; line-height: 20px; } .approve-reject-feed .card-header .card-title a h4 { color: #088dcd !important; font-size: 14px; text-decoration: none; font-weight: bold; opacity: 1; padding: 0; text-transform: capitalize; display: block; line-height: 14px; } .approve-reject-feed .card-header .card-title .float-right { position: absolute; right: 32px; top: 14px; } .approve-box { display: table-cell; padding: 15px; width: 20%; } .card-body.right-side-box { padding: 10px !important; } .card-body.right-side-box .central-meta.item { padding: 10px; margin-bottom: 0; } .card-body.right-side-box .central-meta.item .friend-name h3 a { font-size: 14px; } .card-body.right-side-box .central-meta.item .friend-info>figure img { width: 50px; height: 50px; } .card-body.right-side-box .central-meta.item .friend-info figure { width: 18%; } .card-body.right-side-box .central-meta.item .friend-name { width: 78%; } .card-body.right-side-box .central-meta.item .post-meta img { max-width: 100%; height: 150px; } .card-body.right-side-box .central-meta.item .friend-info .description h3 { font-size: 14px; margin: 0; } .upload-feed .card-body h5 { font-size: 16px; margin-top: 0; } .upload-feed .card-body .central-meta figure { width: 7%; } .upload-feed .card-body .central-meta .newpst-input { width: 90%; } .coment-area .comet-avatar { width: 4%; } .coment-area .comet-avatar img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 30px; height: 30px; } ul.we-comet.last .we-comment { width: 58%; } .post-card .card-body { padding: 10px; } .central-meta.item { padding: 10px; margin: 0; } .upload-feed .card-body { padding: 10px !important; } .post-card .card-body { padding: 10px !important; } .card-header.left { padding: 10px !important; } .approve-reject-feed .card-group { margin-bottom: 10px !important; } .approve-reject-feed .card.card-default { margin-bottom: 10px !important; } .approve-reject-feed .card-body { padding: 5px !important; } .approve-reject-feed .card.post-card.card-default { margin: 0 !important; box-shadow: none !important; border: 0 none !important; } /* End on News Feed css */ /* Starts on Connection Page css */ .lk-connection-page .connection-middle-tab .bootstrap-demo ul.nav { padding: 8px 0; } .lk-connection-page .connect-law { border-bottom: 2px solid #dcdcdc; border-right: 1px solid #dcdcdc; height: 100%; } .lawyers-add .card-box { overflow: hidden; } .lawyers-add .card { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; border: 0 none; margin-bottom: 0 !important; } .lk-connection-page .connect-law .lk-connect-image img { width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .lk-connection-page .connect-law h5 { font-weight: bold; font-size: 16px; } .lk-connection-page .connect-law p { margin-bottom: 5px; font-size: 14px; } .right-connect-list { padding: 10px 0 10px 0; border-bottom: 1px solid #dcdcdc; } .right-connect-list .col-md-2 { padding-right: 0; } .right-connect-list .col-md-9 { padding-right: 0; } .right-connect-list .rgt-content { position: relative; } .right-connect-list:last-child { border: 0; } .right-connect-list .rgt-content .msg-icon { position: absolute; right: 14px; border: 1px dashed #333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 16px; top: -4px; } .right-connect-list .rgt-content .msg-icon .fa { color: #f59b0f; font-size: 12px; } .right-connect-list .lft-img img { width: 50px; HEIGHT: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .right-connect-list .rgt-content h3 { margin-top: 0; font-size: 14px; font-weight: bold; line-height: 14px; } .right-connect-list .rgt-content p { margin-bottom: 5px; font-size: 14px; line-height: 16px; } .people-interested .connection-middle-tab .navbar-form .input-group-btn button { background: #f59b0f; color: #fff; } .people-interested .connection-middle-tab .bootstrap-demo li.active a { background: #f59b0f; color: #fff; border-bottom: 3px solid #333; } .people-interested .connection-middle-tab .bootstrap-demo li a { background: #eaecee; } .people-interested .connection-middle-tab .bootstrap-demo li.active a:hover { background: #f59b0f; color: #fff; border-bottom: 3px solid #333; } .people-interested .connection-middle-tab .bootstrap-demo li a:hover { background: #f59b0f; color: #fff; border-bottom: 3px solid #333; } .people-interested .connection-middle-tab .bootstrap-demo li { display: table; } .card.right-side-connection { height: auto; } .right-side-connection .show-more { /* border-top: 1px solid #dcdcdc; */ padding: 5px 0 0 0; text-align: center; } .right-side-connection .show-more button.btn { border: 0; padding: 0; background: transparent; color: #f59b0f; } .right-side-connection .show-more a { border: 0; padding: 0; background: transparent; color: #f59b0f; } .right-side-connection .show-more a:hover { color: #333333; } .right-side-connection .show-more .fa { margin-right: 5px; } .right-side-connection .show-more button.btn:hover { color: #333333; } .right-connect-list.frnd-reqst .rgt-btns { position: absolute; right: 0; top: -28px; } .right-connect-list.frnd-reqst .rgt-btns button.btn-danger { background: transparent; color: #ea2c54; border: 0 none; padding: 0 10px; border: 1px solid #ea2c54; } .right-connect-list.frnd-reqst .rgt-btns button.btn-danger:hover { background: #ea2c54; color: #ffffff; } .right-connect-list.frnd-reqst .rgt-btns button.btn-primary:active { background: transparent; } .right-connect-list.frnd-reqst .rgt-btns button.btn-outline-primary { padding: 0 10px; } .right-connect-list.frnd-reqst .rgt-btns button .fa { margin-right: 5px; } .right-connect-list.frnd-reqst { padding: 15px 0 5px 0; } .lawyers-add .alert.alert-warning { padding: 5px 10px; margin-bottom: 0; background-color: #fff3cd; color: #856404; } .lawyers-add .alert.alert-warning h4 { font-size: 16px; margin: 0; text-align: center; color: #856404; } /* Ends on Connection Page css */ /* Starts Lk Friend Request Page Css */ .lk-friend-request-page .all-frnd-rqst-panel { border: 1px solid #dcdcdc; padding: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); margin-bottom: 10px; } .lk-friend-request-page .frnd-reqst-tile { padding: 10px 0 10px 0; } .lk-friend-request-page .frnd-reqst-tile .lft-img img { width: 65px; height: 65px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .lk-friend-request-page .frnd-reqst-tile .rgt-content { /* position: relative; */ } .lk-friend-request-page .frnd-reqst-tile .rgt-btns { padding: 10px 0 0; } .lk-friend-request-page .frnd-reqst-tile .rgt-btns button.btn-danger { background: transparent; color: #ea2c54; border: 0 none; padding: 0 10px; border: 1px solid #ea2c54; margin-right: 10px; } .lk-friend-request-page .frnd-reqst-tile .rgt-btns button.btn-danger:hover { background: #ea2c54; color: #ffffff; } .lk-friend-request-page .frnd-reqst-tile .rgt-btns button.btn-outline-primary { padding: 0 10px; } .lk-friend-request-page .frnd-reqst-tile .rgt-btns button .fa { margin-right: 5px; } .lk-friend-request-page .frnd-reqst-tile .rgt-content h3 { margin-top: 0; font-size: 14px; font-weight: bold; line-height: 14px; } .lk-friend-request-page .frnd-reqst-tile .rgt-content p { margin-bottom: 5px; font-size: 14px; line-height: 16px; } .lk-friend-request-page .all-frnd-rqst-panel .show-more { padding: 5px 0 0 0; text-align: center; } /* Ends Lk Friend Request Page Css */ /* Starts Lk Connected Lawyers Page Css */ .lk-connected-lawyers-page .all-connected-lawyers-panel { border: 1px solid #dcdcdc; padding: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); margin-bottom: 10px; } .lk-connected-lawyers-page .connected-lawyers-tile { padding: 10px 0 10px 0; } .lk-connected-lawyers-page .connected-lawyers-tile .lft-img img { width: 65px; height: 65px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .lk-connected-lawyers-page .connected-lawyers-tile .rgt-content { position: relative; } .lk-connected-lawyers-page .connected-lawyers-tile .rgt-content .msg-icon { position: absolute; right: 14px; border: 1px dashed #333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 16px; top: -4px; } .lk-connected-lawyers-page .connected-lawyers-tile .rgt-content .msg-icon .fa { color: #f59b0f; font-size: 12px; } .lk-connected-lawyers-page .connected-lawyers-tile .rgt-content h3 { margin-top: 0; font-size: 14px; font-weight: bold; line-height: 14px; } .lk-connected-lawyers-page .connected-lawyers-tile .rgt-content p { margin-bottom: 5px; font-size: 14px; line-height: 16px; } .popup-box { display: none; position: fixed; bottom: 0px; right: 0; height: 285px; background-color: rgb(237, 239, 244); width: 300px; border: 1px solid rgba(29, 49, 91, .3); } .popup-box .popup-head { background-color: #6d84b4; padding: 5px; color: white; font-weight: bold; font-size: 14px; clear: both; } .popup-box .popup-head .popup-head-left { float: left; } .popup-box .popup-head .popup-head-right { float: right; opacity: 0.5; } .popup-box .popup-head .popup-head-right a { text-decoration: none; color: inherit; } .popup-box .popup-messages { height: 100%; overflow-y: scroll; padding: 10px; } .popup-box .popup-messages .top-header .col-md-3 { padding-right: 0; } .popup-box .popup-messages .top-header .col-md-9 { padding-left: 0; } .popup-box .popup-messages .top-header .left-side img { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; width: 45px; height: 45px; } .popup-box .popup-messages .top-header .right-side h6 { margin: 0; line-height: 14px; font-size: 14px; font-weight: bold; } .popup-box .popup-messages .top-header .right-side p { margin: 0; line-height: 14px; color: #90949c; } .popup-box .popup-messages span.time { text-align: center; display: block; font-size: 12px; color: #90949c; } .popup-box .popup-messages .mid-panel { overflow: hidden; } .popup-box .popup-messages .mid-panel .message-box img { width: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 25px; height: 25px; } .popup-box .popup-messages .mid-panel .message-box.float-left p { background: #f1f0f0; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; padding: 0 10px; } .popup-box .popup-messages .mid-panel .message-box.float-right p { background: #ff8400; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; padding: 0 10px; color: #ffffff; } .popup-box .popup-messages .mid-panel { overflow: hidden; clear: both; } .popup-box .popup-messages .message-box.float-left { width: 100%; } .popup-box .popup-messages .message-box.float-left .col-md-2 { padding-right: 0; } .popup-box .popup-messages .message-box.float-left .col-md-10 { padding-left: 0; } /* Ends Lk Connected Lawyers Page Css */ /* Starts on Header Top Menu Css */ .header-top-menu ul { padding: 0 !important; } .header-top-menu ul li { padding-right: 10px !important; } .header-top-menu ul li:last-child { padding-right: 0 !important; } .header-top-menu ul li a { color: #595959; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .header-top-menu ul li a:hover { color: #007be8; } .header-top-menu ul li a .fa { display: inline-block; font-size: 5px; color: #595959 !important; vertical-align: middle; margin-right: 5px; } .dashboard-card-details { /* min-height: 550px !important; */ height: 400px !important; } .dashboard-advance-payment { /* min-height: 550px !important; */ height: 400px !important; } .dashboard-card-details-part { height: 400px !important; } /* Ends on Header Top Menu Css */ /* Strats on close case section page */ /****** Style Star Rating Widget *****/ .rating { border: none; float: left; } .rating>input { display: none; } .rating>label:before { margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005"; } .rating>.half:before { content: "\f089"; position: absolute; } .rating>label { color: #ddd; float: right; } /***** CSS Magic to Highlight Stars on Hover *****/ .rating>input:checked~label, /* show gold star when clicked */ .rating:not(:checked)>label:hover, /* hover current star */ .rating:not(:checked)>label:hover~label { color: #f59b0f; } /* hover previous stars in list */ .rating>input:checked+label:hover, /* hover current star when changing rating */ .rating>input:checked~label:hover, .rating>label:hover~input:checked~label, /* lighten current selection */ .rating>input:checked~label:hover~label { color: #f59b0f; } #lawyerRatingModal .modal-content .modal-body p { font-size: 16px; } /* Starts on feed page reply section */ .reply-dlt-btn { padding: 0 5px !important; } .reply-dlt-btn .fa { font-size: 12px; } .feed-commend-reply-submit-btn { position: absolute; right: 10px !important; bottom: 0px !important; min-width: auto !important; } .feedCommentBtn { position: absolute !important; bottom: 0 !important; min-width: auto !important; right: 10px !important; } .feed-comment-upload-file-btn { position: relative; z-index: 111; opacity: 0; width: 37px; height: 28px; } .upload-feed-comment-file { position: absolute; top: 0; background: #595959; padding: 0 9px; border-radius: 4px; color: #fff; left: 5px; height: 27px; } .up-feed-commend-btn { position: absolute; right: 50px; top: 48px; } /* Starts on 16-10-2019 */ .view-blast-sending-histroy { max-width: 80%; } .table-view-blast-sending-histroy th { border: 1px solid #dcdcdc; width: 12%; padding: 8px 10px; } .table-view-blast-sending-histroy th:nth-child(1) { border: 1px solid #dcdcdc; width: 5%; } .table-view-blast-sending-histroy tbody td { border: 1px solid #dcdcdc; padding: 0 10px; } /* Ends on 16-10-2019 */ /* Starts on 17-10-2019 */ table.dataTable { width: 100% !important; } .common-box { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 20px; margin: 10px 0; color: #fff; cursor: pointer; } .common-box.bg-normal { background: #8c8d8e !important; } .common-box .float-left { width: 90%; } .common-box .float-right { width: 10%; } .header-top-menu .active a { color: #007be8 !important; } /* Ends on 17-10-2019 */ .page-content-wrapper-overflowy { overflow-y: hidden !important; } /* Ends on close case section page */ .common-emp-tree .card-body { padding: 5px 20px !important; } .bg-enquiry-details { background: #dcdcdc; } /* Start on new profile css */ .profile-info { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2) !important; border-radius: 6px; padding: 20px; height: 100%; position: relative; } .profile-info .edit-btn { position: absolute; right: 10px; top: 10px; color: #ff8400; font-size: 14px; border: 2px solid #444; width: 30px; height: 30px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 27px; } .profile-title h5 { border-bottom: 2px solid #ff8400; display: inline-block; font-size: 20px; color: #ff9a02 !important; } /* Ends on new profile css */ /* Styles on 2019-11-25 */ .adv-card .prev-btn, .adv-card .next-btn { top: 0; z-index: 100; } .adv-card .prev-btn { left: 0 } .adv-card .next-btn { right: 0; } .adv-card .prev-btn .btn-primary, .adv-card .prev-btn .btn-primary:active, .adv-card .prev-btn .btn-primary:focus, .adv-card .prev-btn .btn-primary:hover, .adv-card .next-btn .btn-primary, .adv-card .next-btn .btn-primary:active, .adv-card .next-btn .btn-primary:focus, .adv-card .next-btn .btn-primary:hover { color: #fff; background-color: #595959 !important; border-color: #595959 !important; } .table .thead-dark th { background-color: #616161; border-color: #616161; } /* Styles on 2019-11-25 */ .enquiry-scroll { height: 450px; overflow-y: scroll; } /* starts on css 13/02/2020 */ .call-logs ul { margin: 0; padding: 0; list-style-type: none; } .call-logs ul li { display: block; } .call-logs ul li span.left { width: 20%; display: inline-block; font-weight: bold; } .call-logs ul li span.right { width: 70%; display: inline-block; } .call-logs { padding: 0 10px 10px; } .top-call { padding: 10px 10px 0; } .call-detls { margin-top: 20px; } .call-logs .common-heading.no-margin { margin-bottom: 0 !important; } /* ends on css 13/02/2020 */ /*Feeds Banner Modal*/ #advertisementModal .card { overflow: hidden !important; --background: #fff !important; border: 2px solid rgba(0, 0, 0, 0.12) !important; -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07) !important; -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07) !important; margin: 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; max-width: 400px; padding: 0; margin: 30px auto; } #advertisementModal .card .card-body { padding: 0 !important; } #advertisementModal .card img { height: 150px; width: 100%; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-fit: cover; } #advertisementModal .card .small-common-action-btn { background: #02c3cc !important; color: #fff !important; font-weight: 700; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; text-transform: capitalize; -webkit-box-shadow: 3px 4px 5px 0px rgba(197, 197, 197, 0.75); -moz-box-shadow: 3px 4px 5px 0px rgba(197, 197, 197, 0.75); -ms-box-shadow: 3px 4px 5px 0px rgba(197, 197, 197, 0.75); -o-box-shadow: 3px 4px 5px 0px rgba(197, 197, 197, 0.75); box-shadow: 3px 4px 5px 0px rgba(197, 197, 197, 0.75); -webkit-text-shadow: 3px 4px 5px rgba(197, 197, 197, 0.75); -moz-text-shadow: 3px 4px 5px rgba(197, 197, 197, 0.75); -ms-text-shadow: 3px 4px 5px rgba(197, 197, 197, 0.75); -o-text-shadow: 3px 4px 5px rgba(197, 197, 197, 0.75); text-shadow: 3px 4px 5px rgba(197, 197, 197, 0.75); padding: 10px 15px; } #advertisementModal .card .row { padding: 5px; } #advertisementModal .card h4 { line-height: 20px; } .minw-80 { min-width: 80px !important; } .m-r-5 { margin-right: 5px !important; } span.online-circle, span.offline-circle { display: inline-block; width: 8px; height: 8px; background: #9E9E9E; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 5px; } span.online-circle { background: #F44336; } span.offline-circle { background: #4CAF50; } /* Chat Bot Preview */ .question-end { background-color: #f1f1f1; color: #555555; text-align: left; height: auto; padding: 10px; font-size: 11.2pt; border-top-right-radius: 1.3em; border-bottom-left-radius: 1.3em; border-bottom-right-radius: 1.3em; line-height: 1.2; clear: both; margin-top: 5px; margin-bottom: 5px; word-break: break-word; width: fit-content; } .reply-end { border-color: #f5f5f5 transparent; background-color: #82b440; color: #fff; text-align: justify; height: auto; padding: 10px; font-size: 11.2pt; width: fit-content; float: right!important; display: block; border-bottom-left-radius: 1.3em; border-top-left-radius: 1.3em; border-bottom-right-radius: 1.3em; margin-bottom: 5px; margin-top: 5px; margin-right: 3px; line-height: 1.2; word-break: break-all; } /*... Chat Bot Preview */ /* Whtsapp icon */ .header .d-flex.align-items-center ul li a { font-size: 14px; } .header ul li .whtsapp { position: relative; } .header ul li .whtsapp a .fa { color: #13990a; } .header ul li .whtsapp a img { width: 24px; height: 24px; } .whtsapp-noti.pulse { position: absolute; width: 15px; height: 15px; background: #f14213; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top: -5px; right: -5px; color: #fff !important; text-align: center; line-height: 15px; font-size: 10px !important; animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -ms-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; } .header-top-menu ul li.chat-pulse { position: relative; } .header-top-menu ul li.chat-pulse .chat-bot.pulse { position: absolute; max-width: 27px; background: #f14213; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; top: -8px; right: -23px; color: #fff !important; text-align: center; padding: 3px 6px; font-size: 9px !important; animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -ms-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; } .view-action.pulse { position: absolute; width: 8px; height: 8px; background: #28a745; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top: -4px; right: -5px; color: #fff !important; text-align: center; line-height: 15px; font-size: 10px !important; animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -ms-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(241, 66, 19, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(241, 66, 19, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(241, 66, 19, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(241, 66, 19, 0.4); box-shadow: 0 0 0 0 rgba(241, 66, 19, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(241, 66, 19, 0); box-shadow: 0 0 0 10px rgba(241, 66, 19, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(241, 66, 19, 0); box-shadow: 0 0 0 0 rgba(241, 66, 19, 0); } } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(60, 196, 90, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(60, 196, 90, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(60, 196, 90, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(60, 196, 90, 0.4); box-shadow: 0 0 0 0 rgba(60, 196, 90, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(60, 196, 90, 0); box-shadow: 0 0 0 10px rgba(60, 196, 90, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(60, 196, 90, 0); box-shadow: 0 0 0 0 rgba(60, 196, 90, 0); } } /* .msg-content .conversation-container { height: 340px !important; } .msg-sidebar { height: 390px !important; } .msg-chatbox { height: 440px !important; } */ /* Whtsapp icon */ /* Starts on table-responsive class 14-10 */ /* #tableWithSearch_wrapper { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } */ .col-break { word-break: break-all; white-space: normal; } .colwidth-120 { width: 120px; } .colwidth-150 { width: 150px; } /* Ends on table-responsive class 14-10 */ /* Starts on dynamic document review css */ /* Ends on dynamic document review css */ .url-area { /* overflow: hidden; */ clear: both; width: 100%; margin-bottom: 20px; border-radius: 5px; position: relative; } .url-parent { float: left; background: #337ab7; width: 180px; color: #fff; height: 40px; display: flex; align-items: center; padding: 0 15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .url-sub { float: left; height: 40px; width: calc(100% - 180px); } .url-sub .form-control { min-height: 40px; border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .url-combinations { margin-bottom: 0 !important; height: auto !important; } .url-combinations ul { list-style-type: square; } .url-combinations ul li { padding-left: 0; line-height: 18px; float: left; margin-left: 25px; font-size: 12px; } .url-combinations h4 { line-height: 1.4 !important; } .card.dropdown-option-box { position: absolute; top: 40px; left: 0; right: 0; width: 100%; z-index: 99; height: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: none; background: #fff; } .card.dropdown-option-box li { padding: 0 !important; } .card.dropdown-option-box .fa-close { font-size: 16px; position: absolute; top: 10px; right: 8px; } .cursor-pointer { cursor: pointer; } .card.input-dropdown-option-box { position: absolute; top: 65px; left: 0; right: 0; width: 100%; z-index: 99; height: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: none; background: #fff; } .card.input-dropdown-option-box .fa-close { font-size: 16px; position: absolute; top: 10px; right: 8px; } .card.input-dropdown-option-box li { padding: 0 !important; } .action-add-btn { border: 0 none; background: #007be8; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 22px; height: 22px; color: #ffffff; cursor: pointer; right: 0; top: 0; text-align: center; line-height: 15px; padding: 0; } .cross-add-btn { border: 0 none; background: #ef6944; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 22px; height: 22px; color: #ffffff; cursor: pointer; right: 0; top: 0; z-index: 111; text-align: center; line-height: 15px; padding: 0; } .cross-add-btn .fa.fa-times { text-align: center; } div#Content { margin-bottom: 10px; } #answertype { display: none; } .selectbox-row { margin-right: 28px !important; } .selectbox-row-btn { top: 6px; } .message-conversation.card { margin-bottom: 0 !important; } .chatbox { width: 100%; height: 460px; margin: 0 20px 0 0; position: relative; display: flex; flex-flow: column; background: white; bottom: 0; transition: .1s ease-out; -webkit-transition: .1s ease-out; -moz-transition: .1s ease-out; -ms-transition: .1s ease-out; -o-transition: .1s ease-out; } .chat-messages { padding: 20px; overflow: auto; display: flex; flex-flow: row wrap; align-content: flex-start; flex: 1; background: #edf0f6; } .message-box-holder { width: 100%; margin: 0 0 15px; display: flex; flex-flow: column; align-items: flex-end; } .message-sender { font-size: 11px; margin: 0 0 5px; color: #30649c; align-self: flex-start; } .partner-sender { font-size: 11px; margin: 0 0 5px; color: #30649c; align-self: flex-end; flex-flow: column; } .message-sender a, .message-sender a:link, .message-sender a:visited, .chat-partner-name a, .chat-partner-name a:link, .chat-partner-name a:visited { color: #30649c; text-decoration: none; } .message-box { padding: 10px 15px; border-radius: 10px 0 10px 10px; -webkit-border-radius: 10px 0 10px 10px; -moz-border-radius: 10px 0 10px 10px; -ms-border-radius: 10px 0 10px 10px; -o-border-radius: 10px 0 10px 10px; position: relative; background: #ffffff; color: #373e43; font-size: 14px; box-shadow: 0px 0px 7px 0px rgb(91 91 96 / 10%); -webkit-box-shadow: 0px 0px 7px 0px rgb(91 91 96 / 10%); -moz-box-shadow: 0px 0px 7px 0px rgb(91 91 96 / 10%); -ms-box-shadow: 0px 0px 7px 0px rgb(91 91 96 / 10%); -o-box-shadow: 0px 0px 7px 0px rgb(91 91 96 / 10%); word-break: break-all; } .message-partner { background: #cfd3e4; align-self: flex-start; border-radius: 0 10px 10px 10px; -webkit-border-radius: 0 10px 10px 10px; -moz-border-radius: 0 10px 10px 10px; -ms-border-radius: 0 10px 10px 10px; -o-border-radius: 0 10px 10px 10px; } /* Handle on hover */ .chat-messages::-webkit-scrollbar-thumb:hover { background: #edf0f6; } .chat-messages::-webkit-scrollbar { width: 10px; } /* Track */ .chat-messages::-webkit-scrollbar-track { background: #edf0f6; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } /* Handle */ .chat-messages::-webkit-scrollbar-thumb { background: #edf0f6; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } /* Handle on hover */ .chat-messages::-webkit-scrollbar-thumb:hover { background: #edf0f6; } .nav-tabs { overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; } .card.message-list-panel { padding: 15px; } .message-list-panel .list-box { overflow-x: hidden !important; overflow-y: scroll !important; height: 460px; } .lawyer-list.active { background: #f2f2f2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .message-list-panel h5 { margin-bottom: 10px !important; text-transform: uppercase; } .message-list-panel .lawyer-list { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; padding-top: 10px; cursor: pointer; padding-left: 10px; padding-right: 10px; } .message-list-panel .content-tile { padding-left: 15px; } .message-list-panel .lawyer-list .avatar-icon { width: 50px; height: 50px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .message-list-panel .lawyer-list .avatar-icon img { height: 50px; width: 50px; } .message-list-panel .name p { font-size: 16px; font-weight: 500; margin-bottom: 0; font-size: 16px; font-weight: 500; margin-bottom: 0; white-space: nowrap; width: 280px; overflow: hidden; text-overflow: ellipsis; } .message-list-panel .message p { white-space: nowrap; width: 280px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; margin-bottom: 0; } .message-list-panel .date-time p { color: #ada9a9; font-size: 12px; margin-bottom: 0; } /* Handle on hover */ .list-box::-webkit-scrollbar-thumb:hover { background: #edf0f6; } .list-box::-webkit-scrollbar { width: 10px; } /* Track */ .list-box::-webkit-scrollbar-track { background: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } /* Handle */ .list-box::-webkit-scrollbar-thumb { background: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } /* Handle on hover */ .list-box::-webkit-scrollbar-thumb:hover { background: #ffffff; } /* Starts On Radiul Menu */ #check-for-clicking { display: none; } .main-add-button-plus, .menu-add-items, .main-add-button-minus { margin: auto; position: fixed; right: 20px; bottom: 20px; width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); -moz-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); } .main-add-button-plus, .main-add-button-minus { background: #595959; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); -moz-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); -ms-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); -o-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); cursor: pointer; z-index: 50; } .main-add-button-plus:hover { background: #595959; } .main-add-button-minus:hover { background: #595959; } .main-add-button-plus:active { box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); background-color: #595959; } .main-add-button-minus:active { -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35); background-color: #595959; } .main-add-button-plus .menu-add-button-title { width: 100%; font-size: 24px !important; line-height: 60px; text-align: center; color: #ffffff; } .main-add-button-minus .menu-add-button-title { width: 100%; font-size: 24px !important; line-height: 60px; text-align: center; color: #ffffff; } .menu-add-items { z-index: 10; } .menu-add-items .plate { margin: auto; position: absolute; text-align: center; top: 0; right: 0; bottom: 0; left: 0; width: 160px; height: 50px; opacity: 0; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; cursor: pointer; background: #595959; -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); -moz-box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%); border-radius: 5px; } .menu-add-items .plate i { width: 130px; font-size: 14px; text-align: center; color: white; font-style: normal; position: relative; top: 7px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; line-height: 31px; } .menu-add-items .plate:hover i { color: #ffffff; } .menu-add-items .plate:nth-of-type(1) { background: #595959; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .menu-add-items .plate:nth-of-type(2) { background: #595959; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .menu-add-items .plate:nth-of-type(3) { background: #595959; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .menu-add-items .plate:nth-of-type(4) { background: #595959; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .menu-add-items .plate:nth-of-type(1):hover { background: #595959; } .menu-add-items .plate:nth-of-type(2):hover { background: #595959; } .menu-add-items .plate:nth-of-type(3):hover { background: #595959; } .menu-add-items .plate:nth-of-type(4):hover { background: #595959; } #check-for-clicking:checked ~ .main-add-button-minus + .menu-add-items .plate { opacity: 1; } #check-for-clicking:checked ~ .main-add-button-minus + .menu-add-items .plate:nth-of-type(1) { left: -90px; top: -720px; } #check-for-clicking:checked ~ .main-add-button-minus + .menu-add-items .plate:nth-of-type(2) { left: -90px; top: -580px; } #check-for-clicking:checked ~ .main-add-button-minus + .menu-add-items .plate:nth-of-type(3) { left: -90px; top: -440px; } #check-for-clicking:checked ~ .main-add-button-minus + .menu-add-items .plate:nth-of-type(4) { left: -90px; top: -300px; } #check-for-clicking:checked ~ .main-add-button-minus + .menu-add-items .plate:nth-of-type(5) { left: -90px; top: -160px; } #check-for-clicking:checked ~ .main-add-button-plus { display: none; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } #check-for-clicking:checked ~ .main-add-button-minus { display: inline; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } #check-for-clicking:not(:checked) ~ .main-add-button-minus { display: none; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } #check-for-clicking:not(:checked) ~ .main-add-button-plus { display: inline; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .menu-add-items a { color: #ffffff; } .menu-add-items a:hover { color: #ffffff; } .menu-add-items a:active, .menu-add-items a:focus { color: #ffffff; } .header.p-l-250 .header-top-menu { max-width: 460px; } .header-top-menu { /* max-width: 530px; */ max-width: 650px; } .lead-loader { top: 50%; } .leadloader { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } /* Ends On Radiul Menu */ .dedicated-lawyer .modal-dialog { max-width: 600px; } .tbl-para-width100 { max-width: 100px; } .dash-all-trans tbody tr td:nth-child(1) { width: 120px !important; } .dash-all-trans tbody tr td:nth-child(2), .dash-all-trans tbody tr td:nth-child(3), .dash-all-trans tbody tr td:nth-child(4), .dash-all-trans tbody tr td:nth-child(5), .dash-all-trans tbody tr td:nth-child(6), .dash-all-trans tbody tr td:nth-child(8) { width: 100px !important; } .dash-all-trans tbody tr td:nth-child(7) { width: 100px !important; max-width: 100px !important; } /* Starts css assignment details page */ .assignment-details-page .card .top-heading-tile h2.main-head { font-size: 28px; color: #373E43; font-weight: 500; margin: 0; line-height: initial; } .assignment-details-page .card .top-heading-tile .common-assign-badge { font-weight: 400; font-size: 14px; /* min-width: 182px; */ max-width: fit-content; min-height: 26px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; white-space: nowrap !important; padding: 1px 7px; display: inline-flex; align-items: center; justify-content: center; margin-left: 15px; } span.colon-gap { margin-right: 10px; } .assignment-details-page .card .top-heading-tile .badge-info { background-color: #47525e; color: #ffffff; } .assignment-details-page .card .top-heading-tile .badge-ongoing { background-color: #444BD3; color: #ffffff; } .assignment-details-page .card .top-heading-tile .badge-need-att { background-color: #D35400; color: #ffffff; } .assignment-details-page .card .top-heading-tile .badge-warning { background-color: #ffc107; color: #ffffff; } .assignment-details-page .card .top-heading-tile .badge-approval { background-color: #f1b143; color: #ffffff; } .assignment-details-page .card .top-heading-tile .badge-approved { background-color: #047b1f; color: #ffffff; } .assignment-details-page .card .top-heading-tile .badge-completed { background-color: #3b9f53; color: #ffffff; } .assignment-details-page .card .top-heading-tile .badge-feedback { background-color: #25A392; color: #ffffff; } .assignment-details-page .card .top-heading-tile .expire-badge { background: #FEDFE5; color: #FF5252; } button.btn.invoice-button.cancelBtn { background: #dc3545 !important; color: #FFFFFF !important; border: 1px solid #dc3545 !important; } button.btn.invoice-button.moveToCourtBtn { background: #2e3235 !important; color: #FFFFFF !important; } .assignment-details-page .card .top-heading-tile .right-call-to-action .invoice-button { border: 1px solid rgba(55, 62, 67, 0.53); max-width: fit-content; /* min-width: 131px; */ background: #ffffff; height: 35px; color: rgba(55, 62, 67, 0.9); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; font-weight: 500; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; margin-right: 4px; line-height: normal; } .assignment-details-page .card .top-heading-tile .right-call-to-action .invoice-button:hover { background: rgba(248, 248, 248, 0.8); } .assignment-details-page .card .top-heading-tile .right-call-to-action .invoice-button:last-child { margin-right: 0; } .assignment-details-page .card .top-heading-tile .right-call-to-action .approve-button { /* border: 1px solid #FF9900; */ border: 1px solid rgba(55, 62, 67, 0.53); min-width: 182px; background: #ffffff; height: 36px; color: rgba(55, 62, 67, 0.9); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; font-weight: 400; font-size: 16px; } .assignment-details-page .card .top-heading-tile .right-call-to-action .approve-button:hover { background: rgba(248, 248, 248, 0.8); } .assignment-details-page .card .assignments-info-sec { padding: 0 0 0 15px; } .assignment-details-page .card .assignments-info-sec .col-md-4 { /* padding-right: 0; padding-left: 0; */ } .assignment-details-page .card .assignments-info-sec h2 { line-height: initial; } .assignment-details-page .card .assignments-info-sec .info-part .assign-content-card .label-content { align-self: flex-start; width: 135px; } .assignment-details-page .card .assignments-info-sec .info-part.side .assign-content-card .label-content { align-self: flex-start; width: 115px; } .assignment-details-page .card .assignments-info-sec .info-part.side.right .assign-content-card .label-content { align-self: flex-start; width: 165px; } .assignment-details-page .card .assignments-info-sec.new .info-part .assign-content-card .label-content { align-self: flex-start; width: 150px; text-transform: capitalize; } .assignment-details-page .card .assignments-info-sec .info-part .assign-content-card .label-content { align-self: flex-start; width: 125px; } .assignment-details-page .card .assignments-info-sec .info-part .assign-content-card .label-content span { font-weight: 400; color: rgba(55, 62, 67, 0.9); } .assignment-details-page .card .assignments-info-sec .info-part .assign-content-card .flex-block { flex: 1; align-self: flex-start; } .assignment-details-page .card .assignments-info-sec .info-part .assign-content-card .flex-block > span.pdf-view { color: #373E43; font-weight: 500; display: block !important; } .assignment-details-page .card .assignments-info-sec .info-part .assign-content-card .flex-block > span { color: #373E43; font-weight: 500; word-break: break-all; display: flex !important; } .assignment-details-page .card .assignments-info-sec .info-part .assign-content-card .flex-block span.paid { color: #3B9F53; font-weight: 600; margin-left: 15px; } .assignment-details-page .card .assignments-info-sec .info-part .assign-content-card .flex-block span.due { color: #FE5C29; font-weight: 600; margin-left: 15px; } .assignment-details-page .card .client-detail-section .client-content { background: #ffffff; padding: 0; } /* .assignment-details-page .card .top-head-sec { background: #F4F4F4; padding: 12px 15px; } */ .assignment-details-page .card .client-detail-section .client-content .clt-name { background: #F7F8FF; border: 1px solid #F7F8FF; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 20px 15px; height: 100%; } .assignment-details-page .card .client-detail-section .client-content .clt-name span { color: #373E43; } .assignment-details-page .card .assignments-info-sec .client-detail-section h2 { line-height: initial; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name .avatar { min-width: 100px; height: 96px; overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; margin-right: 15px; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name .avatar img { width: 100%; height: 100%; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name .star-rating { margin-left: 10px; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name .star-rating img { width: 12px; margin-right: 0 !important; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name h4 { color: #373E43; line-height: initial; margin-bottom: 5px; margin-top: 0; font-weight: 600; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name h4 span { color: #373E43; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name .d-flex.m-b-5 { margin-bottom: 5px; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name .d-flex.align-items-center img { margin-right: 5px; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-locate .locate .address-block { margin-left: 28px; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-locate .locate .address-block span { max-width: 160px; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-locate { background: #FFFFFF; border: 1px solid rgba(170, 170, 182, 0.41); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; padding: 19px 17px; height: 100%; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-locate .locate h4 { line-height: initial; margin-bottom: 5px; margin-top: 0; font-weight: 500; } .assignment-details-page .card .client-detail-section .client-content .client-information .review-check label { color: #373e43; } .assignment-details-page .card .client-detail-section .client-content .client-information .review-check .big-check { width: 15px; height: 15px; top: -3px; } .assignment-details-page .card .timeline-section .sessions { margin-top: 32px; border-radius: 12px; position: relative; } .assignment-details-page .card .timeline-section ul.sessions { list-style-type: none; padding-left: 0; } .assignment-details-page .card .timeline-section .sessions li { padding-bottom: 24px; border-left: 1px dashed #abaaed; position: relative; padding-left: 20px; margin-left: 10px; } .assignment-details-page .card .timeline-section .sessions li:before { content: ''; width: 16px; height: 16px; background: #ffffff; border: 1px solid #A3A6FF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: -8px; top: 0px; } .assignment-details-page .card .timeline-section .sessions li:after { content: ''; position: absolute; border: solid #A3A6FF; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: -4px; top: 5px; } .assignment-details-page .card .timeline-section .sessions li:last-child:before { background: #6D71DA; } .assignment-details-page .card.timeline-section .sessions li:last-child:after { border: solid #FFFFFF; border-width: 0 2px 2px 0; } .assignment-details-page .card .timeline-section .sessions .time { color: #000000; font-weight: 500; font-size: 14px; margin-bottom: 5px; position: relative; top: -2px; } .assignment-details-page .card .timeline-section .sessions li:last-child { border: 0px; padding-bottom: 0; } .timeline-section ul li:last-child::before, .timeline-section ul li:last-child::after { display: none !important; } .timeline-section ul li:last-child span.less { display: none; } .timeline-section ul li:last-child .custom-arrow { background-image: url(../../../frontend/images/readmore-arrow.png); background-repeat: no-repeat; padding-right: 12px; background-position: 74px 7px; } .timeline-section ul li:last-child .less.custom-arrow { background-image: url(../../../frontend/images/readmore-left-arrow.png); background-position: 66px 6px; } .timeline-section ul li:last-child span { cursor: pointer; font-weight: 500; color: #333333; font-size: 14px; } .assignment-details-page .card .timeline-section .sessions li:nth-child(4) { /* border-left: 0; */ } .assignment-details-page .msgTab .tabmsg-section { padding-top: 25px; } .assignment-details-page .msgTab .tabmsg-section .loop-side { margin-bottom: 15px; } .assignment-details-page .msgTab .tabmsg-section .loop-side:last-child { margin-bottom: 0; } .assignment-details-page .msgTab .tabmsg-section span { font-style: italic; font-weight: 500; font-size: 10px; color: rgba(55, 52, 86, 0.66); display: block; } .assignment-details-page .msgTab .tabmsg-section p { font-weight: 500; font-size: 13px; font-style: italic; color: #373E43; margin: 0; line-height: 18px; max-width: 720px; } .assignment-details-page .noteTab .table thead th:nth-child(2), .assignment-details-page .callTab .table thead th:nth-child(2) { width: 250px; } .assignment-details-page .noteTab .table thead th:nth-child(3), .assignment-details-page .noteTab .table thead th:nth-child(2) { width: 250px; } .assignment-details-page .noteTab .table thead th:nth-child(4), .assignment-details-page .callTab .table thead th:nth-child(4) { width: 250px; } .assignment-details-page .documentTab .table thead th:nth-child(2) { width: 200px; } .assignment-details-page .documentTab .table thead th:nth-child(3) { width: 200px; } .assignment-details-page .documentTab .table thead th:nth-child(4) { width: 350px; } .assignment-details-page .documentTab .table thead th:nth-child(5) { width: 250px; } .assignment-details-page .callTab .call-completed-badge { border: 1px solid #3B9F53; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: 500; font-size: 13px; color: #3B9F53; min-width: 106px; height: 26px; display: inline-flex; align-items: center; justify-content: center; } /* .assignment-details-page .card .card-body .dataTables_wrapper .table thead th:nth-child(4) { width: 50% !important; } */ .assignment-details-page .card .card-body .dataTables_wrapper .table thead th:nth-child(5) { /* width: 20% !important; */ } .assignment-details-page table.dataTable tbody td { padding: 10px; } .challans-details-page .card .timeline-section .sessions li:nth-child(5) { border-left: 1px dashed #abaaed; } .challans-details-page .card .timeline-section .sessions li:nth-child(4) { border-left: 1px dashed #abaaed; } /* .challans-details-page .card .timeline-section ul li:last-child::before, .challans-details-page .card .timeline-section ul li:last-child::after { display: block !important; } */ .challans-details-page .card .timeline-section .sessions li:last-child:before { background: #FFFFFF; } /* .timeline-section ul li:last-child::before, .timeline-section ul li:last-child::after { display: none !important; } */ .badge-approved { background-color: #047b1f; color: #ffffff; } .badge-need-att { background-color: #D35400; color: #ffffff; } .badge-approval { background-color: #f1b143; color: #ffffff; } .badge.badge-feedback { background-color: #25A392; color: #ffffff; } .badge-ongoing { background-color: #444BD3; color: #ffffff; } /* Ends css assignment details page */ /* Starts css Corporate details page */ .corporate-details-page .card .top-heading-tile h2.main-head { font-size: 28px; color: #373E43; font-weight: 500; margin: 0; line-height: initial; } .corporate-details-page .card .assignments-info-sec { padding: 0 0 0 15px; } .corporate-details-page .card .assignments-info-sec .col-md-4 { padding-right: 0; padding-left: 0; } .corporate-details-page .card .assignments-info-sec .info-part .assign-content-card .label-content { align-self: flex-start; width: 165px; } .corporate-details-page .card .assignments-info-sec .info-part .assign-content-card .label-content span { font-weight: 400; color: rgba(55, 62, 67, 0.9); } .corporate-details-page .card .assignments-info-sec .info-part .assign-content-card .flex-block { flex: 1; display: flex; align-items: center; } .corporate-details-page .card .assignments-info-sec .info-part .assign-content-card .flex-block span { color: #373E43; font-weight: 500; word-break: break-word; display: flex !important; } .corporate-details-page .feesbadge-box .data-price .head-box span { margin-left: initial !important; } .corporate-details-page .card .timeline-section ul.sessions { list-style-type: none; padding-left: 0; margin-top: 32px; border-radius: 12px; position: relative; } .corporate-details-page .card .timeline-section .sessions li { padding-bottom: 24px; border-left: 1px dashed #abaaed; position: relative; padding-left: 20px; margin-left: 10px; } .corporate-details-page .card .timeline-section .sessions li:before { content: ''; width: 16px; height: 16px; background: #ffffff; border: 1px solid #A3A6FF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: -8px; top: 0px; } .corporate-details-page .card .timeline-section .sessions .time { color: #000000; font-weight: 500; font-size: 14px; margin-bottom: 5px; position: relative; top: -2px; } .corporate-details-page .card .timeline-section .sessions li:after { content: ''; position: absolute; border: solid #A3A6FF; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: -4px; top: 5px; } .corporate-details-page .card .timeline-section .sessions li:last-child { border: 0; } .corporate-details-page .card .timeline-section .sessions li:last-child:before { background: #6D71DA; content: ''; width: 16px; height: 16px; border: 1px solid #A3A6FF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: -8px; top: 0px; } .corporate-details-page .card .timeline-section .sessions li:last-child:after { border: solid #FFFFFF; content: ''; position: absolute; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: -4px; top: 5px; } .corporate-details-page .timeline-section ul li:last-child::before, .corporate-details-page .timeline-section ul li:last-child::after { display: block !important; } .createcorporate-modal .modal-dialog { max-width: 950px; } .createcorporate-modal .phone-number-box { border: 1px solid #d6d0d0; height: 42px; overflow: hidden; border-radius: 2px; } .createcorporate-modal .phone-number-box select { width: 51px; background: #F4F4FF; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border: 0; border-right: 1px solid #d6d0d0; padding: 0; font-size: 12px; } .createcorporate-modal select { height: 42px !important; font-size: 12px; color: rgba(18, 17, 34, 0.58); } .createcorporate-modal .phone-number-box input { border: 0; } .createcorporate-modal input { height: 42px; font-size: 12px; } .createcorporate-modal textarea { height: 42px; font-size: 12px; } .createcorporate-modal .proposal-tile { border-bottom: 0.5px solid rgba(159, 159, 159, 0.75); padding-bottom: 25px; } .createcorporate-modal .feesrate-box h3 { font-weight: 500; margin: 0; } .createcorporate-modal .feesrate-box select, .createcorporate-modal .feesrate-box input { height: 36px !important; font-size: 12px; color: rgba(18, 17, 34, 0.58); } .createcorporate-modal .feesrate-box .page-select { margin-top: 13px; color: rgba(18, 17, 34, 0.58); } .createcorporate-modal .amount-page-box input { width: 135px; padding: 5px; height: 36px !important; font-size: 12px; margin-right: 15px; } .createcorporate-modal .feesrate-box .page-select select { width: 191px; margin-left: 12px; font-size: 12px; color: rgba(18, 17, 34, 0.58); } .createcorporate-modal .modal-footer { justify-content: flex-start; } .createcorporate-modal .requiredErr { font-size: 16px; margin-left: 0; } .createcorporate-modal input::placeholder { color: rgba(18, 17, 34, 0.58); opacity: 1; } .createcorporate-modal input:-ms-input-placeholder { color: rgba(18, 17, 34, 0.58); } .createcorporate-modal input::-ms-input-placeholder { color: rgba(18, 17, 34, 0.58); } .createcorporate-modal .modal-footer button.btn.btn-primary { width: 122px !important; } .createcorporate-modal label { margin-bottom: 0px; } .createcorporate-modal .amount-page-box .close-btn { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 25px; height: 25px; padding: 0; display: flex; align-items: center; justify-content: center; margin-top: 7px; margin-left: 10px; } /* .createcorporate-modal .feesrate-box .all-service-content { height: 140px; overflow-x: hidden; overflow-y: auto; } */ .createcorporate-modal .feesrate-box .all-service-content::-webkit-scrollbar { display: none; } .corporate-dashboard .prposal-badge { border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; -o-border-radius: 2px !important; min-width: 112px; height: 22px; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .corporate-dashboard #corporate_sec table thead th:nth-child(7) { width: 400px !important; } .corporate-dashboard #proposals_sec table thead th:nth-child(2) { width: 200px !important; } .corporate-dashboard #proposals_sec table thead th:nth-child(3) { width: 300px !important; } .corporate-details-page .assign-content-card .fees-rates-badge { background: #35AE5E; min-width: 94px; height: 24px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 13px; margin-bottom: 0; margin-left: 15px; cursor: pointer; } .corporate-details-page .feesbadge-box .data-price .head-box { background: rgba(237, 236, 255, 0.3); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; text-align: center; padding: 7px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } .corporate-details-page .feesbadge-box .data-price .head-box span { color: #ffffff !important; } .corporate-details-page .feesbadge-box .data-price .price-body span { color: #ffffff !important; align-self: flex-start; } .corporate-details-page .feesbadge-box .data-price .price-body { /* height: 140px; overflow-y: auto; overflow-x: hidden; */ } .corporate-details-page .feesbadge-box .data-price .price-body::-webkit-scrollbar { display: none; } .corporate-details-page .feesbadge-box .data-price span:last-child { margin-left: auto; font-weight: 700; } .corporate-details-page .feesbadge-box .data-price span:first-child { display: inline-block; max-width: 100px; line-height: 17px; font-weight: 600; } .corporate-details-page .card { overflow: visible !important; } .corporate-details-page .feesbadge-box { position: relative; } .corporate-details-page .feesbadge-box .data-price { background: #1B1840; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; padding: 15px 11px; position: absolute; right: -200px; top: 40px; min-width: 270px; z-index: 1; } .corporate-details-page .feesbadge-box .data-price:before { content: ''; position: absolute; left: 18px; top: -9px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #1B1840; clear: both; } .corporate-details-page .ongoing-badge { background: #444BD3; color: #ffffff; } .assignment-list-page table.dataTable.nowrap td:nth-child(4) { width: 45% !important; white-space: pre-line; /* word-break: break-all; */ } .assignment-list-page table.dataTable thead>tr>th.sorting { padding-left: 20px; } .assignment-list-page table.dataTable.nowrap td:nth-child(5) { /* width: 40% !important; */ white-space: pre-line; } .assignment-list-page table.dataTable.nowrap td:nth-child(2) { width: 25% !important; white-space: pre-line; } .assignment-list-page table.dataTable.nowrap td:nth-child(3) { width: 25% !important; white-space: pre-line; } .assignment-list-page table.dataTable .content-assignment { max-width: 200px; } .assignment-list-page table.dataTable .content-assignment + button { border: 0; cursor: pointer; background: #3395ed; color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin-top: 10px; } .assignment-list table tbody tr td { border-bottom: 1px solid rgba(234, 236, 238, 0.7); border-top: 0px; padding: 20px; font-size: 13.5px; } .verify-complete table tbody tr td { border-bottom: 1px solid rgba(234, 236, 238, 0.7); border-top: 0px; padding: 20px; font-size: 13.5px; } /* Ends css Corporate details page */ /* Starts css Document Management page */ .document-management-page .main-heading-tile h1 { font-weight: 500; font-size: 28px; } .document-management-page .check-box { margin-bottom: 20px; } .document-management-page .check-box label { font-weight: 500; font-size: 14px; } .document-management-page .card { margin-bottom: 30px !important; } .document-management-page .main-heading-tile h1.font-20 { font-weight: 600; } .document-management-page .file-input { display: inline-block; text-align: left; background: #fff; padding: 5px; width: 100%; position: relative; border: 0.8px solid rgba(55, 62, 67, 0.3); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .document-management-page .file-input input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer; } .document-management-page .file-input .button { cursor: pointer; background: linear-gradient(0deg, rgba(225, 232, 237, 0.7) -29.69%, rgba(225, 232, 237, 0) 185.94%); font-size: 14px; color: #373e43; float: right; width: 112px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #DCDEE0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .document-management-page .file-input span.label { color: #6c6b80; line-height: 31px; background: transparent; } .document-management-page .select2-container .select2-selection.select2-selection--single { height: 42px; } .document-management-page .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 34px; } .document-management-page input[type=text] { height: 42px; } /* Ends css Document Management page */ .pay-btn { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; margin-left: 15px; width: 35px; background: #4C50E0; border: 0; cursor: pointer; } .Lawyers-Subscription-Chart table tbody th, .Lawyers-Subscription-Chart table tbody td { padding: 12px 12px; } .Lawyers-Subscription-Chart table thead th, .Lawyers-Subscription-Chart table thead td { padding: 10px 18px; border-bottom: 1px solid #111; } .Lawyers-Subscription-Chart table.dataTable.nowrap th, .Lawyers-Subscription-Chart table.dataTable.nowrap td { white-space: pre-line; word-break: break-word; } .modal-dialog.app-noti { max-width: 340px; } .modal-dialog.app-noti .modal-body { padding: 0; } .app-baneer-lk { overflow: hidden; } .lk-notification-sec { position: absolute; top: 67px; left: 39px; background: #ffffff; border-radius: 10px; padding: 10px; } .lk-notification-sec .lk-head { display: flex; align-items: center; margin-bottom: 15px; } .lk-notification-sec .lk-head span { font-size: 13px; font-weight: 600; color: #000000; } .lk-notification-sec .lk-head .logo { width: 25px; height: 25px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; margin-top: 0; margin-left: 0; margin-bottom: 0; margin-right: 8px; } .lk-notification-sec .lk-head .logo img { width: 100%; height: 100%; object-fit: cover; } .lk-notification-sec .lk-head img { margin-left: auto; width: 20px; } .lk-notification-sec .text-name p { font-size: 14px; font-weight: 500; color: #000000; margin-bottom: 5px; } .lk-notification-sec .text-message { max-width: 230px; } .lk-notification-sec .text-message p { font-size: 14px; font-weight: 400; margin-bottom: 0; } .lk-notification-sec .image-prev { margin-top: 10px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; overflow: hidden; max-width: 230px; } .lk-notification-sec .image-prev img { width: 100%; height: 100%; } .clear-all { display: flex; } .clear-all .clear-all-btn { border: 0; font-size: 12px; margin-top: 10px; padding: 0; margin-left: auto; } .clear-all .clear-all-btn:hover { border: 0; } .viewApiKeyModal p#viewHashKey { word-break: break-word; } .verify-complete table tbody td label { display: none; } .challans-details-page .assignments-info-sec.new .box { display: none; width: 70%; margin-left: 18px; background-color: #CCCCCC; } .challans-details-page .assignments-info-sec.new a.trigger:hover + .box, .challans-details-page .assignments-info-sec.new .box:hover{ display: block; z-index: 100; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); top: 0; left: 50%; right: 50%; } .challans-details-page .copy { background: #686868; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; min-height: 30px; min-width: 80px; display: flex; align-items: center; justify-content: center; margin-left: 10px; } .challans-details-page .copy img { width: 15px; height: 15px; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); } /* .challans-details-page .all-badge .completed-badge { background: #3b9f53; color: #ffffff; } .challans-details-page .all-badge .pending-badge { background: #E74C3C; color: #ffffff; } .challans-details-page .all-badge .ongoing-badge { background: #444BD3; color: #ffffff; } */ .challans-details-page .all-badge .success-badge { color: #fff; background-color: #28a745; } /* .challans-details-page .all-badge .completed-law-badge { background: #25A392; color: #ffffff; } */ /* .challans-details-page .all-badge .approved-badge { background: #047b1f; color: #ffffff; } */ .challans-details-page .all-badge .cancelled-badge { background: #dc3545; color: #ffffff; } .challans-details-page .all-badge .call-badge { background: #26cb44; color: #ffffff; } .challans-details-page .all-badge .rescheduled-badge { background: #0e73a9; color: #ffffff; } .pending-challans .completed-badge { background: #3b9f53; color: #ffffff; } .pending-challans .pending-badge { background: #E74C3C; color: #ffffff; } .pending-challans .ongoing-badge { background: #444BD3; color: #ffffff; } .pending-challans .success-badge { color: #fff; background-color: #28a745; } .pending-challans .completed-law-badge { background: #25A392; color: #ffffff; } .pending-challans .approved-badge { background: #047b1f; color: #ffffff; } .pending-challans .cancelled-badge { background: #dc3545; color: #ffffff; } .pending-challans .call-badge { background: #26cb44; color: #ffffff; } .pending-challans .rescheduled-badge { background: #0e73a9; color: #ffffff; } .dashboard-card .completed-badge { background: #3b9f53; color: #ffffff; } .dashboard-card .pending-badge { background: #E74C3C; color: #ffffff; } .dashboard-card .ongoing-badge { background: #444BD3; color: #ffffff; } .dashboard-card .success-badge { color: #fff; background-color: #28a745; } .dashboard-card .need-atten-badge { background: #D35400; color: #ffffff; } .dashboard-card .completed-law-badge { background: #25A392; color: #ffffff; } .dashboard-card .approved-badge { background: #047b1f; color: #ffffff; } .dashboard-card .cancelled-badge { background: #dc3545; color: #ffffff; } .dashboard-card .call-badge { background: #26cb44; color: #ffffff; } .dashboard-card .rescheduled-badge { background: #0e73a9; color: #ffffff; } .dashboard-card .total-challans { font-size: 18px; color:#000; padding-left: 5px; } .dashboard-card .wallet-balance .total-card .wallet-common-box { padding: 0 40px 0 0; margin-bottom: 0px; } .dashboard-card .total-card { text-align: center; } .dashboard-card .challan-corporate-listing { height: 500px !important; margin-bottom: 0 !important; } .dashboard-card .time-schedule .card.social-card p { padding: 6px 10px; } .dashboard-card .tab-pane { padding: 0 25px 0; } .font-medium { font-weight: 500; } .cursor-pointer { cursor: pointer; } .m-r-8 { margin-right: 8px; } .challans-details-page .re-upload { /* background: transparent; */ /* border-color: transparent; */ color: #0064bc; padding: 0; margin-left: 10px; width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .challans-details-page .re-upload .fa { margin-right: 0; color: #FFFFFF; } .challans-details-page .re-upload:hover, .challans-details-page .re-upload:active, .challans-details-page .re-upload:focus, .challans-details-page .re-upload:focus-visible { /* background-color: transparent !important; */ /* border-color: transparent !important; */ color: #0064bc !important; } .dataTables_wrapper .dataTables_processing { top: 0; } .challan-views-listing table tbody tr td:nth-child(4) { word-break: break-word; } .related-blogs { position: absolute; left: 0; right: 0; width: 100%; max-height: 320px; min-height: auto; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -ms-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -ms-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; background: #fff; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -ms-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -o-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; padding: 12px; z-index: 11; overflow-y: auto; overflow-x: hidden; } .related-blogs .fa-close { font-size: 12px; } .related-blogs ul li.col-md-6 { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; align-items: center; display: flex; line-height: 20px; } .related-blogs ul li.col-md-6 input { margin-right: 5px; } .related-blogs ul li { padding-right: 0 !important; padding-left: 0 !important; } .related-blogs ul li.col-md-6:last-child { margin-bottom: 0; } .related-blogs form .row [class*='col-']:last-child { padding-right: 0; padding-left: 0; } .related-blogs .cursor-pointer { border: 0; width: 22px; height: 22px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 10px; margin-left: auto; display: flex; align-items: center; justify-content: center; } @media (max-width: 1040px) { .challans-details-page .top-heading-tile > .d-flex { flex-direction: column; align-items: flex-start !important; } .challans-details-page .right-call-to-action { margin-left: initial !important; } } @media (max-width: 991px) { body.horizontal-menu-open .header { z-index: 1000; } .horizontal-menu-backdrop { background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; transition: opacity .3s ease; display: none; } .horizontal-app-menu .menu-bar { position: fixed; top: 0; bottom: 0; background-color: #fff; width: 270px; left: -270px; overflow-y: auto; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-perspective: 1000; flex-direction: column; z-index: 1; } .horizontal-app-menu .menu-bar.open { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -ms-transform: translate(100%, 0); } .horizontal-app-menu .menu-bar>ul { flex-flow: column nowrap; overflow-x: hidden; } .horizontal-app-menu .menu-bar>ul>li:first-child a, .horizontal-app-menu .menu-bar>ul>li:last-child a { padding-right: 32px !important; padding-left: 20px !important; } .horizontal-app-menu .menu-bar ul { width: 100%; } .horizontal-app-menu .menu-bar ul li { min-height: 45px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; } .horizontal-app-menu .menu-bar ul li>ul { padding: 0; overflow: hidden; margin-top: 6px; position: static; background: #fff; opacity: 1; padding: 12px 0 10px 10px; min-width: 0; left: 0; box-shadow: none; } .horizontal-app-menu .menu-bar ul li>ul:before { display: none; } .horizontal-app-menu .menu-bar ul li>ul>li { padding-left: 0; min-height: 40px; } .horizontal-app-menu .menu-bar ul li>ul>li>a { font-size: 13px; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 40px; } .horizontal-app-menu .menu-bar ul li a { font-family: Arial, sans-serif; display: inline-block; padding-left: 20px !important; padding-right: 32px !important; min-height: 40px; line-height: 40px; font-size: 14px; clear: both; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .horizontal-app-menu .menu-bar ul li a>.arrow { float: right; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.12s ease; transform-origin: 90% 50%; padding-left: 17px; } .horizontal-app-menu .menu-bar ul li a>.arrow.open { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .horizontal-app-menu .menu-bar ul li.active { border: none; } .horizontal-app-menu .menu-bar ul li.open ul li { opacity: 1; transform: none; } .horizontal-app-menu .menu-bar ul li.open>a { opacity: 1; transform: none; color: #fff; padding-left: 20px !important; } .horizontal-app-menu .menu-bar .search-link { background: rgba(98, 113, 130, 0.1); display: block; height: 54px; width: 100%; margin: 0; padding-left: 20px; padding-right: 20px; color: #627182; flex-shrink: 0; margin-top: auto; } .horizontal-app-menu .menu-bar .search-link i { margin: 0; } .horizontal-app-menu .menu-bar .toggle-sidebar { width: 35px; text-align: center; margin: 7px 10px 10px 8px; padding: 10px; } .horizontal-app-menu[data-pages-direction="slideRight"] { right: 0; } .horizontal-app-menu .header .header-sm-height { height: 100%; } .horizontal-app-menu .ghost-nav-dropdown { display: none; } .horizontal-app-menu .options { padding-left: 10px !important; } .sidebar-open nav.page-sidebar.visible { z-index: 100 !important; display: block !important; } a.desktop-nav-click { display: none; } .m-l-290:after { left: 0 !important; top: 6px !important; } .tbl-para-width100 { max-width: inherit; } .challans-details-page .top-heading-tile > .d-flex { flex-direction: column; align-items: flex-start !important; } .challans-details-page .top-heading-tile .right-call-to-action { flex-direction: column; align-items: flex-start !important; } .challans-details-page .right-call-to-action { margin-left: initial !important; } .challans-details-page .main-heading { margin-bottom: 10px; } .challans-details-page .top-head-sec { flex-direction: column; align-items: flex-start !important; } .assignment-details-page .card .assignments-info-sec .col-md-4 { flex: 0 0 50%; max-width: 50%; } .assignment-details-page .card .top-heading-tile .right-call-to-action button { margin-bottom: 10px; } .assignment-details-page .card .top-heading-tile h2.main-head { font-size: 24px; } .challans-details-page .top-head-sec .part-block span.font-18 { font-size: 16px !important; } .challans-details-page .copy { min-height: 28px; } .verify-complete .col-xl-12.col-top { padding-right: 0; padding-left: 0; } .challans-details-page .copy span { font-size: 12px !important; } .verify-complete table tbody td label { display: block; float: left; font-weight: bold; text-transform: uppercase; font-size: 13px; margin-bottom: 0; line-height: initial; } .verify-complete table tbody tr td { text-align: right; font-size: 13px; } .verify-complete .dataTables_wrapper .table tr td:last-child, .verify-complete .dataTables_wrapper .table.width-big-invoice tr th:last-child { width: auto !important; } .card.card-transparent.pending-challans { margin-bottom: 90px !important; } .verify-complete table tbody tr td:first-child { background: #ede9e9; } .dt-button-collection { width: 100% !important; overflow-y: scroll !important; height: 200px; } .assignment-details-page .card .assignments-info-sec { padding: 0 15px; } } @media (max-width: 1400px) { .header .brand.inline::after { top: -7px !important; } } @media (max-width: 1199px) { .firms-list { left: -140px !important; padding: 20px 20px 20px 20px !important; } .firms-list-canvas { left: 0 !important; z-index: 9999 !important; } .firms-list-btn { top: 70px !important; left: auto !important; right: -20px !important; } .firms-list-btn a { padding: 6px 35px 6px 20px !important; } .breadcrumb { padding: 15px 45px 15px 0 !important; } /* .sidebar-open .page-sidebar { left: 0; } */ } @media (min-width: 980px) { .horizontal-menu .page-content { margin-left: 0; } .horizontal-menu .page-content .content { padding-top: 123px; } } /* Secondary App Menu */ .inner-content { margin-top: 0px; padding: 0px; overflow: auto; min-height: 100%; margin-left: 250px; } .toggle-secondary-sidebar { display: none; } .secondary-sidebar { background: #1e2835; width: 250px; float: left; padding-left: 47px; height: 100%; position: fixed; padding: 20px 0; } .secondary-sidebar.not-fixed { position: inherit; } .secondary-sidebar.open { position: fixed; visibility: hidden; display: block; } .secondary-sidebar .btn-compose { font-family: 'Montserrat'; font-size: 13px; font-weight: normal; letter-spacing: 0.02em; text-transform: uppercase; } .secondary-sidebar .menu-title { color: rgba(98, 113, 130, 0.7); font-size: 10.8px; font-family: 'Montserrat'; font-weight: normal; letter-spacing: 0.03em; } .secondary-sidebar .menu-title { padding-left: 30px; } .secondary-sidebar>ul>li { padding-left: 0; } .secondary-sidebar ul li a { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 30px; padding-right: 30px; } .secondary-sidebar ul li a>.icon-thumbnail { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; width: auto; line-height: auto; } .secondary-sidebar ul li a>.icon-thumbnail>svg { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .secondary-sidebar ul li a.active { color: #373e43; } .secondary-sidebar ul li a>.title { width: 100%; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .secondary-sidebar ul li a>.title:after { display: none; } .secondary-sidebar ul li a>.badge { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .secondary-sidebar ul li a>.arrow:before { float: right; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; -webkit-transition: all 0.12s ease; transition: all 0.12s ease; } .secondary-sidebar ul li ul { margin: 0; padding-top: 7px; padding-bottom: 5px; padding-left: 7px; } .secondary-sidebar ul li ul li { padding: 0; margin-bottom: 9px; margin-top: 5px; } .secondary-sidebar ul li.open>a { color: #373e43; } .secondary-sidebar ul li.open>a .arrow:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .secondary-sidebar ul li.open>ul { display: block; } .secondary-sidebar ul li>ul { display: none; } .secondary-sidebar .main-menu { padding-left: 0; } .secondary-sidebar .main-menu>li { list-style: none; } .secondary-sidebar .main-menu>li.active>a { color: #00e8ba; } .secondary-sidebar .main-menu>li.active>a:hover { color: #00e8ba; } .secondary-sidebar .main-menu>li.active>a>.title { position: relative; } .secondary-sidebar .main-menu>li.active>a>.title:after { background: #00e8ba; border-radius: 50%; content: ""; height: 7px; position: absolute; right: -14px; top: 6.5px; width: 7px; } .secondary-sidebar .main-menu>li a { font-size: 14px; color: #627182; line-height: 37px; } .secondary-sidebar .main-menu>li a:hover { color: #fff; } .secondary-sidebar .main-menu>li a>.title i { margin-right: 6px; opacity: .9; } .secondary-sidebar .sub-menu { margin-left: 23px; } .secondary-sidebar .sub-menu li { list-style: none; padding: 0; } .secondary-sidebar .sub-menu li.active a { color: #fff !important; } .secondary-sidebar .sub-menu li a { color: rgba(98, 113, 130, 0.89); line-height: 25px; } .secondary-sidebar .sub-menu li a:hover { color: #fff; } .secondary-sidebar .sub-menu li a .badge, .secondary-sidebar .main-menu li a .badge { background: transparent; font-size: 13px; color: #627182; line-height: 25px; } .secondary-sidebar.light { background-color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.07); } .secondary-sidebar.light .menu-title { color: rgba(98, 113, 130, 0.6); opacity: 1; } .secondary-sidebar.light .icon-thumbnail { background-color: transparent; } .secondary-sidebar.light .main-menu li a:hover { color: #373e43; } .secondary-sidebar.light .main-menu li.active>a { color: #373e43; } .secondary-sidebar.light .sub-menu { margin-top: 5px; } .secondary-sidebar.light .sub-menu li.active a { color: #373e43 !important; } .secondary-sidebar.light .sub-menu li a { color: rgba(98, 113, 130, 0.6); } .secondary-sidebar.light .sub-menu li a:hover { color: #373e43; } /* Header ------------------------------------ */ .header { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; width: 100%; padding: 0 20px 0 0; z-index: 800; background-color: #fff; border-bottom: 1px solid rgba(234, 236, 238, 0.7); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header a { color: #7a8994; position: relative; } .header a:hover, .header a:active, .header a:focus { color: #7a8994; } .header .header-inner { height: inherit; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header.transparent { background-color: transparent !important; } .header .brand { vertical-align: middle; width: 280px; text-align: center; } .header .bubble { border-radius: 100%; height: 12px; width: 12px; background-color: #ea2c54; color: #fff; position: absolute; top: -6px; float: right; right: -5px; } .header .notification-list { display: inline-block; line-height: 23px; } .header .search-link { display: inline-block; margin-left: 15px; color: #7a8994; opacity: .7; font-size: 14px; vertical-align: middle; line-height: 12px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } .header .search-link i { margin-right: 15px; font-size: 16px; vertical-align: middle; } .header .search-link:hover { opacity: 1; } .header .pg { font-size: 16px; } .header ul li { line-height: 12px; vertical-align: middle; } .header .dropdown { line-height: 12px; } .header .dropdown-menu { margin-top: 21px; } /* Bootstrap navbar ------------------------------------ */ .navbar { min-height: 50px; position: relative; margin-bottom: 20px; border: 1px solid transparent; top: -1px; } .navbar-nav>li>a { position: relative; display: block; padding: 10px 15px; padding-top: 20px; padding-bottom: 20px; } .nav>li>a { padding: 10px 15px; } .navbar-default { background-color: #fff; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-default .navbar-nav>.active>a:focus { background-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-default .navbar-nav>.active>a:focus { background-color: transparent; } .navbar-toggle { border-radius: 0; background-color: transparent !important; } .navbar-default .navbar-nav>li>a { color: #7a8994; } .nav-collapse.collapse { height: 100% !important; } .navbar-center, .navbar-center>li { float: none; display: inline-block; *display: inline; /* ie7 fix */ *zoom: 1; /* hasLayout ie7 trigger */ vertical-align: top; } .navbar-nav li a { min-width: 50px; } /* Header Responsive Classes ------------------------------------ */ @media only screen and (min-width: 980px) { body.menu-pin .header .brand { width: 245px; } body.menu-behind .header .brand { width: 200px; text-align: left; padding-left: 20px; } body.box-layout { background-color: #fff; } body.box-layout>.container, body.box-layout>.full-height>.container { height: 100%; padding: 0; background-color: #f6f9fa; } body.box-layout .header { background-color: transparent; border: 0; padding: 0; } body.box-layout .header>.container { background-color: #fff; border-bottom: 1px solid rgba(230, 230, 230, 0.7); padding: 0 20px 0 0; height: 100%; } .header .brand { position: relative; } .header .user-info-wrapper .user-details .user-name { font-size: 16px; } .header .user-info-wrapper .user-details .user-other { font-size: 10px; } .header .user-info-wrapper .user-pic { position: relative; top: -6px; } .notification-panel { width: 400px; } } @media (max-width: 991px) { body.box-layout .header>.container { padding: 0; } body.box-layout .header>.container .pull-right .sm-action-bar { right: 0; } body.horizontal-app-menu .header>.container { padding: 0; } .header { padding: 0 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .header .header-inner { text-align: center; } .header .header-inner .mark-email { left: 45px; position: absolute; top: 23px; } .header .header-inner .quickview-link { position: absolute; right: 0; top: 12px; } .header .brand { width: auto; } .header>.pull-left, .header>.pull-right { position: relative; } .header>.pull-right .sm-action-bar { right: 0; } } .windows .header .search-link { font-size: 15px; } /* Breadcrumbs ------------------------------------ */ .breadcrumb { font-family: 'Montserrat'; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; background-color: transparent; padding: 15px 0; margin: 0; border: none; text-transform: uppercase; } .breadcrumb.breadcrumb-alt { padding: 8px 0; text-transform: none; } .breadcrumb.breadcrumb-alt a { letter-spacing: normal; color: #000; font-size: 12px !important; } .breadcrumb.breadcrumb-alt>.breadcrumb-item, .breadcrumb.breadcrumb-alt>.breadcrumb-item.active { letter-spacing: normal; opacity: .46; color: #000; font-size: 12px !important; } .breadcrumb a { margin-left: 5px; margin-right: 5px; font-size: 10.5px !important; letter-spacing: 0.06em; font-weight: 500; color: #7b7d82; } .breadcrumb .breadcrumb-item { float: left; padding-left: 0px; } .breadcrumb>.breadcrumb-item+.breadcrumb-item:before { padding: 0 5px; color: #515050; font-family: FontAwesome; content: "\f105"; font-size: 12px; font-weight: bold; } .breadcrumb>.breadcrumb-item.active { font-weight: 500; color: #0090d9; margin-left: 5px; margin-right: 5px; font-size: 10.5px !important; letter-spacing: 0.06em; } .breadcrumb>.breadcrumb-item.active:before { padding-right: 10px; } /* Main Menu Sidebar ------------------------------------ */ body.mobile .sidebar-menu { overflow: scroll; -webkit-overflow-scrolling: touch; } body.mobile .sidebar-menu>ul { height: auto !important; overflow: visible !important; -webkit-overflow-scrolling: touch !important; } body.mobile .page-sidebar .sidebar-menu .menu-items li:hover a { color: #627182; } body.mobile .page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail { color: #627182 !important; } body.mobile .page-sidebar .sidebar-menu .menu-items li.active>a, body.mobile .page-sidebar .sidebar-menu .menu-items li.open>a { color: #fff; } body.mobile .page-sidebar .sidebar-menu .menu-items li.active>.icon-thumbnail, body.mobile .page-sidebar .sidebar-menu .menu-items li.open>.icon-thumbnail { color: #fff; } body.mobile .drager { overflow: auto; -webkit-overflow-scrolling: touch; } body.sidebar-visible .page-sidebar .scroll-element { visibility: visible; } body.sidebar-visible .page-sidebar .menu-items .icon-thumbnail { -webkit-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); -ms-transform: translate(-14px, 0); } body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0); -ms-transform: translate(48px, 0); } .page-sidebar { width: 250px; background-color: #fff; z-index: 1000; left: -210px; position: fixed; bottom: 0; top: 0; right: auto; overflow: hidden; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); -moz-transition: -moz-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); -o-transition: -o-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .page-sidebar a, .page-sidebar button { color: #627182; } .page-sidebar a:hover, .page-sidebar button:hover, .page-sidebar a:active, .page-sidebar button:active { color: #000; background-color: transparent !important; } .page-sidebar a:hover:focus, .page-sidebar button:hover:focus, .page-sidebar a:active:focus, .page-sidebar button:active:focus { color: #000; } .page-sidebar a:visited, .page-sidebar button:visited, .page-sidebar a:focus, .page-sidebar button:focus { color: #627182; } .page-sidebar button.sidebar-slide-toggle.active { color: #627182; } .page-sidebar button.sidebar-slide-toggle.active:focus { background: transparent; } .page-sidebar .scroll-element { visibility: hidden; } .page-sidebar .sidebar-header { /* Side-bar header */ display: block; height: 60px; line-height: 60px; background-color: #fff; border-bottom: 1px solid #e6e6e6; color: #fff; width: 100%; padding: 0 20px; padding-left: 30px; clear: both; z-index: 10; position: relative; } .page-sidebar .sidebar-header .sidebar-header-controls { display: inline-block; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99); transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99); -webkit-backface-visibility: hidden; } .page-sidebar .sidebar-header .sidebar-slide-toggle i { -webkit-transition: all 0.12s ease; transition: all 0.12s ease; } .page-sidebar .sidebar-header .sidebar-slide-toggle.active i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .page-sidebar .close-sidebar { position: absolute; right: 19px; top: 14px; padding: 9px; z-index: 1; } .page-sidebar .close-sidebar>i { color: rgba(255, 255, 255, 0.57); } .page-sidebar .sidebar-overlay-slide { /* Side-bar Top Slider */ width: 100%; height: 100%; background-color: #fff; display: block; z-index: 9; padding: 80px 20px 20px 20px; } .page-sidebar .sidebar-overlay-slide.from-top { top: -100%; position: absolute; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .page-sidebar .sidebar-overlay-slide.from-top.show { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .page-sidebar .sidebar-menu { /* Side-bar Menu */ height: calc(100% - 50px); position: relative; width: 100%; } .page-sidebar .sidebar-menu .outer-tab-nav-section { display: inline-block; width: 45px; position: absolute; height: 100%; background-color: #0aa699 !important; } .page-sidebar .sidebar-menu .menu-items { /* Side-bar Menut Items */ list-style: none; margin: 0; padding: 0; position: relative; overflow: auto; -webkit-overflow-scrolling: touch; height: calc(100% - 10px); width: 100%; } .page-sidebar .sidebar-menu .menu-items li:hover>.icon-thumbnail, .page-sidebar .sidebar-menu .menu-items li.open>.icon-thumbnail, .page-sidebar .sidebar-menu .menu-items li.active>.icon-thumbnail { color: #000; } .page-sidebar .sidebar-menu .menu-items li:hover>a, .page-sidebar .sidebar-menu .menu-items li.open>a, .page-sidebar .sidebar-menu .menu-items li.active>a { color: #000; } .page-sidebar .sidebar-menu .menu-items li>a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 65%; } .page-sidebar .sidebar-menu .menu-items>li { display: block; padding: 0; clear: right; } .page-sidebar .sidebar-menu .menu-items>li:after, .page-sidebar .sidebar-menu .menu-items>li:before { display: table; content: " "; clear: both; } .page-sidebar .sidebar-menu .menu-items>li>a { font-family: Arial, sans-serif; display: inline-block; padding-left: 32px; min-height: 40px; line-height: 40px; font-size: 14px; clear: both; } .page-sidebar .sidebar-menu .menu-items>li>a.open { background: #313131; } .page-sidebar .sidebar-menu .menu-items>li>a>.arrow { float: right; padding-right: 30px; } .page-sidebar .sidebar-menu .menu-items>li>a>.arrow:before { float: right; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; -webkit-transition: all 0.12s ease; transition: all 0.12s ease; } .page-sidebar .sidebar-menu .menu-items>li>a>.arrow.open:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .page-sidebar .sidebar-menu .menu-items>li>a>.badge { margin-top: 12px; } .page-sidebar .sidebar-menu .menu-items>li>a>.title { float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 70%; } .page-sidebar .sidebar-menu .menu-items>li>a>.details { font-size: 12px; opacity: 0.4; display: block; clear: both; } .page-sidebar .sidebar-menu .menu-items>li>a.detailed>.title { line-height: 28px; } .page-sidebar .sidebar-menu .menu-items>li>a.detailed>.details { line-height: 16px; } .page-sidebar .sidebar-menu .menu-items>li.active>ul.sub-menu { display: block; } .page-sidebar .sidebar-menu .menu-items>li>.icon-thumbnail:first-letter { text-transform: uppercase; } .page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu li { padding-left: 10px; padding-right: 3px; } .page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu .icon-thumbnail { width: 25px; height: 25px; line-height: 25px; font-size: 10px; } .page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu li>a>.arrow:before { float: right; margin-top: 1px; margin-right: 20px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; -webkit-transition: all 0.12s ease; transition: all 0.12s ease; } .page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu li>a>.arrow.open:before { float: right; margin-top: 1px; margin-right: 18px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: 300; text-shadow: none; } .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu { display: none; list-style: none; clear: both; margin: 0 0 10px 0; background-color: #fff; padding: 18px 0 10px 0; } .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li { background: none; padding: 0px 20px 0 40px; margin-top: 1px; } .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li:hover>.icon-thumbnail { color: #000; } .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li>a { display: inline-block; padding: 5px 0px; font-size: 13px; font-family: Arial, sans-serif; white-space: normal; } .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li .icon-thumbnail { width: 30px; height: 30px; line-height: 30px; margin: 0; background-color: #fff; font-size: 14px; } .page-sidebar .sidebar-menu .muted { color: #576775; opacity: .45; } .page-sidebar .icon-thumbnail [class^="bg-"], .page-sidebar [class*="bg-"] { color: #fff; } [data-toggle-pin="sidebar"]>i:before { content: "\f10c"; } /* Sidebar icon holder ------------------------------------ */ .icon-thumbnail { display: inline-block; background: #fff; height: 40px; width: 40px; line-height: 40px; text-align: center; vertical-align: middle; position: relative; left: 0; float: right; margin-right: 14px; color: #627182; font-size: 16px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99); transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: bold; } .icon-thumbnail>i { font-size: 14px; } .icon-thumbnail>svg { width: auto; height: auto; display: inline; } /* Starts on Css 12-12-19 */ .show-monthly-statistics .dataTables_wrapper .table tr th:last-child { width: 10% !important; } .show-monthly-statistics .table thead tr th { color: #fff !important; } .show-monthly-statistics .table.table-striped tbody tr:nth-child(2n+1) td { background: rgba(0, 0, 0, .05) !important; } .show-monthly-statistics .dataTables_wrapper .table thead th:nth-child(1) { width: 22% !important; } /* .dataTables_filter, .dataTables_info { display: none; } */ .show-monthly-statistics .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05); } .resources-table { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .card-body.mapcard { height: 800px; } .lwk-profiles { position: absolute; right: 60px; top: 19px; } .modal-dialog.app-banner .modal-body { padding: 0; } .modal-dialog.app-banner { max-width: 340px; } .app-banner-poster img {} .enquiryTabContent { overflow-x: auto !important; } div.all-dotted-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; } div.all-individual-dotted-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; } .inquiry-listing .dataTables_wrapper .table1 tbody tr td .text-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; } .wrap-lead-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; } .app-banner-header h5 { position: relative; top: -18px; } .app-banner-poster { /* background: url('/../frontend/images/app-banner.png') no-repeat top left; */ /* background-size: 100% auto; */ width: 320px; height: 583px; overflow: hidden; } .app-banner-poster p { width: 230px; position: absolute; top: 90px; left: 40px; border: 0; text-align: center; font-size: 24px !important; line-height: 30px; padding: 0 10px; min-height: 320px; color: #fff; overflow: auto; } .custom-banner { position: absolute; top: 77px; left: 42px; } .custom-banner img.img-fluid { width: 235px !important; height: 400px !important; } /* .app-banner-poster .form-group { position: relative; } */ .firm-type-others-daily-report a { border-bottom: 1px solid #ccc; margin-bottom: 15px; } .firm-type-others-daily-report p { font-weight: bold; margin-bottom: 5px; } .top-cases-report .common-heading { position: relative; } .top-cases-report .common-heading button { position: absolute; right: 0; right: 15px; top: 8px; } /* Starts on Css 12-12-19 */ .btn-abs { top: 10px; right: 0; } /* Strats on Css 10/02/2020 */ .lawyers-add .tabDiv1.activate-panal-member table.dataTable thead th:nth-child(5), .activate-panal-member table.dataTable thead td:nth-child(5) { width: 100px !important; } .lawyers-add .tabDiv1.activate-panal-member table.dataTable thead th:nth-child(6), .activate-panal-member table.dataTable thead td:nth-child(6) { width: 180px !important; } .lawyers-add .tabDiv2 table.dataTable thead th:nth-child(3), .tabDiv2 table.dataTable thead td:nth-child(3) { width: 60px !important; } .lawyers-add .tabDiv2 table.dataTable thead th:nth-child(6), .tabDiv2 table.dataTable thead td:nth-child(6) { width: 200px !important; } .lawyers-add .tabDiv2 table.dataTable tbody td { padding: 4px; } .lawyers-add .demo-table-search th:nth-child(6) { width: 120px !important; } .lawyers-add .demo-table-search tbody td p .fa { margin-right: 3px; font-size: 14px; } .lawyers-add .tabDiv1.activate-panal-member table.dataTable tbody .fa.fa-check-circle-o, .lawyers-add .tabDiv2 .table-responsive-block tbody .fa.fa-check-circle-o { font-size: 14px; } /* Ends on Css 10/02/2020 */ /* Sidebar Responsive Classes ------------------------------------ */ @media only screen and (max-width: 1440px) { .card-body .dataTables_wrapper table .btn { padding: 5px 10px; margin-bottom: 5px; } } @media only screen and (max-width: 1400px) { .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu { bottom: 50px; } .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets { display: none; } } @media only screen and (min-width: 980px) { body.ie9.menu-pin .page-sidebar { transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; } body.menu-pin [data-toggle-pin="sidebar"]>i:before { content: "\f192"; } body.menu-pin .page-sidebar { transform: translate(210px, 0) !important; -webkit-transform: translate(210px, 0) !important; -ms-transform: translate(210px, 0) !important; } body.menu-pin .page-sidebar { width: 250px; } body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } body.menu-pin .page-sidebar .menu-items .icon-thumbnail { -webkit-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); -ms-transform: translate(-14px, 0); } body.menu-behind .page-sidebar { z-index: 799; } body.box-layout .page-sidebar { left: auto; transform: none !important; -webkit-transform: none !important; } } @media (max-width: 991px) { .page-sidebar { width: 250px; z-index: auto; left: 0 !important; -webkit-transform: translate3d(0, 0px, 0px) !important; transform: translate3d(0, 0px, 0px) !important; } .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li { padding: 0px 30px 0 36px; } .icon-thumbnail { margin-right: 24px; } .page-sidebar { display: none; z-index: auto; } .page-sidebar.visible { display: block; } .page-sidebar .page-sidebar-inner { z-index: 1; left: 0 !important; width: 260px; } .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu { overflow: scroll; -webkit-overflow-scrolling: touch; top: 40px; bottom: 0; } .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul>li>a>.badge { display: inline-block; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .page-sidebar .sidebar-menu .menu-items ul { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .page-sidebar .sidebar-menu .menu-items>li>a { padding-left: 27px; } .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li { padding: 0px 27px 0 31px; } } @media (max-width: 991px) { .sidebar-menu .icon-thumbnail { margin-right: 15px; } } @media (max-width: 767px) { .page-sidebar .sidebar-header { padding: 0 12px; } .page-sidebar .sidebar-menu .menu-items>li>a { padding-left: 20px; } .page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li { padding: 0px 25px 0 28px; } .all-cases-month .col-20 { flex: 0 0 50% !important; margin-bottom: 15px; margin-left: 2%; max-width: 48% !important; } .nav-tabs~.tab-content { overflow: hidden; padding: 15px 0; } .accordion.ui-accordion { margin-bottom: 15px; } .firms-list-btn { top: 60px !important; } .assignment-details-page .card .top-heading-tile .right-call-to-action button { width: 100%; max-width: 100% !important; } .verify-complete div.dataTables_wrapper div.dataTables_paginate { margin-bottom: 15px !important; } } @media (max-width: 480px) { body .header .header-inner .toggle-secondary-sidebar { font-size: 16px; top: 12px; } .page-sidebar .sidebar-header { height: 48px; line-height: 48px; } .card-header .pull-right { float: none !important; text-align: center; } .header .m-l-290 { margin-left: 0; } .card-header .card-title { display: table !important; margin: 0 auto !important; } .verify-complete .wallet-balance .head-block + .d-flex { flex-direction: column; align-items: flex-start !important; margin-top: 15px; } .verify-complete .tab-pane { padding: 25px 0 0; } .verify-complete .wallet-balance { padding-left: 25px; } .verify-complete .wallet-balance .head-block + .d-flex .wallet-common-box { padding: 0; display: flex; align-items: center; gap: 5px; } .verify-complete .wallet-balance .head-block + .d-flex .wallet-common-box .d-flex.align-items-center { min-width: 80px; } .verify-complete .tab-pane > .d-flex { flex-direction: column; align-items: flex-start !important; } .verify-complete .wallet-balance + .ml-auto { width: 90%; display: flex; margin-left: auto !important; margin-right: auto !important; } .verify-complete .wallet-balance + .ml-auto .dateFilter { width: 100%; } .verify-complete .common-heading.no-margin { margin: 0 !important; } .dashboard-card .txt-div { margin-bottom: 0; } } @media (max-width: 479px) { .d-flex.header-top-menu { display: none !important; } } @media (max-width: 360px) { .all-cases-month .col-20 { flex: 0 0 100% !important; margin-bottom: 10px; margin-left: 0; max-width: 100% !important; } .time-schedule b { font-size: 12px; } .card-header .card-title h5 { font-size: 16px; } .card.card-borderless { border: 1px solid rgba(0, 0, 0, 0.125); } .nav-tabs~.tab-content { overflow: hidden; padding: 15px 0; } } /* END Sidebar ------------------------------------ */ /* Overlay Search ------------------------------------ */ .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); z-index: 1010; padding-left: 64px; overflow: auto; } .overlay .inline-block { display: inline-block; } .overlay .overlay-brand { margin-left: 7px; } .overlay>div { width: 100%; height: 260px; display: block; overflow: hidden; } .overlay .has-results { overflow: visible; } .overlay .overlay-search { font-weight: 700; font-size: 77px; height: 100px; letter-spacing: -1.925px; line-height: 100px; width: 100%; padding-left: 0 !important; } .overlay .overlay-close { position: absolute; right: 20px; top: 5px; } /* Quick View ------------------------------------ */ .quickview-wrapper { position: fixed; right: -285px; top: 0; width: 285px; background: #fff; bottom: 0; z-index: 1000; box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); border-left: 1px solid rgba(222, 227, 231, 0.56); -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-perspective: 1000; } .quickview-wrapper.open { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); } .quickview-wrapper .quickview-toggle { position: absolute; right: 12px; top: 2px; color: #627182; padding: 6px; opacity: 0.4; } .quickview-wrapper .quickview-toggle:hover { opacity: 1; } .quickview-wrapper .nav-tabs { /* Quickview Tabs */ background-color: #fff; position: relative; padding: 0 43px; } .quickview-wrapper .nav-tabs>li>a { padding: 11px; color: #627182; border: 0; text-align: center; font-size: 11px; font-weight: bold; min-width: 62px; line-height: 1.4; } .quickview-wrapper .nav-tabs>li>a>span { opacity: 0.6; } .quickview-wrapper .nav-tabs>li>a:hover>span { color: #627182; opacity: 1; } .quickview-wrapper .nav-tabs>li>a.active:hover, .quickview-wrapper .nav-tabs>li>a.active:focus { background: transparent; color: #c5cad1; opacity: 1; } .quickview-wrapper .nav-tabs>li.active>a, .quickview-wrapper .nav-tabs>li.active>a:hover, .quickview-wrapper .nav-tabs>li.active>a:focus { background-color: transparent; border: 0; color: #c5cad1; opacity: 1; } .quickview-wrapper .nav-tabs~.tab-content { position: absolute; padding: 0; left: 0; right: 0; top: 38px; bottom: 0; height: auto; } .quickview-wrapper .nav-tabs~.tab-content>div { height: 100%; } .quickview-wrapper .nav-tabs~.tab-content ul { margin: 0; padding: 0; } .quickview-wrapper .nav-tabs~.tab-content ul li { list-style: none; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes { /* Quickview Notes */ background: #fbf9e3; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes a, .quickview-wrapper .nav-tabs~.tab-content .quickview-notes button { color: #968974; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list { position: relative; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list .toolbar { height: 50px; padding: 0 25px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list .toolbar ul { margin-top: 10px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list .toolbar ul>li { display: inline-block; height: auto; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list .toolbar ul>li a { height: 22px; line-height: 22px; display: block; padding: 0 5px; font-size: 14px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list .toolbar ul>li a:hover, .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list .toolbar ul>li a.selected { background: #968974; color: #FBF9E3; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list .toolbar .btn-remove-notes { background: transparent; bottom: 8px; display: block; left: 50%; margin-left: -40%; position: absolute; width: 83%; border: 1px solid #968974; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul { padding: 0; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul li { cursor: pointer; height: 42px; padding: 0 25px; display: block; clear: both; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul li .left { float: left; width: 65%; height: 100%; padding-top: 9px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul li .left .checkbox { display: none; float: left; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul li .left .checkbox label { margin-right: 0; vertical-align: text-top; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul li .left p { margin: 0; font-size: 13px; font-weight: bold; width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; display: inline-block; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul li .right { font-size: 10.5px; text-align: right; width: 35%; line-height: 41px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul li .right .date { margin-right: 10px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .list>ul li:hover { background: #f4ecd1; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note { /* Quickview Note */ background-image: url('../../img/notes_lines.png'); background-repeat: repeat-y; background-position: 27px top; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note>div { display: table; height: 100%; width: 100%; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .toolbar { background: #fcfcfa; height: 35px; width: 100%; display: table-row; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.33); } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .toolbar>li { display: inline-block; border-right: 1px solid #EDECEC; float: left; line-height: 37px; padding: 0; text-align: center; width: 40px; height: auto; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .toolbar>li>a { color: #a5a5a5; display: block; font-size: 14px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .toolbar>li>a:hover { background: #fffaf6; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .toolbar>li>a.active { color: #333; background: #f9f1ea; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .toolbar:after { position: absolute; content: ""; width: 100%; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body { display: table-row; height: 100%; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body>div { display: table; height: 100%; width: 100%; padding: 0 20px 0 45px; white-space: normal; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .top { height: 50px; display: table-row; clear: both; line-height: 50px; text-align: center; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .top>a { float: left; color: #b0b0a8; margin-left: 10px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .top>span { font-style: italic; color: #b0b0a8; font-size: 11px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .content { display: table-row; height: 100%; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .content form { height: 100%; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .content .quick-note-editor { font-size: 12px; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .content .quick-note-editor:focus { outline: none; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .content .quick-note-editor::-moz-selection { background: #fef8ae; } .quickview-wrapper .nav-tabs~.tab-content .quickview-notes .note .body .content .quick-note-editor::selection { background: #fef8ae; } /* Pages Scroll bar ------------------------------------ */ .scroll { position: relative; overflow: auto; } .scroll-wrapper>.scroll-element, .scroll-wrapper>.scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scroll-wrapper>.scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scroll-wrapper>.scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scroll-wrapper>.scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 4px; } .scroll-wrapper>.scroll-element .scroll-element_outer { opacity: 0.3; } .scroll-wrapper>.scroll-element .scroll-element_size { background-color: rgba(0, 0, 0, 0.07); opacity: 0; } .scroll-wrapper>.scroll-element .scroll-bar { background-color: #697686; } .scroll-wrapper>.scroll-element.scroll-x .scroll-bar { bottom: 0; height: 4px; min-width: 24px; top: auto; } .scroll-wrapper>.scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; transition: height 0.2s; } .scroll-wrapper>.scroll-element.scroll-x .scroll-element_size { left: -4px; } .scroll-wrapper>.scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 4px; } .scroll-wrapper>.scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: all 0.2s; transition: all 0.2s; } .scroll-wrapper>.scroll-element.scroll-y .scroll-element_size { top: -4px; } .scroll-wrapper>.scroll-content { box-sizing: inherit !important; } .scroll-wrapper.auto-hide>.scroll-element .scroll-element_track { display: none; } .scroll-wrapper>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scroll-wrapper>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scroll-wrapper>.scroll-element:hover .scroll-element_outer, .scroll-wrapper>.scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scroll-wrapper>.scroll-element:hover .scroll-element_outer .scroll-element_size, .scroll-wrapper>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scroll-wrapper>.scroll-element:hover .scroll-element_outer .scroll-bar, .scroll-wrapper>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; } .scroll-wrapper>.scroll-element.scroll-x:hover .scroll-element_outer, .scroll-wrapper>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 10px; min-height: 7px; } .scroll-wrapper>.scroll-element.scroll-y:hover .scroll-element_outer, .scroll-wrapper>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 7px; } /*------------------------------------------------------------------ [5. Typography] */ /* Standard elements -------------------------------------------------- */ html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { color: #7a8994; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0.01em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-feature-settings: "kern"1; -moz-font-feature-settings: "kern"1; } /* Headings ------------------------------------ */ h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: 300; color: #373e43; } h1 { font-size: 44px; line-height: 55px; letter-spacing: -0.08px; } h2 { font-size: 31px; line-height: 40px; } h3 { font-size: 27px; line-height: 35px; } h4 { font-size: 22px; line-height: 31.88px; } h5 { font-size: 18px; line-height: 25.88px; } h3 small, h4 small, h5 small { font-weight: 300; } h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { padding-bottom: 10px; } /* Lins and Others ------------------------------------ */ a { text-shadow: none !important; color: #0064bc; transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important; font-size: 14px; } a .hint-text { color: #0064bc !important; opacity: 1 !important; } a:focus, a:hover, a:active { color: #007be8; } a, a:focus, a:hover, a:active { outline: 0 !important; text-decoration: none; } a[ng-click] { cursor: pointer; } br { line-height: normal; clear: both; } code { color: #be2444; background-color: #f2f4f5; } code:hover { background-color: #fbd5dd; } p { display: block; font-size: 14px; font-weight: normal; letter-spacing: 0.01em; line-height: 22px; margin: 0px 0px 10px 0px; font-style: normal; white-space: normal; } small, .small { line-height: 18px; font-size: 85%; } label.inline { display: inline-block; position: relative; top: 0px; font-size: 13px; } ul, ol { margin-bottom: 10px; } ul>li, ol>li { padding-left: 3px; line-height: 24px; } ul.lg-icon>li, ol.lg-icon>li { font-size: 21px; } ul.lg-icon>li span, ol.lg-icon>li span { font-size: 14px; } ul.no-style, ol.no-style { list-style: none; padding-left: 5px; } address { margin-bottom: 0px; } address a { color: #7a8994; } blockquote { padding: 0 0 0 18px; border-left: 0; } blockquote:before { content: ''; font-family: FontAwesome; content: "\f10d"; margin-right: 13px; float: left; } blockquote p { font-size: 16px; } blockquote small { line-height: 29px; color: #8b91a0; padding-left: 30px; } blockquote small:before { content: ""; } blockquote.pull-right { border-right: 0; } blockquote.pull-right:before { float: right; content: ''; font-family: FontAwesome; content: "\f10d"; margin-left: 13px; margin-right: 0; } blockquote.pull-right small { padding-right: 30px; } blockquote.pull-right small:after { content: ""; } hr { border-color: #eaecee; } hr.double { border-width: 2px; } hr.dotted { border-style: dotted none none; } /* Font Sizes ------------------------------------ */ .small-text { font-size: 12px !important; } .normal-text { font-size: 13px !important; } .large-text { font-size: 15px !important; } /* Font Weights ------------------------------------ */ .normal { font-weight: normal; } .semi-bold { font-weight: 400 !important; } .bold { font-weight: bold !important; } .light { font-weight: 300 !important; } /* Misc ------------------------------------ */ .logo { margin: 18px 14px; } .all-caps { text-transform: uppercase; } .muted { color: #ffffff; } .hint-text { opacity: .7; } .no-decoration { text-decoration: none !important; } /* Monochrome Colors ------------------------------------ */ .bg-master { background-color: #7a8994; } .bg-master-light { background-color: #eaecee; } .bg-master-lighter { background-color: #f2f4f5; } .bg-master-lightest { background-color: #f6f9fa; } .bg-master-dark { background-color: #373e43; } .bg-master-darker { background-color: #212528; } .bg-master-darkest { background-color: #16191b; } /* Contextual Colors ------------------------------------ */ /* Primary ------------------------------------ */ .bg-primary { background-color: #007be8 !important; } .bg-primary-dark { background-color: #0064bc; } .bg-primary-darker { background-color: #004a8b; } .bg-primary-light { background-color: #3395ed; } .bg-primary-lighter { background-color: #cce5fa; } /* Complete ------------------------------------ */ .bg-complete { background-color: #00e8ba; } .bg-complete-dark { background-color: #00bc97; } .bg-complete-darker { background-color: #008b70; } .bg-complete-light { background-color: #33edc8; } .bg-complete-lighter { background-color: #ccfaf1; } /* Success ------------------------------------ */ .bg-success { background-color: #007be8 !important; } .bg-success-dark { background-color: #0064bc; } .bg-success-darker { background-color: #004a8b; } .bg-success-light { background-color: #3395ed; } .bg-success-lighter { background-color: #cce5fa; } /* Info ------------------------------------ */ .bg-info { background-color: #47525e !important; } .bg-info-dark { background-color: #3a424c; } .bg-info-darker { background-color: #2b3138; } .bg-info-light { background-color: #6c757e; } .bg-info-lighter { background-color: #dadcdf; } /* Danger ------------------------------------ */ .bg-danger { background-color: #ea2c54 !important; } .bg-danger-dark { background-color: #be2444; } .bg-danger-darker { background-color: #8c1a32; } .bg-danger-light { background-color: #ee5676; } .bg-danger-lighter { background-color: #fbd5dd; } /* Warning ------------------------------------ */ .bg-warning { background-color: #fed76e !important; } .bg-warning-dark { background-color: #ceae59; } .bg-warning-darker { background-color: #988142; } .bg-warning-light { background-color: #fedf8b; } .bg-warning-lighter { background-color: #fff7e2; } /* More Color Options ------------------------------------ */ /* Menu ------------------------------------ */ .bg-menu-dark { background-color: #fff; } .bg-menu { background-color: #fff; } .bg-menu-light { background-color: #627182; } /* Gradients ------------------------------------ */ .gradient-grey { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%); } .gradient-black { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%); } /* Other Colors ------------------------------------ */ .bg-white { background-color: #fff; } .bg-transparent { background-color: transparent !important; } /* Text Colors */ .link { opacity: .7; } .link:hover { opacity: 1; } .text-master { color: #7a8994 !important; } .text-master-light { color: #eaecee !important; } .text-black { color: #373e43 !important; } .text-white { color: #fff !important; } .text-complete { color: #00e8ba !important; } .text-success { color: #007be8 !important; } .text-info { color: #47525e !important; } .text-warning { color: #fed76e !important; } .text-warning-dark { color: #ceae59 !important; } .text-danger { color: #ea2c54 !important; } .text-primary { color: #007be8 !important; } /* Text Aligngments ------------------------------------ */ .text-right { text-align: right !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } /* Labels ------------------------------------ */ .label { padding: 3px 9px; font-size: 11px; line-height: 1; text-shadow: none; background-color: #eaecee; font-weight: 600; color: #7a8994; border-radius: .25em; } .label-success { background-color: #007be8; color: #fff; } .label-warning { background-color: #fed76e; color: #fff; } .label-important, .label-danger { background-color: #ea2c54; color: #fff; } .label-info { background-color: #00e8ba; color: #fff; } .label-inverse { background-color: #00bc97; color: #fff; } .label-white { background-color: #fff; color: #7a8994; } /* Font Sizes ------------------------------------ */ .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 10.5px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } /* Line-heights ------------------------------------ */ .lh-normal { line-height: normal; } .lh-10 { line-height: 10px; } .lh-11 { line-height: 11px; } .lh-12 { line-height: 12px; } .lh-13 { line-height: 13px; } .lh-14 { line-height: 14px; } .lh-15 { line-height: 15px; } .lh-16 { line-height: 16px; } /* Font Faces ------------------------------------ */ .font-arial { font-family: Arial, sans-serif !important; } .font-montserrat { font-family: 'Montserrat' !important; } .font-georgia { font-family: Georgia !important; } .font-heading { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } /* Wells ------------------------------------ */ .well { background-color: #eaecee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: none; background-image: none; } .well.well-large { padding: 24px; width: auto; } .well.well-small { padding: 13px; width: auto; } .well.green { background-color: #00e8ba; color: #fff; border: none; } .overflow-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .jumbotron { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .jumbotron p { font-size: 14px; font-weight: normal; margin-bottom: inherit; } .jumbotron p.small { font-size: 85%; } /* Responsive Handlers : Typo ------------------------------------ */ @media (max-width: 1400px) { body, p { font-size: 13px; line-height: 20px; } h1 { font-size: 33px; line-height: 44px; letter-spacing: -0.08px; } h2 { font-size: 28px; line-height: 40px; } h3 { font-size: 24px; line-height: 35.88px; } h4 { font-size: 18px; line-height: 33.88px; } h5 { font-size: 16px; line-height: 25.88px; } small, .small { font-size: 89%; line-height: 17px; } } /* For Windows : Fixes ------------------------------------ */ .windows body, .windows p { font-size: 13px; letter-spacing: normal; } .windows h3 { font-size: 29px; line-height: 33px; } .windows h4 { font-size: 23px; line-height: 32px; } .windows h5 { font-size: 19px; line-height: 28px; font-weight: normal; } .windows h1, .windows h2, .windows h3, .windows h4, .windows h5 { letter-spacing: normal; } .windows .jumbotron p { font-size: 13px; } .windows .jumbotron p.small { font-size: 85%; } .windows small, .windows .small { font-size: 89%; } .alert>p, .alert>ul { margin-bottom: 0; } .table>tbody>tr>td, .table>tbody>tr>th { line-height: 1.42857143; } .table>tfoot>tr>td, .table>tfoot>tr>th { line-height: 1.42857143; } .table>thead>tr>td, .table>thead>tr>th { line-height: 1.42857143; } /*------------------------------------------------------------------ [6. Buttons] */ /* [Buttons Base Styles] */ .btn { font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0.01em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-feature-settings: "kern"1; -moz-font-feature-settings: "kern"1; margin-bottom: 0; border: 1px solid #f2f4f5; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-image: none !important; color: #7a8994; background-color: #fff; text-shadow: none; box-shadow: none; line-height: 21px; position: relative; transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important; padding: 6px 17px; } .btn:hover { background-color: #fafafa; border: 1px solid rgba(122, 137, 148, 0.27); color: #333; } .btn.active { border-color: #eaecee; background: #fff; color: #333; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: none !important; outline-style: none; color: #333; background-color: #fff; } .btn.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn.btn-outline-primary { color: #007bff; background-color: transparent; border-color: #007bff; } .btn.btn-outline-primary:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5); -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5); -ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5); -o-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5); } .btn.btn-outline-primary.active, .btn.btn-outline-primary:active { color: #fff; background-color: #007bff; border-color: #007bff; } .btn.btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn .caret { margin-left: 3px; } .btn .caret.single { margin-left: 0px; } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { box-shadow: none; } button:focus { outline: none !important; } /* Alternate buttons -------------------------------------------------- */ .btn-primary, .btn-primary:focus { color: #fff; background-color: #007be8; border-color: #007be8; } .btn-primary.active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:hover, .show .dropdown-toggle.btn-primary { background-color: #0064bc; border-color: #0064bc; color: #fff; box-shadow: none; } .btn-primary.hover, .btn-primary:hover, .show .dropdown-toggle.btn-primary { background-color: #3395ed; border-color: #3395ed; color: #fff; } .btn-primary.active:hover { background: #006ac8; border-color: #006ac8; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #007be8; border-color: #007be8; } .btn-primary .badge { color: #007be8; background-color: #fff; } .btn-success, .btn-success:focus { color: #fff; background-color: #4CAF50; border-color: #4CAF50; } .btn-success.active, .btn-success:not(:disabled):not(.disabled):active, .btn-success.active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled):active:hover, .show .dropdown-toggle.btn-success { background-color: #0064bc; border-color: #0064bc; color: #fff; box-shadow: none; } .btn-success.hover, .btn-success:hover, .show .dropdown-toggle.btn-success { background-color: #388E3C; border-color: #388E3C; color: #fff; } .btn-success.active:hover { background: #006ac8; border-color: #006ac8; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #007be8; border-color: #007be8; } .btn-success .badge { color: #007be8; background-color: #fff; } .btn-complete, .btn-complete:focus { color: #fff; background-color: #00e8ba; border-color: #00e8ba; } .btn-complete.active, .btn-complete:not(:disabled):not(.disabled):active, .btn-complete.active:focus, .btn-complete:not(:disabled):not(.disabled):active:focus, .btn-complete:not(:disabled):not(.disabled):active:hover, .show .dropdown-toggle.btn-complete { background-color: #00bc97; border-color: #00bc97; color: #fff; box-shadow: none; } .btn-complete.hover, .btn-complete:hover, .show .dropdown-toggle.btn-complete { background-color: #33edc8; border-color: #33edc8; color: #fff; } .btn-complete.active:hover { background: #00c8a0; border-color: #00c8a0; } .btn-complete.disabled, .btn-complete[disabled], fieldset[disabled] .btn-complete, .btn-complete.disabled:hover, .btn-complete[disabled]:hover, fieldset[disabled] .btn-complete:hover, .btn-complete.disabled:focus, .btn-complete[disabled]:focus, fieldset[disabled] .btn-complete:focus, .btn-complete.disabled:active, .btn-complete[disabled]:active, fieldset[disabled] .btn-complete:active, .btn-complete.disabled.active, .btn-complete[disabled].active, fieldset[disabled] .btn-complete.active { background-color: #00e8ba; border-color: #00e8ba; } .btn-complete .badge { color: #00e8ba; background-color: #fff; } .btn-info, .btn-info:focus { color: #fff; background-color: #47525e; border-color: #47525e; } .btn-info.active, .btn-info:not(:disabled):not(.disabled):active, .btn-info.active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled):active:hover, .show .dropdown-toggle.btn-info { background-color: #3a424c; border-color: #3a424c; color: #fff; box-shadow: none; } .btn-info.hover, .btn-info:hover, .show .dropdown-toggle.btn-info { background-color: #6c757e; border-color: #6c757e; color: #fff; } .btn-info.active:hover { background: #3d4751; border-color: #3d4751; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #47525e; border-color: #47525e; } .btn-info .badge { color: #47525e; background-color: #fff; } .btn-warning, .btn-warning:focus { color: #fff; background-color: #fed76e; border-color: #fed76e; } .btn-warning.active, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning.active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled):active:hover, .show .dropdown-toggle.btn-warning { background-color: #ceae59; border-color: #ceae59; color: #fff; box-shadow: none; } .btn-warning.hover, .btn-warning:hover, .show .dropdown-toggle.btn-warning { background-color: #fedf8b; border-color: #fedf8b; color: #fff; } .btn-warning.active:hover { background: #dab95f; border-color: #dab95f; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #fed76e; border-color: #fed76e; } .btn-warning .badge { color: #fed76e; background-color: #fff; } .btn-danger, .btn-danger:focus { color: #fff; background-color: #ea2c54; border-color: #ea2c54; } .btn-danger.active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger.active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled):active:hover, .show .dropdown-toggle.btn-danger { background-color: #be2444; border-color: #be2444; color: #fff; box-shadow: none; } .btn-danger.hover, .btn-danger:hover, .show .dropdown-toggle.btn-danger { background-color: #ee5676; border-color: #ee5676; color: #fff; } .btn-danger.active:hover { background: #c92648; border-color: #c92648; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #ea2c54; border-color: #ea2c54; } .btn-danger .badge { color: #ea2c54; background-color: #fff; } .btn-default, .btn-default:focus { color: #5e5e5e; background-color: #fff; border-color: #f2f4f5; } .btn-default.active, .btn-default:active, .btn-default.active:focus, .btn-default:active:focus, .btn-default:active:hover { background-color: #f2f4f5; border-color: #eaecee; color: #373e43; } .btn-default.hover, .btn-default:hover { background-color: #f6f9fa; border-color: rgba(122, 137, 148, 0.27); color: #212528; } .btn-default.active:hover { background: #f0f0f0; } .btn-link { color: #5e5e5e; background-color: transparent; border: none; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.disabled, .btn-link[disabled] { background-color: transparent; border: none; text-decoration: none; outline: none; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; } /* Button Sizes -------------------------------------------------- */ .btn-lg, .btn-group-lg>.btn { padding-left: 28px; padding-right: 28px; line-height: 23px; padding-top: 10px; padding-bottom: 10px; } .btn-sm, .btn-group-sm>.btn { padding-left: 16px; padding-right: 16px; font-size: 11.9px; line-height: 20px; } .btn-xs, .btn-group-xs>.btn { padding: 2px 9px; font-size: 10.5px; } .btn-cons { margin-right: 5px; min-width: 120px; } /* Rounded buttons -------------------------------------------------- */ .btn-rounded { border-radius: 100px !important; } /* Dropdown menus -------------------------------------------------- */ .btn-group.show .dropdown-toggle, .show .dropdown-toggle, .show.dropdown-default .dropdown-toggle { box-shadow: none; } /* Pages default dropdown */ .dropdown-default { display: inline-block; } .dropdown-default.toggle-only { padding-left: 9px; padding-right: 9px; } .dropdown-default.toggle-only:after { position: initial; } .dropdown-default.show>.btn.dropdown-toggle { border-color: transparent !important; background: transparent !important; z-index: 791 !important; color: #7a8994; } .dropdown-default.show .dropdown-menu { opacity: 1; transform: scale(1, 1) !important; z-index: 700; pointer-events: all; } .dropdown-default.show .dropdown-menu .dropdown-item { visibility: visible; } .dropdown-default.show.dropup>.btn-primary+.dropdown-menu:after, .dropdown-default.show.dropup>.btn-success+.dropdown-menu:after, .dropdown-default.show.dropup>.btn-complete+.dropdown-menu:after, .dropdown-default.show.dropup>.btn-warning+.dropdown-menu:after, .dropdown-default.show.dropup>.btn-danger+.dropdown-menu:after, .dropdown-default.show.dropup>.btn-info+.dropdown-menu:after { top: auto; bottom: 0; } .dropdown-default.show>.btn-primary+.dropdown-menu:after, .dropdown-default.show>.btn-success+.dropdown-menu:after, .dropdown-default.show>.btn-complete+.dropdown-menu:after, .dropdown-default.show>.btn-warning+.dropdown-menu:after, .dropdown-default.show>.btn-danger+.dropdown-menu:after, .dropdown-default.show>.btn-info+.dropdown-menu:after { top: 0; height: 42px; } .dropdown-default.show>.btn-primary+.dropdown-menu:after { background-color: #007be8; } .dropdown-default.show>.btn-success+.dropdown-menu:after { background-color: #007be8; } .dropdown-default.show>.btn-complete+.dropdown-menu:after { background-color: #00e8ba; } .dropdown-default.show>.btn-warning+.dropdown-menu:after { background-color: #fed76e; } .dropdown-default.show>.btn-danger+.dropdown-menu:after { background-color: #ea2c54; } .dropdown-default.show>.btn-info+.dropdown-menu:after { background-color: #47525e; } .dropdown-default.dropup .btn.dropdown-toggle.btn-lg+.dropdown-menu { margin-bottom: -47px; padding-bottom: 49px; } .dropdown-default.dropup .btn.dropdown-toggle.btn-lg+.dropdown-menu:after { bottom: 49px; } .dropdown-default.dropup .btn.dropdown-toggle.btn-sm+.dropdown-menu { margin-bottom: -34px; padding-bottom: 36px; } .dropdown-default.dropup .btn.dropdown-toggle.btn-sm+.dropdown-menu:after { bottom: 36px; } .dropdown-default.dropup .btn.dropdown-toggle.btn-xs+.dropdown-menu { margin-bottom: -29px; padding-bottom: 31px; } .dropdown-default.dropup .btn.dropdown-toggle.btn-xs+.dropdown-menu:after { bottom: 31px; } .dropdown-default.dropup .dropdown-menu { margin-bottom: -40px; padding: 0 3px 44px 0 !important; transform-origin: center bottom 0; top: auto !important; bottom: 100% !important; } .dropdown-default.dropup .dropdown-menu:after { bottom: 43px; top: auto !important; } .dropdown-default .btn.dropdown-toggle { text-align: left; padding-right: 27px; } .dropdown-default .btn.dropdown-toggle.btn-lg { padding-right: 42px; } .dropdown-default .btn.dropdown-toggle.btn-lg:after { right: 26px; } .dropdown-default .btn.dropdown-toggle.btn-lg+.dropdown-menu { margin-top: -47px; padding-top: 49px; } .dropdown-default .btn.dropdown-toggle.btn-lg+.dropdown-menu:after { top: 49px; } .dropdown-default .btn.dropdown-toggle.btn-sm { padding-right: 26px; } .dropdown-default .btn.dropdown-toggle.btn-sm:after { right: 16px; } .dropdown-default .btn.dropdown-toggle.btn-sm+.dropdown-menu { margin-top: -34px; padding-top: 36px; } .dropdown-default .btn.dropdown-toggle.btn-sm+.dropdown-menu:after { top: 36px; } .dropdown-default .btn.dropdown-toggle.btn-xs { padding-right: 21px; } .dropdown-default .btn.dropdown-toggle.btn-xs:after { right: 8px; } .dropdown-default .btn.dropdown-toggle.btn-xs+.dropdown-menu { margin-top: -29px; padding-top: 31px; } .dropdown-default .btn.dropdown-toggle.btn-xs+.dropdown-menu:after { top: 31px; } .dropdown-default .btn.dropdown-toggle:after { position: absolute; right: 15px; top: 50%; margin-top: -2px; } .dropdown-default .btn-rounded { padding-left: 17px; padding-right: 17px; } .dropdown-default .btn-rounded+.dropdown-menu { border-radius: 17px; } .dropdown-default .dropdown-menu { margin-top: -4px; width: 100%; padding-top: 42px; overflow: hidden; backface-visibility: hidden; display: block; opacity: 0; transform: scale(1, 0) !important; transform-origin: center top 0; -webkit-transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s; transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s; z-index: -1; } .dropdown-default .dropdown-menu:after { content: ""; position: absolute; height: 1px; left: 0; top: 42px; background: #eaecee; width: 100%; } .dropdown-default .dropdown-menu li, .dropdown-default .dropdown-menu .dropdown-item { visibility: hidden; } .navbar-nav .dropdown-menu { position: absolute; } .dropdown-menu { position: absolute; display: none; float: left; list-style: none; text-shadow: none; -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -ms-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -o-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; border: none; border-radius: 3px; font-size: 13px; margin: 0; background: #f6f9fa; min-width: 50px; z-index: 700 !important; } .dropdown-menu .divider { background-color: #eaecee; height: 1px; margin: 3px 0; border-bottom: 0px; } .dropdown-menu>li, .dropdown-menu>.dropdown-item { padding-left: 0px; line-height: 35px; color: #7a8994; padding: 0 20px; border-radius: 3px; display: block; clear: both; white-space: nowrap; text-align: left; } .dropdown-menu>li:hover, .dropdown-menu>.dropdown-item:hover, .dropdown-menu>li:focus, .dropdown-menu>.dropdown-item:focus, .dropdown-menu>li:active, .dropdown-menu>.dropdown-item:active { color: #212528; text-decoration: none; background-color: transparent; } .dropdown-menu>li:first-child, .dropdown-menu>.dropdown-item:first-child { padding-top: 9px; } .dropdown-menu>li:last-child, .dropdown-menu>.dropdown-item:last-child { padding-bottom: 9px; } .dropdown-menu>li.dropdown-header, .dropdown-menu>.dropdown-item.dropdown-header { padding: 3px 20px; } .dropdown-menu>li.active>a, .dropdown-menu>.dropdown-item.active>a, .dropdown-menu>li.active, .dropdown-menu>.dropdown-item.active, .dropdown-menu>li.active>a:hover, .dropdown-menu>.dropdown-item.active>a:hover, .dropdown-menu>li.active:hover, .dropdown-menu>.dropdown-item.active:hover, .dropdown-menu>li.active>a:focus, .dropdown-menu>.dropdown-item.active>a:focus, .dropdown-menu>li.active:focus, .dropdown-menu>.dropdown-item.active:focus { color: #212528; text-decoration: none; background-color: #f2f4f5; } .dropdown-menu>li.disabled>a, .dropdown-menu>.dropdown-item.disabled>a, .dropdown-menu>li.disabled, .dropdown-menu>.dropdown-item.disabled, .dropdown-menu>li.disabled>a:hover, .dropdown-menu>.dropdown-item.disabled>a:hover, .dropdown-menu>li.disabled:hover, .dropdown-menu>.dropdown-item.disabled:hover, .dropdown-menu>li.disabled>a:focus, .dropdown-menu>.dropdown-item.disabled>a:focus, .dropdown-menu>li.disabled:focus, .dropdown-menu>.dropdown-item.disabled:focus { color: #b3bbc1; } .dropdown-menu>li.disabled>a:hover, .dropdown-menu>.dropdown-item.disabled>a:hover, .dropdown-menu>li.disabled:hover, .dropdown-menu>.dropdown-item.disabled:hover, .dropdown-menu>li.disabled>a:focus, .dropdown-menu>.dropdown-item.disabled>a:focus, .dropdown-menu>li.disabled:focus, .dropdown-menu>.dropdown-item.disabled:focus { text-decoration: none; cursor: default; } .dropdown-menu>li>a, .dropdown-menu>.dropdown-item>a { line-height: 35px; color: #7a8994; padding: 0 20px; border-radius: 3px; display: block; clear: both; white-space: nowrap; text-align: left; } .dropdown-menu>li>a:hover, .dropdown-menu>.dropdown-item>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.dropdown-item>a:focus { color: #212528; text-decoration: none; background-color: transparent; background-image: none; } .dropdown-menu>li { padding: 0; } .dropdown-backdrop { z-index: 600; } /* Animated buttons -------------------------------------------------- */ .btn-animated { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .btn-animated>span { display: inline-block; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .btn-animated:before { position: absolute; height: 100%; width: 100%; font-size: 100%; line-height: 2.5; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-animated:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-animated.from-top:before { left: 0; top: -100%; } .btn-animated.from-top:hover:before, .btn-animated.from-top.show-icon:before { top: 0; } .btn-animated.from-top:hover>span, .btn-animated.from-top.show-icon>span { -webkit-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); } .btn-animated.from-left:before { left: -100%; top: 0; } .btn-animated.from-left:hover:before, .btn-animated.from-left.show-icon:before { left: 0; } .btn-animated.from-left:hover>span, .btn-animated.from-left.show-icon>span { -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); } .btn-animated.fa:before { font-family: FontAwesome; } .btn-animated.pg:before { font-family: "pages-icon"; } /* Tag buttons -------------------------------------------------- */ .btn-tag { line-height: 17px; border-radius: 17px 3px 3px 17px; padding: 5px 19px; } .btn-tag:hover, .btn-tag.hover { border-color: transparent; } .btn-tag.btn-tag-light { background: #fafdff; color: #5b8ca5; border: 1px solid #cbe4f0; } .btn-tag.btn-tag-light:hover { background: #fff; } .btn-tag.btn-tag-dark { background: #eaecee; color: #7a8994; } .btn-tag.btn-tag-dark:hover { background: #eff1f2; } .btn-tag.btn-tag-rounded { border-radius: 17px; } /* Misc buttons -------------------------------------------------- */ .btn-toolbar .btn { padding-left: 14px; padding-right: 14px; } .pager .disabled>button, .pager .disabled>button:hover, .pager .disabled>button:focus, .pager .disabled>span { cursor: not-allowed; opacity: .5; } .modal-content a.btn-primary:not([href]):not([tabindex]) { color: #fff; } .modal-content a.btn-primary:not([href]):not([tabindex]):hover, .modal-content a.btn-primary:not([href]):not([tabindex]):focus { color: #fff; } /*------------------------------------------------------------------ [7. Alerts] */ .alert { background-image: none; box-shadow: none; text-shadow: none; padding: 9px 19px 9px 15px; border-radius: 3px; font-size: 13px; border-width: 0; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .alert.bordered { border-width: 1px; } .alert .link { color: #ce8f22; font-weight: bold; } .alert .alert-heading { color: #ce8f22 !important; margin-bottom: 5px; font-weight: 600; } .alert .btn-small { position: relative; top: -3.5px; } .alert .button-set .btn { position: relative; top: 8px; } .alert .close { background: url("../../img/icons/noti-cross.png") no-repeat scroll 0 0 transparent; background-position: -9px -10px; width: 10px; height: 9px; position: relative; opacity: 0.8; top: 4.5px; float: right; margin-left: 20px; font-size: 0; } .alert .close:hover { opacity: 1; } /* Alert : Color Options ------------------------------------ */ .alert-danger, .alert-error { background-color: #fbd5dd; color: #8c1a32; border-color: #8c1a32; } .alert-danger .close, .alert-error .close { background-position: -95px -10px !important; } .alert-warning { background-color: #fff7e2; color: #988142; border-color: #988142; } .alert-info { background-color: #ccfaf1; color: #008b70; border-color: #008b70; } .alert-info .close { background-position: -67px -10px !important; } .alert-success { background-color: #cce5fa; color: #004a8b; border-color: #004a8b; } .alert-success .close { background-position: -38px -10px !important; } .alert-default { background-color: #fff; color: #7a8994; border-color: #eaecee; } .alert-default .close { background-position: -67px -10px !important; } /*------------------------------------------------------------------ [8. Notifications] */ /* Badges -------------------------------------------------- */ .badge { text-shadow: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: 600; /* background-color: #eaecee; font-size: 11px; padding-left: 6px; padding-right: 6px; padding-bottom: 4px; color: #7a8994; */ border-radius: 10px; } .badge-success { /* background-color: #007be8; */ color: #fff; } .badge-warning { /* background-color: #fed76e; */ color: #fff; } .badge-important { background-color: #ea2c54; color: #fff; } .badge-danger { background-color: #ea2c54; color: #fff; } .badge-info { background-color: #47525e; color: #fff; } .badge-inverse { background-color: #008b70; color: #fff; } .badge-white { background-color: #fff; color: #7a8994; } .badge-disable { background-color: #373e43; color: #7a8994; } /* Tool Tip -------------------------------------------------- */ .tooltip-inner { font-size: 12px; } /* Notification popup -------------------------------------------------- */ .popover { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); z-index: 790; } .notification-toggle { top: 35px; left: -26px; padding: 0; } .notification-toggle:before { border-bottom: 0px !important; } .notification-toggle:after { border-bottom: 0px !important; } .notification-panel { background-color: #fff; border: 1px solid #eaecee; } .notification-panel .notification-body { height: auto; max-height: 350px; position: relative; overflow: hidden; } .notification-panel .notification-body .notification-item { position: relative; margin-left: 25px; background-color: #fff; padding-right: 26px; } .notification-panel .notification-body .notification-item.unread .heading { opacity: 1; } .notification-panel .notification-body .notification-item.unread .option { background-color: #ccfaf1; } .notification-panel .notification-body .notification-item.unread .option .mark { color: #33edc8; } .notification-panel .notification-body .notification-item .heading { /* line-height: 43px; */ margin-right: 5px; background: #fff; border-bottom: 1px solid #eaecee; position: relative; float: left; width: 100%; font-size: 14px; opacity: 0.7; } .notification-panel .notification-body .notification-item .heading:after { content: ''; position: absolute; width: 5px; height: 100%; background-color: #fff; right: 0; top: 1px; } .notification-panel .notification-body .notification-item .heading .thumbnail-wrapper { cursor: pointer; } .notification-panel .notification-body .notification-item .heading .thumbnail-wrapper i { -webkit-transition: all 0.12s linear; transition: all 0.12s linear; } .notification-panel .notification-body .notification-item .heading .time { font-size: 11px; margin-right: 8px; } .notification-panel .notification-body .notification-item .heading.open { display: block; } .notification-panel .notification-body .notification-item .heading.open .more-details { display: block; } .notification-panel .notification-body .notification-item .heading.open .thumbnail-wrapper i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .notification-panel .notification-body .notification-item .heading .thumbnail-wrapper.d24 { line-height: 20px; } .notification-panel .notification-body .notification-item .more-details { display: none; background-color: #fff; width: 100%; height: 100%; clear: both; position: relative; } .notification-panel .notification-body .notification-item .more-details .more-details-inner { margin-left: 10px; padding-left: 28px; padding-top: 15px; margin-bottom: 20px; position: relative; border-left: 1px solid rgba(234, 236, 238, 0.7); text-align: left; } .notification-panel .notification-body .notification-item .more-details .more-details-inner:after { width: 14px; height: 14px; position: absolute; content: ''; background-color: #fff; left: -7px; top: 25px; border: 1px solid rgba(234, 236, 238, 0.9); border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; } .notification-panel .notification-body .notification-item .more-details .more-details-inner:before { color: #cad0d4; position: absolute; bottom: 0; left: -5px; content: ' \25CF'; font-size: 13px; line-height: 5px; background-color: #fff; height: 9px; } .notification-panel .notification-body .notification-item .more-details .more-details-inner .hint-text { opacity: .44; } .notification-panel .notification-body .notification-item .option { font-size: 10px; position: absolute; height: 44px; width: 26px; right: 0; text-align: center; vertical-align: middle; line-height: 44px; background-color: #f6f9fa; height: 100%; } .notification-panel .notification-body .notification-item .option .mark { background-color: transparent; color: #cad0d4; } .notification-panel .notification-body .notification-item .option .mark:before { content: ' \25CF'; font-size: 12px; } .notification-panel .notification-body .notification-item:last-child .heading { border-bottom: 0px; } .notification-panel .notification-footer { padding: 10px; display: block; border-top: 1px solid #eaecee; } .notification-panel .notification-footer a { color: #7a8994; opacity: .54; } .notification-panel .notification-footer a:hover { opacity: .74; } /* Simple alerts -------------------------------------------------- */ .alerts-container { position: fixed; width: 350px; right: 20px; z-index: 999; top: 80px; } .alerts-container[data-placement$='-left'] { left: 100px; right: auto; } .alerts-container[data-placement$='-right'] { right: 20px; left: auto; } .alerts-container[data-placement^='top-'] { top: 80px; bottom: auto; } .alerts-container[data-placement^='bottom-'] { top: auto; bottom: 20px; } .alerts-container[data-placement='bottom-right'] .alert:last-child, .alerts-container[data-placement='bottom-left'] .alert:last-child { margin-bottom: 0; } .alerts-container .alert { position: relative; } .alerts-container .alert .close { position: absolute; right: 9px; top: 15px; } /* Pages Notifications plugin -------------------------------------------------- */ /* Pages Notification customizations */ body:not(.horizontal-app-menu) .pgn-wrapper[data-position="top"] { top: 60px; left: 70px; } body:not(.horizontal-app-menu) .pgn-wrapper[data-position="bottom"] { left: 70px; } body:not(.horizontal-app-menu) .pgn-wrapper[data-position$='-left'] { left: 90px; right: auto; } body:not(.horizontal-app-menu) .pgn-wrapper[data-position^='top-'] { top: 80px; bottom: auto; } body.menu-pin .pgn-wrapper[data-position$='-left'], body.menu-pin .pgn-wrapper[data-position="top"], body.menu-pin .pgn-wrapper[data-position="bottom"] { left: 250px; } body.horizontal-app-menu .pgn-wrapper { z-index: 799; } .pgn-wrapper { position: fixed; z-index: 999; } .pgn-wrapper[data-position$='-left'] { left: 30px; } .pgn-wrapper[data-position$='-right'] { right: 20px; } .pgn-wrapper[data-position^='top-'] { top: 20px; } .pgn-wrapper[data-position^='bottom-'] { bottom: 20px; } .pgn-wrapper[data-position='top'] { top: 0; left: 0; right: 0; } .pgn-wrapper[data-position='bottom'] { bottom: 0; left: 0; right: 0; } .pgn { position: relative; margin: 10px; } .pgn .alert { margin: 0; } /* Simple ------------------------------------ */ .pgn-simple .alert { padding-top: 13px; padding-bottom: 13px; max-width: 500px; animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards; -webkit-animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards; max-height: 250px; overflow: hidden; } /* Bar ------------------------------------ */ .pgn-bar { overflow: hidden; margin: 0; } .pgn-bar .alert { border-radius: 0; padding-top: 13px; padding-bottom: 13px; max-height: 91px; } .pgn-wrapper[data-position='top'] .pgn-bar .alert { animation: slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards; -webkit-animation: slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards; transform-origin: top left; -webkit-transform-origin: top left; } .pgn-wrapper[data-position='bottom'] .pgn-bar .alert { animation: slideInFromBottom 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards; -webkit-animation: slideInFromBottom 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards; transform-origin: bottom left; -webkit-transform-origin: bottom left; } .pgn-bar .alert span { opacity: 0; animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards; -webkit-animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards; } @keyframes slideInFromTop { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @-webkit-keyframes slideInFromTop { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @keyframes slideInFromBottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @-webkit-keyframes slideInFromBottom { 0% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(0); } } /* Circle ------------------------------------ */ .pgn-circle .alert { margin-bottom: 10px; border-radius: 300px; animation: fadeInCircle 0.3s ease forwards, resizeCircle 0.3s 0.4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards; -webkit-animation: fadeInCircle 0.3s ease forwards, resizeCircle 0.3s 0.4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards; height: 60px; overflow: hidden; padding: 6px 55px 6px 6px; -webkit-transform: translateZ(0); position: relative; } .pgn-wrapper[data-position$='-right'] .pgn-circle .alert { float: right; } .pgn-wrapper[data-position$='-left'] .pgn-circle .alert { float: left; } .pgn-wrapper[data-position^='bottom-'] .pgn-circle .alert { margin-bottom: 20px; } .pgn-circle .alert>div>div.pgn-thumbnail>div { border-radius: 50%; overflow: hidden; width: 48px; height: 48px; } .pgn-circle .alert>div>div.pgn-thumbnail>div>img { width: 100%; height: 100%; } .pgn-circle .alert>div>div.pgn-message>div { opacity: 0; height: 47px; padding-left: 9px; animation: fadeIn .3s .5s ease forwards; -webkit-animation: fadeIn .3s .5s ease forwards; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; } .pgn-circle .alert>div>div.pgn-message>div p:only-child { padding: 12px 0; } .pgn-circle .alert .close { margin-top: -12px; position: absolute; right: 18px; top: 50%; opacity: 0; animation: fadeIn .3s .5s ease forwards; -webkit-animation: fadeIn .3s .5s ease forwards; } .pgn-circle .alert p { margin-bottom: 0; } .pgn-circle .alert>div { display: table; height: 100%; } .pgn-circle .alert>div>div { display: table-cell; vertical-align: middle; } @keyframes fadeInCircle { 0% { opacity: 0; width: 60px; } 100% { opacity: 1; width: 60px; } } @-webkit-keyframes fadeInCircle { 0% { opacity: 0; width: 60px; } 100% { opacity: 1; width: 60px; } } @keyframes resizeCircle { 0% { width: 60px; } 100% { width: 300px; } } @-webkit-keyframes resizeCircle { 0% { width: 60px; } 100% { width: 300px; } } /* Flip ------------------------------------ */ .pgn-wrapper[data-position^='bottom-'] .pgn-flip .alert { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .pgn-flip .alert { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; box-shadow: 0 6px 4px -3px rgba(0, 0, 0, 0.2); -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; border-radius: 0; padding: 25px 35px; max-width: 500px; max-height: 250px; overflow: hidden; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); -webkit-transition-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); -webkit-transition-timing-function: ease-out; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg); -webkit-transition-timing-function: ease-in; opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); -webkit-transition-timing-function: ease-out; } 100% { -webkit-transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); transform: perspective(400px) rotate3d(1, 0, 0, -90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); transform: perspective(400px) rotate3d(1, 0, 0, 20deg); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg); transform: perspective(400px) rotate3d(1, 0, 0, -10deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); transform: perspective(400px) rotate3d(1, 0, 0, 5deg); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .pgn-circle .alert .close { margin-top: -4px; } body>.pgn-wrapper { z-index: 900; } @media (max-width: 979px) { body .pgn-wrapper[data-position="top"] { left: 0 !important; } body .pgn-wrapper[data-position="bottom"] { left: 0 !important; } } @media (max-width: 767px) { body .pgn-wrapper[data-position$='-left'], body .pgn-wrapper[data-position$='-right'] { left: 10px !important; right: 10px !important; } body .pgn-wrapper[data-position$='-right'] .alert, body .pgn-wrapper[data-position$='-left'] .alert { max-width: 100%; width: 100%; } } /* Notifications demo -------------------------------------------------- */ .notification-positions { border-radius: 4px; border: 3px dashed #eaecee; height: 370px; position: relative; } .notification-positions>div>.position:not(:only-child) { max-width: 50%; } .notification-positions .position { padding: 15px; } .notification-positions .position img { border: 3px solid transparent; } .notification-positions .position:hover { cursor: pointer; } .notification-positions .position.active img { border-color: #0090d9; } .notification-positions .position.pull-top, .notification-positions .position.pull-bottom { left: 0; right: 0; } .notification-positions .position img { width: 100%; } .notification-tabs { flex-wrap: wrap; } /*------------------------------------------------------------------ [9. Progress Indicators] */ .progress { height: 4px; background-color: rgba(122, 137, 148, 0.2); background-image: none; box-shadow: none; border-radius: 0; margin-bottom: 20px; } .progress.transparent { background-color: rgba(0, 0, 0, 0.28); } .progress.progress-small { height: 3px; } /* Circular Progress : indeterminate color ------------------------------------ */ .progress-bar-indeterminate { background: url('../../img/progress/progress-bar-master.svg') no-repeat top left; width: 100%; height: 100%; background-size: cover; } .progress-bar-indeterminate.progress-bar-primary { background-image: url('../../img/progress/progress-bar-primary.svg'); background-color: transparent; } .progress-bar-indeterminate.progress-bar-complete { background-image: url('../../img/progress/progress-bar-complete.svg'); background-color: transparent; } .progress-bar-indeterminate.progress-bar-success { background-image: url('../../img/progress/progress-bar-success.svg'); background-color: transparent; } .progress-bar-indeterminate.progress-bar-info { background-image: url('../../img/progress/progress-bar-info.svg'); background-color: transparent; } .progress-bar-indeterminate.progress-bar-warning { background-image: url('../../img/progress/progress-bar-warning.svg'); background-color: transparent; } .progress-bar-indeterminate.progress-bar-danger { background-image: url('../../img/progress/progress-bar-danger.svg'); background-color: transparent; } .progress-bar-indeterminate.progress-bar-master { background-image: url('../../img/progress/progress-bar-master.svg'); background-color: transparent; } /* Progress Bar ------------------------------------ */ .progress-bar { box-shadow: none; border-radius: 0; background-color: #7a8994; background-image: none; -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } /* Progress Bar : Color Options ------------------------------------ */ .progress-bar-primary { background-color: #007be8; background-image: none; } .progress-bar-complete { background-color: #00e8ba; background-image: none; } .progress-bar-success { background-color: #007be8; background-image: none; } .progress-bar-info { background-color: #47525e; background-image: none; } .progress-bar-warning { background-color: #fed76e; background-image: none; } .progress-bar-danger { background-color: #ea2c54; background-image: none; } .progress-bar-white { background-color: #fff; background-image: none; } .progress-bar-black { background-color: #000; background-image: none; } .progress-info .bar, .progress .bar-info { background-color: #2b3138; background-image: none; } .progress-warning .bar, .progress .bar-warning { background-color: #988142; background-image: none; } .progress-danger .bar, .progress .bar-danger { background-color: #8c1a32; background-image: none; } .progress-white .bar, .progress .bar-white { background-color: #fff; background-image: none; } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #007be8; } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #47525e; } /* Circular Progress : indeterminate ------------------------------------ */ .progress-circle-indeterminate { background: url('../../img/progress/progress-circle-master.svg') no-repeat top left; width: 50px; height: 50px; background-size: 100% auto; margin: 0 auto; } .progress-circle-indeterminate.progress-circle-warning { background-image: url('../../img/progress/progress-circle-warning.svg'); } .progress-circle-indeterminate.progress-circle-danger { background-image: url('../../img/progress/progress-circle-danger.svg'); } .progress-circle-indeterminate.progress-circle-info { background-image: url('../../img/progress/progress-circle-info.svg'); } .progress-circle-indeterminate.progress-circle-primary { background-image: url('../../img/progress/progress-circle-primary.svg'); } .progress-circle-indeterminate.progress-circle-success { background-image: url('../../img/progress/progress-circle-success.svg'); } .progress-circle-indeterminate.progress-circle-complete { background-image: url('../../img/progress/progress-circle-complete.svg'); } /* Circular Progress ------------------------------------ */ .progress-circle { display: block; height: 45px; margin: 0 auto; position: relative; width: 45px; -webkit-backface-visibility: hidden; } .progress-circle.progress-circle-warning .pie .half-circle { border-color: #fed76e; } .progress-circle.progress-circle-danger .pie .half-circle { border-color: #ea2c54; } .progress-circle.progress-circle-info .pie .half-circle { border-color: #47525e; } .progress-circle.progress-circle-primary .pie .half-circle { border-color: #007be8; } .progress-circle.progress-circle-success .pie .half-circle { border-color: #007be8; } .progress-circle.progress-circle-complete .pie .half-circle { border-color: #00e8ba; } .progress-circle.progress-circle-thick .pie .half-circle, .progress-circle.progress-circle-thick .shadow { border-width: 5px; } .progress-circle .pie { clip: rect(0, 45px, 45px, 22.5px); height: 45px; position: absolute; width: 45px; } .progress-circle .pie .half-circle { border: 3px solid #7a8994; border-radius: 50%; clip: rect(0, 22.5px, 45px, 0); height: 45px; position: absolute; width: 45px; } .progress-circle .shadow { border: 3px solid rgba(0, 0, 0, 0.1); border-radius: 50%; height: 100%; width: 100%; box-shadow: none !important; } /*------------------------------------------------------------------ [11. Tabs & Accordians] */ /* Tabs ------------------------------------ */ .nav-tabs { position: relative; } .nav-tabs>li { padding-left: 0; padding-right: 0; } .nav-tabs>li>a.active:hover, .nav-tabs>li>a.active:focus { border-color: #eaecee; color: #7a8994; background-color: #eaecee; } .nav-tabs>li>a { display: block; border-radius: 0; padding: 13px 20px; margin-right: 0; font-family: 'Montserrat'; font-weight: 500; letter-spacing: 0.06em; color: rgba(122, 137, 148, 0.7); font-size: 10.5px; min-width: 70px; text-transform: uppercase; border-color: transparent; position: relative; line-height: 1.7em; } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { background: transparent; border-color: transparent; color: #7a8994; } .nav-tabs>li>a .tab-icon { margin-right: 6px; } .nav-tabs~.tab-content { /* overflow: hidden; */ padding: 15px; } .nav-tabs~.tab-content>.tab-pane.slide-left, .nav-tabs~.tab-content>.tab-pane.slide-right { -webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important; } .nav-tabs~.tab-content>.tab-pane.slide-left.sliding, .nav-tabs~.tab-content>.tab-pane.slide-right.sliding { opacity: 0 !important; } .nav-tabs~.tab-content>.tab-pane.slide-left.active, .nav-tabs~.tab-content>.tab-pane.slide-right.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); opacity: 1; } .nav-tabs~.tab-content>.tab-pane.slide-left.sliding { -webkit-transform: translate3d(10%, 0, 0) !important; transform: translate3d(10%, 0, 0) !important; -ms-transform: translate(10%, 0) !important; } .nav-tabs~.tab-content>.tab-pane.slide-right.sliding { -webkit-transform: translate3d(-10%, 0, 0) !important; transform: translate3d(-10%, 0, 0) !important; -ms-transform: translate(-10%, 0) !important; } .nav-tabs.nav-tabs-left, .nav-tabs.nav-tabs-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .nav-tabs.nav-tabs-left:after, .nav-tabs.nav-tabs-right:after { border-bottom: 0px; } .nav-tabs.nav-tabs-left>li, .nav-tabs.nav-tabs-right>li { float: none; } .nav-tabs.nav-tabs-left { float: left; padding-right: 0; } .nav-tabs.nav-tabs-left~.tab-content { border-left: 1px solid rgba(0, 0, 0, 0.1); -ms-flex: 1; -ms-flex-negative: 0; } .nav-tabs.nav-tabs-right { float: right; padding-right: 0; } .nav-tabs.nav-tabs-right~.tab-content { border-right: 1px solid rgba(0, 0, 0, 0.1); -ms-flex: 1; -ms-flex-negative: 0; } /* Tabs : Simple ------------------------------------ */ .nav-tabs-simple { border-bottom: 0px; margin: 9px; } .nav-tabs-simple:after { content: ''; /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */ width: 100%; position: absolute; bottom: -2px; z-index: 120; left: 0; } .nav-tabs-simple>li { margin-bottom: 0; } .nav-tabs-simple>li>a:after { position: absolute; -webkit-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; -webkit-backface-visibility: hidden; width: 100%; display: block; background-color: #ea2c54; height: 0px; content: ''; left: 0; z-index: 125; top: 100%; } .nav-tabs-primary.nav-tabs-simple>li>a:after { background-color: #007be8; } .nav-tabs-success.nav-tabs-simple>li>a:after { background-color: #007be8; } .nav-tabs-complete.nav-tabs-simple>li>a:after { background-color: #00e8ba; } .nav-tabs-danger.nav-tabs-simple>li>a:after { background-color: #ea2c54; } .nav-tabs-warning.nav-tabs-simple>li>a:after { background-color: #fed76e; } .nav-tabs-info.nav-tabs-simple>li>a:after { background-color: #47525e; } .nav-tabs-simple>li>a.active:hover, .nav-tabs-simple>li>a.active:focus { background-color: transparent; border-color: transparent; } .nav-tabs-simple>li>a.active:after, .nav-tabs-simple>li>a:hover:after { height: 3px; } .nav-tabs-simple.nav-tabs-left:after, .nav-tabs-simple.nav-tabs-right:after { border-bottom: 0px; } .nav-tabs-simple.nav-tabs-left>li>a:after, .nav-tabs-simple.nav-tabs-right>li>a:after { width: 0px; height: 100%; top: 0; bottom: 0; position: absolute; } .nav-tabs-simple.nav-tabs-left>li>a.active:after, .nav-tabs-simple.nav-tabs-right>li>a.active:after, .nav-tabs-simple.nav-tabs-left>li>a:hover:after, .nav-tabs-simple.nav-tabs-right>li>a:hover:after { width: 3px; } .nav-tabs-simple.nav-tabs-left>li>a:after { right: 0; left: auto; } .nav-tabs-simple.nav-tabs-right>li>a:after { left: 0; } /* Tabs : Line Triangles ------------------------------------ */ .nav-tabs-linetriangle { border-bottom: 0; } .nav-tabs-linetriangle:after { content: ''; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; position: absolute; bottom: -1px; z-index: 100; left: 0; } .nav-tabs-linetriangle>li>a.active { background: transparent; box-shadow: none; border-color: transparent; } .nav-tabs-linetriangle>li>a.active:hover, .nav-tabs-linetriangle>li>a.active:focus, .nav-tabs-linetriangle>li>a.active:active { border-color: transparent; background-color: transparent; } .nav-tabs-linetriangle>li>a.active:after, .nav-tabs-linetriangle>li>a.active:before { border: medium solid transparent; content: ""; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0; z-index: 120; top: 98%; } .nav-tabs-linetriangle>li>a.active:after { border-top-color: #fff; border-width: 10px; margin-left: -10px; } .nav-tabs-linetriangle>li>a.active:before { border-top-color: rgba(0, 0, 0, 0.2); border-width: 11px; margin-left: -11px; } .nav-tabs-linetriangle>li>a span { font-size: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nav-tabs-linetriangle>li>a:hover, .nav-tabs-linetriangle>li>a:focus { overflow: visible; -webkit-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; } .nav-tabs-linetriangle~.tab-content { background: #fff; } .nav-tabs-linetriangle.nav-tabs-left.nav-tabs:after { border-bottom: none; } .nav-tabs-linetriangle.nav-tabs-left.nav-tabs>li>a.active:before { border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid rgba(0, 0, 0, 0.2); } .nav-tabs-linetriangle.nav-tabs-left.nav-tabs>li>a.active:after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; margin-top: 1px; margin-right: 2px; } .nav-tabs-linetriangle.nav-tabs-left.nav-tabs>li>a.active:after, .nav-tabs-linetriangle.nav-tabs-left.nav-tabs>li>a.active:before { top: auto; right: -22px; left: auto; } .nav-tabs-linetriangle.nav-tabs-right.nav-tabs:after { border-bottom: none; } .nav-tabs-linetriangle.nav-tabs-right.nav-tabs>li>a.active:before { border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 11px solid rgba(0, 0, 0, 0.2); } .nav-tabs-linetriangle.nav-tabs-right.nav-tabs>li>a.active:after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; margin-top: 1px; margin-left: -9px; } .nav-tabs-linetriangle.nav-tabs-right.nav-tabs>li>a.active:after, .nav-tabs-linetriangle.nav-tabs-right.nav-tabs>li>a.active:before { top: auto; left: -11px; right: auto; } @media screen and (max-width: 58em) { .nav-tabs-linetriangle { font-size: 0.6em; } } /* Tabs : Fill-up ------------------------------------ */ .nav-tabs-fillup { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; } .nav-tabs-fillup>li { overflow: hidden; } .nav-tabs-fillup>li>a { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; background: transparent; } .nav-tabs-fillup>li>a:after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background: none repeat scroll 0 0 #007be8; border: 1px solid #007be8; content: ""; height: calc(100% + 1px); left: 0; position: absolute; top: 0; -webkit-transform: translate3d(0, 100%, 0px); transform: translate3d(0, 100%, 0px); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; width: 100%; z-index: -1; } .nav-tabs-primary.nav-tabs-fillup>li>a:after { background: none repeat scroll 0 0 #007be8; border: 1px solid #007be8; } .nav-tabs-success.nav-tabs-fillup>li>a:after { background: none repeat scroll 0 0 #007be8; border: 1px solid #007be8; } .nav-tabs-complete.nav-tabs-fillup>li>a:after { background: none repeat scroll 0 0 #00e8ba; border: 1px solid #00e8ba; } .nav-tabs-warning.nav-tabs-fillup>li>a:after { background: none repeat scroll 0 0 #fed76e; border: 1px solid #fed76e; } .nav-tabs-danger.nav-tabs-fillup>li>a:after { background: none repeat scroll 0 0 #ea2c54; border: 1px solid #ea2c54; } .nav-tabs-info.nav-tabs-fillup>li>a:after { background: none repeat scroll 0 0 #47525e; border: 1px solid #47525e; } .nav-tabs-fillup>li>a span { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0px, 5px, 0px); transform: translate3d(0px, 5px, 0px); -webkit-transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; display: block; font-weight: 700; line-height: 1.5; } .nav-tabs-fillup>li>a.active { z-index: 100; color: #fff; } .nav-tabs-fillup>li>a.active:hover, .nav-tabs-fillup>li>a.active:focus { border-color: transparent; background: transparent; color: #fff; } .nav-tabs-fillup>li>a.active:after { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -ms-transform: translate(0px, 0px); } .nav-tabs-fillup>li>a.active span { -webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px); -ms-transform: translate(0px, -5px); } .nav-tabs-fillup .icon:before { -webkit-transform: translate3d(0px, 5px, 0px); transform: translate3d(0px, 5px, 0px); -ms-transform: translate(0px, 5px); -webkit-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; display: block; margin: 0; } .nav-tabs-fillup~.tab-content { background: #fff; } .nav-tabs-fillup.nav-tabs-left, .nav-tabs-fillup.nav-tabs-right { border-bottom: none; } .nav-tabs-fillup.nav-tabs-left:after, .nav-tabs-fillup.nav-tabs-right:after { border-bottom: none; } .nav-tabs-fillup.nav-tabs-left>li>a:after, .nav-tabs-fillup.nav-tabs-right>li>a:after { width: calc(100% + 1px); height: 100%; } .nav-tabs-fillup.nav-tabs-left>li.active a:after, .nav-tabs-fillup.nav-tabs-right>li.active a:after { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -ms-transform: translate(0px, 0px); } .nav-tabs-fillup.nav-tabs-left>li>a:after { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -ms-transform: translate(100%, 0); } .nav-tabs-fillup.nav-tabs-left>li>a span { -webkit-transform: translate3d(5px, 0, 0px); transform: translate3d(5px, 0, 0px); -ms-transform: translate(5px, 0); } .nav-tabs-fillup.nav-tabs-left>li.active a span { -webkit-transform: translate3d(-5px, 0, 0px); transform: translate3d(-5px, 0, 0px); -ms-transform: translate(-5px, 0); } .nav-tabs-fillup.nav-tabs-left>li.active .icon:before { -webkit-transform: translate3d(-5px, 0, 0px); transform: translate3d(-5px, 0, 0px); -ms-transform: translate(-5px, 0); } .nav-tabs-fillup.nav-tabs-right>li>a:after { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); left: -1px; } .nav-tabs-fillup.nav-tabs-right>li>a span { -webkit-transform: translate3d(-5px, 0, 0px); transform: translate3d(-5px, 0, 0px); -ms-transform: translate(-5px, 0); } .nav-tabs-fillup.nav-tabs-right>li.active a span { -webkit-transform: translate3d(5px, 0, 0px); transform: translate3d(5px, 0, 0px); -ms-transform: translate(5px, 0); } .nav-tabs-fillup.nav-tabs-right>li.active .icon:before { -webkit-transform: translate3d(5px, 0, 0px); transform: translate3d(5px, 0, 0px); -ms-transform: translate(5px, 0); } .nav-tabs-header { overflow: scroll; width: 100%; } .nav-tabs-header .nav-tabs { width: auto; white-space: nowrap; } .nav-tabs-header .nav-tabs>li { display: inline-block; float: inherit; } .nav-tabs-header.nav-tabs-linetriangle { height: 54px; overflow-y: hidden; } .nav-tabs-header.nav-tabs-linetriangle:after { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; position: relative; bottom: 3px; z-index: 120; content: ""; clear: both; } .nav-tabs-header.nav-tabs-linetriangle~.tab-content { position: relative; top: -12px; } .nav-tabs-header~.tab-content { overflow: hidden; padding: 15px; } .nav-tab-dropdown .cs-select { width: 100% !important; max-width: 100%; } .nav-tab-dropdown .cs-select .cs-placeholder { height: 48px; padding: 12px 34px 15px 15px; font-family: 'Montserrat'; font-weight: 500; letter-spacing: 0.06em; font-size: 10.5px; text-transform: uppercase; } .nav-tab-dropdown .cs-select .cs-backdrop { border: 1px solid transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } /* Panel Groups ------------------------------------ */ .card-group { margin-bottom: 18px; } .card-group.horizontal { display: block; } .card-group.horizontal .card+.card { border-left: 1px solid rgba(0, 0, 0, 0.07); } .card-group .card-header { padding: 13px 18px 10px 22px; } .card-group .card-header.collapsed { background-color: #fff; } .card-group .card-header+.card-collapse .card-body { border: 0; } .card-group .card-header .card-title { width: 100%; } .card-group .card-header .card-title>a { color: #7a8994; font-size: 13px; font-weight: normal; display: block; opacity: 1; } .card-group .card-header .card-title>a:hover { color: #7a8994 !important; } .card-group .card-header .card-title>a:hover:after { color: #7a8994 !important; } .card-group .card-header .card-title>a:after { font-family: 'FontAwesome'; content: "\f056"; position: absolute; right: 13px; top: 36%; color: #7a8994; } .card-group .card-header .card-title>a.collapsed { color: rgba(122, 137, 148, 0.7); opacity: 1; } .card-group .card-header .card-title>a.collapsed:after { content: "\f055"; color: rgba(122, 137, 148, 0.7); } .card-group .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .card-group .card+.card { margin-top: 2px; } .card-group .card .card-body { height: auto; } .nav-pills>li:first-child { padding-left: 0; } .nav-pills>li>a { color: #7a8994; } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color: #7a8994; background-color: #eaecee; } @media (max-width: 767px) { .nav.nav-tabs.nav-stack-sm li { float: none; } .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle>li.active>a:after, .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle>li.active>a:before { display: none; } } /*------------------------------------------------------------------ [10. Modals] */ .modal .close { position: absolute; right: 25px; top: 15px; } .modal .close:focus { outline: 0; } .modal .modal-dialog { transition: all .2s !important; } .modal .modal-content { border: 1px solid #f2f6f7; border-radius: 3px; box-shadow: none; } .modal .modal-header { text-align: center; border-bottom: 0; padding: 25px 25px 0 25px; position: relative; flex-direction: column; align-items: flex-start; } .modal .modal-header p { color: #8b91a0; } .modal .modal-body { box-shadow: none; padding: 25px; padding-top: 0; white-space: normal; } .modal .modal-footer { border-top: none; box-shadow: none; margin-top: 0; padding: 25px; padding-top: 0; } .modal .drop-shadow { box-shadow: 0 0 9px rgba(191, 191, 191, 0.36) !important; } .modal.fade { opacity: 1 !important; } .modal.fade.stick-up { /*&.in{ .modal-dialog{ .translate3d(0,0,0); } }*/ } .modal.fade.stick-up .modal-dialog { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -ms-transform: translate(0, -100%); margin-top: -5px; } .modal.fade.stick-up.show .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); } .modal.fade.slide-up { height: 100%; top: auto; /*&.in{ .modal-dialog{ .translate3d(0,0,0); } }*/ } .modal.fade.slide-up.show .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); } .modal.fade.slide-up.disable-scroll { overflow: hidden; } .modal.fade.slide-up .modal-dialog { display: table; height: 100%; -webkit-transform: translate3d(0, 75%, 0); transform: translate3d(0, 75%, 0); -ms-transform: translate(0, 75%); } .modal.fade.slide-up .modal-content-wrapper { display: table-cell; vertical-align: middle; } .modal.fade.center-scale { /*&.in{ .modal-dialog{ opacity: 1; .scale(1); } }*/ } .modal.fade.center-scale .modal-dialog { display: table; height: 100%; } .modal.fade.center-scale .modal-content { display: table-cell; vertical-align: middle; border: 0; background: transparent; } .modal.fade.center-scale .modal-content .modal-header { border-bottom: 0px; } .modal.fade.center-scale.show .modal-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal.fade.center-scale .modal-dialog { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .modal.fade.fill-in { background-color: rgba(255, 255, 255, 0); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; /*&.in{ background-color: rgba(255, 255, 255, 0.85); .modal-dialog{ opacity: 1; .scale(1); } }*/ } .modal.fade.fill-in>.close { opacity: 0.6; z-index: 9999; } .modal.fade.fill-in>.close>i { font-size: 16px; } .modal.fade.fill-in .modal-dialog { display: table; height: 100%; } .modal.fade.fill-in .modal-content { display: table-cell; vertical-align: middle; border: 0; background: transparent; } .modal.fade.fill-in .modal-content .modal-header { border-bottom: 0px; } .modal.fade.fill-in.show { background-color: rgba(255, 255, 255, 0.85); } .modal.fade.fill-in.show .modal-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal.fade.fill-in .modal-dialog { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .modal.fade.slide-right { /*&.in{ .modal-dialog{ .translate3d(0,0,0); } }*/ } .modal.fade.slide-right .close { position: absolute; top: 0; right: 0; margin-right: 10px; z-index: 10; } .modal.fade.slide-right.show .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); } .modal.fade.slide-right .modal-dialog { position: absolute; right: 0; margin: 0; height: 100%; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -ms-transform: translate(100%, 0); } .modal.fade.slide-right .modal-dialog .modal-content-wrapper { height: 100%; } .modal.fade.slide-right .modal-dialog .modal-content { height: 100%; } .modal.fade.slide-right .modal-dialog .modal-body { background-color: #fff; } .modal.fade.slide-right .modal-content { border-radius: 0px; } .fill-in-modal .modal-backdrop { background-color: transparent; } .modal-backdrop { opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; /*&.in{ opacity: 0.30; }*/ } .modal-backdrop.show { opacity: 0.30; } /* Responsive Handlers: Modals ------------------------------------ */ @media (min-width: 992px) { /* .modal-lg { width: 900px; } */ } @media (max-width: 768px) { .modal.fill-in .modal-dialog { width: calc(100% - 20px); } .modal.slide-up .modal-dialog { width: calc(100% - 20px); } } @media (min-width: 768px) { .modal.stick-up .modal-dialog { margin: -5px auto; } .modal.slide-up .modal-dialog { margin: 0 auto; } .modal.fill-in .modal-dialog { margin: 0 auto; } .modal .modal-content { box-shadow: none; } /* .modal .modal-dialog { width: 600px; } */ .modal .modal-sm { width: 300px; } .modal .modal-sm { min-width: auto; } } /*------------------------------------------------------------------ [12. Sliders] */ /* Ion Range Slider https://github.com/IonDen/ion.rangeSlider -------------------------------------------------- */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background-image: none; } .irs-bar { background: #ea2c54; } .irs-wrapper .irs-line { background-color: #eaecee; } .irs-wrapper .irs-line-mid, .irs-wrapper .irs-line-left, .irs-wrapper .irs-line-right, .irs-wrapper .irs-diapason, .irs-wrapper .irs-slider { background: none; } .irs-wrapper .irs-diapason { background-color: #ea2c54; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .irs-wrapper .irs-from, .irs-wrapper .irs-to, .irs-wrapper .irs-single { background: #ea2c54; } .irs-wrapper .irs-slider.from:before { top: -2%; left: 37%; width: 16%; height: 100%; background: rgba(0, 0, 0, 0); background-color: #ea2c54; } .irs-wrapper .irs-slider.to:before { top: -2%; left: 37%; width: 16%; height: 100%; background: rgba(0, 0, 0, 0); background-color: #ea2c54; } .irs-wrapper .irs-slider.single:before { top: -2%; left: 37%; width: 16%; height: 100%; background: rgba(0, 0, 0, 0); background-color: #ea2c54; } .irs-wrapper .irs-from:after, .irs-wrapper .irs-to:after, .irs-wrapper .irs-single:after { border-top-color: #ea2c54; } .irs-wrapper.success .irs-diapason { background-color: #007be8; } .irs-wrapper.success .irs-from, .irs-wrapper.success .irs-to, .irs-wrapper.success .irs-single { background: #007be8; } .irs-wrapper.success .irs-slider.from:before { background-color: #007be8; } .irs-wrapper.success .irs-slider.to:before { background-color: #007be8; } .irs-wrapper.success .irs-slider.single:before { background-color: #007be8; } .irs-wrapper.success .irs-from:after, .irs-wrapper.success .irs-to:after, .irs-wrapper.success .irs-single:after { border-top-color: #007be8; } .irs-wrapper.success .irs-bar { background-color: #007be8; } .irs-wrapper.primary .irs-diapason { background-color: #007be8; } .irs-wrapper.primary .irs-from, .irs-wrapper.primary .irs-to, .irs-wrapper.primary .irs-single { background: #007be8; } .irs-wrapper.primary .irs-slider.from:before { background-color: #007be8; } .irs-wrapper.primary .irs-slider.to:before { background-color: #007be8; } .irs-wrapper.primary .irs-slider.single:before { background-color: #007be8; } .irs-wrapper.primary .irs-from:after, .irs-wrapper.primary .irs-to:after, .irs-wrapper.primary .irs-single:after { border-top-color: #007be8; } .irs-wrapper.primary .irs-bar { background-color: #007be8; } .irs-wrapper.warning .irs-diapason { background-color: #fed76e; } .irs-wrapper.warning .irs-from, .irs-wrapper.warning .irs-to, .irs-wrapper.warning .irs-single { background: #fed76e; } .irs-wrapper.warning .irs-slider.from:before { background-color: #fed76e; } .irs-wrapper.warning .irs-slider.to:before { background-color: #fed76e; } .irs-wrapper.warning .irs-slider.single:before { background-color: #fed76e; } .irs-wrapper.warning .irs-from:after, .irs-wrapper.warning .irs-to:after, .irs-wrapper.warning .irs-single:after { border-top-color: #fed76e; } .irs-wrapper.warning .irs-bar { background-color: #fed76e; } .irs-wrapper.complete .irs-diapason { background-color: #00e8ba; } .irs-wrapper.complete .irs-from, .irs-wrapper.complete .irs-to, .irs-wrapper.complete .irs-single { background: #00e8ba; } .irs-wrapper.complete .irs-slider.from:before { background-color: #00e8ba; } .irs-wrapper.complete .irs-slider.to:before { background-color: #00e8ba; } .irs-wrapper.complete .irs-slider.single:before { background-color: #00e8ba; } .irs-wrapper.complete .irs-from:after, .irs-wrapper.complete .irs-to:after, .irs-wrapper.complete .irs-single:after { border-top-color: #00e8ba; } .irs-wrapper.complete .irs-bar { background-color: #00e8ba; } .irs-wrapper.danger .irs-diapason { background-color: #ea2c54; } .irs-wrapper.danger .irs-from, .irs-wrapper.danger .irs-to, .irs-wrapper.danger .irs-single { background: #ea2c54; } .irs-wrapper.danger .irs-slider.from:before { background-color: #ea2c54; } .irs-wrapper.danger .irs-slider.to:before { background-color: #ea2c54; } .irs-wrapper.danger .irs-slider.single:before { background-color: #ea2c54; } .irs-wrapper.danger .irs-from:after, .irs-wrapper.danger .irs-to:after, .irs-wrapper.danger .irs-single:after { border-top-color: #ea2c54; } .irs-wrapper.danger .irs-bar { background-color: #ea2c54; } /* noUiSlider http://refreshless.com/nouislider/ -------------------------------------------------- */ .noUi-target { border-radius: 0px; border: 0; box-shadow: none; direction: ltr; } .noUi-target.bg-complete .noUi-connect { background-color: #00e8ba; } .noUi-target.bg-success .noUi-connect { background-color: #007be8; } .noUi-target.bg-warning .noUi-connect { background-color: #fed76e; } .noUi-target.bg-danger .noUi-connect { background-color: #ea2c54; } .noUi-target.bg-info .noUi-connect { background-color: #47525e; } .noUi-target.bg-primary .noUi-connect { background-color: #007be8; } .noUi-target.noUi-connect { box-shadow: none; } .noUi-handle { border-radius: 999px; box-shadow: none; } .noUi-handle:before, .noUi-handle:after { display: none; } .noUi-horizontal { height: 4px; } .noUi-horizontal .noUi-handle { width: 18px; height: 18px; left: -15px; border: 1px solid #e0e4e6; top: -7px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .noUi-horizontal .noUi-handle:hover { border: 1px solid #cad0d4; } .noUi-horizontal .noUi-handle:active { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); border: 1px solid #e0e4e6; } .noUi-horizontal .noUi-handle:focus { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); border: 1px solid #e0e4e6; } .disable-hover-scale .noUi-handle:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .disable-hover-scale .noUi-handle:focus { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .vertical-slider { height: 150px; } .noUi-vertical { width: 4px; } .noUi-vertical .noUi-handle { width: 18px; height: 18px; border: 1px solid #e0e4e6; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .noUi-vertical .noUi-handle:hover { border: 1px solid #cad0d4; } .noUi-vertical .noUi-handle:active { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); border: 1px solid #e0e4e6; } .noUi-vertical .noUi-handle:focus { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); border: 1px solid #e0e4e6; } .noUi-base { padding: 5px 0; } .noUi-origin { border-radius: 0px; bottom: 5px; } .noUi-connect { box-shadow: none; } .noUi-background { background: #eff1f2 !important; box-shadow: none; } /*------------------------------------------------------------------ [14. Nesstables] */ .dd-handle { border-color: rgba(234, 236, 238, 0.7); color: #7a8994; } .dd-handle:hover { background-color: #f6f9fa; } .dark .dd-handle { color: #7a8994; background: #f2f4f5; } .dark .dd-handle:hover { background-color: #f6f9fa; } .dark .dd-placeholder { background-color: #eaecee; } .dd3-content { background: #fff; border-color: rgba(234, 236, 238, 0.7); color: #7a8994; } .dd3-content:hover { background-color: #f6f9fa; } .dd3-handle { background: transparent; text-indent: 9999px; } .dd3-handle:before { font-family: 'pages-icon'; color: #7a8994; content: "\e660"; font-size: 11px; top: 5px; } .dd-placeholder { background: #f2f4f5; border-color: rgba(122, 137, 148, 0.35); } .dd-empty { background-image: none; background: #f2f4f5; border-color: rgba(122, 137, 148, 0.5); } .dd-item>button { font-size: 11px; } .dd-item>button:before { font-family: 'pages-icon'; content: "\e63b"; } .dd-item>button[data-action="collapse"]:before { font-family: 'pages-icon'; content: "\e635"; } /* Responsive Handlers : Nestables ------------------------------------ */ @media only screen and (min-width: 700px) { .dd { width: 100%; } .nestable-lists .dd { float: left; } } /*------------------------------------------------------------------ [13. Treeview] */ span.dynatree-active a { color: #373e43 !important; background-color: transparent !important; } span.dynatree-selected a { color: #373e43 !important; font-style: normal; } ul.dynatree-container a:focus, span.dynatree-focused a:link { background-color: transparent; } ul.dynatree-container { background-color: transparent; } ul.dynatree-container a:hover { color: #7a8994; opacity: 0.7; background-color: transparent; } ul.dynatree-container a { color: #7a8994; } span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker { height: 17px; position: relative; top: 3px; } /*------------------------------------------------------------------ [2. View Ports] */ .view-port { position: relative; width: 100%; height: 100%; display: block; white-space: nowrap; word-spacing: 0; font-size: 0; overflow: hidden; } .view-port>* { font-size: initial; } .view-port .navbar { border-radius: 0; padding-left: 0; margin-bottom: 0; border-left: 0; display: table; width: 100%; top: 0; border-top: 0; padding: 0; border-bottom: 1px solid #e7e7e7; } .view-port .navbar .navbar-inner { display: table-cell; height: 50px; vertical-align: middle; } .view-port .navbar .action { position: absolute; top: 0; line-height: 50px; z-index: 1; } .view-port .navbar .action.pull-right { right: 0; } .view-port .navbar .view-heading { font-size: 15px; text-align: center; } .view-port .navbar>p { line-height: 12px; font-size: 12px; margin: 0; } .view-port .navbar.navbar-sm { min-height: 35px; } .view-port .navbar.navbar-sm .navbar-inner { height: 35px; } .view-port .navbar.navbar-sm .action { line-height: 35px; } .view-port .view { display: inline-block; width: 100%; height: 100%; vertical-align: top; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .view-port .view:first-child:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; z-index: -1; } .view-port .view:only-child { margin: 0; } .view-port.from-top>.view:last-child { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); } .view-port.push>.view:first-child { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); } .view-port.push>.view:last-child { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); } .view-port.push-parrallax>.view:first-child { -webkit-transition: all 400ms cubic-bezier(0.1, 0.7, 0.1, 1); transition: all 400ms cubic-bezier(0.1, 0.7, 0.1, 1); -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); -ms-transform: translate(-25%, 0); } .view-port.push-parrallax>.view:first-child:before { opacity: 0; z-index: 100; } .view-port.push-parrallax>.view:last-child { -webkit-transition: all 400ms cubic-bezier(0.1, 0.7, 0.1, 1); transition: all 400ms cubic-bezier(0.1, 0.7, 0.1, 1); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); } /*------------------------------------------------------------------ [4. Cards] */ .card { -webkit-box-shadow: none; box-shadow: none; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; margin-bottom: 20px; width: 100%; word-wrap: none; } .card .card-header { background: transparent; border-radius: 0px; border-bottom: 0px; padding: 20px 20px 7px 20px; position: relative; z-index: 3; min-height: 48px; } .card .card-header.separator:after { content: ""; height: 1px; background: rgba(0, 0, 0, 0.08); left: 16px; right: 16px; position: absolute; bottom: 0; } .card .card-header+.card-body { padding-top: 0; } .card .card-header .card-title { font-family: 'Montserrat'; text-transform: uppercase; display: inline-block; letter-spacing: 0.06em; font-size: 10.5px; font-weight: 500; margin: 0; padding: 0; line-height: normal; overflow: hidden; text-overflow: ellipsis; -webkit-text-stroke: 0px; filter: alpha(opacity=40); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .card .card-header .card-controls { float: right; margin-top: -3px; } .card .card-header .card-controls ul { margin: 0; padding: 0; } .card .card-header .card-controls ul li { display: inline-block; list-style: none; line-height: 0; } .card .card-header .card-controls:after { content: ""; display: table; clear: both; } .card .card-header.card-header-hover .card-title { opacity: .4; } .card .card-header.card-header-hover:hover .card-title { opacity: 1; } .card.card-default { border: 1px solid rgba(0, 0, 0, 0.07); } .card.card-default>.card-header { color: #333; } .card.card-bordered { border: 1px solid rgba(234, 236, 238, 0.7); } .card.card-borderless { border: none; } .card.card-condensed .card-header { padding: 13px 13px 0 13px; min-height: 30px; } .card.card-condensed .card-header .card-title { opacity: .4; } .card.card-condensed .card-body { padding: 13px; } .card.card-hover .card-header .card-title { opacity: .4; } .card.card-hover:hover .card-header .card-title { opacity: 1; } .card.card-transparent { background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; } .card.card-transparent .card-body { background: transparent; /* overflow-x: scroll; */ } .card.full-height { height: calc(100%); } .card.full-height .card-body { height: auto; width: 100%; height: 100%; } .card.card-featured { -webkit-box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.14); box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.14); width: calc(100% - 50px); float: right; } .card.card-featured .card-title h4 { font-family: 'Montserrat'; font-size: 16px; text-transform: uppercase; color: #f2f4f5; } .card.card-featured .card-body h3 { line-height: 34px; font-size: 26px; } .card.card-featured .footer .username { line-height: 8px; padding-top: 10px; font-size: 16px; } .card.card-featured .footer .buttons li { display: inline; list-style: none; font-weight: bold; margin-left: 20px; } .card.card-featured .footer .buttons li:first-child { margin-left: 0; } .card.card-featured .footer .buttons .heart { color: #ea2c54; } .card.card-featured .footer .buttons .comment { color: #7a8994; } .card.card-featured .ribbon { width: 38px; height: 38px; margin-left: -39px; float: left; -webkit-box-shadow: inset -3px 0px 3px 0px rgba(0, 0, 0, 0.14); box-shadow: inset -3px 0px 3px 0px rgba(0, 0, 0, 0.14); } .card.card-featured .ribbon.green { background: #00e8ba; } .card.card-featured .ribbon.blue { background: #007be8; } .card.hover-fill:hover { background: #f2f4f5; } .card.hover-stroke:hover { border: 1px solid #eaecee; } .card .card-body { padding: 20px; } .card .card-body.no-padding .row { margin-left: 0; margin-right: 0; } .card .card-body.no-bottom-padding { padding-bottom: 0; } .card .card-body.no-top-padding { padding-top: 0; } .card .card-body .title { margin-top: 0px; } .card .card-body.scrollable { margin-bottom: 20px; } /* Portlets ------------------------------------ */ .card-progress { background: rgba(255, 255, 255, 0.8); bottom: 0; left: 0; position: absolute !important; right: 0; top: 0; display: none; z-index: 2; } .card-progress>.progress, .card-progress>.progress.progress-small { height: 3px; } .card-progress>.progress-circle-indeterminate, .card-progress>.card-bar-indeterminate { display: block; left: 50%; margin-left: -17px; margin-top: -17px; position: absolute; top: 50%; } .card-progress>.progress-circle-indeterminate { width: 35px; height: 35px; } .card-maximized { position: fixed !important; left: 280px; top: 59px; bottom: 0; right: 0; z-index: 600; margin: 0; width: auto; } /* Pages notification holder */ .card .pgn-wrapper { position: absolute; z-index: 602; left: 0 !important; top: 0 !important; } .card-header a:not(.btn) { color: #7a8994 !important; opacity: .4; padding-top: 10px; padding-bottom: 10px; } .card-header a:not(.btn).card-refresh { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .card-header a:not(.btn).card-refresh.refreshing { opacity: 1; } .card-header .dropdown-menu .dropdown-item { padding: 0 20px !important; } .card-header .dropdown-menu .dropdown-item:hover { opacity: 1; background-color: transparent; } .card-header a[data-toggle]:hover { opacity: 1; } .card-icon { -moz-osx-font-smoothing: grayscale; font-family: "pages-icon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; } .card-icon-close:before { content: "\e60a"; } .card-icon-maximize:before { content: "\e634"; } .card-icon-refresh:before { content: "\e600"; } .card-icon-collapse:before { content: "\e62c"; } .card-icon-settings:before { content: "\e655"; } .card-icon-refresh-lg-master, .card-icon-refresh-lg-white { width: 15px; height: 15px; display: block; background-size: cover; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .card-icon-refresh-lg-master.fade, .card-icon-refresh-lg-white.fade { opacity: 0.1; } .card-icon-refresh-lg-master { background-image: url('../../img/progress/progress-circle-lg-master-static.svg'); } .card-icon-refresh-lg-white { background-image: url('../../img/progress/progress-circle-lg-white-static.svg'); } .card-icon-refresh-lg-master-animated, .card-icon-refresh-lg-white-animated { width: 15px; height: 15px; display: block; background-size: cover; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .card-icon-refresh-lg-master-animated.active, .card-icon-refresh-lg-white-animated.active { opacity: 1; } .card-icon-refresh-lg-master-animated { background-image: url('../../img/progress/progress-circle-lg-master.svg'); } .card-icon-refresh-lg-white-animated { background-image: url('../../img/progress/progress-circle-lg-white.svg'); } /* For demo purpose only */ .card-scroll { height: 100px; } .sortable .card-header { cursor: move; } /* To prevent lag while dragging */ .ui-sortable-handle { transition: max-height 0.3s ease 0s; } .sortable .grid .grid-title { cursor: move; } .ui-sortable { /* min-height: 0px !important; */ } .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 100% !important; } .ui-sortable-placeholder * { visibility: hidden; } .sortable-box-placeholder { background-color: #f2f4f5; border: 1px dashed #eaecee; display: block; margin-top: 0px !important; margin-bottom: 24px !important; } .sortable-box-placeholder * { visibility: hidden; } .sortable .card { transition: none; } .sortable-column { padding-bottom: 100px; } .demo-card-scrollable { height: 158px; } .card-body { padding: 15px; } /*------------------------------------------------------------------ [15. Form Elements] */ label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input[type="radio"], input[type="checkbox"] { margin-top: 1px 0 0; line-height: normal; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select[multiple], select[size] { height: auto !important; } input:focus, select:focus, textarea:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } form legend { margin: 15px 0px 10px 0px; } .form-control { background-color: #fff; background-image: none; border: 1px solid #d6d0d0; font-family: Arial, sans-serif; -webkit-appearance: none; color: #373e43; outline: 0; padding: 8px 12px; line-height: normal; font-size: 14px; font-weight: normal; vertical-align: middle; min-height: 35px; -webkit-transition: all 0.12s ease; transition: all 0.12s ease; -webkit-box-shadow: none; box-shadow: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; } .form-control:focus { border-color: rgba(0, 0, 0, 0.1); background-color: #f2f4f5; outline: 0 !important; -webkit-box-shadow: none; box-shadow: none; } .form-control:focus::-moz-placeholder { color: inherit; opacity: 0.7; } .form-control:focus:-ms-input-placeholder { color: inherit; opacity: 0.7; } .form-control:focus::-webkit-input-placeholder { color: inherit; opacity: 0.7; } .form-control::-moz-placeholder { color: inherit; opacity: 0.33; } .form-control:-ms-input-placeholder { color: inherit; opacity: 0.33; } .form-control::-webkit-input-placeholder { color: inherit; opacity: 0.33; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: #f9f9fa; color: #9f9f9f; } .form-control.transparent { background-color: transparent; border-color: transparent; } .form-control.transparent:focus { background-color: transparent; border-color: transparent; } /* Input Sizes -------------------------------------------------- */ .input-sm, .form-horizontal .form-group-sm .form-control { font-size: 13px; min-height: 32px; padding: 7px 9px; } .input-lg, .form-horizontal .form-group-lg .form-control { border-radius: 3px; font-size: 18px; min-height: 45px; padding: 11px 13px; } .input-xlg { min-height: 51px; font-size: 18px; line-height: 22px; } .input-group-lg .form-control { padding: 6px 1rem; } .input-group-sm .form-control { padding: 0 .5rem; min-height: 32px; } .select2-lg .select2-container .select2-selection.select2-selection--single { height: 45px; padding: 11px 13px; } .select2-lg .select2-container .select2-selection.select2-selection--single .select2-selection__rendered { padding-top: 0px; line-height: 22px; font-size: 18px; } .select2-lg .select2-container .select2-selection.select2-selection--single .select2-selection__arrow { bottom: 9px; } .select2-sm .select2-container .select2-selection.select2-selection--single { height: 32px; padding: 8px 9px; } .select2-sm .select2-container .select2-selection.select2-selection--single .select2-selection__rendered { padding-top: 0px; line-height: 16px; font-size: 13px; } .select2-sm .select2-container .select2-selection.select2-selection--single .select2-selection__arrow { bottom: 4px; } /* Checkboxes and Radio buttons -------------------------------------------------- */ .radio, .checkbox { margin-bottom: 10px; margin-top: 10px; padding-left: 0px; } .radio label, .checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; min-width: 17px; min-height: 17px; font-size: 13px; line-height: 20px; margin-bottom: 0; } .radio label:before, .checkbox label:before { -webkit-box-sizing: inherit; box-sizing: border-box; content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 10px; position: absolute; left: 0px; background-color: #fff; border: 1px solid #d7dcdf; } .radio label { margin-bottom: 6px; } .radio label:before { bottom: 2.5px; border-radius: 99px; -webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); } .radio input[type=radio]:checked+label:before { border-width: 5px; } .radio input[type="radio"]:focus+label { color: #373e43; } .radio input[type="radio"]:focus+label:before { background-color: #eaecee; } .radio input[type=radio] { opacity: 0; width: 0; height: 0; } .radio input[type=radio][disabled]+label { opacity: 0.65; } .radio.radio-success input[type=radio]:checked+label:before { border-color: #007be8; } .radio.radio-primary input[type=radio]:checked+label:before { border-color: #007be8; } .radio.radio-info input[type=radio]:checked+label:before { border-color: #47525e; } .radio.radio-warning input[type=radio]:checked+label:before { border-color: #fed76e; } .radio.radio-danger input[type=radio]:checked+label:before { border-color: #ea2c54; } .radio.radio-complete input[type=radio]:checked+label:before { border-color: #00e8ba; } .checkbox+.checkbox, .radio+.radio { margin-top: -5px; } .checkbox input[type=radio][disabled]+label:after { background-color: #eaecee; } .checkbox label { transition: border 0.2s linear 0s, color 0.2s linear 0s; } .checkbox label:before { top: 1.4px; border-radius: 3px; transition: border 0.2s linear 0s, color 0.2s linear 0s; } .checkbox label::after { display: inline-block; width: 16px; height: 16px; position: absolute; left: 3.5px; top: 0px; font-size: 11px; transition: border 0.2s linear 0s, color 0.2s linear 0s; } .checkbox label:after { border-radius: 3px; } /* .checkbox input[type=checkbox] { opacity: 0; width: 0; height: 0; } */ .checkbox.checkbox-circle label:after { border-radius: 99px; } .checkbox.checkbox-circle label:before { border-radius: 99px; } .checkbox input[type=checkbox]:checked+label:before { border-width: 8.5px; } .checkbox input[type=checkbox]:checked+label::after { font-family: 'FontAwesome'; content: "\F00C"; color: #fff; } .checkbox input[type="checkbox"]:focus+label { color: #373e43; } .checkbox input[type="checkbox"]:focus+label:before { background-color: #eaecee; } .checkbox input[type=checkbox][disabled]+label { opacity: 0.65; } .checkbox input[type=checkbox][disabled]+label:before { background-color: #eceff3; } .checkbox.right label { margin-right: 35px; padding-left: 0 !important; } .checkbox.right label:before { right: -35px; left: auto; } .checkbox.right input[type=checkbox]:checked+label { position: relative; } .checkbox.right input[type=checkbox]:checked+label::after { font-family: 'FontAwesome'; content: "\F00C"; position: absolute; right: -27px; left: auto; } body.rtl .checkbox label::after { left: -1.2px; } .checkbox.check-success input[type=checkbox]:checked+label:before { border-color: #007be8; } .checkbox.check-primary input[type=checkbox]:checked+label:before { border-color: #007be8; } .checkbox.check-complete input[type=checkbox]:checked+label:before { border-color: #00e8ba; } .checkbox.check-warning input[type=checkbox]:checked+label:before { border-color: #fed76e; } .checkbox.check-danger input[type=checkbox]:checked+label:before { border-color: #ea2c54; } .checkbox.check-info input[type=checkbox]:checked+label:before { border-color: #47525e; } .checkbox.check-success input[type=checkbox]:checked+label::after, .checkbox.check-primary input[type=checkbox]:checked+label::after, .checkbox.check-complete input[type=checkbox]:checked+label::after, .checkbox.check-warning input[type=checkbox]:checked+label::after, .checkbox.check-danger input[type=checkbox]:checked+label::after, .checkbox.check-info input[type=checkbox]:checked+label::after { color: #fff; } .input-group-text { background-color: #f2f4f5; color: rgba(122, 137, 148, 0.47); font-size: 14px; border: 1px solid rgba(0, 0, 0, 0.07); padding-left: 10px; padding-right: 10px; border-radius: 2px; } .input-group-text.primary { border: 1px solid #007be8; color: #fff; background-color: #007be8; } .input-group-text.success { background-color: #0090d9; color: #fff; } .input-group-text.info { background-color: #1f3853; color: #fff; } .input-group-text.warning { background-color: #fbb05e; color: #fff; } .input-group-text.danger { background-color: #f35958; color: #fff; } .input-group-text.transparent { background-color: transparent; } .input-group-append .input-group-text { border-left: 0; } .input-group-prepend .input-group-text { border-right: 0; } /* Form layouts -------------------------------------------------- */ /* custom styles -------------------------------------------------- */ .top-6 { position: relative; top: 6px; } .line-h-1 { line-height: 1; } .border-rad-50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .font-10 { font-size: 10px !important; } .font-13 { font-size: 13px !important; } .font-12 { font-size: 12px !important; } .font-14 { font-size: 14px !important; } .font-15 { font-size: 15px !important; } .font-16 { font-size: 16px !important; } .font-18 { font-size: 18px !important; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-32 { font-size: 32px !important; } .font-48 { font-size: 48px !important; } .page-content-wrapper { overflow-x: hidden; } /* input [type = file] ----------------------------------------------- */ .control-fileupload input[type=file] { display: block !important; right: 1px; top: 1px; height: 34px; opacity: 0; width: 100%; background: none; position: absolute; overflow: hidden; z-index: 2; } .control-fileupload { display: block; border: 1px solid #d6d7d6; background: #FFF; border-radius: 4px; width: 100%; height: 36px; line-height: 36px; padding: 0px 10px 2px 10px; overflow: hidden; position: relative; /* File upload button */ } .control-fileupload:before, .control-fileupload input, .control-fileupload label { cursor: pointer !important; } .control-fileupload:before { /* inherit from boostrap btn styles */ padding: 4px 12px; margin-bottom: 0; font-size: 14px; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -o-linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; /* add more custom styles*/ content: 'Browse'; display: block; position: absolute; z-index: 1; top: 2px; right: 2px; line-height: 20px; text-align: center; } .control-fileupload:hover:before, .control-fileupload:focus:before { background-color: #e6e6e6; color: #333333; text-decoration: none; background-position: 0 -15px; transition: background-position 0.2s ease-out; } .control-fileupload label { line-height: 1; color: #999999; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; z-index: 1; margin-right: 90px; margin-bottom: 0px; cursor: text; } .nav-tabs-simple { border-bottom: 0px; margin: 0; background: #fbfbfb; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 0; border: 2px solid #eee; } .nav-tabs-simple~.tab-content { background: #fff; overflow: hidden; overflow-x: auto; } .nav-tabs-simple>li>a:after { background-color: #333; } .nav-tabs-simple>li>a { padding: 13px 30px; letter-spacing: 0px; color: #333; font-size: 12px; line-height: 1; } .nav-tabs-simple>li { margin-bottom: 0; border-right: 2px solid #eee; } .nav-tabs-simple>li>a.active { background: #ec9b1e; color: #fff; } .nav-tabs-simple>li>a.active:hover, .nav-tabs-simple>li>a.active:focus { background: #ec9b1e; color: #fff; } .nav-tabs-simple>li>a.active:hover, .nav-tabs-simple>li>a.active:focus { background: #ec9b1e; color: #fff; } .nav-tabs-simple>li>a:hover, .nav-tabs-simple>li>a:focus { background: #ec9b1e; color: #fff; } /* -----------Metro Box------------ */ .metro-box .more-link { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 3px 0px; width: 100px; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; z-index: 1; border: 1px solid #cacaca; } .metro-box .card { position: relative; overflow: hidden; margin-bottom: 0 !important; } .metro-box .color-light1 { color: #fff !important; } .metro-box .card-body { padding: 15px; display: table; width: 100%; height: 130px; } .metro-box .card h3 { display: table-cell; vertical-align: middle; position: relative; top: -15px; } .metro-box .card .material-icons { color: #fff; font-size: 24px; padding: 40px 40px 20px 20px; position: absolute; top: -30px; right: -30px; } .metro-box .card:hover .material-icons { font-size: 50px; } .metro-box .widget-bg1 .card-body { background: #009688; } .metro-box .widget-bg1 .card-body .material-icons { background: #00796B; } .metro-box .widget-bg2 .card-body { background: #E91E63; } .metro-box .widget-bg2 .card-body .material-icons { background: #C2185B; } .metro-box .widget-bg3 .card-body { background: #2196F3; } .metro-box .widget-bg3 .card-body .material-icons { background: #1976D2; } .metro-box .widget-bg4 .card-body { background: #673AB7; } .metro-box .widget-bg4 .card-body .material-icons { background: #512DA8; } .metro-box .widget-bg5 .card-body { background: #4CAF50; } .metro-box .widget-bg5 .card-body .material-icons { background: #388E3C; } .metro-box .widget-bg6 .card-body { background: #FF9800; } .metro-box .widget-bg6 .card-body .material-icons { background: #F57C00; } .metro-box .box-shadow-0 { -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.13); -ms-box-shadow: 0 0 11px rgba(0, 0, 0, 0.13); -o-box-shadow: 0 0 11px rgba(0, 0, 0, 0.13); box-shadow: 0 0 11px rgba(0, 0, 0, 0.13); } .metro-box .box-shadow-1 { -webkit-box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12); } .metro-box .box-shadow-2 { -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35); -ms-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35); } .metro-box .box-shadow-3 { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); } .metro-box .box-shadow-4 { -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); } .metro-box .border-radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .metro-box .border-radius-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .metro-box .border-radius-50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .metro-box .transition-1 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* -----------...Metro Box------------ */ /*responsive styles -------------------------------------------------- */ @media only screen and (min-width: 768px) { form .row { margin-left: 0; margin-right: 0; } form .row [class*='col-']:not(:first-child), form .row [class*='col-']:not(:last-child) { padding-right: 7px; padding-left: 7px; } form .row [class*='col-']:first-child { padding-left: 0; } form .row [class*='col-']:last-child { padding-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { /*form .row [class*="col-md-"]:not(:first-child), form .row [class*="col-md-"]:not(:last-child){ padding-right: 0; padding-left: 0; }*/ } /* Form layouts : Horizontal -------------------------------------------------- */ .form-horizontal .form-group { border-bottom: 1px solid #eaecee; padding-top: 19px; padding-bottom: 19px; margin-bottom: 0; } .form-horizontal .form-group:last-child { border-bottom: none; } .form-horizontal .form-group:hover .control-label { opacity: .6; } .form-horizontal .form-group.focused .control-label { opacity: 1; } .form-horizontal .form-group .control-label { text-align: left; opacity: .42; -webkit-transition: opacity ease 0.3s; transition: opacity ease 0.3s; } .form-horizontal .radio { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; } /* Form layouts : Attached -------------------------------------------------- */ .form-group-attached .form-group.form-group-default { border-radius: 0; margin-bottom: 0; } .form-group-attached>div { margin: 0; } .form-group-attached>div:first-child.row>[class*='col-']:first-child .form-group-default { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; } .form-group-attached>div:first-child.row>[class*='col-']:last-child .form-group-default { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; } .form-group-attached>div:first-child.form-group-default { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; } .form-group-attached>div:last-child.row>[class*='col-']:first-child .form-group-default { -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; } .form-group-attached>div:last-child.row>[class*='col-']:last-child .form-group-default { -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; } .form-group-attached>div:last-child.form-group-default { -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; } .form-group-attached>div.row>[class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .form-group-attached>div.row>[class*='col-']:not(:only-child):not(:last-child)>.form-group-default { border-right-color: transparent; } .form-group-attached>div:not(:last-child) .form-group-default, .form-group-attached>div:not(:last-child).form-group-default { border-bottom-color: transparent; } /* Form layouts : Responsive Handlers -------------------------------------------------- */ @media (max-width: 767px) { .form-group-attached .form-group-default { border-right-color: rgba(0, 0, 0, 0.07) !important; } } @media only screen and (min-width: 768px) { .form-group-attached>div.row>[class*='col-'] .form-group { height: 100%; width: 100%; } } /* Form Groups -------------------------------------------------- */ .form-group { margin-bottom: 10px; } .form-group label:not(.error) { font-family: 'Montserrat'; font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 500; } .form-group label .help { margin-left: 8px; } .form-group .help { font-size: 12px; color: rgba(122, 137, 148, 0.55); } .form-group-default { background-color: #fff; position: relative; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 2px; padding-top: 7px; padding-left: 12px; padding-right: 12px; padding-bottom: 4px; overflow: hidden; width: 100%; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .form-group-default.required:after { color: #ea2c54; content: "*"; font-family: arial; font-size: 20px; position: absolute; right: 12px; top: 6px; } .form-group-default.disabled { background: #f9f9fa; color: rgba(122, 137, 148, 0.23); } .form-group-default.disabled input { opacity: .6; } .form-group-default.disabled.focused { background: #f9f9fa; } .form-group-default.disabled.focused label { opacity: 1; } .form-group-default.focused { border-color: rgba(0, 0, 0, 0.1) !important; background-color: #f2f4f5; } .form-group-default.focused label { opacity: .4; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .form-group-default.has-error { background-color: rgba(234, 44, 84, 0.1); } .form-group-default.has-success .form-control-feedback, .form-group-default.has-error .form-control-feedback { display: none !important; } .form-group-default.has-success .form-control, .form-group-default.has-success .form-control:focus, .form-group-default.has-error .form-control, .form-group-default.has-error .form-control:focus { border: none; box-shadow: none; } .form-group-default.input-group { padding: 0; } .form-group-default.input-group>label { margin-top: 6px; padding-left: 12px; } .form-group-default.input-group>label.inline { margin-top: 6px; float: left; } .form-group-default.input-group>.form-control { margin-top: -2px; margin-bottom: 3px; padding-left: 12px; } .form-group-default.input-group label { margin-top: 6px; padding-left: 12px; } .form-group-default.input-group .form-input-group { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .form-group-default.input-group .form-control { margin-top: -2px; margin-bottom: 3px; padding-left: 12px; width: 100%; } .form-group-default.input-group .input-group-text { border: 0; border-radius: 0; min-width: 50px; } .form-group-default.input-group .input-group-text i { width: 100%; } .form-group-default.input-group .btn { border-top: 0; border-bottom: 0; } .form-group-default .form-control { border: none; height: 25px; min-height: 25px; padding: 0; margin-top: -4px; background: none; } .form-group-default .form-control.error { color: #373e43; } .form-group-default .form-control:focus { background: none; } .form-group-default textarea.form-control { padding-top: 5px; } .form-group-default label { margin: 0; display: block; opacity: 1; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .form-group-default label.label-lg { font-size: 13px; left: 13px; top: 9px; } .form-group-default label.label-sm { font-size: 11px; left: 11px; top: 6px; } .form-group-default label.highlight { opacity: 1; } .form-group-default label.fade { opacity: .5; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .form-group-default>.input-lg { height: 29px; min-height: 29px; padding-left: 1px; } .form-group-default>.input-sm { min-height: 18px; height: 18px; } .form-group-default.form-group-default-select { overflow: visible; } .form-group-default.form-group-default-select .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match { padding-top: 6px; height: 23px; } .form-group-default.form-group-default-select .ui-select-container .select2-choices { border: 0px; } .form-group-default.form-group-default-select2 { padding: 0; } .form-group-default.form-group-default-select2>label { position: absolute; z-index: 10; padding: 7px 12px 0 12px; } .form-group-default.form-group-default-select2>label.label-lg { left: 0; top: 0; } .form-group-default.form-group-default-select2>label.label-sm { left: 0; top: 0; } .form-group-default.form-group-default-select2 .select2-container .select2-selection--single { padding-top: 20px; height: 52px; border: 0 !important; } .form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-arrow b:before { top: 20px; } .form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-chosen { padding-left: 3px; padding-top: 1px; } .form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple { padding-top: 20px; height: 52px; border: 0px !important; } .form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { margin-top: 4px; } .form-group-default.form-group-default-select2.input-lg { height: auto; padding: 0; } .form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single { padding-top: 26px; height: 58px; } .form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single .select2-selection__rendered { font-size: 18px; } .form-group-default.form-group-default-select2.input-sm { height: auto; padding: 0; } .form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single { padding-top: 21px; height: 49px; } .form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single .select2-selection__rendered { font-size: 13px; } .form-group-default.form-group-default-selectFx { padding: 0; } .form-group-default.form-group-default-selectFx>label { position: absolute; z-index: 10; padding: 7px 12px 0 12px; } .form-group-default.form-group-default-selectFx>label.label-lg { left: 0; top: 0; } .form-group-default.form-group-default-selectFx>label.label-sm { left: 0; top: 0; } .form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder { padding-top: 28px; height: 52px; padding-left: 12px; } .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select { height: auto; } .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select>span:after, .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after { top: 39px; } .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder { height: 60px; } .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder { height: 50px; } .form-group-default.form-group-default-selectFx .cs-wrapper .dropdown-placeholder { vertical-align: top; } /* Form validation -------------------------------------------------- */ .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #0064bc; } .has-success .form-control { border-color: #0064bc; -webkit-box-shadow: none; box-shadow: none; } .has-success .form-control:focus { border-color: #004989; -webkit-box-shadow: none; box-shadow: none; } .has-success .input-group-addon { background: #f2f4f5; border: 1px solid rgba(0, 0, 0, 0.07); color: rgba(122, 137, 148, 0.47); } .has-success .form-control-feedback { color: #0064bc; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #ceae59; } .has-warning .form-control { border-color: #ceae59; -webkit-box-shadow: none; box-shadow: none; } .has-warning .form-control:focus { border-color: #bc9838; -webkit-box-shadow: none; box-shadow: none; } .has-warning .input-group-addon { background: #f2f4f5; border: 1px solid rgba(0, 0, 0, 0.07); color: rgba(122, 137, 148, 0.47); } .has-warning .form-control-feedback { color: #ceae59; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #ea2c54; } .has-error .form-control { border-color: #ea2c54; -webkit-box-shadow: none; box-shadow: none; } .has-error .form-control:focus { border-color: #ce153c; -webkit-box-shadow: none; box-shadow: none; } .has-error .input-group-addon { background: #f2f4f5; border: 1px solid rgba(0, 0, 0, 0.07); color: rgba(122, 137, 148, 0.47); } .has-error .form-control-feedback { color: #ea2c54; } .error { font-size: 12px; color: #ea2c54; display: block; } /* Plugins -------------------------------------------------- Datepicker https://github.com/eternicode/bootstrap-datepicker */ .datepicker { padding: 16px 25px; border-radius: 2px; font-size: 12px; } .datepicker:after { border-bottom-color: #f6f9fa; } .datepicker thead tr .datepicker-switch { color: #6f7b8a; font-size: 13px; } .datepicker thead tr .next, .datepicker thead tr .prev { color: #007be8; content: ''; font-size: 0px; } .datepicker thead tr .next:before, .datepicker thead tr .prev:before { color: #007be8; font-family: 'FontAwesome'; font-size: 10px; } .datepicker thead tr .prev:before { content: "\f053"; } .datepicker thead tr .next:before { content: "\f054"; } .datepicker thead tr .dow { font-family: 'Montserrat'; color: #007be8; text-transform: uppercase; font-size: 11px; } .datepicker thead tr th { width: 31px; height: 29px; } .datepicker tbody tr .odd { color: #d0d3d8; } .datepicker table tr td { width: 31px; height: 29px; } .datepicker table tr td.old, .datepicker table tr td.new { color: #eaecee; } .datepicker table tr td.day:hover { background: #f2f4f5; } .datepicker table tr td.active { background-color: #007be8 !important; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-image: none; text-shadow: none; font-weight: 600; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { /* background-color: #f2f4f5; */ background-color: #007be8; background-image: none; color: #fff; } .datepicker table tr td span { border-radius: 4px; width: 42px; height: 42px; line-height: 42px; } .datepicker table tr td span.active { background-color: #007be8 !important; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-image: none; border: none; text-shadow: none; } .datepicker.dropdown-menu { border-color: #eaecee; color: #7a8994; } .datepicker.datepicker-dropdown.datepicker-orient-bottom:before { border-color: #eaecee; } .datepicker-inline { width: auto; } .input-daterange .input-group-addon { text-shadow: none; border: 0; margin: 0; } /* Timepicker https://github.com/m3wolf/bootstrap3-timepicker */ .bootstrap-timepicker-widget table td a i { font-size: 12px; } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget .bootstrap-timepicker-widget input { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .bootstrap-timepicker-widget.dropdown-menu { background: #fff; } /* Daterangepicker http://www.dangrossman.info/ */ .daterangepicker { background: #fff; } .daterangepicker .calendar .calendar-date { border: 1px solid rgba(0, 0, 0, 0.07); } .daterangepicker .calendar .prev, .daterangepicker .calendar .next, .daterangepicker .calendar th { color: #007be8; text-transform: uppercase; font-size: 11px; } .daterangepicker .calendar .month { color: #6f7b8a; font-size: 13px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #007be8; border-color: #007be8; } /* Select2 http://ivaynberg.github.io/select2/ */ .form-group-default .select2-container .select2-selection, .select2-container-multi .select2-choices { border-color: transparent; } select.full-width+.select2-container { width: 100% !important; } .select2-container *:focus { outline: none; } .select2-container .select2-selection { background-image: none; border-radius: 2px; border: 1px solid #d6d0d0 !important; padding: 2px 9px; transition: border 0.2s linear 0s; } .select2-container .select2-selection .select2-selection__rendered { padding: 0; padding-left: 3px; padding-top: 1px; } .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { font-weight: normal; right: 16px; width: 20px; text-align: center; color: #888; } .select2-container .select2-selection .select2-selection__arrow { top: auto; bottom: 5px; right: 10px !important; left: auto; background: transparent; border-left: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .select2-container .select2-selection.select2-selection--single { height: 35px; } .select2-container .select2-selection>.select2-chosen { margin-right: 26px; margin-left: 0; } .select2-container.select2-drop-above .select2-choice { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: transparent; } .select2-container--default .select2-results__group { color: #373e43; } .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: none !important; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { background-image: none !important; border: 1px solid rgba(0, 0, 0, 0.07); background: #f2f4f5; } .select2-dropdown-open .select2-choice .select2-arrow { -webkit-transform: scale(scale(1, -1)); -ms-transform: scale(scale(1, -1)); transform: scale(scale(1, -1)); } .select2-dropdown { border: 1px solid rgba(0, 0, 0, 0.07); border-bottom: none; border-radius: 2px; padding-top: 0px; } .select2-dropdown.select2-drop-above { border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: none; } .select2-container--open .select2-selection { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.07); background: #f2f4f5; border-top-left-radius: 2px; border-top-right-radius: 2px; } .select2-search--dropdown { padding-left: 8px; padding-right: 8px; padding-top: 4px; } .select2-search--dropdown input { background: #fff !important; vertical-align: baseline; line-height: 28px; border-radius: 2px; border: none; font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.07) !important; } .select2-results { margin: 3px 8px 10px 8px; } .select2-results li { color: #7a8994; } .select2-results li.select2-result-with-children>.select2-result-label { color: #373e43; } .select2-results li.select2-result-with-children>.select2-result-label:first-child { padding-top: 8px; } .select2-results .select2-results__option--highlighted { background-color: #f2f4f5 !important; border-radius: 3px; color: #7a8994 !important; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: none; color: #7a8994; font-size: 12px; padding-left: 8px; padding-top: 0px; position: relative; top: -5px; } .select2-dropdown { border: 1px solid rgba(0, 0, 0, 0.07); border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; padding-top: 5px; z-index: 790; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .select2-container--open .select2-selection--multiple .select2-selection__choice { /* background-color: #fff !important; */ background-color: #007be8 !important; } .select2-selection--multiple .select2-selection__rendered { background-image: none; } .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { /* background-color: #eaecee; */ background-color: #007be8; background-image: none; border: none; box-shadow: none; color: inherit; border-radius: 8px; margin: 6px -5px 0px 10px; padding: 0 8px 0 7px; line-height: 21px; color: #FFFFFF; } .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:first-child { margin-left: 0; } .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { /* color: #626262; */ color: #FFFFFF; font-weight: 900; margin-right: 4px; } .select2-selection--multiple .select2-selection__rendered .select2-search--inline { margin-left: 8px; } .select2-selection--multiple.select2-container-active .select2-choices { border: 1px solid rgba(0, 0, 0, 0.07); box-shadow: none; } .select2-selection--multiple .select2-search-choice-close { left: 6px; } .select2-search-choice-close { background: none; top: 4px; right: 0; } .select2-search-choice-close:hover { text-decoration: none; } .select2-drop-multi .select2-results .select2-no-results, .select2-drop-multi .select2-results .select2-searching, .select2-drop-multi .select2-results .select2-selection-limit { top: 0px; } .select2.form-control { padding: 0; box-shadow: none; border: 0; } .select2-drop-mask { z-index: 700; } .ui-select-bootstrap .ui-select-choices-row.active>span { background: #f2f4f5; border-radius: 3px; color: #7a8994; } .ui-select-bootstrap>.ui-select-choices { background-color: #fff; } .ui-select-choices-group-label { color: #373e43; font-weight: bold; } .modal-open .select2-drop-active { z-index: 1051; } .modal-open .select2-container { /* z-index: 1051; */ } .modal-open .datepicker.dropdown-menu { z-index: 1051 !important; } .modal-open .select2-drop-mask { z-index: 1050; } .modal-open .cs-skin-slide.cs-active { z-index: 1050; } .dropdown-placeholder { display: inline-block; vertical-align: middle; } .dropdown-mask { bottom: 0; display: none; left: 0; outline: 0 none; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 600; } .ui-select-bootstrap *:focus { outline: none; } .ui-select-bootstrap .ui-select-choices-row>span { padding-top: 6px; padding-bottom: 6px; line-height: 24px; font-size: 14px; } .ui-select-bootstrap .ui-select-match { box-shadow: none; } .ui-select-bootstrap .ui-select-choices-group-label { padding-left: 15px; line-height: 24px; font-size: 14px; font-weight: 700; color: #626262; } .ui-select-bootstrap .ui-select-match.btn-default-focus { background-color: transparent; } .form-group-default-select { padding-bottom: 2px; } .form-group-default-select .ui-select-bootstrap .ui-select-dropdown { width: calc(100% + 24px) !important; margin-left: -12px; padding: 10px; } .form-group-default-select .ui-select-bootstrap .ui-select-match-text { width: calc(100% + 24px); margin-top: -17px; margin-left: -16px; padding: 16px 16px 0; } .form-group-default-select .ui-select-bootstrap .ui-select-match { padding-top: 2px !important; } .form-group-default-select .ui-select-bootstrap .ui-select-match i.caret { margin-top: 10px; } .form-group-default-select .ui-select-bootstrap .ui-select-match.btn-default-focus { outline: none; } .form-group-default-select .ui-select-bootstrap .ui-select-match>.ui-select-toggle { width: calc(100% + 27px); height: 50px; margin-top: -34px; margin-left: -16px; padding: 32px 16px 16px; } .form-group-default-select .ui-select-bootstrap .dropdown-menu .divider { display: none; } .form-group-default-select .ui-select-bootstrap.ui-select-container { margin-top: -3px; padding-bottom: 2px; } .form-group-default-select .ui-select-multiple { margin-top: -7px; } .form-group-default-select .ui-select-multiple .select2-search-field input { height: 23px !important; } .form-group-default-select .ui-select-multiple .select2-search-choice { margin-top: 2px; margin-bottom: 0; } .form-group-default-select .ui-select-multiple .select2-search-choice:first-child { margin-left: 0; } .form-group-default-select .select2-container-multi .select2-choices { background-color: transparent; } /* Bootstrap Tags input https://github.com/timschlechter/bootstrap-tagsinput */ .form-group-default .bootstrap-tagsinput { border: 0px; margin-bottom: 0; padding-top: 0; vertical-align: top; padding-bottom: 0px; padding-left: 0; margin-top: -3px; } .form-group-default .bootstrap-tagsinput .tag { padding: 2px 9px; line-height: 18px; margin-bottom: 2px; margin-left: 0; margin-right: 2px; } .form-group-default .bootstrap-tagsinput .tag [data-role="remove"] { display: inline-block; vertical-align: top; } .form-group-default .bootstrap-tagsinput input { min-height: 20px; } .form-group-default .bootstrap-tagsinput input:first-child { margin-left: 0; } .bootstrap-tagsinput { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-flow: wrap; flex-flow: wrap; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 4px; padding: 0; padding-top: 5px; padding-right: 5px; -webkit-box-shadow: none; box-shadow: none; width: 100%; -webkit-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; } .bootstrap-tagsinput.active-element { background-color: #eaecee; } .bootstrap-tagsinput input { border: none; margin: 5px; margin-top: 0; margin-right: 0; min-height: 25px; min-width: 10em !important; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex-shrink: 0; -webkit-flex-grow: 1; -webkit-flex-basis: auto; } .bootstrap-tagsinput .tag { padding: 3px 9px; padding-right: 6px; border-radius: 3px; line-height: 18px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex-shrink: 0; -webkit-flex-grow: 1; -webkit-flex-basis: auto; margin: 5px; margin-top: 0; margin-right: 0; } .bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 4px; float: right; vertical-align: middle; } .bootstrap-tagsinput .tag[data-role="remove"]:hover:active, .bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: none; } .bootstrap-tagsinput .tag [data-role="remove"]:after { font-family: 'pages-icon'; content: "\e60a"; padding: 0; } /* Bootstrap3 wysihtml5 https://github.com/Waxolunist/bootstrap3-wysihtml5-bower */ .wysiwyg5-wrapper { position: relative; } .wysiwyg5-wrapper .wysihtml5-toolbar { position: absolute; bottom: 0; left: 0; right: 0; /*height: 50px;*/ background: #f2f4f5; border-top: 1px solid #eaecee; } .wysiwyg5-wrapper .wysihtml5-toolbar .btn { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: transparent; border-right-color: #eaecee; color: #A5A5A5; font-size: 16px; font-weight: 600; height: 50px; line-height: 50px; padding: 0 5px; border-width: 1px; border-radius: 0 !important; box-shadow: none !important; } .wysiwyg5-wrapper .wysihtml5-toolbar .btn:hover .editor-icon { opacity: .8; } .wysiwyg5-wrapper .wysihtml5-toolbar .btn.active .editor-icon { opacity: 1; } .wysiwyg5-wrapper .wysihtml5-toolbar .btn.dropdown-toggle { padding-left: 10px; padding-right: 20px; } .wysiwyg5-wrapper .wysihtml5-toolbar .btn.dropdown-toggle .current-font { opacity: .5; font-size: 14px; } .wysiwyg5-wrapper .wysihtml5-toolbar>li { margin: 0; padding: 0; } .wysiwyg5-wrapper .wysiwyg { width: 100%; min-height: 200px; font-size: 14px; line-height: 18px; padding-bottom: 50px !important; border: 0; } .wysiwyg5-wrapper .wysiwyg:focus { background-color: #f6f9fa; outline: 0 !important; -webkit-box-shadow: none; box-shadow: none; } .wysiwyg5-wrapper .expand-wysiwyg { bottom: 0; color: #A5A5A5; font-size: 20px; font-weight: 600; height: 50px; line-height: 50px; padding: 0 15px; position: absolute; right: 0; } .wysiwyg5-wrapper .wysihtml5-sandbox { border: none !important; padding: 16px 16px 50px !important; width: 100% !important; } .wysiwyg5-wrapper .wysihtml5-sandbox.expanded { height: 100% !important; } .toggle-wysiwyg { position: absolute; right: 15px; top: 0; } .toggle-wysiwyg li { display: inline-block; font-weight: 600; } .editor-icon { background-image: url("../../img/editor_tray.png"); display: inline-block; height: 40px; margin-top: 5px; opacity: 0.4; vertical-align: top; width: 40px; } .editor-icon-headline { background-position: 0 0; width: 31px; } .editor-icon-bold { background-position: -40px 0; } .editor-icon-italic { background-position: -80px 0; } .editor-icon-underline { background-position: -120px 0; } .editor-icon-link { background-position: -160px 0; } .editor-icon-quote { background-position: -200px 0; } .editor-icon-ul { background-position: -240px 0; } .editor-icon-ol { background-position: -280px 0; } .editor-icon-outdent { background-position: -320px 0; } .editor-icon-indent { background-position: -360px 0; } .editor-icon-image { background-position: -400px 0; } .editor-icon-html { background-position: -440px 0; } /* Summernote https://github.com/HackerWins/summernote */ .summernote-wrapper .note-editor { border-color: #eaecee; } .summernote-wrapper .note-editor .note-toolbar { padding: 0; background-color: #f2f4f5; border-bottom: none; } .summernote-wrapper .note-editor .note-toolbar .btn-group { margin: 0 -1px 0 0; } .summernote-wrapper .note-editor .note-toolbar .btn-group .btn { font-size: 12px; font-weight: 600; height: 50px; min-width: 47px; line-height: 50px; padding: 0 5px; border-radius: 0; background-color: #f2f4f5; border-color: transparent; border-right-color: #eaecee; border-bottom-color: #eaecee; color: #7a8994; } .summernote-wrapper .note-editor .note-toolbar .btn-group .btn.active, .summernote-wrapper .note-editor .note-toolbar .btn-group .btn:active { background-color: #eaecee; } .summernote-wrapper .note-editor .note-toolbar .btn-group .btn.dropdown-toggle { min-width: 61px; } .summernote-wrapper .note-editor .note-toolbar .btn-group .btn:not(:last-child), .summernote-wrapper .note-editor .note-toolbar .btn-group .btn:not(:only-child) { margin-right: 1px; } .summernote-wrapper .note-editor .note-statusbar { background-color: transparent; } .summernote-wrapper .note-editor .note-statusbar .note-resizebar { border-top-color: transparent; } .summernote-wrapper .note-editor .note-statusbar .note-resizebar .note-icon-bar { border-top: 1px solid #eaecee; } .summernote-wrapper .note-popover .popover .popover-content .dropdown-menu li a i, .summernote-wrapper .note-toolbar .dropdown-menu li a i { color: #007be8; } input, input:focus { -webkit-transition: none !important; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; } input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } input.error:-webkit-autofill, input.error:-webkit-autofill:focus, .has-error input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #F9E9E9 inset !important; } /* Pages SelectFx */ /* Default custom select styles */ div.cs-select { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; width: 100%; max-width: 500px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.cs-select:focus { outline: none; /* For better accessibility add a style for this in your skin */ } .cs-select select { display: none; } .cs-select span { display: block; position: relative; cursor: pointer; padding: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Placeholder and selected option */ .cs-select>span { padding-right: 3em; } .cs-select>span::after, .cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cs-select>span::after { content: '\25BE'; right: 1em; } .cs-select .cs-selected span::after { content: '\2713'; margin-left: 1em; } .cs-select.cs-active>span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } /* Options */ .cs-select .cs-options { position: absolute; overflow: hidden; width: 100%; background: #fff; visibility: hidden; } .cs-select.cs-active .cs-options { visibility: visible; } .cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; } .cs-select ul span { padding: 1em; } .cs-select ul li.cs-focus span { background-color: #ddd; } /* Optgroup and optgroup label */ .cs-select li.cs-optgroup ul { padding-left: 1em; } .cs-select li.cs-optgroup>span { cursor: default; } div.cs-skin-slide { color: #fff; /*font-size: 1.5em;*/ width: 300px; } @media screen and (max-width: 30em) { div.cs-skin-slide { font-size: 1em; width: 250px; } } div.cs-skin-slide::before { content: ''; background: #282b30; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .cs-skin-slide.cs-active::before { -webkit-transform: scale3d(1.1, 3.5, 1); transform: scale3d(1.1, 3.5, 1); } .cs-skin-slide>span { height: 80px; line-height: 32px; -webkit-transition: text-indent 0.3s, opacity 0.3s; transition: text-indent 0.3s, opacity 0.3s; } @media screen and (max-width: 30em) { .cs-skin-slide>span { height: 60px; line-height: 28px; } } .cs-skin-slide.cs-active>span { text-indent: -290px; opacity: 0; } .cs-skin-slide.cs-active>span::after { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .cs-skin-slide .cs-options { background: transparent; width: 70%; height: 400%; padding: 1.9em 0; top: 0; left: 50%; -webkit-transform: translate3d(-50%, -30%, 0); transform: translate3d(-50%, -30%, 0); -ms-transform: translate(-50%, -30%); } @media screen and (max-width: 30em) { .cs-skin-slide .cs-options { padding-top: 3em; } } .cs-skin-slide .cs-options li { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .cs-skin-slide.cs-active .cs-options li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .cs-skin-slide.cs-active .cs-options li:first-child { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .cs-skin-slide.cs-active .cs-options li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .cs-skin-slide.cs-active .cs-options li:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .cs-skin-slide.cs-active .cs-options li:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .cs-skin-slide.cs-active .cs-options li:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } /* more options need more delay declaration */ .cs-skin-slide .cs-options li span { text-transform: uppercase; font-weight: 500; letter-spacing: 2px; font-size: 65%; padding: 0.8em 1em 0.8em 2.5em; } .cs-skin-slide .cs-options li span:hover, .cs-skin-slide .cs-options li.cs-focus span, .cs-skin-slide .cs-options li.cs-selected span { color: #eb7e7f; background: transparent; } .cs-skin-slide .cs-selected span::after { content: ''; } /* Pages Select overriding */ .form-group-default .cs-skin-slide>span { padding: 0 30px 0 0; height: 22px; line-height: 21px; } .form-group-default .cs-wrapper { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .cs-wrapper { display: inline-block; } .form-control.cs-select:not(.cs-active) { width: 100% !important; } .cs-select { background-color: transparent; } .cs-select span { text-overflow: initial; } .cs-select .cs-placeholder { width: 100%; } div.cs-skin-slide { width: auto; font-family: Arial, sans-serif; color: #5e5e5e; } div.cs-skin-slide:before { background-color: transparent; } div.cs-skin-slide.cs-transparent { background: none; } div.cs-skin-slide.cs-transparent .cs-backdrop { border-color: transparent; background: none; } div.cs-skin-slide.cs-transparent.cs-active .cs-backdrop { background: #f6f9fa; } div.cs-skin-slide>span { height: 35px; padding: 6px 33px 6px 17px; line-height: 23px; z-index: 1; } div.cs-skin-slide.cs-active { z-index: 999; } div.cs-skin-slide.cs-active:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } div.cs-skin-slide.cs-active .cs-backdrop { border: transparent; background: #f6f9fa; box-shadow: -1px 0 1px #ccc, 1px 0 1px #ccc; } div.cs-skin-slide>span:after, div.cs-skin-slide.cs-active>span:after { content: "\f0d7"; font-family: FontAwesome; color: #5e5e5e; } div.cs-skin-slide .cs-options { height: auto; padding: 9px 0; width: auto; padding: 10px; max-height: 350px; transform: translate3d(1, 1, 1); overflow: hidden; z-index: 1; } div.cs-skin-slide .cs-options ul { width: 100%; display: table; } div.cs-skin-slide .cs-options ul li { display: table-row; } div.cs-skin-slide .cs-options ul li span { display: table-cell; font-size: 14px; font-weight: normal; letter-spacing: normal; padding: 5px 0; text-transform: none; max-height: 350px; overflow-y: auto; } div.cs-skin-slide .cs-options ul li span:hover, div.cs-skin-slide .cs-options ul li.cs-focus span, div.cs-skin-slide .cs-options ul li.cs-selected span { color: #373e43; } .cs-backdrop { background: none repeat scroll 0 0 #fff; border: 1px solid rgba(0, 0, 0, 0.07); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs-skin-slide.cs-active .cs-options li:nth-child(6) { transition-delay: 0.3s; } .cs-skin-slide.cs-active .cs-options li:nth-child(7) { transition-delay: 0.35s; } .cs-skin-slide.cs-active .cs-options li:nth-child(8) { transition-delay: 0.4s; } .cs-skin-slide.cs-active .cs-options li:nth-child(9) { transition-delay: 0.45s; } .cs-skin-slide.cs-active .cs-options li:nth-child(10) { transition-delay: 0.5s; } .cs-skin-slide.cs-active .cs-options li:nth-child(11) { transition-delay: 0.55s; } .cs-input-group-addon { background: #f2f4f5; border: 1px solid rgba(0, 0, 0, 0.07); padding: 6px 10px; } .twitter-typeahead { width: 100%; } .tt-menu { width: 100%; padding: 3px 10px 3px 3px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.07); border-top: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .tt-suggestion { color: #7a8994; padding: 3px 7px 4px; padding-left: 26px; line-height: 24px; } .tt-suggestion:hover { cursor: pointer; background: #f2f4f5; } .tt-suggestion.tt-cursor { background: #f2f4f5; } .tt-suggestion p { margin: 0; } .form-group-default.typehead { overflow: inherit; } .form-group-default .tt-menu { width: calc(100% + 24px); margin: 4px -12px; } .dropzone { overflow: hidden; } .dropzone .dz-default.dz-message { width: 100%; } /* Dropzone for Angular */ .dropzone[dropzone="dropzone"] input[type="file"] { visibility: hidden; } /* end overrides */ /* Demo specifc classes */ .demo-form-wysiwyg { height: 250px; } .error-form .form-group-default { padding: 0; justify-content: space-between; } .error-form .form-group-default label { margin-top: 6px; padding-left: 12px; } .error-form .form-group-default .form-control { margin-top: -2px; margin-bottom: 3px; padding-left: 12px; } .error-container.bottom-container { margin-top: 0; } .h-c-50 { height: calc(50px); } .card-toolbar .note-editor .btn-toolbar { display: block; } /*------------------------------------------------------------------ [16. Tables and Datatables] */ /* Generic Tables ------------------------------------ */ .table { margin-bottom: 0; margin-top: 5px; } .table thead tr th { text-transform: uppercase; font-weight: 500; font-family: 'Montserrat'; font-size: 10.5px; letter-spacing: 0.06em; padding-top: 14px; padding-bottom: 14px; vertical-align: middle; border-bottom: 1px solid rgba(234, 236, 238, 0.7); color: rgba(55, 62, 67, 0.35); border-top: none; } .table thead tr th[class*='sorting_']:not([class='sorting_disabled']) { color: #373e43; } .table thead tr th:first-child { padding-left: 18px !important; } .table thead tr th .btn { margin-top: -20px; margin-bottom: -20px; } .table tbody tr td { /* background: #fff; */ border-bottom: 1px solid rgba(234, 236, 238, 0.7); border-top: 0px; padding: 20px; font-size: 13.5px; } .table tbody tr td .btn-tag { background: rgba(55, 62, 67, 0.07); display: inline-block; margin: 5px; border-radius: 4px; padding: 5px; color: #62605a !important; } .table tbody tr td .btn-tag:hover { background: rgba(55, 62, 67, 0.15); } .table tbody tr td[class*='sorting_'] { color: #000; } .table tbody tr td .checkbox label::after { left: 0.5px; } .table tbody tr.selected td { background: #fff7e2; } .table.table-hover tbody tr:hover td { background: #ccfaf1 !important; } .table.table-hover tbody tr.selected:hover td { background: #fff7e2 !important; } .table.table-striped tbody tr td { background: #fff !important; } .table.table-striped tbody tr:nth-child(2n+1) td { background: #fff !important; } .table.table-borderless tbody tr td { border-top: 0; } .table.table-condensed { table-layout: fixed; } .table.table-condensed thead tr th { padding-left: 20px; padding-right: 20px; } .table.table-condensed tbody tr td { padding-top: 12px; padding-bottom: 12px; } .table.table-condensed thead tr th, .table.table-condensed tbody tr td, .table.table-condensed tbody tr td *:not(.dropdown-default) { white-space: nowrap; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; } .table.table-condensed thead tr th.reset-overflow *, .table.table-condensed tbody tr td.reset-overflow *, .table.table-condensed tbody tr td *:not(.dropdown-default).reset-overflow * { overflow: initial !important; } .table.table-condensed.table-detailed>tbody>tr.shown>td { background: #fff7e2; } .table.table-condensed.table-detailed>tbody>tr.shown>td:first-child:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .table.table-condensed.table-detailed>tbody>tr.shown+tr>td { background: rgba(255, 255, 255, 0.4); padding: 0px 40px; } .table.table-condensed.table-detailed>tbody>tr.shown+tr>td .table-inline { margin-top: 13px; margin-bottom: 13px; background: transparent; } .table.table-condensed.table-detailed>tbody>tr.shown+tr>td .table-inline tr, .table.table-condensed.table-detailed>tbody>tr.shown+tr>td .table-inline td { background: transparent; font-weight: 600; } .table.table-condensed.table-detailed>tbody>tr.row-details>td:first-child:before { content: ''; display: none; } .table.table-condensed.table-detailed>tbody>tr>td:hover { cursor: pointer; } .table.table-condensed.table-detailed>tbody>tr>td:first-child:before { /* content: "\f054"; */ display: inline-block; font-size: 8px; top: -1px; position: relative; margin-right: 8px; font-family: 'FontAwesome'; -webkit-transition: all 0.12s linear; transition: all 0.12s linear; } .table.table-condensed.table-detailed .table-inline td { border: none; text-align: left; } .table.table-borderless>tbody>tr>td { border-bottom: 0px; } .fht-table { margin-bottom: 0 !important; } /* Data-tables ------------------------------------ */ .table.dataTable.no-footer { border: none; } .dataTables_scroll:hover .dataTables_scrollBody:before { content: ""; top: 0; height: 0; } .dataTables_scrollBody { overflow-y: auto; border: none !important; } .dataTables_scrollBody:before { content: ""; position: absolute; left: 0; right: 0; top: 60px; bottom: 0; background: transparent; } .dataTables_wrapper .dataTables_paginate { float: right; } .dataTables_wrapper .dataTables_paginate ul>li.disabled a { opacity: .5; } .dataTables_wrapper .dataTables_paginate ul>li>a { padding: 5px 10px; color: #7a8994; opacity: .35; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .dataTables_wrapper .dataTables_paginate ul>li>a:hover { opacity: .65; } .dataTables_wrapper .dataTables_paginate ul>li.next>a, .dataTables_wrapper .dataTables_paginate ul>li.prev>a { opacity: 1; } .dataTables_wrapper .dataTables_paginate ul>li.disabled a { opacity: .35; } .dataTables_wrapper .dataTables_paginate ul>li.disabled a:hover { opacity: .35; } .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { margin-top: 25px !important; } .dataTables_paginate.paging_bootstrap.pagination { padding-top: 0; padding-right: 20px; } .dataTables_wrapper .dataTables_info { clear: none; font-size: 12px; padding: 0 33px 0 0; color: #7a8994; } .dataTables_wrapper .dataTables_paginate ul>li { display: inline-block; padding-left: 0; font-size: 11px; } .dataTables_scrollHeadInner { padding-right: 0 !important; } .export-options-container { position: relative; } .dataTables_wrapper .dataTables_paginate ul>li.active>a { font-weight: bold; color: #7a8994; opacity: 1; } .export-options-container a { color: inherit; opacity: 1; } .exportOptions .DTTT.btn-group a { display: block !important; } table.dataTable thead .sorting_asc:after { background-image: url("../../img/icons/sort_asc.png"); } table.dataTable thead .sorting_desc:after { background-image: url("../../img/icons/sort_desc.png"); } table.dataTable thead .sorting:after { background-image: url("../../img/icons/sort_both.png"); } table.dataTable thead .sorting_asc_disabled:after { background-image: url("../../img/icons/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled:after { background-image: url("img/icons/sort_desc_disabled.png"); } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { bottom: 12px; content: ""; width: 19px; height: 19px; background-position: center center; opacity: 1; } table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 12px; } /* Demo classes */ /* .demo-table-search thead th:nth-child(1) { width: 20%; } .demo-table-search thead th:nth-child(2) { width: 22%; } .demo-table-search thead th:nth-child(3) { width: 24%; } .demo-table-search thead th:nth-child(4) { width: 15%; } .demo-table-search thead th:nth-child(5) { width: 19%; } .demo-table-dynamic thead th:nth-child(1) { width: 25%; } .demo-table-dynamic thead th:nth-child(2) { width: 30%; } .demo-table-dynamic thead th:nth-child(3) { width: 20%; } .demo-table-dynamic thead th:nth-child(4) { width: 25%; } */ .table-invoice th { border-top: 0; } /* .dataTables_wrapper .row { width: 100%; } */ .dataTables_wrapper .row>div { /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; */ } .dataTables_wrapper#tableWithDynamicRows_wrapper>div { width: 100%; } /* Responsive Handlers : Tables */ @media (max-width: 991px) { .dataTables_wrapper .dataTables_info { float: left; } .dataTables_paginate.paging_bootstrap.pagination { float: right; } } @media (max-width: 767px) { .table-responsive { border: 1px solid #ddd; } .dataTables_wrapper .row { margin: 0; } .dataTables_wrapper .row>div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { margin-top: 0 !important; padding-left: 0; padding-right: 0; margin-bottom: 10px; } .dataTables_wrapper .dataTables_info ul, .dataTables_wrapper .dataTables_paginate ul { padding: 0; } .sales-dashboard-mobile { position: relative !important; top: 0 !important; right: 0 !important; } #myChart-graph-id0-title tspan { font-size: 14px !important; } .transac-sec table.dataTable.nowrap th, .transac-sec table.dataTable.nowrap td { white-space: initial; word-break: initial; } .page-container .page-content-wrapper .content.emp-dashboard { padding-bottom: 0 !important; } } @media (max-width: 535px) { .sales-dashboard-mobile { position: relative !important; top: 0 !important; right: 0 !important; } .sales-dashboard-mobile .col-4 { margin-bottom: 10px; } .sales-dashboard-mobile .col-4, .sales-dashboard-mobile .col-8 { flex: 100%; max-width: 100%; padding-right: 0; } } @media (max-width: 480px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: left; clear: both; display: block; } #myChart-graph-id0-title tspan { font-size: 12px !important; baseline-shift: 5px; } } /*------------------------------------------------------------------ [17. Charts] */ .line-chart .nvd3 line.nv-guideline { /* Vertical bar on hover in interactive chart */ stroke-width: 30px; stroke-opacity: .04; stroke: #000; } .line-chart .nvd3 .nv-groups path.nv-area { /* filled area */ fill-opacity: .1; } .line-chart .nvd3 .nv-groups path.nv-line { /* Line */ stroke-opacity: .3; } .line-chart .nvd3 .nv-axis line { /* grid lines */ stroke-opacity: .5; } .line-chart[data-x-grid="false"] .nv-x .tick line { display: none; } .line-chart[data-y-grid="false"] .nv-y .tick line { display: none; } .line-chart .domain { /* domain */ opacity: 0; } .line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { /* Toggle points */ fill-opacity: 1; stroke-opacity: .5; } .line-chart .nvtooltip table td.legend-color-guide div { border-radius: 100px; } .line-chart thead .nv-pointer-events-none strong { color: #cfd4d8; } .line-chart .nv-pointer-events-none { font-size: 12px; } .line-chart .nv-pointer-events-none .value.nv-pointer-events-none { font-family: 'Montserrat'; font-weight: normal; font-size: 11px; color: #cfd4d8; } .line-chart .nvtooltip table { margin: 12px 10px 14px 15px; } .line-chart .nvtooltip.xy-tooltip.nv-pointer-events-none { border-color: rgba(0, 0, 0, 0.12); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } .line-chart[data-stroke-width="1"] .nvd3 .nv-groups path.nv-line { /* Line widths */ stroke-width: 1px; } .line-chart[data-stroke-width="1"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { /* Line widths */ stroke-width: 2px; } .line-chart[data-stroke-width="2"] .nvd3 .nv-groups path.nv-line { stroke-width: 2px; } .line-chart[data-stroke-width="2"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke-width: 3px; } .line-chart[data-stroke-width="3"] .nvd3 .nv-groups path.nv-line { stroke-width: 3px; } .line-chart[data-stroke-width="3"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke-width: 4px; } .line-chart .tick text, .line-chart .nvd3 .nv-axis .nv-axisMaxMin text { fill: rgba(122, 137, 148, 0.5); font-family: "Montserrat"; font-size: 11px; text-transform: uppercase; font-weight: normal; } .line-chart .nvd3.nv-scatter .nv-groups .nv-point.hover, .line-chart .nvd3 .nv-groups .nv-point.hover { fill: inherit !important; stroke: inherit !important; } /* Line widths ------------------------------------ */ .line-chart[data-line-color="master"] .nvd3 line.nv-guideline, .line-chart[data-line-color="master"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="master"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #7a8994; } .line-chart[data-line-color="success"] .nvd3 line.nv-guideline, .line-chart[data-line-color="success"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="success"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #007be8; } .line-chart[data-line-color="primary"] .nvd3 line.nv-guideline, .line-chart[data-line-color="primary"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="primary"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #007be8; } .line-chart[data-line-color="info"] .nvd3 line.nv-guideline, .line-chart[data-line-color="info"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="info"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #47525e; } .line-chart[data-line-color="complete"] .nvd3 line.nv-guideline, .line-chart[data-line-color="complete"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="complete"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #00e8ba; } .line-chart[data-line-color="warning"] .nvd3 line.nv-guideline, .line-chart[data-line-color="warning"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="warning"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #fed76e; } .line-chart[data-line-color="danger"] .nvd3 line.nv-guideline, .line-chart[data-line-color="danger"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="danger"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #ea2c54; } .line-chart[data-line-color="white"] .nvd3 line.nv-guideline, .line-chart[data-line-color="white"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="white"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #fff; } .line-chart[data-line-color="black"] .nvd3 line.nv-guideline, .line-chart[data-line-color="black"] .nvd3 .nv-groups path.nv-line, .line-chart[data-line-color="black"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke: #000; } /* Area Fill colors ------------------------------------ */ .line-chart[data-area-color="master"] .nvd3 .nv-groups path.nv-area { fill: #7a8994; } .line-chart[data-area-color="success"] .nvd3 .nv-groups path.nv-area { fill: #007be8; } .line-chart[data-area-color="info"] .nvd3 .nv-groups path.nv-area { fill: #47525e; } .line-chart[data-area-color="complete"] .nvd3 .nv-groups path.nv-area { fill: #00e8ba; } .line-chart[data-area-color="primary"] .nvd3 .nv-groups path.nv-area { fill: #007be8; } .line-chart[data-area-color="warning"] .nvd3 .nv-groups path.nv-area { fill: #fed76e; } .line-chart[data-area-color="danger"] .nvd3 .nv-groups path.nv-area { fill: #ea2c54; } .line-chart[data-area-color="white"] .nvd3 .nv-groups path.nv-area { fill: #fff; } .line-chart[data-area-color="black"] .nvd3 .nv-groups path.nv-area { fill: #000; } /* Point fill colors ------------------------------------ */ .line-chart[data-point-color="master"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { fill: #7a8994; } .line-chart[data-point-color="success"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { fill: #007be8; } .line-chart[data-point-color="info"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { fill: #47525e; } .line-chart[data-point-color="complete"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { fill: #00e8ba; } .line-chart[data-point-color="primary"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { fill: #007be8; } .line-chart[data-point-color="warning"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { fill: #fed76e; } .line-chart[data-point-color="danger"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { fill: #ea2c54; } .line-chart[data-point-color="white"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { fill: #fff; } #nvd3-line svg, #nvd3-line2 svg, #nvd3-area svg { height: 500px; } /* Rickshaw Charts ------------------------------------ */ .rickshaw-chart.rickshaw_graph .detail { padding-left: 15px; transform: translateX(-15px); width: 30px; background: rgba(0, 0, 0, 0.04); right: -15px; } .rickshaw-chart.rickshaw_graph .detail .item, .rickshaw-chart.rickshaw_graph .detail .x_label { transform: translateX(15px); } .rickshaw-chart.rickshaw_graph .detail:after { content: ""; width: 1px; background: rgba(0, 0, 0, 0.2); height: 100%; display: block; } .rickshaw-chart .y_grid .tick.major line { stroke-dasharray: 3px, 5px; opacity: .7; } .rickshaw-chart.rickshaw_graph .detail .x_label { display: none; } .rickshaw-chart.rickshaw_graph .detail .item { line-height: 1.4; padding: 0.5em; } .rickshaw-chart.rickshaw_graph .detail_swatch { float: right; display: inline-block; width: 10px; height: 10px; margin: 0 4px 0 0; } .rickshaw-chart.rickshaw_graph .detail .date { font-size: 11px; color: #a0a0a0; opacity: .5; } #tab-rickshaw-realtime #rickshaw-realtime_y_axis { position: absolute; top: 0; background: rgba(255, 255, 255, 0.8); bottom: 0; width: 40px; left: 0; z-index: 1; } #tab-rickshaw-realtime #rickshaw-realtime_y_axis .rickshaw_graph .y_ticks path, #tab-rickshaw-realtime #rickshaw-realtime_y_axis .rickshaw_graph .x_ticks_d3 path { fill: none; stroke: none; } #tab-rickshaw-realtime #rickshaw-realtime_y_axis .rickshaw_graph .y_ticks text, #tab-rickshaw-realtime #rickshaw-realtime_y_axis .rickshaw_graph .x_ticks_d3 text { opacity: 0.35; font-family: 'Montserrat'; font-size: 11px; } #tab-rickshaw-bars #rickshaw-stacked-bars.rickshaw_graph .detail .dot { border-radius: 50px; } #tab-rickshaw-bars #rickshaw-stacked-bars.rickshaw_graph .detail .x_label { display: none; } #tab-rickshaw-bars #rickshaw-stacked-bars.rickshaw_graph .detail .item { line-height: 1.4; padding: 0.5em; } #tab-rickshaw-bars #rickshaw-stacked-bars .detail_swatch { float: right; display: inline-block; width: 10px; height: 10px; margin: 0 4px 0 0; } #tab-rickshaw-bars #rickshaw-stacked-bars.rickshaw_graph .detail .date { font-size: 11px; color: #a0a0a0; opacity: .5; } #tab-rickshaw-slider #rickshaw-slider { height: 500px; } #tab-rickshaw-slider .rickshaw_graph .x_grid_d3 .tick { stroke-opacity: 0; } #tab-rickshaw-slider .rickshaw_graph .y_ticks path, #tab-rickshaw-slider .rickshaw_graph .x_ticks_d3 path { stroke: none; } #tab-rickshaw-slider .rickshaw_graph .y_ticks text, #tab-rickshaw-slider .rickshaw_graph .x_ticks_d3 text { font-family: 'Montserrat'; font-size: 11px; } #tab-rickshaw-slider .rickshaw_range_slider_preview .frame { opacity: 0; } #tab-rickshaw-slider .rickshaw_range_slider_preview .left_handle, #tab-rickshaw-slider .rickshaw_range_slider_preview .right_handle { fill: #000; fill-opacity: 0.1 !important; } #tab-rickshaw-slider .slider { position: absolute; top: 0; height: 93px; overflow: hidden; } #tab-rickshaw-slider .chart { position: absolute; bottom: 40px; top: 150px; left: 33px; right: 0; width: auto; } #tab-rickshaw-slider .chart .x_tick.plain .title { font-family: 'Montserrat'; font-size: 11px; } #tab-rickshaw-slider .y_axis { bottom: 0; position: absolute; top: 150px; width: 40px; left: -6px; } #tab-rickshaw-slider .rickshaw_graph .x_tick { border-color: transparent; } #tab-rickshaw-slider .rickshaw_graph .x_tick .title { bottom: -24px; left: -15px; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; } /*------------------------------------------------------------------ [18. List] */ .list-view-wrapper { height: 100%; overflow-x: hidden; overflow-y: auto; position: absolute; width: 100%; -webkit-overflow-scrolling: touch; } .list-view-container { position: relative; } .list-view-container .list-quickscroll ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; right: 10px; z-index: 120; padding-top: 10px; padding-bottom: 10px; } .list-view-container .list-quickscroll ul li a { font-size: 0.7em; vertical-align: baseline; } .list-view-group-container { margin: 0; min-height: 1px; overflow: hidden; padding: 26px 0 0 0; position: relative; } .list-view-group-container:last-child ul { border: 0; } .list-view-group-header, .list-view-fake-header { background: #f6f9fa; color: #232830; font: normal 11px/14px 'Montserrat', Arial; text-transform: uppercase; margin: 0; padding: 6px 0 5px 15px; position: absolute; z-index: 10; } .list-view-group-header { bottom: auto; min-height: 1px; top: 0; width: 100%; border-top: 0; } .list-view-fake-header { width: 100%; z-index: 100; font-size: 11px !important; line-height: 14px !important; } .list-view-fake-header.list-view-hidden { visibility: hidden; } .list-view-group-container.list-view-animated .list-view-group-header { bottom: 0; top: auto; } input.list-view-search { font-size: 15px; color: #232830; } .no-top-border .list-view-fake-header { border-top: 0; } .list-view ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .list-view li { padding-left: 15px; white-space: nowrap; cursor: pointer; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-view li:hover { background-color: #ccfaf1; } .list-view li.active { background-color: #fff7e2; } .list-view li p { margin: 0; line-height: 19px; } .list-view li>a { margin-right: 15px; width: 100%; } .list-view li>* { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .list-view.boreded li>a { border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .list-view.boreded li:last-child>a { border-bottom: 0; } .list-view.boreded li+li { border-top: 0; } [data-ios="true"] .list-view-group-header, [data-ios="true"] .list-view-fake-header { width: 288px; /*scrollbars aren't visible in iOS devices, so make the headers wider */ } .list-group-item { border: 1px solid #f2f4f5; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: #3395ed; border-color: #3395ed; } .list-group-item:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .list-group-item:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; } /*------------------------------------------------------------------ [19. Social App] */ .social-wrapper, .social { height: 100%; width: 100%; } /* Cover ------------------------------------ */ .social-wrapper .social .jumbotron { height: 60vh; padding-top: 0; } .social-wrapper .social .cover-photo { position: relative; margin: 0 auto; overflow-x: hidden; } .social-wrapper .social .cover-photo:before { background-image: url("../../img/linear_gradient.png"); background-repeat: repeat-x; bottom: 0; content: " "; height: 270px; left: 0; position: absolute; right: 0; z-index: 1; } .social-wrapper .social .cover-photo .pull-bottom { z-index: 2; } .cover-img-container { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cover-img-container .cover-img { position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; } /* Feed ------------------------------------ */ .social-user-profile { width: 52px; } .social-user-profile>.thumbnail-wrapper { float: none; } .social-wrapper .social .feed { overflow-y: hidden; width: 100%; } .social-wrapper .social .feed>.day { white-space: normal; display: block; width: 100%; margin: 0 auto; } .social-wrapper .social .feed>.day:after { feed: ''; display: block; clear: both; } .social-wrapper .social .feed>.day:hover>.timeline:after { background: #00e8ba; } /* Social Cards ------------------------------------ */ .social-card { padding-bottom: 0; margin-bottom: 0; background: #FFF; float: left; position: relative; border-radius: 4px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; margin-bottom: 20px; width: 300px; border: 1px solid #eaecee; } .social-card .circle { position: absolute; right: 20px; top: 20px; display: block; border-radius: 50%; border: 2px solid #f2f4f5; width: 9px; height: 9px; background: #6c757e; z-index: 1; } .social-card .circle:hover { cursor: pointer; } .social-card.full-width { width: 100% !important; } .social-card.status { background: #ccfaf1; border-radius: 4px; padding: 15px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; } .social-card.status:hover, .social-card.status.hover { border-color: #dadcdf !important; } .social-card.status h5 { font-size: 12px; margin: 0; } .social-card.status h5 .time { color: #fff; } .social-card.status h2 { color: #373e43; font-size: 25px; line-height: 32px; margin: 0; font-weight: normal; } .social-card.status .reactions { color: #f2f4f5; opacity: .45; font-size: 12px; margin: 5px 0 0; padding: 0; } .social-card.status .reactions li { display: inline-block; list-style: none; padding: 0; } .social-card.status .circle { width: 9px; height: 9px; border: none; background: #00e8ba; } .social-card .card-header, .social-card .card-footer { background-color: #fff; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .social-card.share .card-header { padding: 15px 15px 12px; border-bottom: 1px solid #eaecee; border-top-right-radius: 2px; border-top-left-radius: 2px; } .social-card.share .card-header:hover { background: #ccfaf1; border-color: #ccfaf1; cursor: pointer; } .social-card.share .card-header:hover h6 { opacity: .6; } .social-card.share .card-header.last { border-bottom: none; } .social-card.share .card-header .user-pic { float: left; border-radius: 50%; overflow: hidden; margin-right: 10px; } .social-card.share .card-header .user-pic>img { width: 30px; height: 30px; } .social-card.share .card-header h5 { font-weight: bold; font-size: 14px; margin: 0; line-height: 22.7px; font-family: arial; letter-spacing: -0.006em; margin-top: -3px; } .social-card.share .card-header h6 { font-size: 12px; margin: 0; font-family: arial; opacity: .45; } .social-card.share .card-description { padding: 12px 16px 11px; font-size: 14px; line-height: 21px; margin: 0; } .social-card.share .card-description p { margin-bottom: 4px; } .social-card.share .card-description .via { opacity: .45; display: block; font-size: 12px; font-family: arial; } .social-card.share .card-content { position: relative; } .social-card.share .card-content .buttons { left: 17px; padding: 0; position: absolute; top: 10px; } .social-card.share .card-content .buttons li { display: inline-block; list-style: none; margin-right: 10px; } .social-card.share .card-content .buttons li a { color: #fff; } .social-card.share .card-feed { overflow: hidden; position: relative; max-height: 400px; } .social-card.share .card-feed:hover .buttons { opacity: 1; } .social-card.share .card-feed .buttons { position: absolute; top: 5px; right: 0; opacity: 0; } .social-card.share .card-feed .buttons li { display: inline-block; list-style: none; } .social-card.share .card-feed .buttons li a { color: #fff; opacity: 0.8; padding: 5px; } .social-card.share .card-feed>* { max-width: 100%; } .social-card.share .card-footer { padding: 14px 16px 11px; font-size: 12px !important; } .social-card.share .card-footer:hover { background: #ccfaf1; cursor: pointer; } .social-card.share .card-footer:hover .reactions, .social-card.share .card-footer:hover .time { opacity: .8; } .social-card.share .card-footer .time { float: left; opacity: .45; font-family: arial; margin-top: 1px; } .social-card.share .card-footer .reactions { float: right; margin: 0; padding: 0; opacity: .45; } .social-card.share .card-footer .reactions li { display: inline-block; list-style: none; } .social-card.share .card-footer .reactions li a { color: inherit; } .social-card.share .card-description, .social-card.share .card-feed, .social-card.share .card-footer { border-color: transparent; border-style: solid; } .social-card.share .card-description { border-width: 1px; } .social-card.share .card-feed { border-width: 0 1px; margin-top: -2px; } .social-card.share .card-footer { border-width: 0 1px 1px 1px; } .social-card.share.share-other .card-description { padding-bottom: 0; } .social-card.share.share-other .card-footer { padding-top: 0; border-radius: 0; } .social-card.share.share-other .card-footer:hover { background: #fff; } .social-card.share.share-other .card-header { border-top: 1px solid #ccfaf1; } .social-card.share.share-other .circle { background: #fed76e; } .social-card.col1 { width: 300px; } .social-card.col2 { width: 620px; } .social-card.col3 { width: 920px; } .social-card img { width: 100%; width: 80px; height: 80px; display: inline-block; /* object-fit: contain; */ /* position: absolute; */ border: 0; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); -ms-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); -o-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); margin: 20px 10px; } /* Step Form : Status */ .simform { margin-left: 0; padding: 0; position: static; margin-bottom: 20px; } .simform .error-message { padding-top: 29px !important; padding-left: 22px; } .simform .final-message, .simform .error-message { margin: 0 !important; font-size: 15px; opacity: 0.5; display: none; margin-top: 19px; position: static; text-align: left; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .simform ol:before { background: transparent; } .simform .questions li { overflow: hidden; } .simform .questions li.current { position: relative; } .simform .questions li.current input { font-size: 14px; padding: 0 !important; margin: 0 !important; } .simform .questions li>span { width: 100%; } .simform .questions li>span label { font-size: 12px; opacity: .55; font-weight: 300; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .simform .questions input { background: transparent !important; height: 30px; } .simform .questions .current input, .simform .no-js .questions input { background: transparent; border: none; } .simform .controls { position: absolute; top: 0; left: 0; width: 100%; } .simform .controls .next, .simform .controls .number { display: none !important; } .simform .progress:before { background: none; } .simform .show { display: block; } /* Responsive Handlers: Social App ------------------------------------ */ @media (min-width: 991px) and (max-width: 1070px) { .day .card:first-child .col-md-4:first-child { width: 100%; margin-bottom: 20px; } .day .card:first-child .col-md-4:nth-child(2), .day .card:first-child .col-md-4:nth-child(3) { width: 50%; } } @media (max-width: 667px) { .social-wrapper .social .feed>.day>.card { width: 100% !important; } } /*------------------------------------------------------------------ [20. Email App] */ /* Email Components -------------------------------------------------- */ .compose-wrapper { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background: #fff; border-top: 1px solid #f2f4f5; z-index: 101; } .compose-wrapper .compose-email { font-size: 24px; } .email-composer { position: relative; overflow: auto; height: 100%; background: #fff; } .email-composer .email-toolbar-wrapper .wysihtml5-toolbar { background: #f2f4f5; border-bottom: 1px solid #eaecee; position: relative; border-top: none; } .email-composer .email-body-wrapper { border-bottom: 1px solid #eaecee; margin-bottom: 20px; } .email-composer .bootstrap-tagsinput { margin: 0; padding: 0; } .email-composer>.row { margin-left: -30px; margin-right: -30px; } .split-view .split-details .email-content-wrapper { background: #fff; height: 100%; width: auto; overflow: auto; } .split-view .split-details .email-content-wrapper .actions-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 50px; z-index: 799; } .split-view .split-details .email-content-wrapper .email-content { margin: 0 auto; width: 600px; display: block; padding-top: 62px; padding-bottom: 70px; padding-left: 20px; padding-right: 20px; } .split-view .split-details .email-content-wrapper .email-content .email-content-header .sender .name { font-size: 15px; color: #47525e; } .split-view .split-details .email-content-wrapper .email-content .email-content-header .sender .datetime { color: #7a8994; opacity: .45; font-family: arial; } .split-view .split-details .email-content-wrapper .email-content .email-content-header .subject { font-family: arial; color: #47525e; font-size: 15.2px; line-height: 17px; } .split-view .split-details .email-content-wrapper .email-content .email-content-header .fromto .btn-xs { border-radius: 13px; } .split-view .split-details .email-content-wrapper .email-content .email-content-body p { line-height: 23px; color: #7a8994; letter-spacing: 0.001em; } .split-view .split-details .email-content-wrapper .email-content .email-reply { min-height: 200px; } .split-view .split-details .email-content-wrapper .email-content .editor-wrapper { border: 1px solid rgba(0, 0, 0, 0.05); } .split-view .split-details .email-content-wrapper .email-content .editor-wrapper .wysihtml5-sandbox { max-height: 150px; min-height: 130px !important; width: 100% !important; } /* Email App Top Header -------------------------------------------------- */ .header-wrapper-email { font-size: 14.92px; } .header-wrapper-email .dropdown>.btn { color: #00e8ba; } .header-wrapper-email .btn:hover { text-decoration: none; } /* Responsive Handler : Email App -------------------------------------------------- */ @media (max-width: 768px) { .email-content .wysiwyg5-wrapper { min-height: 400px; } } @media (max-width: 1024px) { .email-composer { margin-left: 0; } } .email-composer .email-toolbar-wrapper .dropdown .dropdown-toggle::after { display: none; } /*------------------------------------------------------------------ [21. Calendar App] */ body.overflow-hidden { overflow: hidden; } /* Calendar -------------------------------------------------- Header / .calendar-header Years / .years .year Months / .months Weeks / .weeks-wrapper .week Grid / .calendar-container Events / .event-container */ .calendar { height: 100%; } .calendar .drager { overflow: hidden; } .calendar .drager .scroll-element { display: none; } .calendar.month { padding-left: 5px; } .calendar.month .options .date { margin-bottom: 22px; } .calendar.month .week-dragger { display: none; } .calendar.month .calendar-container { border-top: 1px solid #eaecee; padding-top: 0; height: calc(100% - 169px); } .calendar.month .calendar-container .view .tble { width: 100%; } .calendar.month .calendar-container .view .tble .thead .tcell .weekday { margin-left: 10px; } .calendar .calendar-header { height: 43px; background-color: #f6f9fa; line-height: 43px; padding-left: 60px; } .calendar .calendar-header>.drager { width: calc(100% - 141px); border-right: 1px solid rgba(0, 0, 0, 0.33); line-height: 35px; } .calendar .calendar-header .years { width: auto; list-style: none; white-space: nowrap; margin-top: 5px; } .calendar .calendar-header .years .year { display: inline-block; width: 69px; text-align: center; white-space: nowrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } .calendar .calendar-header .years .year>a { color: rgba(0, 0, 0, 0.5); position: relative; } .calendar .calendar-header .years .year>a.active { color: #000; } .calendar .calendar-header .years .year>a.has-event:before { position: absolute; content: '\25CF'; width: 100%; font-size: 8px; line-height: 6px; text-align: center; color: rgba(0, 0, 0, 0.44); } .calendar .options { padding-left: 60px; margin-top: 15px; } .calendar .options .months { width: auto; white-space: nowrap; height: 43px; line-height: 43px; } .calendar .options .months .month { min-width: 30px; max-width: 100px; padding: 0 10px; display: inline-block; } .calendar .options .months .month>a { position: relative; color: rgba(0, 0, 0, 0.28); } .calendar .options .months .month>a:hover { color: rgba(0, 0, 0, 0.33); } .calendar .options .months .month>a.active { color: #000000; } .calendar .options .months .month>a.has-event:before { position: absolute; content: '\25CF'; top: -6px; width: 100%; font-size: 8px; line-height: 6px; text-align: center; color: rgba(0, 0, 0, 0.33); } .calendar .options .date { margin-bottom: 20px; } .calendar .week-dragger { border-bottom: 1px solid #e6e6e6; margin-left: -20px; } .calendar .weeks-wrapper { width: auto; white-space: nowrap; padding-left: 10px; padding-bottom: 12px; margin-bottom: 5px; margin-left: 20px; } .calendar .weeks-wrapper .week { display: inline-block; position: relative; padding-left: 30px; padding-right: 30px; } .calendar .weeks-wrapper .week:first-child { padding-left: 4px; } .calendar .weeks-wrapper .week:last-child { padding-left: 0px; } .calendar .weeks-wrapper .week:before { content: ''; position: absolute; right: -20px; bottom: 6px; height: 20px; width: 20px; border-left: 1px dotted rgba(0, 0, 0, 0.3); } .calendar .weeks-wrapper .week.active .day-wrapper .week-date .day>a { color: rgba(0, 0, 0, 0.6); } .calendar .weeks-wrapper .week .day-wrapper { display: inline-block; } .calendar .weeks-wrapper .week .day-wrapper .week-date { text-align: center; width: 21px; height: 21px; margin: 6px; border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; } .calendar .weeks-wrapper .week .day-wrapper .week-date.current-date { background-color: #eaecee; } .calendar .weeks-wrapper .week .day-wrapper .week-date.active { background-color: #007be8; } .calendar .weeks-wrapper .week .day-wrapper .week-date.active .day>a { font-weight: bold; opacity: 1; color: #fff; } .calendar .weeks-wrapper .week .day-wrapper .week-date .day>a { letter-spacing: -0.01em; } .calendar .weeks-wrapper .week .day-wrapper .week-day { text-align: center; } .calendar .weeks-wrapper .week .day-wrapper .day { display: inline-block; text-align: center; position: relative; z-index: 10; padding: 1px 0; font-size: 12px; color: rgba(0, 0, 0, 0.3); } .calendar .weeks-wrapper .week .day-wrapper .day>a { position: relative; width: 100%; display: block; text-align: center; color: rgba(0, 0, 0, 0.3); opacity: 0.7; font-weight: 600; } .calendar .weeks-wrapper .week .day-wrapper .day>a.has-event:before { position: absolute; content: '\25CF'; top: -10px; width: 100%; font-size: 8px; line-height: 6px; text-align: center; color: #007be8; } .calendar .weeks-wrapper .week .day-wrapper .day.week-header { text-transform: uppercase; text-align: center; font-family: 'Montserrat'; letter-spacing: 0.06em; font-size: 10.5px; } .calendar .calendar-container { position: relative; height: calc(100% - 200px); padding-top: 10px; } .calendar .calendar-container .view { width: 100%; height: 100%; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .calendar .calendar-container .view.month-view .tble .trow .tcell { position: relative; height: 20%; clear: both; } .calendar .calendar-container .view.month-view .tble .trow .tcell .cell-inner .holder { position: absolute; top: 37px; left: 0; right: 0; bottom: 0; } .calendar .calendar-container .view.month-view .tble .trow .tcell.active { background: #fff; } .calendar .calendar-container .view.month-view .tble .trow .tcell.active .cell-inner { background-color: #fef8e7; } .calendar .calendar-container .view.month-view .tble .trow .tcell.not { background-color: #f6f9fa; } .calendar .calendar-container .view.month-view .tble .trow .tcell.drop-target .cell-inner { background-color: #f6f9fa; } .calendar .calendar-container .view.month-view .tble .trow .tcell .cell-inner:only-child, .calendar .calendar-container .view.month-view .tble .trow .tcell .cell-inner { height: 100%; border-bottom: 1px solid #eaecee; position: relative; } .calendar .calendar-container .view.month-view .tble .trow .tcell .month-date { position: relative; text-align: center; margin-top: 10px; margin-right: 6px; width: 25px; height: 25px; padding-top: 2px; margin: 6px; float: right; display: block; z-index: 1; border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; } .calendar .calendar-container .view.month-view .tble .trow .tcell .month-date.current-date { background-color: #eaecee; } .calendar .calendar-container .view.month-view .tble .trow .tcell .month-date.active { background-color: #007be8; font-weight: bold; opacity: 1; color: #fff; } .calendar .calendar-container .view.month-view .tble .trow .tcell .event-container { height: 30px; position: relative !important; min-height: 30px !important; } .calendar .calendar-container .view.month-view .tble .trow .tcell .event-container .event-inner { padding: 8px; } .calendar .calendar-container .view.month-view .ghost-element { height: 30px; position: relative; width: 100%; } .calendar .calendar-container .view.month-view .grid .tble { height: 100%; width: 100%; } .calendar .calendar-container .view.month-view .event-container .event-title { font-size: 12px; } .calendar .calendar-container .view.day-view .tble { white-space: nowrap; } .calendar .calendar-container .view.day-view .tble .thead { white-space: nowrap; overflow: hidden; display: inline-block; } .calendar .calendar-container .view.day-view .tble .tcell { display: none; max-width: 100%; width: 100%; } .calendar .calendar-container .view.day-view .tble .tcell.active { display: inline-block; } .calendar .calendar-container .view.day-view .tble .trow { display: block; height: 80px; } .calendar .calendar-container .view.day-view .tble .trow .tcell.active { background-color: #fff; } .calendar .calendar-container .view .tble { display: inline-table; width: calc(100% - 50px); vertical-align: top; position: relative; } .calendar .calendar-container .view .tble .thead { display: table-row; width: 100%; background: #fff; } .calendar .calendar-container .view .tble .thead .tcell { padding: 10px; height: 40px; position: relative; } .calendar .calendar-container .view .tble .thead .tcell .weekday { font-size: 12px; display: inline-block; color: rgba(0, 0, 0, 0.51); } .calendar .calendar-container .view .tble .thead .tcell .weekdate { font-size: 14px; display: inline-block; margin-right: 10px; color: rgba(0, 0, 0, 0.77); } .calendar .calendar-container .view .tble .thead .tcell.active .weekdate, .calendar .calendar-container .view .tble .thead .tcell.active .weekday { color: #000000; } .calendar .calendar-container .view .tble .thead .tcell:before { content: ''; border-bottom: 1px solid #eaecee; width: calc(100% - 18px); position: absolute; bottom: 0; } .calendar .calendar-container .view .tble .thead .tcell .event-bubble { display: inline-block; width: 8px; height: 8px; margin-left: 5px; float: right; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .calendar .calendar-container .view .tble .tcell { display: table-cell; height: 80px; max-width: 14.2857%; width: 14.2857%; } .calendar .calendar-container .view .tble .trow { display: table-row; } .calendar .calendar-container .view .tble .trow .tcell { background: #fff; padding: 0 10px; } .calendar .calendar-container .view .tble .trow .tcell .cell-inner { height: 40px; position: relative; } .calendar .calendar-container .view .tble .trow .tcell .cell-inner:first-child { border-bottom: 1px dotted #eaecee; } .calendar .calendar-container .view .tble .trow .tcell .cell-inner:last-child { border-bottom: 1px solid #eaecee; } .calendar .calendar-container .view .tble .trow .tcell .cell-inner:only-child { height: 40px; border-bottom: 0; } .calendar .calendar-container .view .tble .trow .tcell.active { background-color: #fef8e7; } .calendar .calendar-container .view .tble .trow .tcell.active>* { border-color: rgba(0, 0, 0, 0.1) !important; } .calendar .calendar-container .view .tble .trow .tcell.disable { background-color: #f6f9fa; } .calendar .calendar-container .view .tble .loading { left: 10px; } .calendar .calendar-container .loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 100; } .calendar .calendar-container .pgn-wrapper { position: absolute; } .calendar .calendar-container .even-holder { position: absolute; display: table; width: calc(100% - 50px); width: 100% \0; height: calc(100% - 25px); } .calendar .calendar-container .even-holder .event-placeholder { height: 100%; width: 14.2857%; display: table-cell; } .calendar .calendar-container .event-container { width: 100%; height: 40px; position: absolute !important; z-index: 10; overflow: hidden; margin-bottom: 5px; min-height: 40px !important; -webkit-transition: width 0.16s ease; transition: width 0.16s ease; } .calendar .calendar-container .event-container .event-inner { padding: 15px; } .calendar .calendar-container .event-container .event-inner:before { position: absolute; width: 8px; height: 8px; content: ''; background-color: rgba(255, 255, 255, 0.8); border-radius: 999px; right: 14px; top: 11px; } .calendar .calendar-container .event-container .time-wrap { line-height: 12px; text-align: left; color: rgba(0, 0, 0, 0.77); overflow: hidden; text-overflow: ellipsis; } .calendar .calendar-container .event-container .event-start-time, .calendar .calendar-container .event-container .event-end-time { font-size: 12px; color: rgba(0, 0, 0, 0.44); } .calendar .calendar-container .event-container .event-title { font-size: 14px; line-height: 15px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; } .calendar .calendar-container .event-container .resizable-handle { position: absolute; opacity: 1; z-index: 3; left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; } .calendar .calendar-container .event-container .resizable-handle:after { content: "="; color: rgba(0, 0, 0, 0.44); } .calendar .calendar-container .event-container.dragging { z-index: 100; } .calendar .calendar-container .grid { display: block; overflow: scroll; height: calc(100% - 40px); -webkit-overflow-scrolling: touch; } .calendar .calendar-container .grid.slot-60 .tble .trow .tcell .cell-inner { height: 80px; border-bottom: 1px solid #eaecee; } .calendar .calendar-container .grid.slot-15 .tble .trow .tcell { height: 25px; } .calendar .calendar-container .grid.slot-15 .tble .trow .tcell .cell-inner { height: 25px; border-bottom: 1px dotted #eaecee; } .calendar .calendar-container .grid.slot-15 .tble .trow .tcell .cell-inner:last-child { border-bottom: 1px solid #eaecee; } .calendar .calendar-container .grid.slot-15 .time-slot-wrapper .time-slot { height: 100px; } .calendar .calendar-container .allday-cell { height: 40px; display: inline-block; width: 50px; float: left; } .calendar .time-slot-wrapper { display: inline-block; width: 50px; float: left; height: 100%; } .calendar .time-slot-wrapper .time-slot { display: block; height: 80px; width: 100%; background: #fff; } .calendar .time-slot-wrapper .time-slot:first-child span { display: none; } .calendar .time-slot-wrapper .time-slot>span { float: right; font-size: 12px; position: relative; top: -13%; color: rgba(0, 0, 0, 0.46); font-weight: bold; font-size: 11px; letter-spacing: 0.06em; font-size: 10.5px; font-family: 'Montserrat'; right: 5px; } .calendar-event { width: 330px; right: -330px; } .calendar-event .scrollable { height: 100%; } .date-selector { cursor: pointer; } .horizontal-app-menu .calendar .weeks-wrapper .week:first-child { padding-left: 0; } .horizontal-app-menu .calendar .calendar-container .allday-cell { width: 38px; } .horizontal-app-menu .calendar .time-slot-wrapper { width: 38px; } /* Responsive Util */ @media (max-width: 991px) { .calendar { background-color: #fff; } .calendar .calendar-header { display: none; } .calendar .options { margin-top: 0; padding-left: 10px; } .calendar .options .months { line-height: 21px; padding-top: 14px; } .calendar .options .date { margin-bottom: 10px; } .calendar .calendar-container { height: 100%; } .calendar .calendar-container .view.week-view .tble { white-space: nowrap; } .calendar .calendar-container .view.week-view .tble .thead { white-space: nowrap; overflow: hidden; display: inline-block; } .calendar .calendar-container .view.week-view .tble .tcell { display: none; max-width: 100%; width: 100%; } .calendar .calendar-container .view.week-view .tble .tcell.active { display: inline-block; background-color: #fff; } .calendar .calendar-container .view.week-view .tble .trow { display: block; height: 80px; } .calendar .calendar-container .view.month-view .allday-cell { display: none; } .calendar .calendar-container .view.month-view .grid .tble { padding-left: 0; } .calendar .calendar-container .view.month-view .tble .thead .tcell { padding: 3px; padding-top: 10px; } .calendar .calendar-container .view.month-view .tble .trow .tcell { padding: 0 6px; } .calendar .calendar-container .view.month-view .tble .trow .tcell .event-container { border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; position: absolute !important; height: 16px !important; width: 16px !important; min-height: 16px !important; margin: 0 auto; left: 0; right: 0; } .calendar .calendar-container .view.month-view .tble .trow .tcell .event-container .event-inner { display: none; } .calendar .calendar-container.month { height: calc(100% - 101px); } .calendar .weeks-wrapper { margin-bottom: 0; } .calendar.month { padding-left: 0; } .calendar.month .calendar-container { height: calc(100% - 108px); } .calendar-event { width: 240px; right: -240px; } .months-drager { margin-left: 16px; margin-right: 36px; border-right: 1px solid #eaecee; padding-top: 0; } .horizontal-app-menu .months-drager { margin-left: 0; margin-right: 0; width: 100%; } } @media (max-width: 640px) { .calendar.month .calendar-container .view .tble .thead .tcell { text-align: center; } .calendar.month .calendar-container .view .tble .thead .tcell:before { width: 100%; } .calendar.month .calendar-container .view .tble .thead .tcell .weekday { width: 11px; overflow: hidden; letter-spacing: 4px; font-weight: bold; } .verify-complete .dt-buttons button { width: 100%; } } /*------------------------------------------------------------------ [22. Login] */ .login-wrapper { height: 100%; background-color: #007be8; } .login-wrapper>* { height: 100%; } .login-wrapper .bg-pic { position: absolute; width: 100%; overflow: hidden; } .login-wrapper .bg-pic>img { height: 100%; opacity: 0.6; } .login-wrapper .login-container { width: 496px; display: block; position: relative; float: right; } .login-wrapper .bg-caption { width: 500px; } .register-container { width: 550px; margin: auto; height: 100%; } /* Responsive handlers : Login ------------------------------------ */ @media (max-width: 768px) { .login-wrapper .login-container { width: 100%; } .register-container { width: 100%; padding: 15px; } } @media only screen and (max-width: 321px) { .login-wrapper .login-container { width: 100%; } } /*------------------------------------------------------------------ [23. Lock Screen] */ .lock-container { margin-left: auto; margin-right: auto; width: 600px; } .lock-screen-wrapper .credentials { margin-top: -84px; position: absolute; top: 50%; } .lock-screen-wrapper .credentials .thumbnail-wrapper { width: 53px; height: 53px; } .lock-screen-wrapper .credentials .logged { opacity: .21; margin-top: -5px !important; } .lock-screen-wrapper .credentials .name { opacity: .69; margin-top: -5px !important; font-size: 36px; height: 45px; overflow: hidden; } .lock-screen-wrapper .terms-wrapper>div { display: table; } .lock-screen-wrapper .terms-wrapper .terms { display: table-cell; vertical-align: middle; } .lock-screen-wrapper .terms-wrapper .logo-terms { width: 60px; height: 60px; border-radius: 15px; text-align: center; position: relative; } .lock-screen-wrapper .terms-wrapper .logo-terms .brand { left: 50%; margin-left: -21px; margin-top: -5px; position: absolute; top: 50%; } /* Responsive Handlers : Lockscreen ------------------------------------ */ @media (max-width: 767px) { .lock-container { width: 80%; } .lock-screen-wrapper .credentials form { margin-top: 15px; } } @media (max-width: 480px) { .lock-screen-wrapper .credentials { margin: 0; position: static; margin-top: 100px; width: 100%; float: left; clear: both; } .lock-screen-wrapper .credentials>div { text-align: center; } .lock-screen-wrapper .credentials .thumbnail-wrapper { float: none; margin: 0 auto; } } /*------------------------------------------------------------------ [24. Timeline] */ /* Adapted from Vertical Timeline by Sebastiano Guerriero http://codyhouse.co/gem/vertical-timeline/ */ /* -------------------------------- Modules - reusable parts of our design -------------------------------- */ .timeline-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 1170px; margin: 0 auto; } .timeline-container::after { /* clearfix */ content: ''; display: table; clear: both; } .timeline-container.top-circle:before { position: absolute; width: 20px; height: 20px; border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; background-color: #fff; z-index: 10; } /* -------------------------------- Main components -------------------------------- */ .timeline { position: relative; padding: 3em 0 10em 0; margin-top: 0; margin-bottom: 0; } .timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 2px; background: #fff; } @media only screen and (min-width: 1170px) { .timeline-container:not(.left) .timeline { margin-bottom: 0; } .timeline-container:not(.left) .timeline::before { left: 50%; margin-left: -2px; } } .timeline-block { position: relative; margin: 2em 0; } .timeline-block:after { content: ""; display: table; clear: both; } .timeline-block:first-child { margin-top: 0; } .timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .timeline-container:not(.left) .timeline .timeline-block { margin: 4em 0; } .timeline-container:not(.left) .timeline .timeline-block:first-child { margin-top: 0; } .timeline-container:not(.left) .timeline .timeline-block:last-child { margin-bottom: 0; } } .timeline-point { position: absolute; top: 12px; left: 0; width: 40px; height: 40px; border-radius: 50%; text-align: center; background: #b1bac0; border: 2px solid #fff; } .timeline-point.small { height: 12px; margin-left: 13px; margin-top: 14px; width: 12px; } .timeline-point i { color: #fff; font-size: 14px; left: 50%; margin-left: -7px; margin-top: -7px; position: absolute; top: 50%; } .timeline-point.primary { background-color: #007be8; } .timeline-point.complete { background-color: #00e8ba; } .timeline-point.success { background-color: #007be8; } .timeline-point.info { background-color: #47525e; } .timeline-point.danger { background-color: #ea2c54; } .timeline-point.warning { background-color: #fed76e; } @media only screen and (min-width: 1170px) { .timeline-container:not(.left) .timeline .timeline-point { left: 50%; margin-left: -21px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .timeline-container:not(.left) .timeline .timeline-point.is-hidden { visibility: hidden; } .timeline-container:not(.left) .timeline .timeline-point.small { margin-left: -7px; } .timeline-container:not(.left) .timeline .timeline-point.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); } 60% { opacity: 1; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .timeline-content { position: relative; margin-left: 60px; } .timeline-content:after { content: ""; display: table; clear: both; } .timeline-content .card { margin-bottom: 0; } .timeline-content .event-date { display: inline-block; float: left; padding: .8em 0; opacity: .7; clear: both; } @media (max-width: 480px) { .timeline-container { width: 94%; } } @media only screen and (min-width: 1170px) { .timeline-container:not(.left) .timeline .timeline-content { margin-left: 0; width: 46%; } .timeline-container:not(.left) .timeline .timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; } .timeline-container:not(.left) .timeline .timeline-content.is-hidden { visibility: hidden; } .timeline-container:not(.left) .timeline .timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; } .timeline-container:not(.left) .timeline .timeline-content .event-date { position: absolute; width: 100%; left: 118%; top: -2px; font-size: 16px; font-size: 1rem; } .timeline-container:not(.left) .timeline .timeline-content .event-date small { margin-top: 13px; display: block; } .timeline-container:not(.left) .timeline .timeline-content .event-date h6+small { margin-top: 0; } .timeline-container:not(.left) .timeline .timeline-block:nth-child(odd) .timeline-content .card { float: right; } .timeline-container:not(.left) .timeline .timeline-block:nth-child(even) .timeline-content { float: right; } .timeline-container:not(.left) .timeline .timeline-block:nth-child(even) .timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; } .timeline-container:not(.left) .timeline .timeline-block:nth-child(even) .timeline-content .event-date { left: auto; right: 118%; text-align: right; } } @media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */ .timeline-container:not(.left) .timeline .timeline-block:nth-child(even) .timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px); } 60% { opacity: 1; -moz-transform: translateX(20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px); } 60% { opacity: 1; -moz-transform: translateX(-20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .timeline-container.center .timeline { margin-top: 3em; margin-bottom: 3em; } .timeline-container.center .timeline::before { left: 50%; margin-left: -2px; } .timeline-container.center .timeline .timeline-point { left: 50%; margin-left: -21px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .timeline-container.center .timeline .timeline-point.is-hidden { visibility: hidden; } .timeline-container.center .timeline .timeline-point.small { margin-left: -7px; } .timeline-container.center .timeline .timeline-point.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } .timeline-container.center .timeline .timeline-content { margin-left: 0; width: 46%; } .timeline-container.center .timeline .timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; } .timeline-container.center .timeline .timeline-content.is-hidden { visibility: hidden; } .timeline-container.center .timeline .timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; } .timeline-container.center .timeline .timeline-content .event-date { position: absolute; width: 100%; left: 118%; top: -2px; font-size: 16px; font-size: 1rem; } .timeline-container.center .timeline .timeline-content .event-date small { margin-top: 13px; display: block; } .timeline-container.center .timeline .timeline-content .event-date h6+small { margin-top: 0; } .timeline-container.center .timeline .timeline-block:nth-child(odd) .timeline-content .card { float: right; } .timeline-container.center .timeline .timeline-block:nth-child(even) .timeline-content { float: right; } .timeline-container.center .timeline .timeline-block:nth-child(even) .timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; } .timeline-container.center .timeline .timeline-block:nth-child(even) .timeline-content .event-date { left: auto; right: 118%; text-align: right; } @media only screen and (min-width: 1170px) { .timeline-container.left { width: 60%; margin-left: 100px; } } /*------------------------------------------------------------------ [25. Gallery] */ .gallery { margin: 70px auto 0 auto; } .gallery-item { overflow: hidden; cursor: default; background-color: #000; margin-bottom: 10px; position: relative; width: 280px; height: 240px; } .gallery-item:hover { cursor: pointer; } .gallery-item[data-width="1"] { width: 280px; } .gallery-item[data-width="2"] { width: 570px; } .gallery-item[data-height="1"] { height: 240px; } .gallery-item[data-height="2"] { height: 490px; } .gallery-item>img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .gallery-item>.live-tile img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .gallery-item .rating { margin-top: -5px; color: rgba(255, 255, 255, 0.3); } .gallery-item .rating>.rated { color: #ffffff; } .gallery-item .item-info { -webkit-transform: translate3d(0, 40%, 0); transform: translate3d(0, 40%, 0); -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; } .gallery-item .item-info.more-content { -webkit-transform: translate3d(0, 32%, 0); transform: translate3d(0, 32%, 0); } .gallery-item:hover .item-info { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery-item:hover>img { opacity: 0.6; } .gallery-item:hover>.live-tile img { opacity: 0.6; } .gallery-item:active .item-info { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery-item:active>img { opacity: 0.6; } .item-details { z-index: 1050; } .item-details .dialog__content { width: 845px; max-width: 845px; padding: 0; text-align: left; border: 1px solid rgba(0, 0, 0, 0.8); } .item-details .dialog__content .dialog__overview { height: 516px; position: relative; } .item-details .dialog__content .dialog__overview .buy-now { position: absolute; bottom: 20px; right: 35px; } .item-details .dialog__content .dialog__overview .item-slideshow .slide { width: 516px; height: 516px; display: block; overflow: hidden; } .item-details .dialog__content .dialog__footer { height: 75px; } .item-details .dialog__content .dialog__footer .price { margin: 0; padding: 0; line-height: 75px; } .item-details .dialog__content .dialog__footer .separator { position: relative; } .item-details .dialog__content .dialog__footer .separator:after { content: ""; width: 1px; background: rgba(255, 255, 255, 0.1); position: absolute; height: 27px; right: 0; top: 24px; } .item-details .dialog__content .dialog__footer .recommended li { overflow: hidden; } .item-details .dialog__content .dialog__footer .recommended li a { width: 56px; height: 56px; display: block; } .item-details .dialog__content .dialog__footer .recommended li img { width: 100%; } .item-details .dialog__content .close { top: 15px; right: 15px; z-index: 100; } .item-details .owl-nav { left: 0; position: absolute; top: 50%; width: 100%; color: #fff; opacity: .7; font-size: 18px; padding: 0 20px; } .item-details .owl-nav .owl-prev { float: left; } .item-details .owl-nav .owl-next { float: right; } .item-details .owl-dots { bottom: 23px; position: absolute; right: 23px; } .item-details .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 10px; display: inline-block; background: rgba(0, 0, 0, 0.3); margin-left: 6px; } .item-details .owl-dots .owl-dot.active { background: #fff; } .owl-carousel .owl-stage-outer { direction: ltr; } .gallery-filters { position: absolute; left: 0; right: 0; height: 70px; top: -70px; } @media (max-width: 920px) { .gallery-item.first { display: none; } .nav-tabs-simple>li>a { padding: 13px 13px; } } @media (max-width: 767px) { .item-details .dialog__content { height: 90%; overflow-y: auto; width: 400px; max-width: 400px; } .item-details .dialog__content .container-fluid { height: 100%; padding-left: 30px; padding-right: 30px; } .item-details .dialog__content .dialog__overview { height: 100%; margin-right: -30px; margin-left: -30px; } .item-details .item-slideshow-wrapper { height: 515px !important; } .item-details .item-description { height: auto !important; } .item-details .item-description .buy-now { position: static !important; float: right; margin-bottom: 20px; } .item-details .item-slideshow .owl-stage-outer, .item-details .item-slideshow .owl-stage { height: 100%; } .item-details .item-slideshow .slide { width: 100% !important; } } @media (max-width: 420px) { .gallery { margin-top: 80px; } .gallery-filters { top: -90px; } .item-details .dialog__content { width: 100%; max-width: 100%; } } @media (max-width: 610px) { .gallery-item, .gallery { width: 100% !important; } } @media (min-width: 768px) { .item-details .dialog__content .container-fluid>.row { margin-left: -30px; margin-right: -30px; } } /*------------------------------------------------------------------ [26. Vector Map : Mapplic Plugin] */ .horizontal-app-menu .map-controls { left: 15px; top: 15px; } .mapplic-container { width: 100%; background-color: transparent; } .mapplic-container .mapplic-fullscreen-button { left: auto; right: 154px; bottom: 0; top: auto; } .mapplic-container .mapplic-clear-button { visibility: hidden; } .mapplic-tooltip:before { content: "Location"; font-size: 12px; margin: 0; line-height: normal; opacity: .7; color: #7a8994; } .mapplic-tooltip-close { opacity: .5; background: none; } .mapplic-tooltip-close:after { content: "\e60a"; font-family: 'pages-icon'; font-size: 12px; position: relative; top: -2px; color: #7a8994; opacity: .7; } .mapplic-tooltip-title { display: none; } .mapplic-tooltip-content { margin-top: 5px; } .mapplic-tooltip { max-width: 150px; padding: 10px 12px; border-radius: 4px; } .mapplic-tooltip-description { font-weight: bold; color: #7a8994; } .mapplic-tooltip-description strong { color: #ea2c54; margin-right: 2px; } .map-controls { position: absolute; left: 50px; top: 80px; z-index: 1; } .map-controls select { width: 240px; } .mapplic-pin { background-image: url('../../../assets/img/maps/marker-master.svg'); background-size: contain; } .mapplic-pin.pulse { background-image: url('../../../assets/img/maps/pulse-master.svg'); } .mapplic-pin.pulse.green { background-image: url('../../../assets/img/maps/pulse-success.svg'); } .mapplic-pin.pulse.blue { background-image: url('../../../assets/img/maps/pulse-complete.svg'); } .mapplic-pin.pulse.purple { background-image: url('../../../assets/img/maps/pulse-primary.svg'); } .mapplic-pin.pulse.yellow { background-image: url('../../../assets/img/maps/pulse-warning.svg'); } .mapplic-pin.pulse.red { background-image: url('../../../assets/img/maps/pulse-danger.svg'); } .mapplic-pin.pulse-alt { background-image: url('../../../assets/img/maps/pulse-alt-master.svg'); } .mapplic-pin.pulse-alt.green { background-image: url('../../../assets/img/maps/pulse-alt-success.svg'); } .mapplic-pin.pulse-alt.blue { background-image: url('../../../assets/img/maps/pulse-alt-complete.svg'); } .mapplic-pin.pulse-alt.purple { background-image: url('../../../assets/img/maps/pulse-alt-primary.svg'); } .mapplic-pin.pulse-alt.yellow { background-image: url('../../../assets/img/maps/pulse-alt-warning.svg'); } .mapplic-pin.pulse-alt.red { background-image: url('../../../assets/img/maps/pulse-alt-danger.svg'); } .mapplic-pin.marker { background-image: url('../../../assets/img/maps/marker-master.svg'); } .mapplic-pin.marker.green { background-image: url('../../../assets/img/maps/marker-success.svg'); } .mapplic-pin.marker.blue { background-image: url('../../../assets/img/maps/marker-complete.svg'); } .mapplic-pin.marker.purple { background-image: url('../../../assets/img/maps/marker-primary.svg'); } .mapplic-pin.marker.yellow { background-image: url('../../../assets/img/maps/marker-warning.svg'); } .mapplic-pin.marker.red { background-image: url('../../../assets/img/maps/marker-danger.svg'); } .mapplic-pin.marker-alt { background-image: url('../../../assets/img/maps/marker-alt-master.svg'); } .mapplic-pin.marker-alt.green { background-image: url('../../../assets/img/maps/marker-alt-success.svg'); } .mapplic-pin.marker-alt.blue { background-image: url('../../../assets/img/maps/marker-alt-complete.svg'); } .mapplic-pin.marker-alt.purple { background-image: url('../../../assets/img/maps/marker-alt-primary.svg'); } .mapplic-pin.marker-alt.yellow { background-image: url('../../../assets/img/maps/marker-alt-warning.svg'); } .mapplic-pin.marker-alt.red { background-image: url('../../../assets/img/maps/marker-alt-danger.svg'); } /*------------------------------------------------------------------ [27. Pricing] */ .pricing-table td[class*="bg-"], .pricing-table th[class*="bg-"] { border-top-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.02); border-right-color: transparent; border-left-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; } .pricing-table>thead>tr>th { border-bottom-width: 1px; } .pricing-table tr td:nth-child(2), .pricing-table tr th:nth-child(2) { border-left: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 768px) { /* Force table to not be like tables anymore */ .pricing-table, .pricing-table thead, .pricing-table tbody, .pricing-table th, .pricing-table td, .pricing-table tr { display: block; } .pricing-table { /* Hide table headers (but not display: none;, for accessibility) */ /* Label the data */ } .pricing-table thead tr { position: absolute; top: -9999px; left: -9999px; } .pricing-table tr { margin-top: 25px; } .pricing-table tr td:nth-child(2), .pricing-table tr th:nth-child(2) { border-left: none; } .pricing-table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; } .pricing-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 50%; margin-top: -11px; left: 17px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } .pricing-table td:before { content: attr(data-title); } } /* Pricing Layouts */ .pricing-layout-overflow-top { position: relative; margin-top: -232px; } /*------------------------------------------------------------------ [27. Widgets] */ .widget { position: relative; } .widget>div { position: relative; z-index: 1; } .widget:after { background-size: cover; content: " "; left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 0; opacity: .69; } .widget-1:after { background-image: url("../../../assets/img/dashboard/pages_hero.jpg"); background-size: cover; content: " "; left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 0; opacity: .69; } .widget-1:before { background-image: url('../../img/linear_gradient.png'); background-repeat: repeat-x; content: " "; left: 0; right: 0; height: 325px; bottom: 0; position: absolute; z-index: 1; } .widget-1>.card-body .company:nth-child(2)>div { display: table; margin: 0 auto; width: 127px; } .widget-1>.card-body>* { z-index: 1; } .widget-1>.card-body>*:not(.pull-bottom) { position: relative; } .widget-1>.card-body .pull-bottom { padding: 0 49px 56px 42px; } .widget-1 span.label { color: #fff; background: rgba(255, 255, 255, 0.3); } .widget-2:after { background-image: url("../../../assets/img/social/person-cropped.jpg"); } .widget-3 a { text-decoration: none; } .widget-3 .pg-map { font-size: 30px; } .widget-3 .widget-3-fav { background: rgba(0, 0, 0, 0.07); vertical-align: middle; padding: 6px 11px; display: block; } .widget-4 .row-sm-height:nth-child(1) { height: 30px; } .widget-4 .row-sm-height:nth-child(2) { height: 30px; } .widget-4-chart { height: 100%; width: 100%; bottom: 0; position: absolute; right: 0; } .widget-4-chart.line-chart .tick text, .widget-4-chart .line-chart .nvd3 .nv-axis .nv-axisMaxMin text { transform: translate(-10px, -32px); } .widget-4-chart .nvtooltip .nv-pointer-events-none thead { display: none; } .widget-4-chart .nvtooltip .nv-pointer-events-none tbody .nv-pointer-events-none .key { display: none; } .widget-5-chart-container { overflow: hidden; } .widget-5-chart { height: auto; width: auto; bottom: 20px; position: absolute; right: 20px; left: 20px; top: 40px; } .widget-6 { background: #a3aeb5; } .widget-6 .label { background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.67); } .widget-7 .slide-back .row-sm-height:nth-child(1) { height: 60%; } .widget-7 .slide-back .row-sm-height:nth-child(2) { height: 40%; } .widget-7-chart { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .widget-7-chart.line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke-opacity: 1; } .widget-7-chart .nvd3 circle.nv-point:nth-child(4) { fill: #ea2c54 !important; stroke: #ea2c54 !important; } .widget-8 { height: 145px; } .widget-8 .row-xs-height:first-child { height: 41px; } .widget-8-chart { height: 100px; width: 50%; bottom: 0; position: absolute; right: 0; } .widget-8-chart .line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke-opacity: 0.3; } .widget-8-chart .line-chart .nvd3 .nv-groups path.nv-line { stroke-opacity: 0.15; } .widget-8-chart .nvtooltip { display: none; } .widget-9 { height: 145px; } .widget-9 .row-xs-height:first-child { height: 26px; } .widget-9 .progress { background: rgba(0, 0, 0, 0.1); } .widget-10 { height: 145px; } .widget-11 sup { margin-right: -4px; } .widget-11 .widget-11-table { height: 380px; } .widget-11 .widget-11-table tr td:first-child { width: 40%; } .widget-11-2 sup { margin-right: -4px; } .widget-11-2 .widget-11-2-table { height: 80%; } .widget-12 .list-inline a { padding: 3px 4px; border-radius: 3px; opacity: .7; } .widget-12 .list-inline .active a { opacity: 1; } .widget-12 .nvd3-line svg { height: 316px; } .widget-12 .company-stat-boxes .close { line-height: 0; } .widget-12 .widget-12-search { margin-top: -3px; } @media (max-width: 992px) { .widget-12 { flex: none; } } .widget-14 .row-xs-height:nth-child(1) { height: 30px; } .widget-14 .row-xs-height:nth-child(2) { height: 120px; } .widget-14 .row-xs-height:nth-child(3) { height: 297px; } .widget-14-chart_y_axis { position: absolute; top: 0; background: rgba(255, 255, 255, 0.8); bottom: 0; width: 35px; left: 0; z-index: 2; } .widget-14-chart_y_axis .rickshaw_graph .y_ticks path, .widget-14-chart_y_axis .rickshaw_graph .x_ticks_d3 path { fill: none; stroke: none; } .widget-14-chart_y_axis .rickshaw_graph .y_ticks text, .widget-14-chart_y_axis .rickshaw_graph .x_ticks_d3 text { opacity: 0.35; font-family: 'Montserrat'; font-size: 11px; } .widget-14-chart_y_axis .y_ticks.plain g:first-child { opacity: 0 !important; } .widget-14-chart-legend .ui-sortable li { padding-right: 0; } .widget-14-chart-legend .ui-sortable li .action { display: none; } .widget-14-chart-legend .ui-sortable li:last-child { margin-top: 7px; } .widget-15 #widget-15-tab-1>div { height: 170px; } .widget-15-2 { height: 469px; } .widget-15-2 #widget-15-2-tab-1 .full-width { height: 180px; } .widget-16-header .pull-left:last-child { width: 69%; } .widget-16-chart { height: 100px; } .widget-16-chart.line-chart[data-stroke-width="2"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { stroke-width: 2px; } .widget-17 { height: 467px; } .widget-17 .widget-17-weather { width: 90%; } .widget-18-post { height: 342px; background: url('../../../assets/img/social/quote.jpg'); background-position: center center; background-size: cover; } .widget-19-post { height: 237px; background: #00A79A; } .widget-19-post img { top: 50%; margin-top: -70px; } .btn-circle-arrow { border: 1px solid #fff; border-radius: 100px; position: relative; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 4px; } .btn-circle-arrow i { font-size: 11px; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -4px; } /*** Large screens ***/ @media only screen and (min-width: 1824px) { .ar-3-2:before { padding-top: calc(55% - 5px) !important; } .ar-2-3:before { padding-top: calc(135% - 5px) !important; } } @media (max-width: 991px) { .card { height: auto !important; } .widget-8, .widget-9, .widget-10 { height: 180px !important; } } @media (max-width: 480px) { .widget-1-wrapper { height: 340px; } } @media (max-width: 420px) { .widgets-container { margin-top: 80px; } } @media (max-width: 610px) { .widget-item, .widgets-container { width: 100% !important; } } /*------------------------------------------------------------------ [3. Chat] */ /* Chat Components -------------------------------------------------- */ .chat-view .chat-inner { padding: 15px; overflow-x: hidden; height: calc(100% - 103px); } .chat-view .message { margin-bottom: 10px; line-height: 30px; } .chat-view .profile-img-wrapper { height: 28px; width: 28px; } .chat-view .chat-bubble { position: relative; border-radius: 12px; padding: 4px 12px; font-size: 14px; line-height: 16px; margin: 5px 0px 0 5px; max-width: 60%; white-space: normal; } .chat-view .chat-bubble>p { margin: 0; } .chat-view .chat-bubble.from-me { background: #ccfaf1; color: #373e43; opacity: 0.8; float: right; border: 1px solid rgba(0, 0, 0, 0.07); } .chat-view .chat-bubble.from-them { color: #373e43; background: #f2f4f5; position: relative; opacity: 0.8; float: left; border: 1px solid #edf7f5; } .chat-view .chat-input { border: 0; height: 45px; } .chat-view .chat-input:focus, .chat-view .chat-input:active { background-color: #fff; } .chat-view .user-controls { padding-top: 12px; } /* Chat User List -------------------------------------------------- */ .chat-user-list>a { height: 60px; } /* Alert List -------------------------------------------------- */ .alert-list>a { height: 45px; } /*------------------------------------------------------------------ [28. Misc : Helper Classes] */ .custom { height: 150px; } .icon-list .fa-item { display: block; color: #16191b; line-height: 32px; height: 32px; padding-left: 10px; } .icon-list .fa-item>i { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; } .push-on-sidebar-open { -webkit-transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease; -webkit-backface-visibility: hidden; } /* Thumbnail for icons and profile pics ------------------------------------ */ .thumbnail-wrapper { display: inline-block; overflow: hidden; float: left; } .thumbnail-wrapper.circular { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .thumbnail-wrapper.bordered { border-width: 4px; border-style: solid; } .thumbnail-wrapper.bordered.d16 { width: 20px; height: 20px; } .thumbnail-wrapper.bordered.d16>* { line-height: 12px; } .thumbnail-wrapper.bordered.d24 { width: 28px; height: 28px; } .thumbnail-wrapper.bordered.d24>* { line-height: 24px; } .thumbnail-wrapper.bordered.d32 { width: 36px; height: 36px; } .thumbnail-wrapper.bordered.d32>* { line-height: 28px; } .thumbnail-wrapper.bordered.d48 { width: 52px; height: 52px; } .thumbnail-wrapper.bordered.d48>* { line-height: 44px; } .thumbnail-wrapper.d16 { width: 16px; height: 16px; } .thumbnail-wrapper.d16>* { line-height: 16px; } .thumbnail-wrapper.d24 { width: 24px; height: 24px; } .thumbnail-wrapper.d24>* { line-height: 24px; } .thumbnail-wrapper.d32 { width: 32px; height: 32px; } .thumbnail-wrapper.d32>* { line-height: 32px; } .thumbnail-wrapper.d39 { width: 39px; height: 39px; } .thumbnail-wrapper.d39>* { line-height: 39px; } .thumbnail-wrapper.d48 { width: 48px; height: 48px; } .thumbnail-wrapper.d48>* { line-height: 50px; } .thumbnail-wrapper>* { vertical-align: middle; width: 100%; height: 100%; text-align: center; } /* Profile dropdown ------------------------------------ */ .profile-dropdown { background: #fff; padding: 0; } .profile-dropdown:before { position: absolute; top: -7px; right: 15px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .profile-dropdown:after { position: absolute; top: -6px; right: 16px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .profile-dropdown>a { opacity: .5; -webkit-transition: opacity ease 0.3s; transition: opacity ease 0.3s; padding-left: 17px; padding-right: 37px; min-width: 138px; } .profile-dropdown>a>i { margin-right: 5px; } .profile-dropdown>a:hover { opacity: 1; } .profile-dropdown>a:last-child { margin-top: 11px; padding-bottom: 3px !important; padding-top: 3px; } .profile-dropdown-toggle { background: transparent; border: none; } /* Scroll ------------------------------------ */ .scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; } /* Overides ------------------------------------ */ .no-padding { padding: 0px !important; } .no-margin { margin: 0px !important; } .no-overflow { overflow: hidden !important; } .auto-overflow { overflow: auto !important; } .reset-overflow { overflow: initial !important; } .center-margin { margin-left: auto; margin-right: auto; } .inherit-size { width: inherit; height: inherit; } .inherit-height { height: inherit; } .image-responsive-height { width: 100%; } .image-responsive-width { height: 100%; } .overlayer { position: absolute; display: block; z-index: 21; } .overlayer.fullwidth { width: 100%; } .overlayer-wrapper { position: relative; display: block; z-index: 10; } .overlay-fixed { position: fixed !important; top: auto !important; } .top-left { position: absolute !important; top: 0; left: 0; } .top-right { position: absolute !important; top: 1px; right: 0; } .bottom-left { position: absolute !important; bottom: 1px; left: 0; } .bottom-right { position: absolute !important; bottom: 0; right: 0; } .pull-bottom { position: absolute !important; bottom: 0; } .pull-up { position: absolute !important; top: 0; } .pull-left { float: left !important; } .pull-right { float: right !important; } .pull-center { position: absolute; left: 0; right: 0; width: 100%; display: table; z-index: 1; } .cursor { cursor: pointer; } .scroll-x-hidden { overflow-x: hidden !important; } /* Generic Padding Helpers ------------------------------------ */ .p-t-0 { padding-top: 0px !important; } .p-r-0 { padding-right: 0px !important; } .p-l-0 { padding-left: 0px !important; } .p-b-0 { padding-bottom: 0px !important; } .padding-0 { padding: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-r-5 { padding-right: 5px !important; } .p-l-5 { padding-left: 5px !important; } .p-b-5 { padding-bottom: 5px !important; } .padding-5 { padding: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-r-10 { padding-right: 10px !important; } .p-l-10 { padding-left: 10px !important; } .p-b-10 { padding-bottom: 10px !important; } .padding-10 { padding: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-r-15 { padding-right: 15px !important; } .p-l-15 { padding-left: 15px !important; } .p-b-15 { padding-bottom: 15px !important; } .padding-15 { padding: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-r-20 { padding-right: 20px !important; } .p-l-20 { padding-left: 20px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .padding-20 { padding: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-r-25 { padding-right: 25px !important; } .p-l-25 { padding-left: 25px !important; } .p-b-25 { padding-bottom: 25px !important; } .padding-25 { padding: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-r-30 { padding-right: 30px !important; } .p-l-30 { padding-left: 30px !important; } .p-b-30 { padding-bottom: 30px !important; } .padding-30 { padding: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-r-35 { padding-right: 35px !important; } .p-l-35 { padding-left: 35px !important; } .p-b-35 { padding-bottom: 35px !important; } .padding-35 { padding: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-r-40 { padding-right: 40px !important; } .p-l-40 { padding-left: 40px !important; } .p-b-40 { padding-bottom: 40px !important; } .padding-40 { padding: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-r-45 { padding-right: 45px !important; } .p-l-45 { padding-left: 45px !important; } .p-b-45 { padding-bottom: 45px !important; } .padding-45 { padding: 45px !important; } .p-t-50 { padding-top: 50px !important; } .p-r-50 { padding-right: 50px !important; } .p-l-50 { padding-left: 50px !important; } .p-b-50 { padding-bottom: 50px !important; } .p-20 { padding: 20px !important; } .p-10 { padding: 10px !important; } .p-25 { padding: 25px !important; } .padding-50 { padding: 50px !important; } /* Generic Margin Helpers ------------------------------------ */ .m-t-0 { margin-top: 0px; } .m-r-0 { margin-right: 0px; } .m-l-0 { margin-left: 0px; } .m-b-0 { margin-bottom: 0px; } .m-t-5 { margin-top: 5px; } .m-r-5 { margin-right: 5px; } .m-l-5 { margin-left: 5px; } .m-b-5 { margin-bottom: 5px; } .m-t-10 { margin-top: 10px; } .m-r-10 { margin-right: 10px; } .m-l-10 { margin-left: 10px; } .m-b-10 { margin-bottom: 10px; } .m-t-15 { margin-top: 15px; } .m-r-15 { margin-right: 15px; } .m-l-15 { margin-left: 15px; } .m-b-15 { margin-bottom: 15px; } .m-t-20 { margin-top: 20px; } .m-r-20 { margin-right: 20px; } .m-l-20 { margin-left: 20px; } /* .m-l-290 { position: relative; margin-left: 40px; } */ /* 12-09-22 */ .m-l-290 { position: relative; margin-left: 40px; display: inline-flex; } /* .m-l-290:after { content: ""; background: #007be8; height: 10px; width: 10px; left: 20px; position: absolute; top: 9px; } */ /* 12-09-22 */ .m-l-290:after { content: ""; background: #007be8; height: 10px; width: 10px; left: 20px; position: absolute; top: 5px; } .m-b-20 { margin-bottom: 20px !important; } .m-t-25 { margin-top: 25px; } .m-r-25 { margin-right: 25px; } .m-l-25 { margin-left: 25px; } .m-b-25 { margin-bottom: 25px; } .m-t-30 { margin-top: 30px; } .m-r-30 { margin-right: 30px; } .m-l-30 { margin-left: 30px; } .m-b-30 { margin-bottom: 30px; } .m-t-35 { margin-top: 35px; } .m-r-35 { margin-right: 35px; } .m-l-35 { margin-left: 35px; } .m-b-35 { margin-bottom: 35px; } .m-t-40 { margin-top: 40px; } .m-r-40 { margin-right: 40px; } .m-l-40 { margin-left: 40px; } .m-b-40 { margin-bottom: 40px; } .m-t-45 { margin-top: 45px; } .m-r-45 { margin-right: 45px; } .m-l-45 { margin-left: 45px; } .m-b-45 { margin-bottom: 45px; } .m-t-50 { margin-top: 50px; } .m-r-50 { margin-right: 50px; } .m-l-50 { margin-left: 50px; } .m-b-50 { margin-bottom: 50px; } .m-tb-20 { margin: 20px 0 !important; } .full-height { height: 100% !important; } .full-width { width: 100%; } .hide { display: none !important; } .inline { display: inline-block !important; } .block { display: block !important; } .b-blank { border-color: #000; } .common-card-height { -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); } /* Border Helpers ------------------------------------ */ .b-a, .b-r, .b-l, .b-t, .b-b { border-style: solid; border-width: 0; } .b-r { border-right-width: 1px; } .b-l { border-left-width: 1px; } .b-t { border-top-width: 1px; } .b-b { border-bottom-width: 1px; } .b-a { border-width: 1px; } .b-dashed { border-style: dashed; } .b-thick { border-width: 2px; } .b-transparent { border-color: rgba(0, 0, 0, 0.4); } .b-transparent-white { border-color: rgba(255, 255, 255, 0.3); } .b-grey { border-color: #eaecee; } .b-white { border-color: #fff; } .b-primary { border-color: #007be8; } .b-complete { border-color: #007be8; } .b-success { border-color: #007be8; } .b-info { border-color: #47525e; } .b-danger { border-color: #ea2c54; } .b-warning { border-color: #fed76e; } /* Border Radius ------------------------------------ */ .b-rad-sm { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .b-rad-md { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .b-rad-lg { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .no-border { border: none !important; } /** Profile Wrappers **/ .profile-img-wrapper { float: left; border-radius: 100px 100px 100px 100px; display: inline-block; height: 35px; overflow: hidden; width: 35px; -webkit-flex: 1; -moz-flex: 1; flex: 1; } .profile-img-wrapper.big { height: 68px; width: 68px; } .profile-img-wrapper.with-left-space-custom { margin-left: 7px; } .relative { position: relative; } .flex-1 { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-negative: 0; flex-shrink: 0; } [data-pages-bg-image] { background-size: cover; } /* Demo Purposes */ .icon-set-preview { transition: opacity 0.1s linear; } #icon-list { transition: all 0.1s ease-in-out; } .error-number { font-family: 'Montserrat'; font-size: 90px; line-height: 90px; } .error-container-innner { margin-left: auto; margin-right: auto; width: 360px; } .error-container { margin-top: -100px; width: 38%; } .visible-xlg { display: none; } .hidden-xlg { display: block; } /* .sm-gutter .row>[class^="col-"], .sm-gutter .row>[class*="col-"] { padding-left: 5px; padding-right: 5px; } .sm-gutter .row { margin-left: -5px; margin-right: -5px; } */ /* Aspect ratio */ .ar-1-1 .card, .ar-2-1 .card, .ar-1-2 .card, .ar-3-2 .card, .ar-2-3 .card { margin: 0; } .ar-1-1 { position: relative; width: 100%; /* desired width */ overflow: hidden; } .ar-1-1:before { content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ } .ar-1-1>div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .ar-2-1 { position: relative; width: 100%; /* desired width */ overflow: hidden; } .ar-2-1:before { content: ""; display: block; padding-top: calc(50% - 5px); /* initial ratio of 1:1*/ } .ar-2-1>div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .ar-1-2 { position: relative; width: 100%; /* desired width */ overflow: hidden; } .ar-1-2:before { content: ""; display: block; padding-top: calc(150% - 5px); /* initial ratio of 1:1*/ } .ar-1-2>div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .ar-3-2 { position: relative; width: 100%; /* desired width */ overflow: hidden; } .ar-3-2:before { content: ""; display: block; padding-top: calc(75% - 5px); /* initial ratio of 1:1*/ } .ar-3-2>div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .ar-2-3 { position: relative; width: 100%; /* desired width */ overflow: hidden; } .ar-2-3:before { content: ""; display: block; padding-top: calc(125% - 5px); /* initial ratio of 1:1*/ } .ar-2-3>div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .v-align-bottom { vertical-align: bottom !important; } .v-align-top { vertical-align: top !important; } .v-align-middle { vertical-align: middle !important; } /* vertical alignment styles */ .col-top { vertical-align: top !important; } .col-middle { vertical-align: middle !important; } .col-bottom { vertical-align: bottom !important; } /* columns of same height styles ------------------------------------ */ .container-xs-height { display: table; padding-left: 0px; padding-right: 0px; width: 100%; border-collapse: collapse; table-layout: fixed; } .row-xs-height { display: table-row; } .col-xs-height { display: table-cell; float: none; } @media (min-width: 768px) { .container-sm-height { display: table; padding-left: 0px; padding-right: 0px; width: 100%; border-collapse: collapse; table-layout: fixed; } .row-sm-height { /*display:table-row;*/ } .col-sm-height { /*display:table-cell !important; float:none !important;*/ } } .howitworks-block .tile-item { background: #fff; box-shadow: 0px 0px 15.04px 0.96px rgb(102 100 100 / 12%); -webkit-box-shadow: 0px 0px 15.04px 0.96px rgb(102 100 100 / 12%); -moz-box-shadow: 0px 0px 15.04px 0.96px rgb(102 100 100 / 12%); -ms-box-shadow: 0px 0px 15.04px 0.96px rgb(102 100 100 / 12%); -o-box-shadow: 0px 0px 15.04px 0.96px rgb(102 100 100 / 12%); padding: 15px 20px; border-radius: 10px; margin: 0 10px; height: 100%; } .howitworks-block .common-btn-edit { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; padding: 0; justify-content: center; font-size: 14px; margin: 0 5px; background-color: #47525e; border-color: #47525e; color: #ffffff; border: 0 none; cursor: pointer; display: block !important; } .howitworks-block .common-btn-delete { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; padding: 0; justify-content: center; font-size: 14px; /* margin: 0 5px; */ background-color: #ea2c54; border-color: #ea2c54; left: 45px; color: #ffffff; border: 0 none; cursor: pointer; display: block !important; } .howitworks-block .common-btn-edit:hover { background-color: #6c757e; border-color: #6c757e; color: #fff; } .howitworks-block .common-btn-delete:hover { background-color: #ee5676; border-color: #ee5676; color: #fff; } .howitworks-block button.common-btn-edit.pos-abs { right: 40px; left: auto; } .howitworks-block button.common-btn-delete.pos-abs { right: 10px; left: auto; } .howitworks-block .tile-item h4 { line-height: 1.4; } .howitworks-block .tile-item .icon-circle { height: 64px; width: 64px; background: #ccf2ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .howitworks-block .tile-item h4 { text-align: center; margin-bottom: 10px !important; } .howitworks-block .tile-item p { text-align: center; } .howitworks-block .tile-item:nth-child(1) .icon-circle, .howitworks-block .tile-column:nth-child(1) .icon-circle { background: #e1efff; } .howitworks-block .tile-item:nth-child(2) .icon-circle, .howitworks-block .tile-column:nth-child(2) .icon-circle { background: #ffe1ff; } .howitworks-block .tile-item:nth-child(3) .icon-circle, .howitworks-block .tile-column:nth-child(3) .icon-circle { background: #e1fffb; } .howitworks-block .tile-item:nth-child(4) .icon-circle, .howitworks-block .tile-column:nth-child(4) .icon-circle { background: #f3e1ff; } .howitworks-block .tile-item:nth-child(5) .icon-circle, .howitworks-block .tile-column:nth-child(5) .icon-circle { background: #fff5e3; } @media (min-width: 992px) { .container-md-height { display: table; padding-left: 0px; padding-right: 0px; width: 100%; border-collapse: collapse; table-layout: fixed; } .row-md-height { display: table-row; } .col-md-height { display: table-cell !important; float: none !important; } } @media (min-width: 1200px) { .container-lg-height { display: table; padding-left: 0px; padding-right: 0px; width: 100%; border-collapse: collapse; table-layout: fixed; } .row-lg-height { display: table-row; } .col-lg-height { display: table-cell !important; float: none !important; } } .windows .d-flex { -ms-flex-wrap: wrap; } /*------------------------------------------------------------------ [29. Print] */ @media print { .header, .page-sidebar, .quickview-wrapper, .overlay { display: none; } .page-container { padding-left: 0; } .page-content-wrapper .content { border-top: 0; } .page-content-wrapper .content .card { border: none; } .page-content-wrapper .content .card .card-body { padding: 0; } [class^='padding-'], [class*='padding-'], .table tbody tr td { padding: 10px; } } /*------------------------------------------------------------------ [30. Demo : Only for demo pursposes] */ .builder { width: 423px; right: -423px; } .builder>div { height: calc(100% - 12px); } .builder [data-action].active:before { background-image: url('../../../assets/img//demo/tick.svg'); width: 23px; height: 23px; content: ''; position: absolute; top: 84px; right: -10px; z-index: 10; } .builder a { position: relative; display: block; width: 100%; color: #afb8bf; } .builder a>img { opacity: 0.33; -webkit-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .builder a.active { color: #7a8994; } .builder a.active>img { opacity: 0.87; } .builder a:hover { color: #95a1a9; } .builder a:hover>img { opacity: 0.7; } .builder a.btn-toggle-layout.active:before { background-image: url('../../../assets/img//demo/tick.svg'); width: 23px; height: 23px; content: ''; position: absolute; top: 84px; right: -10px; z-index: 10; } .builder .builder-footer { right: 0; left: 0; z-index: 10; } .builder .theme-selector.active:before { top: 54px; right: 10px; } .builder .nav-tabs { background-color: transparent; padding: 0; } .builder .nav-tabs>li>a { min-width: 99px; padding: 16px 0; } .builder .nav-tabs~.tab-content { position: relative; padding-right: 0px; height: 100%; top: 0; background-color: #fff; } .builder .nav-tabs~.tab-content .tab-pane { height: 100%; overflow-x: hidden !important; } .builder .nav-tabs~.tab-content .tab-pane .scrollable { padding-top: 27px; height: calc(100% - 47px); overflow-x: hidden !important; } .builder .builder-close { position: absolute; right: 36px; top: 20px; padding: 7px; width: auto; z-index: 10; } .builder .builder-toggle { position: absolute; width: 54px; height: 50px; top: 20%; left: -48px; text-align: center; line-height: 50px; cursor: pointer; } .builder:before { position: absolute; content: ''; width: 48px; height: 50px; background-color: #fff; top: 20%; left: -47px; box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); border-left: 1px solid rgba(222, 227, 231, 0.56); border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .builder:after { position: absolute; content: ''; background-color: #fff; width: 5px; height: 50px; left: 0; top: 20%; } .builder .btn-toggle-theme>img { opacity: 1 !important; } .builder .btn-toggle-theme p { line-height: 18px; } .rtl .builder .builder-toggle { left: auto; right: -48px; } .content-builder { display: none; } .content-builder.active { display: block; } .content-builder .placeholder { position: relative; } .content-builder .placeholder:after { content: "Content goes here"; position: absolute; left: 0; top: 50%; margin-top: -10px; right: 0; text-align: center; font-size: 26px; opacity: .16; color: #7a8994; } .previewer { height: 35px; } /* Demo Widths For GIF Animations ------------------------------------ */ .demo-bg-hinted { background-color: #939393; } .demo-fs-23 { font-size: 23px !important; } .demo-mw-50 { max-width: 50px; } .demo-mw-300 { max-width: 300px; } .demo-mw-350 { max-width: 350px; } .demo-mw-400 { max-width: 400px; } .demo-mw-500 { max-width: 500px; } .demo-mw-600 { max-width: 600px; } .demo-container { height: 2000px; } /* Views page */ .view-iframe-wrapper { width: 100%; height: 255px; background: #fff; position: relative; } .view-iframe-wrapper iframe { width: 100%; height: 100%; padding: 45px 45px 0 45px; } @media (max-width: 1200px) { .view-iframe-wrapper iframe { padding: 0; } } .visible-xlg { display: none; } .hidden-xlg { display: block; } /*** Large screens ***/ @media (min-width: 1824px) { .visible-xlg { display: block !important; } .hidden-xlg { display: none !important; } .quickview-wrapper .tab-content #quickview-notes>.inner { width: 570px; } /* .container-fluid.container-fixed-lg { width: 1700px; margin-right: auto; margin-left: auto; } */ /* .menu-pin .container-fluid.container-fixed-lg { width: 1450px; } */ /*.visible-xlg { display: block !important; } .hidden-xlg { display: none !important; }*/ .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-xlg-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; flex: 0 0 100%; max-width: 100%; } .col-xlg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xlg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xlg-9 { flex: 0 0 75%; max-width: 75%; } .col-xlg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xlg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xlg-6 { flex: 0 0 50%; max-width: 50%; } .col-xlg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xlg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xlg-3 { flex: 0 0 25%; max-width: 25%; } .col-xlg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xlg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xlg-pull-12 { right: 100%; } .col-xlg-pull-11 { right: 91.6667%; } .col-xlg-pull-10 { right: 83.3333%; } .col-xlg-pull-9 { right: 75%; } .col-xlg-pull-8 { right: 66.6667%; } .col-xlg-pull-7 { right: 58.3333%; } .col-xlg-pull-6 { right: 50%; } .col-xlg-pull-5 { right: 41.6667%; } .col-xlg-pull-4 { right: 33.3333%; } .col-xlg-pull-3 { right: 25%; } .col-xlg-pull-2 { right: 16.6667%; } .col-xlg-pull-1 { right: 8.33333%; } .col-xlg-pull-0 { right: 0; } .col-xlg-push-12 { left: 100%; } .col-xlg-push-11 { left: 91.6667%; } .col-xlg-push-10 { left: 83.3333%; } .col-xlg-push-9 { left: 75%; } .col-xlg-push-8 { left: 66.6667%; } .col-xlg-push-7 { left: 58.3333%; } .col-xlg-push-6 { left: 50%; } .col-xlg-push-5 { left: 41.6667%; } .col-xlg-push-4 { left: 33.3333%; } .col-xlg-push-3 { left: 25%; } .col-xlg-push-2 { left: 16.6667%; } .col-xlg-push-1 { left: 8.33333%; } .col-xlg-push-0 { left: 0; } .col-xlg-offset-12 { margin-left: 100%; } .col-xlg-offset-11 { margin-left: 91.6667%; } .col-xlg-offset-10 { margin-left: 83.3333%; } .col-xlg-offset-9 { margin-left: 75%; } .col-xlg-offset-8 { margin-left: 66.6667%; } .col-xlg-offset-7 { margin-left: 58.3333%; } .col-xlg-offset-6 { margin-left: 50%; } .col-xlg-offset-5 { margin-left: 41.6667%; } .col-xlg-offset-4 { margin-left: 33.3333%; } .col-xlg-offset-3 { margin-left: 25%; } .col-xlg-offset-2 { margin-left: 16.6667%; } .col-xlg-offset-1 { margin-left: 8.33333%; } .col-xlg-offset-0 { margin-left: 0; } } /*** Desktops ***/ /*** Medium Size Screen ***/ @media only screen and (max-width: 1400px) { .footer-widget { padding: 11px 21px !important; } } @media only screen and (max-width: 1199px) { .visible-xl-down { display: block !important; } } /*** Desktops & Laptops ***/ @media only screen and (min-width: 980px) { body.menu-pin .page-container { padding-left: 0; } body.menu-pin .page-container .page-content-wrapper .content { padding-left: 250px; } body.menu-pin .page-container .page-content-wrapper .footer { left: 250px; } body.box-layout { background-color: #fff; } body.box-layout .page-container .page-content-wrapper .footer { width: auto; } } /*** General tablets and phones ***/ @media (max-width: 991px) { .hidden-lg-down { display: none !important; } .page-container { padding-left: 0; } .d-flex-lg-down { display: flex; } .justify-between-lg-down { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } body.sidebar-open .page-container { -webkit-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); -ms-transform: translate(250px, 0); overflow: hidden; position: fixed; } body.sidebar-open .push-on-sidebar-open { -webkit-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); -ms-transform: translate(250px, 0); overflow: hidden; } body.box-layout>.container { padding: 0; height: 100%; } body.horizontal-app-menu .secondary-sidebar { margin-left: 0; } .sm-action-bar { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .sm-action-bar>a { padding: 10px; display: inline-block; } .pace .pace-activity { top: 60px; } .page-container { padding-left: 0; position: relative; transition: transform .25s ease; -webkit-transition: -webkit-transform 0.25s ease; } .page-container .page-content-wrapper .content { overflow-x: hidden; height: auto; } .icon-thumbnail { margin-right: 24px; } .page-sidebar { display: none; z-index: auto; } .page-sidebar.visible { display: block; } .page-sidebar .page-sidebar-inner { z-index: 1; left: 0 !important; width: 260px; } .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu { overflow: scroll; -webkit-overflow-scrolling: touch; top: 40px; bottom: 0; } .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul>li>a>.badge { display: inline-block; } .secondary-sidebar { float: none; height: auto; left: 50%; margin-left: -125px; padding: 20px; position: absolute; right: 0; top: 60px; z-index: 9999; display: none; border-radius: 10px; } .secondary-sidebar .btn-compose { display: none; } .inner-content, .horizontal-app-menu .inner-content { margin: 0; } .breadcrumb { padding-left: 15px; padding-right: 15px; } .copyright { padding-left: 15px; padding-right: 15px; } body>.pgn-wrapper[data-position="top"] { top: 48px; left: 0; } body>.pgn-wrapper[data-position="bottom"] { left: 0; } body>.pgn-wrapper[data-position$='-left'] { left: 20px; right: auto; } .sm-table { display: table; width: 100%; } .user-profile-wrapper { position: absolute; right: 50px; top: -9px; } .container { width: 100%; } .table-responsive-block table, .table-responsive-block thead, .table-responsive-block tbody, .table-responsive-block th, .table-responsive-block td, .table-responsive-block tr { display: block; } .table-responsive-block thead tr { position: absolute; top: -9999px; left: -9999px; } .table-responsive-block tr { border: 1px solid rgba(230, 230, 230, 0.7); margin-bottom: 15px; } .table-responsive-block td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; } .table-responsive-block td:last-child { border-bottom: 0; } .table-responsive-block td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } .table-responsive-block td:before { content: attr(data-label); } .kill-pull-md-down { position: relative; display: block; width: inherit; } .kill-pull-md-down .toggle-secondary-sidebar { display: inline-block; font-size: 18px; } .nav-tabs-header.nav-tabs-linetriangle { height: 61px; } .overlay { padding-left: 15px; } } /* Landscape view of all tablet devices */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .page-container .page-content-wrapper .content { padding-top: 60px; } body.box-layout>.container { width: 100%; } .error-page .error-container { width: auto; } .inner-content { margin-left: 0; } .secondary-sidebar { float: none; height: auto; left: 50%; margin-left: -155px; padding: 20px; position: absolute; right: 0; top: 60px; z-index: 9999; display: none; border-radius: 10px; } .secondary-sidebar .btn-compose { display: none; } .horizontal-app-menu .secondary-sidebar { display: inline-block; position: relative; top: inherit; left: inherit; right: inherit; padding: 20px 0; border-radius: 0; float: left; height: 100%; } .split-details { margin-left: 0; } .toggle-secondary-sidebar { display: block; font-size: 18px; left: 50%; margin-left: -36px; position: absolute; } .toggle-secondary-sidebar~.brand { display: none !important; } } @media (max-width: 991px) { .sm-b-r, .sm-b-l, .sm-b-t, .sm-b-b { border-width: 0; } .sm-b-r { border-right-width: 1px; } .sm-b-l { border-left-width: 1px; } .sm-b-t { border-top-width: 1px; } .sm-b-b { border-bottom-width: 1px; } .sidebar-menu .icon-thumbnail { margin-right: 15px; } } @media (min-width: 1200px) { .row-same-height { overflow: hidden; } .row-same-height>[class*="col-lg"] { margin-bottom: -99999px; padding-bottom: 99999px; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md { display: block !important; } } @media (min-width: 992px) { .row-same-height { overflow: hidden; } .row-same-height>[class*="col-md"] { margin-bottom: -99999px; padding-bottom: 99999px; } } @media (min-width: 768px) { .row-same-height { overflow: hidden; } .row-same-height>[class*="col-sm"] { margin-bottom: -99999px; padding-bottom: 99999px; } .box-layout .container .jumbotron, .container-fluid .jumbotron { padding: 0; } .d-flex-md-up { display: flex; } .navbar-toggle { display: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .dataTables_wrapper.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: absolute; } .justify-end-md-up { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 700px) { .dd { float: none; } } /* Portrait view of all tablet devices */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .icon-thumbnail { margin-right: 21px; } .error-page .error-container { width: auto; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm { display: block; } .hidden-sm { display: none; } .visible-sm-inline-block { display: inline-block !important; } .md-p-t-0 { padding-top: 0px; } .md-p-r-0 { padding-right: 0px; } .md-p-l-0 { padding-left: 0px; } .md-p-b-0 { padding-bottom: 0px; } .md-p-t-5 { padding-top: 5px; } .md-p-r-5 { padding-right: 5px; } .md-p-l-5 { padding-left: 5px; } .md-p-b-5 { padding-bottom: 5px; } .md-p-t-10 { padding-top: 10px; } .md-p-r-10 { padding-right: 10px; } .md-p-l-10 { padding-left: 10px; } .md-p-b-10 { padding-bottom: 10px; } .md-p-t-15 { padding-top: 15px; } .md-p-r-15 { padding-right: 15px; } .md-p-l-15 { padding-left: 15px; } .md-p-b-15 { padding-bottom: 15px; } .md-m-t-5 { margin-top: 5px; } .md-m-r-5 { margin-right: 5px; } .md-m-l-5 { margin-left: 5px; } .md-m-b-5 { margin-bottom: 5px; } .md-m-t-10 { margin-top: 10px; } .md-m-r-10 { margin-right: 10px; } .md-m-l-10 { margin-left: 10px; } .md-m-b-10 { margin-bottom: 10px; } .md-m-t-15 { margin-top: 15px; } .md-m-r-15 { margin-right: 15px; } .md-m-l-15 { margin-left: 15px; } .md-m-b-15 { margin-bottom: 15px; } } @media (max-width: 979px) { .toggle-secondary-sidebar { font-size: 18px; position: static; display: block; } .toggle-secondary-sidebar~.brand { display: none !important; } .secondary-sidebar { float: none; height: auto; left: 50%; margin-left: -125px; padding: 20px; position: absolute; right: 0; top: 60px; z-index: 9999; display: none; border-radius: 10px; } .secondary-sidebar .btn-compose { display: none; } .split-view .split-list { width: 100%; height: auto; bottom: 50px; left: 0; top: 0; position: absolute; z-index: 1000; float: none; } .split-view .split-list .item { padding: 8px; } .split-view .split-list .item .inline { width: 188px; } .split-view .split-details { margin-left: 0; width: 100%; } .split-view .split-details .email-content-wrapper { overflow: auto; padding: 0; height: calc(100% - 50px); } .split-view .split-details .email-content-wrapper .email-content { width: 90%; } .compose-wrapper { display: block !important; } .compose-wrapper .btn-compose { display: block !important; } } @media (max-width: 767px) { .header { height: 48px; } .header .header-inner { height: 48px; } .header .user-info-wrapper { display: none; } .header .search-link { height: 19px; width: 16px; overflow: hidden; } .jumbotron, .container-fluid { padding-left: 0; padding-right: 0; } .page-container .page-content-wrapper .content { padding-top: 48px; padding-bottom: 100px; } .icon-thumbnail { margin-right: 20px; } .secondary-sidebar { top: 48px; } .split-details { margin-left: 0; } .email-composer { padding-left: 30px; padding-right: 30px; } .sm-pull-bottom, .sm-pull-up { position: relative !important; } .sm-p-t-0 { padding-top: 0px !important; } .sm-p-r-0 { padding-right: 0px !important; } .sm-p-l-0 { padding-left: 0px !important; } .sm-p-b-0 { padding-bottom: 0px !important; } .sm-padding-0 { padding: 0px !important; } .sm-p-t-5 { padding-top: 5px !important; } .sm-p-r-5 { padding-right: 5px !important; } .sm-p-l-5 { padding-left: 5px !important; } .sm-p-b-5 { padding-bottom: 5px !important; } .sm-padding-5 { padding: 5px !important; } .sm-p-t-10 { padding-top: 10px !important; } .sm-p-r-10 { padding-right: 10px !important; } .sm-p-l-10 { padding-left: 10px !important; } .sm-p-b-10 { padding-bottom: 10px !important; } .sm-padding-10 { padding: 10px !important; } .sm-p-t-15 { padding-top: 15px !important; } .sm-p-r-15 { padding-right: 15px !important; } .sm-p-l-15 { padding-left: 15px !important; } .sm-p-b-15 { padding-bottom: 15px !important; } .sm-padding-15 { padding: 15px !important; } .sm-p-t-20 { padding-top: 20px !important; } .sm-p-r-20 { padding-right: 20px !important; } .sm-p-l-20 { padding-left: 20px !important; } .sm-p-b-20 { padding-bottom: 20px !important; } .sm-padding-20 { padding: 20px !important; } .sm-p-t-25 { padding-top: 25px !important; } .sm-p-r-25 { padding-right: 25px !important; } .sm-p-l-25 { padding-left: 25px !important; } .sm-p-b-25 { padding-bottom: 25px !important; } .sm-padding-25 { padding: 25px !important; } .sm-m-t-5 { margin-top: 5px !important; } .sm-m-r-5 { margin-right: 5px !important; } .sm-m-l-5 { margin-left: 5px !important; } .sm-m-b-5 { margin-bottom: 5px !important; } .sm-m-t-10 { margin-top: 10px !important; } .sm-m-r-10 { margin-right: 10px !important; } .sm-m-l-10 { margin-left: 10px !important; } .sm-m-b-10 { margin-bottom: 10px !important; } .sm-m-t-15 { margin-top: 15px !important; } .sm-m-r-15 { margin-right: 15px !important; } .sm-m-l-15 { margin-left: 15px !important; } .sm-m-b-15 { margin-bottom: 15px !important; } .sm-m-t-20 { margin-top: 20px !important; } .sm-m-r-20 { margin-right: 20px !important; } .sm-m-l-20 { margin-left: 20px !important; } .sm-m-b-20 { margin-bottom: 20px !important; } .sm-m-t-25 { margin-top: 25px !important; } .sm-m-r-25 { margin-right: 25px !important; } .sm-m-l-25 { margin-left: 25px !important; } .sm-m-b-25 { margin-bottom: 25px !important; } .sm-no-margin { margin: 0px !important; } .sm-no-padding { padding: 0px !important; } .sm-text-right { text-align: right !important; } .sm-text-left { text-align: left !important; } .sm-text-center { text-align: center !important; } .sm-pull-right { float: right !important; } .sm-pull-left { float: left !important; } .sm-pull-reset { float: none !important; } .sm-block { display: block; } .error-container { width: auto; } .sm-image-responsive-height { width: 100%; height: auto; } .email-composer { padding-left: 30px; padding-right: 30px; } .sm-padding-10 { padding: 10px !important; } .lock-box { align-items: flex-start; height: auto; } .login-box { padding-right: 15px; padding-left: 15px; } .visible-xs-inline-block { display: inline-block !important; } .nav-tabs-linetriangle.nav-cust { flex-direction: column; } .nav-tabs-linetriangle li a.active:after, .nav-tabs-linetriangle li a.active:before { display: none; } .sm-vh-25 { height: 25vh !important; } .sm-vh-50 { height: 50vh !important; } .sm-vh-75 { height: 75vh !important; } .sm-vh-100 { height: 100vh !important; } .horizontal-app-menu .page-container .page-content-wrapper .content>.container { padding-left: 0; padding-right: 0; } .summernote-wrapper .btn-group { -ms-flex-flow: wrap; flex-flow: wrap; } } /*** Phones ***/ @media (max-width: 480px) { body { width: 100%; } body .header { width: 100%; height: 48px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } body .header .header-inner { height: 48px; text-align: center; } body .header .header-inner .mark-email { left: 35px; top: 14px; } body .header .header-inner .quickview-link { top: 14px; } body .header .dropdown-submenu { top: 12px; } body #overlay-search { font-size: 48px; height: 118px; line-height: 46px; } .page-sidebar .sidebar-header { height: 48px; line-height: 48px; } .card .card-heading { padding-left: 15px; } .card .card-body { padding: 15px; padding-top: 0; } .error-page { padding: 15px; } .error-page .error-container { margin-top: 30px; width: auto; } .error-page .pull-bottom { position: relative; } .map-controls { left: 10px; } .register-container { height: auto !important; } .error-container-innner { width: auto; } } /*** Retina Display Images **/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 2) { .editor-icon { background-image: url("../../img/editor_tray_2x.png"); background-size: 480px 40px; } .alert .close { background: url("../../img/icons/noti-cross-2x.png") no-repeat scroll 0 0 transparent; background-position: -9px -10px; width: 10px; height: 9px; position: relative; opacity: 0.8; background-size: 114px 29px; } } .hidden { display: none !important; } .visible-sm, .visible-xs { display: none; } @media (max-width: 767px) { .visible-xs { display: block; } .hidden-xs { display: none; } } .theme .page-sidebar .sidebar-header { border-bottom: transparent; } .theme .header { border-bottom: transparent; background-color: #f6f9fa; } .theme .header.light { background-color: #f6f9fa; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .theme .header.light.bg-white { background-color: #fff; } .theme .notification-toggle { left: -368px; } .theme .page-sidebar { border: 1px solid #f2f2f2; } .theme body.mobile .page-sidebar .sidebar-menu .menu-items li.active>a, .theme body.mobile .page-sidebar .sidebar-menu .menu-items li.open>a { color: #000; } .theme body.mobile .page-sidebar .sidebar-menu .menu-items li.active>.icon-thumbnail, .theme body.mobile .page-sidebar .sidebar-menu .menu-items li.open>.icon-thumbnail { color: #000; } .theme .jumbotron { background-color: #f6f9fa; } .theme .breadcrumb>.breadcrumb-item.active { color: #000; } .theme .secondary-sidebar.light { background-color: #f6f9fa; } .theme .split-view .split-list .item { background-color: #f6f9fa; } @media (max-width: 979px) { .theme .header { background: #fff; } } .page-sidebar .sidebar-header { border-bottom: transparent; } .header { border-bottom: transparent; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .header.light { background-color: #f6f9fa; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .header.light.bg-white { background-color: #fff; } .notification-toggle { left: -368px; } .page-sidebar { border: 1px solid #f2f2f2; } body.mobile .page-sidebar .sidebar-menu .menu-items li.active>a, body.mobile .page-sidebar .sidebar-menu .menu-items li.open>a { color: #000; } body.mobile .page-sidebar .sidebar-menu .menu-items li.active>.icon-thumbnail, body.mobile .page-sidebar .sidebar-menu .menu-items li.open>.icon-thumbnail { color: #000; } .jumbotron { background-color: #f6f9fa; margin-bottom: 0px !important; } .breadcrumb>.breadcrumb-item.active { color: #000; } .secondary-sidebar.light { background-color: #f6f9fa; } .split-view .split-list .item { background-color: #f6f9fa; } @media (max-width: 979px) { .header { background: #fff; } } /* STARTS CUSTOM CSS */ span.requiredErr { color: red; margin-left: 5px; } .profile-info ul { padding: 0; margin: 0; list-style-type: none; } .profile-pic img { border: 1px solid #c2c2c2; padding: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); } .profile-info ul li strong { font-size: 14px; line-height: 30px; } /* .card-body.lawyers-add th:nth-child(1) { width: 8%; } .card-body.lawyers-add th:nth-child(6) { width: 16% !important; } */ .profile-img-wrap { height: 200px; position: absolute; width: 200px; background: #fff; overflow: hidden; } .profile-img-wrap img { width: 200px; height: 200px; } .fileupload.btn { position: absolute; right: 0; bottom: 0; background: rgba(33, 33, 33, 0.5); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; padding: 3px 10px; border: none; } .fileupload input.upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: -3px; top: -3px; padding: 5px; } span.btn-text { color: #c5c5c5; } .remove-site-admin-photo { position: absolute; top: 210px; left: 116px; width: 100px; } .add-site-admin-photo { position: absolute; top: 212px; width: 90px; } .card-title { margin: 0 15px; } .select2-container--open { z-index: 1051; } .removeCaseBtn { position: absolute; top: -13px; right: -10px; border-radius: 50%; width: 30px; height: 30px; line-height: 1; padding: 0; display: block; } .case-details ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; clear: both; } .case-details ul li { display: block; clear: both; overflow: hidden; } .case-details ul li .left { width: 30%; float: left; } .case-details ul li .left h5 { text-transform: capitalize; } .case-details ul li .right { width: 70%; float: right; } .case-details ul li .right p { margin: 0; line-height: 45px; } .text-muted { font-size: 17px !important; } button.multiselect.dropdown-toggle.btn.btn-default { border: 1px solid #d6d0d0; } .nav-tabs a:not(.active) { cursor: not-allowed; } .borderAfter:after { background-color: #ea2c54; height: 3px !important; } .table-red, .table-red>td, .table-red>th { background-color: #EF9A9A !important; color: #fff; } .table-green, .table-green>td, .table-green>th { background-color: #A5D6A7 !important; color: #fff; } .table-orange, .table-orange>td, .table-orange>th { background-color: #FFCC80 !important; color: #fff; } select.form-control { -webkit-appearance: menulist; -moz-appearance: menulist; -ms-appearance: menulist; -o-appearance: menulist; appearance: menulist; } .dataTables_wrapper input[type=checkbox] { position: relative; top: 2px; margin-right: 8px; } /* .dataTables_wrapper .table, .disable-datatable { table-layout: fixed; } */ .dataTables_wrapper .table tr td:last-child, .dataTables_wrapper .table tr th:last-child { width: 160px !important; } .datatable-w200 tr td:last-child, .datatable-w200 tr th:last-child { width: 200px !important; } .dataTables_wrapper .table tr td.width-300, .dataTables_wrapper .table tr th.width-300 { width: 300px !important; } .legalServiceIndexi { position: absolute; top: 3px; right: 5px; color: #d64040; } .lk-categories-common .card { height: 100%; border: 1px solid rgba(0, 0, 0, .125); -webkit-border-radius: .25rem; -moz-border-radius: .25rem; -ms-border-radius: .25rem; -o-border-radius: .25rem; border-radius: .25rem; } .lk-categories-common .card .card-header { background-color: #4c4c41; border-bottom: 1px solid #4c4c41; color: #fff; padding: .75rem 1.25rem; min-height: auto; } .lk-categories-common .card .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .lk-categories-common .card .card-body { padding: 1.25rem; } .lk-categories-common .sub-ctg { margin-left: -20px; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-top: 15px; font-size: 16px; } .lk-categories-common li:first-child .sub-ctg { margin-top: 0; } #myChart { height: 100%; width: 100%; min-height: 420px; } #myChart1 { height: 100%; width: 100%; min-height: 420px; } #myChartCaseStage { height: 100%; width: 100%; min-height: 420px; } #myChartAdminLineChart { height: 100%; width: 100%; /* min-height: 420px; */ } #myChartBarManager { height: 100%; width: 100%; min-height: 420px; } #myChartStateLawyer { height: 100%; width: 100%; min-height: 420px; } .zc-ref { display: none; } .firm-name-head.font-weight-bold { font-weight: 600 !important; } .firm-name-head .border-left { border-left: 1px solid #b5b5b5 !important; padding: 5px; margin-left: 5px; } .govt-fee-div { border: 1px solid #b5b5b5; padding: 10px; border-radius: 5PX; -webkit-border-radius: 5PX; -moz-border-radius: 5PX; -ms-border-radius: 5PX; -o-border-radius: 5PX; margin-bottom: 10px; } .card .build-wrap .form-wrap .form-actions.btn-group button:nth-child(1), .card .build-wrap .form-wrap .form-actions.btn-group button:nth-child(2), .card .build-wrap .form-wrap .form-actions.btn-group button:nth-child(3) { display: none; } /* .blinking { animation: blinking 1s infinite; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); padding: 5px 10px; display: table; margin-bottom: 0; background: #cc6600; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } */ .transaction-tile .dataTables_wrapper .table tr th:last-child { width: 8% !important; } .home-products-panel .txt-div { position: relative; } .home-product-btn { position: absolute; right: 0; top: -10px; } .home-product-tile-body { flex: 1 1 auto; } .home-product-tile .column { margin-bottom: 30px; border-bottom: 1px solid #ebebeb; padding-bottom: 30px; } .home-product-tile .lk-products-head h4 { color: rgba(49,49,49,0.8); margin-bottom: 15px; text-transform: capitalize; font-weight: 500; } .home-product-tile .selected-amount h2 { font-size: 33px; font-weight: bold; } .home-product-tile-body .line-through { color: rgba(105,115,119,0.7); margin-right: 10px; font-size: 18px !important; font-weight: 500; text-decoration: line-through; } .home-product-tile-body .line-through + .font-18 { color: #f45f77; font-size: 18px; font-weight: bold; } .home-product-tile-body ul { padding: 0; } .home-product-tile-body ul li { margin-bottom: 15px; font-size: 15px; text-align: left; margin-left: 30px; color: rgba(49,49,49,0.9); position: relative; line-height: 28px; } .home-product-tile-body ul li:before { position: absolute; content: url(/frontend/images/product-list-check.png); height: 19px; width: 19px; left: -30px; top: 4px; z-index: 11; } .no-product-tile { background: #fbfbfb; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 2px solid #eee; text-align: center; padding: 15px; } .no-product-tile p { font-size: 16px; margin-bottom: 0; } .lk-startup-product, .lk-startup-product.active { border: 2px solid #e3e7eb; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; padding: 12px; cursor: pointer; color: #313131; } .lk-start-up-products .owl-nav, .lk-startup-product span.active-img { display: none; } span.save-badge { background: #ffe6e6; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; padding: 2px 10px; font-weight: 700; margin-left: 5px; } .startup-product-tile-body .line-through { color: rgba(105,115,119,0.7); margin-right: 10px; font-size: 18px !important; } .secondary-font { font-family: "Libre Baskerville", serif; } .lk-startup-product.active { border: 2px solid #81cd2f; } .lk-startup-product.active span.active-img { right: -13px; top: -13px; display: block; position: absolute; } .font-13 { font-size: 13px; } .start-price-block { position: relative; } .lk-startup-product .font-13.font-weight-semi.d-inline-block.color6 { color: #f32731; font-weight: bold; } p.minutes-head { font-weight: 600; } .selected-amount img { vertical-align: baseline; } .case-api-details .main-wrap-box .head-tile { background: #eaeaea; margin-top: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 15px; } .case-api-details .main-wrap-box .body-part { margin-top: 15px; } .case-api-details .main-wrap-box .head-tile p { font-weight: 700; margin: 0; color: #333333; } .case-api-details .main-wrap-box .body-part .text-content { display: flex; align-items: center; flex-direction: row; gap: 10px; margin-bottom: 10px; } .case-api-details .main-wrap-box .body-part span:first-child { font-weight: 500; } .case-api-details .main-wrap-box .body-part span { color: #333333; } .case-api-details .main-wrap-box .body-part .cardbox { padding: 10px; border: 1px solid #e5e7eb; background: #f9fafb; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .case-api-details .main-wrap-box .body-part .cardbox .tilebox { } .case-api-details .main-wrap-box .body-part .cardbox .tilebox .text-content { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; } .all-cards-api .iocns { width: 45px; height: 45px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; background: #f5f5f5; display: flex; align-items: center; justify-content: center; } .all-cards-api .right-side { flex: 1; gap: 25px; display: flex; flex-direction: column; } .all-cards-api .right-side p { color: #333333; } .all-cards-api .right-side p:first-child { font-weight: 500; font-size: 24px; } .all-cards-api .right-side p:last-child { font-weight: 700; font-size: 36px; } .api-details-view .card-box { padding: 15px; background: #FFFFFF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; height: 100%; } .api-details-view .card-box .all-cards-api { gap: 15px; flex-direction: column; } .api-details-view .card-box .all-cards-api .heads p { color: #333333; font-weight: 600; font-size: 16px; } .api-details-view .card-box .all-cards-api .mid-sec { display: flex; flex-direction: row; align-items: center; background: #f2f2f2; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; width: 100%; } .api-details-view .card-box .all-cards-api .mid-sec .calls { display: flex; flex-direction: row; align-items: center; gap: 12px; } .api-details-view .card-box .all-cards-api .heads { margin-bottom: 15px; } .api-details-view .card-box .all-cards-api .mid-sec .calls .icons { width: 35px; height: 35px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; background: #ffffff; display: flex; align-items: center; justify-content: center; align-self: flex-start; } .api-details-view .card-box .all-cards-api .mid-sec .calls .details-box { flex: 1; } .api-details-view .card-box .all-cards-api .mid-sec .calls .details-box p:first-child { font-weight: 500; font-size: 14px; } .api-details-view .card-box .all-cards-api .mid-sec .calls .details-box p:last-child { font-weight: 400; font-size: 14px; } .api-details-view .card-box .all-cards-api .mid-sec .calls .details-box p { color: #333333; } .api-details-view .card-box .all-cards-api .all-mod-sec { display: flex; flex-direction: column; gap: 8px; } .api-details-view .card-box .all-cards-api .mid-sec .calls .icons .fa { color: #333333; } .api-details-view .card-box .all-cards-api.credit-summary .all-mod-sec { flex-direction: row; margin-bottom: 10px; } .distri-sec { display: flex; align-items: center; justify-content: space-between; background: #f2f2f2; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; gap: 15px; } .distri-sec p { color: #333333; } .distri-sec p:first-child { font-weight: 700; font-size: 16px; } .distri-sec p:last-child { font-weight: 500; font-size: 16px; } .distri-sec .icons { width: 35px; height: 35px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; background: #f2f2f2; display: flex; align-items: center; justify-content: center; align-self: flex-start; } .distri-sec .icons .fa { color: #333333; font-size: 16px; } .distri-sec .content-right { flex: 1; } .all-usage-summary { display: flex; flex-direction: row; align-items: center; gap: 20px; } .summary-data { display: flex; flex-direction: column; gap: 5px; text-align: center; width: 150px; } .all-mod-sec .col-md-3 { padding-right: 0 !important; } .all-mod-sec .col-md-9 { padding-left: 0 !important; } .summary-data p:first-child { font-size: 16px; font-weight: 600; color: #333333; } .summary-data p:last-child { font-size: 14px; font-weight: 600; /* color: rgb(148, 151, 155); */ } .faild { color: #dc3545 !important; } .success1 { color: #01be37 !important; } .cases1 { color: #015ab7 !important; } .latency { color: #fa8e41 !important; } .api-details-view .card-box .all-cards-api .all-mod-sec .row { border-bottom: 1px solid #e3e3e3; } .api-details-view .card-box .all-cards-api .all-mod-sec .row:last-child { border-bottom: 0; } @media only screen and (max-width: 991px) { .dataTables_wrapper .table tr td:last-child, .dataTables_wrapper .table tr th:last-child { width: auto !important; } .summary-data { width: 60px; } .api-details-view .col-md-3 { margin-bottom: 20px; } .api-details-view .col-md-9 .row .col-md-6 { margin-bottom: 20px; } .api-details-view .col-md-9 .row .col-md-6:last-child { margin-bottom: 0; } .api-details-view .col-md-3 .card-box { padding: 15px 15px 25px; } .all-mod-sec .row .col-md-6 { margin-bottom: 20px; } .all-mod-sec .row .col-md-6:last-child { margin-bottom: 0; } .all-mod-sec .row.align-items-center .col-md-3 { margin-bottom: 0; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .objblink { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; animation-direction: normal; -webkit-animation-direction: normal; animation-duration: 2s; -webkit-animation-duration: 2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-name: blink; -webkit-animation-name: blink; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -moz-animation-direction: normal; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-timing-function: ease-in-out; background: #cc6600; color: #fff; } .objblink a { color: #fff; } span.tot_count { border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: bold; margin-top: 2px; background-color: #444; } .time-schedule .card.social-card p { margin-bottom: 0; position: relative; padding: 0 20px; } /* .time-schedule .card.social-card p::after { color: #444; content: ""; font-family: FontAwesome; font-size: 14px; left: 0; position: absolute; right: 0; top: 2px; } */ /*.fa.fa-tachometer { color: #627182; }*/ .page-sidebar .sidebar-menu .scroll-wrapper li:nth-child(1) .icon-thumbnail { line-height: 20px !important; } .page-sidebar .sidebar-menu .scroll-wrapper li:nth-child(2) .icon-thumbnail { line-height: 20px !important; } .time-schedule .panel.panel-default { border: 1px solid #dcdcdc; margin-bottom: 15px; padding: 0; } .time-schedule .panel.panel-default h4 a { color: #515050 !important; display: block; padding: 0 15px; } .time-schedule .panel.panel-default h4 { font-size: 18px; margin: 0; padding: 12px 0; position: relative; } .time-schedule .panel.panel-default .panel-collapse .panel-body { padding: 10px 18px; } .time-schedule .panel.panel-default .panel-heading { border-bottom: 1px solid #dcdcdc; } .time-schedule .panel.panel-default h4 a .fa { position: absolute; right: 15px; top: 15px; } /* .fa.fa-envelope .bubble { display: none; } */ .checkbox+.checkbox, .radio+.radio { margin-top: -5px; } .checkbox input[type=radio][disabled]+label:after { background-color: #e1e1e1; } .checkbox label { transition: border 0.2s linear 0s, color 0.2s linear 0s; } .checkbox label:before { top: 1.4px; border-radius: 3px; transition: border 0.2s linear 0s, color 0.2s linear 0s; } .checkbox label::after { display: inline-block; width: 16px; height: 16px; position: absolute; left: 3.5px; top: 0px; font-size: 11px; transition: border 0.2s linear 0s, color 0.2s linear 0s; } .checkbox label:after { border-radius: 3px; } .checkbox input[type=checkbox] { opacity: 0; width: 0; height: 0; } .checkbox.checkbox-circle label:after { border-radius: 99px; } .checkbox.checkbox-circle label:before { border-radius: 99px; } .checkbox input[type=checkbox]:checked+label:before { border-width: 8.5px; } .checkbox input[type=checkbox]:checked+label::after { font-family: 'FontAwesome'; content: "\F00C"; color: #fff; } .checkbox input[type="checkbox"]:focus+label { color: #2c2c2c; } .checkbox input[type="checkbox"]:focus+label:before { background-color: #e1e1e1; } .checkbox input[type=checkbox][disabled]+label { opacity: 0.65; } .checkbox input[type=checkbox][disabled]+label:before { background-color: #eceff3; } .checkbox.right label { margin-right: 35px; padding-left: 0 !important; } .checkbox.right label:before { right: -35px; left: auto; } .checkbox.right input[type=checkbox]:checked+label { position: relative; } .checkbox.right input[type=checkbox]:checked+label::after { font-family: 'FontAwesome'; content: "\F00C"; position: absolute; right: -27px; left: auto; } body.rtl .checkbox label::after { left: -1.2px; } .checkbox.check-success input[type=checkbox]:checked+label:before { border-color: #1dbb99; } .checkbox.check-primary input[type=checkbox]:checked+label:before { border-color: #6d5eac; } .checkbox.check-complete input[type=checkbox]:checked+label:before { border-color: #37b0e9; } .checkbox.check-warning input[type=checkbox]:checked+label:before { border-color: #f7cf5f; } .checkbox.check-danger input[type=checkbox]:checked+label:before { border-color: #f35958; } .checkbox.check-info input[type=checkbox]:checked+label:before { border-color: #1f3953; } .checkbox.check-success input[type=checkbox]:checked+label::after, .checkbox.check-primary input[type=checkbox]:checked+label::after, .checkbox.check-complete input[type=checkbox]:checked+label::after, .checkbox.check-warning input[type=checkbox]:checked+label::after, .checkbox.check-danger input[type=checkbox]:checked+label::after, .checkbox.check-info input[type=checkbox]:checked+label::after { color: #fff; } /*.accordion .checkbox input[type="checkbox"] { left: 20px; position: relative; z-index: 999999; } .accordion .checkbox { margin: 0; padding: 0; }*/ /*STARTS ON 06-02-2019*/ /*ENDS ON 06-02-2019*/ /* Starts css on 2019-02-06 */ .all-cases-month, .all-call-service-lang { margin: 0 25px; } .all-cases-month .col-20, .all-call-service-lang .col-20 { -webkit-box-flex: 0; -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; } .all-call-service-lang .case-item { padding: 25px; } .all-cases-month .case-item, .all-call-service-lang .case-item { border: 1px solid #dcdcdc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2); width: 130px; height: 130px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; background-size: cover; margin: 0 auto; position: relative; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .all-cases-month .case-item:before, .all-call-service-lang .case-item:before { content: ''; position: absolute; top: 0; left: 0; opacity: 0.8; height: 100%; width: 100%; background: #3C3B3F; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #605C3C, #3C3B3F); /* Chrome 10-25, Safari 5.1-6 */ background: -moz-linear-gradient(to right, #605C3C, #3C3B3F); /* Chrome 10-25, Safari 5.1-6 */ background: -ms-linear-gradient(to right, #605C3C, #3C3B3F); /* Chrome 10-25, Safari 5.1-6 */ background: -o-linear-gradient(to right, #605C3C, #3C3B3F); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #605C3C, #3C3B3F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .all-cases-month .case-item p { position: relative; z-index: 1; color: #fff; font-size: 14px; font-weight: 500; padding: 8px 0 !important; } .all-call-service-lang .case-item p { position: relative; z-index: 1; color: #fff; font-size: 14px; font-weight: 500; padding: 0 !important; } .all-call-service-lang .case-item p:nth-child(2) { margin-top: 10px; } .all-cases-month .case-item p:before { position: absolute; content: ""; width: 20px; background: #fff; bottom: 0; height: 2px; left: 0; right: 0; margin: 0 auto; } .all-call-service-lang .case-item p:before { position: absolute; content: ""; width: 20px; background: #fff; bottom: -7px; height: 2px; left: 0; right: 0; margin: 0 auto; } .all-cases-month p.newCase.text-center.font-16.m-t-10 { margin-bottom: 25px; } .all-cases-month .case-item p, .all-call-service-lang .case-item p { padding: 0 10px; } .all-cases-month .case-item p:first-child, .all-call-service-lang .case-item p:first-child { padding: 0; } .all-cases-month .case-item p strong, .all-call-service-lang .case-item p strong { border-bottom: 1px solid #dcdcdc; display: block; padding: 10px; } .card-body .dataTables_wrapper .table thead th:nth-child(1) { width: 10%; } .publish_blog+p, .panel_member+p { display: inline-block; } .multiselect-container .checkbox input[type=checkbox] { opacity: 1 !important; height: auto !important; width: auto !important; } .loading-centered { position: fixed; top: 0; left: 0; /* transform: translate(-50%, -50%); */ transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: -ms-translate(-50%, -50%); color: darkred; z-index: 99999 !important; height: 100%; width: 100%; display: flex; background-color: rgba(0, 0, 0, 0.2); align-items: center; justify-content: center; } /*... Ends css on 2019-02-06 */ .company-logo { width: 100%; } .header-search { position: relative; } .header-search .search { /* width: 100px; */ width: 60px; height: 60px; margin: 0; background-color: #fff; position: relative; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .header-search .search.open { width: 300px; height: 50px; position: absolute; right: 0; top: -15px; border: 1px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); } /* .header-search .search.open:before { height: 60px; margin: 0; position: absolute; } */ .header-search .search-box { width: 100%; height: 100%; box-shadow: none; border: none; background: transparent; color: #333; padding: 0 70px 0 10px; font-size: 16px; display: none; } .header-search .search-box:focus { outline: none; } .header-search .search-button { width: 60px; height: 60px; display: block; position: absolute; right: 0; top: 0; padding: 0; cursor: pointer; text-align: center; line-height: 60px; background: #595959; border: 0; } .header-search .search.open .search-button { height: 50px; line-height: 50px; } .header-search .search-icon { width: 40px; height: 40px; border-radius: 40px; border: 3px solid #00FEDE; display: block; position: relative; margin-left: 5px; transition: all 0.5s ease; } /* .header-search .search-icon:before { content: ''; width: 3px; height: 15px; position: absolute; right: -2px; top: 30px; display: block; background-color: #00FEDE; transform: rotate(-45deg); transition: all 0.5s ease; } .header-search .search-icon:after { content: ''; width: 3px; height: 15px; position: absolute; right: -12px; top: 40px; display: block; background-color: #00FEDE; transform: rotate(-45deg); transition: all 0.5s ease; } */ /* .header-search .open .search-icon { margin: 0; width: 60px; height: 60px; border-radius: 60px; } .header-search .open .search-icon:before { transform: rotate(52deg); right: 22px; top: 23px; height: 18px; } .header-search .open .search-icon:after { transform: rotate(-230deg); right: 22px; top: 13px; height: 18px; } */ .header-search .search-button i.fa.fa-search { font-size: 16px; vertical-align: middle; color: #fff; } .header-search .submit-search-button { display: none; } .adv-search-container { position: relative; max-width: 800px; margin: 0 auto; } .adv-search-container .btn-link { color: #5e5e5e !important; text-decoration: underline; border-radius: 0; } .adv-search-container .btn-link:focus { background: transparent !important; } .adv-search-box { /* position: absolute; top: 40px; width: 70%; margin: 0 auto; right: 0; z-index: 999; */ display: none; background: #fff; padding: 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); } .adv-search-box form .row [class*='col-']:first-child { padding-left: 7px; } /* Common Heading */ .common-heading { color: #f59b0f !important; font-size: 16px !important; line-height: 20px !important; font-weight: bold !important; margin: 0 0 10px 0 !important; position: relative; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; } .common-heading.no-margin { margin: 0 0 10px 0 !important; } .common-heading:before { position: absolute; content: ""; height: 1px; width: 50px; background: #f59b0f !important; bottom: -1px; } .padding-wob-25 { padding: 25px 25px 0 25px !important; } /*... Common Heading */ .new-enquiries .card a { font-size: 14px !important; } .new-enquiries .card { height: 100% !important; margin-bottom: 10px !important; } .new-enquiries .card a .hint-text { opacity: 1 !important; } /* Invoice Corporate Table */ .invoice-corporate-table { border-collapse: collapse; width: 100%; } .invoice-corporate-table td, .invoice-corporate-table th { border-bottom: 1px solid #ececec; padding: 8px; } .invoice-corporate-table tr:nth-child(even) { background-color: #f2f2f2; } .invoice-corporate-table tr:hover { background-color: #ccfaf1; } .invoice-corporate-table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #f6f9fa; color: #333; } .invoice-scroll { height: 450px; overflow: scroll; } .invoice-corporate-table input { border: 0; padding: 4px 10px; } .ict-header { border-left: 2px solid #333; padding-left: 10px; margin-bottom: 20px; } .ict-header h5 { margin: 0; } .ict-header h6 { margin: 0; font-size: 16px; } .ict-header p { margin: 0; } .modal-full-width { width: 100% !important; max-width: 90%; } /* ...Invoice Corporate Table */ /* Common Button */ .common-btn { -moz-box-shadow: inset 0px 1px 0px 0px #c17908; -webkit-box-shadow: inset 0px 1px 0px 0px #c17908; box-shadow: inset 0px 1px 0px 0px #c17908; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ae6d07), color-stop(1, #c17908)); background: -moz-linear-gradient(top, #ae6d07 5%, #c17908 100%); background: -webkit-linear-gradient(top, #ae6d07 5%, #c17908 100%); background: -o-linear-gradient(top, #ae6d07 5%, #c17908 100%); background: -ms-linear-gradient(top, #ae6d07 5%, #c17908 100%); background: linear-gradient(to bottom, #ae6d07 5%, #c17908 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ae6d07', endColorstr='#c17908', GradientType=0); background-color: #c17908; border: 1px solid #c17908; color: #ffffff; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 0px #c17908; } .common-btn:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ae6d07), color-stop(1, #ae6d07)); background: -moz-linear-gradient(top, #ae6d07 5%, #ae6d07 100%); background: -webkit-linear-gradient(top, #ae6d07 5%, #ae6d07 100%); background: -o-linear-gradient(top, #ae6d07 5%, #ae6d07 100%); background: -ms-linear-gradient(top, #ae6d07 5%, #ae6d07 100%); background: linear-gradient(to bottom, #ae6d07 5%, #ae6d07 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ae6d07', endColorstr='#ae6d07', GradientType=0); background-color: #ae6d07; } .common-btn:active { position: relative; top: 1px; } .common-btn.active, .common-btn:hover, .common-btn:focus { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ae6d07), color-stop(1, #ae6d07)); background: -moz-linear-gradient(top, #ae6d07 5%, #ae6d07 100%); background: -webkit-linear-gradient(top, #ae6d07 5%, #ae6d07 100%); background: -o-linear-gradient(top, #ae6d07 5%, #ae6d07 100%); background: -ms-linear-gradient(top, #ae6d07 5%, #ae6d07 100%); background: linear-gradient(to bottom, #ae6d07 5%, #ae6d07 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ae6d07', endColorstr='#ae6d07', GradientType=0); background-color: #ae6d07; border-color: #ae6d07 !important; } /* ...Common Button */ .legal-central-item { padding: 10px; -webkit-box-shadow: 0 0 5px #b5b5b5; -moz-box-shadow: 0 0 5px #b5b5b5; -ms-box-shadow: 0 0 5px #b5b5b5; -o-box-shadow: 0 0 5px #b5b5b5; box-shadow: 0 0 5px #b5b5b5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 15px; display: block; margin-right: 5%; } .legal-central-item:first-child { margin-top: 15px; } .legal-central-item .fa { margin-right: 10px; font-size: 12px !important; } .card { height: 100%; -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -ms-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -o-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; margin-bottom: 15px !important; overflow: hidden !important; } .badge { /*background-color: #f59b0f !important;*/ padding: 6px 10px; font-size: 12px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -ms-border-radius: 20px !important; -o-border-radius: 20px !important; border-radius: 20px !important; } .legal-central-right a.btn.btn-outline-primary { border: 1px solid #0064bc !important; /* padding: 8px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; */ } .jumbotron+.card.card-transparent, .jumbotron+.lk-free-legal-advices>.card.card-transparent { margin: 0 20px; width: calc(100% - 3em); } .dataTables_wrapper { background: #fff; padding: 15px; } .tab-content .dataTables_wrapper { background: transparent; padding: 0; } .tab-content.lawyer-activity .dataTables_wrapper { background: #fff; padding: 15px; } .legal-central-right { position: absolute; right: 20px; top: 8px; padding-left: 30px; z-index: 99; } .noti-row { border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin-top: 2px; } .noti-row a { color: #7a8994 !important; } .noti-row a .fa { vertical-align: middle; font-size: 10px !important; } .lka-case-conversation .card-transparent .card.card-default { height: auto !important; } select#case_type { padding: 6px; margin: 0 7px; background: transparent; border-color: #ccc; color: #999; border-radius: 2px; } select.mmmm { padding: 6px; margin: 0 7px; background: white; border-color: #ccc; color: #333; border-radius: 2px; } .dataTables_wrapper .table tr td:last-child, .dataTables_wrapper .table.width-big-invoice tr th:last-child { width: 235px !important; } .special-cases .table tbody tr td { padding: 8px; } .special-cases .table tbody tr td a { font-size: 13.5px; } /* .inner-tab-content { display: none; } */ /*Start Lawyer dashboard*/ #dynamicCaseTypeVsTotalCase { width: 100%; height: 100%; min-height: 450px; } #dynamicExpenseInvoiceLineGraph { width: 100%; height: 100%; min-height: 450px; } /*End Lawyer dashboard*/ .judgementDiv { margin-left: 50px } /*lawyer task comment modal */ .showTotalTasksCommentModal .modal-dialog { overflow-y: initial !important } .showTotalTasksCommentModal .modal-body { max-height: 200px; overflow-y: auto; } .loaderGifStyle { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .globalLoaderGifStyle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wallet-balance { margin-bottom: 20px; font-family: sans-serif; border-top: 1px solid #cccccc; padding-top: 10px; } .wallet-balance .total-card .heading { font-size: 18px; color: #000; text-transform: capitalize; margin-bottom: 5px; } .wallet-balance .total-card .wallet-common-box { margin-top: 8px; padding: 0 19px 0 0; color: #000; text-transform: capitalize; } .wallet-balance .total-card .wallet-common-box:last-child { padding: 0; } .wallet-balance .total-card .wallet-common-box .total-circle { width: 8px; height: 8px; display: block; margin-right: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .wallet-balance .total-card .wallet-common-box .total-circle span.font-14 { font-weight: 400; } .wallet-balance .total-card .wallet-common-box span.font-16 { font-weight: 700; flex: 1; } /* ENDS CUSTOM CSS */ .daily-report p { margin-bottom: 10px !important; } .page-container .page-content-wrapper .footer .copyright { width: 100%; position: relative; left: auto; right: auto; bottom: auto; background: url(/frontend/images/legal-footer.png); height: 58px; background-size: cover; background-repeat: repeat; margin: 0 0 30px 0; padding-top: 0; -webkit-animation: slide 20s linear infinite; -moz-animation: slide 20s linear infinite; -ms-animation: slide 20s linear infinite; -o-animation: slide 20s linear infinite; animation: slide 20s linear infinite; } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: -400px 0; } } @-moz-keyframes slide { from { background-position: 0 0; } to { background-position: -400px 0; } } @-ms-keyframes slide { from { background-position: 0 0; } to { background-position: -400px 0; } } @-o-keyframes slide { from { background-position: 0 0; } to { background-position: -400px 0; } } @keyframes slide { from { background-position: 0 0; } to { background-position: -400px 0; } } .page-container .page-content-wrapper .footer .copyright p { position: absolute; left: 0px; bottom: -20px; } button#downloadAllMessagesExcel { position: absolute; right: 15px; top: -45px; z-index: 500; } button.sentAlertARBtnCss { position: absolute; top: -45px; right: 225px; z-index: 500; } .totalCaseMonth span { margin-left: 6px; } .time-end-anim-case { animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; -webkit-animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; -moz-animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; -ms-animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; -o-animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; } @-webkit-keyframes blinker { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes blinker { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes blinker { from { opacity: 1; } to { opacity: 0; } } @-o-keyframes blinker { from { opacity: 1; } to { opacity: 0; } } @keyframes blinker { from { opacity: 1; } to { opacity: 0; } } .time-end-anim-case img { width: 30px !important; height: 30px !important; box-shadow: none !important; margin: 0 8px 0 0; } .datepicker.datepicker-dropdown { z-index: 999999 !important; } #exportPendingExcel, #exportCloseExcel { float: right; } /* Firms List Sidebar */ .breadcrumb { padding: 15px 40px; } /* All Tendency Case */ /* .all-cases-tendency { padding: 15px; } .all-cases-tendency .row { } .all-cases-tendency .col-20 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .all-cases-tendency .case-item { padding: 10px; border: 1px solid #ccc; margin: 10px; } */ .all-cases-tendency-wrapper { padding: 15px; } .all-cases-tendency-wrapper table { width: 100%; } .all-cases-tendency-wrapper table, .all-cases-tendency-wrapper th, .all-cases-tendency-wrapper td { border: 1px solid #dcdcdc; border-collapse: collapse; } .all-cases-tendency-wrapper th, .all-cases-tendency-wrapper td { padding: 15px; text-align: left; } /*... All Tendency Case */ /* ENDS CUSTOM CSS */ .firms-list-btn { position: fixed; top: 70px; z-index: 600; left: -30px; } .firms-list-btn a { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); padding: 6px 15px 6px 40px; font-size: 20px; color: #fff !important; background-color: #595959 !important; border-color: #595959 !important; } /* .firms-list-btn a .fa { -webkit-animation: firmIconAnim 5.5s infinite linear; -moz-animation: firmIconAnim 5.5s infinite linear; -ms-animation: firmIconAnim 5.5s infinite linear; -o-animation: firmIconAnim 5.5s infinite linear; animation: firmIconAnim 5.5s infinite linear; } */ .firms-list-btn a:active, .firms-list-btn a:focus, .firms-list-btn a:hover { background-color: #595959 !important; border-color: #595959 !important; box-shadow: none !important; } .firms-list { position: fixed; height: 100%; top: 0; width: 140px; z-index: 500; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; left: -140px; z-index: 1; padding: 120px 20px 20px 20px; background-color: #f6f9fa; overflow-x: hidden; overflow-y: auto; -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -moz-box-shadow: 0 1px 8px 0 rgba(100, 97, 97, 0.2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -ms-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; -o-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12) !important; } .firms-list-canvas { left: 0; z-index: 500; } .firms-list ul { list-style-type: none; padding: 0; display: table; margin: 0 auto; } .firms-list ul li { padding: 0; line-height: 1; } .firms-list ul li a { display: block; } .firms-list ul li a img { width: 100%; width: 80px; height: 80px; display: inline-block; border: 0; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); -ms-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); -o-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); margin: 20px 10px; } @-webkit-keyframes firmIconAnim { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes firmIconAnim { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @-ms-keyframes firmIconAnim { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @-o-keyframes firmIconAnim { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes firmIconAnim { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } /*... Firms List Sidebar */ .today-list-site-admin:hover .hover-text { display: block; } .previewAddCaseFileDiv:hover .hover-text { display: block; } .previewAddCaseFileDiv { bottom: 22px; left: 100px; position: relative; } .today-list-site-admin { position: relative; } .hover-text { position: absolute; background-color: #fff; width: 200px; padding: 10px; -webkit-box-shadow: 0 0 5px #b5b5b5; -moz-box-shadow: 0 0 5px #b5b5b5; -ms-box-shadow: 0 0 5px #b5b5b5; -o-box-shadow: 0 0 5px #b5b5b5; box-shadow: 0 0 5px #b5b5b5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 15px; display: none; z-index: 9999; } html, body, #myChartAdminLineChart { height: 100% !important; width: 100% !important; } /* -----------Common Circle Box------------ */ .common-circle { height: 250px; width: 250px; background: #333; color: #fff; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; margin: 0 auto; overflow: hidden; box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12); } .common-circle.circle-bg1 { background: #ef6c00 !important; } .common-circle.circle-bg2 { background: #2e7d32 !important; } .common-circle.circle-bg3 { background: #ff1744 !important; } .common-circle .top-bg { background: #2e7d32 !important; } .common-circle .bottom-bg { background: #ff1744 !important; } .common-circle.circle-bg4 { background: #0277bd !important; } .common-circle .top-heading, .common-circle .bottom-heading {} .common-circle .top-bg, .common-circle .bottom-bg { width: 100%; height: 50%; padding: 10px 0; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 auto; flex-direction: column; flex-wrap: wrap; } .common-circle h2, .common-circle h4 { line-height: 1 !important; margin: 0; color: #fff; } .common-circle h2 { font-size: 50px; } .common-circle h4 { font-size: 16px; font-weight: bold; margin-top: 10px; } .common-circle .circle-divider { height: 1px; width: 100%; background: #fff; margin: 10px 0; } .common-circle.circle-bg1 .bottom-heading, .common-circle.circle-bg2 .bottom-heading, .common-circle.circle-bg4 .bottom-heading, .common-circle .top-bg .bottom-heading, .common-circle .bottom-bg .bottom-heading { transition: all 0.5s linear; transform: translateY(-250px); height: 0; } .common-circle .bottom-bg .bottom-heading { transition: all 0.5s linear; transform: translateY(-250px); height: 0; } .common-circle.circle-bg1:hover .bottom-heading, .common-circle.circle-bg2:hover .bottom-heading, .common-circle.circle-bg4:hover .bottom-heading, .common-circle .top-bg:hover .bottom-heading, .common-circle .bottom-bg:hover .bottom-heading { transform: translateY(0); height: auto; } /* -----------...Common Circle Box------------ */ /* -----------City Stats - Common Circle Box------------ */ .city-stats-wrapper { overflow: hidden; } .city-stats-wrapper .common-circle { background-color: transparent; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; height: 180px; width: 180px; margin: 20px auto !important; } .city-stats-wrapper .common-circle .top-bg { position: relative; background: transparent !important; } .city-stats-wrapper .common-circle .top-bg:after { content: ''; position: absolute; top: 0; left: 0; opacity: 0.7; height: 100%; width: 100%; background: #000 !important; } .city-stats-wrapper .common-circle .bottom-bg { position: relative; background: transparent !important; } .city-stats-wrapper .common-circle .bottom-bg:after { content: ''; position: absolute; top: 0; left: 0; opacity: 0.6; height: 100%; width: 100%; background: #000 !important; } .city-stats-wrapper .common-circle .top-heading, .city-stats-wrapper .common-circle .bottom-heading { position: relative; z-index: 1; } .city-stats-wrapper .common-circle h2 { font-size: 30px; } .city-stats-wrapper .common-circle h4 { font-size: 11px; } /* -----------...City Stats - Common Circle Box------------ */ /* -----------Common Dot Animation------------ */ .wave-parent { -webkit-perspective: 1000px !important; -moz-perspective: 1000px !important; -ms-perspective: 1000px !important; -o-perspective: 1000px !important; perspective: 1000px !important; z-index: 99; position: relative !important; } .wave-parent .badge { -webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; -ms-border-radius: 100px !important; -o-border-radius: 100px !important; border-radius: 100px !important; right: -5px; position: absolute; top: -8px; padding: 4px; background: #ff5252 !important; } .wave-parent span.badge { display: inline-block !important; } .wave-parent .badge:after, .wave-parent .badge:before { content: ""; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; left: 0; -webkit-box-shadow: inset 0 0 20px 5px rgba(255, 0, 0, 0.4); -moz-box-shadow: inset 0 0 20px 5px rgba(255, 0, 0, 0.4); -ms-box-shadow: inset 0 0 20px 5px rgba(255, 0, 0, 0.4); -o-box-shadow: inset 0 0 20px 5px rgba(255, 0, 0, 0.4); box-shadow: inset 0 0 20px 5px rgba(255, 0, 0, 0.4); } .wave-parent .badge:before { -webkit-animation: not-blink 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -moz-animation: not-blink 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -ms-animation: not-blink 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -o-animation: not-blink 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: not-blink 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; -moz-animation-delay: 1.15s; -ms-animation-delay: 1.15s; -o-animation-delay: 1.15s; animation-delay: 1.15s; } .wave-parent .badge:after { -webkit-animation: not-blink 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -moz-animation: not-blink 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -ms-animation: not-blink 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -o-animation: not-blink 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: not-blink 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } @-webkit-keyframes not-blink { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); opacity: 0; } } @-moz-keyframes not-blink { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); opacity: 0; } } @-ms-keyframes not-blink { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); opacity: 0; } } @-o-keyframes not-blink { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); opacity: 0; } } @keyframes not-blink { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); opacity: 0; } } /* Hiding Navigation */ .m-l-290 .text-primary { margin-left: 20px; } a.desktop-nav-click { position: relative; left: -15px; color: #595959; font-size: 16px; } a.desktop-nav-click i.fa { vertical-align: middle; } .page-sidebar.visible { display: block; } /* body.sidebar-open .page-container { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } by .page-container { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } */ body.menu-pin .page-container .page-content-wrapper .footer { left: 0; } .p-l-250 { padding-left: 250px !important; } .fileInputWrapper { position: relative; overflow: hidden; cursor: pointer; } .fileInputWrapper input { position: absolute; opacity: 0; right: 0; top: 0; cursor: pointer; } .fileInputWrapper::before { content: ''; display: inline-block; background: linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #d6d0d0; border-radius: 3px; padding: 9px 20px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 700; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ...Hiding Navigation */ /* -----------...Common Dot Animation------------ */ /* Starts Documentation Case */ .card.card-bg { background: #fff !important; margin: 0 20px; width: calc(100% - 3em); } .card.left-document-case ul, .card.right-document-case ul { margin: 0; padding: 0; list-style-type: none; } .card.left-document-case { background: #348498; padding: 10px; } .card.right-document-case { padding: 10px; } .card.left-document-case ul li .fa { margin-right: 10px; } .card.left-document-case ul li { display: block; color: #fff; font-size: 16px; margin: 5px 0; } .card.right-document-case ul li { display: block; color: #333333; border-bottom: 1px solid #ccc; padding: 5px 10px; position: relative; } /* .card.right-document-case ul li:nth-child(4) { border-bottom: 0 none; } */ .card.right-document-case ul li span { display: block; color: #cccccc; } .card.right-document-case ul li p a { font-size: 24px; color: #007be8; } .card.right-document-case ul li p { position: absolute; right: 0; top: 30px; } .card.right-document-case ul li span.date { display: block; color: #333333; position: absolute; right: 40px; top: 30px; } .case-file-upload { padding: 15px 0; } .document-file-load { /* position: relative; */ } .document-file-load .fa.fa-plus-circle { position: absolute; color: #007be8; font-size: 28px; left: 100px; top: 10px; display: table; } .document-file-load input[type="file"] { opacity: 0; filter: alpha(opacity=0); position: relative; z-index: 999; height: 48px; cursor: pointer; } .case-file-upload textarea { position: relative; resize: vertical; } .case-file-upload button#documentUploadSubmitBtn { position: absolute; right: 30px; top: 17px; background: #007be8; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #ffffff; border: 0 none; cursor: pointer; } .case-file-upload .btn.btn-primary { display: table; margin: 15px auto; font-size: 16px; } .case-file-upload .btn.btn-primary .fa { font-size: 20px; margin-left: 10px; color: #fff; } .case-file-upload .fa-paper-plane { color: #fff; } .case-file-upload .card-title { margin: 0 10px; } .case-file-upload .card-title h5 { font-size: 17px; margin: 0px 0px 10px 0; color: #ccc; } /* Ends Documentation Case */ /* Starts Lawyer Clients View */ .lk-client-panel .name-panel .card { padding: 10px; } .lk-client-panel .name-panel .lft-side img { width: 125px; height: 125px; display: table; margin: 0 auto; } .lk-client-panel .name-panel .lft-side span { width: 40%; display: table; margin: 10px auto 0; } .lk-client-panel .name-panel .rgt-side ul.name-content { margin: 0; padding: 0; list-style-type: none; } .lk-client-panel .name-panel .rgt-side ul.name-content li { display: block; } .lk-client-panel .name-panel .rgt-side ul.name-content li:first-child { /* font-size: 16px; font-weight: bold; */ } .lk-client-panel .name-panel .rgt-side ul.name-content li strong { float: left; width: 30%; } .lk-client-panel .name-panel .rgt-side ul.btm-line { margin: 0; padding: 0; list-style-type: none; } .lk-client-panel .name-panel .rgt-side ul.btm-line li { display: inline-block; padding: 0 5px 0 0; } .lk-client-panel .name-panel .rgt-side ul.btm-line li:first-child { font-size: 16px; } .lk-client-panel .name-panel .invoice-show ul { margin: 0; padding: 0; list-style-type: none; } .lk-client-panel .name-panel .invoice-show ul li { display: inline-block; padding: 0 5px; } .lk-client-panel .name-panel .invoice-show { margin: 12px auto 0; display: table; } .lk-client-panel .name-panel .invoice-show ul li span { color: #007bff; } .listing-card .card .document-list { overflow: hidden; clear: both; } .listing-card .card { padding: 0px 20px 10px 20px; } .client-all-case-card { margin-bottom: 40px; } .card.thumbnail { position: relative; } .advisory-text { position: absolute; top: -14px; z-index: 111; left: 27px; width: 15%; } .advisory-text .badge-primary { background: #fff; color: #007bff; border: 1px solid #007bff; display: block; } .advisory-text .badge-warning { background: #fff; color: #ff8400; border: 1px solid #ff8400; display: block; } .advisory-text .badge-success { background: #fff; color: #28a745; border: 1px solid #28a745; display: block; } .listing-card .card .document-list h5 { margin-top: 15px; } .listing-card .card .raised-invoice .badge.badge-primary { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -o-border-radius: 5px !important; -ms-border-radius: 5px !important; } .listing-card .card .left-pan h5 { margin: 0; } .listing-card .card { position: relative; } .listing-card .card .left-pan .badge-primary { background: transparent; color: #ccc; border: 1px solid #007bff; margin-bottom: 10px; } .listing-card .card .left-pan p:last-child { margin: 0; } .listing-card .card .left-pan .btm-box { clear: both; overflow: hidden; } .listing-card .card .view { position: absolute; border: 2px solid #007bff; width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; right: 10px; top: 20px; } .listing-card .card .raised-invoice { position: absolute; text-align: center; right: 60px; top: 24px; } .document-list .btm-box { overflow: hidden; clear: both; margin-top: 10px; } .document-list .btm-box p { margin: 0; } .listing-card .card .view .fa { color: #007bff; line-height: 27px; } .listing-card .card .btm-box p { margin: 0; } /* Ends Lawyer Clients View */ /* Starts Case Report Page */ .card-body.case-report .dataTables_wrapper { overflow-x: scroll; } /* Ends Case Report Page */ #bannerDetailsEditForm .profile-img-wrap { height: 200px; width: 200px; background: #fff; overflow: hidden; position: relative; } /* ENDS CUSTOM CSS */ /* Responsive Styles */ @media screen and (max-width: 1280px) {} @media screen and (max-width: 1190px) { .main-dashboard .all-call-service-lang .col-20 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media screen and (max-width: 1024px) { .company-logo { text-align: center; } .company-logo .common-heading { text-align: left; } } @media screen and (max-width: 991px) { .legal-central-right { position: relative; right: auto; top: auto; padding-left: 15px; padding-bottom: 15px; } .legal-central-right a.btn { margin-bottom: 0; } } @media screen and (max-width: 768px) {} @media screen and (max-width: 767px) { .daily-report { margin: 0 15px; } .all-cases-month .col-20 { -ms-flex: 0 0 100%; flex: 0 0 100% !important; margin-left: 0; max-width: 50% !important; padding: 0 15px; } .mob-width-100 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .main-dashboard .legal-central-right .d-inline-block { margin-bottom: 8px; width: 100%; } .main-dashboard .legal-central-right .d-inline-block a, .main-dashboard .legal-central-right .d-inline-block button { width: 100%; } } @media screen and (max-width: 575px) { .legal-central-right { position: relative; right: auto; top: auto; padding-left: 15px; padding-right: 15px; z-index: 1; } .assignment-details-page .card .assignments-info-sec .col-md-4 { flex: 0 0 100%; max-width: 100%; } .assignment-details-page .client-detail-section .col-md-5 { margin-bottom: 10px; } .assignment-details-page .client-detail-section .col-md-5:last-child { margin-bottom: 0; } .challans-details-page .top-head-sec { flex-direction: row; align-items: center !important; margin-top: 0; margin-bottom: 20px; } .challans-details-page .top-heading-tile { margin-bottom: 10px !important; } .assignment-details-page .part-block { flex-direction: column; align-items: flex-start !important; margin-right: 15px; } .challans-details-page .top-head-sec .part-block span.font-18 { margin-left: 0; } .challans-details-page .copy { min-height: 28px; margin-left: 0; margin-top: 5px; } .challans-details-page .card .client-detail-section .client-content .clt-name span { word-break: break-all; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name .avatar { min-width: 60px; height: 60px; } .challans-details-page .card .client-detail-section .client-content .client-information .clt-name .avatar img { width: 60px; min-width: auto; height: 60px; align-self: flex-start; margin-right: 0 !important; } .challans-details-page .card .client-detail-section .client-content .client-information .clt-name .avatar { align-self: flex-start; } .challans-details-page .top-head-sec .part-block span.font-18 { font-size: 14px !important; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name h4 { font-size: 16px !important; } .assignment-details-page .card .client-detail-section .client-content .client-information .clt-name .flex-block img { margin-right: 5px; align-self: flex-start; position: relative; top: 5px; } .dashboard-card .card.social-card { padding: 15px !important; } .verify-complete .padding-wob-25 { padding: 25px 15px 0 15px !important; } .main-dashboard .challan-headline { flex-direction: column; align-items: flex-start !important; } .main-dashboard .challan-headline .part-block { margin-right: 0; margin-bottom: 10px; } .main-dashboard .challan-headline .part-block:last-child { margin-bottom: 0; } .main-dashboard .all-call-service-lang .col-20 { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } } @media screen and (max-width: 480px) { .header-top-menu ul li { padding-right: 0 !important; padding-left: 0; float: left; width: 105px; margin-bottom: 5px; } .header-top-menu { max-width: 210px; } .header .m-l-290 { margin-left: 10px; } .main-dashboard .all-call-service-lang .col-20 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 420px) { .assignment-details-page .card .top-heading-tile h2.main-head { font-size: 20px; } .challans-details-page .card.full-width { padding: 15px !important; } /* .challans-details-page .main-heading { margin-bottom: 20px; } */ } @media screen and (max-width: 380px) { .challans-details-page .top-head-sec { flex-direction: column; align-items: flex-start !important; } .assignment-details-page .part-block { margin-right: 0; margin-bottom: 15px; } .assignment-details-page .part-block:last-child { margin-bottom: 0; } .verify-complete table tbody td label { font-size: 11px; } .verify-complete table tbody tr td { font-size: 11px; } } @media screen and (max-width: 360px) { .all-cases-month .col-20 { -ms-flex: 0 0 100%; flex: 0 0 100% !important; max-width: 100% !important; } .legal-central-right { width: 100%; } .legal-central-right .d-inline-block { display: block !important; width: 100% !important; } .legal-central-right a.btn { margin-bottom: 10px; display: block !important; } /* .challans-details-page .main-heading { flex-direction: column; align-items: flex-start !important; } .challans-details-page .main-heading .all-badge { margin-top: 10px; } */ .challans-details-page .main-heading .all-badge .common-assign-badge { font-size: 11px; } } .img-hidden { display: none; } /* ...Responsive Styles */