/* get rid of blue on hovers and tabs - make transparent white/black instead */ .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {border-top-color: #ffffff80;} .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover { color: #00000080; background-color: #ffffff80; } .nav-stacked>li.active>a,.nav-stacked>li.active>a:hover { background: transparent; color: #444; border-top: 0; border-left-color: #00000080; } .list-group-item.active>.badge,.nav-pills>.active>a>.badge { color: #00000080; background-color: #ffffff80; } /* Hover on DT Details Windows Makes them White */ .dtr-data>div:first-child ,.dtr-data>div>div:last-child ,.inlineTable {transition: all 0.9s ease;} .dtr-data>div:first-child:hover,.dtr-data>div>div:last-child:hover,.inlineTable:hover {background:white!important;} tr.child > td.child {background-color:#efefef!important;} tr.child > td.child:hover {background-color:#eeeeff!important;} /* Why does header not overwrite, but foorer does??? Oh well. .modal-content { border-radius: 15px;} .modal-header { border-top-left-radius: 15px; border-top-right-radius: 15px; } */ .modal-footer {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .modal-content {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /* white-background daypilot resources*/ .calendar_transparent_rowheader_inner {background:white!important;} /* 520-559 560-640 640-754 755-820 820-1000 1000-1200 1200-1300 1300-1600 (TOO HIGH) 1600-1760 1760-1980 1980-2200 2200-2550+ */ /* For screens smaller than XL breakpoint */ @media (max-width:1599px) {.hidden-xl {display: block !important;} .visible-xl {display: none;} tr.visible-xl {display: none;} th.visible-xl, td.visible-xl {display: none;} } /* Extra Large (XL) Bootstrap Classes */ @media (min-width:1600px) and (max-width:2199px) {.container { width:100%; max-width:1600px; margin-right:auto; margin-left:auto;} .hidden-xl {display: none;} .visible-xl {display: block !important;} table.visible-xl {display: table !important;} tr.visible-xl {display: table-row !important;} th.visible-xl, td.visible-xl {display:table-cell !important;} .row { *zoom: 1; margin-left:-15px; margin-right:-15px;} .row:before, .row:after {display:table; line-height:0; content:""; } .row:after { clear:both; } [class*="span"], [class*="col-xl-"] { float:left; min-height:1px; padding-left:15px; padding-right:15px;} /* XL .col, .offset, .span */ .col-xl-1 { width: 8.33333333%;} .col-xl-2 { width: 16.66666667%;} .col-xl-3 { width: 25%;} .col-xl-4 { width: 33.33333333%;} .col-xl-5 { width: 41.66666667%;} .col-xl-6 { width: 50%;} .col-xl-7 { width: 58.33333333%;} .col-xl-8 { width: 66.66666667%;} .col-xl-9 { width: 75%;} .col-xl-10 { width: 83.33333333%;} .col-xl-11 { width: 91.66666667%;} .col-xl-12 { width: 100%;} .offset1 {margin-left: 8.33333333%;} .offset2 {margin-left: 16.66666667%;} .offset3 {margin-left: 25%;} .offset4 {margin-left: 33.33333333%;} .offset5 {margin-left: 41.66666667%;} .offset6 {margin-left: 50%;} .offset7 {margin-left: 58.33333333%;} .offset8 {margin-left: 66.66666667%;} .offset9 {margin-left: 75%;} .offset10 {margin-left: 83.33333333%;} .offset11 {margin-left: 91.66666667%;} .offset12 {margin-left: 100%;} .span1 { width: 8.33333333%;} .span2 { width: 16.66666667%;} .span3 { width: 25%;} .span4 { width: 33.33333333%;} .span5 { width: 41.66666667%;} .span6 { width: 50%;} .span7 { width: 58.33333333%;} .span8 { width: 66.66666667%;} .span9 { width: 75%;} .span10 { width: 83.33333333%;} .span11 { width: 91.66666667%;} .span12 { width: 100%;} /* XL .col, .offset, .span */ } /* For screens smaller than UW breakpoint */ @media (max-width:2199px) {.hidden-uw {display: block !important;} .visible-uw {display: none;} tr.visible-uw {display: none;} th.visible-uw, td.visible-uw {display: none;} } /* Ultra Wide (UW) Bootstrap Classes */ @media (min-width:2200px) {.container { width:100%; max-width:2200px; margin-right:auto; margin-left:auto;} .hidden-uw {display: none;} .visible-uw {display: block !important;} table.visible-uw {display: table !important;} tr.visible-uw {display: table-row !important;} th.visible-uw, td.visible-uw {display:table-cell !important;} .row { *zoom: 1; margin-left:-15px; margin-right:-15px;} .row:before, .row:after {display:table; line-height: 0; content: ""; } .row:after { clear:both; } [class*="span"], [class*="col-uw-"] { float:left; min-height:1px; padding-left:20px; padding-right:20px;} /* UW .col, .offset, .span */ .col-uw-1 { width: 8.33333333%;} .col-uw-2 { width: 16.66666667%;} .col-uw-3 { width: 25%;} .col-uw-4 { width: 33.33333333%;} .col-uw-5 { width: 41.66666667%;} .col-uw-6 { width: 50%;} .col-uw-7 { width: 58.33333333%;} .col-uw-8 { width: 66.66666667%;} .col-uw-9 { width: 75%;} .col-uw-10 { width: 83.33333333%;} .col-uw-11 { width: 91.66666667%;} .col-uw-12 { width: 100%;} .offset1 {margin-left: 8.33333333%;} .offset2 {margin-left: 16.66666667%;} .offset3 {margin-left: 25%;} .offset4 {margin-left: 33.33333333%;} .offset5 {margin-left: 41.66666667%;} .offset6 {margin-left: 50%;} .offset7 {margin-left: 58.33333333%;} .offset8 {margin-left: 66.66666667%;} .offset9 {margin-left: 75%;} .offset10 {margin-left: 83.33333333%;} .offset11 {margin-left: 91.66666667%;} .offset12 {margin-left: 100%;} .span1 { width: 8.33333333%;} .span2 { width: 16.66666667%;} .span3 { width: 25%;} .span4 { width: 33.33333333%;} .span5 { width: 41.66666667%;} .span6 { width: 50%;} .span7 { width: 58.33333333%;} .span8 { width: 66.66666667%;} .span9 { width: 75%;} .span10 { width: 83.33333333%;} .span11 { width: 91.66666667%;} .span12 { width: 100%;} /* UW .col, .offset, .span */ } /* CUSTOM CSS */ .btn-group {display:flex; position: relative;} .dt-erase { color: unset; background-color: unset; background-image: unset; box-shadow: unset; -webkit-box-shadow: unset; font-size: unset; } /*Erase DT Editors button styling*/ .noselect {-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .bg-orange-gradient {background: #e60 !important; color: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e60), color-stop(1, #fb6)) !important; background: -ms-linear-gradient(bottom, #e60, #fb6) !important; background: -moz-linear-gradient(center bottom, #e60 0, #fb6 100%) !important; background: -o-linear-gradient(#fb6, #e60) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb6', endColorstr='#e60', GradientType=0) !important; } /* Custom Scroll-Bars */ ::-webkit-scrollbar {border: 1px solid #d5d5d5; width: 4px; } ::-webkit-scrollbar-track {border-radius: 0; background: #eeeeee;} ::-webkit-scrollbar-thumb {border-radius: 0; background: #b0b0b0;} ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track-piece {background: #eee4; } /* scroll-bar color */ ::-webkit-scrollbar-thumb:window-inactive {background: #888; } /* inactive drag-bar */ ::-webkit-scrollbar-thumb {background: #27a; /* active drag-bar */ box-shadow: inset 0 0 8px rgba(0,0,0,0.5); border-radius: 5px; border: 1px solid;} /* END Custom Scroll-Bars */ /* Awesome Yellow Glow Pulse Behind Form Component */ @-webkit-keyframes fxPulse { 0% { -webkit-box-shadow: 0 0 50px rgba(255,255,0,0.9); } 50% { -webkit-box-shadow: 0 0 50px rgba(255,255,0, 0 ); } 100% { -webkit-box-shadow: 0 0 50px rgba(255,255,0,0.9); } } .fx-pulse {-webkit-animation-name: fxPulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; } /* Transition Animations */ @keyframes scale-in {from {transform: scale(0);opacity: 0;} to {transform: scale(1);opacity: 1;} } @keyframes scale-out {from {transform: scale(1);opacity: 1;} to {transform: scale(0);opacity: 0;} } @keyframes fade-in {from {transform: opacity: 0;} to {transform: opacity: 1;} } @keyframes rotate-in {from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @keyframes rotate-out {from {transform: rotate(360deg);} to {transform: rotate(0deg);} } @keyframes bot-to-top {0% {bottom:-40px} 50% {bottom:40px} } .animated {-webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes bounceInDown { 0% {opacity: 0; -webkit-transform: translateY(-2000px);} 60% {opacity: 1; -webkit-transform: translateY( 30px);} 80% { -webkit-transform: translateY( -10px);} 100% { -webkit-transform: translateY( 0 );} } @keyframes bounceInDown { 0% {opacity: 0; transform: translateY(-2000px);} 60% {opacity: 1; transform: translateY( 30px);} 80% { transform: translateY( -10px);} 100% { transform: translateY( 0 );} } .bounceInDown {-webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /* END Transition Animations */ /* DP EVENTS */ .dpBorderNoClip > .calendar_transparent_event_inner {border-radius: 4px 15px 15px 4px; border-width: 2px; } .dpBorderLeftClip > .calendar_transparent_event_inner {border-radius: 2px 15px 15px 2px; border-width: 2px 2px 2px 0px; } .dpBorderRightClip > .calendar_transparent_event_inner {border-radius: 4px 2px 2px 4px; border-width: 2px 0px 2px 2px; } .dpBorderBothClip > .calendar_transparent_event_inner {border-radius: 2px 2px 2px 2px; border-width: 2px 0px 2px 0px; }