/*-------------------------------FONT SIZE SCREEN RESOLUTION 16PX 1600 change into 1750 ------------------------------*/ /*///////////////////////////////////FONT SIZE SCREEN RESOLUTION 16PX //////////////////////////////////// /************************FONT SIZE 14PX FOR OPEN SANS END*********************************/ /*////////////////// DEFAULT CSS START HERE /////////////////////////////*/ /*@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Archivo|Arvo|Cardo|Concert+One|Cormorant|Fira+Sans|Fjalla+One|Frank+Ruhl+Libre|Karla|Lato|Lora|Montserrat|Old+Standard+TT|Oswald|Oxygen|PT+Sans|PT+Serif|Playfair+Display|Rakkas|Roboto|Rubik|Source+Sans+Pro|Spectral|Ubuntu|Work+Sans');*/ /* font-family: 'Open Sans', sans-serif; */ /* 1. Light 300; 2. Light 300 italic; 3. Regular 400; 4. Regular 400 italic; 5. Semi-bold 600 */ /*Google Font*/ /* latin-ext */ @font-face { font-family: 'Abril Fatface'; font-style: normal; font-weight: 400; src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v9/zOL64pLDlL1D99S8g8PtiKchq-lmjdLh.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Abril Fatface'; font-style: normal; font-weight: 400; src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v9/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; src: local('Archivo Regular'), local('Archivo-Regular'), url(https://fonts.gstatic.com/s/archivo/v3/k3kQo8UDI-1M0wlSfdboLnnA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; src: local('Archivo Regular'), local('Archivo-Regular'), url(https://fonts.gstatic.com/s/archivo/v3/k3kQo8UDI-1M0wlSfdfoLnnA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; src: local('Archivo Regular'), local('Archivo-Regular'), url(https://fonts.gstatic.com/s/archivo/v3/k3kQo8UDI-1M0wlSfdnoLg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Arvo'; font-style: normal; font-weight: 400; src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v10/tDbD2oWUg0MKqScQ7Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* greek-ext */ @font-face { font-family: 'Cardo'; font-style: normal; font-weight: 400; src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v9/wlp_gwjKBV1pqhv03IEp2A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Cardo'; font-style: normal; font-weight: 400; src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v9/wlp_gwjKBV1pqhv73IEp2A.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* latin-ext */ @font-face { font-family: 'Cardo'; font-style: normal; font-weight: 400; src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v9/wlp_gwjKBV1pqhv23IEp2A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cardo'; font-style: normal; font-weight: 400; src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v9/wlp_gwjKBV1pqhv43IE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Concert One'; font-style: normal; font-weight: 400; src: local('Concert One'), local('ConcertOne-Regular'), url(https://fonts.gstatic.com/s/concertone/v8/VEM1Ro9xs5PjtzCu-srDqSTsjP6yuQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Concert One'; font-style: normal; font-weight: 400; src: local('Concert One'), local('ConcertOne-Regular'), url(https://fonts.gstatic.com/s/concertone/v8/VEM1Ro9xs5PjtzCu-srDqSTijP4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; src: local('Cormorant Regular'), local('Cormorant-Regular'), url(https://fonts.gstatic.com/s/cormorant/v6/H4clBXOCl9bbnla_nHIq4pu9uqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; src: local('Cormorant Regular'), local('Cormorant-Regular'), url(https://fonts.gstatic.com/s/cormorant/v6/H4clBXOCl9bbnla_nHIq65u9uqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; src: local('Cormorant Regular'), local('Cormorant-Regular'), url(https://fonts.gstatic.com/s/cormorant/v6/H4clBXOCl9bbnla_nHIq4Ju9uqc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; src: local('Cormorant Regular'), local('Cormorant-Regular'), url(https://fonts.gstatic.com/s/cormorant/v6/H4clBXOCl9bbnla_nHIq4Zu9uqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; src: local('Cormorant Regular'), local('Cormorant-Regular'), url(https://fonts.gstatic.com/s/cormorant/v6/H4clBXOCl9bbnla_nHIq75u9.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Fjalla One'; font-style: normal; font-weight: 400; src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v5/Yq6R-LCAWCX3-6Ky7FAFrO96kigt.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Fjalla One'; font-style: normal; font-weight: 400; src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v5/Yq6R-LCAWCX3-6Ky7FAFrOF6kg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* hebrew */ @font-face { font-family: 'Frank Ruhl Libre'; font-style: normal; font-weight: 400; src: local('Frank Ruhl Libre Regular'), local('FrankRuhlLibre-Regular'), url(https://fonts.gstatic.com/s/frankruhllibre/v3/j8_w6_fAw7jrcalD7oKYNX0QfAnPW7Ll4ajn.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* latin-ext */ @font-face { font-family: 'Frank Ruhl Libre'; font-style: normal; font-weight: 400; src: local('Frank Ruhl Libre Regular'), local('FrankRuhlLibre-Regular'), url(https://fonts.gstatic.com/s/frankruhllibre/v3/j8_w6_fAw7jrcalD7oKYNX0QfAnPW77l4ajn.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Frank Ruhl Libre'; font-style: normal; font-weight: 400; src: local('Frank Ruhl Libre Regular'), local('FrankRuhlLibre-Regular'), url(https://fonts.gstatic.com/s/frankruhllibre/v3/j8_w6_fAw7jrcalD7oKYNX0QfAnPW7Dl4Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RbLtyG5Q.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RVLtw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwf7I-NP.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMw77I-NP.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwX7I-NP.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwT7I-NP.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url(https://fonts.gstatic.com/s/oldstandardtt/v9/MwQubh3o1vLImiwAVvYawgcf2eVep1q4dHc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url(https://fonts.gstatic.com/s/oldstandardtt/v9/MwQubh3o1vLImiwAVvYawgcf2eVerlq4dHc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url(https://fonts.gstatic.com/s/oldstandardtt/v9/MwQubh3o1vLImiwAVvYawgcf2eVepVq4dHc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url(https://fonts.gstatic.com/s/oldstandardtt/v9/MwQubh3o1vLImiwAVvYawgcf2eVepFq4dHc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url(https://fonts.gstatic.com/s/oldstandardtt/v9/MwQubh3o1vLImiwAVvYawgcf2eVeqlq4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen Regular'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDfZG1Wl4LcnbuKgE0mV0Q.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen Regular'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDfZG1Wl4LcnbuKjk0m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFbzr-tdg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFSzr-tdg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFYzr-tdg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* arabic */ @font-face { font-family: 'Rakkas'; font-style: normal; font-weight: 400; src: local('Rakkas Regular'), local('Rakkas-Regular'), url(https://fonts.gstatic.com/s/rakkas/v5/Qw3cZQlNHiblL3jPlNFOCeM.woff2) format('woff2'); unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC; } /* latin-ext */ @font-face { font-family: 'Rakkas'; font-style: normal; font-weight: 400; src: local('Rakkas Regular'), local('Rakkas-Regular'), url(https://fonts.gstatic.com/s/rakkas/v5/Qw3cZQlNHiblL3jPn9FOCeM.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rakkas'; font-style: normal; font-weight: 400; src: local('Rakkas Regular'), local('Rakkas-Regular'), url(https://fonts.gstatic.com/s/rakkas/v5/Qw3cZQlNHiblL3jPkdFO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Spectral'; font-style: normal; font-weight: 400; src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M9knj-SA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Spectral'; font-style: normal; font-weight: 400; src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M2knj-SA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Spectral'; font-style: normal; font-weight: 400; src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M3knj-SA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Spectral'; font-style: normal; font-weight: 400; src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M5kng.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* latin-ext */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Comic Sans MS'; src: local('Comic Sans MS'), local('ComicSansMS'), url('/Assets/fonts/newfonts/ComicSansMS.woff2') format('woff2'), url('/Assets/fonts/newfonts/ComicSansMS.woff') format('woff'), url('/Assets/fonts/newfonts/ComicSansMS.svg#ComicSansMS') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Tahoma'; src: local('Tahoma'), url('/Assets/fonts/newfonts/Tahoma.woff2') format('woff2'), url('/Assets/fonts/newfonts/Tahoma.woff') format('woff'), url('/Assets/fonts/newfonts/Tahoma.svg#Tahoma') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'), local('TrebuchetMS'), url('/Assets/fonts/newfonts/TrebuchetMS.woff2') format('woff2'), url('/Assets/fonts/newfonts/TrebuchetMS.woff') format('woff'), url('/Assets/fonts/newfonts/TrebuchetMS.svg#TrebuchetMS') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arial'; src: local('Arial'), local('ArialMT'), url('/Assets/fonts/newfonts/ArialMT.woff2') format('woff2'), url('/Assets/fonts/newfonts/ArialMT.woff') format('woff'), url('/Assets/fonts/newfonts/ArialMT.svg#ArialMT') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arial Black'; src: local('Arial Black'), local('Arial-Black'), url('/Assets/fonts/newfonts/Arial-Black.woff2') format('woff2'), url('/Assets/fonts/newfonts/Arial-Black.woff') format('woff'), url('/Assets/fonts/newfonts/Arial-Black.svg#Arial-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Times New Roman'; src: local('Times New Roman'), local('TimesNewRomanPSMT'), url('/Assets/fonts/newfonts/TimesNewRomanPSMT.woff2') format('woff2'), url('/Assets/fonts/newfonts/TimesNewRomanPSMT.woff') format('woff'), url('/Assets/fonts/newfonts/TimesNewRomanPSMT.svg#TimesNewRomanPSMT') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Verdana'; src: local('Verdana'), url('/Assets/fonts/newfonts/Verdana.woff2') format('woff2'), url('/Assets/fonts/newfonts/Verdana.woff') format('woff'), url('/Assets/fonts/newfonts/Verdana.svg#Verdana') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Courier New'; src: local('Courier New'), local('CourierNewPSMT'), url('/Assets/fonts/newfonts/CourierNewPSMT.woff2') format('woff2'), url('/Assets/fonts/newfonts/CourierNewPSMT.woff') format('woff'), url('/Assets/fonts/newfonts/CourierNewPSMT.svg#CourierNewPSMT') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariol-regular'; src: url('/Assets/fonts/bariol/bariol_regular-webfont.eot'); src: url('/Assets/fonts/bariol/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bariol/bariol_regular-webfont.woff2') format('woff2'), url('/Assets/fonts/bariol/bariol_regular-webfont.woff') format('woff'), url('/Assets/fonts/bariol/bariol_regular-webfont.ttf') format('truetype'), url('/Assets/fonts/bariol/bariol_regular-webfont.svg#bariol_regularregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariol-italic'; src: url('/Assets/fonts/bariol/bariol_regular_italic-webfont.eot'); src: url('/Assets/fonts/bariol/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bariol/bariol_regular_italic-webfont.woff2') format('woff2'), url('/Assets/fonts/bariol/bariol_regular_italic-webfont.woff') format('woff'), url('/Assets/fonts/bariol/bariol_regular_italic-webfont.ttf') format('truetype'), url('/Assets/fonts/bariol/bariol_regular_italic-webfont.svg#bariolregular_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariol-bold'; src: url('/Assets/fonts/bariol/bariol_bold-webfont.eot'); src: url('/Assets/fonts/bariol/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bariol/bariol_bold-webfont.woff2') format('woff2'), url('/Assets/fonts/bariol/bariol_bold-webfont.woff') format('woff'), url('/Assets/fonts/bariol/bariol_bold-webfont.ttf') format('truetype'), url('/Assets/fonts/bariol/bariol_bold-webfont.svg#bariol_boldbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariol-light'; src: url('/Assets/fonts/bariol/bariol_light-webfont.eot'); src: url('/Assets/fonts/bariol/bariol_light-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bariol/bariol_light-webfont.woff2') format('woff2'), url('/Assets/fonts/bariol/bariol_light-webfont.woff') format('woff'), url('/Assets/fonts/bariol/bariol_light-webfont.ttf') format('truetype'), url('/Assets/fonts/bariol/bariol_light-webfont.svg#bariol_lightlight') format('svg'); font-weight: normal; font-style: normal; } /************START OPEN SANS FONT FACE********************/ @font-face { font-family: open_sans_regular; src: url('/Assets/fonts/open_sans/opensans-regular1-webfont.woff2') format('woff2'), url('/Assets/fonts/open_sans/opensans-regular1-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: Open Sans Regular; src: url('/Assets/fonts/open_sans/opensans-regular1-webfont.woff2') format('woff2'), url('/Assets/fonts/open_sans/opensans-regular1-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: Open Sans Bold; src: url('/Assets/fonts/fonts/OpenSansBold.eot'); src: url('/Assets/fonts/fonts/OpenSansBold.eot') format('embedded-opentype'), url('/Assets/fonts/fonts/OpenSansBold.woff2') format('woff2'), url('/Assets/fonts/fonts/OpenSansBold.woff') format('woff'), url('/Assets/fonts/fonts/OpenSansBold.ttf') format('truetype'), url('/Assets/fonts/fonts/OpenSansBold.svg#OpenSansBold') format('svg'); } @font-face { font-family: Open Sans Semibold; src: url('/Assets/fonts/fonts/OpenSans-SemiBold.ttf'); /*src: url('/Assets/fonts/fonts/OpenSans-SemiBold.ttf') format('embedded-opentype'), url('/Assets/fonts/fonts/OpenSansBold.woff2') format('woff2'), url('/Assets/fonts/fonts/OpenSansBold.woff') format('woff'), url('/Assets/fonts/fonts/OpenSansBold.ttf') format('truetype'), url('/Assets/fonts/fonts/OpenSansBold.svg#OpenSansBold') format('svg');*/ } @font-face { font-family: Open Sans Light; src: url('/Assets/fonts/fonts/OpenSans-Light.ttf'); } @font-face { font-family: "open_sans_bold-change"; src: url("/Assets/fonts/open_sans/opensans-bold/OpenSans-Bold.eot"); /* IE9 Compat Modes */ src: url("/Assets/fonts/open_sans/opensans-bold/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/Assets/fonts/open_sans/opensans-bold/OpenSans-Bold.otf") format("opentype"), /* Open Type Font */ url("/Assets/fonts/open_sans/opensans-bold/OpenSans-Bold.svg") format("svg"), /* Legacy iOS */ url("/Assets/fonts/open_sans/opensans-bold/OpenSans-Bold.ttf") format("truetype"), /* Safari, Android, iOS */ url("/Assets/fonts/open_sans/opensans-bold/OpenSans-Bold.woff") format("woff"), /* Modern Browsers */ url("/Assets/fonts/open_sans/opensans-bold/OpenSans-Bold.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_bold'; src: url('/Assets/fonts/fonts/OpenSansBold.eot'); src: url('/Assets/fonts/fonts/OpenSansBold.eot') format('embedded-opentype'), url('/Assets/fonts/fonts/OpenSansBold.woff2') format('woff2'), url('/Assets/fonts/fonts/OpenSansBold.woff') format('woff'), url('/Assets/fonts/fonts/OpenSansBold.ttf') format('truetype'), url('/Assets/fonts/fonts/OpenSansBold.svg#OpenSansBold') format('svg'); } @font-face { font-family: open_sans_italic; src: url('/Assets/fonts/open_sans/opensans-italic1-webfont.woff2') format('woff2'), url('/Assets/fonts/open_sans/opensans-italic1-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: open_sans_semibold; src: url('/Assets/fonts/fonts/OpenSans-SemiBold.ttf'); /*src: url('/Assets/fonts/fonts/OpenSans-SemiBold.ttf') format('embedded-opentype'), url('/Assets/fonts/fonts/OpenSansBold.woff2') format('woff2'), url('/Assets/fonts/fonts/OpenSansBold.woff') format('woff'), url('/Assets/fonts/fonts/OpenSansBold.ttf') format('truetype'), url('/Assets/fonts/fonts/OpenSansBold.svg#OpenSansBold') format('svg');*/ } /************END OPEN SANS FONT FACE********************/ .bariol-regular { font-family: 'bariol-regular' !important; } .bariol-bold { font-family: 'bariol-bold' !important; } .bariol-italic { font-family: 'bariol-italic' !important; } .font-inherit { font-family: inherit !important; } .opensans-regular { font-family: 'open_sans_regular' !important; } .opensans-bold { font-family: 'open_sans_bold' !important; } .opensans-italic { font-family: 'open_sans_italic' !important; } .overflow-hidden { overflow: hidden; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; outline: 0; /*font-size:100%;font:inherit;*/ } /*-----[Browser-Reset]-----*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a, a:visited, a:active, a:focus, a:active, select, option, button { outline: none; } /*-----[Browser-Reset]-----*/ a { color: #454f57; text-decoration: none; } a:focus, a:hover { color: #0e76bc; } /*-----[Heading]-----*/ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1 { font-size: 30px; } h2 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 1em !important; } h6 { font-size: 11px; } /*-----[Heading]-----*/ /*.body-outer{position:relative;} .bodytop{height:64px;display:block;width:100%;position:absolute;top:0;} .bodybottom{position:absolute;bottom:0;height:43px;display:block;width:100%;} .bodyStyle {position:absolute;top:64px; bottom: 43px; width: 100%;overflow-y:scroll;-webkit-overflow-scrolling: touch;} .bodyStyle:before{float:left;content:'';width:1px;height:calc(100% + 1px);margin-left:-1px;} .bodyStyle:after{content:'';width: 100%;clear: both;} .bodyStyle .innerBody {position:absolute;top:0;width:100%;background-color:#fff;height:calc(100% + 1px);}*/ .bodyStyle { position: absolute; top: 64px; bottom: 46px; width: 100%; overflow-x: hidden; overflow-y: auto; /*overflow-x:hidden;margin-top:64px;margin-bottom:43px;*/ } .bodyStyle .innerBody { position: absolute; top: 0; width: 100%; /*background-color:#fff;*/ } /*.star-icon a i{font-size:1em !important} .star-icon a:hover i{color:#454f57} .action-icon a{margin-right:6px} .action-icon a i{font-size:1em !important} .action-icon a:hover i{color:#454f57}*/ /*responsive-reflact-css*/ .filter-menu { display: none; } .navbar-header ul { margin: 0; padding: 0; list-style: none; } .navbar-header ul.rsp-toggle-menu li .fa-search { display: none; } .hidevideo { display: none; } .admin-menu { display: block; height: 20px; } .amenu-tab { float: left; display: none; } .sidebar-filter-nav .fmenu-close, .sidebar-nav .amenu-close { display: none; } /*responsive-reflact-css*/ /*NAVBAR-SECTION -----------------------------------------*/ /*navbar-logo-tagline-css*/ /*.navbar-logo-tagline{text-align:left;height:36px;display:flex;align-items:center} .navbar-logo-tagline span{word-break:break-word;line-height:18px;overflow: hidden;text-overflow: ellipsis;max-height:36px} .navbar-header.nh-flexible{display:flex;max-width:calc(100% - 857px);padding-right:0} .navbar-header.nh-flexible>a{line-height:33px;text-align:center} .navbar-header.nh-flexible>a>img{max-width:130px;max-height:33px;display:inline;height:auto}*/ .nh-flexible-outer { display: flex } .navbar-header.nh-flexible { display: flex; max-width: calc(100% - 499px); padding-right: 0 !important; } .navbar-header.nh-flexible > a { line-height: 33px; text-align: center; } /*1309 */ .navbar-header.nh-flexible > a > img { max-width: 130px; max-height: 33px; display: inline; height: auto; } .navbar-logo-tagline { text-align: left; max-height: 36px; display: inline-flex; /*align-items:center;height: calc(1em * 1.2 * 2);*/ position: relative; max-width: 620px; /*align-self:center;-webkit-align-self:center;*/ -webkit-align-items: center; align-items: center; } .navbar-logo-tagline p { word-break: break-word; word-wrap: break-word; /*line-height: 18px;*/ line-height:20px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; padding-right: .9em; position: relative; max-height: 40px; } .navbar-logo-tagline p:before { content: '...'; /*background: #fff;*/ bottom: 0; position: absolute; right: 0; /*float: right; margin-left: -1em; width: 2em;*/ } .navbar-logo-tagline p:after { /* points in the end */ content: ''; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: .9em; height: .9em; margin-top: 0.2em; /* bg color = bg color under block */ background: white; } .navbar-header.nh-flexible .nav.navbar-nav.navbar-left { margin-top: -14px; margin-bottom: -14px; flex: 0 0 auto; } @media only screen and (min-width : 769px) { .navbar-header.nh-flexible .nav.navbar-nav.navbar-left { /* max-width: 80%;*/ /*display: flex; min-width: 1px; flex:1 1 auto; overflow:hidden;*/ max-width: 80%; display: flex; min-width: 1px; overflow: hidden; flex: 0 0 auto; } } .navbar-logo-tagline.tab-1 { width: 320px; } .navbar-logo-tagline.tab-2 { width: 413px; } .navbar-logo-tagline.tab-3 { width: 100%; } .navbar-logo-tagline { width: auto !important } /*.navbar-logo-tagline.tagline-1 span{height:18px;margin-top:9px}*/ /*.navbar-header.nh-flexible.tab-1{max-width:calc(100% - 760px);} .navbar-header.nh-flexible.tab-2{max-width:calc(100% - 670px);} .navbar-header.nh-flexible.tab-3{max-width:calc(100% - 540px);}*/ /*.tagline-plane{padding-top:8px}*/ /*.navbar-logo-tagline span{height:36px}*/ /*.navbar-logo-tagline.tagline-1 span{line-height:1.2;height:18px}*/ .navbar-logo-tagline { /*display : block;*/ /*display : -webkit-box; -webkit-box-orient : vertical; position : relative; height : calc(1em * 1.2 * 2);*/ } /*.navbar-logo-tagline span:after { content : '...'; text-align : right; bottom : 0; right : 0; width : 25%; display : block; position : absolute; height : calc(1em * 1.2); background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%); }*/ /*@supports (-webkit-line-clamp: 1) { .navbar-logo-tagline span:after { display : none !important; } }*/ /*.tagline-1 { height : calc(1em * 1.2 * 1); margin-top:11px; }*/ /* End required CSS. */ /*navbar-logo-tagline-css*/ .navbar-header { padding: 14px 17px; height: 64px; } .navbar-brand { padding: 0; height: auto; } .navbar-brand.logo img { /*max-width:68px*/ /* height: 33px;*/ /*logo height*/ height:33px } /*Customer logo/oem logo*/ .navbar-brand.logo #hfCustomerLogo, .navbar-brand.logo.subdomain-logo img { /*max-width:68px*/ max-height: 33px; height: auto; } .navbar-inverse { background-color: rgba(255,255,255,1); border-bottom: 1px solid #e8edef; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.18); -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.18); box-shadow: 0 0 8px 1px rgba(0,0,0,.18); } .navbar-fixed-top { border-width: 0; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #e8edef; } /*-----[Navbar-Tab-Section]-----*/ .navbar-inverse .navbar-nav > li > a { color: #454f57; /*text-transform: capitalize;*/ font-weight: normal; text-decoration: none; } .navbar-inverse .navbar-left > li > a:focus, .navbar-inverse .navbar-left > li > a:hover { color: #f6f9fc; background-color: #2aace3; text-decoration: none; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: #2aace3; } .navbar-inverse .navbar-right > li.active > a, .navbar-inverse .navbar-right > li.active:hover > a { color: #fff !important; } /*.navbar-inverse .navbar-left{margin-left:20px}*/ .navbar-inverse .navbar-left > li > a { padding: 22px 17px 22px 17px; } .navbar-inverse .navbar-left > li { font-family: 'bariol-regular'; font-size: 1em; position: relative; margin-left: 13px; margin-right: 13px; } .navbar-inverse .navbar-right { margin-left: 0; } .navbar-inverse .navbar-right > li { font-family: 'bariol-regular'; font-size: 1em; border-left: 1px solid #e8edef; } .navbar-inverse .navbar-right > li > a { line-height: 25px; padding: 20px 20px 19px 20px; color: #454f57; } .navbar-inverse .navbar-right > li > a:hover { color: #454f57; } .navbar-inverse .navbar-right > li { margin-left: 0 !important; margin-right: 0; } .navbar-inverse .navbar-right > li#showUserSettings { max-width: 160px; } .navbar-inverse .navbar-right > li > a .fa { font-size: 20px; vertical-align: middle; } .navbar-inverse .navbar-right > li.notf-setting { min-width: 140px; } .navbar-inverse .navbar-right > li > a.profile-image { position: relative; display: block; max-width: 160px; } .navbar-inverse .navbar-right > li > a.profile-image .img-circle { float: left; width: 25px; height: 25px; margin-top: 0; margin-right: 4px; background-size: 25px 25px; } .navbar-inverse .navbar-right > li > a.profile-image span { float: left; color: #454f57; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; width: 70px; overflow: hidden; } .navbar-inverse .navbar-right > li > a.profile-image .usr-name { float: left; color: #454f57; line-height: 25px; } .navbar-inverse .navbar-right > li > a.profile-image i { font-size: 18px; position: absolute; top: 26px; right: 19px; } .navbar-inverse .navbar-right > li .dropdown-menu { width: 100%; min-width: 140px; } /*-----[Navbar-Tab-Section]-----*/ .searchbox { font-family: bariol-regular; padding: 20px 20px 19px; margin: 0; border-left: 1px solid #e8edef !important; overflow: hidden; } .searchbox .input-group { padding-left: 33px; width: 224px; } .searchbox .input-group-btn { position: absolute; left: 0; } .searchbox .input-group-btn:last-child > .btn { background-color: #fff; border: 0 transparent; box-shadow: none; border-left: 0; border-radius: 0; outline: 0; height: 25px; padding: 0 7px; margin-left: 0; } .searchbox .input-group-btn:last-child > .btn.btn-default:hover { background-color: #fff; } .searchbox .input-group-btn:last-child > .btn .fa { font-size: 20px; color: #454f57; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; margin-top: 1px; } .searchbox.navbar-form .input-group > .form-control { font-size: 1em; color: #454f57; background-color: #fff; border: 0; box-shadow: none; padding-left: 0; padding-right: 0; height: 25px; padding: 0; } .searchbox.navbar-form .input-group > .form-control:focus { border-color: transparent; box-shadow: none; } .searchbox.navbar-form .input-group > .form-control::-webkit-input-placeholder { text-align: left; color: #454f57; text-transform: capitalize; } .notification { position: relative; width: auto; } .notification .fa { font-size: 20px; } .count-notification { float: left; font-size: .875em; color: #fff; text-align: center; background: #8c9497; vertical-align: middle; line-height: 20px; position: absolute; top: 0; left: 34px; min-width: 20px; min-height: 20px; border-radius: 50%; } .book-icon .fa { font-size: 20px; } /*-----------------------------!NAVBAR-SECTION*/ /*SIDEBAR-NAV-CSS -----------------------------------------*/ .sidebar-filter-nav, .sidebar-nav { position: absolute; bottom: 0; top: 0; left: 0; background: #454f57; width: 19.8%; height: 100%; } .sidebar-filter-nav { padding: 10px 0 0 0; } .sidebar-filter-nav .form-control:focus { box-shadow: none; } .sidebar-nav { padding: 29px 0 0 0; } .sidebar-nav h5 { font-family: 'bariol-bold'; font-size: 1em; color: #f6f9fc; font-weight: normal; text-transform: uppercase; letter-spacing: 0.8px; margin: 0; padding: 10px 10px 6px 32px; } .ff-default .sidebar-nav ul li a, .ff-default .sidebar-nav h5 { color: #f6f9fc; } .ff-default .sidebar-nav ul li:hover, .ff-default .sidebar-nav ul li.active { border-left: 5px solid #2aace3; } .ff-default .sidebar-nav ul li:hover a, .ff-default .sidebar-nav ul li.active a { color: #2aace3; } .sidebar-nav form { padding: 0 25px 0 47px; margin-top: 10px; } .sidebar-nav .form-group { margin-bottom: 0; margin-top: 0; } .sidebar-nav .form-group input[type=email] { color: #8c9497; background: #454f57; border: 1px solid #8c9497; border-radius: 0; box-shadow: none; padding: 6px 8px; } .sidebar-nav ul { list-style: none; padding: 0; } .sidebar-nav ul li:hover, .sidebar-nav ul li.active { border-left: 5px solid #2aace3; } .sidebar-nav ul li:hover a, .sidebar-nav ul li.active a { color: #2aace3; padding-left: 27px; } .sidebar-nav ul li:hover a, .sidebar-nav ul li.active a { color: #2aace3; } .sidebar-nav ul li a { display: block; font-family: 'bariol-regular'; font-size: 1em; color: #f6f9fc; text-decoration: none; letter-spacing: 0.3px; line-height: 14px; padding: 0 4px 0 32px; margin: 9px 0; } .lh-initial.sidebar-nav ul li a { line-height: 1.4546 } /*-----------------------------!SIDEBAR-NAV-CSS*/ /*FOOTER-SECTION -----------------------------------------*/ .footer { font-family: 'bariol-regular'; font-size: 1em; color: #454f57; background-color: #fff; border-top: 1px solid #e8edef; position: fixed; bottom: 0; z-index: 1030; width: 100%; height: 46px; } .footer p.copyright { font-size: .9375em; padding-top: 11.5px; padding-left: 17px; position: absolute; top: 0; /*width: calc(50% - 155px); line-height: 1;*/ } body:not(.q2e4-body) .footer p.copyright { width: calc(50% - 155px); line-height: 1; } body.login-body .v3-mobile-footer p.copyright { width: 100%; /* line-height: 1; */ } .footer-logocenter { position: absolute; width: 100%; height: 46px; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .fhelp_icon { float: right; padding: 12px 17px 0 17px; } /*.fhelp_icon > a i {background-color:rgba(247, 144, 61, 1.0);color:rgba(246, 249, 252, 1.0);border-radius:20px;width:20px;line-height:20px;font-size:1em;-webkit-text-stroke-width:0.5px;-webkit-text-stroke-color:rgba(247, 144, 61, 1.0) } .fhelp_icon > a i:hover{background-color:rgba(247, 144, 61, 0.5);-webkit-text-stroke-color:rgba(247, 144, 61, 0.5)*/ /*-----[Social-Icon]-----*/ ul.s-icon { display: inline-block; overflow: auto; padding-left: 25px; padding-top: 12px; } ul.s-icon.socialhide { display: none; } ul.s-icon li { float: left; font-size: .875em; list-style-type: none; margin-right: 15px; } ul.s-icon li a { color: #454f57; } ul.s-icon li a:hover { color: #0e76bc; } ul.s-icon li a i { float: left; font-size: 20px; color: #9aa6ad; text-align: center; vertical-align: middle; display: inline-block; margin-right: 10px; } ul.s-icon li span { float: left; margin-right: 10px; padding-top: 2px; } ul.s-icon.pull-right { padding-top: 0; } ul.s-icon.pull-right li:first-child { margin-right: 0; padding-top: 12px; } ul.s-icon.pull-right li.help { border-left: 1px solid #e8edef; padding-left: 15px; padding-top: 13px; padding-bottom: 10px; } ul.s-icon.pull-right li > a > span:hover, ul.s-icon.pull-right li > a > span:focus, ul.s-icon.pull-right li > a > span:active { padding-top: 2px; } /*-----[Social-Icon]-----*/ /*-----------------------------!FOOTER-SECTION*/ /*-----[Login-Video-Section]-----*/ .video-box button.close { font-size: 2em; position: absolute; top: 5px; opacity: 1; right: 10px; } .video-box .modal-dialog { margin: 30px auto; width: 1000px; max-width: 90%; min-width: 300px; } .video-box .modal-body { position: relative; padding-bottom: 49%; padding-top: 30px; overflow: hidden; } .video-box .modal-body iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-box .col-centered { text-align: center; } .video-box .col-centered img { cursor: pointer; max-width: 100%; } .login-lbl a { text-decoration: underline; } /*-----[Login-Video-Section]-----*/ /*-----[Help-Page-Css]-----*/ .address-section { margin: 15px 0 0 0; padding: 0 10px; } .address-section p { margin: 0; } .address-section h5 { font-family: 'bariol-bold'; font-weight: normal; margin-top: 0; margin-bottom: 23px; } .address-section address { margin-top: 15px; margin-bottom: 0; padding-bottom: 15px; line-height: 1.5; border-bottom: 1px solid rgba(164, 171, 174, 0.5); } .address-section address a { color: #454f57; text-decoration: underline; } .address-section address a:hover, .address-section address a:focus { color: #0e76bc; } .form-help { padding: 20px 10px; /*overflow:hidden*/ } .form-help .row { margin-bottom: 0 !important; } .form-help .col-sm-8, .form-help .col-sm-10 { padding-left: 0; padding-right: 0; } .form-help p { padding-left: 0; padding-top: 23px !important; padding-bottom: 30px !important; } .form-help p.bold { font-family: 'bariol-bold'; font-weight: normal; } .form-help .form-group { margin-bottom: 20px !important; } .form-help .form-group.mx-b-30 { margin-bottom: 30px !important; } .form-help .form-group label { text-align: right; padding-left: 0; padding-top: 7px; } .form-help input, .form-help select { height: 40px; } .form-help textarea.form-control { margin-bottom: 35px !important; } .form-help .mx-b-52 { margin-bottom: 52px; padding-left: 0; } .form-help input.error, .form-help textarea.error { border: 1px solid #b74750 !important; } .form-help input + span { font-family: 'bariol-italic'; position: absolute; padding-top: 6px !important; } /*-----[Help-Page-Css]-----*/ /*GLOBAL-CUSTOM-CHECKBOX -----------------------------------------*/ /*-----[Enabled-Checkbox]-----*/ .styled-checkbox[type="checkbox"]:not(:checked), .styled-checkbox[type="checkbox"]:checked { position: absolute; left: -9999px; display: none; } .chk-disabeld.styled-checkbox[type="checkbox"]:not(:checked) + label, .chk-disabeld.styled-checkbox[type="checkbox"]:checked + label { pointer-events: none; } /*.table-has-scrollbody [type="checkbox"]:not(:checked), .table-has-scrollbody [type="checkbox"]:checked{position:initial !important;left:initial !important;display:none} [type="checkbox"]:not(:checked), [type="checkbox"]:checked{position:absolute;left:-9999px;display:none}*/ .table [type="checkbox"]:not(:checked) + label, .table [type="checkbox"]:checked + label { display: inline-block; margin-bottom: 0; width: 16px; height: 16px; padding: 0; margin-top: -4px; } .table [type="checkbox"]:not(:checked) + label:before, .table [type="checkbox"]:checked + label:before { display: inline; } .table-checkbox .table [type="checkbox"]:not(:checked) + label:before, .table-checkbox .table [type="checkbox"]:checked + label:before, .table-checkbox [type="checkbox"]:not(:checked) + label:after, .table-checkbox [type=checkbox]:checked + label:after { top: 2px; } .custom-form-preview .table [type="checkbox"]:not(:checked) + label, .custom-form-preview .table [type=checkbox]:checked + label { padding-left: 20px; width: auto; height: auto; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { font-family: bariol-regular; font-weight: normal; vertical-align: middle; position: relative; padding-left: 20px; cursor: pointer; line-height: 1; } .lh-i20 { line-height: 20px !important; } .app-scroll-y { overflow-y: auto !important; overflow-x: hidden !important } .app-scroll-x { overflow-y: hidden !important; overflow-x: auto !important } /*.scroll-y{overflow-y:auto !important; overflow-x:hidden!important} .scroll-x{overflow-y:hidden !important; overflow-x:auto !important}*/ /*.scrollbar-macosx > .scroll-element.scroll-y{overflow-y:initial !important; overflow-x:initial!important} .scrollbar-macosx > .scroll-element.scroll-x{overflow-y:initial !important; overflow-x:initial !important}*/ .scroll-both { overflow-y: auto !important; overflow-x: auto !important; } [type="checkbox"]:not(:checked) + label > .check-label-span, [type="checkbox"]:checked + label > .check-label-span { display: block; margin-top: -3px; } [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #9aa6ad; background: #fff; border-radius: 3px; } [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: ''; background-image: url('/Assets/images/checkbox-check-img.svg'); background-position: center center; background-size: 100% 100%; position: absolute; top: 0; left: 0; font-size: .875em; width: 16px; height: 16px; line-height: 15px; text-align: center; color: #fff; /*transition:all .2s*/ } [type="checkbox"]:checked + label:before { opacity: 1; transform: scale(1) rotate(0deg); background: #2aace3; border: 1px solid #2aace3; } [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0) rotate(0deg); } /*[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{content:'✔';position:absolute;top:0;left:0;font-size:.875em;width:16px;height:16px;line-height:15px;text-align:center;color:#fff;}*/ /*[type="checkbox"]:checked + label:after{opacity:1;transform: scale(1) rotate(10deg)}*/ [type="checkbox"]:not(:checked) + label.withoutText, [type="checkbox"]:checked + label.withoutText { padding-left: 0; width: 16px; height: 16px; } /*-----[Enabled-Checkbox]-----*/ /*-----[Disabled-Checkbox]-----*/ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; opacity: 0.65; cursor: default; } [type="checkbox"]:disabled:not(:checked) + label:after, [type="checkbox"]:disabled:checked + label:after { opacity: 0.65; cursor: default; } [type="checkbox"]:disabled:not(:checked) + label, [type="checkbox"]:disabled + label { opacity: 0.65; cursor: default; } /*-----[Disabled-Checkbox]-----*/ /*-----------------------------!GLOBAL-CUSTOM-CHECKBOX*/ /*GLOBAL-CUSTOM-RADIO-BUTTON -----------------------------------------*/ /*-----[Enabled-Radio-Checked]-----*/ .radio { float: left; position: relative; display: block; padding-top: 0 !important; min-height: 0 !important; } .radio input[type="radio"] { left: -9999px; margin-left: 0; margin: 0; } /*.radio input[type="radio"]:checked + label, .radio input[type="radio"]:not(:checked) + label{line-height:19px;min-height:19px}*/ .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 20px; margin-right: 8px; font-family: inherit !important; } .radio input[type="radio"]:not(:checked) + label::before, .radio input[type="radio"]:checked + label::before { content: ""; display: inline-block; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; border: 1px solid #9aa6ad; background-color: #fff; margin-left: 0; border-radius: 50%; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio input[type="radio"]:not(:checked) + label::after, .radio input[type="radio"]:checked + label::after { display: inline-block; position: absolute; content: " "; width: 7px; height: 7px; left: 3px; top: 4px; margin-left: 0; border: 1px solid #2aace3; border-radius: 50%; background-color: #fff; -webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); } .radio input[type="radio"]:checked + label::before, .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); transition: all .2s; } .radio input[type="radio"]:checked + label::before { background: #2aace3; border: 1px solid #2aace3; } .task-detail-board .radio { width: 77px; } .task-detail-board .radio input[type="radio"]:not(:checked) + label::before, .task-detail-board .radio input[type="radio"]:checked + label::before { top: 3px; } .task-detail-board .radio input[type="radio"]:not(:checked) + label::after, .task-detail-board .radio input[type="radio"]:checked + label::after { top: 6px; } /*----new-radio----*/ .styled-radio[type="radio"]:not(:checked), .styled-radio[type="radio"]:checked { position: absolute; left: -9999px; display: none; } .styled-radio[type="radio"]:not(:checked) + label, .styled-radio[type="radio"]:checked + label { font-family: bariol-regular; font-weight: normal; vertical-align: middle; position: relative; padding-left: 20px; cursor: pointer; margin-bottom: 0; } .styled-radio[type="radio"]:not(:checked) + label::before, .styled-radio[type="radio"]:checked + label::before { content: ""; display: inline-block; position: absolute; width: 13px; height: 13px; left: 0; top: 0; border: 1px solid #9aa6ad; background-color: #fff; margin-left: 0; border-radius: 50%; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .styled-radio[type="radio"]:not(:checked) + label::after, .styled-radio[type="radio"]:checked + label::after { display: inline-block; position: absolute; content: " "; width: 7px; height: 7px; left: 3px; top: 3px; margin-left: 0; border: 1px solid #2aace3; border-radius: 50%; background-color: #fff; -webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); } .styled-radio[type="radio"]:checked + label::before, .styled-radio[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); transition: all .2s; } .styled-radio[type="radio"]:checked + label::before { background: #2aace3; border: 1px solid #2aace3; } .styled-radio[type="radio"]:not(:checked) + label > span, .styled-radio[type="radio"]:checked + label > span { line-height: normal; display: block; } .mr-broadcast--radio > ul > li { display: table; width: 100%; line-height: 13px; padding: 4px 0; margin-bottom: 10px; cursor: default; } /*----new-radio----*/ /*-----[Enabled-Radio-Checked]-----*/ /*-----[Disabled-Radio-Checked]-----*/ .radio input[type="radio"]:disabled:not(:checked) + label::before, .radio input[type="radio"]:disabled:checked + label::before { opacity: 0.65; cursor: default; } .radio input[type="radio"]:disabled:checked + label:after { opacity: 0.65; cursor: default; } .radio input[type="radio"]:disabled:not(:checked), .radio input[type="radio"]:disabled { cursor: default; } .radio input[type="radio"]:disabled:not(:checked) + label, .radio input[type="radio"]:disabled + label { opacity: 0.65; cursor: default; } /*-----[Disabled-Radio-Checked]-----*/ /*-----[Radio-Checked-Red-Green-Yellow]-----*/ .red input[type=radio]:checked + label::before { background: #b74750; } .red input[type=radio]:checked + label::before, .red input[type=radio]:checked + label::after { border: 1px solid #b74750; } .green input[type=radio]:checked + label::before { background: #95c53d; } .green input[type=radio]:checked + label::before, .green input[type=radio]:checked + label::after { border: 1px solid #95c53d; } .yellow input[type=radio]:checked + label::before { background: #f6d40c; } .yellow input[type=radio]:checked + label::before, .yellow input[type=radio]:checked + label::after { border: 1px solid #f6d40c; } /*-----[Radio-Checked-Red-Green-Yellow]-----*/ /*---------//ends-custom-input-radio-css//----------*/ input[type=text]:disabled, textarea:disabled, select:disabled { background-color: #fff; opacity: 0.65; } fieldset.disable-fieldset[disabled] input[type=text]:disabled, fieldset.disable-fieldset[disabled] textarea:disabled, fieldset.disable-fieldset[disabled] select:disabled, fieldset.disable-fieldset[disabled] .dropdown-toggle:hover { background-color: #f1f0f0 !important; cursor: not-allowed !important; } .radio.mbody input[type="radio"]:not(:checked) + label::before, .radio.mbody input[type="radio"]:checked + label::before { top: 4px; } .radio.mbody input[type="radio"]:not(:checked) + label::after, .radio.mbody input[type="radio"]:checked + label::after { top: 7px; } /*-----------------------------!GLOBAL-CUSTOM-RADIO-BUTTON*/ /*GLOBAL-DATE-PICKER-CSS -----------------------------------------*/ .date-picker .btn-danger, .date-picker .btn-danger:focus, .date-picker .btn-info, .date-picker .btn-info:focus, .date-picker .btn-success, .date-picker .btn-success:focus { background-color: #2aace3; border-color: #2aace3 !important; color: #fff !important; border-radius: 4px !important; } .date-picker .btn-danger:hover, .date-picker .btn-info:hover, .date-picker .btn-success:hover { background-color: #0e76bc; border-color: #0e76bc !important; color: #fff !important; } .date-picker .btn-info.active, .date-picker .btn-info.active[disabled]:hover, .date-picker .btn-info.active[disabled]:active { color: #fff !important; /*background-color:#9aa6ad !important;*/ border-radius: 0 !important; box-shadow: none; } .date-picker .btn-info.active:hover { background-color: #9aa6ad; border-color: #9aa6ad !important; color: #fff !important; } /*.date-picker .btn-default:hover span.text-info{color:#fff !important} .date-picker .btn-info.active span.text-info{color:#fff !important}*/ .date-picker .text-info { color: #454f57; } .date-picker .dropdown-menu { margin-top: 0; padding-bottom: 3px; width: auto; } .date-picker input { cursor: pointer !important; border-radius: 2px; } .focus-field-edit-outer.date-picker input.form-control[readonly]:not(.white-readonly) { cursor: not-allowed !important; } .date-picker input[disabled] { cursor: not-allowed !important; } .date-picker .btn-group-sm > .btn, .date-picker .btn-sm, .date-picker button.btn.btn-default, .date-picker > td .btn { font-size: .875em; color: #454f57 !important; padding: 1px 3px; border-radius: 0; border: 1px solid rgba(164,171,174,.5) !important; margin-left: 0px !important; margin-right: 3px; box-shadow: none; } .date-picker .btn-sm, .date-picker button.btn.btn-default { vertical-align: top; } .date-picker button.btn.btn-default.btn-info.active, .date-picker button.btn.btn-default.btn-info.active .text-info, .date-picker .btn-sm:hover, .date-picker button.btn-default:hover, .date-picker button.btn.btn-default:hover .text-muted, .date-picker button.btn.btn-default:hover .text-info { color: #fff !important; } .date-picker button.btn.btn-default.btn-info.active[disabled]:hover { background: #2aace3 !important; border: 1px solid #2aace3 !important; } .date-picker table { margin: 3px 5px !important; width: auto !important; } .date-picker table thead { background: #fff !important; color: #454f57; } .date-picker table thead th.pull-left, .date-picker table thead th.pull-right { float: none !important; } .date-picker table thead th.pull-left button, .date-picker table thead th.pull-right button { width: 100%; } .date-picker table tr td { width: auto; padding: 0; } .date-picker table tr td span { margin: 0; } .date-picker table thead small { margin-right: 2px; } .date-picker .uib-title { margin-left: 3px; } .date-picker .glyphicon-chevron-left:before { content: "<"; font-style: normal; } .date-picker .glyphicon-chevron-right:before { content: ">"; font-style: normal; } .date-picker .uib-button-bar { position: relative; padding: 5px 9px; overflow: hidden; } .date-picker .btn-group > .btn:last-child:not(:first-child), .date-picker .btn-group > .dropdown-toggle:not(:first-child) { margin-left: 5px; } .date-picker .btn-default { background-color: #f1f0f0; } .date-picker .btn-default:hover, .date-picker button.btn.btn-default:hover { background-color: #9aa6ad; color: #fff !important; } .date-picker .btn-default:focus, .date-picker .btn-default:active:focus, .date-picker button.btn.btn-default:focus, .date-picker button.btn.btn-default:active:focus { background-color: #9aa6ad; color: #fff !important; } .date-picker .btn-default:active { background-color: #9aa6ad; color: #fff !important; } /*.date-picker .btn-default[disabled]{background-color:#f1f0f0 !important;opacity:0.65}*/ .date-picker .btn-default[disabled]:hover, .date-picker .btn-default[disabled]:active, .date-picker .btn-default.uib-title[disabled]:hover, .date-picker button.btn.btn-default[disabled]:hover .text-muted, .date-picker button.btn.btn-default[disabled]:hover .text-info, .date-picker button.btn.btn-default[disabled]:hover { opacity: 0.65; background-color: #f1f0f0 !important; color: #454f57 !important; } .date-picker .btn-default.uib-title[disabled]:hover strong { color: #454f57 !important; } .date-picker table thead th.text-center { color: #454f57; } .date-picker table thead th strong { color: #454f57; } .date-picker .uib-button-bar > .btn-group { height: auto; float: right !important; } .date-picker .uib-button-bar .btn-info { /*position:absolute;right:0;*/ margin-left: 5px; margin-right: 0; } .date-picker .uib-button-bar .btn-success { /*position:absolute;right:52px;*/ border: 1px solid #2aace3 !important; background-color: #fff !important; color: #2aace3 !important; margin-left: 5px; } .date-picker .uib-button-bar .btn-success:hover { border: 1px solid #0e76bc !important; background-color: #0e76bc !important; color: #fff !important; } .date-picker .uib-button-bar .btn-danger { /*position:absolute;right:87px;*/ background-color: transparent !important; color: #2aace3 !important; border: none !important; outline: 0 !important; text-decoration: underline !important; } .date-picker .uib-button-bar .btn-danger:hover { background-color: transparent !important; color: #0e76bc !important; border: none !important; } .date-picker .btn-default.uib-left { background-color: #f1f0f0 !important; } .date-picker .btn-default.uib-left:hover { background-color: #9aa6ad !important; color: #fff !important; } .date-picker .btn-default.uib-left:focus { background-color: #9aa6ad !important; color: #fff !important; } .date-picker .btn-default.uib-right { background-color: #f1f0f0 !important; margin-left: -10px !important; margin-right: 0 !important; } .date-picker .btn-default.uib-right:hover { background-color: #9aa6ad !important; color: #fff !important; } .date-picker .btn-default.uib-right:focus { background-color: #9aa6ad !important; color: #fff !important; } .date-picker .btn-default.uib-title { background-color: #f1f0f0 !important; margin-left: 6px !important; margin-left: -12px !important; margin-top: 0; } .date-picker table.uib-monthpicker .btn-default.uib-title, .date-picker table.uib-yearpicker .btn-default.uib-title { margin-left: 0 !important; margin-top: 0; } .faceted-row .date-picker .btn-default.uib-title { background-color: #f1f0f0 !important; margin-left: 6px !important; margin-left: -10px !important; margin-top: -2px; } .date-picker .btn-default.uib-title:hover { background-color: #9aa6ad !important; } .date-picker .btn-default.uib-title:hover strong { color: #fff !important; } .date-picker .btn-default.uib-title:focus { background-color: #9aa6ad !important; color: #fff !important; } .date-picker .btn-default.uib-title:focus strong { color: #fff !important; } .date-picker .uib-daypicker tr:nth-child(2) th:first-child { display: none; } .date-picker .uib-weeks td:first-child { display: none; } .blue-anchor, .blue-anchor a { color: #454f57; text-decoration: none; } .blue-anchor, .blue-anchor a:hover { color: #0e76bc; text-decoration: underline; } .blue-anchor, .blue-anchor a:focus { color: #454f57; } .blue-anchor.mg-t-10 { margin-top: 10px; } .date-picker .uib-left, .date-picker .uib-right { width: 30px; } /*-----------------------------!GLOBAL-DATE-PICKER-CSS*/ /*-----------------------------!DATE-TIME-DATE-PICKER-CSS*/ /*.date-picker .bootstrap-datetimepicker-widget.dropdown-menu{width:220px}*/ .date-picker .bootstrap-datetimepicker-widget.dropdown-menu { padding: 6px 0 5px 0; } .date-picker .btn-group-sm > .btn, .date-picker .btn-sm, .date-picker button.btn.btn-default, .date-picker > td .btn { font-size: .938em; color: #454f57 !important; padding: 1px 3px; border-radius: 0; border: 1px solid rgba(164,171,174,.5) !important; margin-left: 0px !important; margin-right: 3px; box-shadow: none; } .date-picker .bootstrap-datetimepicker-widget.dropdown-menu { font-family: open_sans_regular; } .date-picker .datepicker-days { font-size: .938rem; } .date-picker .bootstrap-datetimepicker-widget table.table-condensed tbody tr td { border: 1px solid rgba(164,171,174,.5); } /*.date-picker .bootstrap-datetimepicker-widget table.table-condensed tbody tr td:hover{background-color:#fff}*/ .date-picker .bootstrap-datetimepicker-widget .picker-switch > .table-condensed > tbody > tr > td { border: 0; background-color: #fff; } .date-picker .bootstrap-datetimepicker-widget .datepicker-days .table-condensed { width: 208px !important; } .date-picker .bootstrap-datetimepicker-widget table th.prev, .date-picker .bootstrap-datetimepicker-widget table th.picker-switch, .date-picker .bootstrap-datetimepicker-widget table th.next { background-color: #f1f0f0; border: 1px solid rgba(164,171,174,.5); } .date-picker .bootstrap-datetimepicker-widget table th { font-size: .938em; padding: 3px 5px; } .date-picker .bootstrap-datetimepicker-widget table td, .date-picker .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 0; color: #454f57; } .date-picker .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .date-picker .bootstrap-datetimepicker-widget table tbody tr td:hover { background-color: #9aa6ad; color: #fff; } .date-picker .bootstrap-datetimepicker-widget table td.day { font-size: .938em; color: #454f57 !important; padding: 3px 5px; border-radius: 0; border: 1px solid rgba(164,171,174,.5); margin-left: 0; margin-right: 0; box-shadow: none; background-color: #f1f0f0; height: 20px; line-height: 17px; text-shadow: none; background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget table td.day:hover { color: #fff !important; background-color: #9aa6ad; } .date-picker .bootstrap-datetimepicker-widget table td.day.new:hover { color: #fff !important; background-color: #9aa6ad; } .date-picker .bootstrap-datetimepicker-widget table td.active { color: #fff !important; background-color: #2aace3; } .date-picker .bootstrap-datetimepicker-widget table td.active:hover { color: #fff; background-color: #0e76bc; } /*use-for-disabled*/ /*.date-picker .bootstrap-datetimepicker-widget table td.day.disabled, .date-picker .bootstrap-datetimepicker-widget table td.day.disabled:hover{opacity:0.65;background-color:#f1f0f0 !important;color:#454f57!important}*/ .date-picker .bootstrap-datetimepicker-widget table td.day.disabled, .date-picker .bootstrap-datetimepicker-widget table td.day.active.weekend.disabled, .date-picker .bootstrap-datetimepicker-widget table td.day.active.disabled, .date-picker .bootstrap-datetimepicker-widget table td.day.disabled:hover, .date-picker .bootstrap-datetimepicker-widget table td.day.active.weekend.disabled:hover, .date-picker .bootstrap-datetimepicker-widget table td.day.active.disabled:hover { opacity: 0.65; background-color: #f1f0f0 !important; color: #454f57 !important; border-color: rgba(164,171,174,.5) !important; } /*use-for-disabled*/ .date-picker .bootstrap-datetimepicker-widget table td.day.active.today.weekend { background-color: #f1f0f0; border: 1px solid rgba(164,171,174,.5); color: #454f57; } .date-picker .bootstrap-datetimepicker-widget table td.day.active.today.weekend:hover { background-color: #9aa6ad; color: #fff; } .date-picker .bootstrap-datetimepicker-widget table td.today:before { display: none; } .date-picker .bootstrap-datetimepicker-widget a[data-action] { padding: 0; } .date-picker .picker-switch.accordion-toggle table.table-condensed { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } .date-picker .bootstrap-datetimepicker-widget .picker-switch td span { width: auto; border-radius: 0; height: auto; line-height: inherit; } .date-picker .bootstrap-datetimepicker-widget .picker-switch td span.btn-link { font-size: .938em; } .date-picker .bootstrap-datetimepicker-widget .picker-switch td span:hover { background-color: #fff; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker table.table-condensed { width: 208px !important; margin-left: 5px !important; margin-right: 5px !important; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td { background-color: #f1f0f0; border: 1px solid rgba(164,171,174,.5); border-radius: 0; line-height: 30px; height: 30px; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td:hover { color: #fff !important; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td.separator:hover { color: #454f57 !important; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker a.btn { margin-left: 0; padding: 0; font-size: 1.125em; width: 100%; color: #454f57; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td a.btn:hover { color: #fff !important; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td a.btn span:hover { color: #fff !important; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td .btn.btn-primary { width: 100%; line-height: 30px; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker tr:first-child td:nth-child(4) { background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker tr:last-child td:nth-child(4) { background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td:nth-child(2):hover { background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td:nth-child(4):hover { background-color: #9aa6ad; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td span { display: inline-block; width: 34px; height: 30px; line-height: 30px; border-radius: 0; font-size: .938em; } .date-picker .bootstrap-datetimepicker-widget .timepicker-picker td span:hover { background-color: #9aa6ad; color: #fff; } .date-picker .bootstrap-datetimepicker-widget .timepicker-hours table.table-condensed { width: 208px !important; } .date-picker .bootstrap-datetimepicker-widget .timepicker-hours table td { border-radius: 0; line-height: 30px; height: auto; font-size: .938em; color: #454f57; width: 46px; border: 1px solid rgba(164,171,174,.5); background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .timepicker-minutes table.table-condensed { width: 208px !important; } .date-picker .bootstrap-datetimepicker-widget .timepicker-minutes td { border-radius: 0; line-height: 30px; height: auto; font-size: .938em; color: #454f57; width: 46px; border: 1px solid rgba(164,171,174,.5); background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .timepicker-seconds table.table-condensed { width: 208px !important; } .date-picker .bootstrap-datetimepicker-widget .timepicker-seconds table td { border-radius: 0; line-height: 30px; height: auto; font-size: .938em; color: #454f57; width: 46px; border: 1px solid rgba(164,171,174,.5); background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .datepicker-months table.table-condensed { width: 208px !important; } .date-picker .bootstrap-datetimepicker-widget .datepicker-months table.table-condensed td:hover { background-color: #fff; color: #454f57; } .date-picker .bootstrap-datetimepicker-widget .datepicker-months table td { line-height: 30px; background-color: #fff; } .date-picker .bootstrap-datetimepicker-widget .datepicker-months table td span { float: left; width: 33.33%; height: auto; line-height: 30px; display: inline-block; margin: 0; cursor: pointer; font-size: .938em; border-radius: 0; border: 1px solid rgba(164,171,174,.5); background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .datepicker-months table td span:hover { background-color: #9aa6ad; color: #fff; } .date-picker .bootstrap-datetimepicker-widget .datepicker-years table.table-condensed { width: 208px !important; } .date-picker .bootstrap-datetimepicker-widget .datepicker-years table.table-condensed td:hover { background-color: #fff; color: #454f57; } .date-picker .bootstrap-datetimepicker-widget .datepicker-years table td { line-height: 30px; background-color: #fff; } .date-picker .bootstrap-datetimepicker-widget .datepicker-years table td span { float: left; width: 33.33%; height: auto; line-height: 30px; display: inline-block; margin: 0; cursor: pointer; font-size: .938em; border-radius: 0; border: 1px solid rgba(164,171,174,.5); background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .datepicker-years table td span:hover { background-color: #9aa6ad; color: #fff; } /*.date-picker .bootstrap-datetimepicker-widget .datepicker-decades table.table-condensed{max-width:209px !important;width:209px;}*/ .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table.table-condensed { width: 208px !important; } .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table.table-condensed td:hover { background-color: #fff; color: #454f57; } .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td { line-height: 30px; background-color: #fff; } .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span.decade { width: 33.3333%; height: auto; display: inline-block; margin: 0; cursor: pointer; font-size: .938em; padding: 3.5px 5%; border-radius: 0; border: 1px solid rgba(164,171,174,.5); background-color: #f1f0f0; } .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span:hover { background-color: #9aa6ad; color: #fff; border-radius: 0; } .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span { display: none; } .date-picker .bootstrap-datetimepicker-widget .datepicker-months table td span.month.disabled { background-color: #f1f0f0 !important; opacity: 0.65; color: #454f57 !important; cursor: not-allowed !important; } .date-picker .bootstrap-datetimepicker-widget .datepicker-months table td span.month.disabled:hover { background-color: #f1f0f0 !important; opacity: 0.65; color: #454f57 !important; } .date-picker .bootstrap-datetimepicker-widget .datepicker-years table td span.year.disabled { background-color: #f1f0f0 !important; opacity: 0.65; color: #454f57 !important; cursor: not-allowed !important; } .date-picker .bootstrap-datetimepicker-widget .datepicker-years table td span.year.disabled:hover { background-color: #f1f0f0 !important; opacity: 0.65; color: #454f57 !important; } .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span.decade.disabled { background-color: #f1f0f0 !important; opacity: 0.65; color: #454f57 !important; cursor: not-allowed !important; } .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span.decade.disabled:hover { background-color: #f1f0f0 !important; opacity: 0.65; color: #454f57 !important; } /*.date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span:nth-child(3){width:auto} .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span:nth-child(6){width:auto} .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span:nth-child(9){width:auto}*/ /*.date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span:nth-child(4){border-left:0} .date-picker .bootstrap-datetimepicker-widget .datepicker-decades table td span:nth-child(7){border-left:0}*/ .date-picker table.table-condensed td.day.active, .date-picker table.table-condensed td span.month.active, .date-picker table.table-condensed td span.year.active { background-color: #2aace3; color: #fff !important; text-shadow: none; } .date-picker table.table-condensed td.day.active:hover, .date-picker table.table-condensed td span.month.active:hover, .date-picker table.table-condensed td span.year.active:hover { background-color: #0e76bc; color: #fff !important; text-shadow: none; } .date-picker .picker-switch .btn-today { height: 26px !important; line-height: 18px !important; margin-right: 0; font-size: .875em; color: #fff !important; padding: 3px 5px; text-align: center; } .date-picker .picker-switch .btn-today:before { content: "Today"; } .date-picker .picker-switch .btn-back { height: 26px !important; line-height: 18px !important; margin-right: 0; font-size: .875em; color: #fff !important; padding: 3px 8px 3px 7px; text-align: center; margin-top: -3px; border-left: 2px solid #fff; position: absolute; right: 9px; } .date-picker .picker-switch .btn-back:before { content: "Back"; } .date-picker .picker-switch .btn-time { border: 1px solid #2aace3 !important; background-color: #fff !important; margin-right: 0; color: #2aace3 !important; border-radius: 4px !important; font-size: .875em; height: 26px !important; line-height: 18px !important; padding: 3px 5px; } .date-picker .picker-switch .btn-time:hover { border: 1px solid #0e76bc !important; background-color: #0e76bc !important; color: #fff !important; } .date-picker .picker-switch .btn-time:before { content: "Time"; } .date-picker .picker-switch .btn-close { border: 1px solid #2aace3 !important; background-color: #fff !important; margin-right: 0; color: #2aace3 !important; border-radius: 4px !important; font-size: .875em; height: 26px !important; line-height: 18px !important; padding: 3px 5px; } .date-picker .picker-switch .btn-close:hover { border: 1px solid #0e76bc !important; background-color: #0e76bc !important; color: #fff !important; } .date-picker .picker-switch .btn-close:before { content: "Close"; } .date-picker .timepicker-picker .btn-primary { margin-left: 0; border-radius: 0; background-color: transparent; border: 0; color: #454f57; outline: 0; font-weight: bold; box-shadow: none; } .date-picker .timepicker-picker .btn-primary:hover { background-color: #9aa6ad; color: #fff; } .date-picker .picker-switch .fa-clock-o { font-size: 1.125em; } td.pull-right.mt-i6.mr-i6 .btn-back + td.pull-right.mt-i3.mr-i3 { display: none !important; } /*td.pull-right.mt-i3.mr-i9 + td.pull-right.mt-i3.mr-i5{ display:none !important}*/ li.collapse.in + li.picker-switch.accordion-toggle td.pull-right.mt-i3.mr-i9 .btn-today { visibility: hidden; } /*-----------------------------!DATE-TIME-DATE-PICKER-CSS*/ /*GLOBAL-COMMON-PAGE-CSS -----------------------------------------*/ /*-----[Table-Section]-----*/ .disabled > a, .disabled > a:hover, select, .readonly .star { cursor: default !important; } a.text-dec-none { text-decoration: none !important; } a.text-dec-underline { text-decoration: underline !important; } /*-----[Table-Section]-----*/ /*-----[Tab-Section]-----*/ .tab-content > .tab-pane { display: block; } .tab-content > .tab-pane::after { content: ""; clear: both; display: table; } .tab-content { min-height: 600px; } .tab-content .panel { box-shadow: none; } /*.tab-content .tab-links{padding:10px;border-bottom:1px solid #ccc;margin-bottom:10px} .tab-content .tab-links li{display:inline-block; } .tab-content .tab-links li.current a{font-weight:bold;text-decoration:none} .tab-content .tab-links li a{color:#454f57;padding-right:6px;padding-left:6px;text-decoration:underline}*/ /*-----[Tab-Section]-----*/ /*-----[Dashboard-Form-Alerts]-----*/ #divOverlayUploadImagePopup.modal { display: block; width: 390px; top: 26px; margin: 0 auto; } .people-error.aduser-error { margin-left: -7%; } .alert-box { border: 1px solid transparent; border-radius: 4px; padding: 5px 10px; margin-bottom: 20px; } .people-error .alert-danger { background-color: #f7903d; color: #fff; } .col-sm-1.col-offset-right-3prc { margin-right: 3%; } /*-----[Dashboard-Form-Alerts]-----*/ /*-----[Notification-Section]-----*/ /*-----[Notification-Archieve-Section]-----*/ .note-archieve { margin-top: 25px; margin-bottom: 85px; } .notf-heading { margin-bottom: 15px; } .notf-heading ul { list-style: none; display: block; } .notf-heading ul li { float: left; font-size: .875em; display: inline-block; } .notf-heading ul li a { color: #454f57; margin: 0 15px; } .notf-heading ul li:first-child a { margin-left: 0; } .note-archieve table tr p img { margin-right: 5px; } /*-----[Notification-Archieve-Section]-----*/ /*-----[Container-Wrap-Css]-----*/ .full-width-row > div { margin-left: -15px; margin-right: -15px; } .accordion-toggle:hover { text-decoration: none; } /*-----[Container-Wrap-Css]-----*/ /*-----[Add-User-Page-Css]-----*/ .form-group.add-user-btn { margin-top: 15px !important; } .add-user-btn [type=button] { margin-left: 3px; margin-bottom: 20px; } /*-----[Add-User-Page-Css]-----*/ /*-----[Header-Breadcrumb-Css]-----*/ .bread-wrap { padding: 0; margin: 0; } .bread-wrap .breadcrumb { background-color: #f1f0f0; border-radius: 0; height: 35px; box-shadow: inset 0 0 7px -2px #9aa6ad; -webkit-box-shadow: inset 0 0 7px -2px #9aa6ad; -moz-box-shadow: inset 0 0 7px -2px #9aa6ad; -o-box-shadow: inset 0 0 7px -2px #9aa6ad; padding: 7px 15px 7px 32px; margin-bottom: 0; } .bread-wrap .breadcrumb li a { font-family: 'bariol-bold'; font-size: .875em; color: #9aa6ad; font-weight: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 0.6px; } .bread-wrap .breadcrumb > li:before { content: none; } .bread-wrap .breadcrumb > li:after { content: '>'; font-size: .875em; color: #9aa6ad; font-weight: bold; vertical-align: top; padding: 0 4px; line-height: 19px; } .bread-wrap .breadcrumb > li + li { margin-left: 9px; } h5.page-title { font-family: 'bariol-bold'; font-weight: normal; text-transform: uppercase; margin: 35px 0 0 32px; } /*-----[Header-Breadcrumb-Css]-----*/ /*-----[View-Edit-Tab-Css]-----*/ .vel-wrap { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; } .vel-wrap .breadcrumb { background-color: transparent; margin-bottom: 0; padding: 0 25px 10px 10px; } .vel-wrap .breadcrumb > li > a:focus, .vel-wrap .breadcrumb > li > a:hover { border-bottom: 1px solid #e8edef; text-decoration: none; } .vel-wrap .breadcrumb > li + li:before { content: '|'; color: #454f57; padding: 0 5px; } .vel-wrap .breadcrumb > li a { color: #454f57; font-weight: normal; text-decoration: underline; } .vel-wrap .breadcrumb > li a:hover { color: #0e76bc; text-decoration: underline; } .vel-wrap .breadcrumb > li.active a { font-weight: bold; text-decoration: none; } .group { clear: both; content: ''; display: table; } /*unuse-css*/ .role_wrap { padding-bottom: 26px; } .role_wrap > hr { margin: 20px 17px; } .role_wrap .role-heading { padding: 0 17px; } .ui_btn_spc_32 { padding: 0 32px; } /*unuse-css*/ .cusr-default { cursor: default !important; } /*.mg-l-5{margin-left:5px}*/ /*-----[View-Edit-Tab-Css]-----*/ /*-----------------------------!GLOBAL-COMMON-PAGE-CSS*/ /*-----[Admin-Heading]-----*/ .admin-list-heading, .assign-customer-heading, .role-heading { font-family: 'bariol-bold'; color: #454f57; font-weight: normal; text-transform: uppercase; letter-spacing: 0.3px; } .admin-list-heading { padding-bottom: 15px; padding-left: 0; } .assign-customer-heading, .role-heading { margin-bottom: 20px; } /*-----[Admin-Heading]-----/* /*---------start-admin-list-heading---------*/ .admin-list-heading.px-l-5 { padding-left: 5px; } .admin-list-heading.bottom-gray-border { border-bottom: 1px solid #e8edef; } .admin-list-heading .sub-title { color: #9aa6ad; } .admin-list-heading.px-l-0 { padding-left: 0; } .admin-list-heading.px-l-15 { padding-left: 15px; } .pts-sub-heading { margin: 0 0 10px 0; } .pts-sub-heading h5 { font-family: 'bariol-bold'; font-weight: normal; text-transform: uppercase; padding-left: 0px; margin: 0; } /*---------start-admin-list-heading---------*/ /*FORM-SECTION -----------------------------------------*/ /*-----[Placeholder-Webkit]------*/ .form-wrap input::-moz-placeholder { color: #9aa6ad; opacity: 1 !important; /* Firefox 19+ */ } .form-wrap input::-webkit-input-placeholder { color: #9aa6ad !important; } .form-wrap input:-ms-input-placeholder { color: #9aa6ad !important; } :-ms-input-placeholder.form-control { color: #9aa6ad !important; } .form-wrap textarea::-moz-placeholder { color: #9aa6ad; opacity: 1 !important; /*Firefox 19+*/ } .form-wrap textarea::-webkit-input-placeholder { color: #9aa6ad !important; } .form-wrap textarea:-ms-input-placeholder { color: #9aa6ad !important; } /*-----[Placeholder-Webkit]------*/ /*-----[Form-Spacer]-----*/ .form-wrap .form-group, .form-detail .form-group, .form-wrap .row { margin-bottom: 12px; margin-top: 0; } /*.form-wrap .form-group.mx-b-0,.form-wrap .mx-b-0{margin-bottom:0} .task-edit-section .row.mx-b-0{margin-bottom:0} #dvTriggerConfig .form-group.mx-b-0{margin-bottom:0}*/ .form-wrap .form-group.mx-tlr-10000 { margin: 10px 0 0 0; } .form-wrap .form-group.sz114 { width: 114px; } /*.form-wrap .form-group .col-sm-7.px-r-0{padding-right:0}*/ .form-wrap .form-group .col-sm-5.px-l-0 { padding-left: 0; } .form-wrap .form-control.px-r-31 { padding-right: 31px; } .form-wrap .form-control.bs-roll-input { width: 300px; } .form-wrap .control-label.text-left { text-align: left !important; } .form-wrap.validation-msgf .form-group { margin-bottom: 20px; } .form-wrap .form-group .col-sm-3.px-l-10 { padding-left: 10px; } .form-wrap .form-group .col-sm-3.px-r-10 { padding-right: 10px; } .form-wrap .form-group .col-sm-3.px-l-0 { padding-left: 0; } .form-wrap .form-group .control-label.px-l-0 { padding-left: 0; } /*.form-wrap .form-control.search-input.mx-l-0{margin-left:0}*/ p.wh-no-record { padding-left: 10px; } /*-----[Edit-Partner-Page]-----*/ .form-wrap .control-label.pca-control { padding-top: 0; line-height: 17px; } /*-----[Edit-Partner-Page]-----*/ /*-----[Form-Spacer]-----*/ /*-----[Form-Error]-----*/ .form-wrap .has-error { padding-bottom: 10px; } .form-wrap .control-label .has-error { padding-right: 0; padding-bottom: 0; } .form-wrap .has-error.px-l-10 { padding-left: 10px; } .form-wrap .has-error.px-l-0 { padding-left: 0; } .form-wrap .has-error.px-l-5 { padding-left: 5px; } .form-wrap .has-error.px-all-0 { padding: 0; } .form-wrap .has-error.mx-t-10 { margin-top: 10px; } /*.form-wrap .has-error.px-b-0{padding-bottom:0}*/ .form-wrap .form-control.error { border-radius: 2px; } .form-wrap p.has-error { line-height: 32px; padding: 0; margin: 0; } .form-horizontal .has-error { font-family: 'bariol-italic'; font-size: 1em; color: #b74750; padding-left: 15px; } .validation-msg { font-family: 'bariol-italic'; font-size: 1em; color: #b74750; text-align: left; } .requiredNote { font-family: 'bariol-italic'; font-size: 1em; color: #b74750 !important; } .has-error-msg { float: left; font-family: 'bariol-italic'; font-size: 1em; color: #b74750; width: 100%; margin-top: 3px; } .error-red { font-family: 'bariol-italic'; font-size: 1em !important; color: #b74750 !important; } /*.error-red.px-all-5{padding:5px}*/ .validation-msgf .has-error-msg-cp { margin-top: 0; } #CustomForm > .has-error-msg { font-size: 1em; } /*add-user-page-modal-window-error-msg*/ .pro-upload-photo-error { font-family: 'bariol-italic'; font-size: 1em; color: #b74750; padding: 5px; } /*add-user-page-modal-window-error-msg*/ /*-------start enable-package + password-change-form-----*/ .has-error-msg-cp, .input-error { float: left; font-family: bariol-italic; font-size: 1em; color: #b74750; text-align: left; position: absolute; width: 100%; margin-top: 3px; } /*------end enable-package + password-change-form-----*/ /*------------custom-edit page--------------*/ .customfield-edit-outer .input-err-msg { float: left; font-family: bariol-italic; color: #b74750; margin-left: 15px; height: 34px; line-height: 30px; } /*------------custom-edit page--------------*/ /*-----start-manage-people-listing-css-----*/ .modal-body label.has-error { font-family: bariol-italic; color: #b74750; } /*---------------------END-manage-people-listing-css-------------*/ .has-error { font-family: bariol-italic; font-size: 1em; color: #b74750; padding-right: 22px; } /*-----------start-account-activation-page-css----------*/ .error-msg { font-family: bariol-italic; font-size: 1em; color: #b74750; font-weight: 400; display: block; position: absolute; margin: 3px 0 30px; } .input-validation-error { border-color: #b74750; } .login-section > .error-msg { display: none; } /*-----[Form-Error]-----*/ /*-----[Form-Edit-View-Section]-----*/ .form-wrap label { font-family: 'bariol-bold'; color: #454f57; font-weight: normal; } .form-wrap .form-control, .form-wrap input[type="time"].form-control { font-size: .875em; color: #454f57; text-align: left; letter-spacing: 0.0500em; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 2px; box-shadow: none; height: 35px; padding: 6px 11px 6px 14px; } .form-wrap .form-control:focus, .form-wrap input[type="time"].form-control:focus { border: 1.5px solid rgba(164, 171, 174, 0.5); } .form-wrap select.form-control { font-size: .875em; color: #9aa6ad; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 2px; box-shadow: none; left: 0; padding: 6px 11px; margin-bottom: 0; } .form-wrap select.form-control:focus { border: 1.5px solid rgba(164, 171, 174, 0.5); } .form-wrap textarea.form-control { resize: none; margin-bottom: 0; height: auto; } .form-wrap .form-control[type=file] { border: 0; box-shadow: none; padding-left: 0; height: auto; } .form-wrap .form-control[type=file]:focus, .form-wrap input[type=button]:focus { outline: 0; } .form-wrap .form-control[disabled] { background-color: #f1f0f0 !important; opacity: 0.65; } .form-wrap .form-control[disabled] + .currency-symbol { opacity: 0.65; } .form-wrap button[disabled] { opacity: 0.65; cursor: not-allowed; } .form-wrap p { color: #454f57; padding: 5px 0 0 0; } /*.form-wrap p.mx-0{margin:0}*/ /*-----[Form-Edit-View-Section]-----*/ /*-----[Form-Button]-----*/ .form-wrap .search-BR.px-l-0 { padding-left: 0; } .form-wrap .search-BR .btn-default { background: #2aace3; color: #fff; width: 35px; height: 35px; padding: 7px 9px 6px 9px; border: 0; border-radius: 0; } .form-wrap .search-BR .btn-default:hover, .form-wrap .search-BR .btn-default:focus:hover { background: #0e76bc; border-color: #0e76bc; outline: none; } .form-wrap .search-BR .btn-default:focus, .form-wrap .search-BR .btn-default:active, .form-wrap .search-BR .btn-default:active:focus { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; box-shadow: none; outline: 0; padding: 7px 8px 6px; width: 35px; height: 35px; } .form-wrap .search-BR .btn-default i { font-size: 18px; } .form-wrap a.link-btn { color: #009fdf; text-decoration: none; } .form-wrap button.input-group-addon { border-radius: 0; width: 35px; height: 34px; padding: 6px 9px; } .form-wrap button.input-group-addon i.fa { font-size: 18px; } .form-wrap button.input-group-addon:hover { border-color: #f1f0f0; } /*-----[Form-Button]-----*/ /*-----[Form-Icon]-----*/ button.refresh-icon, .reset-icon { font-size: 20px; color: #2aace3; outline: 0; background: none; border: none; line-height: 33px; } button.refresh-icon:hover, .reset-icon:hover { color: #0e76bc; } .form-wrap a i.fa-search { font-size: 28px; color: #454f57; } .form-wrap .star-rating.px-tl-50012 { padding: 5px 0 0 12px; } /*-----[Form-Icon]-----*/ /*-----[Form-Detail-View-Section]-----*/ .form-detail .control-label { font-family: 'bariol-bold'; font-weight: normal; padding-top: 0; } .form-detail .control-label.lbl-width-full { width: 50%; margin-left: -25%; } .form-detail span { text-align: left; padding: 0; } .form-detail .form-group { margin-top: 0; } .form-detail span.text-detail-ht { float: left; width: 100%; max-height: 100px; overflow: auto; overflow-x: hidden; } .form-detail a.txtd-none { text-decoration: none; } /*-----[Form-Detail-View-Section]-----*/ /*-----[Form-Select-Action]-----*/ /*unuse*/ .tab-wrap .form-section-wrap { margin-top: 3px; } .form-section-wrap { margin-left: 10px; margin-bottom: 15px; } /*.form-section-wrap.mgn-lb-108{margin-left:10px;margin-bottom:8px}*/ .form-section-wrap .form-group { margin-bottom: 0; margin-top: 0; } .form-section-wrap .form-group select { width: 230px; margin-left: 21px; margin-bottom: 0; padding-left: 5px !important; } .form-section-wrap .btn-default { margin-left: 18px; } /*unuse*/ /*old*/ .selected-filter-wrap { margin-bottom: 20px; } .selected-filter-wrap.serach-result { margin-bottom: 5px; } .form-wrap .row.seleted-filter { margin-bottom: 0; } .manage-customer .b-select { width: 150px !important; } .seleted-filter .col-sm-3.first { font-family: bariol-regular; font-weight: normal; width: auto; line-height: 35px; margin-bottom: 0; padding-right: 0; } .seleted-filter .col-sm-3.last { width: auto; margin-left: -4px; padding-left: 0; } /*old*/ /*new*/ .filter-sitems-wrap .sitems-title { font-family: 'bariol-bold'; font-weight: normal; line-height: 35px; margin-bottom: 0; padding-right: 0; width: auto; } .filter-sitems-wrap .sitems-action-dd { padding-right: 9px; } .filter-sitems-wrap .sitems-action-dd.width-144 { width: 265px; } .filter-sitems-wrap .btn-apply { width: auto; padding-left: 9px; padding-right: 0; } .filter-sitems-wrap .btn-apply > .btn { margin-left: 0; margin-top: 2px; } .fsp-position { position: absolute; right: 0; bottom: 0; } /*new*/ .partner-enable-package [type="checkbox"]:not(:checked) + label, .partner-enable-package [type="checkbox"]:checked + label { font-family: 'bariol-bold'; margin-bottom: 10px; } /*new*/ .src-action-btn { line-height: 32px; overflow: hidden; } .src-action-btn a.btn-plus { color: #2aace3; margin-left: 0; margin-right: 0; } .src-action-btn a.btn-plus:hover { color: #0e76bc; } .src-action-btn a { font-family: 'bariol-bold'; font-size: 1em; font-weight: normal; text-decoration: underline; margin-left: 10px; margin-right: 5px; } .src-action-btn a.export-icon > .fa { margin-top: 0; } .src-action-btn a > .fa { margin-top: -2px; } .src-action-btn a > .fa { color: #f7903d; vertical-align: middle; margin-right: 3px; font-size: 1.125em; } .src-action-btn.plus-btn-wrap, .src-action-btn.enb-connectivity { line-height: inherit; } .src-action-btn.plus-btn-wrap { width: 100%; margin-bottom: 15px; } .src-action-btn.enb-connectivity { margin-top: 7px; margin-right: 30px; } .src-paginaton .pagination > li > a { padding: 7px 5px !important; } .src-action-btn.amation-export-ttip { position: absolute; top: 5px; right: 12px; overflow: visible; line-height: inherit; } .src-action-btn.amation-export-ttip > .export-icon > .tooltip { left: -45px !important; } /*sprint128-tooltip-css-work*/ .tooltip.fs-tt-align.top { margin-top: 3px; } /*sprint128-tooltip-css-work*/ /*table-th-checkbox-wrapper-css*/ /*new*/ .tbl-head-checkbox > .checkbox-inline { float: left; margin: 2px 8px 0 14px; padding-left: 0; } .tbl-head-checkbox > a { float: left; margin-top: 2px; } .tbl-head-checkbox > a > .fa { margin-right: 8px; } .tbl-head-checkbox [type="checkbox"]:not(:checked) + label, .tbl-head-checkbox [type="checkbox"]:checked + label { width: 16px; height: 16px; margin-bottom: 0; margin-top: -4px; padding-left: 0; } /*new*/ /*old*/ .taskcheck-box-head { padding-left: 0; margin: 0 0 0 14px; margin-right: 8px; } .table .taskcheck-box-head [type="checkbox"]:not(:checked) + label, .table .taskcheck-box-head [type="checkbox"]:checked + label { vertical-align: middle; display: inline-block; } /*old*/ /*table-th-checkbox-wrapper-css*/ /*old*/ /*unuse*/ .vel-wrap.resetforfilter { margin-bottom: 0; } .vel-wrap.resetforfilter .add-button { padding-bottom: 0; } .vel-wrap .add-button { border-bottom: 0; margin-bottom: 0; padding: 0 0 10px 0; } .resetpagination { padding-top: 4px; height: 35px; } .show-result-counter.resetforfilter { line-height: normal; line-height: initial; margin-bottom: 25px; } /*unuse*/ /*old*/ .add-button { padding: 0 0 10px 0px; margin-bottom: 5px; overflow: hidden; } /*.add-button.mgn-tb-120{margin-top:12px;margin-bottom:0}*/ .add-button.assign-manager li { margin-right: 0; } .add-button li { display: inline-block; margin-right: 15px; border-right: 1px solid #e8edef; padding-right: 15px; } .add-button li a { font-family: 'bariol-bold'; font-size: 1em; color: #2aace3; font-weight: normal; text-decoration: underline; background: transparent; margin-right: 5px; } .add-button li a:hover { color: #0e76bc; } .add-button li:last-child { border-right: 0; } .add-button li.border-hide { border: none; } .print-icons_outer { list-style: none; display: block; overflow: hidden; margin-bottom: 20px; } .print-icons { float: right; padding-right: 0 !important; margin-right: 0 !important; } .print-icons a { font-family: 'bariol-bold'; color: #454f57 !important; font-weight: normal; margin-left: 10px; } .print-icons a:hover { color: #0e76bc !important; } .export-link i, .print-link i { color: #f7903d !important; vertical-align: middle; margin-right: 3px; margin-top: -2px; } .export-link i.fa-share-square-o { margin-top: 0; } .atm_export_btn { /*float:right;*/ margin-top: 7px; position: absolute; right: 12px; top: 0; } .atm_export_btn .tooltip { left: -45px !important; } .atm_export_btn a { font-family: 'bariol-bold'; font-size: 1em; color: #454f57; font-weight: normal; text-decoration: underline; background: transparent; margin-right: 5px; } .atm_export_btn a:hover { color: #2aace3; } /*old*/ /*-----[Form-Select-Action]-----*/ /*-----------------------------!FORM-SECTION-CSS*/ /*SUBTAB-SECTION -----------------------------------------*/ /*----------------//--start-tab-section-css--//-------------------*/ /*++++ add line 547 ++++*/ .nav-tabs { margin-bottom: 10px; } .tab-wrap .nav-tabs > li { margin-bottom: 0; } .nav-tabs > li > a { border: 0; } .tab-wrap .nav-tabs > li > a { text-transform: uppercase; text-decoration: none; border-radius: 0; margin-right: 0; } .tab-wrap .nav > li > a, .tab-wrap .nav > li > a:focus { margin-right: 20px; font-size: .875em; padding: 4px 0 2px 0; color: #9aa6ad; font-family: 'bariol-bold'; font-weight: normal; letter-spacing: 0.3px; } .tab-wrap .nav-tabs > li > a:hover, .tab-wrap .nav-tabs > li > a:active, .tab-wrap .nav-tabs > li > a:focus { background-color: transparent; border-bottom: 4px solid #2aace3; color: #454f57 !important; } .tab-wrap .nav-tabs > li.active > a, .tab-wrap .nav-tabs > li.active > a:hover, .tab-wrap .nav-tabs > li.active > a:focus { background-color: transparent; text-decoration: none; border: none; border-bottom: 4px solid #2aace3; margin-bottom: 0; color: #454f57; } .tab-wrap .nav-tabs > li.blank > a, .tab-wrap .nav-tabs > li.blank > a:hover, .tab-wrap .nav-tabs > li.blank > a:focus { border-color: transparent; } .tab-wrap .nav-tabs { margin-bottom: 10px; border-bottom: 1px solid #9aa6ad; } .tab-wrap .nav-tabs > li.help { border: none; margin-left: 0; padding-left: 6px; } .tab-wrap .nav-tabs > li.help a { padding: 0; width: 25px; height: 25px; line-height: 23px; text-align: center; background: #8c9497; border: none; border-radius: 50%; color: #fff; margin-top: 4px; } .tab-wrap.p_privlges_tab .nav.nav-tabs, .tab-wrap.dash_prv_tab .nav.nav-tabs { margin-left: 0 !important; margin-right: 0 !important; } /*for-truncated-tab-for-customtab*/ .tab-wrap .nav-tabs > li.active > a.eshare-tab { padding-right: 0; display: inline-block; } .tab-wrap .nav-tabs > li.active > .eshare-icon { right: 20px; top: 0; margin-right: 0; padding-left: 6px; } .tab-wrap .nav-tabs > li > .eshare-icon { margin-right: 0; } .tab-truncated { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 0 !important; } .tab-wrap .nav-tabs > li > .eshare-icon-tr { margin-right: 0; } .tab-wrap .nav-tabs > li.active > .eshare-icon-tr { margin-right: 0; padding-left: 6px; } /*.tab-wrap .nav-tabs > li.e-share-tab{display:flex !important;float:none !important}*/ /*.tab-wrap .nav-tabs > li.active.e-share-tab{float:left !important;margin-bottom:-2px}*/ /*.tab-wrap .nav-tabs > li.active > .es-tab-truncate > a.eshare-tab{margin-right:0;} .tab-wrap .nav-tabs > li.active > a.eshare-icon-tr{border-bottom:4px solid #2aace3;overflow:visible;padding-left: 4px;top:0} .nav-tabs > li > .es-tab-truncate > a{border:0} .tab-wrap .nav-tabs > li > .es-tab-truncate{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-bottom:3px;top:0;line-height:23px} .tab-wrap .nav-tabs > li > .es-tab-truncate:hover{overflow:visible} .tab-wrap .nav-tabs > li > .es-tab-truncate > a {text-transform:uppercase; text-decoration:none; border-radius:0; margin-right:0; } .tab-wrap .nav > li > .es-tab-truncate > a, .tab-wrap .nav > li > .es-tab-truncate > a:focus { margin-right:20px; font-size:.875em; padding: 4px 0 3px 0; color: #9aa6ad; font-family:'bariol-bold'; font-weight:normal; letter-spacing:0.3px;line-height:24px } .tab-wrap .nav-tabs > li > .es-tab-truncate > a:hover, .tab-wrap .nav-tabs > li > .es-tab-truncate > a:active, .tab-wrap .nav-tabs > li > .es-tab-truncate > a:focus{background-color:transparent;border-bottom:4px solid #2aace3;color:#454f57 !important;} .tab-wrap .nav-tabs > li.active > .es-tab-truncate > a, .tab-wrap .nav-tabs > li.active > .es-tab-truncate > a:hover, .tab-wrap .nav-tabs > li.active > .es-tab-truncate > a:focus {background-color:transparent;text-decoration:none;border:none;border-bottom:4px solid #2aace3;margin-bottom:0;color:#454f57}*/ /*for-truncated-tab-for-customtab*/ .sendbox_tab .nav-tabs > li:first-child { float: left; } .sendbox_tab .nav-tabs > li { float: right; } .mpw_sandbox { padding-right: 32px; padding-left: 0; } .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs { margin-bottom: 6px; } .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li > a { margin-right: 10px; } .mpw_sandbox .mpw_sandbox-ptitle { max-width: 190px; } .mpw_sandbox .mpw_sandbox-ptitle a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li:first-child > a:hover, .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li:first-child > a:focus, .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li:first-child > a:active, .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li.active:first-child > a, .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li.active:first-child > a:hover { font-family: 'bariol-bold'; font-weight: normal; border-bottom: 4px solid #2aace3 !important; color: #454f57 !important; text-transform: uppercase; padding: 4px 0 2px 0; } .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li > a, .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li > a:focus, .mpw_sandbox > .tab-wrap.sendbox_tab > .nav-tabs > li > a:active { font-family: 'bariol-regular'; color: #2aace3 !important; text-transform: capitalize; border-bottom: none; } .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li > a:hover { border-bottom: none; color: #0e76bc !important; } .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li.active > a, .mpw_sandbox .tab-wrap.sendbox_tab .nav-tabs > li.active > a:hover { border-bottom: none !important; color: #2aace3 !important; } /*----------------//--ends-tab-section-css--//-------------------*/ /*-----------------------------!SUBTAB-SECTION-CSS*/ /*PAGINATION-SECTION -----------------------------------------*/ /*---------start-pagination-section-common-css--------*/ /*.col-sm-12.mx-l-10 { margin-left:10px }*/ .show-result-counter, .no-record-found { line-height: 32px; color: #9aa6ad; } .show-result-counter b, .no-record-found b { font-family: bariol-regular; color: #9aa6ad; font-weight: normal; } .no-record, .keyword-search { font-size: 1em; color: #9aa6ad; line-height: 32px; } .keyword-search { color: #b74750; margin-bottom: 0; } .fc-wrap .no-record { margin-left: 10px; } .no-record.px-l-10 { padding-left: 10px; } /*.no-record.mx-t-10 { margin-top:10px }*/ /*.no-record.mx-l-0 { margin-left:0px !important }*/ /*.pagination-wrap.row.mx-lr-0 { margin-left:0; margin-right:0 }*/ .pagination-wrap { font-size: 1em; line-height: 30px; margin-bottom: 5px; padding: 0; } .pagination-wrap .pagination { float: right; font-size: 0.9375em; margin: 0; } .pagination-wrap .pagination > li > a:focus, .pagination-wrap .pagination > li > a:hover, .pagination-wrap .pagination > li > a:hover:focus { background: transparent; color: #454f57; font-weight: bold; text-decoration: none; } .pagination-wrap .pagination > li > a:focus { text-decoration: underline; color: #8c9497; font-weight: normal; } .pagination-wrap .pagination > .active > a, .pagination-wrap .pagination > .active > a:hover { z-index: 0; } .pagination-wrap .pagination > li.disabled { cursor: pointer !important; } .pagination-wrap .pagination > li.li-disabled a { text-decoration: none; } .pagination-wrap .pagination > li > a { color: #8c9497; border: none; padding: 6px 5px; cursor: pointer; text-decoration: underline; } .pagination-wrap .pagination > .active > a, .pagination-wrap .pagination > .active > a:hover, .pagination-wrap .pagination > .active > a:focus { color: #454f57; background: transparent; font-weight: bold; text-decoration: none; cursor: pointer; /*font-family:'bariol-bold'*/ } .pagination-wrap .pagination > li:first-child a, .pagination-wrap .pagination > li:last-child a { text-decoration: none; } .pagination-wrap .pagination > .disabled > a, .pagination-wrap .pagination > .disabled > a:hover, .pagination-wrap .pagination > .disabled > a:focus, .pagination-wrap .pagination > .disabled > a:hover:focus { color: #8c9497; cursor: default !important; text-decoration: none; font-weight: normal; } /*---------ends-pagination-section-common-css--------*/ /*-----------------------------!PAGINATION-SECTION-CSS*/ .modal-body.mxh-scroll { max-height: 500px; overflow: auto; } .mxh-scroll.pd-b-80 { min-height: 280px; } .tra1 { transform: rotate(0deg); } .tra2 { transform: rotate(90deg); } .m-top10 { margin-top: 10px; } .m-top15 { margin-top: 15px; } .m-top20 { margin-top: 20px; } /*.m-top30{margin-top:30px}.m-top50{margin-top:50px} .pr30{padding-left:0}*/ .pd-l-0 { padding-left: 0 !important; } /*.form-wrap .col-sm-5.mx-b-15{margin-bottom:15px}*/ /*.fc-wrap.mx-b-15{margin-bottom:15px}*/ /*.row.mx-b-15{margin-bottom:15px} .manage-form .row.mx-b-15{margin-bottom:15px} .msg-modal .modal-title p.mx-b-15{margin-bottom:15px} .manage-form .row.mx-b-25{margin-bottom:25px}*/ .mg-b-10 { margin-bottom: 10px !important; } .ancf-column-outer input.form-control, .ancf-column-outer .mg-b-10 { margin-bottom: 10px; } .external-task-outer .mg-b-10 { margin-bottom: 10px; } /*change*/ /*.mg-t-15{margin-top:15px}*/ /*padding*/ /*.sr-padding-0{padding:0 !important}*/ .sr-padding-l-0 { padding-left: 0 !important; } .sr-padding-r-0 { padding-right: 0 !important; } /*margin*/ /*.sr-margin-r-0{margin-right:0 !important}*/ .sr-margin-t-0 { margin-top: 0px; } .sr-margin-t-5 { margin-top: 5px !important; } /*.sr-margin-t-7{margin-top:7px !important;}*/ .sr-margin-t-10 { margin-top: 10px !important; } .sr-margin-t-15 { margin-top: 15px !important; } /*.sr-margin-b-5{margin-bottom:5px !important;} .sr-margin-b-10{margin-bottom:10px!important;} .sr-margin-b-15{margin-bottom:15px !important;}*/ /*.sr-margin-l-0{margin-left:0 !important}*/ .sr-mar-btm-10 { margin-bottom: 10px !important; } /*change*/ .p-ifixed { position: fixed !important; } .p-relative { position: relative; } .p-irelative { position: relative !important; } .p-static { position: static; } .p-absolute { position: absolute; } .p-iabsolute { position: absolute !important; } .p-absolute.br-0 { bottom: 0; right: 0; } .p-absolute.t-0 { top: 0; } .p-absolute.b-0 { bottom: 0; } .p-absolute.l-0 { left: 0; } .p-absolute.r-0 { right: 0; } .p-relative.t-0 { top: 0; } .p-relative.b-m4 { bottom: -4px; } .p-relative.l-0 { left: 0; } .p-relative.r-0 { right: 0; } .p-relative.t-2, .t-2 { top: 2px; } .scr-y--auto { overflow-y: auto; } .mdl--pgram-detail-preview > .modal-body { overflow-y: auto !important; padding: 20px 30px; } .automation-desc-panel { width: 55.80%; padding-left: 0; padding-right: 0; } .p-ifixed.top-i100p { top: 100% !important; } /*.gm-body-drop-down-delete .fa-ico--n{font-size:1.125em} .fa-ico--orange{color:rgba(247, 144, 61, 1.0) !important} .fa-ico--orange:hover{color:rgba(247, 144, 61, 0.5) !important} .fa-ico--orange:hover,.fa-ico--orange:focus,.fa-ico--danger:hover,.fa-ico--danger:focus{text-decoration:none} .fa-ico--danger{color:rgba(183, 71, 80, 1.0) !important} .fa-ico--danger:hover{color:rgba(183, 71, 80, 0.5) !important}*/ .seq-trigger-main-body .am-container .dropdown-menu { box-shadow: 2px 2px 4px #d4d4d4; } /*----------align-css-----------*/ /*.va--top{vertical-align:top} .va--middle{vertical-align:middle} .va--bottom{vertical-align:bottom} .va--baseline{vertical-align:baseline}*/ .va-top { vertical-align: top; } /*use*/ .va-middle { vertical-align: middle; } /*use*/ .va-baseline { vertical-align: baseline; } .va-imiddle { vertical-align: middle !important; } /*use*/ .ovf-hidden { overflow: hidden; } .ovf-y-auto { overflow-y: auto; } .ws-nowrap { white-space: nowrap; } .ws-prewrap { white-space: pre-wrap; } .of-hidden { overflow: hidden; } /*use-n*/ .of-visible { overflow: visible; } /*use-n*/ .vs-hidden { visibility: hidden; } /*use-n*/ .of-ihidden { overflow: hidden !important; } /*use-n*/ .of-ivisible { overflow: visible !important; } /*use-n*/ .of-iinitial { overflow: initial !important; } /*use-n*/ .of-y-auto { overflow-y: auto; } .of-x-hidden { overflow-x: hidden; } .of-y-hidden { overflow-y: hidden; } .of-y-ihidden { overflow-y: hidden !important; } .of-y-iauto { overflow-y: auto; } /*----------align-css-----------*/ /*----------line-height-css-----------*/ .radio-label { line-height: 15px; } .radio-label > span.radio-title { margin-right: 4px; line-height: 13px; margin-top: 1px; } .radio-label > label { min-height: 15px; } .radio-label > label.top-m1 { top: -1px; } .lh-i15 { line-height: 15px !important; } /*use*/ .lh-15 { line-height: 15px; } /*use*/ .lh-i17 { line-height: 17px !important; } /*use*/ .lh-20 { line-height: 20px; } /*use*/ .lh-24 { line-height: 24px; } /*use*/ .lh-35 { line-height: 35px; } /*use*/ .lh-25 { line-height: 25px; } /*use-n*/ .lh-i31 { line-height: 31px !important; } /*use*/ .lh-33 { line-height: 33px; } /*use*/ .lh-inherit { line-height: inherit; } .lh-i0 { line-height: 0px !important; } /*use*/ #rpoint-table-parent .rp-tbl-scroll { max-height: calc(100vh - 280px); } .bb-inone { border-bottom: none !important; } .bgc-itransparent { background-color: transparent !important; } .tbl-icon.control > a.fa { font-size: 1.125em; text-decoration: none; vertical-align: top; line-height: 15px; } /*.customer-setting>.form-group>.col-sm-4{width:28%}*/ /*----------line-height-css-----------*/ /*----------cursor-and-text-color-css-----------*/ .ul-0 { margin: 0; padding: 0; } .c-move { cursor: move; } /*use*/ .c-pointer { cursor: pointer; } /*use*/ .c-default { cursor: default; } /*use*/ .c-idefault { cursor: default !important; } /*use*/ .c-ipointer { cursor: pointer !important; } /*use*/ .c-inallowed { cursor: not-allowed !important; } /*use*/ .select-opt-dropdown.bs-c-inallowed > .bootstrap-select.form-control:focus { border: 0; } /*bug-4980*/ .select-opt-dropdown.bs-c-inallowed > .bootstrap-select > .form-control[disabled] { cursor: not-allowed !important; width: 100% !important; z-index: 1; background: transparent !important; } /**bug-4980*use*/ .c-both { clear: both; } /*use*/ .td-underline { text-decoration: underline; } .td-iunderline { text-decoration: underline !important; } .td-none { text-decoration: none; } .td-inone { text-decoration: none !important; } .f-none { float: none; } .f-inone { float: none !important; } /*text-color*/ .c-d-red { color: #b74750; } .c-l-grey { color: #9aa6ad; } .c-d-grey { color: #8c9497; } .a-d-grey { color: #8c9497; } .a-d-grey:hover, .a-d-grey:focus { color: #8c9497; } /*text-color*/ .bg-grey { background: #f1f0f0; } .bg-l-grey { background: #e8edef; } /*---------cursor-and-text-color-css-----------*/ /*new*/ .cw-auto { width: auto; } /*not-use*/ .cw-i-auto { width: auto !important; } /*not-use*/ .cw-144p { width: 144px; } /*not-use*/ .tdn-underline { text-decoration: underline; } /*not-use*/ .cps-sta { position: static; } /*not-use*/ .cps-fix { position: fixed; } /*not-use*/ .cps-abs { position: absolute; } /*not-use*/ .cps-abs.br-0 { bottom: 0; right: 0; } /*not-use*/ .cps-abs.bl-0 { bottom: 0; left: 0; } /*not-use*/ .cps-abs.tbr-0 { top: 0; bottom: 0; right: 0; } /*not-use*/ .cps-abs.tbl-0 { top: 0; bottom: 0; left: 0; } /*not-use*/ .cps-abs.tblr-0 { top: 0; bottom: 0; left: 0; right: 0; } /*not-use*/ .cw-100 { width: 100%; } /*use-2*/ .cw-300p { width: 300px; } /*use-1*/ .c-minw-104 { min-width: 104px; } /*use-1*/ .dsp-inline { display: inline; } /*use-more-times*/ .cps-rel { position: relative; } /*use-1*/ /*----------start-width-minwidth-and-maxwidth-css-----------*/ .ml-minus-4 { margin-left: -4px; } .w-1x { width: 1px; } /*use-1*/ .w-15x { width: 15px; } /*use-1*/ .w-18x { width: 18px; } /*use-1*/ .w-32x { width: 32px; } /*use-5*/ .w-35x { width: 35px; } /*use-5*/ .w-80x { width: 80px; } /*use-2*/ .w-145x { width: 145px; } /*use-3*/ .w-200x { width: 200px; } /*use-1*/ .w-225x { width: 225px; } /*use-1*/ .w-250x { width: 250px; } /*use-1*/ .w-270x { width: 270px; } .w-275x { width: 270px !important; } /*use-1*/ .w-238x { width: 238px; } /*use-1*/ .w-300x { width: 300px; } /*use-1*/ .w-316x { width: 316px; } /*use-1*/ .w-309x { width: 309px; } /*use-1*/ .w-330x { width: 330px; } /*use-1*/ .w-360x { width: 360px; } /*use-1*/ .w-i10x { width: 10px !important; } /*use-1*/ .w-i150x { width: 150px !important; } /*use-1*/ .w-i181x { width: 181px !important; } /*use-1*/ .w-i190x { width: 190px !important; } .w-i210x { width: 210px !important; } /*use-1*/ .w-i300x { width: 300px !important; } /*use-12*/ .w-i362x { width: 362px !important; } .w-i400x { width: 400px !important; } .w-auto { width: auto; } .w-iauto { width: auto !important; } .w-i100 { width: 100% !important; } .w-20 { width: 20%; } /*use*/ .w-100 { width: 100%; } /*use*/ .w-22 { width: 22%; } /*use-11-onepage*/ .w-32 { width: 32%; } /*use-1*/ .w-35 { width: 35%; } /*use-1*/ .w-55p { width: 55%; } /*not-use*/ .w-i60 { width: 60%; } /*not-use*/ .w-i96 { width: 96% !important; } /*use-1*/ .w-calc-i100-34x { width: calc(100% - 34px) !important; } .w-calc-i100-64x { width: calc(100% - 64px) !important; } .min-w-103 { min-width: 103px !important; } /*use-1*/ .min-w-125 { min-width: 125px !important; } /*use-1*/ .min-w-i0 { min-width: 0 !important; } /*use-9*/ .min-w-i275 { min-width: 275px !important; } /*use-1*/ .max-w-300 { max-width: 300px; } .max-w-320 { max-width: 320px; } /*.er-url{max-width:calc(100% - 20px);}*/ .er-url > span.ge-projectlist { display: block; position: relative; top: 5px; word-break: break-all; } .er-url > span.ge-projectlist > span.d-inline { cursor: default; word-break: break-word; word-wrap: break-word; } /*----------end-width-minwidth-and-maxwidth-css-----------*/ /*----------start-height-minheight-and-maxheight-css-----------*/ .h-22x { height: 22px; } /*use-2*/ .h-35x { height: 35px; } .h-40x { height: 40px; } /*use-1*/ .h-44x { height: 44px; } /*use-1*/ .h-50x { height: 50px; } /*use-1*/ .h-300x { height: 300px; } /*use-1*/ .h-345x { height: 345px; } /*use-1*/ .h-350x { height: 350px; } /*use-1*/ .h-360x { height: 360px; } /*use-1*/ .h-450x { height: 450px; } /*use-1*/ .h-100 { height: 100%; } /*use*/ .min-h-20 { min-height: 20px; } .min-h-34 { min-height: 34px; } .min-h-35 { min-height: 35px; } .min-h-88 { min-height: 88px; } .min-h-185 { min-height: 185px; } .min-h-200 { min-height: 200px; } .min-h-290 { min-height: 290px; } .min-h-280 { min-height: 280px; } .min-h-350 { min-height: 350px; } .min-ih15 { min-height: 15px !important; } .min-h-i200 { min-height: 200px !important; } .min-ih-inherit { min-height: inherit !important; } .max-h-350 { max-height: 350px; } .max-h-380 { max-height: 380px; } .max-h-425 { max-height: 425px; } .max-h-496 { max-height: 496px; } .max-h-545 { max-height: 545px; } .max-h-iinitial { max-height: initial !important; } .min-h-160 { min-height: 160px; } .min-h-185 { min-height: 185px; } .min-h-200 { min-height: 200px; } .min-hc-i162 { min-height: calc(100vh - 162px) !important; } .max-hc-vh280 { max-height: calc(100vh - 280px); } .max-h-i79vh { max-height: 79vh !important; } .max-w-130 { min-width: 130px; } /*----------end-height-minheight-and-maxheight-css-----------*/ .fw-bold { font-weight: bold; } .f-regular-inh { font-family: "bariol-regular"; text-transform: none; } .f-regular { font-family: "bariol-regular"; } .f-italic { font-family: "bariol-italic"; } .spn-italic { font-family: "bariol-italic"; } .f-bold { font-family: "bariol-bold"; } .spn-bold { font-family: "bariol-bold"; } .fs-m { font-size: .875em; } .zi-mi1 { z-index: -1 !important; } .zi-i10 { z-index: 10 !important; } .zi-i1038 { z-index: 1038 !important; } .zi-i1039 { z-index: 1039 !important; } .zi-i1050 { z-index: 1050 !important; } .zi-i1051 { z-index: 1051 !important; } .zi-i1052 { z-index: 1052 !important; } .zi-i1060 { z-index: 1060 !important; } .zi-i1061 { z-index: 1061 !important; } .zi-i99998 { z-index: 99998 !important; } .zi-i99999 { z-index: 99999 !important; } .row-line tr { border-bottom: 1px solid #e8edef; } .bt-inone { border-top: none !important; } .input-group.w-300p > .form-control:focus { z-index: 2; } /*-----start-tabindex-css----*/ /*for-Internal-form*/ .intFormTabIndex .styled-radio[type="radio"]:not(:checked), .intFormTabIndex .styled-radio[type="radio"]:checked { position: absolute; left: -9999px; display: block; } .intFormTabIndex .styled-checkbox[type="checkbox"]:not(:checked), .intFormTabIndex .styled-checkbox[type="checkbox"]:checked { position: absolute; left: -9999px; display: block; } .intFormTabIndex .custom-checkbox > li { position: relative; } .intFormTabIndex .custom-checkbox > li .styled-checkbox[type="checkbox"]:not(:checked), .intFormTabIndex .custom-checkbox > li .styled-checkbox[type="checkbox"]:checked { left: 0; top: 4px; margin: 0; visibility: visible; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; } .intFormTabIndex .option.optionform > li { position: relative; } .intFormTabIndex .option.optionform > li .styled-radio[type="radio"]:not(:checked), .intFormTabIndex .option.optionform > li .styled-radio[type="radio"]:checked { left: 0; top: 4px; margin: 0; visibility: visible; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; } /*for-Internal-form*/ /*for-External-form*/ .ExtFormTabIndex .styled-radio[type="radio"]:not(:checked), .ExtFormTabIndex .styled-radio[type="radio"]:checked { position: absolute; left: -9999px; display: block; } .ExtFormTabIndex .styled-checkbox[type="checkbox"]:not(:checked), .ExtFormTabIndex .styled-checkbox[type="checkbox"]:checked { position: absolute; left: -9999px; display: block; } .ExtFormTabIndex .custom-checkbox > li { position: relative; } .ExtFormTabIndex .custom-checkbox > li .styled-checkbox[type="checkbox"]:not(:checked), .ExtFormTabIndex .custom-checkbox > li .styled-checkbox[type="checkbox"]:checked { left: 0; top: 4px; margin: 0; visibility: visible; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; } .ExtFormTabIndex .option.optionform > li { position: relative; } .ExtFormTabIndex .option.optionform > li .styled-radio[type="radio"]:not(:checked), .ExtFormTabIndex .option.optionform > li .styled-radio[type="radio"]:checked { left: 0; top: 4px; margin: 0; visibility: visible; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; } /*for-External-form*/ /*for-CustomTab*/ .taskcustomTabIndex .styled-radio[type="radio"]:not(:checked), .taskcustomTabIndex .styled-radio[type="radio"]:checked { position: absolute; left: -9999px; display: block; } .taskcustomTabIndex .styled-checkbox[type="checkbox"]:not(:checked), .taskcustomTabIndex .styled-checkbox[type="checkbox"]:checked, .cc-tabindex-checkbox .styled-checkbox[type="checkbox"]:not(:checked), .cc-tabindex-checkbox .styled-checkbox[type="checkbox"]:checked { position: absolute; left: -9999px; display: block; } .taskcustomTabIndex .custom-checkbox > li { position: relative; } .taskcustomTabIndex .custom-checkbox > li .styled-checkbox[type="checkbox"]:not(:checked), .taskcustomTabIndex .custom-checkbox > li .styled-checkbox[type="checkbox"]:checked, .cc-tabindex-checkbox .styled-checkbox[type="checkbox"]:not(:checked), .cc-tabindex-checkbox .styled-checkbox[type="checkbox"]:checked { left: 0; top: 4px; margin: 0; visibility: visible; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; } .taskcustomTabIndex .option.optionform > li { position: relative; } .taskcustomTabIndex .option.optionform > li .styled-radio[type="radio"]:not(:checked), .taskcustomTabIndex .option.optionform > li .styled-radio[type="radio"]:checked { left: 0; top: 4px; margin: 0; visibility: visible; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; } /*for-CustomTab*/ .crncy-symbol-wrap.global-csymbol > .form-control { min-height: 35px; padding-left: 17px !important; } .frmTabIndex:focus.attached-field { padding: 21px 10px; } /*-----start-currency-icon-css-increase-font-size------sprint128*/ /*-----common-align-default-css-----*/ .crncy-symbol-wrap.global-csymbol > .currency-symbol { width: 19px; text-align: center; top: 7px !important; left: 0 !important; } /*resulting*/ /*.crncy-symbol-wrap.global-csymbol>.form-control + .currency-symbol{width:19px !important;left:0 !important;text-align:center;top:7px !important}*/ .crncy-symbol-wrap.global-csymbol > .form-control.ifs-20 { padding-left: 20px !important; } .crncy-symbol-wrap.global-csymbol > .form-control.ifs-24 { padding-left: 24px !important; } .crncy-symbol-wrap.global-csymbol > .form-control.ifs-28 { padding-left: 28px !important; } .crncy-symbol-wrap.global-csymbol > .form-control.ifs-32 { padding-left: 32px !important; } .crncy-symbol-wrap.global-csymbol > .form-control.ifs-36 { padding-left: 36px !important; } .crncy-symbol-wrap.global-csymbol > .form-control.ifs-40 { padding-left: 40px !important; } .currency-symbol.ifs-20 { width: 22px !important; } .currency-symbol.ifs-24 { width: 26px !important; } .currency-symbol.ifs-28 { width: 30px !important; } .currency-symbol.ifs-32 { width: 34px !important; } .currency-symbol.ifs-36 { width: 38px !important; } .currency-symbol.ifs-40 { width: 42px !important; } /*builder-css*/ .crncy-symbol-wrap.global-csymbol.ifs-36 > .currency-symbol.ifs-36 { top: 6px !important; } .crncy-symbol-wrap.global-csymbol.ifs-40 > .currency-symbol.ifs-40 { top: 5.5px !important; } /*builder-css*/ /*resulting-css*/ .crncy-symbol-wrap.global-csymbol > .currency-symbol.ifs-36 { top: 6px !important; } .crncy-symbol-wrap.global-csymbol > .currency-symbol.ifs-40 { top: 5.5px !important; } /*resulting-css*/ .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-20 { padding-left: 20.5px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-24 { padding-left: 24.5px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-28 { padding-left: 28.5px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-32 { padding-left: 32.5px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-36 { padding-left: 36.5px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-40 { padding-left: 40.5px !important; } /*resulting*/ /*Template-custom-field*/ .crncy-symbol-wrap.global-csymbol.ifs-20 > .form-control { padding-left: 20px !important; } .crncy-symbol-wrap.global-csymbol.ifs-24 > .form-control { padding-left: 24px !important; } .crncy-symbol-wrap.global-csymbol.ifs-28 > .form-control { padding-left: 28px !important; } .crncy-symbol-wrap.global-csymbol.ifs-32 > .form-control { padding-left: 32px !important; } .crncy-symbol-wrap.global-csymbol.ifs-36 > .form-control { padding-left: 36px !important; } .crncy-symbol-wrap.global-csymbol.ifs-40 > .form-control { padding-left: 40px !important; } /*Template-custom-field*/ /*-----start-currency-icon-css-increase-font-size------sprint128*/ .frmTabIndex:focus.user-sugg-ddown.select2-container-multi .select2-choices .select2-search-field input { min-height: 36px; } .frmTabIndex:focus { border: 1px solid #2aace3 !important; } .frmTabIndex:focus.form-control { min-height: 35px; padding-left: 14.5px; padding-right: 11.5px; border-radius: 2px; padding-top: 6.5px; } .dropdown-single-select > .button-label.form-control.frmTabIndex:focus { padding-left: 14.5px !important; padding-right: 17.5px !important; border-radius: 2px; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control { min-height: 35px; padding-left: 17.5px !important; padding-right: 11.5px; border-radius: 2px; } .frmTabIndex:focus.btn.dropdown-select { min-height: 35px; padding-left: 20.5px; padding-right: 20.5px; border-radius: 2px; } .styled-checkbox[type="checkbox"]:not(:checked).frmTabIndex:focus + label::before, .styled-checkbox[type="checkbox"]:checked.frmTabIndex:focus + label::before { border: 1px solid #2aace3 !important; } .styled-radio[type="radio"]:not(:checked).frmTabIndex:focus + label::before, .styled-radio[type="radio"]:checked.frmTabIndex:focus + label::before { border: 1px solid #2aace3 !important; } .fsr[type="radio"]:not(:checked) + label::before, .fsr[type="radio"]:checked + label::before { top: 3px !important; } .fsr[type="radio"]:not(:checked) + label::after, .fsr[type="radio"]:checked + label::after { top: 6px !important; } /*add-for-checkbox-align-css-5101-bug*/ .custom-checkbox li.fcheckbox { float: none; margin: 0; min-height: 32px !important; } /*.custom-checkbox li.fcheckbox label{line-height:18px}*/ /*.g-font-size-reset [type="checkbox"] + label:first-child{line-height:18px;}*/ .fsc[type="checkbox"]:not(:checked) + label::before, .fsc[type="checkbox"]:checked + label::before { top: 3px !important; } .fsc[type="checkbox"]:not(:checked) + label::after, .fsc[type="checkbox"]:checked + label::after { top: 3px !important; } .fsc[type="checkbox"]:disabled:not(:checked) + label::before, .fsc[type="checkbox"]:disabled:checked + label::before { top: 3px !important; } .fsc[type="checkbox"]:disabled:not(:checked) + label::after, .fsc[type="checkbox"]:disabled:checked + label::after { top: 3px !important; } /*add-for-checkbox-align-css5101-bug*/ .custom-checkbox li.frmTabIndex { border: 1px solid transparent; outline: 0 !important; } .custom-checkbox li.frmTabIndex:focus { min-height: 30px; border: 1px solid #2aace3; outline: 0 !important; } .custom-checkbox li:last-child:focus { border: 0 !important; outline: 0 !important; } .option li.frmTabIndex { border: 1px solid transparent; outline: 0 !important; } .option li.frmTabIndex:focus { border: 1px solid #2aace3; outline: 0 !important; } .option li.fradio { float: none; margin: 0; min-height: 32px !important; } .option li:last-child:focus { border: 0 !important; } .dropdown-menu li.frmTabIndex:focus { outline: 0 !important; } .fp-Tabfocus { border: 1px solid #2aace3; } .fp-Tabfocus.select2-container-multi .select2-choices { padding-left: 11.5px !important; } .fp-Tabfocus.select2-container-multi .select2-choices input { padding-top: 7px !important; padding-bottom: 7px !important; height: 36px !important; } .bootstrap-select.btn-group .dropdown-toggle.frmTabIndex:focus { padding-left: 15.5px; padding-right: 25.5px; } .form-g-setting.btn-secondary.frmTabIndex:focus { outline: 0 !important; border: 1px solid #2aace3; color: #fff; background-color: #2aace3; } #btn_SubmitCustomForms_GJ.frmTabIndex:focus { border-radius: 25px; color: #fff !important; outline: 0 !important; } /*.user-sugg-tag-box.f-us-tagbox .select2-choices{padding-left:0 !important} .user-sugg-tag-box.f-us-tagbox .select2-container-multi .select2-choices .select2-search-field input{padding-left:11px} .user-sugg-tag-box.f-us-tagbox .select2-container-multi .select2-choices li:first-child.select2-search-choice{margin-left:11px} .user-sugg-tag-box.f-us-tagbox .select2-container{border:1.5px solid rgba(164, 171, 174, 0.5)}*/ #lnkRefresh > .fa.fa-rotate-left.frmTabIndex:focus { margin-left: 14px; } /*-----end-tabindex-css----*/ .rc-align[type="radio"]:not(:checked) + label::before, .rc-align[type="radio"]:checked + label::before { top: 3.5px !important; } .rc-align[type="radio"]:not(:checked) + label::after, .rc-align[type="radio"]:checked + label::after { top: 6.5px !important; } .dv-workflows #divObjectDefaultViewListItem tbody td:first-child, .dv-workflows #divObjectDefaultViewListItem tbody table th:first-child { width: 30% !important; } .dv-workflows #divObjectDefaultViewListItem tbody td:last-child, .dv-workflows #divObjectDefaultViewListItem tbody table th:last-child { width: 70% !important; } .dv-workflows #divObjectDefaultViewListItem tbody td:last-child .radio { width: 100%; margin-right: 0 !important; } .dv-workflows #divObjectDefaultViewListItem tbody td:last-child .d-inblock .radio { width: auto; } /*----------width-css-----------*/ /*----------icon-set-css-----------*/ /*old*/ .gm-body-drop-down-delete .fa-icon--fill { font-size: 1.125em; } .fa-icon--fill.fs-base { font-size: 1.125em; } .fa-icon--fill.orange { color: rgba(247, 144, 61, 1.0) !important; } .fa-icon--fill.orange:hover { color: rgba(247, 144, 61, 0.5) !important; } .fa-icon--fill.urgent { color: rgba(183, 71, 80, 1.0) !important; } .fa-icon--fill.urgent:hover { color: rgba(183, 71, 80, 0.5) !important; } .fa-icon--fill.sky-blue { color: #2aace3; } .fa-icon--fill.sky-blue:hover { color: #0e76bc; } .fa-icon--fill.white { color: #fff; } .fa-icon--fill.grey { color: #8c9497; } .fa-icon--fill.light-grey { color: rgba(154, 166, 173, 1.0); } .fa-icon--fill.light-grey:hover { color: rgba(154, 166, 173, 0.5); } .fa-icon--disabled { cursor: default; pointer-events: none; opacity: 0.65; } /*use*/ .fa-icon--fill:hover, .fa-icon--fill:focus { text-decoration: none; } /*use*/ .modal-dialog > .fa-icon--fill { font-size: 1.25em; position: absolute; top: 8px; right: 13px; z-index: 10; } .cr-widget-row.rep-dimension > .fa-icon--fill { position: absolute; right: 24px; top: 16px; font-size: 1.125em; } /*old*/ /*new*/ .gm-body-drop-down-delete .fai--fill { font-size: 1.125em; } .fai--fill.fs-base { font-size: 1.125em; } .fai--fill.orange { color: rgba(247, 144, 61, 1.0) !important; } .fai--fill.orange:hover { color: rgba(247, 144, 61, 0.5) !important; } .fai--fill.urgent { color: rgba(183, 71, 80, 1.0) !important; } .fai--fill.urgent:hover { color: rgba(183, 71, 80, 0.5) !important; } .fai--fill.sky-blue { color: #2aace3; } .fai--fill.sky-blue:hover { color: #0e76bc; } .fai--fill.white { color: #fff; } .fai--fill.grey { color: #8c9497; } .side-left-second .fai--fill.light-grey { color: #9aa6ad !important; } .fai--fill.light-grey { color: rgba(154, 166, 173, 1.0); } .fai--fill.light-grey:hover { color: rgba(154, 166, 173, 0.5); } .fai--fill:hover, .fai--fill:focus { text-decoration: none; } /*use*/ .fai--disabled { cursor: default; pointer-events: none; opacity: 0.65; } /*use*/ .fai--fill:hover, .fai--fill:focus { text-decoration: none; } /*use*/ .modal-dialog > .fai--fill { font-size: 1.25em; position: absolute; top: 8px; right: 13px; z-index: 10; } .cr-widget-row.rep-dimension > .fai--fill { position: absolute; right: 24px; top: 16px; font-size: 1.125em; } .form-wrap button.btn-orangeicon.c-pointer.dumydisable[disabled] { cursor: default; } /*new*/ .gj-delete-confirm > .modal-dialog.w400 { width: 400px; } /*.ico-group--seq{display:inline-block;margin-top:10px;margin-bottom:10px} .ico-group--seq>li{float:left;width:24px;height:20px}*/ /*.ico-group-set{font-size:1.125em} .ico-group-set.ul-a-sequence{float:right;padding-top:10px;padding-bottom:10px} .ico-group-set.ul-a-sequence>li{width:24px;margin-right:4px} .ico-group-set.ul-a-sequence>li:last-child{margin-right:0}*/ .ul-icon-group { font-size: 1.125em; } .ul-icon-group > li { width: 24px; margin-right: 4px; } .ul-icon-group > li:last-child { margin-right: 0; } /*.tooltip > .tooltip-inner { background-color: dodgerblue; text-shadow: 0 1px 1px #000; font-weight: normal; }*/ /*add-condition-column*/ .modal-outer.modal-temp .cond-field-modal { width: 80%; } .cond-field-modal .gm-e-accordian.panel-group .panel-body .gm-body { padding: 10px 25px 10px; } .tooltip.fill-white .tooltip-inner { color: #454f57; background-color: #fff; box-shadow: 2px 2px 7px -2px #000; } .tooltip.top.fill-white .tooltip-arrow { border-top-color: #fff; } .external-report > #divIssuePopup { padding-top: 4px; padding-bottom: 4px; border: 1px solid transparent; margin-top: -5px; } .tooltip.er-url-fix .tooltip-inner { max-width: 320px; word-break: break-word; } /*add-condition-column*/ /*----------button-before-set-css-----------*/ .btn.fa { font: inherit; } .btn.fa:before { font: normal normal normal 14px/1 FontAwesome; } .btn.fa-plus:before { margin-left: -3px; margin-right: 4px; } /*----------button-before-set-css-----------*/ /*----------element-display-set-css-----------*/ /*page-108*/ .d-block { display: block; } .d-iblock { display: block !important; } .d-none { display: none; } /*page-108*/ .d-inline { display: inline; } .d-iinline { display: inline !important; } .d-inblock { display: inline-block; } .d-iinblock { display: inline-block !important; } .d-flex { display: flex; } /*use*/ .d-iflex { display: flex !important; } /*use*/ .d-fw-wrap { flex-wrap: wrap; } .d-table { display: table; } .d-table-cell { display: table-cell; } .d-table-row { display: table-row; } /*----------element-display-set-css-----------*/ /*sequence-trigger-condition-css*/ .meet-all-dd .icon-group.set--align, .meet-any-dd .icon-group.set--align { margin-top: 10px; margin-bottom: 0 !important; margin-right: 12px; margin-left: 0; } .as-raction-ddown ul.atm-tree-list > li.last-list .icon-group.set--align { margin-top: 10px; margin-right: 12px; } /*sp-115-add-css*/ .subdomain-name > span { font-size: .938em; } /*sp-115-add-css*/ /*.meet-all-dd .icon-group.set--align{margin-left:10px}*/ /*.meet-any-dd .icon-group.set--align{margin-left:0}*/ /*add-new-css-13-11*/ /*add-new-css-13-11*/ /*.ico-group-set.trg-cnd{display:table-cell;vertical-align:top;line-height:35px} .ico-group-set.trg-cnd>.fa{margin-right:6px;margin-left:0;vertical-align:middle} .ico-group-set.trg-cnd>.fa:nth-last-child(1){margin-right:0} .ico-group-set.trg-cnd>.urgent{cursor:pointer}*/ .icon-group.set--align { font-size: 1.125em; } /*.icon-group.set--align>.fa{margin-right:6px;margin-left:0;vertical-align:middle;height: 14px} .icon-group.set--align>.fa:nth-last-child(1){margin-right:0}*/ /*.icon-group.set--align .urgent{cursor:pointer}*/ /*changes-css-14feb*/ .icon-group.set--align > .fa { margin-right: 6px; margin-left: 0; vertical-align: middle; max-height: 20px; line-height: 20px; } .icon-group.set--align > .fa:nth-last-child(1) { margin-right: 0; line-height: 20px; } /*changes-css-14feb*/ /*add-new-14feb*/ .icon-group.set--align > .fa.fa-plus-square:before { position: relative; top: -2.5px; } .icon-group.set--align > .fa.fa-trash-o:before { position: relative; top: -2.5px; } .icon-group.set--align > .fa.fa-warning:before { position: relative; top: -2.5px; } .icon-group.set--align > span > .fa.fa-warning { position: relative; top: -2.5px; } .icon-group.set--align > .fa.fa-link:before { position: relative; top: -1.5px; } /*add-new-14feb*/ ul.atm-tree-list > li.last-list .icon-group.set--align { padding-top: 10.5px; } ul.atm-tree-list.seq-group > li .icon-group.set--align { padding-top: 0; padding-left: 0; } .include-a-grip > .fa-question-circle { font-size: 1.125em; vertical-align: middle; margin-left: 4px; margin-top: 1px; } /*sequence-trigger-condition-css*/ ul.atm-tree-list > li.gm-body-drop-down-cloumn .icon-group.set--align { padding-top: 10.5px; } ul.atm-tree-list > li.gm-body-drop-down-cloumn .icon-group.set--align.pt-9 { padding-top: 9px; } ul.atm-tree-list.seq-group > li.gm-body-drop-down-cloumn .icon-group.set--align { padding-top: 0; } /*modal-css*/ .modal-footer-btn { text-align: right; } .modal-footer.btn-group--set { padding: 0; border-top: none; } /*modal-css*/ /*----------icon-set-css-----------*/ #liProgramTaskList .task-title-trigger { padding-left: 52px; } #liProgramTaskList .task-title-trigger .pull-left { margin-right: 7px; } .fa-share-disabled { color: rgba(247, 144, 61, 0.5); cursor: default; } .pos-relative { position: relative; } .exp-wflow-trigger { position: relative; } /*unuse*/ .n-admin-dash-addbtn { padding-left: 0; } .n-admin-dash-addbtn a { margin-left: 0; } .filter_by_wrap.n-admin-dash-filter { float: right; width: auto; } .filter_by_wrap.n-admin-dash-filter label.col-sm-2 { width: auto; white-space: nowrap; } .filter_by_wrap.n-admin-dash-filter .fb_input { width: 300px; } .filter_by_wrap.n-admin-dash-filter .fb_reset { float: left; margin-left: 4px; padding-right: 0; } .manage-customer .selected-filter-outer, .manage-customer .filter_by_wrap { width: auto; } .filter_by_wrap .fb_input.pn_inp { margin-right: 10px; } .filter_by_wrap .fb_input.cr_inp { float: left; width: auto; } .filter_by_wrap > label.text-center { text-align: center !important; padding-right: 0; } .fb_row_fix { margin-top: 20px; margin-bottom: 20px; } /*.fb_row_fix .fa_btn_wrap{padding-left:0;}*/ .fa_btn_plus_wrap { padding: 0; } .fa_btn_plus_wrap a.btn { text-align: left; margin-left: 0; } /*unuse*/ /*old*/ .filter_by_wrap { float: left; padding: 0; } .filter_by_wrap > label { float: left; text-align: right; font-weight: normal; line-height: 34px; margin-bottom: 0; padding: 0 15px 0 0; } .filter_by_wrap .fb_input { float: left; position: relative; z-index: 1; margin-left: 0; padding: 0; } .filter_by_wrap .fb_input .input-group .form-control { font-size: .875em; color: #454f57; border: 1.5px solid rgba(164,171,174,0.5); border-radius: 2px; box-shadow: none; height: 35px; } .filter_by_wrap .fb_input .input-group .form-control:focus { z-index: 0; } .filter_by_wrap .fb_input .input-group-btn .btn-default { background: #2aace3; color: #fff; padding: 7px 9px 6px 9px; border: 0; border-radius: 0; width: 35px; height: 35px; margin-right: 0; } .filter_by_wrap .fb_input .input-group-btn .btn-default:hover, .fb_input .input-group-btn .btn-default:focus, .cc-tabindex.btn-default:focus { background: #0e76bc; border-color: #0e76bc; outline: none; } .filter_by_wrap .fb_input .input-group-btn .btn-default > .fa { font-size: 18px; } .filter_by_wrap .fb_reset { float: right; margin-left: 0; padding-right: 0; } .cust-fld-wrap .lbl-top { margin-bottom: 0; } .ato-filter-outer { padding: 12px 0 15px 0; } .ato-add-btn .btn { margin-bottom: 15px; margin-left: 0; } .ato-filter-box .wauto { width: auto !important; } .ato-filter-box .pd-remove-col { padding-left: 5px !important; padding-right: 5px !important; width: 27%; } .ato-filter-box .pd-r-0 { padding-right: 5px; } /*old*/ /*new*/ .search-input-group > label { line-height: 35px; padding-left: 0; margin-bottom: 0 !important; } .search-input-group .input-group .form-control { padding-left: 12px; border-right: 0 !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px; z-index: 0 !important; } .search-input-group > .input-group-box > .input-group > .input-group-btn > .btn-default { padding: 7px 8px 6px; border-radius: 0; width: 35px; height: 35px; } .search-input-group > .input-group-box > .input-group > .input-group-btn > .btn-default > .fa { font-size: 18px; } .search-input-group > .input-reset-btn > .refresh-icon { line-height: 33px; } .search-input-group > .col-equal { width: 27%; padding: 0 5px; } /*new*/ /*GLOBAL-BUTTON -----------------------------------------*/ a.btn > .fa-plus, button > .fa-plus { margin-left: -3px; margin-right: 4px; } .btn { text-transform: capitalize; border-radius: 15px; box-shadow: none; padding: 4px 20px; margin-left: 7px; } .btn.normal-text { text-transform: inherit !important; } /*-----[Button-Primary]-----*/ /*.btn-default{color:#fff;background-color:#2aace3;border:1px solid #2aace3} .btn-default:hover{color:#fff;background-color:#0e76bc;border:1px solid #0e76bc;box-shadow:none;outline:0} .btn-default:focus,.btn-default:active,.btn-default:active:hover,.btn-default:active:focus{color:#fff;background-color:#2aace3;border:1px solid #2aace3;outline:0} .btn-default:focus:hover{color:#fff;background-color:#0e76bc;border:1px solid #0e76bc;box-shadow:none;outline:0} .btn-default[disabled]:hover,.btn-default[disabled]:focus{color:#fff;background-color:#2aace3;outline:none;border:1px solid #2aace3}*/ .btn-default { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; } .btn-default:hover, .form-g-setting.btn-default.addfocus:focus, .form-g-setting.btn-default.addfocus:active, .form-g-setting.btn-default.addfocus:active:focus { color: #fff; background-color: #0e76bc; border: 1px solid #0e76bc; box-shadow: none; outline: 0; } .btn-default:active:hover, .btn-default:focus:hover { color: #fff; background-color: #0e76bc; border: 1px solid #0e76bc; box-shadow: none; outline: 0; } .btn-default:focus, .btn-default:active:focus { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; outline: 0; box-shadow: none; } .btn-default:active { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; box-shadow: none; outline: 0; } .btn-default[disabled]:hover, .btn-default[disabled]:focus { color: #fff; background-color: #2aace3; outline: none; border: 1px solid #2aace3; } /*-----[Button-Primary]-----*/ /*-----[Button-Secondary]-----*/ /*.btn-secondary{border:1px solid #2aace3;color:#2aace3;background-color:#fff} .btn-secondary:hover{background-color:#0e76bc;border:1px solid #0e76bc;color:#fff;box-shadow:none;outline:0} .btn-secondary:active,.btn-secondary:focus,.btn-secondary:active:hover,.btn-secondary:active:focus{color:#fff;background-color:#2aace3;border:1px solid #2aace3;outline:0}*/ .btn-secondary { border: 1px solid #2aace3; color: #2aace3; background-color: #fff; } .btn-secondary:hover { background-color: #0e76bc; border: 1px solid #0e76bc; color: #fff; box-shadow: none; outline: 0; } .btn-secondary:focus { background-color: #fff; border: 1px solid #2aace3; color: #2aace3; box-shadow: none; outline: 0; } .btn-secondary:focus:hover { background-color: #0e76bc; border: 1px solid #0e76bc; color: #fff; box-shadow: none; outline: 0; } .btn-secondary:active, .btn-secondary:active:hover { background-color: #2aace3; border: 1px solid #2aace3; color: #fff !important; outline: 0; } .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled]:active:hover { color: #2aace3 !important; background-color: transparent; border-color: #2aace3; } .removefocusbtn.btn-secondary:focus, .removefocusbtn.btn-secondary:active:focus { border: 1px solid #2aace3; color: #2aace3; background-color: #fff; } .removefocusbtn.btn-secondary:focus:hover, .removefocusbtn.btn-secondary:active:focus:hover { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; outline: 0; } /*-----[Button-Secondary]-----*/ /*-----[Button-Link]-----*/ .btn-link { color: #2aace3; text-decoration: underline; background-color: #fff; border-radius: 0; margin: 6px 6px 6px 7px; padding: 0; } .btn-link.bg-transparent, .btn-link.bg-transparent:hover, .btn-link.bg-transparent:focus { background-color: transparent; } .btn-link:hover, .btn-link:focus { color: #0e76bc; background-color: #fff; outline: 0; } .btn-link:active:focus { outline: 0; } .btn-link.reset-token { margin: -7px 0 0 0; } /*-----[Button-Link]-----*/ /*-----[Button-Upload-Photo]-----*/ .custom-file-input { display: inline-block; position: relative; cursor: pointer; } .custom-file-input input { visibility: hidden; width: 114px; } .custom-file-input:before { font-family: 'bariol-regular'; content: 'Upload Profile Image'; color: #2aace3; font-weight: normal; text-align: left; text-decoration: underline; white-space: nowrap; line-height: 16px; outline: none; display: block; padding: 0; position: absolute; left: 0; right: 0; margin-top: 5px; } .custom-file-input:hover:before, .custom-file-input:active:before { border-color: #0e76bc; color: #0e76bc; } /*-----[Button-Upload-Photo]-----*/ /*-----------------------------!GLOBAL-BUTTON*/ /*----------------//--start-activity-tab-section-css--//---------------*/ /*-----[Alert-Warning]-----*/ .alert-warning > i.fa-bullhorn { float: left; } .alert-warning .fa-bullhorn:before { font-size: 24px; } .alert-warning { color: #454f57; background-color: #f7903d; border-color: #f7903d; display: inline-block; width: 100%; padding: 4px 8px; margin-bottom: 6px; margin-top: 6px; } /*.alert-warning span{font-size:.875em;font-style:italic;padding-left:40px}*/ .alert > p { float: left; line-height: 27px; padding-left: 10px; } .alert > i.icon { float: left; margin: 3px 0 0 10px; } .alert > .remove { float: right; margin: 6px 6px 0 0; line-height: 9px; } .alert > .remove a { color: #454f57; } .alert > .remove a:hover, .activity-page .alert > .remove a:focus { color: #454f57; text-decoration: none; } /*-----[Alert-Warning]-----*/ .panel-wrap .panel > .panel-heading { border-bottom: 1px solid #e8edef; padding-top: 0; padding-bottom: 0; padding-left: 15px; } .panel-wrap .panel > .panel-heading p { line-height: 30px; } .panel-wrap .panel > .panel-heading .form-horizontal { margin-bottom: 12px; margin-top: 0 !important; } .panel-wrap .panel > .panel-heading .form-horizontal > .form-group { margin-bottom: 0; margin-top: 0; margin-left: -15px; margin-right: -15px; } .panel-wrap .panel { margin-top: 15px !important; box-shadow: none; } .panel-wrap .panel > .list-group .list-group-item { padding-top: 6px; } .panel-wrap .panel > .list-group .list-group-item .media { margin-top: 10px; } .panel-wrap .panel > .list-group .list-group-item .media-body { vertical-align: middle; } .panel-wrap .panel > .list-group .list-group-item .media-body p { line-height: 24px; margin: 0; } .panel-wrap .panel > .list-group .list-group-item .media-body a span { text-decoration: none; } .panel-wrap .panel > .list-group .list-group-item .media-body a .media-object { display: inline-block; margin-right: 5px; } .panel-wrap .panel > .list-group .list-group-item .media-body > .form-group { margin-top: 10px; margin-bottom: 5px; } .panel-wrap .panel > .list-group .list-group-item .media-body > .form-group input { border-radius: 0; box-shadow: none; } .panel-wrap .panel > .list-group .list-group-item .media-body > .form-group input:focus { border: 1px solid rgba(164, 171, 174, 0.5); } .panel-wrap .panel > .list-group .list-group-item:last-child { border-bottom: 1px solid #e8edef; } .panel-wrap .panel > .list-group .list-group-item:last-child p { margin: 8px 0 4px 0; } .panel-wrap .panel > .list-group .list-group-item .media-body a { color: #454f57; text-decoration: underline; } .panel-wrap .panel > .list-group .list-group-item .media-body a:focus, a:hover { color: #0e76bc; } /*----------------//--ends-activity-tab-section-css--//---------------*/ /*----------------//--start-partner-detail-list-edit-css--//---------------*/ .panel-heading { border-bottom: 1px solid #e8edef; padding-top: 0; padding-bottom: 0; padding-left: 8px; } .panel-heading .breadcrumb { background-color: transparent; margin-bottom: 0; padding: 12px 25px 12px 10px; } .panel-heading .breadcrumb a { color: #454f57; text-decoration: underline; cursor: pointer; } .panel-heading .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "|"; } .panel-heading .breadcrumb > li.active a { font-family: 'bariol-bold'; font-weight: normal; text-decoration: none; } /*----------------//--ends-partner-detail-list-edit-css--//---------------*/ /*----------------//--start-partner-profile-detail-css--//---------------*/ /*.people-profile-pic{display:inline-block;padding:0;width:66px}*/ .people-profile-pic { display: inline-block; width: 120px; height: 120px; padding: 0; } .people-profile-pic img { width: 100%; background: #fff; height: 100%; border-radius: 4px; } .form-horizontal.mx-t-4 { margin-top: 4px; } .ng-jcrop-image-wrapper, .jcrop-holder { margin: 0 auto !important; } /*profile-pic-modal-window*/ /*----------------//--ends-partner-profile-detail-css--//------------*/ /*----------------//--start-manage-custom-form-css--//---------------*/ /*add-forms-css*/ .manage-form .col-sm-12.mx-t-10 { margin-top: 10px; } .manage-form .col-sm-3.mx-t-10 { margin-top: 10px; } .manage-form .row.mx-b-10 { margin-bottom: 10px; } .manage-form .row.mx-t-10 { margin-top: 10px; } .manage-form .col-sm-6.mx-t-20 { margin-top: 20px; } .manage-form .row.mx-tbl-200121 { margin: 20px 0 12px 1px; } .manage-form .row .pull-left.mx-l-15 { margin-left: 15px; } .manage-form .row.border-bottom { border-bottom: 1px solid #9aa6ad; } .manage-form .row .add-field-form { font-size: 1em; margin: 6px 0 0 15px; } .manage-form .row.px-b-10 { padding-bottom: 10px; } .manage-form select.form-control { border: 1px solid rgba(164, 171, 174, 0.5); box-shadow: none; padding-left: 5px !important; border-radius: 0; margin-bottom: 0; } .manage-form select.form-control:focus { border: 1px solid rgba(164, 171, 174, 0.5); } /*.manage-form .col-sm-9.mx-l-20{margin-left:20px}*/ /*.manage-form .col-sm-9.px-lr-00{padding-left:0;padding-right:11px}*/ /*add-forms-css*/ .external-form-dd { position: relative; } .external-form-dd .dropdown-menu > li > a { white-space: normal; text-decoration: none; } .external-form-dd .down-arrow { position: absolute; right: 22px; top: 2px; z-index: 2; cursor: pointer; } .external-form-dd .set-dropdown { max-height: 150px; width: 100%; overflow-y: scroll; display: block; border-radius: 0; } .external-form-ttip-wrap { margin-right: 15px; } .top-tip-nav.bnone { border-bottom: none; } .external-form-ttip-wrap .tooltip.top { margin-top: -17px; } .external-form-ttip-wrap .tooltip.top .tooltip-arrow { margin-left: 35px; } /*----------------//--ends-manage-custom-form-css--//---------------*/ /*----------------//--start-manage-program-css--//---------------*/ /*manage-programs*/ /*step 2of3-css*/ .manage-program-subtitle { margin-left: -5px; margin-top: 10px; margin-bottom: 10px; } .manage-program-subtitle p { margin-bottom: 0; padding-left: 0; line-height: 34px; } /*step 2of3-css*/ /*step 3of3-css*/ .summary-detail { padding: 7px 0 0 12px !important; } .summary-detail h4 { margin-top: -3px; margin-bottom: 10px; } .summary-detail p { margin-bottom: 5px; } /*step 3of3-css*/ /*----------------//--ends-manage-program-css--//---------------*/ /*add-automated-quest-css*/ .ma-quest-wrap .panel { box-shadow: none !important; } .ma-quest-wrap .panel-group .panel { border-radius: 0; box-shadow: none !important; } .ma-quest-wrap .panel-default { border: 0 !important; } /*add-automated-quest-css*/ /*.add-AmQuest-outer .panel{box-shadow:none !important} .add-AmQuest-outer .panel-group .panel{border-radius:0;box-shadow:none !important} .add-AmQuest-outer .panel-default {border:0 !important}*/ /*----------------//--start-manage-custom-form-css--//---------------*/ /*----------------//--start-manage-quest-templates-css--//-----------*/ .parent-item span.fa { float: left; position: relative; color: #454f57; font-size: 18px; margin-right: 5px; margin-top: 1px; width: 8px; } /*-----------//--start-quest/task-template-list-css--//----------*/ .quest-template-ul ul { list-style: none; margin: 0 0 0 12px; padding: 0; } .quest-template-ul ul li div.parent-item { border-bottom: 1px solid rgba(164,171,174,.5); padding: 10px 0; } .quest-template-list a.icon-circle-green:before, .quest-template-list a.icon-circle-red:before, .quest-template-list a.icon-circle-yellow:before { content: ""; position: absolute; top: 6px; left: -13px; width: 7px; height: 7px; font-size: 0px; margin-right: 5px; border-radius: 50%; } .quest-template-list a.icon-circle-green:before { background: #95c53d; } .quest-template-list a.icon-circle-red:before { background: #b74750; } .quest-template-list a.icon-circle-yellow:before { background: #f6d40c; } /*-----------//--ends-quest/task-template-list-css--//----------*/ .datetimepicker .icon-arrow-left:before { content: "<"; font-style: normal; } .datetimepicker .icon-arrow-right:before { content: ">"; font-style: normal; } .quest-template-list a.icon-circle-red, .quest-template-list a.icon-circle-green, .quest-template-list a.icon-circle-yellow { position: relative; font-family: 'bariol-bold'; font-size: 1em; color: #454f57; font-weight: normal; margin-left: 19px; } .quest-template-list a.icon-circle-red:hover, .quest-template-list a.icon-circle-green:hover, .quest-template-list a.icon-circle-yellow:hover, .quest-template-list a.icon-circle-red:focus, .quest-template-list a.icon-circle-green:focus, .quest-template-list a.icon-circle-yellow:focus { font-family: 'bariol-bold'; font-size: 1em; font-weight: normal; text-decoration: none; } /*program-and-manage-quest-templates-task-edit/detail*/ .task-edit-section .teammate, .task-detail-section .teammate, .task-detail-section .teammate-list, .task-detail-section .approver, .task-detail-section .approver-list { margin-top: 0; } .task-edit-section .teammate-list, /*.task-edit-section .approver,*/ .task-edit-section .approver-list { float: left; margin-top: 8px; width: 100%; } .checkbox-box { margin-bottom: 8px; } .dis-inline { display: inline; top: 0; } .asgn-team-mbr ul { list-style: none; padding: 0; margin: 0; overflow: hidden; } .asgn-team-mbr ul.teammate-list > li, .asgn-team-mbr ul.approver-list > li, .teammate ul.teammate-list > li, .approver ul.approver-list > li { overflow: hidden; margin-bottom: 5px; } .asgn-team-mbr ul > li img, .wt-team-m-img { float: left; width: 20px; height: 20px; margin-right: 5px; border: 1px solid #e8edef; border-radius: 3px; } .wt-team-m-img.brole { line-height: 17px; } .wt-team-name-outer .list-item-fname { padding-bottom: 2px; } .wt-team-name-outer .wt-team-m-img { width: 30px; height: 30px; } .wt-team-name-outer .wt-team-name { overflow: hidden; padding-left: 0; } .wt-team-name-outer .wt-team-name .emailtag { overflow: visible; margin-top: 0; } .asgn-team-mbr ul > li span { float: left; display: inline-block; overflow: hidden; margin-left: 5px; } .asgn-team-mbr ul > li span.name, .asgn-team-mbr ul > li span.pro-name { float: left; display: inline-block; overflow: hidden; margin-right: 15px; word-wrap: break-word; margin-left: 0; } .asgn-team-mbr ul > li span.name { width: 220px; } .asgn-team-mbr ul > li span.pro-name { width: auto; } .asgn-team-mbr ul > li .item-profile-image { float: left; width: 20px; height: 20px; text-align: center; line-height: 16px; margin-right: 5px; border: 1px solid #e8edef; cursor: default; border-radius: 3px; } .asgn-team-mbr .fa-times-circle-o { font-size: 18px; margin-top: 2px; } .add-role-btn, .add-file-btn { float: left; width: 100%; border-top: 1px dashed #e8edef; padding-top: 6px; padding-bottom: 6px; padding-left: 0 !important; margin-top: 6px; } /*.add-role-btn a,.add-file-btn a{color:#454f57;text-decoration:underline} .add-role-btn a:hover,.add-file-btn a:hover{color:#0e76bc}*/ .fa-times-circle-o, .tbl-clickicon { color: rgba(247,144,61,1.0); cursor: pointer; } .fa-times-circle-o:hover, .tbl-clickicon:hover { color: rgba(247,144,61,0.5); } /*----New-Css-Program-Task-Detail----*/ /*business-roles*/ .ai-business-roles table td, .ai-custom-fields table td { padding: 0 5px 10px 5px; } .ai-business-roles table td { word-wrap: break-word; } .ai-business-roles table td:first-child label, .ai-custom-fields table td:first-child label { font-family: 'bariol-regular'; font-weight: normal; position: relative; word-break: break-word; word-wrap: break-word; } .sch-btn { color: #454f57; text-decoration: underline; } .sch-btn:hover { color: #0e76bc; } .ai-custom-fields .multiple-select .btn-group { margin-left: 0 !important; } /*edit*/ .ai-business-roles table td .fa.fa-times-circle-o, .ai-custom-fields table td .fa.fa-times-circle-o { font-size: 18px; margin-top: 3px; } .ai-custom-fields table th .fa-lock { position: relative; top: -4px; padding-top: 0; } .ai-lock-iconwrap, .sbn-bc-wrap { position: relative; } .ai-lock-iconwrap .tooltip.top { position: absolute; top: -34px; left: -48px; margin-top: 0; } .control-label.sbr-by-name, .control-label.scf-by-name { line-height: 16px; padding-top: 0; padding-left: 60px; padding-right: 0; } .sbn-bc-dd { position: absolute; z-index: 99; display: block; background-color: #f1f0f0; border: 1px solid #f1f0f0 !important; width: 100%; max-height: 100px; overflow: auto; } .sbn-bc-dd ul { margin: 0; padding: 0; } .sbn-bc-dd ul li { float: left; font-size: .875em; line-height: 20px; width: 100%; padding: 3px 15px; } .sbn-bc-dd li a { color: #454f57; cursor: pointer; text-decoration: none; } .sbn-bc-dd li:hover, .sbn-bc-dd li:hover a { background: #9aa6ad; color: #f6f9fc; } .task-edit-section .browse-text-box { padding-left: 0; } .browse-text-box { line-height: 33px; } /*.browse-text-box.px-l-0{padding-left:0}*/ .browse-text-box a.browse-btn { text-decoration: underline; } .browse-text-box a { text-decoration: underline; color: #454f57; } .browse-text-box a:hover { color: #0e76bc; } /*edit*/ /*manage-quest-templates*/ /*disabled*/ /*.mqt .form-wrap .form-control,*/ .mqt .multiple-select .btn-group { width: 300px; } .mqt .multiple-select.w100 .btn-group { width: 100%; } .mqt .form-wrap .form-control[disabled] { background-color: #fff !important; cursor: default; } .mqt .form-wrap .form-control + .currency-symbol[disabled] { background-color: #fff !important; cursor: default; opacity: 0.65; } /*disabled*/ .mqt.detail .form-wrap textarea.form-control, /*.mqt.edit .form-wrap textarea.form-control,*/ .mqt.detail .form-wrap input.form-control { padding-top: 8px; padding-bottom: 8px; width: 300px; } .mqt.edit .required-star { cursor: default !important; } /*edit*/ /*manage-quest-templates*/ .user-sugg-tag-box.bsn-role { width: 361px; } .user-sugg-tag-box.assigna-player-bsn-role { width: 300px; margin: 0 0 10px 0 !important; } .ca-company .user-sugg-tag-box .list-item-fname, .program .user-sugg-tag-box .list-item-fname, .pm-company .user-sugg-tag-box .list-item-fname { padding-left: 0; } .ca-company .user-sugg-tag-box, .program .user-sugg-tag-box, .pm-company .user-sugg-tag-box { margin-bottom: 8px; } /*.ca-company span,.program span{margin-right:5px}*/ .user-sugg-tag-box .select2-choice { max-height: 120px !important; overflow-x: hidden; cursor: default; overflow-y: auto !important; } .user-sugg-tag-box .select2-search-choice { margin-top: 5.5px !important; } /*.user-sugg-tag-box .select2-container-multi .select2-choices .select2-search-choice, .user-sugg-tag-box .select2-container-multi .select2-choices .select2-search-field input, .user-sugg-tag-box .select2-results .select2-result-label {font-size:.875em}*/ .user-sugg-tag-box .select2-container-multi .select2-choices { padding: 0 0 0 11px; } .user-sugg-tag-box .select2-container-multi .select2-choices span { margin-left: 0 !important; margin-right: 0 !important; } .user-sugg-tag-box .select2-container-multi .select2-choices .select2-search-field input { /*float:left;width:134px !important;*/ position: relative; left: 0; margin: 0; height: 35px; min-width: 220px; } .form-business-role.select2-container-multi .select2-choices { max-height: 52px !important; overflow: auto; } .broadcast-form .form-group, .sendby-form .form-group, .draft-form .form-group { margin-bottom: 0 !important; margin-left: 10px; } .broadcast-us-ddown .select2-search-field input, .sendby-us-ddown .select2-search-field input { height: 32px !important; } .brd-table-scroll { max-height: 369px; overflow: auto; } .bs-search-dropdown { background-color: #f1f0f0; font-size: .875em; border-radius: 0; box-shadow: none; border: none; width: 100%; position: absolute; height: 200px; overflow: auto; z-index: 9999; } .bs-search-dropdown ul { margin: 0; padding: 0; } .bs-search-dropdown ul li { text-align: left; } .bs-search-dropdown ul li a { cursor: pointer; font-size: 1em; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; } .bs-search-dropdown > ul > li > a { color: #454f57; white-space: inherit; overflow: hidden; text-overflow: ellipsis; border-right: 0; padding: 7.5px 15px; width: 100%; } .bs-search-dropdown > li > a:focus, .bs-search-dropdown > ul > li.active a, .bs-search-dropdown > ul > li.active a:hover { background-color: #2aace3; color: #f6f9fc; cursor: pointer; } .bs-search-dropdown > ul > li > a:hover { background-color: #9aa6ad; color: #f6f9fc; cursor: pointer; } .vmore-popup .modal-body { padding-top: 15px; max-height: calc(100vh - 162px); overflow: auto; } .broadcast-msg-box { width: 100%; height: 100%; } .broadcast-msg-box .broadcast-msg-bottom { overflow: auto; max-height: 350px; margin-right: -15px; padding-right: 15px; } .vmore-popup .modal-title { font-weight: 400; } .vmore-popup .date { margin-top: 3px; color: #9aa6ad; } .vmore-popup .date > span { color: #454f57; } .vmore-title-row { position: relative; display: table; border-bottom: 1px solid #9aa6ad; width: 100%; margin-bottom: 10px; margin-top: 2px; padding-bottom: 8px; } .vmore-title-row .to { font-weight: normal; } .vmore-title-row .user-list { display: table; font-weight: normal; padding-left: 7px; padding-right: 15px; width: auto; } .vmore-title-row .user-list ul { margin: 0; padding: 0; } .vmore-title-row .user-list ul li { float: left; } .modal-outer.modal-temp { text-align: center; padding: 0 !important; } /*.modal-temp:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px} .modal-temp .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}*/ .broadcast-popup { min-width: 424px; width: auto; max-width: 70%; } .broadcast-popup .modal-body { max-height: 450px; overflow: auto; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 34px; margin-bottom: 10px; } .broadcast-popup .user-list ul { margin: 0; padding: 0; } .broadcast-popup .user-list { padding-left: 7px; padding-right: 12px; padding-bottom: 8px; margin-top: 0; font-weight: normal; display: table; } .broadcast-popup .user-list ul li .tLeft-hidden { overflow: hidden; text-align: left; margin-bottom: 8px; } .tabs-divide .panel-heading { border-bottom: none; padding-left: 0; margin-bottom: 0px; } .tabs-divide .panel-title { font-size: 1em; } .search-input-group .input-group .input-group-btn { width: 1%; } /*.user-sugg-tag-box.w134 .select2-container-multi .select2-choices .select2-search-field input{width:134px; width:128%;} .user-sugg-tag-box .select2-container-multi .select2-choices .select2-search-field{width:100%;}*/ .user-sugg-tag-box .select2-results .select2-result-label { padding-left: 11px; } .select2-results { margin: 0; } .error .user-sugg-ddown { margin: -1px 0; } .user-sugg-ddown { width: 100%; margin-top: 0; } .list-item-image, .list-item-color { float: left; width: 28px; height: 28px; border-radius: 3px; } .list-item-color { border: 1px solid #e8edef; line-height: 28px; text-align: center; } .list-item-color + .list-item-fname { padding-top: 7px; } .list-item-fname { padding-left: 10px; overflow: hidden; word-wrap: break-word; line-height: 16px; } .select2-results .select2-result-label { padding: 6px 7px 6px 14px; } .remove-company-dd .select2-results .select2-result-label { padding: 10px 7px 10px 14px; } .emailtag { font-size: 0.875em; line-height: 1.2em; margin-top: -2px !important; } /*business-roles*/ /*custom-fields*/ /*.ai-custom-fields.mx-t-10{margin-top:10px}*/ .ai-custom-fields table td:first-child label span.has-error { position: absolute; margin-left: -11px; } .ai-custom-fields table td .crncy-symbol-wrap { position: relative; } .ai-custom-fields table td .currency-symbol, .ai-custom-fields table td .percentage-symbol { position: absolute; } .ai-custom-fields table td .form-control + .currency-symbol { left: 3px; top: 8px; } .ai-custom-fields table td .currency-value { position: absolute; left: 14px; } .ai-custom-fields table td input[type=radio] { margin: 5px 0 0; } .ai-custom-fields table td ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; margin-top: 0; } .ai-custom-fields table td ul li [type="checkbox"]:disabled:not(:checked) + label, .ai-custom-fields table td ul li [type="checkbox"]:disabled + label { float: left; margin-bottom: 10px; width: 100%; } .ai-custom-fields table td ul.option li > .radio { width: 100%; min-height: 20px; line-height: 20px; margin: 0; margin-bottom: 5px; } /*form-field-use-redio-checkbox*/ /*.custom-checkbox input[type="checkbox"]:not(:checked) + label::before, .custom-checkbox input[type="checkbox"]:checked + label::before{top:2px;} .custom-checkbox input[type="checkbox"]:not(:checked) + label::after, .custom-checkbox input[type="checkbox"]:checked + label::after{top:5px;}*/ .option .radio input[type="radio"]:not(:checked) + label::before, .option .radio input[type="radio"]:checked + label::before { top: 3px; } .option .radio input[type="radio"]:not(:checked) + label::after, .option .radio input[type="radio"]:checked + label::after { top: 6px; } /*form-field-use-redio-checkbox*/ /*edit*/ .ai-custom-fields table td ul.checkbox { margin-bottom: -4px; } /*.ai-custom-fields table td.chk-center input[type="checkbox"] + label::before{top:2px;left:2px;} .ai-custom-fields table td.chk-center input[type="checkbox"] + label::after{top:5px;left:4px;}*/ .ai-custom-fields table td.chk-center input[type="checkbox"] { cursor: pointer; } .crncy-symbol-wrap { position: relative; color: #454f57; } .currency-symbol { position: absolute; } /*program-form//manage-custom-form*/ .ai-custom-fields table td span.form-title { font-family: 'bariol-bold'; color: #454f57; font-size: 1em; font-weight: normal; } .mcustom-form, .form-btn-wrap, .form-error-wrap { width: 420px; } .mcustom-form { background: #f6f9fc; margin: 0 auto; padding: 15px; } .mcustom-form table { width: 100%; margin-top: 15px; } .mcustom-form table td { padding: 0 0 10px 0; } .form-main-title, .form-instruction { font-size: 1em; color: #9aa6ad; font-weight: normal; text-align: left; white-space: pre-wrap; margin-bottom: 10px; margin-top: 2px; } .form-btn-wrap { margin: 20px auto 0 auto; } /*.form-btn-wrap.mx-b-80, .mar-b-80{margin-bottom:80px}*/ .form-error-wrap { float: none; margin: 0 auto; padding-top: 10px; clear: both; } .error { border: 1.5px solid #b74750 !important; border-radius: 2px !important; } .error:focus { border-color: #b74750; outline: 0; } /*program-form//manage-custom-form*/ .required-star { font-size: 22px; color: #b74750; cursor: pointer; } /*custom-fields*/ /*.mar-pad{margin:0 !important;padding:0 !important}*/ .upload-btn { padding: 0 !important; } .upload-btn .btn { margin-left: 0; } .upload-btn label { font-family: 'bariol-regular' !important; color: #fff !important; } .select-file { margin-bottom: 10px; } .upload-btn input[type="file"] { display: none; } .upload-btn input[type="button"] { margin-top: 10px; } .row.btn-label .footer-btn-wrap { padding-right: 10px; } .selectedSuggestionClass { background-color: #9aa6ad; } #divRenderTaskDetail .control-label { padding-right: 0; } /*----------custom-form-preview .title line no 746-------*/ .custom-form-preview .title { float: left; width: 100%; } /*custom-form-preview-step-3of3*/ .custom-form-preview { float: none; background: #f6f9fc; margin: 0 auto; margin-top: 20px; overflow: hidden; } .custom-form-preview .title { border-bottom: 1px solid #e8edef; margin: 5px 0; } .custom-form-preview .heading-cf { float: left; font-size: 1em; font-weight: 400; border-bottom: 1px solid #f1f0f0; width: 100%; overflow: hidden; padding-bottom: 3px; margin: 10px 0 25px; } .custom-form-preview .character-remaining { font-size: .875em; font-weight: normal; padding-left: 0; margin: 5px 0; } .custom-form-preview .character-remaining span { background-color: transparent; text-align: center; line-height: 0; border: 0; outline: 0; padding-left: 3px; padding-right: 3px; } .custom-form-preview textarea.form-control { font-size: .875em; } .custom-form-preview textarea { width: 386px; } .custom-form-preview ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } .form-wrap .form-control.cf-number-input, .form-wrap .form-control.cf-menu { font-size: .875em; background-color: #fff; resize: none; width: 386px; height: 33px; margin-top: 3px; } .cursor-defautl { cursor: default !important; } /*custom-form-preview-step-3of3*/ .browse-lbl, .browse-lbl:hover, .browse-lbl:focus, .browse-lbl:active:hover { background-color: #2aace3 !important; border-color: #2aace3; opacity: .65; cursor: default; } /*-------------//--Start-manage-quest/task-detail-css--//----------*/ /*-----------//Start-Quest-Templates-Task-Detail-Edit//-----------*/ .task-detail-section ul, .task-detail-section li { list-style: none; margin: 0; padding: 0; } .task-detail-section li span { display: inline-block; } .task-detail-section table { width: 100%; } .task-detail-section .admin-list-heading, .task-edit-section .admin-list-heading { float: left; padding-bottom: 0 !important; } .task-detail-section .control-label { padding-top: 0; font-weight: normal; } .task-edit-section .control-label { padding-right: 0; font-weight: normal; } .task-detail-board, .task-edit-board { border: 1px solid rgba(164, 171, 174, 0.5); border-radius: 2px; } .task-edit-board span.star-red { color: #b74750; padding: 0 4px; } .task-detail-board .form-group { margin-top: 3px; margin-bottom: 3px; margin-left: 0; margin-right: 0; } .task-edit-board .form-group { margin-bottom: 20px; margin-left: 0; margin-right: 0; } .tde-row-border, .task-detail-board, .task-edit-board { padding: 15px 0; } .tde-row-border { border-bottom: 1px solid rgba(164, 171, 174, 0.5); } .tde-row-border h5 { font-family: 'bariol-bold'; font-weight: normal; text-transform: uppercase; margin: 0; padding-left: 15px; margin-bottom: 15px; } .tde-row-border .form-group h5 { padding-left: 30px; } .task-edit-section .tde-row-border .form-group { margin-bottom: 20px; } .associate-ttip { font-size: 1em; } .associate-ttip .col-sm-4 { padding-right: 0; } .associate-ttip .col-sm-4 .fa { font-size: 19px; vertical-align: middle; margin-right: 4px; color: rgba(247, 144, 61, 1.0); } .associate-ttip .col-sm-4 .fa:hover { color: rgba(247, 144, 61, 0.5); } .associate-ttip a { color: #454f57; text-decoration: underline; cursor: pointer; margin-left: 5px; } .associate-ttip a:hover { color: #0e76bc; } .associate-ttip span { cursor: pointer; } .associate-ttip .pd-R-0 a { color: #454f57; text-decoration: underline; cursor: pointer; margin-left: 5px; } .associate-ttip .pd-R-0 a:hover { color: #0e76bc; } .icon-button-switch.b-none { border-bottom: none; } .icon-button-switch { float: left; border-bottom: 1px solid #e8edef; width: 100%; padding-bottom: 10px; padding-right: 25px; margin-bottom: 10px; } /*.icon-button-switch.mx-t-m20{margin-top:-20px}*/ .icon-button-switch a.edit, .icon-button-switch a.delete { position: relative; display: inline; color: #454f57; text-decoration: none; line-height: 19px; } .icon-button-switch a.edit { padding-left: 19px; } .icon-button-switch a.delete { padding-left: 17px; } .icon-button-switch a.edit { margin-right: 10px; } .icon-button-switch i { font-size: 18px; position: absolute; left: 0; top: -2px; } .modal-header .admin-list-heading { float: left; font-family: 'bariol-regular'; text-transform: capitalize; padding-bottom: 10px !important; } .modal-header .icon-button-switch { float: right; border-bottom: none; width: auto; padding-left: 0; padding-right: 39px; margin-top: -1px; margin-bottom: 0; } .msg-modal .modal-header.bottom-modal-line { border-bottom: 1px solid rgba(164, 171, 174, 0.5); } /* EDIT BY ASHOK ICON-BUTTON-SWITH*/ .modal-header.programtask .icon-button-switch i { font-size: 18px; position: initial; } .modal-header.programtask .icon-button-switch a.edit { margin-right: 0; padding-left: 10px; } .modal-header.programtask .icon-button-switch a.delete { padding-left: 8px; } /* EDIT BY ASHOK ICON-BUTTON-SWITH*/ /*-----------//End-Program-and-Quest-Templates-Task-Detail-Edit//-----------*/ /*.table-parent-wrap.table-wrap .table{margin:10px 0;}*/ .task-edit-section .fa-quesc-wrap { padding-left: 0; } .task-edit-section .fa-quesc-wrap .fa { font-size: 22px; color: rgba(247,144,61,1.0); cursor: pointer; } .task-edit-section .fa-quesc-wrap .fa:hover { color: rgba(247,144,61,0.5); } /*---<--Use--duration-->--*/ .duration.p_t_m label { margin-top: 25px; } .duration.p_t_m .set-duration .hours { padding-left: 29px; } .duration.p_t_m .set-duration .minutes { padding-left: 43px; } .duration.p_t_m .fa-quesc-wrap { margin-top: 27px; } .duration .set-duration { margin-bottom: 0 !important; } .duration .set-duration span.sd-title { float: left; font-weight: 700; max-width: 100%; margin-right: 5px; padding-top: 7px; } .duration .set-duration input { float: left; width: 89px; } .duration .set-duration .hours { padding-left: 9px; } .duration .set-duration .minutes { padding-left: 2px; } .duration .set-duration .minutes .form-control { width: 84px !important; } .duration .fa-question-circle, .deadline .fa-question-circle { margin-top: 6px; } /*---<--Use--duration-->---*/ /*---<--Use--deadline-->---*/ .checkbox-wrap input[type="checkbox"] { float: left; margin-top: 4px; margin-right: 10px; } .checkbox-wrap input[type="checkbox"] + label.control-label { float: left; padding-top: 0; } /*.checkbox-wrap input[type="checkbox"]:not(:checked) + label::before, .checkbox-wrap input[type="checkbox"]:checked + label::before{top:1px} .checkbox-wrap input[type="checkbox"]:not(:checked) + label::after, .checkbox-wrap input[type="checkbox"]:checked + label::after{top:4px}*/ .deadline .date-picker { padding-left: 0; padding-right: 0; } .deadline .date-picker.assign-duration { padding-right: 15px; } .deadline .date-picker.assign-duration .duration-divleft.time-diplay-hide .date-display { width: 100%; padding-right: 15px; } .deadline .date-picker.assign-duration .duration-divleft.time-diplay-hide .date-display .form-control { border: 1.5px solid rgba(164, 171, 174, 0.5); } .deadline .date-picker .date-display { padding-right: 0; width: 50%; } .deadline .date-picker .date-display .form-control { background: #fff; text-align: right; border-right: 0; padding-right: 3px; } .deadline .date-picker .time-display { padding-left: 0px; margin-left: -1px; width: 50%; } .deadline .date-picker .time-display .form-control { background: #fff; text-align: left; border-left: 0; padding-left: 3px; } /*---<--Use--deadline-->---*/ /*Program form*/ #divProgramSideFilter + .col-sm-12.content-wrap { left: 0; padding-right: 17px !important; } /*-----------//Start-Quest-Templates-Task-Detail-Edit //---------------*/ /*-------------------//--start-modal-dialog-css--//-------------------*/ .modal-outer { display: block !important; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow: hidden; outline: 0; overflow-y: auto; } .msg-modal.modal-dialog, .modal-uiouter-msg .modal-dialog, .modal-content-ssf .modal-dialog, .modal-content-ssf-ps .modal-dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) !important; margin: 0 auto; } .modal-uiouter-msg .modal-sm { width: 400px; } .msg-modal .modal-body { padding: 25px 30px 15px; height: auto !important; } .msg-modal .modal-body.px-b-25 { padding-bottom: 25px; } .msg-modal .button-box { margin-top: 20px; } .msg-modal .msg-text { font-size: 1em; } .align-center { text-align: center; } .msg-modal .modal-title h3.exf-title { border-bottom: 1px solid rgba(164,171,174,.5); word-break: normal; padding-bottom: 12px; padding-right: 15px; margin-bottom: 20px; font-size: 1.3em; } .msg-modal .modal-title p { font-size: 1em; margin: 0; } .msg-modal .modal-header { border-bottom: none; padding-left: 30px; } .data-modal .modal-body, .modal-body.uimodal-body, .ui-modal-body { overflow-y: auto; overflow-x: hidden; height: calc(100vh - 162px); } .data-modal .modal-body.max-bodyheight { overflow-y: auto; overflow-x: hidden; height: auto; max-height: calc(100vh - 162px); } .data-modal .modal-body.poc-modal-body { padding: 0; } /*.ui-modal-body.modal-hgt-fixed{height:500px !important}*/ .data-modal .modal-header, .data-modal .modal-footer { padding: 10px 15px; } .data-modal .modal-header.px-trbl-10000 { padding: 10px 0 0 0; } #divEmailAddressBookList > .ui-modal-body { min-height: 280px; } #divAddEmailAddressBookPopup > .msg-modal.modal-dialog { height: 307px; } #divExternalUserPopUp { overflow: auto; } #divExternalUserPopUp .modal-body { /*max-height:calc(100vh - 162px);*/ overflow-y: visible; overflow-x: visible; height: auto; } .modal-dialog .modal-content { border-radius: 0; } .modal-dialog .error-msg { line-height: 34px; height: 34px; } .modal-dialog .error-msg span { color: #b74750; } .modal-open .modal { overflow-y: hidden; } .modal-dialog.at-flat-file-import { width: 600px; } /*button.close{font-size:32px;position:absolute;top:5px;opacity:1;right:10px}*/ .close-icon { font-size: 18px; color: #8c9497; cursor: pointer; position: absolute; top: 8px; right: 13px; z-index: 10; } /* height fixed pop up*/ #divPrivlage_ListPopup > .data-modal .modal-body { height: 525px; } /*start-privacy-statement-popup*/ .modal-outer.privacy-popup-outer { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; overflow: hidden; height: 406px; margin: 0 auto; } .data-modal .modal-content.policy-data-container { font-size: 15px; padding: 2px 20px 20px 20px; } .data-modal .modal-content.policy-data-container .modal-title { font-weight: bold; text-align: center; } .data-modal .modal-content.policy-data-container .modal-body { height: auto !important; } .data-modal .modal-content.policy-data-container .policy { height: 290px; } .data-modal .modal-content.policy-data-container p { font-size: 1em; color: #454f57; text-align: justify; padding: 0 5px 4px 0; } .data-modal .modal-content.policy-data-container p { text-align: justify; padding: 0 22px; margin: 0; } .data-modal .modal-content.policy-data-container p span { text-decoration: underline; } .data-modal .modal-content.policy-data-container table { border-top: 1px solid #9aa6ad; border-left: 1px solid #9aa6ad; } .data-modal .modal-content.policy-data-container table th, .policy-data-container table td { border-bottom: 1px solid #9aa6ad; border-right: 1px solid #9aa6ad; vertical-align: top; padding: 3px 8px; } .data-modal .modal-content.policy-data-container table td { text-align: justify; } .data-modal .modal-content.policy-data-container h3.location-address { font-size: 19px; font-weight: normal; padding: 5px 0 0 95px; } .data-modal .modal-content.policy-data-container p.email { padding: 5px 0 0 95px; } .data-modal .modal-content.policy-data-container p.email a { color: #2aace3; } .data-modal .modal-content.policy-data-container p.q2e-excel-inc { font-size: 18px; font-weight: bold; padding-left: 95px; } .data-modal .modal-content.policy-data-container p.subtitle { padding-bottom: 10px; } .data-modal .modal-content.policy-data-container p.first-letter::first-letter { padding-left: 75px; } .data-modal .modal-content.policy-data-container p strong { padding-left: 50px; } .policy-data-container .footer-btn-wrap .btn-default.sz80 { width: 80px; } /*ends-privacy-statement-popup*/ /*------------------//--end-modal-dialog-css--//-------------------*/ /*------------------//--start-default2-css--//-------------------*/ /*----select input disable*/ select option[disabled] { color: #8c9497; } /*------------Manage Quest template--------------*/ /*use-page-quest-template-tooltip-program-task-tooltip*/ .searchbox-refm-wrap { float: left; position: relative; width: 35.5%; } .searchbox-refm-wrap .caret { display: none; } .searchbox-refm-wrap .btn-group.open .dropdown-toggle, .searchbox-refm-wrap .open > .dropdown-toggle.btn-default:hover, .searchbox-refm-wrap .bootstrap-select .btn-default { border: none; } .searchbox-refm-wrap .btn-default:active:hover { border: 0; outline: 0; } .searchbox-refm-wrap .bootstrap-select .dropdown-toggle:focus { border: 0; outline-offset: 0; outline: 0 !important; } .searchbox-refm-wrap .bootstrap-select.btn-group .btn, .searchbox-refm-wrap .bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:hover, .searchbox-refm-wrap .bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:focus, .searchbox-refm-wrap .bootstrap-select.btn-group .dropdown-toggle:focus { float: left; border: none; width: 15px !important; height: 35px; padding-left: 0; margin-left: -5px; margin-top: -1px; } .searchbox-refm-wrap .bootstrap-select.btn-group .dropdown-menu { width: auto; } .searchbox-refm-wrap > input { float: left; font-family: 'bariol-regular'; font-size: .875em; text-align: left; background: #fff; border: 1.5px solid rgba(164,171,174,.5); outline: 0; width: 100%; height: 35px; padding-left: 5px; padding-right: 55px; } .searchbox-refm-wrap .choose-fmate-trigger { float: right !important; position: relative; top: -34px; right: 34px; z-index: 2; border: 0; border-left: 0; outline: 0; background: 0 0; width: 19px !important; height: 26px !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .searchbox-refm-wrap .choose-fmate-trigger.form-control { box-shadow: none; } .searchbox-refm-wrap .fa-caret-square-o-down { float: right; color: #2aace3; position: relative; right: 0; top: -26px; left: -21px; } .searchbox-refm-wrap .search-icon-box { display: inline-block; position: absolute; right: 0; top: 0; color: #fff; text-align: center; vertical-align: middle; line-height: 35px; cursor: pointer; background: #2aace3; clear: both; width: 34px !important; height: 35px; } .searchbox-refm-wrap .search-icon-box:hover { background-color: #0e76bc; } .category-dd-wrap { float: right; width: 300px; } .data-type-box { display: block; clear: both; padding-top: 6px; } /*use-page-quest-template-tooltip-program-task-tooltip*/ .choose-file-wrap .filesname-list { text-align: left; width: 100%; max-height: 250px; overflow: auto; } .choose-file-wrap .filesname-list ul { display: inline-block; list-style: none; margin: 10px 0 10px 5px; padding: 0; } .choose-file-wrap > label.choose-file-btn > input { display: none; } .choose-file-wrap > label.choose-file-btn { display: inline-block; font-family: 'bariol-bold'; color: #fff; font-weight: normal; text-align: center; line-height: 28px; cursor: pointer; background: #2aace3; border: 1px solid #2aace3; border-radius: 17px; width: 158px; padding: 0 25px; margin-bottom: 0; } .choose-file-wrap > label.choose-file-btn:hover { background-color: #0e76bc; border: 1px solid #0e76bc; } .choose-file-wrap .validation-msg { margin-left: 5px; } .choose-file-btn-wrap { padding: 0 15px; text-align: right; } .link-rsource-activity .modal-header { border-bottom: 1px solid rgba(164, 171, 174, 0.5); } .link-rsource-activity .modal-body { padding-top: 5px; padding-bottom: 20px; } .link-rsource-activity .modal-body > .form-group { margin-bottom: 0; } .link-rsource-activity .modal-body > .form-group > .row { padding: 0 15px; text-align: right; margin-top: 30px; margin-bottom: 0; } .link-rsource-activity label { font-family: 'bariol-regular'; font-weight: normal; margin-top: 10px; margin-bottom: 3px !important; } .link-rsource-activity .form-control { box-shadow: none; border-radius: 2px; padding-left: 5px; padding-right: 5px; } .link-rsource-activity .v-msg { text-align: left; padding-right: 0; padding-bottom: 0; } .link-rsource-activity .v-msg-fixed { position: absolute; left: 0; text-align: left; line-height: 25px; width: 100%; padding-left: 15px; padding-right: 0; padding-bottom: 0; } .form-control { border: 1.5px solid rgba(164, 171, 174, 0.5); } /*-----start-popup-tooltip-----*/ #divTTP_HyperlinkPopup, #divTTP_TNTPopup, #divTTResourcePopup { position: fixed; z-index: 3; } #divTTP_HyperlinkPopup .close-icon, #divTTP_TNTPopup .close-icon, #divTTResourcePopup .close-icon { top: 1px; right: 7px; } #divTTResourcePopup { z-index: 4; } #divTTP_HyperlinkPopup { z-index: 5; } #divTTP_TNTPopup table, #divTTResourcePopup table, #divTTP_HyperlinkPopup table { width: 100%; margin-bottom: 10px; } .model-ttip-tbl tr td:first-child { float: left; display: inline-block; word-wrap: break-word; width: 90%; } .model-ttip-tbl tr td a { text-decoration: underline !important; cursor: pointer; } .model-ttip-tbl tr td a.ttH, .model-ttip-tbl tr td a.ttTNT, .model-ttip-tbl tr td a.ttR { text-decoration: none; } .model-ttip-tbl tr td:nth-child(2) { display: inline-block; text-align: right; width: 10%; } .model-ttip-tbl tr td i.fa-times-circle-o { font-size: 18px; } #divTTP_HyperlinkPopup .modal-body, #divTTP_TNTPopup .modal-body, #divTTResourcePopup .modal-body { overflow-y: auto; overflow-x: hidden; width: 100%; height: 102px; padding: 8px 10px 8px 8px; } #divTTP_HyperlinkPopup .modal-content:after, #divTTP_TNTPopup .modal-content:after, #divTTResourcePopup .modal-content:after { position: absolute; content: ''; left: 50%; bottom: -21px; background: url(/Assets/images/v3sprite.png) 0 -50px no-repeat; width: 41px; height: 21px; margin-left: -25px; } #divTTP_HyperlinkPopup .modal-content, #divTTP_TNTPopup .modal-content, #divTTResourcePopup .modal-content { border-radius: 1px; box-shadow: 0 1px 9px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 9px rgba(0,0,0,.5); padding-bottom: 8px; } #divTTP_TNTPopup .modal-dialog, #divTTResourcePopup .modal-dialog, #divTTP_HyperlinkPopup .modal-dialog { margin: auto !important; } #divTTP_TNTPopup .close, #divTTResourcePopup .close, #divTTP_HyperlinkPopup .close { position: absolute; top: 5px; right: 7px; } .tooltip-modal { max-width: 236px; } .tooltip-modal .modal-header { border-bottom: none; } /*---------------------start-comment-section-page-css-------------*/ #collCommentSection .form-group { margin-top: 0; } .sort-drop-outer { margin-top: -6px; } .sort-by { padding-right: 5px; padding-top: 7px; margin-left: 10px; } .comment-row { margin-bottom: 11px !important; padding-right: 0; } .comment-row .breadcrumb { padding-top: 7px; } .comment-row .breadcrumb li a { cursor: pointer; } .comment-row h5.control-label { padding-right: 7px !important; padding-top: 5px; padding-left: 15px; } .comment-row .fa-comment-outer { float: left; width: 28px; height: 28px; } .comment-row .fa-comment-o { float: left; position: relative; color: rgba(164, 171, 174, 0.5); width: 28px; margin-top: -3px; } .comment-row .fa-comment-o:before { font-size: 28px; } .comment-row .fa-comment-o span { font-family: 'bariol-regular'; font-size: .875em; color: #454f57; text-align: center; line-height: 28px; position: absolute; left: 0; width: 100%; } /*start-comment-icon-in-tooltip-css*/ #divEmailLock + .tooltip.top { margin-top: 0; } /*#divtbxCommentReply .icon-label .fa.reply-lock,.icon-label .reply-lock-leveltwo{right:28px!important}*/ /*.attach-comment-icon .fa.reply-lock,.attach-email-icon .fa.reply-lock{right:28px!important}*/ /*old-css*/ /*.icon-label{position:relative;width:auto;height:16px;padding-right:5px} .icon-label.ms-mr-15{margin-right:-15px} .icon-label .fa{float:right;font-size:17px!important;color:rgba(247,144,61,1);cursor:pointer;line-height:13px;position:absolute;right:0;z-index:9;margin-left:8px} .icon-label .fa.fa-paperclip{right:6px} .icon-label .fa.reply-lock{right:54px} .icon-label .fa:hover{color:rgba(247,144,61,0.5)}*/ /*end-comment-icon-in-tooltip-css*/ /*old-css*/ /*new-css*/ /*---------section-comment/email-icon-common-----------*/ .cem_icon_wrap { position: relative; height: 16px; padding-right: 5px; } .cem_icon_wrap > .fa { font-size: 17px !important; line-height: 13px; cursor: pointer; position: absolute; right: 0; z-index: 9; margin-left: 8px; } .cem_icon_wrap > .fa.fa-paperclip { right: 6px; } .cem_icon_wrap > .fa.fa-lock, .fa.fa-unlock-alt { right: 28px; } .cem_icon_wrap.email_icon > .fa.fa-lock, .cem_icon_wrap.email_icon > .fa.fa-unlock-alt { right: 54px; } .cem_icon_wrap > .address_book_icon { position: absolute; right: 25px; cursor: pointer; background: url(/Assets/images/bookicon.svg) no-repeat; background-size: 18px; width: 18px; height: 17px; margin-left: 8px; } .cem_icon_wrap > .address_book_icon:hover { opacity: 0.5; } /*---------section-comment/email-icon-common-----------*/ /*new-css*/ /*------------NEW-COMMENT-CSS-----------*/ /*new*/ /*placeholder*/ .anc_placeholder, .cmt_placeholder, .eml_placeholder { /*font-size:0.875em;*/ color: #9aa6ad; } .eml_placeholder { line-height: 22px; padding: 0; } .cem_usr_taginput > .clsCommentpholder { /*font-size:0.875em;*/ color: #9aa6ad; } /*placeholder*/ /*new*/ /*old*/ /*placeholder*/ .section-group-comment .clsCommentPholder, .section-group-comment .Qmplaceholder, .section-postcomment .clsCommentPholder { color: #9aa6ad; } .section-group-comment .Qmplaceholder { padding: 1px 0; } /*placeholder*/ /*old*/ /*new-css*/ /*comment-box*/ /*.section_comment,.section_email_comment{} .comment_box,.email_comment_box{font-size:.875em;border:1.5px solid rgba(164, 171, 174, 0.5);padding:7px 0 5px 0} .comment_box{min-height:54px}.email_comment_box{position:relative}*/ /*comment-box*/ /*New-comment-taginput-Css*/ /*.cem_usr_taginput{color:#454f57;font-weight:normal;outline:0;min-height:23px;padding:3px 15px 3px 5px;margin-right:0} .cem_usr_taginput a{color:#454f57;background:#f1f0f0;border:1px solid rgba(164, 171, 174, 0.5);outline:0;text-decoration:underline}*/ /*New-comment-taginput-Css*/ /*new-css*/ /*old-css*/ .attach-comment-outer { font-size: .875em; border: 1.5px solid rgba(164, 171, 174, 0.5); min-height: 54px; padding: 7px 0 5px 0; } .attach-comment-text-reply { color: #454f57; font-weight: normal; min-height: 26px; padding: 3px 15px 3px 5px; outline: 0; margin-right: 8px; } .attach-comment-text-reply a { color: #454f57; background: #f1f0f0; border: 1px solid rgba(164, 171, 174, 0.5); text-decoration: underline; } .attach-comment-text-reply.ms-r-0 { margin-right: 0; } /*.attach-comment-text-reply.none{border:none;padding-left:8px;padding-bottom:2px}*/ /*comment_box replace this attach-comment-outer*/ /*cem_usr_taginput replace this attach-comment-text-reply*/ /*old-css*/ /*new-comment-taguser-dropdown-Css*/ /*.comment_usr_tag_dd{position:absolute;z-index:999;background-color:#f1f0f0;border:1px solid #f1f0f0;width:100%;max-height:105px;overflow:auto} .comment_usr_tag_dd>ul>li{float:left;cursor:pointer;width:100%;padding:6px 0 6px 5px !important} .comment_usr_tag_dd>ul>li:before{border-left:0 !important} .comment_usr_tag_dd>ul>li:hover{background-color:#9aa6ad} .comment_usr_tag_dd>ul>li:hover a{color:#f6f9fc} .comment_usr_tag_dd>ul>li>.user_photo{float:left;margin-right:5px} .comment_usr_tag_dd>ul>li>.user_photo>a>img{width:23px;height:23px;border-radius:3px} .comment_usr_tag_dd>ul>li .user_name{float:left;line-height:23px} .comment_usr_tag_dd>ul>li .user_name>a{color:#9aa6ad;text-decoration:none} .comment_usr_tag_dd>ul>li:hover .user_name>a{color:#f6f9fc}*/ /*new-comment-taguser-dropdown-Css*/ /*old-css*/ .comment-dd { position: absolute; background-color: #f1f0f0; border: 1px solid #f1f0f0; z-index: 999; width: 92.2%; } .comment-dd ul > li { float: left; color: #9aa6ad; font-weight: normal; cursor: pointer; list-style: none; width: 100%; padding: 6px 0 6px 5px !important; } .comment-dd ul > li:hover { color: #f6f9fc; background-color: #9aa6ad !important; } .comment-dd ul > li::before { border-left: none !important; } .comment-dd ul > li .photo { float: left; width: 23px; text-align: center; margin-right: 5px; } .comment-dd ul > li .photo img { border-radius: 3px; width: 23px; height: 23px; } .comment-dd ul > li .name { float: left; width: auto; height: auto; line-height: 23px; } .comment-dd ul > li .name a { color: #454f57; text-decoration: none; } .comment-dd ul > li:hover .name a { color: #f6f9fc !important; } /*comment_usr_tag_dd replace this comment-dd*/ /*old-css*/ /*new-css*/ .comment_post { float: left; position: relative; width: 100%; min-height: 20px; padding: 5px 15px 5px 0; margin-bottom: 3px; margin-top: 4px; } .comment_post > .post_icon_wrap, .comment_post .post { float: left; width: 94%; } .comment_post > .post_icon_wrap { padding-right: 0; } .comment_post > .post_icon_wrap > .fa-lock { top: 2px; right: 0; margin-left: 0; } .comment_post .post.message, .post.sub_message, .post.sub_rply_message, .post.tag_user_name { font-size: 1em; line-height: 18px; } .comment_post .post.message a { color: #2aace3; text-decoration: none; } .comment_post .post.comment_atchment_countbox { text-align: right; margin-right: 0; } /*new-css*/ /*old-css*/ .section_postcomment_body { position: relative; min-height: 20px; padding: 5px 15px 5px 0; margin-bottom: 3px; margin-top: 4px; } .post-comment { float: left; width: 100%; } .post-comment .msg-display { float: left; width: 94%; } .post-message, .post-sub-message, .post-subreply-message, .post-tag-user { float: left; font-size: 1em; line-height: 18px; width: 94%; } .post-message a { color: #2aace3; text-decoration: none; } .post-comment .attachment-count { float: left; width: 94%; text-align: right; margin-right: 0; } .post-comment .attachment-count span, .post-comment .attachment-count a { font-size: 1em !important; } .post-comment > .post-lock-wrap { float: left; width: 94%; padding-right: 0; } .post-comment > .post-lock-wrap > .post-lock { top: 2px; margin-left: 0; } .post-reply { float: right; position: absolute; top: 2px; right: 10px; z-index: 1; width: 13%; margin-top: 0; } /*.comment_post replace this .section_postcomment_body.post-comment*/ /*.comment_post>.post_icon_wrap replace this .post-comment >.post-lock-wrap*/ /*.comment_post .post.message replace this .post-comment .post-message*/ /*.comment_post .post.sub_message replace this .post-comment .post-sub-message*/ /*.comment_post .post.sub_rply_message replace this .post-comment .post-subreply-message*/ /*.comment_post .post.tag_user_name replace this .post-comment .post-tag-user*/ /*.comment_post .post.comment_atchment_countbox replace this .post-comment .attachment-count*/ /*old-css*/ /*/******************************************************************-css*/ /*comment-attach-counterBox-css*/ /*.comment_atchment_countbox{float:right;position:relative;margin-right:9px} .comment_atchment_countbox >span{font-size:1em;color:#454f57} .comment_atchment_countbox a{color:#454f57;text-decoration:underline;word-wrap:break-word;cursor:pointer} .comment_atchment_countbox a:hover{color:#0e76bc}*/ /*comment-attach-counterBox-css* /*--comment-attach-tooltip-css--*/ /*.comment_atchment_ttip{z-index:1070;position:absolute;bottom:21px;right:-28px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;-webkit-line-break:auto;display:block} .comment_atchment_ttip.in{filter:alpha(opacity=90);opacity:.9} .comment_atchment_ttip.fade.in{opacity:1} .comment_atchment_ttip >.cat_ttip_arrow{position:absolute;bottom:-4px;left:85%;border-color:#454f57 transparent transparent;border-style:solid;border-width:5px 5px 0;margin-left:-5px} .comment_atchment_ttip .cat_ttip_body{font-family:'bariol-regular';font-size:0.875em;color:#f6f9fc;text-align:left;background-color:#454f57;width:200px;padding:5px 8px;border-radius:4px;line-height:17px}*/ /*-----attachment-tooltip------*/ /*.comment_atchment_countbox >.comment_atchment_ttip .cat_ttip_body .tt_title{text-align:left;padding-bottom:4px} .comment_atchment_countbox >.comment_atchment_ttip .cat_ttip_body table{table-layout:fixed} .comment_atchment_countbox >.comment_atchment_ttip .cat_ttip_body table>tbody>tr>td:first-child{width:174px;text-align:left;padding-bottom:5px} .comment_atchment_countbox >.comment_atchment_ttip .cat_ttip_body table>tbody>tr>td>span.fa{float:none;cursor:pointer} .comment_atchment_countbox >.comment_atchment_ttip .cat_ttip_body table>tbody>tr>td>a{color:#f6f9fc;text-decoration:none;cursor:pointer} .comment_atchment_countbox >.comment_atchment_ttip .cat_ttip_body table>tbody>tr>td{vertical-align:top;width:10px;padding-bottom:5px}*/ /*-----attachment-tooltip------*/ /*new-css*/ /*old-css*/ .attachment-count { float: right; position: relative; margin-right: 9px; } .attachment-count > span { font-size: 1em; color: #454f57; } /*.attachment-count.ms-mr4{margin-right:-4px}*/ .attachment-count a { color: #454f57; text-decoration: underline; cursor: pointer; word-wrap: break-word; } .attachment-count a:hover { color: #0e76bc; } /*tooltip*/ .attach-count-tooltip-outer { position: absolute; bottom: 21px; right: -28px; z-index: 1070; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; -webkit-line-break: auto; } .attach-count-tooltip-outer.in { filter: alpha(opacity=90); opacity: .9; word-wrap: break-word; } #rfm-tbl-body .attach-count-tooltip-outer.fade.in { opacity: 1; margin-left: 40px; } .attach-count-tooltip-outer.fade.in { opacity: 1; } .attach-count-tooltip-inner { color: #f6f9fc; text-align: center; background-color: #454f57; width: 200px; padding: 5px 8px; border-radius: 4px; } .attach-count-tooltip-inner span { float: left; color: #f6f9fc; } .attach-count-tooltip-inner table { table-layout: fixed; width: 100%; } .attach-count-tooltip-inner span.fa-trash:before { color: #f6f9fc; -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; word-wrap: break-word; } .attach-count-tooltip-inner a { word-break: initial; word-wrap: break-word; } .attach-count-tooltip-inner a { color: #f6f9fc; text-decoration: underline; } .attach-count-tooltip-inner a:hover { color: #2aace3; } .attach-count-tooltip-arrow { position: absolute; bottom: -4px; left: 85%; border-color: #454f57 transparent transparent; border-style: solid; border-width: 5px 5px 0; width: 0; height: 0; margin-left: -5px; } .attach-count-tooltip-inner a.showTextPointer { text-decoration: none; cursor: default; } .attach-count-tooltip-inner a.showTextPointer:hover { color: #f6f9fc; } .attach-count-tooltip-outer { display: none; } .attach-count-tooltip-outer.d-block { display: block; } /*tooltip*/ /*old-css*/ /*-----start-email-comment-section-group-------*/ /*Email-Comment-Section-Css*/ /*new-css*/ /*.email_comment_box{width:709px;height:103px}*/ /*.email_comment_box .to_tag_row,.email_comment_box .sub_tag_row{position:relative} .email_comment_box span.to,.email_comment_box .add_new_msg{line-height:22px;min-height:18px} .email_comment_box span.to,.email_comment_box span.sub,.email_comment_box .sub_taginput{float:left;color:#454f57} .email_comment_box span.to{padding:0 5px 0 8px} .email_comment_box span.sub{padding:4px 0 4px 8px} .email_comment_box .sub_inp_row{overflow:hidden} .email_comment_box .sub_tag_row .sub_taginput{border:0;outline:0;width:100%;padding:4px 8px 4px 5px} .email_comment_box .sub_inp_row .sub_plc{position:absolute;padding:4px 0 4px 5px;line-height:20px !important;width:auto} .email_comment_box .add_new_msg{color:#454f57;background-color:#fff;padding-left:8px;margin-right:0} .email_comment_box .add_new_msg >.msg_plc{line-height:22px}*/ /*new-css*/ /*old-css*/ .section-group-comment { position: relative; font-size: .875em; background-color: #fff; border: 1.5px solid rgba(164, 171, 174, 0.5); padding: 7px 0 6px 0; } .section-group-comment .top-row { position: relative; width: auto; } .section-group-comment .top-row .comment-add-user { position: absolute; left: 0; top: 0; color: #454f57; line-height: 22px; min-height: 18px; width: auto; padding: 0 8px; } .section-group-comment .subdiv { position: relative; width: auto; padding-top: 0; } .section-group-comment .subject-body { overflow: hidden; } .section-group-comment .subdiv input { float: left; color: #454f57; border: none; outline: 0; width: 100%; padding: 4px 8px 4px 5px; } .section-group-comment .subdiv .sub { float: left; color: #454f57; padding: 4px 0 4px 8px; } .section-group-comment span.sub { float: left; color: #454f57; } .section-group-comment .subdiv .Comment-esubject-Placholder { position: absolute; color: #9aa6ad; width: 100%; padding: 4px 8px 4px 4px; } .section-group-comment .comment-reply { color: #454f57; font-weight: normal; background-color: #fff; line-height: 22px; min-height: 22px; outline: 0; padding: 0 0 0 8px; margin-right: 0; } .section-group-comment .comment-reply .comment-dd { left: -1px; } .section-group-comment .comment-reply a { color: #454f57; background: #f1f0f0; border: 1px solid rgba(164, 171, 174, 0.5); } /*old-css*/ /*new-css*/ /*.cmt_to_ue_select_scroll{min-height:22px;overflow-y:auto;background-color:#fff;padding-left:27px} .cmt_to_ue_select_row{float:left;width:100%} .cmt_to_ue_select_row .aue_plc{line-height:22px} .cmt_to_ue_select_row .cmt_ue_tag_inbox{float:left;position:relative} .cmt_to_ue_select_row .cmt_ue_taginput{color:#454f57;border:0;outline:0;min-width:15px;height:21px;padding:0;margin-top:0} .cmt_to_ue_select_row .cmt_ue_tag_box{float:left;text-align:left;text-transform:capitalize;line-height:16px;background-color:#f1f0f0;border:1.5px solid rgba(164,171,174,.5); border-radius:2px;width:auto;height:18px;padding:1px 5px 3px 7px;margin:2px 8px 2px 0} .cmt_to_ue_select_row .cmt_ue_tag_box > span{float:left;color:#454f57;line-height:14px} .cmt_to_ue_select_row .cmt_ue_tag_box a.btn_close{float:right;margin:1px 0 0 7px;text-decoration:none}*/ /*cmt_to_ue_select_scroll replace comment-msg-to-div*/ /*cmt_to_ue_select_row replace #divSelectedToEmail commentplayerselect*/ /*aue_plc replace Qmplaceholder*/ /*cmt_ue_tag_inbox replace divcomment-to*/ /*cmt_ue_taginput replace asg-input*/ /*cmt_ue_tag_box replace adm-div*/ /*new-css*/ /*old-css*/ /*---user-tag-box----*/ .section-group-comment .top-row .comment-msg-to-div { background-color: #fff; height: auto; padding: 0 0 0 27px; } .commentplayerselect { float: left; width: 100%; } #divSelectedToEmail .adm-div { padding: 1px 5px 3px 7px; margin: 2px 8px 2px 0; } #divSelectedToEmail .adm-div span { float: left; line-height: 14px; } #divSelectedToEmail .adm-div .fa-times:before { color: #454f57; } .divcomment-to { float: left; position: relative; width: auto; } .divcomment-to input.asg-input { margin-top: 0; min-width: 15px; } .asg-input { color: #454f57; min-width: 10px; width: auto; height: 21px; outline: 0; border: none; padding: 0; margin-top: 8px; } .adm-div { float: left; text-align: left; /*text-transform:capitalize;*/ line-height: 16px; background-color: #f1f0f0; border: 1.5px solid rgba(164,171,174,.5); border-radius: 2px; width: auto; padding: 3px 8px; margin: 8px 10px 0 0; } .adm-div span { color: #454f57; } .adm-div a.btnClose { float: right; margin: 2px 0 0 7px; text-decoration: none; } /*---user-tag-box----*/ /*old-css*/ /*-----ends-email-comment-section-group-------*/ /*New-Css*/ /*.cmt_to_ue_auto_suggest_dd{position:absolute;z-index:10;background-color:#f1f0f0;max-height:135px;box-shadow:none;border:0;width:296px;height:auto;margin:0 0 0 25px;padding:8px 0} .cmt_to_ue_auto_suggest_dd>ul{list-style:none;margin:0;padding:0} .cmt_to_ue_auto_suggest_dd>ul>li{color:#454f57;padding:4px 0 4px 8px !important;margin-bottom:8px} .cmt_to_ue_auto_suggest_dd>ul>li:before{border-left:none} .cmt_to_ue_auto_suggest_dd>ul>li:hover{color:#f6f9fc;background-color:#9aa6ad;cursor:pointer} .cmt_to_ue_auto_suggest_dd>ul>li>.usr_photo{float:left;margin-right:5px} .cmt_to_ue_auto_suggest_dd>ul>li>.usr_photo>img{width:32px;height:32px;border-radius:3px} .cmt_to_ue_auto_suggest_dd>ul>li .usr_profile{line-height:16px} .cmt_to_ue_auto_suggest_dd>ul>li span{display:inline-block;color:#454f57;font-weight:normal;width:232px;} .cmt_to_ue_auto_suggest_dd>ul>li span.email{color:#9aa6ad} .cmt_to_ue_auto_suggest_dd>ul>li:hover span{color:#fff} .cmt_to_ue_auto_suggest_dd>ul>li:hover span.email{color:#fff}*/ /*New-Css*/ /*Old-Css*/ .comment-auto-suggest-list { box-shadow: 2px 2px 6px 0 rgba(184,184,184,.6); -webkit-box-shadow: 2px 2px 6px 0 rgba(184,184,184,.6); -moz-box-shadow: 2px 2px 6px 0 rgba(184,184,184,.6); overflow: auto; overflow-x: hidden; } .comment-auto-suggest-list ul { list-style: none; margin: 0; padding: 0; } .comment-auto-suggest-list ul > li:before { border-left: none; } .comment-auto-suggest-list { position: absolute; background-color: #f1f0f0; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: none; border: none; width: 332px; height: auto; margin: 0 0 0 25px; padding: 8px 0; max-height: 135px; } .comment-auto-suggest-list ul li { color: #454f57; padding-left: 8px !important; margin-bottom: 8px; } .comment-auto-suggest-list ul li:hover { color: #f6f9fc !important; background-color: #9aa6ad !important; cursor: pointer; } .comment-auto-suggest-list ul li .photo a { margin: 0; padding: 0; } .comment-auto-suggest-list ul li .photo { float: left; width: 32px; text-align: center; margin-right: 5px; } .comment-auto-suggest-list ul li .photo img { border: none; text-align: center; height: 32px; width: 32px; border-radius: 3px; } .comment-auto-suggest-list ul li .name { position: absolute; color: #f6f9fc; line-height: 16px; margin-left: 37px; } .comment-auto-suggest-list ul li .name a { color: #f6f9fc; font-weight: normal; text-decoration: none; } .comment-auto-suggest-list ul li .name a span { float: left; color: #454f57; font-weight: normal; width: 232px; min-height: 16px; } .comment-auto-suggest-list ul li:hover .name a span { color: #f6f9fc !important; } .comment-auto-suggest-list ul li .name a span.email { color: #9aa6ad; width: 100%; overflow: hidden; text-overflow: ellipsis; } .comment-auto-suggest-list ul li:hover .name a span.email { color: #f6f9fc !important; /*ellipse add*/ text-overflow: ellipsis; overflow: hidden; width: calc(100% - 24px) } .comment-auto-suggest-list.email-add { margin-left: 0; } .comment-auto-suggest-list.email-add ul li .name a span { width: 100%; } /*Old-Css*/ /*Email-Comment-Section-Css*/ /*.postcomment-msg{float:left;display:block;width:100%} .postcomment-msg .msg-display{float:left;width:94%} .postcomment-msg .attachment-count{float:left;width:94%;text-align:right;margin-right:0/} .postcomment-msg .attachment-count span,.postcomment-msg .attachment-count a{font-size:1em!important} .postcomment-msg >.post-comment{float:left;width:94%;padding-right:0} .postcomment-msg >.post-comment >.post-lock{top:2px;margin-left:0}*/ /*------start-address-book-list-css------*/ /*--------start-comment-section-css--------*/ .section-comment.col-sm-offset-2 { padding-left: 0; padding-right: 0; margin-left: 16%; } .section-comment .root-comment::before { content: ''; position: absolute; left: 0; border-left: none !important; height: 100%; } .section-comment li.top::before { content: ''; position: absolute; border: 0; } .section-comment > ul { list-style: none; padding: 0; margin: 0; } .section-comment ul > li { position: relative; padding: 4px 0; } .section-comment ul > li::before { content: ''; position: absolute; left: 0; border-left: 1px solid rgba(164, 171, 174, 0.5); height: 100%; padding-bottom: 16px; } .section-comment ul > li > ul { list-style-type: none; padding: 0; margin: 0; padding-left: 10px; } .section-comment ul > li > ul > li { position: relative; padding: 4px 0 4px 20px; padding-bottom: 16px; } .section-comment .fa-plus-square, .section-comment .fa-minus-square { float: left; cursor: pointer; margin-top: 3px; margin-left: -18px; } .section-comment .fa-plus-square:before, .section-comment .fa-minus-square:before { font-size: 1em; color: #2aace3; } .section-comment span, .root-comment-content span { font-size: 1em; } .section-comment span.unsent, .section-comment span.no-posted, .root-comment-content span.unsent, .root-comment-content span.no-posted { color: #b74750; } /*--------start-new-post-comment-css--------*/ .section-comment .root-comment-content-inner { padding-left: 23px; padding-top: 0; } .section-comment .root-comment-content-inner::before { content: ''; position: absolute; left: 0; border-bottom: 1px solid rgba(164,171,174,.5); border-left: 1px solid rgba(164,171,174,.5); width: 6px; padding-top: 6px; padding-left: 6px; } .section-comment .root-comment-content-inner-commentbox { padding-left: 23px; padding-top: 0; } .section-comment .root-comment-content-inner-commentbox::before { content: ''; position: absolute; left: 0; border-bottom: 1px solid rgba(164,171,174,.5); border-left: 1px solid rgba(164,171,174,.5); width: 20px; padding-top: 6px; padding-left: 20px; } .section-comment .root-comment-content-inner-withoutimgExpandColapse { padding-left: 23px; padding-top: 0; } .section-comment .root-comment-content-inner-withoutimgExpandColapse::before { content: ''; position: absolute; left: 0; border-bottom: 1px solid rgba(164,171,174,.5); border-left: 1px solid rgba(164,171,174,.5); width: 20px; padding-top: 6px; padding-left: 20px; } .section-comment .root-comment-readmore-wrap a.read-more { font-size: 1em; color: #454f57; font-weight: normal; text-decoration: underline; } .section-comment .root-comment-readmore-wrap a.read-more:hover { color: #0e76bc; } .section-comment li:last-child::before { /*content:'';position:absolute;*/ border: 0; } .section-comment .section-postcomment .fa-lock.pr-31 { right: 31px; } /*--------ends-new-post-comment-css--------*/ /*---comment-btn-css-old-css----*/ .comment-bread-c .preloader { position: absolute; top: -3px; } .comment-bread-c { position: relative; display: inline-block; width: 100%; margin-top: 8px; margin-bottom: 4px; } .comment-bread-c ol li a { font-size: 1em; } .comment-bread-c ol li a.cancel, .comment-bread-c ol li a.sa-draft, .comment-bread-c ol li a.edit { margin-right: 15px; } .comment-bread-c ol li a.delete, .comment-bread-c ol li a.reply { margin-right: 0; } a.btn-default { text-decoration: none !important; color: #fff !important; } a.btn-default:hover { color: #fff !important; } a.btn-default:focus, a.btn-default:active, a.btn-default:focus:hover { color: #fff !important; background-color: #2aace3; border: 1px solid #2aace3; } a.btn-default:active, a.btn-default:active:hover { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; box-shadow: none; } .comment-bread-c.post-reply { top: 0; right: 0; } /*----comment-btn-css-old-css----*/ /*Comment/Email-btn-Section-new-Css*/ #divCommentMSGReply { margin-top: -4px; } .cmt_btn_wrap .preloader { position: absolute; top: -3px; } .cmt_btn_wrap.post_btn_reply { float: right; } .cmt_btn_wrap { position: relative; display: inline-block; width: 100%; margin: 8px 0 4px; } .cmt_btn_wrap ol { float: right; margin: 0; padding: 0; } .cmt_btn_wrap ol > li { display: inline-block; } .cmt_btn_wrap ol > li:first-child { margin-left: 0; } .cmt_btn_wrap ol > li { margin-left: 15px; } .cmt_btn_wrap ol > li > a.btn_cancel, a.btn_sadraft, a.btn_edit, a.btn_delete, a.btn_reply { font-size: 1em; color: #2aace3; text-decoration: underline; } .cmt_btn_wrap ol > li > a:hover { color: #0e76bc; } .cmt_btn_wrap ol > li > a.btn { color: #fff !important; text-decoration: none !important; margin-left: 5px !important; } /*Comment/Email-btn-Section-new-Css*/ /*comment-error-section*/ /*replace-with-error-red*/ /*.comment-bread-c .has-error{padding:0}*/ /*comment-error-section*/ .modal-backdrop-transparent { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1051; background: transparent; } .comment-link { position: relative; background: none; padding: 0; margin-bottom: 0; } .comment-link li { display: inline; } /*.comment-link li a{color:#454f57;text-decoration:underline} .comment-link li a:hover{color:#0e76bc}*/ .comment-link li .ajax-loader { position: absolute; left: -28px; } .bread-c .bread-c-inner { padding-left: 10px; } .bread-c .col-sm-12 { padding-left: 10px; } .bread-c .breadcrumb { background: 0; padding: 0; margin-bottom: 0; } .bread-c .breadcrumb li a { color: #2aace3; text-decoration: underline; } .bread-c .breadcrumb li a:hover { color: #0e76bc; } .bread-c .page-header { margin: 0; padding: 0; border-bottom: 0; } .bread-c .page-header h3 { font-size: 1em; text-transform: uppercase; font-weight: 700; margin: 6px 0 20px; } .bread-c .breadcrumb > li + li:before { content: '' !important; padding: 0; } /*--------ends-new-comment-css--------*/ /*.comment-dd.scroll_mh105,.comment-dd.scroll_mh122{overflow:auto} .comment-dd.scroll_mh105{max-height:105px} .comment-dd.scroll_mh122{max-height:122px}*/ /*.comment-text-reply{font-size:.875em;font-weight:normal;background-color:#fff !important;border:1px solid rgba(164, 171, 174, 0.5);min-height:19px;outline:0;padding:7px 15px 7px 5px;margin-right:8px} .comment-text-reply a{color:#454f57;background:#f1f0f0;border:1px solid rgba(164, 171, 174, 0.5)} .comment-text-reply.ms-r-0{margin-right:0} .comment-text-reply.none{border:none;padding-left:8px;padding-bottom:2px}*/ /*scroll-top-icon*/ .tbl-gotop { position: absolute; right: 48px; bottom: 64px; font-size: 30px; color: rgba(247,144,61,1); cursor: pointer; height: 30px; } .tbl-gotop:hover { color: rgba(247,144,61,.5); } /*scroll-top-icon*/ .add-book-paging { list-style: none; margin: 0; padding: 0; } .add-book-paging li { display: inline-block; padding: 5px; } .address-book-dd span.lh34 { float: left; width: 20%; } .address-book-dd .bootstrap-select.form-control:not([class*="col-"]) { float: left; width: 80%; } .address-bookicon { float: right; position: absolute; right: 25px; cursor: pointer; background: url(/Assets/images/bookicon.svg) no-repeat; background-size: 18px; width: 18px; height: 17px; margin-left: 8px; } .address-bookicon:hover { opacity: 0.5; } /*------end-address-book-list-css------*/ /*overdue icon*/ .overdue-icon { position: relative; } .overdue-icon i { font-size: 1em !important; color: #b74750; cursor: default; margin-left: 5px; } .overdue-icon i:hover { opacity: .5; } /*overdue icon*/ /*-----------start-footer-btn-common-css----------*/ .footer-btn-wrap.border-grey-top { border-top: 1px solid rgba(164,171,174,.5); } .footer-btn-wrap.modal-btn { margin-bottom: 0 !important; } .footer-btn-wrap.modal-btn.mx-t-10 { margin-top: 10px; } .footer-btn-wrap.modal-btn.mx-t-20 { margin-top: 20px; } .footer-btn-wrap.modal-btn input[type=button] { margin-left: 15px; margin-right: 0; } .footer-btn-wrap span { margin-right: 15px; } /*.btn.disabled, .btn[disabled], fieldset[disabled] .btn{cursor:default !important}*/ /*spaces*/ /*.footer-btn-wrap.mx-tb-2010{margin-top:20px;margin-bottom:10px}*/ .footer-btn-wrap.mx-tb-2015 { margin-top: 20px; margin-bottom: 15px; } /*.footer-btn-wrap.mx-tb-205{margin-top:20px;margin-bottom:5px}*/ .footer-btn-wrap.mx-t-20 { margin-top: 20px; } /*.footer-btn-wrap.mx-b-5{margin-bottom:5px}*/ .footer-btn-wrap.mx-b-10 { margin-bottom: 10px; } /*.footer-btn-wrap.mx-b-86{margin-bottom:116px} .footer-btn-wrap.px-tr-1597{padding:15px 97px 0 0}*/ .footer-btn-wrap.px-t-15 { padding-top: 15px; } /*.footer-btn-wrap.px-r-26{padding-right:26px}*/ .footer-btn-wrap.px-r-29 { padding-right: 29px; clear: both; } .footer-btn-wrap hr { border: 0; border-top: 1px solid #e8edef; margin-bottom: 15px; } .fbtn-mx-auto { float: none; margin: 0 auto; padding-right: 0; } .already-reg .ui-active-title { margin-bottom: 0; } /*spaces*/ /*-----------end-footer-btn--common-css----------*/ /*-------------Start Media Quries----------------*/ /*--------------------/start-col-common-right-margin-section/-------------------*/ .col-xs-offset-right-0 { margin-right: 0; } .col-xs-offset-right-1 { margin-right: 8.33333333%; } .col-xs-offset-right-2 { margin-right: 16.66666667%; } .col-xs-offset-right-3 { margin-right: 25%; } .col-xs-offset-right-4 { margin-right: 33.33333333%; } .col-xs-offset-right-5 { margin-right: 41.66666667%; } .col-xs-offset-right-6 { margin-right: 50%; } .col-xs-offset-right-7 { margin-right: 58.33333333%; } .col-xs-offset-right-8 { margin-right: 66.66666667%; } .col-xs-offset-right-9 { margin-right: 75%; } .col-xs-offset-right-10 { margin-right: 83.33333333%; } .col-xs-offset-right-11 { margin-right: 91.66666667%; } .col-xs-offset-right-12 { margin-right: 100%; } /*--------------------/end-col-common-right-margin-section/-------------------*/ /*-----------------------end Bootstrap Custom-----------------*/ /*------- start-content-wrap -----------*/ .content-wrap, .program-content-wrap { position: relative; width: 80.2%; left: 19.8%; } .content-wrap { padding: 0 32px; } .program-content-wrap { padding: 0 0 0 10px; } /*------- end-content-wrap -----------*/ /*.png-r-0{padding-right:0}*/ .last-activitytime { color: #fff; line-height: 25px; padding-right: 3px; margin-left: 16px; } .notification-text { font-family: bariol-bold; font-size: 1.125em; color: #fff; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .notification-text a, .notification-text strong, .strip-comment-text a { color: #fff; font-weight: 400; text-decoration: none; } .notification-text a:hover, .strip-comment-text a:hover { color: #fff; text-decoration: none; } .notification-text p { line-height: 25px; margin-bottom: 0; } .strip-comment-text { line-height: 25px; margin-left: 2px; } /*.alert-warning-stripe{cursor:pointer}*/ .alert-warn-wrap .alert-warning { margin-top: 0; } .alert-warning-stripe span.icon-note { font-size: 23px; color: #fff; font-style: normal; padding-left: 5px; margin-right: 9px; display: inline-block; } .alert-warning-stripe p { color: #fff; display: initial; margin-bottom: 0; display: inline-block; } #divDashboardPage .alert-warn-wrap { position: relative; top: 12px; padding: 0 30px; } .bodyStyle .innerBody#divDashboardPage .tab-content.ds-ts-fixed, .bodyStyle .innerBody#divDashboardPage .tab-content.singlelinebroadcast { top: 93px; } .bodyStyle .innerBody#divDashboardPage .tab-content.twolinebroadcast { top: 115px; } .alert-warn-wrap .close { font-size: 23px; color: #fff; opacity: 1; line-height: inherit; } .alert-warn-wrap .close:hover { opacity: .5; } .trucatediv { white-space: nowrap; text-overflow: ellipsis !important; overflow: hidden; width: 100%; } .trucatediv-max-full { white-space: nowrap; text-overflow: ellipsis !important; overflow: hidden !important; max-width: 100%; } .trucatediv p { display: inline; } /*partner-page-primary-partner-standard-field-css*/ .ppmary-stnd-field-wrap .modal-body { padding: 10px 25px 25px 25px; } .ppmary-stnd-field-wrap tbody { position: absolute; bottom: 15px; overflow-y: auto; width: 96.7% !important; height: calc(100% - 82px); } .ppmary-stnd-field-wrap thead > tr > th { text-align: center; } .ppmary-stnd-field-wrap tbody > tr > td:first-child { text-align: right; vertical-align: middle; } /*#divTargetGrowthRatePopup .modal-dialog{margin:63px auto;}*/ #divTargetGrowthRatePopup .data-modal .modal-body { height: 275px !important; } /*css start for share link on dashboard */ /*.share-dashboard-wrap .divcomment-to{clear:both}*/ .share-dashboard-wrap { position: relative; font-size: .875em; background-color: #fff; padding: 7px 0 6px; } .share-dashboard-wrap .top-row .comment-msg-to-div { background-color: #fff; height: auto; padding: 0 0 0 27px; } .share-dashboard-wrap .subject-body { overflow: hidden; } .share-dashboard-wrap .top-row { position: relative; width: auto; } .share-dashboard-wrap .top-row .comment-add-user { position: absolute; left: 0; top: 0; line-height: 22px; min-height: 18px; width: auto; padding: 0 8px; } .share-dashboard-wrap .subdiv .sub { float: left; padding: 4px 0 4px 8px; } .share-dashboard-wrap .Qmplaceholder { position: absolute; top: 0; color: #9aa6ad; } .share-dashboard-wrap .subdiv input { float: left; border: none; outline: 0; width: 100%; padding: 4px 8px 4px 5px; } .share-dashboard-wrap .eml_placeholder { line-height: 22px; } .share-dashboard-wrap.to-placeholder { overflow: hidden; } /*.share-dashboard-wrap .divcomment-to {float: left;position: relative;min-width: 100%;}*/ /*.share-dashboard-wrap .divcomment-to input.asg-input {width:auto !important}*/ .share-dashboard-wrap .asg-input { color: #454f57; min-width: 10px; width: auto; height: 21px; outline: 0; border: none; padding: 0; margin-top: 8px; } .share-dashboard-wrap .message-box { border: none; width: 100%; height: 198px; padding-left: 0; padding-top: 6px; resize: none; } .share-dashboard-wrap.section-group-comment { border: none; /*font-size:1em*/ } .share-dashboard-wrap .subdiv { clear: both; margin-bottom: 2px; } .share-dashboard-wrap .subdiv .sub, .share-dashboard-wrap .top-row .comment-add-user { padding-left: 0; } .to-placeholder { overflow: hidden; } .share-dashboard-wrap .divcomment-to:first-child { width: 100%; } .share-dashboard-wrap .divcomment-to:first-child > input.asg-input { width: 100% !important; } /*.share-dashboard-wrap .adm-div a.btnClose{margin-top:-1px}*/ .share-dashboard-wrap .subdiv input { width: 100%; } .attachment-dash-wrap { display: block; padding-bottom: 6px; border-bottom: 1px #9aa6ad dotted; } .attachment-dash-wrap i.fa { margin-right: 6px; } .attachment-dash-wrap .fa-paperclip:before { position: relative; top: 2px; } .mg-l-10 { margin-left: 10px; } /*css start for share link on dashboard */ /*sprint77-css*/ .mpw_body_container { margin-top: 15px; } .mpw_col_left .tab-content { padding: 0 17px; } .mpw_col_left .wt_tbl.max_h_545, .mpw_col_left .program_tbl.max_h_545 { max-height: 545px; overflow-x: hidden; } /*.mpw_col_left .wt_tbl_wrap .table.tbl-parent-head{min-width:870px;}*/ /*.mpw_col_left .wt_tbl_wrap .table{min-width:887px}*/ /*.program_tbl .table>tbody>tr>td,.table-wrap .table.nd-tbl>tbody>tr>td{vertical-align:middle !important;line-height:18px; height:60px;}*/ /*start-program-sendbox-css*/ .btn .wt-modal-box a { text-align: left !important; } /*ends-program-sendbox-css*/ /*.mpw_col_left .wt_tbl_wrap tbody{position:absolute;bottom:15px;overflow-y:auto;overflow-x:hidden;width:99.9%!important;height:calc(100% - 47px);display:block} .mpw_col_left .wt_tbl_wrap tbody tr{width:101.7%;display:inline-block}*/ /*.fa_plus_btn_wrap{position:relative;display:inline-block} .fa_plus_btn_wrap .btn{margin-left:0;margin-right:0;padding-left:35px} .fa_plus_btn_wrap>.fa{position:absolute;color:#fff;top:8px;left:18px;}*/ .mpw_sendbox_ffield { margin-left: 8px; } .sp_msg_placeholder, .mp_nsp_msg_placeholder { font-family: 'bariol-italic'; font-size: .9375em; line-height: 16px; padding: 15px 18px; } .sp_msg_placeholder { background: #e8edef; text-align: center; margin: 15px 0; } .mp_nsp_msg_placeholder { text-align: left; } .progarm_drag_placeholder { font-family: 'bariol-regular'; color: #9aa6ad; text-align: center; line-height: 14px; background: #f1f0f0; border: 1px dashed #9aa6ad; border-radius: 4px; padding: 9px 10px; margin-left: 30px; } /*.progarm_drag_placeholder .fa-share{float:left}*/ .mpw_sendbox_ffield h5.heading { font-family: 'bariol-bold'; color: #454f57; font-weight: normal; margin-bottom: 10px; } .mpw_sendbox_ffield label { /*font-size:.9375em;*/ margin-bottom: 4px; display: block; text-align: left; text-transform: none; } .mpw_sendbox_ffield textarea.form-control { font-size: .875em; border: 1.5px solid rgba(164,171,174,0.5); border-radius: 2px; box-shadow: none; resize: none; } .mpw_sendbox_ffield input.form-control { font-size: .875em; border: 1.5px solid rgba(164,171,174,0.5); border-radius: 2px; box-shadow: none; height: 35px; } .program_wt_sendbox, .program_automation, .pparent_inwflow_sendbox { margin-top: 15px; } .program_name, .program_desc { margin-bottom: 15px; } /*use-popup-parent-workflow-popup*/ .dragdropBox.parent_trigger { margin-left: 0; } .dragdropBox.pad-l-24 { padding-left: 24px; } .dragdropBox.parent_trigger .fa { position: absolute; left: 11px; cursor: pointer; } .dragdropBox.parent_trigger .fa.fa-caret-down { top: 10px; } .dragdropBox.parent_trigger .fa.fa-caret-right { top: 10px; } /*use-popup-parent-workflow-popup*/ .dragdropBox { position: relative; background-color: #f1f0f0; padding: 7.5px 10px; border-radius: 3px; margin-bottom: 10px; margin-left: 30px; overflow: hidden; } .dragdropBox.mgnSetQT { margin-left: 0; } .dragdropBox.mgnSetQT.programsand-box { overflow: visible; } .programsand-box .prg-title { overflow: hidden; } .programsand-box .prg-edit-icon { float: right; } .programsand-box .fa { cursor: pointer; margin-right: 3px !important; } .dragdropBox.programsand-box .fa-pencil-square-o { margin-top: 0; } .programsand-box .truncate { float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; padding-right: 5px; } .mgnSetQT span.pd-title { float: left; width: calc(100% - 39px); } .dragdropBox > .fa { float: right; color: #454f57; cursor: pointer; } .dragdropBox .fa-close { margin-top: 2px; } .dragdropBox .fa-pencil-square-o { margin-right: 8px; margin-top: 5px; } .dropbox-list-outer { max-height: 140px; overflow-y: auto; margin-bottom: 10px; } .dropbox-list-outer .dragdropBox:last-child { margin-bottom: 10px; } .dragdropBox.dropbox-list .cf-drag-heading { float: left; width: calc(100% - 20px); word-wrap: break-word; } .dragdropBox.dropbox-list .cf-drag-title { width: initial; } .dragdropBox.dropbox-list .cf-drag-icon { padding-left: 2px; } .dragdropBox.dropbox-list .cf-drag-icon .fa { margin-left: 2px; } .dragdropBox.dropbox-list .cf-drag-icon .fx, .fx { font-style: italic; cursor: pointer; font-family: initial; font-weight: bold; } /*.dragdropBox a:focus,.dragdropBox a:active{background-color:#2aace3;color:#454f57;text-decoration:none} .dragdropBox a:hover .fa,.dragdropBox a:focus .fa,.dragdropBox a:active .fa{color:#454f57}*/ .prog_dnd_slist { background: #2aace3; } .prog_dnd_slist td { color: #fff !important; } .prog_dnd_slist td a { color: #fff !important; } .prog_dnd_slist td .fa { color: #fff !important; } .nselected_program, .table-row-blue { background-color: #2aace3; } /*--------start-Persona-Html-Css-----------*/ .prs_cl_tbl_head { position: absolute; } .prs_cl_tbl_body.tbl_scroll { max-height: 400px; overflow-y: auto; } .pp_tbl_outer { float: left; position: relative; height: 100%; } /*.pp_tbl_head,.dp_tbl_head{position:absolute;width:94.9%}*/ /*.dp_tbl_head.dprivileges {position: relative;width:100%}*/ .dp_tbl_head.dprivileges { position: absolute; width: 93.8%; } .prs_table_wrap.tbl_scroll { max-height: 400px; overflow-y: auto; overflow-x: hidden; } /*.prs_primary_table.tbl_pp_scroll{max-height:100%;overflow-y:auto;position:relative;}*/ /*.pp_tbl_body.tbl_scroll,.dp_tbl_body.tbl_scroll{max-height:343px;overflow-y:auto;width:99.9%;overflow-x:hidden}*/ /*.pp_tbl_body .in_tbl,.dp_tbl_body .in_tbl{width:103%;}*/ .prs_dash_admin_page, .prs_custom_sng_page { display: table; width: 100%; height: 100%; padding: 0 15px; } .prs_dash_tab, .prs_dash_gs_tab { padding: 0; } .prs_btn_row { padding-left: 0; } .prs_btn_row .btn { margin-left: 0; } .prs_btn_row.mx_tb_810 { margin-top: 8px; margin-bottom: 10px; } /*.prs_btn_row.mx_t_8{margin-top:8px}*/ .prs_table_body { margin-top: 10px; } .prs_table_body, .prs_form_row { padding: 0; } .prs_form_row .first { padding-left: 0; } .prs_adash_table { padding: 0; margin-top: 18px; } .prs_adash_row { display: inline-block; } .prs_adash_cell { display: table-cell; cursor: pointer; /*width:50%;*/ vertical-align: middle; text-align: center; border-radius: 4px; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: 0 0 0 #8c9497; } .prs_adash_cell:hover a, .prs_adash_cell.active a { color: #454f57; } .prs_adash_cell.active { box-shadow: 0 0 10px #9aa6ad; } .prs_adash_cell_in { padding: 55px 78px; } .prs_adash_cell a { font-size: 1.2em; text-decoration: none; } .prs_adash_cell a i { font-size: .875em; margin-right: 6px; } /*Modal-Window*/ /*.persona_inf_modal_box .modal-dialog{transform: translate(-50%, -50%);position:absolute;left:50%;top:50%;margin:0;}*/ .persona_inf_modal_box .modal-dialog { width: 85% !important; } .persona_inf_modal_box .modal-body { overflow-y: hidden; overflow-x: hidden; /*height:565px !important*/ } /*.persona_inf_modal_box.wt-modal-box .data-modal .modal-body{max-height:initial !important}*/ /*.persona_inf_modal_box .row{height:565px;position:relative}*/ .persona_inf_modal_box .tab-wrap .nav-tabs { margin: 0 15px 10px 15px !important; padding: 0 !important; } /*changes-css-persona*/ /*.pp_tbl_body.tbl_scroll,.dp_tbl_body.tbl_scroll{position:absolute;overflow-y:auto;overflow-x:hidden} .pp_tbl_body.tbl_scroll{width:94.9%;}*/ /*.dp_tbl_body.tbl_scroll{width:93.8%;}*/ .dpr-tab { width: auto; white-space: nowrap; display: inherit !important; } .dpr-tab > a { overflow: hidden; text-overflow: ellipsis; } .dp-ddrop--msg { width: 64%; } /*changes-css-persona*/ /*old-css*/ /*.pp_tbl_body.tbl_scroll{max-height:343px;margin-top:30px} .dp_tbl_body.tbl_scroll{max-height:311px;margin-top:0}*/ /*old-css*/ /*new-css*/ /*.pp_tbl_body.tbl_scroll{max-height: calc(100vh - 303px);margin-top:30px} .pp_tbl_body.tbl_scroll{height: calc(100vh - 280px);margin-top:0px}*/ /*new-css*/ .persona_inf_modal_box.wt-modal-box .data-modal .modal-body { height: calc(100vh - 40px) !important; max-height: calc(100vh - 95px) !important; } /*.persona_inf_modal_box .row{position:relative;height:calc(100vh - 110px)}*/ .p_privlges_tbl { display: table; width: 100%; } /*view-priviledges-popup-css*/ .vp_table .vp_tbl_body { overflow-x: hidden; } .vp_table .vp_tbl_body.max_h_445 { max-height: 445px; } /*view-priviledges-popup-css*/ /*.form-horizontal .form-group.prs_name{margin-bottom:0}*/ .prs_name .input_wrap input.form-control { width: 100%; } /*.prs_name .col-sm-6.px_l_0{padding-left:0}*/ /*.prs_name .col-sm-6.mx_t_33{margin-top:33px}*/ .prs_name .has-error { min-height: 32px; } .persona_inf_modal_box .col-sm-7.prs_privileges { width: 54.33333333%; } .persona_inf_modal_box .col-sm-5.dash_privileges { width: 45.66666667%; } /*.dash_prv_tab .treepromt{float:left;margin-top:0;margin-bottom:0;display:inline-block;text-align:right;line-height:24px;}*/ .dash_prv_tab .treepromt { float: left; margin-top: 0; margin-bottom: 0; display: inline-block; text-align: left; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dash_prv_tbl { display: table; } .form-horizontal .primary_check { float: left; } .form-horizontal .primary_check label, .form-horizontal .primary_check_none label { float: right; line-height: 21px; margin-left: 5px; } .form-horizontal .primary_check_none { float: left; margin-left: 10px; } .Raction_trigger_scroll .width-full100 .tooltip.fade { opacity: 0; -webkit-transition: initial; -o-transition: initial; transition: initial; } .Raction_trigger_scroll .width-full100 .tooltip.fade.in { opacity: 0.9; } /*.persona_inf_modal_box .col-sm-12.prs_privileges .pp_tbl_head{width:97.2%} .persona_inf_modal_box .col-sm-12.prs_privileges .pp_tbl_body.tbl_scroll{width:97.2%}*/ /*---------dashboard-previledged-table-css----------*/ /*.dp_parent_wrap{border-bottom:0;} .dp_parent_wrap ul{list-style:none;margin:0;padding:0} .dp_parent_wrap .dp_parent_tbl>tbody>tr>td:first-child{text-align:left;padding-left:0px;padding-right:0px} .dp_parent_wrap .dp_parent_tbl>tbody>tr>td{text-align:center;padding-top:0;padding-bottom:0 !important;vertical-align:middle !important} .dp_parent_wrap .dp_parent_tbl>tbody>tr>td.tbl-actionbtn a{margin-right:0} .dp_parent_wrap .dp_parent_tbl>tbody>tr>td.tbl-actionbtn a .fa{vertical-align:middle !important} .dp_parent_tbl{margin-top:10px !important} .dp_parent_tbl .dp_parent_task{position:relative} .dp_parent_tbl .dp_parent_task,.dp_parent_tbl .dp_widget{background-color:#f1f0f0;color:#454f57;border-radius:3px;padding:0 8px 0 6px;margin-bottom:0;height:35px;line-height:35px} .dp_parent_tbl .dp_parent_task:hover,.dp_parent_tbl .dp_widget:hover{color:#fff!important;background:#2aace3!important} .dp_parent_tbl .dp_parent_task.hover,.dp_parent_tbl .dp_widget.hover{color:#fff!important;background:#2aace3!important} .dp_parent_tbl .dp_parent_task .angular-ui-tree-handle{text-decoration:none !important} .dp_parent_tbl .dp_parent_task:hover .angular-ui-tree-handle:hover{color:#fff!important;background:#2aace3 !important;} .dp_parent_tbl .dp_parent_task:hover .tree-node{color:#fff!important;background:#2aace3 !important;text-decoration:none !important} .dp_edit_task{position:absolute;left:30px;top:0px;} .dp_edit_task input{background:#f1f0f0!important;border:1px solid rgba(164, 171, 174, 0.5);color:#454f57!important;padding:7px 0 6px 6px;line-height:13px;} .dp-wt-tree-hover.wt-tree-hover .dp-cell1.dp_task_disabled{background-color:#f1f0f0 !important;color:#454f57 !important;} .dp-wt-tree-hover.wt-tree-hover .dp-cell1.dp_task_disabled:hover{background-color:#f1f0f0 !important;color:#454f57 !important;} .dp-wt-tree-hover.wt-tree-hover .dp-cell1.dp_task_disabled:hover .tree-node{background-color:#f1f0f0 !important;color:#454f57 !important;} .dp-wt-tree-hover.wt-tree-hover .dp-cell1.dp_task_disabled:hover .wt-arrow{background-color:#f1f0f0 !important;color:#454f57 !important;} .dp-wt-tree-hover.wt-tree-hover:hover .dp-cell1.dp_task_disabled:hover .wt-arrow{background-color:#f1f0f0 !important;color:#454f57 !important;} .wt-tree-hover:hover .dp-cell1.dp_task_disabled .wt-arrow{background:#f1f0f0 !important;color:#454f57 !important;} .dp_parent_tbl .dp_parent_task.active,.dp_parent_tbl .dp_widget.active{color:#fff!important;background:#2aace3!important} .dp_parent_tbl .dp_parent_task span.dp_parent_arrow,.dp_parent_tbl .dp_widget span.dp_widget_arrow{float:left;line-height:35px;width:20px;padding-left:2px} .dp_parent_tbl .dp_parent_task.dp_parent_title,.dp_parent_tbl .dp_widget.dp_widget_title{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:0px} .dp_parent_row{padding-bottom:10px} .dp_parent_row .dp_parent_tbl>tbody>tr{border-bottom:none} .dp_parent_row .dp_child_row .dp_widget{margin-left:35px} .dp_parent_wrap .angular-ui-tree-nodes .angular-ui-tree-nodes{padding-left:0 !important;} .dp_parent_wrap ol.angular-ui-tree-nodes ol.angular-ui-tree-nodes li .dp_tbl_body .table tbody td:first-child .dp_parent_task{margin-left:35px !important;} .dp_parent_wrap ol{margin-top:10px;}*/ .dp_parent_wrap .wt-subtask-titlebox { padding-left: 10px; } .dp_parent_wrap .wt-subtask-titlebox > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prs_cs_container { margin-bottom: 20px; } .ptner_enb_pkg { margin-top: 15px; } .ptner_enb_pkg label.checkbox { float: left; margin-top: 2px; margin-right: 3px; } /*--------Ends-Persona-Html-Css-----------*/ /*salesforce login css*/ .line { display: block; position: relative; text-align: center; font-weight: 700; z-index: 1; margin-top: 10px; margin-bottom: 10px; width: 100%; } .line:after, .line:before { content: ''; position: absolute; } .line:before { background-color: #fff; margin: -5px 0 0 -20px; left: 50%; top: 50%; z-index: -1; width: 40px; height: 10px; } .line:after { border-bottom: 1px solid #e1e1e1; display: block; top: 49%; width: 100%; z-index: -2; } /*end salesforce login css*/ /*-----automation-sequence-tooltip-------*/ .tt-list-box { margin-bottom: 6px; line-height: 16px; padding: 0 10px; } .tt-indexlist { float: left; margin-right: 4px; } .tt-textlist { overflow: hidden; } .arrow_box { font-size: .875em; background: #fff; border: 1px solid #ccc; box-shadow: 0 5px 15px rgba(0,0,0,.5); padding: 10px; position: fixed; z-index: 99999; width: 260px; height: auto; } .arrow_box ol { padding: 0; margin: 7px 0 7px 10px; } .arrow_box h5 { font-family: 'bariol-bold'; color: #454f57; margin: 0 0 3px 3px; } .arrow_box:after, .arrow_box:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box.left:after { border-color: rgba(255,255,255,0); border-right-color: #fff; border-width: 15px; margin-top: -15px; } .arrow_box.left:before { border-color: rgba(204,204,204,0); border-right-color: #ccc; border-width: 16px; margin-top: -16px; } .arrow_box.left:after, .arrow_box.left:before { right: 100%; top: 50%; } .arrow_box.top:after { border-color: rgba(255,255,255,0); border-bottom-color: #fff; border-width: 15px; margin-left: -15px; } .arrow_box.top:before { border-color: rgba(204,204,204,0); border-bottom-color: #ccc; border-width: 16px; margin-left: -16px; } .arrow_box.top:after, .arrow_box.top:before { bottom: 100%; left: 50%; } .arrow_box.bottom:after { border-color: rgba(255,255,255,0); border-top-color: #fff; border-width: 15px; margin-left: -15px; } .arrow_box.bottom:before { border-color: rgba(204,204,204,0); border-top-color: #ccc; border-width: 16px; margin-left: -16px; } .arrow_box.bottom:after, .arrow_box.bottom:before { top: 100%; left: 50%; } #divExtBody .modal-backdrop { display: none !important; } [ng-cloak], ng-cloak { display: none !important; } #divTBScroll [droppable] { cursor: move; } /*sprint81-css*/ /*.bodyStyle.tns_body{top:97px}*/ .bodyStyle.tns_body { top: 33px; bottom: 0; } .tsk_ntf_sng_page { display: table; padding: 0 17px; width: 100%; height: 100%; } /*.navbar-inverse .navbar-right>li.notf-setting{min-width:190px;width:auto} .navbar-inverse .navbar-right>li.notf-setting>a.profile-image{min-width:190px}*/ .navbar-inverse .navbar-right > li.notf-setting .dropdown-menu { min-width: 190px; width: auto; } /*sprint81-css*/ .admin_prog { width: 100%; } .admin_prog > .ndash-in-right-row { /*display:inline-block;width:50%*/ display: inline-block; margin: 0 20px 10px 0; } .admin_prog > .ndash-in-right-row > .ndash-in-right-cell { display: table; width: 386px; min-height: 63px; line-height: 29px; } .admin_prog_sng > .ndash-in-right-row { display: inline-block; margin: 0 0 10px 0; width: 100%; } .admin_prog_sng > .ndash-in-right-row > .ndash-in-right-cell { display: table; width: 100%; min-height: 63px; line-height: 29px; } /*sprint81-css*/ .captcha_wrap { margin-top: 35px; } .captcha_wrap .refresh-captcha { margin-bottom: 10px; } .captcha_wrap .refresh-captcha img { width: 145px; } .captcha_wrap .refresh-captcha .reset-icon { position: absolute; padding-top: 6px; padding-left: 11px; } /*NEW TASK MODAL CSS*/ .new_task_modal { text-align: center; display: block !important; } .new_task_modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .new_task_modal .modal-dialog { width: 75%; display: inline-block; vertical-align: middle; margin: 0 auto; } /*.new_task_modal .modal-body{overflow-x:hidden;padding:15px 30px}*/ /*.new_task_modal .modal-body .row.mx_b_0{margin-bottom:0}*/ /*.new_task_modal .modal-body .col-sm-8.px_r_0{padding-right:0}*/ .new_task_modal .tab-wrap .nav-tabs { margin: 0 15px !important; padding: 0 !important; } .new_task_tab .nav.nav-tabs { margin-left: 0 !important; margin-right: 0 !important; } .new_task_tab .nt_label { width: 100%; text-align: left; margin-top: 10px; } #nt_subtask li > ol > li > ol > li > ol > li > ol > li > ol { padding-left: 0 !important; } .list_task_group_box_nodes { position: relative; margin: 0; padding: 0; } .list_task_group_box_nodes .list_task_group_box_nodes { padding-left: 20px; } .list_task_group_box_node .list_task_group_box { background-color: #f1f0f0; color: #454f57; border-radius: 3px; padding: 0; margin-bottom: 10px; height: 35px; line-height: 35px; } .list_task_group_box .task_title_truncate { float: left; width: 100%; padding-left: 7px; } .list_task_group_box .span_arrow { float: left; width: 18px; padding-left: 7px; line-height: 35px; cursor: pointer; text-align: left; margin-left: -7px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .list_task_group_box .task_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; text-align: left; padding-left: 4px; padding-right: 10px; } .list_task_group_box.active { background: #2aace3; } .list_task_group_box:hover .span_arrow, .list_task_group_box.active .span_arrow { color: #fff; background: #2aace3; border-top-right-radius: 0; border-bottom-right-radius: 0; } .list_task_group_box:hover .task_title, .list_task_group_box.active .task_title { color: #fff; background: #2aace3; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .list_task_group_box:hover .span_arrow, .list_task_group_box:hover .task_title, .list_task_group_box:hover { background: #0e76bc; } .list_task_group_box.active:hover .task_title, .list_task_group_box.active:hover .span_arrow { color: #fff !important; } /*task-disabled*/ .list_task_group_box.disabled:hover { background: #f1f0f0 !important; } .list_task_group_box.disabled:hover .span_arrow, .list_task_group_box.disabled:hover .task_title { background: #f1f0f0 !important; color: #454f57; } /*task-disabled*/ /*.ntm_child_subtask_box .chld_stask_iconBox{position:absolute;right:10px;width:32px;text-align:right;display:none} .ntm_child_subtask_box .chld_stask_iconBox > a{display:inline} .ntm_child_subtask_box:hover .chld_stask_iconBox .fa, .ntm_child_subtask_box.active .chld_stask_iconBox .fa{color:#fff;background:#2aace3}*/ .ntm_section_left { float: left; padding: 0; margin-top: 0; width: 100%; } .ntm_section_left .task_popup, .strip-manage-people { width: 78%; margin: 6px auto 9px auto; text-align: center; } .external-bub.ntm_section_left .task_popup { width: 60%; } .ntm_section_left .task_popup p, .strip-manage-people > p { padding: 7px 5px 7px 5px; /*font-size:0.875em;*/ color: #fff; line-height: 14px; margin: 0; border-radius: 30px; } .strip-manage-people > p { color: #fff !important; } .ntm_section_left .task_popup > p > i.fa, .strip-manage-people > p > i.fa { font-size: 1em; margin-right: 5px; padding-left: 2px; } .ntm_section_left .task_popup a.button .strip-manage-people a.button { position: relative; top: -5px; font-size: 13px; text-decoration: none; } /*.ntm_section_left .task_popup .btn_close{position:absolute;top:-4px;right:0;}*/ .ntm_section_left .task_popup .btn_close { float: right; margin-top: -6px; } .ntm_section_left .task_popup .btn_close i.fa { color: rgba(246, 249, 252, 1.0); font-size: 18px; width: 19px; vertical-align: top; cursor: pointer; padding: 0.5px; border-radius: 50%; } .ntm_section_left .task_popup .btn_close i.fa.red { background-color: #b74750; } .ntm_section_left .task_popup .btn_close i.fa.orange { background-color: rgba(247, 144, 61, 1.0); } .ntm_section_left .task_popup .btn_close i.fa.green { background-color: #95c53d; } .ntm_section_left .task_popup.tp_error p, .strip-manage-people > p { background-color: #b74750; } .ntm_section_left .task_popup.tp_error a.button.remove { color: #b74750; } .ntm_section_left .task_popup.tph_priority p { background-color: #f7903d; } .ntm_section_left .task_popup.tph_priority a.button.remove { color: #f7903d; } .ntm_section_left .task_popup.tcb_completed p { background-color: #95c53d; } .ntm_section_left .task_popup.tcb_completed p a { color: #fff; text-decoration: underline; } .ntm_section_left .section_top { display: table; width: 100%; } .ntm_section_left .section_top .col-sm-7 { width: 60%; padding-left: 0; padding-right: 0; position: relative; bottom: -5px; } .ntm_section_left .section_top .col-sm-5 { width: 40%; padding-left: 0; padding-right: 14px; } /*tooltip-css*/ /*.ntm_section_left .task_popup .btn_close .tooltip{top:0 !important;} .ntm_section_left .task_popup .btn_close .tooltip .tooltip-arrow{top:15% !important}*/ .ntm_container.rip_fix { min-height: 200px; } /*tooltip-css*/ .ntm_section_left .section_paragraph { margin-top: 0; } .ntm_section_left .section_paragraph p { text-align: left; padding: 0 15px 0 0; margin: 0 0 10px 0; } .p_whitespace { white-space: pre-line; } .ntm_section_left .section_sbtm { display: inline-block; width: 100%; margin-top: 15px; } .ntm_section_left .cf-bottom-mar30, .bottom-mar30 { margin-bottom: 30px !important; } .ntm_section_left .section_sbtm h4 { float: left; width: 100%; text-align: left; font-size: 1.125em; font-family: 'bariol-bold'; margin-bottom: 6px; } .ntm_section_left .section_btm h4 { float: left; width: 100%; text-align: left; font-size: 1.125em; font-family: 'bariol-bold'; margin-bottom: 4px; } .ntm_section_left .section_sbtm .assigned_role { float: left; padding-left: 20px; margin-top: 6px; margin-bottom: 5px; width: 100%; text-align: left; } .ntm_section_left .section_sbtm .assigned_role img.mem_img { float: left; width: 20px; height: 20px; border-radius: 3px; border: 1px solid #e8edef; margin-right: 5px; } .ntm_section_left .section_sbtm .assigned_role .mem_frame { float: left; line-height: 18px; width: 20px; height: 20px; border-radius: 3px; border: 1px solid #e8edef; margin-right: 5px; text-align: center; } .ntm_section_left .section_sbtm .assigned_role a { text-decoration: underline; } .ntm_section_left .section_sbtm .assigned_role .fa { position: absolute; padding-left: 6px; padding-top: 4px; font-size: 1.125em !important; } .ntm_section_left .section_sbtm .assigned_role .tooltip.top { margin-top: 0; } .ntm_section_left .section_sbtm .deadline label { float: left; text-align: left; width: 100%; } .ntm_section_left .section_sbtm .deadline .set_deadline { float: left; margin-left: 25px; margin-top: 4px; width: 100%; text-align: left; color: #454f57; } .ntm_section_left .section_sbtm .deadline .overdue_msg { float: left; margin-left: 40px; margin-top: 5px; } .ntm_section_left .section_sbtm .deadline.error { border: 0 !important; } .ntm_section_left .section_sbtm .deadline.error label { color: #b74750; } .ntm_section_left .section_sbtm .deadline.error .fa { color: #b74750; } .ntm_section_left .section_sbtm .deadline.error .set_deadline span { color: #b74750; } .ntm_section_left .section_sbtm .deadline.error .overdue_msg { color: #b74750; } .ntm_section_left .section_sbtm h4.add_info { width: auto; margin-top: 8px; margin-bottom: 11px; } .additional_info p.btn_schanges { float: left; padding-top: 6px; padding-left: 8px; } /*.additional_info p.ins_message{margin-left:-20px;text-align:left;padding-top:0;padding-right:35px}*/ .additional_info p.ins_message .error-red { display: inline-block; width: 8px; line-height: 14px; vertical-align: middle; font-size: 1.125em !important; } .additional_info .cf_checkbox_wrap { float: left; } .additional_info ul.cf_checkbox { display: inline-block; margin-top: 8px; } .additional_info ul.cf_checkbox li { margin-bottom: 2px; display: inline-block; width: 100%; } .additional_info ul.cf_checkbox li label { padding-left: 24px; width: auto; } /*.additional_info .input_wrap{float:left;margin-top:8px;margin-left:18px;width:100%; }*/ .additional_info .input_wrap { width: 100%; /*padding-right: 25%;*/ padding-left: 15px; } .additional_info .task-hierarchical .input_wrap { padding-right: 0; } .additional_info .input_wrap span.currency-symbol { line-height: 35px; top: 0; } .additional_info .input_wrap .multiple-select span { line-height: 20px; } .additional_info .input_wrap .multiple-select span.dropdown-iconx { line-height: normal; margin-top: 2px; } .additional_info .input_wrap span.input_label { line-height: 35px; } .additional_info .input_wrap.multi-select { margin-left: 40px; width: 70%; } .additional_info .input_wrap input { /*width:75%;*/ padding-left: 8px; } .additional_info .input_wrap .crncy-symbol-wrap { height: 35px; } .additional_info .input_wrap .crncy-symbol-wrap span.input_label { margin-left: 0; } /*.additional_info .input_wrap ul.custom-checkbox{float:left;margin-bottom:0}*/ .additional_info .ai-business-roles { padding: 0; } .additional_info .ai-business-roles .brole_title { float: left; width: 100%; padding-left: 20px; } .additional_info .ai-business-roles .brole_title label { font-weight: normal; font-family: 'bariol-regular'; margin-top: 0; margin-bottom: 11px; } .additional_info .ai-business-roles .brole_input { margin-left: 40px; margin-right: 40px; } .additional_info .ai-business-roles h4 { width: auto; margin-top: 8px; padding-left: 0; padding-right: 0; margin-bottom: 11px; font-size: 1.125em; } .additional_info .ai-business-roles .user-sugg-tag-box .user-sugg-ddown { width: 100%; } .additional_info .ai-business-roles .list-item-fname { float: left; } .additional_info .ai-business-roles .list-item-fname.f-none { float: none; } .additional_info .ai-business-roles .user-sugg-tag-box .select2-choices { max-height: 66px; overflow-y: auto; } .additional_info .custom_fields { width: 100%; display: inline-block; padding: 0; } .lbl-visible-hide { visibility: hidden; opacity: 0; } /*.additional_info .custom_fields >.row{padding-left:40px;margin-right:-55px}*/ /*.additional_info .custom_fields >.row {padding-left: 20px;margin-right: 0;padding-right: 0;margin: 0;}*/ /*.additional_info .custom_fields .input_wrap{margin-left:0;margin-top:0;padding:0 80px}*/ /*.additional_info .custom_fields .input_wrap .form_input_label{margin-left:-80px}*/ .additional_info .custom_fields .input_wrap .form_input_label textarea.form-control { /*padding-top:7.5px;*/ height: 35px; padding-bottom: 0; } .additional_info .custom_fields .input_wrap .form_input_label textarea.form-control.height-auto { height: auto; } .additional_info .custom_fields .input_wrap .form_input_label ul.option { padding-left: 0; } .pad-t-0-im { padding-top: 0 !important; } .additional_info .custom_fields .input_wrap .form_input_label ul.option li .radio { margin-top: 1px; margin-bottom: 1px; min-height: 35px; line-height: 16px; width: 100%; } /*.additional_info .custom_fields .input_wrap .form_input_label .single-select-dd .button-label.form-control{text-align:center}*/ .additional_info .custom_fields .input_wrap .currency-value { position: absolute; left: 14px; top: 8px; } .additional_info .custom_fields .input_wrap input { padding-left: 14px; } .additional_info .custom_fields .input_wrap .multiple-select .btn-group { float: left; /*width:75%*/ } .additional_info .custom_fields .col-sm-6:nth-child(2n+1) { clear: both; } .additional_info .custom_fields .default-stat-or .tooltip.left .tooltip-inner { float: right; } .ntm_section_left .ap_task h4.title { font-family: 'bariol-bold'; font-size: 1.125em; display: inline-block; vertical-align: middle; } .ntm_section_left .ap_task { margin-top: 15px; } .ntm_section_left .ap_task span { margin-bottom: 10px; } .ntm_section_left .ap_task .blue-anchor { margin-left: 10px; } .ntm_section_left .section_btm { display: inline-block; width: 100%; margin-top: 10px; } .ntm_section_left .section_btm label { width: 100%; text-align: left; } .ntm_section_left .section_btm .ref_mt_attach { margin-top: 5px; } .ntm_section_left .section_btm .ref_mt_attach ul { margin: 0; padding: 0; list-style: none; text-align: center; } .ntm_section_left .section_btm .ref_mt_attach ul li span.ImgBox { width: 45px; height: 50px; border-radius: 4px; display: inline-block; line-height: 60px; margin-bottom: 5px; } .ntm_section_left .section_btm .ref_mt_attach ul li span.ImgBox:hover { background-color: #e8edef; } .ntm_section_left .section_btm .ref_mt_attach ul li span.ImgBox > i { font-size: 30px; } .ntm_section_left .section_btm .ref_mt_attach ul li { float: left; width: 25%; padding: 0 10px; margin-bottom: 8px; } .ntm_section_left .section_btm .ref_mt_attach ul li span { display: block; } .ntm_section_left .section_btm .ref_mt_attach ul li span > a { text-decoration: underline; word-break: break-all; } .ntm_section_left .section_btm .ref_mt_attach ul li:nth-child(4n + 1) { /*width:25%;*/ clear: both; } .ntm_section_left .hd_pn_row, .ntm_section_left .hd_nps_row, .ntm_section_left .hd_comments { float: left; font-family: 'bariol-bold'; text-align: left; width: 100%; } .ntm_section_left .hd_pn_row { margin-bottom: 15px; } .ntm_section_left .hd_nps_row { margin-top: 0; } .ntm_section_left .hd_comments { margin-top: 10px; } .ntm_section_left .hd_nps_row { margin-bottom: 12px; } .hd_pn_row .prt_name, .hd_nps_row .task_name, .hd_nps_row .ps_row .task_points { float: left; padding-right: 5px; font-size: 1.25em; } .hd_pn_row .prg_name { float: left; font-size: 1.25em; } .hd_nps_row .ps_row { float: left; } .ntm_section_left .rai_task, .ntm_section_left .mhp_task, .ntm_section_left .ctt_task { text-align: right; padding-top: 4px; padding-bottom: 4px; line-height: 20px; border: 1px solid #fff; white-space: nowrap; text-decoration: none; } /*.rai_task:hover .fa,.mhp_task:hover .fa,.ctt_task:hover .fa{color:#0e76bc} .rai_task:hover a,.mhp_task:hover a,.ctt_task:hover a{color:#0e76bc}*/ .rai_task.btn-default:hover .fa, .btn-default:hover { color: #fff !important; } .rai_task:focus .fa, .mhp_task:focus .fa, .ctt_task:focus .fa { color: #2aace3; } .ntm_section_left .rai_task.btn.btn-default { margin-top: 0; } .ntm_section_left .rai_task.btn.btn-default { margin-right: -15px; margin-left: 0; text-transform: inherit; } .ntm_section_left .rai_task.btn.btn-default > a { text-decoration: none; color: #fff; } .ntm_section_left .rai_task.btn.btn-default > i { color: #fff; } .ntm_section_left .rai_task > i, .ntm_section_left .mhp_task > i, .ntm_section_left .ctt_task > i { cursor: pointer; } .ntm_section_left .rai_task a, .ntm_section_left .mhp_task a, .ntm_section_left .ctt_task a { text-decoration: underline; } /*#task_detail_scroll{overflow-x:hidden}*/ /*section-task-communication-attachment*/ .task_com_attach .hd_title { margin-left: 0; } .tca_table_wrap .tbl_attachBox_wrap { width: 25%; display: inline-table; } .tca_table_wrap .tbl_attachBox_wrap .ImgBox { display: inline-block; line-height: 38px; border-radius: 4px; background-color: #e8edef; width: 38px; height: 38px; } .tca_table_wrap .tbl_attachBox_wrap .ImgBox > i { font-size: 30px; } .ntm_section_left .section_btm .attachBox_wrap { float: left; display: inline-block; margin-top: 10px; } .ntm_section_left .section_btm .attachBox_wrap ul { margin: 0 0 0 -13px; padding: 0; } .ntm_section_left .section_btm .attachBox_wrap ul li span.ImgBox { display: inline-block; width: 45px; height: 50px; background-color: #e8edef; border-radius: 4px; line-height: 60px; margin-top: 0; } .ntm_section_left .section_btm .attachBox_wrap ul li span.ImgBox > i { font-size: 24px; } .ntm_section_left .section_btm .attachBox_wrap ul li { float: left; padding: 0 15px; /*width:25%;*/ } .ntm_section_left .section_btm .attachBox_wrap ul li span { display: block; margin-top: 5px; } .ntm_section_left .section_btm .attachBox_wrap ul li span > a { text-decoration: none; } /*.ntm_section_left .section_btm .attachBox_wrap ul li:nth-child(4n + 1){clear:both}*/ /*.tca_table_wrap .attachBox>a{text-decoration:underline}*/ .tca_table_wrap .task_comment_trigger { position: relative; display: inline-block; padding-left: 14px; margin-bottom: -4px; } .tca_table_wrap .task_comment_trigger span.exc_btn { position: absolute; font-size: 16px; left: 0; } .tca_table_wrap .task_comment_trigger a { float: left; width: 100%; text-align: left; text-decoration: none; cursor: default !important; } .tca_table_wrap .task_comment_trigger a:hover { color: #454f57 !important; } .tca_table_wrap .task_comment_trigger span.lbl { float: left; font-family: 'bariol-bold'; text-align: left; width: 100%; } .tca_table_wrap .task_comment_trigger p { float: left; font-family: 'bariol-regular'; text-align: left; line-height: 18px; padding-top: 10px; width: 100%; } .tca_table_wrap .add_new_comment { margin-top: 5px; } .tca_table_wrap .add_new_comment h4.hd_add_ncomment { float: none; font-family: 'bariol-bold'; font-size: 1.125em; text-align: left; margin: 0; } .tca_table_wrap .add_new_comment .form-group { float: left; width: 100%; margin-bottom: 5px; } .tca_table_wrap .add_new_comment label { float: left; margin-top: 5px; } .tca_table_wrap .add_new_comment .input_wrap { display: block; clear: both; } .tca_table_wrap .add_new_comment .form-control { float: left; width: 73%; } .tca_table_wrap .add_new_comment a.btn.btn_attach { padding-left: 22px; margin-top: 3px; margin-right: -5px; } .tca_table_wrap .add_new_comment a.btn > .fa-paperclip { margin-left: -10px; margin-right: 4px; margin-top: -4px; vertical-align: middle; } .tca_table_wrap .add_new_comment textarea.form-control { float: none; width: 100%; resize: both; } .tca_table_wrap .add_new_comment a.btn.btn_comment { float: right; margin-top: 10px; padding-left: 24px; } .tca_table_wrap .add_new_comment a.btn > .fa-plus { margin-left: -10px; margin-right: 4px; margin-top: -3px; vertical-align: middle; } .sf_burgundy, .sf_orange, .sf_green, .sf_darkblue, .sf_darkgray, .sf_bgreen { float: left; font-size: 1.25em; } .sf_burgundy { color: #b74750; } .sf_orange { color: #f7903d; } .sf_green { color: #95c53d; } .sf_darkblue { color: #0e76bc; } .sf_darkgray { color: #454f57; } .sf_bgreen { color: #49d0bf; } .fs-color { float: none; font-size: 1em; } .lh-i25 { line-height: 25px !important; } /*new-task-detail-popup*/ .small-popup.rissue.right { min-width: 274px; width: auto; left: initial; right: 6px; top: 29px; padding: 15px 7px 7px 7px; box-shadow: 6px 6px 6px -2px #8c9497; border-radius: 0; } .small-popup.rissue.right .close-icon { top: 4px; right: 8px; font-size: 16px; } .small-popup.rissue.right label { float: left; } .small-popup.rissue.right .text-right { margin-top: 7px; } .small-popup.rissue.right textarea { min-height: 74px; padding-left: 11px; } .btn.rep_issue { margin-left: 2px; } a.btn.rep_issue > .fa-exclamation-triangle { margin-left: -3px; margin-right: 1px; } .new_task_modal .msg-modal.modal-dialog.w400 { width: 400px !important; } .new_task_modal .msg-modal.modal-dialog .modal-title p { text-align: left; } .colorDimmed a, .colorDimmed a:hover { color: rgba(164, 171, 174, 0.5) !important; } .colorTextDimmed, .browsebtn-disabled { opacity: 0.5; } .browsebtn-disabled:hover { color: #fff; opacity: 0.5; background-color: #2aace3; border: 1px solid #2aace3; cursor: default; } /*new-task-detail-popup*/ /*NEW TASK MODAL CSS*/ /*iframe-body-css*/ .iframe-body { position: absolute; height: 100%; width: 100%; overflow: hidden; } .iframe-body iframe.iframe-content { position: relative; width: 100%; height: 100%; } /*iframe-body-css*/ .newrt-tool-box div.fullscreen { z-index: 1038; width: 100%; height: 100%; top: 0 !important; left: 0; bottom: 0; margin: 0; position: fixed; padding: 30px; background: rgba(0, 0, 0, 0.5); } .newrt-tool-box .fullscreen .efficiency-wrap { width: 100%; } .newrt-tool-box .fullscreen .si-popup-closebtn { display: block; position: absolute; right: 0; background: rgba(255,255,255,0); cursor: pointer; margin-top: -11px; margin-right: -11px; width: 23px; height: 23px; font-size: 22px; text-align: center; } .newrt-tool-box .si-popup-closebtn i { color: #f7903d; background: #fff; padding: 1px; border-radius: 50%; font-size: 21px; width: 22px; line-height: 1; } .newrt-tool-box .si-popup-closebtn i:hover { color: rgba(247,144,61,.5); } /*sprint-96-works*/ #divPartnerpopup a.active { box-shadow: none; } .prt-search-btn { float: left; width: 100%; /*z-index:100;*/ top: 0; position: relative; min-height: 27px; } .prt-search-btn > a { float: left; margin-top: 3px; font-family: 'bariol-bold'; line-height: 20px; } .prt-search-btn > .fa { float: left; margin-top: 5px; margin-right: 4px; } .partner-colum-outer { display: table; background: #fff; border: 1px solid rgba(0,0,0,.2); word-wrap: break-word; -webkit-box-shadow: 0 5px 15px -2px rgba(140,148,151,.5); -moz-box-shadow: 0 5px 15px -2px rgba(140,148,151,.5); box-shadow: 0 5px 15px -2px rgba(140,148,151,.5); /*position:relative;top:139px;left:30px*/ position: absolute; top: 0; left: -2px; z-index: 10000; } .partner-colum-outer.w300 { width: 300px; } .pner-colum-first { display: table-cell; vertical-align: top; /*border-right:1.5px solid rgba(164,171,174,.5);*/ height: 100%; padding: 25px 15px 10px; width: 100%; } .partner-colum-outer .pner-colum-second { border-right: none; } .pner-colum-first > .inner-title { overflow: hidden; margin-bottom: 10px; padding-right: 15px; } .md-inner-content { overflow-y: auto; height: 215px; padding-bottom: 10px; } .md-inner-content > div.list { overflow: hidden; margin-bottom: 10px; word-wrap: break-word; } .md-inner-content > div.list div.list-title { padding-right: 8px; display: block; overflow: hidden; padding-bottom: 3px; } .pnr-lbl-truncate-outer { display: inline-block; width: calc(100% - 30px); position: relative; left: 32px; } .pnr-lbl-truncate-outer .srch-field-truncate { /*position:absolute;right:calc(34px);left:calc(8.8%);white-space:nowrap;text-overflow:ellipsis;*/ display: block; overflow: hidden; line-height: 20px; padding-right: 34px; padding-left: 7px; margin-top: 3px; margin-bottom: 4px; word-break: break-word; word-wrap: break-word; font-family: 'bariol-regular'; } /*gamification-driver-settings*/ /*.ngm-input{padding-left:-6px}*/ .ngm-input .form-control { font-family: 'bariol-bold'; font-size: 1em; width: 400px !important; } .time-to-achieve-outer-event{ flex:0 1 550px } .form-control.time-to-achieve-control { width: 75px !important; font-family: 'bariol-regular'; } .event-title .of-hidden .ngm-content-editable.time-to-achieve-hoverdiv{ min-width:75px } .w-100.ngm-input .form-control, .ngm-input .w-100 .form-control, .ngm-input .form-control.w-100 { width: 100% !important; } .ngm-input .gm-label { font-family: 'bariol-bold'; } .ngm-input .ngm-inp-row .form-control { padding-left: 5px; letter-spacing: 0; } .ngm-content-editable { float: left; border: 1.5px solid transparent; border-radius: 2px; padding: 6px 5px 4px 5px; position: relative; overflow: hidden; min-height: 35px; font-size: 1em; font-family: 'bariol-bold'; } .ngm-content-editable:hover { border: 1.5px solid rgba(164, 171, 174, 0.5); cursor: pointer; } .gmfication-container { background: #fff; border: 1px solid rgba(0, 0, 0, .2); word-wrap: break-word; -webkit-box-shadow: 0px 5px 15px -2px rgba(140,148,151,0.5); -moz-box-shadow: 0px 5px 15px -2px rgba(140,148,151,0.5); box-shadow: 0px 5px 15px -2px rgba(140,148,151,0.5); position: absolute; top: 50px; width: 100%; padding-left: 15px; padding-right: 15px; z-index: 1041; min-height: 356px; } .gmfication-container span.top-title { font-family: 'bariol-regular'; font-size: 1.25em; text-align: center; padding-top: 45px; padding-bottom: 45px; width: 100%; margin-bottom: 0; display: block; } .gmfication-container > .row { padding-left: 25px; padding-right: 25px; } .gmfication-container .col-sm-4 { padding: 0 25px; } .gamification-canvas-btn span { display: block; line-height: 128px; } /*.gamification-btn-box span.icon-salesforce{background:url(/Assets/images/salesforce-logo.png) center center no-repeat;width:100%;}*/ .gamification-canvas-btn span.gm-san-icon { height: 55px; } .gamification-canvas-btn span.gm-san-icon .fa-question { font-size: 3.875em; line-height: 55px; } /* .gmfication-container { padding-left:25%;padding-right:25% } */ .sat-link { text-decoration: underline; color: #2aace3; } .sat-link:hover { color: #0e76bc; } .agile-central-list { width: 75% !important; height: 307px !important; } .agile-central-list .tbl-title { margin: 10px 0; } .agile-central-list .tbl-scroll-outer { max-height: 257px; overflow-y: auto; } .gmfication-canvas { display: inline-block; width: 100%; /*line-height:28px;*/ margin-bottom: 10px; cursor: pointer; vertical-align: middle; text-align: center; border-radius: 4px; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: 0 0 0px #8c9497; } .gmfication-canvas a { color: #454f57; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; text-decoration: none; } .gmfication-canvas a:hover { color: #454f57; } .gmfication-canvas a .gm-connect-icon img { max-width: 100%; } .gmfication-canvas a:focus, .gmfication-canvas a:active { opacity: 0.65; } .gmfication-canvas a:focus .fa-question, .gmfication-canvas a:active .fa-question { opacity: 0.65; } .gmfication-canvas a:focus img, .gmfication-canvas a:active img { opacity: 0.65; } /*modal-css*/ .aa-gamification-modal { position: absolute; left: 50%; top: 50%; margin-left: -215px; margin-top: -131px; z-index: 1041; } .gmification-popup-outer { display: table; background: #fff; border: 1px solid rgba(0, 0, 0, .2); word-wrap: break-word; /*box-shadow: 0 5px 15px #8c9497;*/ -webkit-box-shadow: 0px 5px 15px -2px rgba(140,148,151,0.5); -moz-box-shadow: 0px 5px 15px -2px rgba(140,148,151,0.5); box-shadow: 0px 5px 15px -2px rgba(140,148,151,0.5); position: relative; /*table-layout: fixed;*/ } .gmification-popup-outer.w430 { width: 430px; } .gmification-mcontainer { display: table-cell; vertical-align: top; height: 100%; padding: 0px 15px 10px 15px; width: 100%; } .gmification-mcontainer .inner-wrap { overflow: hidden; margin-bottom: 9px; padding-right: 15px; } .gmification-mcontainer .inner-wrap .control-label { font-size: 1.125em; margin-bottom: 20px; } .gma-list-scroll { /*min-height:165px;*/ overflow-y: auto; overflow-x: hidden; } .gm-driver-list { float: left; margin-left: 18px; padding-left: 0; } .gm-driver-list li { float: left; width: 100%; margin-bottom: 4px; } .gm-driver-list li label { float: left; margin-top: 2px; } /*modal-css*/ .gm-save-colum-last { margin-right: 10px; } .nge-name { float: left; width: 100%; } .gm-driver { float: left; } .gm-driver span.driver { float: left; font-family: 'bariol-bold'; } .gm-add-drivers { margin-left: 8px; } ul.gm-add-drivers { overflow: hidden; margin: 0; padding-left: 10px; } ul.gm-add-drivers li { margin-bottom: 5px; } ul.gm-add-drivers li .fa { margin: 0 3px; color: #2aace3; font-size: 1.125em; vertical-align: middle; } ul.gm-add-drivers li a.gmd-add-btn .fa:hover { color: #0e76bc; } ul.gm-add-drivers li .fa.btn-transparent { border: none; background: none; } /*sprint-96-works*/ .td-lock { position: absolute; top: 0; left: 0; background: transparent; width: 100%; height: 40px; z-index: 1; } .atm-toggle-btn { position: absolute; left: -30px; top: 0; width: 28px; height: 28px; font-size: 18px; z-index: 999; display: none; cursor: pointer; text-align: center; padding-top: 3px; background: #8c9497; -webkit-box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, .2); -moz-box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, .2); box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, .2); /*box-shadow: -1px 2px 10px -2px rgba(0, 0, 0, .2); border:1px solid rgba(164,171,174,0.5);*/ border: 1px solid #8c9497; border-right: 4px solid transparent; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .atm-toggle-btn .fa { color: #fff; /*color:#454f57;*/ padding-left: 4px; } .automation-sidebar { position: fixed; top: 114px; right: -25%; z-index: 1001; background: #fff; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; bottom: 43px; } .automation-sidebar.atm-collapsed { right: 0; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2); box-shadow: 0 2px 10px rgba(0, 0, 0, .2); } .automation-sidebar.atm-collapsed > .atm-toggle-btn { border-right: 4px solid #8c9497; left: -28px; } .sidebarfixed .automation-sidebar { position: fixed; top: 64px; bottom: 43px; } .automation-sidebar .mpw_sendbox_ffield { position: absolute; overflow-y: auto; height: calc(100% - 34px); width: 100%; padding-left: 8px; padding-right: 8px; margin-left: 0; } .mpw_sandbox.automation-sidebar .tab-wrap.sendbox_tab .nav-tabs > li.active:first-child > a { padding-left: 5px; } .automation-width { width: 100%; } .ovx-hidden { overflow-x: hidden; } /*.blue-plus-icon.inc-another-btn{color:#f7903d;} .blue-plus-icon.inc-another-btn:hover{color:rgba(247, 144, 61, 0.5)}*/ /*-----automation-sequence-group-common-css-----*/ .meet-all-dd .col-sm-2, .meet-any-dd .col-sm-2 { padding-left: 10px; } /*.meet-all-dd .gm-body-drop-down-delete,.meet-any-dd .gm-body-drop-down-delete{margin-left:10px}*/ .meet-all-dd .gm-body-drop-down-delete, .meet-any-dd .gm-body-drop-down-delete { margin-left: 0; } .meet-all-dd .col-sm-2, .meet-all-dd .gm-body-drop-down-delete, .meet-any-dd .col-sm-2, .meet-any-dd .gm-body-drop-down-delete, .as-raction-ddown .col-sm-2 { margin-top: 10px; margin-bottom: 0 !important; } /*-----automation-sequence-ungroup-----*/ /*ul.sq-trig-ungroup{list-style:none;padding: 0 0 0 5px;margin-right:0;position:relative} ul.sq-trig-ungroup .gm-body-drop-down-cloumn{max-width:100%;display:table} ul.sq-trig-ungroup>li .gm-body-drop-down-delete{ display: table-cell; float: none; white-space: nowrap; padding-left: 10px; padding-top: 10px} ul.sq-trig-ungroup>li .text-to{padding-left:10px;}*/ /*-----automation-sequence-ungroup-----*/ ul.atm-tree-list { list-style: none; margin: 0; padding: 0; position: relative; } ul.atm-tree-list > li:first-child.group-name { width: auto; margin-bottom: -7px; margin-top: 11px; } ul.atm-tree-list > li .col-sm-2 { padding-left: 0; padding-right: 10px; } ul.atm-tree-list > li .text-to { padding-left: 0; padding-right: 10px; } ul.atm-tree-list > li .dd-btm-text { display: block; } .dd-btm-text.lbl-visible-hide { line-height: 20px; } ul.atm-tree-list > li .gm-body-drop-down-delete { display: table-cell; white-space: nowrap; float: none; } ul.atm-tree-list > li.last-list:before { display: none; } ul.atm-tree-list > li.last-list .col-sm-2 { padding-left: 0; padding-right: 10px; } ul.atm-tree-list > li.last-list .gm-body-drop-down-delete { padding-top: 10px; } ul.atm-tree-list > li.last-list .col-sm-2 .percentage-symbol { right: 20px; } .caretremove .q2e-select-dropdown .caret { background: none; } .trigger-fix-row .col-sm-2 { float: left; } .sq-icon-box { width: auto !important; vertical-align: top; } .sq-icon-box > .fa { margin-right: 6px; margin-left: 0; vertical-align: middle; height: 18px; } .sq-icon-box > a { margin-right: 6px; margin-left: 0; } .sq-icon-box > .fa:nth-last-child(1) { margin-right: 0; } .sq-icon-box.pt-i0 { padding-top: 0 !important; } .another-trig-link-btn { float: left; line-height: 35px; margin-top: 10px; } /*DROP DOWN ISSUE ON INCREASE TEXT LIMIT*/ /*ul.atm-tree-list .gm-body-drop-down-cloumn{ max-width: 100%;display: flex;float: left;} ul.atm-tree-list .gm-body-drop-down-cloumn > div:first-child{ flex: 1;min-width: 0;} ul.atm-tree-list>li .col-sm-2{max-width:100%;} ul.atm-tree-list .gm-body-drop-down-cloumn > div:first-child > div:first-child, ul.atm-tree-list>li .gm-body-drop-down-delete{display:initial;display:inline;} .form-control.ge[readonly]{white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} ul.atm-tree-list>li.last-list .gm-body-drop-down-delete{position:relative;top:10px;}*/ /*DROP DOWN ISSUE ON INCREASE TEXT LIMIT*/ ul.atm-tree-list.seq-group-first:before { float: left; position: absolute; width: 12px; height: 9px; content: ""; top: 34px; left: 0; display: inline-block; border-top: 1.5px solid #f7903d; border-top-left-radius: 9px; } ul.atm-tree-list.seq-group.seq-group-first { border-left: none; } ul.atm-tree-list.seq-group.seq-group-first > li { border-left: 1.5px solid #f7903d; border-top-left-radius: 9px; position: relative; } ul.atm-tree-list.seq-group > li.seq-group .text-to { padding-left: 10px; padding-right: 0; margin-top: 0; } ul.atm-tree-list.seq-group > li.seq-group .another-trig-link-btn { margin-left: 10px; margin-top: 0; margin-bottom: 10px; } ul.atm-tree-list.seq-group { border-left: 1.5px solid #f7903d; } ul.atm-tree-list.seq-group > li .col-sm-2 { padding-left: 10px; padding-right: 0; padding-bottom: 32px; margin-top: 0; } ul.atm-tree-list.seq-group > li .col-sm-2 .dd-btm-text { display: block; margin-bottom: -24px; } ul.atm-tree-list.seq-group > li .gm-body-drop-down-delete { padding-left: 10px; padding-top: 0 !important; } /*add-by-today*/ /*old*/ /*ul.atm-tree-list .gm-body-drop-down-cloumn{max-width:100%;display:table} ul.atm-tree-list.seq-group-first>li:first-child.group-name{display:inline-block;border-left:none !important;margin-bottom:3px} ul.atm-tree-list.seq-group>li .icon-group.set--align{padding-top:0;padding-left:10px} .trigger-fix-row{display:table-cell} .atm-tree-list .icon-group.set--align.d-flex{display:table-cell}*/ /*old*/ /*new*/ ul.atm-tree-list .gm-body-drop-down-cloumn { /*max-width:96%;float:left*/ max-width: inherit; display: flex; } ul.atm-tree-list .gm-body-drop-down-cloumn > div:first-child { min-width: 1px; } .trigger-fix-row { float: left; max-width: 100%; } ul.atm-tree-list.seq-group-first > li:first-child.group-name { border-left: none !important; margin-bottom: 3px; float: left; width: 100%; } ul.atm-tree-list.seq-group > li.seq-group .trigger-fix-row { padding-right: 10px; } ul.atm-tree-list.seq-group.last-list > li.last-list .trigger-fix-row { padding-right: 10px; } ul.atm-tree-list.seq-group.seq-group-first > li .trigger-fix-row { padding-right: 10px; } ul.atm-tree-list.seq-group.last-list > li.last-list.pr-0 .trigger-fix-row, ul.atm-tree-list.seq-group.seq-group-first.pr-0 > li .trigger-fix-row { padding-right: 0px; } /*new*/ /*add-by-today*/ ul.atm-tree-list li.last-list:before { float: left; position: absolute; width: 12px; height: 9px; content: ""; bottom: 16px; left: -1px; border-bottom: 1.5px solid #f7903d; border-bottom-left-radius: 9px; } ul.atm-tree-list.seq-group.last-list { border-left: 1.5px solid #f7903d; border-bottom-left-radius: 9px; margin-bottom: 10px; } ul.atm-tree-list.seq-group > li.last-list:before { display: block; } ul.atm-tree-list.seq-group > li.last-list .col-sm-2 { padding-left: 10px; padding-right: 0; } ul.atm-tree-list.seq-group.last-list > li.last-list { position: relative; margin-bottom: -16px; } ul.atm-tree-list.seq-group.last-list > .last-list .dd-btm-text { display: block; margin-bottom: -24px; } ul.atm-tree-list.seq-group.last-list > li.last-list .text-to { padding-left: 10px; padding-right: 0; margin-top: 0; } ul.atm-tree-list.seq-group > li .col-sm-2 .text-to.to { padding-left: 10px; padding-right: 0; margin-top: 0; } ul.atm-tree-list.seq-group.last-list > li.last-list .another-trig-link-btn { margin-left: 10px; margin-top: 0; } /*-----automation-sequence-group-----*/ .gm-e-accordian.panel-group .panel-default:nth-of-type(even) ul.atm-tree-list.seq-group.seq-group-first > li:last-child:before { background: #fff; } .gm-e-accordian.panel-group .panel-default:nth-of-type(even) ul.atm-tree-list.seq-group.seq-group-first > li:last-child:after { background: #fff; } .gm-e-accordian.panel-group .panel-default.atm-panel-default-inner:nth-of-type(odd) { background: #fff; } .gm-e-accordian.panel-group .panel-default.atm-panel-default-inner:nth-of-type(even) { background: #e8edef; } /*ul.atm-tree-list.seq-group.last-list>li.last-list .gm-body-drop-down-delete{margin-left:11px} ul.atm-tree-list>li.seq-group .gm-body-drop-down-delete{margin-left:0} ul.atm-tree-list > li.last-list .gm-body-drop-down-delete{margin-left:0;}*/ /*-----automation-sequence-move-css-----*/ .gm-panel-dd-icon.sq-exc { min-height: 0; line-height: 14px; margin-top: 13px; margin-left: 8px; } .gm-action-icon.sq-move { margin: 0; padding: 0; position: relative; } .gm-action-icon.sq-move .actionbtn-wrap { position: relative; top: 10px; } /*.gm-action-icon.sq-move .actionbtn-wrap{position:relative;top:10px;}*/ .gm-action-icon.sq-move .actionbtn-wrap li.eye-icon { width: 32px; text-align: center; margin-right: 0; } .gm-action-icon.sq-move .actionbtn-wrap li.move-icon { width: 16px; height: 16px; margin-right: 0; } .gm-action-icon.sq-move .actionbtn-wrap li.move-icon > a > i { cursor: move; } .gm-action-icon.sq-move .actionbtn-wrap li.fcopy-icon { width: 32px; text-align: center; margin-right: 0; } .gm-action-icon.sq-move .actionbtn-wrap li.delete-icon { width: 24px; text-align: left; margin-right: 0; } .gm-action-icon.sq-move .actionbtn-wrap li.alert-icon { position: absolute; right: -18px; } .gm-action-icon.sq-move .actionbtn-wrap li a { margin-right: 0; } /*-----automation-sequence-move-css-----*/ .ofw-indent { padding-left: 15px !important; line-height: 35px; margin-bottom: 0; text-align: right; } /*.as-raction-ddown .row{margin-left:-10px} .as-raction-ddown .gm-body-drop-down-cloumn .col-sm-2{padding-left:10px}*/ z /*.iat-btn{float:right !important;margin-right:10px} .iat-btn .blue-plus-icon{color:#f7903d} .iat-btn .blue-plus-icon:hover{color:rgba(247, 144, 61, 0.5) !important} .iat-btn a:hover{color:#f7903d}*/ /*-----resulting-action-css-----*/ .mdl-opacity-hide + .modal-backdrop { opacity: 0; } /*******************sprint 100 css/ start / **************/ /*external hierarchical field design*/ /*p.ins_message.hcl-heading, .hcl-heading{margin-left:-35px !important;border-bottom: 1px solid #9aa6ad;padding-bottom: 5px; }*/ /*.task-parent.col-sm-12{padding-left:0; padding-right:0}*/ .external-hcl-heading { margin-left: 32px !important; border-bottom: 1px solid #9aa6ad; padding-bottom: 5px !important; } .dp-mc-checkbox .radio { padding-left: 12px; width: 100%; } .lnk-styl-pntr-2aace3 { cursor: pointer; color: #2aace3 !important; font-weight: bold; text-decoration: none; } .lnk-styl-pntr-454f57 { cursor: pointer; color: #454f57 !important; font-weight: bold; text-decoration: none; } .lnk-styl-dflt-9aacad { cursor: default; color: #9aacad !important; font-weight: bold; text-decoration: none; } #divReportChartList .side-left-first .cr-filterlist ul { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*----report-builder----*/ .colset-date-range { flex-wrap: inherit !important; } .colset-date-range .date-picker { position: relative; width: 50%; } /*.colset-date-range .date-picker.w-100{width:100%} .colset-date-range .date-picker.w-auto{width:auto}*/ .colset-date-range .date-picker .btn-default:hover { background-color: #9aa6ad !important; } .cr-report-group-dd.colset-date-range .form-control, .cr-report-group-dd.colset-date-range { height: 35px !important; } .colset-date-range .dropdown-menu { right: inherit !important; border: 1px solid rgba(164, 171, 174, 0.5) !important; max-height: inherit !important; overflow: inherit !important; min-width: 60px !important; } .colset-date-range .form-control[readonly] { background-color: #fff; } .colset-date-range .dropdown-menu.min-w-i70 { min-width: 70px !important; } .colset-date-range .dropdown-menu.min-w-i80 { min-width: 80px !important; } /*----report-builder-select-persona----*/ #divddlReportBuilderPersona .rpt-dd-multiselect .sol-input-container input[type="text"] { font-family: 'bariol-italic'; font-weight: normal; } #divddlReportBuilderPersona .rpt-dd-multiselect .am-inner-container { background: #f1f0f0 !important; border: none !important; } #divddlReportBuilderPersona .am-container .dropdown-menu { border: 1px solid rgba(164, 171, 174, 0.3); box-shadow: 2px 2px 4px #d4d4d4; border-left: none; } .cr-select-persona label span.counter { color: rgb(154,166,173); font-family: 'bariol-regular'; } /*----report-builder-select-persona----*/ /*----report-builder----*/ /*slide-right*/ .global-sff-btn.ct-br-top { top: 116px; } .global-sfc-btn.ct-bl-top { top: 116px; } .global-sff-btn { cursor: pointer; position: fixed; right: 45px; top: 149px; width: 38px; height: 38px; background: #fff; box-shadow: 0 0 10px #9a9a9a; border-radius: 50%; text-align: center; line-height: 38px; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; transition-duration: .5s; transition-timing-function: ease-in-out; z-index: 11; /*border-radius:100px 0 0 100px;*/ } .global-sfc-btn .fa { color: #f7903d; } .global-sfc-btn { cursor: pointer; position: fixed; top: 149px; left: 45px; width: 38px; height: 38px; background: #fff; box-shadow: 0 0 10px #9a9a9a; border-radius: 50%; text-align: center; line-height: 38px; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; transition-duration: .5s; transition-timing-function: ease-in-out; z-index: 11; } .global-sfr-slide { float: right; background: #f6f9fc; margin-top: 0; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; transition-duration: .5s; transition-timing-function: ease-in-out; width: 27.5%; margin-right: -27.5%; box-shadow: 1px 0 5px rgba(0, 0, 0, .2); z-index: 9; } .form-right-slide-wrap .form-left-heading, .form-left-slide-wrap .form-left-heading { padding-left: 15px !important; } .form-right-slide-wrap .caf-table-row-bottom .workflow-listbox { padding-left: 15px; } .global-sfr-slide .form-right-slide-wrap .caf-table .tab-wrap { padding: 10px 5px 10px 15px !important; } .global-sfr-slide .form-right-slide-wrap .caf-table .tab-wrap .nav-tabs { margin-bottom: 0 !important; } .global-sfr-slide .form-right-slide-wrap .caf-table .tab-wrap .nav li > a { margin-right: 1.125em !important; text-align: left; } .global-sfr-slide .form-right-slide-wrap .caf-table .tab-wrap .nav li:last-child > a { margin-right: 0 !important; } .global-sfl-slide .form-left-slide-wrap .form-bottom-setting .tab-wrap .nav li > a { margin-right: 1.125em !important; text-align: left; } .global-sfl-slide .form-left-slide-wrap .form-bottom-setting .tab-wrap .nav li:last-child > a { margin-right: 0 !important; } .global-sfr-slide.fix-column-right { position: absolute; right: 0; z-index: 999; height: 100%; } .form-right-slide-wrap .close-icon.white { color: #fff; z-index: 12; position: absolute; top: 8px; right: 13px; } .sfr-transition-column { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .global-sfl-slide { float: left; background: #f6f9fc; margin-top: 0; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; transition-duration: .5s; transition-timing-function: ease-in-out; width: 27.5%; margin-left: -27.5%; box-shadow: 1px 0 5px rgba(0, 0, 0, .2); height: 100%; z-index: 11; position: relative; } .global-sfl-slide .form-bottom-setting, .global-sfl-slide .form-top-setting { padding: 15px; } .global-sfl-slide.fix-column-left { position: absolute; left: 0; z-index: 999; height: 100%; } /*.sfl-transition-column{-webkit-transform: translateX(340px);-ms-transform: translateX(340px);transform: translateX(340px)}*/ .sfl-transition-column { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .sfl-left-scroll, .sfr-left-scroll { position: relative; height: calc(100vh - 177px); top: 0; overflow-y: auto; overflow-x: hidden; } .config-auto-form-box.w100-slide { width: 100%; } /*.config-auto-form-box.w100-slide>.caf-table{padding-right:40px;padding-left:25px}*/ .config-auto-form-box.w100-slide.sfr-transition-panel-full.gj-full-width > .caf-table { padding-right: 0; padding-left: 0; } .config-auto-form-box.sfr-transition-panel-half > .caf-table { padding-right: 0; } .config-auto-form-box.sfl-transition-panel-half > .caf-table { padding-left: 0; } .sfr-transition-panel-half { transition: width .5s, height 4s; width: 72.5% !important; padding-right: 0 !important; } .sfr-transition-panel-full { transition: width .5s, height 4s; width: 100% !important; padding-right: 0; float: left !important; } .sfl-transition-panel-half { transition: width .5s, height 4s; width: 72.5% !important; padding-left: 0 !important; float: right !important; } .sfl-transition-panel-full { transition: width .5s, height 4s; width: 100% !important; padding-left: 0; float: right !important; } /*.sfl-transition-panel-half #divWidthinpx-inner, .sfr-transition-panel-half #divWidthinpx-inner{float:left!important }*/ .form-right { float: right; } .form-left { float: left; } .grid-stack-item-content .title .star-red { font-size: 1.125em; position: absolute; } /*.d-inone + .hidelabel-onlystar { position: relative }*/ .d-inone-label { position: relative !important } #divformcustomfield_inner .grid-stack .grid-stack-item .grid-stack-item-content, #divcfieldpreview .grid-stack .grid-stack-item .grid-stack-item-content, #divExtFieldSection .grid-stack .grid-stack-item .grid-stack-item-content { box-shadow: none; } #divformcustomfield_inner .form-dis-normal .form-control[disabled], #divcfieldpreview .form-dis-normal .form-control[disabled] { background-color: #fff !important; opacity: 1; } .field-setting-header > h2 > .title > span.star-red { font-size: 1em !important; } /*bug-fixed-4962*/ /*#divformcustomfield_inner .grid-stack .grid-stack-item .grid-stack-item-content input,#divcfieldpreview .grid-stack .grid-stack-item .grid-stack-item-content input{background-color:transparent;border:none}*/ .ff-upload-loader > .p-absolute { left: 160px; top: 0; } .b-solid { border-bottom: 1px solid; padding-top: 5px; margin-top: 1px !important; border-top: 0 !important; } .b-dotted { border-bottom: 1px dotted; padding-top: 5px; margin-top: 1px !important; border-top: 0 !important; } .b-dashed { border-bottom: 1px dashed; padding-top: 5px; margin-top: 1px !important; border-top: 0 !important; } .ff-header-img { width: 100%; height: 100%; /*border: 1px solid #9aa6ad*/ } .header-preloader { position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; } .fw-ibold { font-weight: bold !important; } /*form-field-disabled-enabled-css*/ .cf-form-g-setting .form-g-setting.radio input[type="radio"]:disabled:not(:checked) + label, .cf-form-g-setting .form-g-setting.radio input[type="radio"]:disabled + label { opacity: 1; cursor: pointer; } .cf-form-g-setting [type="checkbox"]:disabled:not(:checked) + label, .cf-form-g-setting [type="checkbox"]:disabled + label { opacity: 1; cursor: pointer; } .cf-form-g-setting .form-wrap .form-control.form-g-setting[disabled] { background-color: #fff !important; opacity: 1; } .cf-form-g-setting .form-control.form-g-setting[disabled] { background-color: #fff !important; opacity: 1; } .form-g-setting.btn-default.btn:hover, .form-g-setting.btn-default.btn:focus:hover, .form-g-setting.btn-default.btn.addfocus:focus, .form-g-setting.btn-default.addfocus:active, .form-g-setting.btn-default.addfocus:active:focus { color: #fff !important; } /*form-field-disabled-enabled-css*/ .preview-modal.cform-prev-modal .modal-header { padding: 15px 30px 0; } /*---sprint-109-modal-css---*/ .modal-reorder > .modal-header { padding: 10px 10px 10px 20px; border-bottom: 1px solid rgba(164, 171, 174, 0.5); } .modal-reorder > .modal-body { padding: 10px 20px 15px 20px; overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 162px); } .people-multi-dd > .break-word { word-break: break-word; word-wrap: break-word; } /*---sprint-109-modal-css---*/ /*.config-auto-form-box.w100-slide + .global-sff-btn + .global-sfr-slide{visibility:hidden} .config-auto-form-box.w100-slide + .global-sfc-btn + .global-sfl-slide{visibility:hidden}*/ /*.config-auto-form-box.w100-slide.sfr-transition-panel-half + .global-sff-btn + .global-sfr-slide.fix-column-right.sfr-transition-column{visibility:visible} .config-auto-form-box.w100-slide.sfl-transition-panel-half + .global-sfc-btn + .global-sfl-slide.fix-column-left.sfl-transition-column{visibility:visible}*/ /*.config-auto-form-box.w100-slide.sfr-transition-panel-full + .global-sff-btn + .global-sfr-slide.fix-column-right{visibility:hidden} .config-auto-form-box.w100-slide.sfr-transition-panel-half + .global-sff-btn + .global-sfr-slide.fix-column-right{visibility:hidden}*/ /*.config-auto-form-box.w100-slide.sfr-transition-panel-full + .global-sff-btn + .global-sfr-slide.fix-column-right.sfr-transition-column{visibility:visible} .config-auto-form-box.w100-slide.sfl-transition-panel-full + .global-sfc-btn + .global-sfr-slide.fix-column-left.sfl-transition-column{visibility:visible}*/ /*----------tab-focus-css----------*/ /*#navbar-fixed .navbar-header a:focus{outline: -webkit-focus-ring-color auto 5px !important} #navbar-fixed a:focus{outline: -webkit-focus-ring-color auto 5px !important} #navbar-fixed .searchbox:focus{outline: -webkit-focus-ring-color auto 5px !important} #navbar-fixed .form-control:focus{outline: -webkit-focus-ring-color auto 5px !important} #navbar-fixed .btn-default:focus{outline: -webkit-focus-ring-color auto 5px !important} .section-top a:focus{outline: -webkit-focus-ring-color auto 5px !important} .sidebar-nav a:focus{outline: -webkit-focus-ring-color auto 5px !important} .macc-outline .custom-file-input input:focus{outline: -webkit-focus-ring-color auto 5px !important;visibility:visible} .macc-outline .form-control:focus{outline: -webkit-focus-ring-color auto 5px} .macc-outline .form-control[disabled]:focus{outline: -webkit-focus-ring-color auto 5px !important} .macc-outline .bootstrap-select.btn-group .dropdown-toggle:focus{ outline: -webkit-focus-ring-color auto 5px !important} .macc-outline .btn-link:focus{outline: -webkit-focus-ring-color auto 5px !important} .macc-outline .btn-default:focus{outline: -webkit-focus-ring-color auto 5px !important} .footer :focus{outline: -webkit-focus-ring-color auto 5px !important} .form-wrap .form-control[disabled]:focus{outline: -webkit-focus-ring-color auto 5px !important} .tab-wrap a:focus{outline: -webkit-focus-ring-color auto 5px !important} .form-wrap textarea.form-control:focus{outline: -webkit-focus-ring-color auto 5px !important} .btn-default:focus{outline: -webkit-focus-ring-color auto 5px !important} a:focus{outline: -webkit-focus-ring-color auto 5px !important} .form-wrap textarea.form-control.ge[readonly]:focus{outline: -webkit-focus-ring-color auto 5px !important} .dropdown-toggle:focus{outline: -webkit-focus-ring-color auto 5px !important} .form-wrap input[type=button]:focus{outline: -webkit-focus-ring-color auto 5px !important} .bootstrap-select.btn-group .btn.dropdown-toggle.btn-default:focus{outline: -webkit-focus-ring-color auto 5px !important} .bootstrap-select.btn-group.open>.dropdown-toggle.btn-default:hover, .bootstrap-select.btn-group.open>.btn.dropdown-toggle.btn-default:focus{outline: -webkit-focus-ring-color auto 5px !important} .btn-group.open .dropdown-toggle{outline: -webkit-focus-ring-color auto 5px !important} .btn-group.open .dropdown-toggle:focus{outline: -webkit-focus-ring-color auto 5px !important} .form-wrap .form-control:focus{outline: -webkit-focus-ring-color auto 5px !important} .form-control:focus{outline: -webkit-focus-ring-color auto 5px !important} [type="checkbox"]:not(:checked) + label:focus, [type="checkbox"]:checked + label:focus{outline: -webkit-focus-ring-color auto 5px !important}*/ /*----------tab-focus-css----------*/ /*.input-reset-btn-search .of-hidden {padding-left:0;padding-right:6px}*/ .gm-e-accordian.panel-group .panel-heading .event-title .of-hidden { margin-bottom: 1px; } .gm-e-accordian.panel-group .panel-heading div > .gm-panel-dd-icon { margin-right: 0.3em !important } .gm-e-accordian.panel-group .panel-heading .roundlevel-chk { position: relative; float: left; top: -7px; padding-right: 10px } .gm-e-accordian.panel-group .panel-heading .event-title .of-hidden .has-error-msg { width: auto; float: right; margin-top: 0; } .event-title .of-hidden .ngm-content-editable { float: none; overflow: auto; overflow: initial; min-width: 150px; line-height: 1.3 } .of-hidden.mcf-textfeld-heading { margin-top: 2px; } .n-program-cf-outer .gm-e-accordian.panel-group .panel-heading .event-title .of-hidden .has-error-msg { float: left; line-height: 21px; margin-bottom: 3px; } .gs-inner-2.of-hidden { overflow: hidden; /*border: 1px solid transparent;*/ } .gs-inner-2.imagebox { padding: 0; } .grid-stack-item-content.form-image { left: 0 !important; } .pl-15 + .wt-body-content-outer-wrapper .wt-body-content-inner-wrapper { height: calc(100% - 26px); } /*-----Sprint-115-Css-----*/ .tab-trigger { padding: 8px 0 8px 10px; background: #f1f0f0; } .tab-trigger > a:hover, .tab-trigger > a:focus { color: #454f57; } .pes-row-group .row { margin: 10px -15px 4px -8px !important; } .pb-q2e-logo.rightside { height: 100%; } .pb-q2e-logo { margin: 11px auto; max-width: 230px; height: 24px; text-align: center; } .pb-q2e-logo.pb-oem, .pb-q2e-logo.pb-oem-center { max-width: none !important; } .pb-q2e-logo.pb-oem > span { width: auto } .pb-q2e-logo.rightside { height: 100%; } .pb-q2e-logo.pb-q2e-logo--oemlogo, .pb-q2e-logo.pb-q2e-logo--oemlogo img { max-height: 33px; height: auto; width: auto; max-width: 130px } .pb-q2e-logo.pb-q2e-logo--oemlogo { margin: 4px auto; } .pb-q2e-logo > span { line-height: 22px; width: 68px; height: 24px; } .pb-q2e-logo > img { /*width: 44px;*/ width:100px; /*height: 24px;*/ margin-left: 4px; } .pb-q2e-logo.df-q2e-logo { display: block; } .modal-header-so { padding-top: 10px; min-height: 32px; } .modal-header-so > .modal-title { padding: 0 30px 10px 30px; border-bottom: 1px solid rgba(164, 171, 174, 0.5); } .modal-ppl-Mnge-add .modal-body.mb-fs { max-height: calc(100vh - 143px) !important; } .modal-ppl-Mnge-add .modal-body.heightfull { height: calc(100vh - 143px) !important; max-height: none !important; } .font-light-color { color: #9aa6ad; } .parent-sf-header { background: #e8edef; padding: 5px 0 5px 10px; margin-bottom: 8px; } .task-only-view { position: relative; top: 69px; display: table; width: 100%; } .task-only-view .modal-header { border-bottom: none; } .task-only-view #divTaskDetailScrollHeader.modal-header { padding-bottom: 0; } .task-only-view #divTaskDetailScroll { max-height: calc(100vh - 212px); } .task-only-view #task-workflow-sandbox .modal-body { max-height: calc(100vh - 247px); } /*.task-only-view .fa-close.close-icon{display:none}*/ .task-only-view .modal-content { box-shadow: none; } .task-only-view .new_task_tab .nt_label { margin-top: 0; } /*.task-only-view .modal-footer{position:fixed;bottom:41px;width:100%}*/ .tov-modal-footer { position: fixed; bottom: 41px; width: 100%; } /*-----Sprint-115-Css-----*/ /*-----Sprint-116-Css-----*/ .zi-i1031 { z-index: 1031 !important; } .zi-i1031 .task-title.bg { box-shadow: inset 0 8px 8px -7px rgba(0,0,0,.18); } .word-wrap { word-wrap: break-word; } .task-fview { position: fixed; top: 0; width: 100%; bottom: 0; z-index: 11; background: #fff; margin-top: 64px; margin-bottom: 43px; } .task-fview .sidebar-filter-nav { z-index: 0; } .task-title { position: relative; min-height: 96px; } .task-title .rtw-button { position: absolute; top: 5px; color: #fff; text-decoration: underline; } .task-title .rtw-button.right-30 { right: 30px; } .task-title .rtw-button > .fa { float: left; margin-right: 3px; margin-top: 3px; } .task-title.bg { background: #2aace3; color: #fff; } .task-titlebar { position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 22px; font-size: 1.25em; margin: 0; width: 100%; padding-top: 0 !important; } .task-subtitlebar { position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .750em; margin: 0; display: block; } .task-subtitlebar > strong { font-weight: normal; } .tooltip.text-wrap .tooltip-inner { word-break: break-word; word-wrap: break-word; max-width: 500px; } .tooltip.text-wrap.max-w-650 .tooltip-inner { max-width: 650px; } .tooltip.au-text-wrap .tooltip-inner { word-break: break-word; word-wrap: break-word; max-width: 300px; } .team-assign-section { float: right; position: relative; } .team-assign-section .team-title { float: left; margin-left: 0 !important; line-height: 24px; } ul.avatar-img-list { display: flex; margin: 0; padding: 0; list-style: none; min-width: 76px; } ul.avatar-img-list > li { float: left; margin-left: 6px; } ul.avatar-img-list > li > .avatar-img { width: 24px; height: 24px; border-radius: 2px; } ul.avatar-img-list > li > .avatar-bg { width: 24px; height: 24px; border-radius: 2px; line-height: 24px; font-size: 14px; } ul.avatar-img-list > li.btn-ellipsis { padding-left: 5px; padding-right: 1px; float: none; margin-left: 0; position: relative; height: 24px; } .btn-ellipsis a.fa { font-size: 1.125em; color: #fff; line-height: 6px; margin-top: 20px; overflow: hidden; } .team-list-modal { position: absolute; top: 29px; right: 0; background: #fff; width: 390px; /*width:31%;*/ z-index: 1032; box-shadow: 0 1px 8px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .4); } .team-list-modal .modal-title { border-bottom: 1px solid rgba(164,171,174,0.5); text-transform: uppercase; font-family: 'bariol-bold'; font-size: 1.125em; padding: 15px 20px 9px 20px; } .team-list-modal .close-icon { top: 12px; right: 18px; } .team-list-modal > ul { padding: 7px 0 13px 20px; } .team-list-modal > ul.avatar-img-list { display: inherit !important; max-height: 250px; overflow-y: auto; margin-bottom: 0; } .team-list-modal > ul.avatar-img-list > li { width: 100%; padding: 6px 0; margin-left: 0; display: inline-flex; flex-direction: row; } .team-list-modal > ul.avatar-img-list > li > .avatar-img { float: left; width: 30px; height: 30px; margin-right: 12px; } .team-list-modal > ul.avatar-img-list > li > .avatar-bg { float: left; width: 30px; height: 30px; margin-right: 10px; line-height: 30px; } .c-disabled { opacity: .65; } .team-list-modal ul li span.name { line-height: 18px; float: left; width: 48%; word-break: break-word; word-wrap: break-word; text-align: left; /*display:inline-flex;*/ padding-right: 12px; padding-top: 7px; } .team-list-modal ul li span.role-name { width: 41%; /*display:inline-flex;*/ padding-top: 7px; text-align: right; padding-right: 10px; } .backdrop-modal-lock { position: fixed; z-index: 1031; left: 0; right: 0; top: 0; bottom: 0; } .get-help-modal { position: absolute; right: 0; padding: 15px; box-shadow: 0 1px 8px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .4); z-index: 1032; background: #fff; padding: 15px; width: 450px; margin-top: 3px; } .get-help-modal .close-icon { top: 10px; right: 15px; } .btn-get-help > .fa-question-circle { font-size: 1.25em; vertical-align: middle; margin-top: -3px; margin-right: 4px; } .get-help-modal label { float: left; margin-bottom: 7px; } .get-help-modal textarea { min-height: 100px; padding-left: 11px; border: 1px solid #bcbdbd; } .get-help-modal textarea.form-control { resize: none; margin-bottom: 0; height: auto; } .dropdown.take-action .fa-angle-down { margin-right: -7px; position: relative; top: 2px; margin-left: 5px; } .dropdown.take-action .dropdown-menu { left: inherit; right: 0; border: 2px solid rgba(164,171,174,.5); margin-top: 1px; } .dropdown.take-action .dropdown-menu > li > a { padding: 5px 20px 5px 16px; } .mdl-reject-approval .msg-modal .modal-body { padding: 25px 20px 15px; } .mdl-reject-approval .msg-modal .modal-body .form-control { border: 2px solid rgba(188,189,189,.8); } .instruction-para-row { border-bottom: 1px solid #e8edef; padding-bottom: 12px; margin: 12px 30px 0 30px !important; } .instruction-para { /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ /*line-height: 18px;*/ /* max-height = line-height (1.2) * lines max number (3) */ max-height: 40px; /* fix problem when last visible word doesn't adjoin right side */ /* place for '...' */ /*padding-right: 5em;*/ margin-bottom: 0; /*padding-bottom:17px;*/ padding-top: 0 !important; } /* create the ... */ .instruction-para:before { /* points in the end */ content: '...'; /* absolute position */ position: absolute; /* set position to right bottom corner of block */ right: 3.5em; bottom: 0; width: 1.2em; padding-left: .1em; background: #fff; } /* hide ... if we have text, which is less than or equal to max lines */ .instruction-para:after { /* points in the end */ content: ''; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: 5em; height: 1em; margin-top: 0.2em; /* bg color = bg color under block */ background: white; } .instruction-para .btn-link { position: absolute; bottom: 0; right: 0; margin: 0; padding-left: 0; padding-right: 0; } .ref-material-row { /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ line-height: 18px; /* max-height = line-height (1.2) * lines max number (3) */ max-height: 18px; /* fix problem when last visible word doesn't adjoin right side */ /* place for '...' */ /*padding-right: 5em;*/ margin-bottom: 0; padding-top: 0 !important; } .attachment-more { margin: 0 30px; margin-bottom: 0; margin-top: 10px; overflow: hidden; max-height: 20px; position: relative; } .ref-material-row:before { /* points in the end */ content: '...'; /* absolute position */ position: absolute; /* set position to right bottom corner of block */ right: 0; bottom: 0; } /* hide ... if we have text, which is less than or equal to max lines */ .ref-material-row:after { /* points in the end */ content: ''; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: 4em; height: 18px; margin-top: 0; /* bg color = bg color under block */ background: white; } .ref-material-row span.ml-25:nth-child(1) { margin-left: 10px; } .ref-material-row span:last-child { padding-right: 40px; } .ref-material-row span, .attachment-more span { display: inline-block; } /*.attachment-more span.more-link{position:absolute;right:0;bottom:0}*/ .attachment-more span.ref-mat-visible { display: none; } .ref-material-row .ra-attach-file > .fa { color: #2aace3; } .ref-material-row .ra-attach-file > a { color: #2aace3; margin-left: 7px; } .instruction-modal { width: 54% !important; } .instruction-modal .modal-body { padding: 0 !important; } .instruction-modal .modal-body p { padding: 15px 20px 20px 20px; max-height: 350px; overflow-y: auto; } .instruction-modal .modal-title { border-bottom: 1px solid rgba(164,171,174,.5); text-transform: uppercase; font-family: 'bariol-bold'; font-size: 1.125em; padding: 13px 20px 11px 20px; } .trf-modal { max-width: 700px !important; width: auto; } .trf-modal .modal-body { padding: 0 !important; border-bottom: 1px solid transparent; } .trf-modal .modal-body p { padding: 15px 20px 20px 20px; } .trf-modal .modal-body .ul-outer { padding: 2px 20px 20px 20px; max-height: 350px; overflow-y: auto; min-width: 350px; } .trf-modal .modal-body ul { margin: 0; padding: 0; list-style: none; } .trf-modal .modal-body ul li { padding: 10px 0; display: flex; } .trf-modal .modal-body ul li .icon { float: left; } .trf-modal .modal-body ul li .icon .fa { font-size: 30px; } .trf-modal .modal-body ul li a { line-height: 20px; margin-left: 10px; float: left; padding-top: 7px; } .trf-modal .modal-title { border-bottom: 1px solid rgba(164,171,174,0.5); text-transform: uppercase; font-family: 'bariol-bold'; font-size: 1.125em; padding: 13px 20px 11px 20px; } /*.team-assign-section ul.avatar-img-list>li:nth-child(4){display:none} .team-assign-section ul.avatar-img-list>li:nth-last-child(2n + 1 ){display:block}*/ /*.team-assign-section ul.avatar-img-list>li:nth-last-child(3n){display:block}*/ /* .preview-workflow { } .section-team-assign { } */ .section-team-assign label.title { float: left; width: 100%; text-align: left; font-size: 1.125em; font-family: 'bariol-bold'; margin-bottom: 6px; } .section-team-assign .assigned-role { float: left; padding-left: 20px; margin-top: 6px; margin-bottom: 5px; width: 100%; text-align: left; } /*-----Sprint-116-Css-----*/ .close-browse-window { font-family: "bariol-regular", sans-serif; color: #454f57; display: table; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .close-browse-window > .ds-area { display: table-cell; vertical-align: middle; text-align: center; } /*////////////////// END DEFAULT CSS END HERE /////////////////////////////*/ /*////////////////// DEFAULT 2 CSS START HERE /////////////////////////////*/ * { outline: none; } /*.ps { scroll-behavior:auto; }*/ html { font-size: 100%; -webkit-tap-highlight-color: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { background-color: #fff; font-family: "bariol-regular", sans-serif; color: #454f57; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;*/ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; line-height: 20px; font-size: 100%; scroll-behavior: smooth; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #2aace3; color: #fff; } .navbar-inverse .navbar-nav > .open > a.profile-image span { color: #fff; } .navbar-inverse .navbar-right > li > a .fa { margin-left: 5px; } .navbar-inverse .navbar-nav > .open > a .fa-angle-down, .navbar-inverse .navbar-nav > .open > a:hover .fa-angle-down { color: #fff; } .navbar-inverse .navbar-right { margin-right: 9px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #2aace3; color: #fff; } .dropdown-menu > li > a i { margin-right: 5px; } .navbar-inverse .navbar-right > li > a:hover, .navbar-inverse .navbar-right > li > a { color: #454f57 !important; } .icondisabled { color: rgba(247, 144, 61, 0.5) !important; cursor: default !important; } .disabled-button { background: none; border: none; height: auto; } .disable-auto-sugg { opacity: 0.65; pointer-events: none; } .disable-auto-sugg .user-sugg-ddown, .disable-auto-sugg .bootstrap-select.form-control { background: #f1f0f0; cursor: not-allowed; } .max-width-300 { max-width: 300px; } /*----start-custom-field--------*/ .custom-field-outer .no-cfield-mwindow { background-color: #f1f0f0; padding: 60px 0; width: 100%; float: left; font-size: 1em; text-align: center; } .custom-field-outer .btn-box-mcf { width: 100%; margin-top: 65px; } .custom-field-outer .btn-box-mcf > span { width: 26%; float: left; background: #454f57; overflow: hidden; margin-left: 16%; word-wrap: inherit; } .custom-field-outer .btn-box-mcf > span button, .custom-field-outer .btn-box-mcf > span button:active, .custom-field-outer .btn-box-mcf > span button:focus { width: 100%; border: 1px solid #b74750; background: none; border: 0; outline: 0; padding: 5px; height: 210px; } .custom-field-outer .btn-box-mcf > span button h3 { position: relative; font-weight: normal; height: 64px; width: 70%; margin: 0px auto; font-size: 1em; color: #fff; } .custom-field-outer .btn-box-mcf > span button h3:after { content: ''; left: 25%; bottom: 0px; border-bottom: 1px solid #e8edef; width: 50%; position: absolute; text-align: center; } .custom-field-outer .btn-box-mcf > span button p { padding-top: 18px; color: #f1f0f0; } /*.form-wrap.ml-10 { margin-left:10px; }*/ .tooltip.fade.in { opacity: 1; } .col-w300 .form-control { width: 300px; float: left; } .col-w-auto { width: auto; } .valign-m { vertical-align: middle; } .valign-t { vertical-align: top; } .valign-b { vertical-align: bottom; } /*.radioset-line { vertical-align: top; line-height: 15px; }*/ /*------------custom-edit page--------------*/ .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: default; } /*.customfield-edit-outer input[type="text"], .customfield-edit-outer select { width:300px; float:left; }*/ .customfield-edit-outer input[type="radio"] { vertical-align: top; cursor: pointer; } .customfield-edit-outer .row { margin-bottom: 16px; } .customfield-edit-outer .form-horizontal .control-label { width: auto; } .customfield-edit-outer .fa-info-circle { font-size: 20px; float: left; vertical-align: middle; margin-right: 5px; margin-top: 0px; } .customfield-edit-outer p { padding-top: 4px; white-space: nowrap; } .customfield-edit-outer .add-menu-btn, .add-menu-btn { color: #454f57; cursor: pointer; float: left; text-decoration: underline; } /*.add-menu-btn[disabled="disabled"]{ pointer-events: none;opacity: 0.5;cursor:default} .add-menu-btn[disabled="disabled"]:hover{color:#454f57;opacity: 0.5;cursor:default}*/ .customfield-edit-outer .add-menu-btn:hover, .add-menu-btn:hover { color: #0e76bc; } .customfield-edit-outer .delete-icon { float: left; outline: 0; background: none; border: none; font-size: 20px; color: #f7903d; margin-top: 8px; } .Autofill-box { border: 1.5px solid rgba(164, 171, 174, 0.5); width: auto; float: left; padding: 0 10px; margin-left: 38px; } .autofill-heading { border-bottom: 1.5px solid rgba(164, 171, 174, 0.5); padding-bottom: 10px; width: 100%; display: block; padding-top: 10px; } .Autofill-box p { float: left; margin-right: 10px; margin-top: 6px; margin-bottom: 0; width: 188px; } .Autofill-box input[type="text"], .Autofill-box select { width: 300px; float: none; clear: both; } .m-bottom20 { margin-bottom: 20px; } .Autofill-field-outer { float: left; width: 300px; position: relative; } /*.autofill-ttip .tooltip { top:-167px !important; left:-75px !important; }*/ .autofill-ttip, .searchable-ttip, .player-ttip, .ams-ttip { line-height: 12px; } .autofill-ttip .tooltip.top { margin-top: -18px; } .searchable-ttip .tooltip.top { margin-top: 0px; } .player-ttip .tooltip.top { margin-top: 0px; } .ams-ttip .tooltip.top { margin-top: 0px; } /*.ams-ttip .tooltip {left:-75px !important;}*/ /*--- Start Custom form css --*/ .add-progrom-tab-heading { width: 100%; padding: 4px 0px 4px 12px; font-size: 1em; color: #fff; vertical-align: middle; background-color: #454f57; border-bottom: 2px solid #FFFFFF; clear: both; } .add-progrom-tab-subheading p { margin-bottom: 5px; } div.button-box input { margin-right: 15px; box-shadow: none; } div.button-box input:focus { outline: 0; } /*--- End Custom form css --*/ /*-----Start Placeholder center---*/ .plc-holder-center::-webkit-input-placeholder { text-align: center; } .plc-holder-center:-moz-placeholder { /* Firefox 18- */ text-align: center; } .plc-holder-center::-moz-placeholder { /* Firefox 19+ */ text-align: center; } .plc-holder-center:-ms-input-placeholder { text-align: center; } .plc-text-normal::-webkit-input-placeholder { font-weight: normal; font-family: 'bariol-regular'; } .plc-text-normal:-moz-placeholder { /* Firefox 18- */ font-weight: normal; font-family: 'bariol-regular'; } .plc-text-normal::-moz-placeholder { /* Firefox 19+ */ font-weight: normal; font-family: 'bariol-regular'; } .plc-text-normal:-ms-input-placeholder { font-weight: normal; font-family: 'bariol-regular'; } .ul-plc-holder ::-webkit-input-placeholder { text-align: center; } .ul-plc-holder :-moz-placeholder { /* Firefox 18- */ text-align: center; } .ul-plc-holder ::-moz-placeholder { /* Firefox 19+ */ text-align: center; } .ul-plc-holder :-ms-input-placeholder { text-align: center; } /*-----End Placeholder center---*/ /*----Start External form tool tip css----*/ .ext-form-ttip-outer { margin-right: 15px; } .top-tip-nav.bnone { border-bottom: none; } .ext-form-ttip-outer .tooltip.top { margin-top: -17px; } .ext-form-ttip-outer .tooltip.top .tooltip-arrow { margin-left: 35px; } /*.ext-form-dd { position:relative; width:300px; }*/ .ext-form-dd .select-drop-arrow { position: absolute; right: 5px; top: 2px; z-index: 2; cursor: pointer; } .ext-form-dd .dropdown-menu > li > a { white-space: normal; } .std-field-drop-down { position: relative; } .std-field-drop-down .dropdown-menu { width: 100%; max-height: 150px; margin-top: 0; overflow-y: auto; display: block; border-radius: 0; } .cf-bg { background-color: #f1f0f0; overflow: hidden; } .cf-bg .form-control { font-size: 1em; } .align-center { text-align: center; } .cf-bg .form-control:focus { box-shadow: none; border-color: #e9eef0; } /*----End External form tool tip css----*/ /*------------Start program custom form------------*/ .pcf-outer { padding-top: 10px; width: 420px; margin: 0px auto; padding: 15px; } .pcf-outer ul li, .pcf-outer ul { list-style: none; padding: 0; } .pcf-outer ul li .radio, .pcf-outer ul li .checkbox { margin: 0; } .pcf-table { margin-top: 15px; } .pcf-table tr { float: left; margin-bottom: 15px; } .pcf-table .date-picker tr { float: none; } .pcf-table .select2-container { margin-bottom: 0 !important; } /*------------End program custom form------------*/ /*------------ start external forms --------------*/ .external-form-wrap > .col-sm-12 { padding: 0 30px; } .external-form-wrap { position: absolute; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; padding-top: 20px; width: 100%; } #divExternalForm.external-form-wrap { overflow: auto; } .external-form-wrap hr { margin-top: 0; } .external-form-wrap .fa-rotate-left { vertical-align: middle; margin-left: 15px; } .external-form-wrap .admin-list-heading { border-bottom: 1px solid #9aa6ad; } .external-form-wrap-inner { float: left; padding-bottom: 35px; width: 100%; margin-top: 15px; } .external-report { width: auto; } .external-report .btn-default { margin-left: 0; text-transform: none; text-transform: initial; margin-right: -7px; } .external-report .btn-default a, .external-report #divIssuePopup.btn-default:hover { text-decoration: none; color: #fff; } .external-report .small-popup.rissue.right { min-width: 297px; } .external-report .small-popup.rissue.right .btn-default.rep_issue { margin-right: 0; } .external-report .small-popup.rissue.right { top: 100%; margin-top: 1px; } .external-report + .mhp_task { margin-top: 10px; } .external-report #divIssuePopup:hover { color: #0e76bc; cursor: pointer; } /*------------ End external forms --------------*/ /*-----Start error measeages ------------ */ .has-error-ef { clear: both; margin-top: 10px; float: left; padding-bottom: 0 !important; } .error-msg-proname { font-size: .875em; color: #b74750; line-height: 34px; margin-left: -15px; } .found-error { font-family: bariol-italic; color: #b74750; font-weight: 400; display: block; position: absolute; line-height: none; line-height: initial; height: auto; margin: 0; font-size: .875em; } /*.login-error*/ .login-error .ui-active-title { margin-bottom: 0; } /*----- end error measeages ------------ */ /*------------Start Manage Automation ----------- */ /*---------------------Start Automated Quest css-------------*/ .tooltip-show .alert-overR .alert, .warning { padding: 15px 30px; color: #fff !important; background: #f7903d; border-radius: 2px; border-color: transparent; } h3.sforce-heading { float: left; color: #454f57; font-weight: normal; margin: 0; word-wrap: break-word; padding-right: 15px; } .config-input .control-label { margin-top: -1px; padding-top: 7px; margin-bottom: 0; line-height: 1; } .help-icon-sforce { position: absolute; right: 49px; top: -3px; width: 16px; height: 16px; cursor: pointer; font-size: 20px; color: #fff; } .AM-trigger-outer input, .AM-trigger-outer select { border-radius: 0; box-shadow: none; border: 1px solid #e9eef0; } /*.AM-trigger-outer .mt-3 { margin-top:6px }*/ .triggertype-outer { margin-right: -15px; margin-left: -15px; } .config-pup-ttip .tooltip { top: 2px !important; } .config-pup-ttip .tooltip .tooltip-inner { max-width: 300px !important; } .config-pup-ttip .tooltip-arrow { margin-top: -24px !important; } .ttip-help-tplt-data .tooltip .tooltip-inner { max-width: 250px !important; text-align: left; } .ttip-help-tplt-data .tooltip { top: 4px !important; } .ttip-help-tplt-data .tooltip .tooltip-arrow { top: 16px !important; } .input:-webkit-autofill { background-color: #f1f0f0 !important; } .ttip-help-tplt-data i.help-icon-sforce, .config-pup-ttip .help-icon-sforce { top: auto; } .tooltip-show .tooltip .tooltip-inner{ max-width: 250px !important; } .tt-mw-225 .tooltip-inner { max-width: 225px !important; } .config-pup-header .close { font-size: 1.3em; top: 12px; right: 16px; } .config-pup-header .close:hover, .config-pup-header .close:focus { opacity: 1 !important; } .add-AmQuest-outer a { text-decoration: none; cursor: text; } .add-text-link { font-family: 'bariol-bold'; color: #2aace3; font-weight: normal; text-decoration: underline; } a.blank-link, .underline-link { text-decoration: underline; } .add-text-link:hover, .blank-link:hover, .underline-link:hover, .underline-link:focus { color: #0e76bc; cursor: pointer !important; } .add-text-link.add-trigger-seq span { width: auto; } .blank-link, .underline-link { color: #454f57; text-decoration: underline; } .model-ttip-tbl tr td a.showTextPointer { text-decoration: none !important; color: #454f57; } .add-AmQuest-outer .panel-default > .panel-heading { width: 100%; font-family: 'bariol-bold'; font-size: 1em; color: #454f57; font-weight: normal; padding: 10px 0px 10px 12px; vertical-align: middle; border: 2px solid #e9eef0; background-color: transparent; } .add-AmQuest-outer .panel { box-shadow: none !important; } .add-AmQuest-outer .panel-title .text-muted { font-size: 1em; color: #454f57 !important; } .add-AmQuest-outer .panel-group .panel { border-radius: 0; } .add-AmQuest-outer .panel-group .panel.panel-open .panel-heading { background-color: #f1f0f0; border: 0; font-family: 'bariol-bold'; font-weight: normal; position: relative; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: none; } .add-AmQuest-outer .panel-default { border: 0 !important; } .add-AmQuest-outer .panel-body { padding: 10px; } .add-AmQuest-outer .select2-container-multi .select2-choices li { width: 100%; } .add-AmQuest-outer .panel-body .footer-btn-wrap hr { margin-top: 0; margin-bottom: 15px; border-color: #e8edef; } .add-trigger-seq span { float: left; width: 100%; margin: 0 0 10px 0; text-decoration: underline; } .add-AmQuest-outer .panel-heading { border-radius: 0; } .step-heading { margin-right: 6px; margin-top: 1px; } .MAQ-help-icon { margin-left: 10px; font-size: 1.5em; color: #f7903d; cursor: pointer; position: absolute; top: 6px; } .MAQ-help-icon:hover { color: rgba(247, 144, 61, 0.5); } /*.tooltip-first + .tooltip { top:37px !important } .tooltip-first + .tooltip .tooltip-arrow { margin-top: -14px !important; }*/ .automation-form input[type="radio"], .automation-form input[type="checkbox"] { vertical-align: top; margin-right: 4px; } .width-full100 { width: 100% !important; float: left; } /*#divPlayerSuggestions .select2-container-multi .select2-choices .select2-search-field{width:150px !important}*/ #divPlayerSuggestions .user-sugg-tag-box .select2-container-multi .select2-choices span { position: absolute; left: 0; height: 30px; width: 164px; } .lbl-help-icon { font-size: 22px; margin-left: 20px; cursor: pointer; color: #f7903d; } .lbl-help-icon:hover { color: rgba(247, 144, 61, 0.5); } .A-SQ-form-outer .form-group, .at-lable-row { margin-bottom: 10px; } .A-SQ-form-outer .form-group.mrg-btm-0 { margin-bottom: 10px; } .A-SQ-form-outer .form-group.wth-full, .width-100 { width: 100%; } .A-SQ-form-outer input[type="text"].form-control { width: 300px; height: 34px; border-radius: 0; margin-bottom: 0; } .A-SQ-form-outer input[type="text"].form-control[readonly] { width: 440px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .A-SQ-form-outer .form-control { border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: none; margin-bottom: 0; } .A-SQ-form-outer .form-control.curs-ponter { cursor: pointer; } .A-SQ-form-outer select.form-control { width: 295px; } .A-SQ-form-outer label.and { padding-left: 13px; margin-bottom: 10px; } .A-SQ-form-outer .bootstrap-select.btn-group { width: 300px !important; float: left; } .A-SQ-form-outer .radio-inline, .A-SQ-form-outer .checkbox-inline, .A-SQ-form-outer .radio-inline + .radio-inline, .A-SQ-form-outer .checkbox-inline + .checkbox-inline { padding-left: 0; margin-left: 0; } .A-SQ-form-outer label, .automation-form label { font-family: 'bariol-regular'; } .resulting-heading { margin-bottom: 3px; } .sequencedate-box { width: 135px; float: left; height: 26px; line-height: 24px; } .sequencedate-box + input { margin-right: 15px; border: 1.5px solid rgba(164, 171, 174, 0.5); } .chg-order-icon a { display: inline-block; height: 16px; width: 16px; } .resulting-tgl { width: 100%; margin-bottom: 10px; } .resulting-tgl a { text-decoration: underline; cursor: pointer; font-size: 1em; color: #454f57; } .resulting-tgl a:hover { color: #0e76bc; } a.text-dec-none, a.text-dec-none:hover { text-decoration: none; } .toggle-link { cursor: pointer; color: #454f57; font-size: 1em; } .toggle-delete-icon { cursor: pointer; color: #f7903d; font-size: 17px; margin-left: 8px; } .toggle-delete-icon:hover { color: rgba(247, 144, 61, 0.5); } .toggle-iconarrow { font-size: 20px; margin-right: 3px; vertical-align: middle; margin-top: -3px; } .saleforce-alert .alert { padding: 2px 10px; margin-top: 10px; margin-bottom: 5px; display: inline-block; } .dropdown-iconx { float: left; margin-top: 4px; margin-right: 6px; width: 15px; height: 15px; } .a-word > li > a { white-space: normal; white-space: initial; padding: 3px 15px; cursor: pointer; } .date-radio-box { margin-right: 15px; } .date-radio-box .radio label { padding-left: 20px !important; } .date-radio-box .radio input[type="radio"] { opacity: 0; display: none; z-index: 1; } /*.automation-person-tag .select2-choices .select2-search-field{width:100% !important}*/ .automation-person-tag.select2-container-multi .select2-choices .select2-search-field input { width: 134px; } /*---- Start tooltip automation------*/ div#divAutomationQuests .tooltip-inner { text-align: left; } td.atm-seq-tooltip div.truncate div div.tooltip-inner { max-width: 400px !important; text-align: left; } div.atm-seq-tooltip div div.tooltip-inner { max-width: 400px !important; text-align: left; } .tt-max-w-600 div.tooltip-inner { max-width: 600px !important; text-align: left; } .truncate { width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .truncatefull { width: 100%; text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .footer-btn-wrap.mg-b-15 { margin-bottom: 15px; } .button-box input[button] { margin-right: 10px; } hr { border: 0; border-top: 1px solid #9aa6ad; } /*---------------------Ens Automated Quest css-------------*/ /*---------------------start-manage-people-listing-css-------------*/ .fc-wrap { margin-bottom: 10px !important; } .fc-wrap input[type=text], .fc-wrap input[type=password] { border-radius: 2px; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: none; } .fc-wrap .form-control { font-size: .875em; height: 35px; color: #454f57; } .fc-wrap input[type=text]:focus, .fc-wrap input[type=password]:focus { border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: none; } .fc-wrap select { border: 1.5px solid #e8edef; box-shadow: none; cursor: pointer !important; } .lh34 { line-height: 34px; } .closeicon-ch-p { width: 22px; } .fc-wrap select:focus { box-shadow: none; } .fc-wrap .refresh-icon { font-size: 26px; display: block; line-height: 34px; text-align: right; } .serpa-list-search-icon i.fa { font-size: 26px; line-height: 34px; color: #2aace3; } .serpa-list-search-icon i.fa:hover { font-size: 26px; color: #0e76bc; } .fc-wrap .refresh-icon button { margin-left: 20px; outline: 0; background: none; border: none; font-size: 20px; color: #2aace3; } .fc-wrap .refresh-icon button:hover { color: #0e76bc; } .mgn-b-10 { margin-bottom: 10px; } .fc-wrap .form-control[readonly] { background-color: #fff; } .PM-Roles { padding-top: 15px; border-top: 1px solid #999; } /*start-manage-people-listing-css- add extra field design css new*/ .new-fc-wrap { display: table; margin-left: 0; width: 100%; margin-top: 15px; } .new-fc-wrap .new-fc-wrap-col { display: table-cell; padding: 0 5px; vertical-align: middle; } .new-fc-wrap .form-control[readonly] { background-color: #fff; padding: 4px; text-align: center; } .white-ro.form-control[readonly], .white-readonly.form-control[readonly] { background-color: #fff; opacity: 1 !important; } .new-fc-wrap .new-fc-wrap-col:last-child { padding-right: 0; padding-left: 0; } .new-fc-wrap .external-form-dd .set-dropdown { overflow-x: hidden; } .new-fc-wrap-col.date-picker { width: 105px; } .new-fc-wrap-col.fc-filter-start { padding-left: 15px; } .new-fc-wrap-col .refresh-icon button { margin-left: 0px; } .new-fc-wrap-col .fc-role { width: 160px; } .new-fc-wrap-col .ddlMPStatus, .new-fc-wrap-col.w100 { width: 100px; } .new-fc-wrap-col .fc-ActionFilter { width: 142px; } /*import new file table*/ .import-filter .import-file-filter { width: 142px; } /*.import-filter .ext-data-search .fa-search { margin-left:8px }*/ .import-filter .new-fc-wrap .form-group { margin-right: 10px; } .import-filter .new-fc-wrap .form-group:nth-child(2) { margin-right: 4px; } .import-filter .new-fc-wrap .form-group:last-child { margin-right: 0px; } .import-filter .daterange-box .form-control { margin-left: 0 !important; } #divExportDataList .ext-data-search .fa-search { margin-left: 12px; } #divExportDataList .daterange-box input { width: 136px !important; } #divExportDataList .bootstrap-select.form-control:not([class*="col-"]).w135 { width: 300px !important; } #divExportDataList .Select-task, #divExportDataList .search-cf-box { padding-left: 0; } #divExportDataList .search-cf-box { width: auto; float: right; } #divExportDataList .refresh-icon button { margin-left: 0; } /*import new file table*/ /*referance matarial filter top right*/ .ref-m-filter-top.new-fc-wrap .new-fc-wrap-col { position: relative; } .ref-m-filter-top.new-fc-wrap { width: 60%; float: right; margin-top: 0; margin-right: 0; margin-bottom: 15px; } .ref-m-filter-top .new-fc-wrap-col.fc-filter-start { width: 1px; padding-left: 5px; } .ref-m-filter-top .new-fc-wrap-col.ext-data-search { width: 32px; text-align: right; } .ref-m-filter-top .new-fc-wrap-col.ext-data-search .fa-search { margin-right: 0; } .ref-m-filter-top .new-fc-wrap-col .ddlMPStatus { width: 100%; } .ref-m-filter-second-left { width: 40%; float: left; margin-top: 19px; } .ref-m-filter-second-right { width: 60%; float: right; margin-top: 0; margin-bottom: 15px; } .ref-m-filter-second-right .ref-refresh { width: 32px; text-align: right; } .ref-m-filter-second-right .new-fc-wrap-col .fc-role { width: 100%; } .ref-m-filter-second-left .new-fc-wrap-col .fc-ActionFilter { width: 231px; } .ref-m-filter-second-right .fc-wrap .refresh-icon i.fa { font-size: 23px; } /*---------------------END-manage-people-listing-css-------------*/ /*---- End manage People------*/ /*---------------------Start sherpa add form box-------------*/ .add-serpa-formbox .form-horizontal .form-group { margin: 0; } .client-tble { width: 100%; } .client-tble li { width: 31%; float: left; list-style: none; margin-right: 2%; margin-bottom: 4px; } .client-tble li label { line-height: 17px; } .client-tble input[type="checkbox"] { margin-right: 5px; float: left; } /*.client-tble label { display: inline-flex !important; font-weight:normal; position: relative;float:left;overflow: hidden;width: auto; }*/ .client-tble p { overflow: hidden; margin-bottom: 0; word-break: break-word; } .button-box.btn-line { padding-bottom: 30px; } .role-heading h5 { font-family: 'bariol-bold'; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; } /*---------------------end sherpa add form box-------------*/ /*-------Manage Customer---------*/ .button-box .btn-line { border-top: 1px solid #eee; } .Edit-customform .lbl-img { padding-top: 7px; } .upload-customer-logo { padding: 90px; } /*upload-customer-logo-css*/ .ng-jcrop-image-wrapper .jcrop-holder, .ng-jcrop-image-wrapper { margin: 0 auto !important; text-align: center; } /*upload-customer-logo-css*/ .anchor-link { color: #454f57; text-decoration: underline; cursor: pointer; } .anchor-link:hover { color: #0e76bc; text-decoration: underline; } /*---------Export Data Css--------------*/ .Ext-data-btn-box span { width: 100%; float: left; text-align: center; } .Ext-data-btn-box span button, .Ext-data-btn-box span button:active, .Ext-data-btn-box span button:focus { border: 1px solid red; background: none; border: 0; outline: 0; padding: 5px; display: block; margin: 0px auto; } .Ext-data-btn-box span h3 { position: relative; font-weight: normal; font-size: 1em; margin: 0; margin-bottom: 5px; } .Ext-data-btn-box a { position: relative; font-weight: normal; font-size: 1em; display: inline-block; } .ext-data-search { display: inline-block; } .daterange-box .form-control, .Select-task .form-control { margin-left: 10px !important; } .lbl-to { position: relative; left: 5px; } .ext-data-search input { width: 81%; float: left; border-radius: 2px; } .ext-data-search input.w-100 { width: 100%; } .fc-wrap .pd-r-0 { padding-right: 0; margin-right: 15px; } .pd-r-0 { padding-right: 0; } .fc-wrap .created-date-wrap { padding: 0; width: 41%; } .ext-data-search .fa-search { font-size: 26px; color: #2aace3 !important; margin-right: 10px; line-height: 32px; cursor: pointer; } .ext-data-search .fa-search:hover { color: #0e76bc !important; } .daterange-box input { width: 95px !important; display: inline-block; padding: 4px; text-align: center; } .daterange-box .ng-valid-date-disabled, .daterange-box .ng-empty { display: inline; } .daterange-box input[type=button].find { width: 53px !important; } .fc-wrap label { font-weight: normal; } .Select-task { width: auto !important; } .last-line { margin-top: 10px; border-top: 1px solid #e8edef; } .parent-item + .last-line { border: none; } .parent-title { font-size: 15px; } .exp-quest-popup .quest-template-ul ul { margin-left: 0; } .exp-quest-popup ul.qt-child-item li { margin-left: 20px; } .quest-template-ul ul li div.parent-item .exp-quest-popup .quest-template-list a.icon-circle-red, .exp-quest-popup .quest-template-list a.icon-circle-green, .exp-quest-popup .quest-template-list a.icon-circle-yellow { cursor: default; text-decoration: none; } .form-group.remove-mg input[type="text"], .form-group.remove-mg input[type="email"], .form-group.remove-mg select, .form-group.remove-mg textarea, .form-group.remove-mg label { margin-bottom: 0; } /*---------End Export Data Css--------------*/ .quest-template-ul ul li div.parent-item .text-prew:hover, .quest-template-ul ul li div.parent-item .text-prew:focus { color: #454f57; cursor: default; text-decoration: none; } /*----My Account---------*/ .from-wrap .btn-bottom .btn-default { margin-left: 15px; margin-bottom: 15px; } /*----end My Account---------*/ /*--------------------Start notification-box ---------------------------*/ .Send-box select { margin-top: 5px; } .table-loader, .v3preloader { position: fixed; left: 0; top: 0; z-index: 999999; background-image: url("/Assets/images/loader.gif"); width: 100%; height: 100%; background-repeat: no-repeat; background-size: 32px; background-position: center; } .v3lockbg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999; width: 100%; height: 100%; } .v3lockbg-absolute { position: absolute; left: 0; top: 0; z-index: 999; background-image: url("/Assets/images/loader.gif"); width: 100%; height: 100%; background-repeat: no-repeat; background-size: 32px; background-position: center; } /*--------------------End notification-box ---------------------------*/ /*---------Start Choose Client list css in serpa---------*/ .company-box { position: relative; border: 1px solid #e8edef; width: 62%; margin: 25px auto 15px; } .company-box ul { list-style: none; border-bottom: 1px solid #e8edef; margin-bottom: 0; padding: 5px 20px; } .company-box ul a { text-decoration: none; } .company-box ul a:hover { text-decoration: underline; } .company-box h3 { background: #e8edef; padding: 6px; color: #454f57; } /*---------end Choose Client list css in serpa---------*/ .mp-custom-form { background: #f6f9fc; } .mp-custom-form .drop-down-BRuserlist.error { border-radius: 0; } .mp-custom-form .currency-outer-cfs .currencysign-cfs { position: absolute; left: 3px; top: 8px; } /*-----tab nav-------*/ .preview-doc-wrap { width: 94%; height: 375px; margin: 0px auto; margin-bottom: 25px; border: 1px solid #e9eef0; } .preview-doc-wrap iframe { width: 100%; height: 100%; } .Doc-description { margin: 0; padding: 0; list-style: none; } .Doc-description span.type { width: 48%; float: left; text-align: right; padding-right: 1%; } .Doc-description span.file-type { width: 49%; float: left; padding-left: 1%; } .colon { width: 1%; float: left; font-style: normal; } .preview-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; max-width: 85%; height: 21px; line-height: 17px; } /*------------------------ End related file upload css ------------------------*/ /*------------csetup-----------*/ .cset-wrap { overflow: auto; overflow-x: hidden; position: absolute; top: 0; bottom: 0; width: 100%; } .div-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; content: ''; z-index: 1; opacity: 0; } .overlaydiv, .handler-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 99; } .overlaydiv-before { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 9999; /*background:#f0f0f1;*/ } .handler-overlay { cursor: move; /*z-index:8*/ z-index: 8; } /*.grid-stack-item:not(.ui-resizable-autohide) .field-setting-icon, .grid-stack-item.showdd .field-setting-icon{display:block}*/ .showTextPointer { cursor: text !important; } .action a { cursor: default; } .taskdisable, .taskdisable:hover, .taskdisable:focus { cursor: default !important; color: #8c9497 !important; padding-left: 15px; display: inline-block; pointer-events: none } .full-width-row > div { margin: 0; } .sidebar-nav-admin aside, .sidebar-nav aside { margin-right: 0; } /*---Start select2---*/ .PeopleManagerList .select2-search-field { width: 100%; } /*---End select2---*/ /*----------------------// start dashboard tab section Sisense //-------------------*/ .sisense-bg { background: #fff; } .dashboard-sisense-box { position: relative; } .dashboard .tab-wrap { padding-top: 15px; } .dashboard .tab-wrap.new_task_tab, .dashboard .new_task_tab .tab-wrap { padding-top: 0; } .dashboard-sisense-box h5 { font-family: 'bariol-bold'; font-size: 1em; font-weight: normal; color: #454f57; text-align: center; /*text-transform: uppercase;*/ letter-spacing: 0.3px; } #sortable > .row-1 { top: 0; } /*sprint 75 dashborad box seprate start tab section */ /* .dashboard-sisense-box .col-sm-3.panel-col { } */ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths, .col-with-3 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } .col-with-3 { width: 40%; float: left; } /*sprint 75 dashborad box seprate end*/ .dashboard-sisense-box .col-sm-3.panel-col:nth-child(4) { padding-right: 15px; } .dashboard-sisense-box .tab-content { margin: 0 auto; width: 100%; } .dashboard-sisense-box { margin: 30px auto; width: 100%; } .dashboard-sisense-box .panel, .dashboard-sisense-box .panel-row-panel-status .panel { margin-bottom: 0; border-radius: 4px; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: 0 0 0px #8c9497; } .dashboard-sisense-box .panel-row-panel-status .panel { border: none; box-shadow: none; } .dashboard-sisense-box .panel-default .panel-heading, .dashboard-sisense-box .panel-row-panel-status .panel-default > .panel-heading { /*padding:23px 0 5px 0; p*/ padding: 15px 0 5px 0; margin: 0 7px; border-color: transparent; background-color: transparent; } .dashboard-sisense-box .panel-default .panel-body { padding: 0; margin-bottom: 5px; } .dashboard-sisense-box .panel-body .row.text-cols h2 { font-family: 'bariol-light'; color: #454f57; font-size: 60px; margin: 0; } .dashboard-sisense-box .border-right-1 { border-right: 1px solid #9aa6ad; } .dashboard-sisense-box .panel-body .row.text-cols p { font-size: 1em; margin-bottom: 0; color: #9aa6ad; margin-top: 5px; } .dashboard-sisense-box .panel-col a { color: #9aa6ad; text-decoration: none; border-radius: 4px; } .dashboard-sisense-box .panel-col a.active { color: #9aa6ad; display: block; box-shadow: 0 0 10px #9aa6ad; } .dashboard-sisense-box .panel-col a:hover { color: #9aa6ad; text-decoration: none; } .dashboard-sisense-box .text-cols { margin-bottom: 5px; margin-left: 0; margin-right: 0; } .text-cols div { border-right: 1.5px solid #e8edef; padding: 4px; } .text-cols div:last-of-type { border-right: none; } .iframe-outer html { -webkit-tap-highlight-color: none !important; } .iframebox { width: 100%; position: absolute; left: 0; height: 100%; bottom: 0; } .dashboard-sisense-box .panel-row-panel-status .panel-default > .panel-heading.widget-header { font-family: 'bariol-bold'; font-size: 1em; font-weight: normal; height: 36px; padding-top: 11px; } .dashboard-sisense-box .panel-row-panel-status .panel-default > .panel-heading.widget-header i.fa { margin-right: 18px; display: none; } .dashboard-sisense-box .panel-row-panel-status > .widget-detail { width: 100%; height: 100%; position: absolute; } .dashboard-sisense-box .panel-row-panel-status > .widget-detail > .panel { position: absolute; top: 0; left: 15px; right: 0; bottom: 0; } .dashboard-sisense-box .panel-row-panel-status > .widget-detail > .panel > .panel-body { height: 100%; padding: 0; text-align: center; } /*dashborard fixed widget*/ .bodyStyle .innerBody#divDashboardPage { position: absolute; top: 0; bottom: 0; background-color: #fff; width: 100%; overflow-x: hidden; overflow-y: auto; } .bodyStyle .innerBody#divDashboardPage .tab-content { position: absolute; bottom: 0; left: 0; right: 0; top: 47px; overflow: hidden; min-height: 0; } .bodyStyle .innerBody#divDashboardPage .tab-content > .tab-pane { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .widget-wrap { float: left; width: 100%; padding: 30px 15px; } .widget-detail-wrap { position: absolute; bottom: 0; top: 0; clear: both; width: 100%; } /*.widget-detail-wrap .panel-row-panel-status{position: relative;height: 100%;padding: 0 15px;}*/ .dashboard-sisense-box { position: absolute; top: 35px; bottom: 0; width: 100%; margin: 0px auto; } .visible-hide { display: none; } .dashboard-sisense-box .primary-admin-wrap .panel-body .row.text-cols p { max-height: 40px; } /*primary admin widget boxes css*/ /*----------------------// End dashboard tab section Sisense //-------------------*/ .login-box { margin: 0px auto; margin-bottom: 15px; } .gami-level-board .login-box { border-radius: 10px; margin-bottom: 0; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .login-section.w-382px { width:auto; min-width: 382px; max-width: 500px; margin: 0; margin-top: 20px; } .login-section { width: 500px; margin: 25px auto 100px; } .login-section h3 { font-family: 'Bariol-bold'; font-weight: normal; } .control-labelleft { padding-top: 7px; margin-bottom: 0; text-align: left; line-height: inherit; white-space: nowrap; } .control-labelC { text-align: left !important; display: inline-block; float: left; width: 129px; } .sign_text { text-align: center; margin-bottom: 25px; } .video-background-wrap { display: block; position: relative; background: url("/Assets/images/login-in-bg.jpg") center bottom no-repeat; width: 100%; background-size: cover; min-height: 618px; padding-bottom: 10px; z-index: 1; } .oembanner-img-ch-outer { max-height: 350px; overflow: hidden; display: flex; align-items: center } .oembanner-img-ch { max-width: 100%; width: 100%; height: auto; } .cover { background: url('/Assets/images/login-in-bg.jpg') center top no-repeat; background-size: cover; } .text-inc { color: #f1f0f0; letter-spacing: 0.5px; text-align: left; text-transform: none; font-size: 23px !important; margin-bottom: 10px; } /*.banner-content { padding:20px 0; text-align:right; line-height:1 } .banner-content h2 { text-transform: uppercase; font-family: bariol-light !important; font-size: 55px; margin-bottom: 10px; color: #f6f9fc; text-align:right; line-height:1; font-size: 6em; } .video-img-wrap-inner { display:block; } .video-img-wrap-inner h1 { color: #f6f9fc; text-transform: uppercase; letter-spacing: 1.5px; font-size: 43px; margin-bottom: 10px; } .video-img-wrap-inner p { color: #f1f0f0; margin-bottom: 10px; } .video-img-wrap-inner .finguretips { font-size:.875em; text-transform:uppercase; margin-bottom: 30px; color: #f6f9fc; font-size: 2.6em; }*/ .video-thumb, .video-caption { margin-bottom: 20px !important; font-size: 15px; } .video-thumb { max-width: 210px; } .video-btn-wrap { color: #f6f9fc; margin-right: 17px; display: inline-block; } .video-play { background: #2aace3; width: 30px; height: 30px; display: inline-block; border-radius: 50%; line-height: 29px; text-align: center; margin-right: 5px; position: relative; } .video-btn-wrap i.fa { color: #fff; font-size: 1em; margin-left: 3px; } .btn-orange { display: inline-block; background: rgba(247, 144, 61, 1.0); color: #454f57; padding: 8px 25px; border-radius: 30px; text-shadow: none; font-size: 15px; } .btn-orange:hover, .btn-orange:focus { background: rgba(247, 144, 61, 0.9); text-decoration: none; color: #454f57; } .video-btn-wrap a:hover .video-play { background: #0e76bc; } .video-btn-wrap a { color: #fff; font-size: 1em; display: inline-block; } .video-btn-wrap a:hover, .video-btn-wrap a:focus, .video-btn-wrap a:active { text-decoration: none; } .video-img-wrap-inner a.btn-default { color: #fff !important; background: #2aace3; font-size: 1em; } .video-img-wrap-inner a.btn-default:hover { background: #0e76bc; } /*---------------------- // End LOGIN SECTION // -----------------------*/ .bodyStyle.login-page { top: 0; z-index: 1; } /*.login-body{overflow:auto} .login-body .bodyStyle {overflow:visible}*/ .video-img-wrap-inner { height: 608px; display: block; max-width: 1220px; padding: 0 !important; margin: 0 auto; } .video-background-wrap:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .nav-transparent > .container-fluid { max-width: 1220px; margin: 0 auto; padding: 10px; padding: 10px 15px; } .nav-transparent .navbar-header { padding: 0; width: 14.5%; } .nav-transparent .navbar-left { margin-left: 8%; } .nav-transparent .navbar-brand.logo img { height: auto; max-width: 122px; } .nav-transparent { background: transparent; box-shadow: none; } .nav-transparent.navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 22px; font-family: bariol-bold; border-bottom: 2px solid transparent; transition: all 0.5s ease 0s; } .nav-transparent.navbar-inverse .navbar-left > li > a { padding: 15px 17px 13px 17px; margin-top: 4px; } .nav-transparent.navbar-inverse .navbar-left > li > a:focus, .nav-transparent.navbar-inverse .navbar-left > li > a:hover { background: transparent; border-bottom: 2px solid #e08824; color: #fff; } .banner-content { width: 100%; height: 100%; display: table; table-layout: fixed; vertical-align: middle; } .banner-content-inner { display: table-cell; vertical-align: middle; } .banner-content-inner h2 { color: #fff; text-align: right; padding-bottom: 0px; margin: 0px; border-right: 2px solid #ff9400; margin-right: 15px; margin-top: 50px; letter-spacing: .8px; padding: 6px 10px 6px 0px; font-size: 50px; line-height: normal; } .nav-transparent.navbar-inverse .navbar-left > li { margin-left: 40px; margin-right: 40px; } .overwrite-bodyhelp.bodyStyle.login-page { top: 64px; z-index: 0; } .add-body-scroll { overflow: auto !important; } .add-body-scroll.hide-body-scroll { overflow: hidden !important; } .add-body-scroll .bodyStyle { overflow: visible; } .add-body-scroll .bodyStyle, .add-body-scroll .bodyStyle .innerBody { position: relative; } .transparent-menubar .nav-transparent { background: rgba(255, 255, 255, .5); } .transparent-menubar .nav-transparent.navbar-inverse .navbar-nav > li > a { color: #000; transition: all 0.5s ease 0s; } .transparent-menubar .nav-transparent.navbar-inverse .navbar-left > li > a:focus, .transparent-menubar .nav-transparent.navbar-inverse .navbar-left > li > a:hover { color: #fff; transition: all 0s ease 0s; } /*.overwrite-help.nav-transparent{background:rgba(255, 255, 255, .1);box-shadow:0 0 8px 1px rgba(0,0,0,.18)} .overwrite-help.nav-transparent.navbar-inverse .navbar-nav>li>a{color:#454f57; font-size:1em; font-family:bariol-regular} .overwrite-help.nav-transparent.navbar-inverse .navbar-left>li>a:focus, .overwrite-help.nav-transparent.navbar-inverse .navbar-left>li>a:hover{background:#2aace3;border-bottom: none;} .overwrite-help.nav-transparent .navbar-brand.logo img{max-width: 68px;height: 33px;} .overwrite-help.nav-transparent > .container-fluid{max-width:none;} .overwrite-help.nav-transparent .navbar-header{}*/ .sales-force { margin-bottom: 50px; } @media (max-width: 768px) { .nav-transparent > .container-fluid { padding: 0 15px; } .nav-transparent .navbar-header { width: auto; } .nav-transparent .navbar-brand.logo img { max-width: 68px; height: 33px; } .nav-transparent.navbar-inverse .navbar-left > li { margin-left: 0; margin-right: 0; } .nav-transparent.navbar-inverse .navbar-nav > li > a { color: #000; padding: 12px 10px; } .navbar-inverse { background-color: rgba(255, 255, 255, .5); } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .video-img-wrap-inner { width: auto; } .nav-transparent .container-fluid > .navbar-collapse { background: #fff; } } /*--------start Comman css--------------*/ /*.m-top5 { margin-top:5px } .m-bottom5 { margin-bottom:5px }*/ /*--------End Comman css--------------*/ /*------- start step Program tab---------------*/ /*add-by-msk*/ .step-title-tab { font-family: 'bariol-bold'; font-size: 1em; color: #454f57; font-weight: normal; vertical-align: middle; background-color: #f1f0f0; width: 100%; padding: 8px 0px 8px 12px; clear: both; margin-bottom: 10px; } .step-title-tab.closetab { background-color: transparent; border: 2px solid #e9eef0; } .step-title-tab i, .step-title-tab-arrow { margin-right: 15px; font-size: 20px; font-weight: bold; } .step-title-tab { border-bottom: 2px solid #fff; } .step-title-tab .step-heading { margin-right: 6px; margin-top: 1px; } .step-title-tab a { text-decoration: none; } .step-title-tab .panel-title .text-muted { font-size: 1em; color: #fff !important; } .step-title-tab .help-icon { float: right; font-size: 18px; margin-right: 16px; } /*add-by-msk*/ /*------- end start step Program tab---------------*/ /*add-by-msk-8feb*/ .subpage-title-wrap { position: relative; width: 100%; } /*add-by-msk-8feb*/ .admin-page-title { font-family: 'bariol-bold'; font-size: 1em; font-weight: normal; margin: 20px 0 25px 0; text-transform: uppercase; letter-spacing: 0.3px; } .subpage-title { font-family: 'bariol-bold'; font-weight: normal; margin-bottom: 15px; } /*----- start btn disabel css ----------*/ .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #2aace3; text-decoration: underline; } .btn-link { padding: 0 3px; } /*----- end btn disabel css-*---------*/ /*-----------start-account-activation-page-css----------*/ .account-outer-bg { background: #f7f7f7; } .account-div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .activate-account-box-outer { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 97; } .activate-account-box { width: 448px; position: fixed; z-index: 99; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; font-size: 1em; /*margin:40px auto 0;*/ } .activate-account-box.add-header { margin-top: 0; } /*.q2e-logo{ margin-left: auto; margin-right: auto; width:230px; background: url(/Assets/images/logo-q2e-activation.png) no-repeat center top; height: 128px; display: none; }*/ .activation-logo { display: block; } .activate-account-box .white-bg { background-color: #fff; margin-bottom: 5px; border: 1px solid #ddd; } .activate-account-box .form-control { font-weight: normal; color: #454f57; } .ui-active-title h1 { background-color: #f1f0f0; text-align: center; line-height: 42px; font-size: 24px; } .activate-account-box .login-form-content { padding: 25px 15px 15px 15px; } .login-form-content p { margin: 25px 0 32px 0; } .activate-account-box .login-form-content .title { float: left; font-weight: normal; margin: 0 10px 1px 0; } .activate-account-box a.btn { margin-right: 0; outline: none; } .activate-account-box a.btn:hover { outline: none; } .activate-account-box .login-form-content .footer-btn-wrap .tooltip.top { opacity: 1; } .login-form-content label, .login-form-content div.chang-pwd-lbl { display: block; margin-bottom: 25px; font-family: inherit !important; } .pwd-tooltip-outer { position: relative; clear: both; } .pwd-tooltip.arrow_box { position: absolute; left: 100%; bottom: -50%; margin-bottom: -20px; margin-left: 16px; width: auto; } .pwd-tooltip.arrow_box.tooltip-position-top { left: 0; bottom: 100%; margin-bottom: 20px; } .pwd-tooltip.arrow_box ul { margin: 0; padding: 0; margin-left: 21px; } .pwd-tooltip.arrow_box ul li { list-style: circle; white-space: nowrap; } .activate-account-box a.btn:hover { box-shadow: none; } .activate-account-box .login-form-content .user-agree-data-container { width: auto; height: 367px; border: 1px solid #ddd; padding: 0px 5px; margin: 1px 1px 11px 0; overflow-y: scroll; overflow-x: hidden; } .activate-account-box .login-form-content .user-agree-data-container .user-agree-content { width: 100%; height: 355px; float: left; } .user-agree-content ol { list-style-type: decimal; } .user-agree-content ul { list-style-type: none; list-style-type: initial; } .user-agree-data-container h1 { font-family: 'bariol-bold'; font-size: 18px; font-weight: normal; text-align: center; margin: 10px 0 12px 0; } .user-agree-data-container { font-size: 1em; } .user-agree-data-container ol li { text-align: justify; } .user-agree-data-container ul { margin: 10px 0 0 18px; padding: 0 5px 0 0; } .user-agree-data-container ul li { font-weight: normal; text-align: justify; line-height: 18px; } .agree-check-outer { margin-bottom: 5px; float: left; width: 100%; /*display:table*/ } .agree-check-outer label { font-weight: normal; margin-bottom: 0px; } .agree-check-outer label:after { transition: none !important; } .agree-check-outer .input-check { margin: 3px 5px 0 0; float: left; } .agree-btn { clear: both; margin-bottom: 15px; } .user-agree-data-container .footer-btn-wrap.px-b-10 { padding-bottom: 10px; } .user-agree-data-container .footer-btn-wrap.modal-btn a.btn { margin-left: 5px; margin-right: 10px; } .activate-account-box .already-register-content { display: table; height: 235px; width: 100%; } .activate-account-box .already-register-content .type-wrong-msg { display: table-cell; vertical-align: middle; text-align: center; } .activate-account-box .white-bg .footer-btn-wrap.mx-b-20 { margin-bottom: 20px; } .already-reg, .mg-t-0 { margin-top: 0; } /*-----------ends-account-activation-page-css----------*/ /*------ start enable-package + password-change-form -----*/ .enable-package > label:first-child { margin-right: 25px; } .password-change-form p { font-size: 1em; margin-top: 20px; padding: 0; } /*.password-change-form p a { text-decoration:underline; color:#454f57 } .password-change-form p a:hover { color:#0e76bc }*/ .password-change-form .form-group { margin-bottom: 25px; } .password-change-form .form-group.margin-btm-0 { margin-bottom: 0; } .curs-default { cursor: default; } .btn.value-normal, .text-normal { text-transform: inherit !important; } .margin-btm-0 { margin-bottom: 0px !important; } .margin-btm-10 { margin-bottom: 10px; } /*------ end enable-package + password-change-form -----*/ /*-----Start detail wrap css----*/ .detail-wrap { padding: 0px 32px; } #ManageProgramsdiv .detail-wrap { padding: 0; margin-bottom: 97px; } /*-----End detail wrap css----*/ /*------- start helpicon--------*/ .tt-help-icon { color: #f7903d !important; cursor: pointer; } .tt-help-icon:hover { color: rgba(247, 144, 61, 0.5) !important; } .external-form-ttip-wrap .tt-help-icon { font-size: 22px; cursor: pointer; } /*------ End -helpicon--------*/ .red .btn-group { border: 1.5px solid #b74750 !important; margin-left: 5px !important; } .red .dropdown-select.btn { margin-left: 0 !important; } /*----------------------- start filter sidebar css------------------*/ .nav-side-menu .brand { display: block; font-size: 1em; text-align: center; line-height: 50px; background-color: #454f57; } .nav-side-menu .brand { background-color: #454f57; line-height: 50px; display: block; text-align: center; font-size: 1em; } .nav-side-menu .toggle-btn { display: none; } .menu-content .form-control, .ui-serch-input { background: #353d43 !important; height: 35px; border: 0; border-radius: 2px; font-size: .875em; color: #9aa6ad; box-shadow: none; } .nav-side-menu div.collapsed .arrow:before, .nav-side-menu div.collapsed .arrow:before { content: ""; width: 12px; height: 12px; background-image: url("/Assets/images/filter-toggle-plus-minus.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; padding-left: 10px; padding-right: 2px; margin-top: 10px; vertical-align: middle; } .nav-side-menu div :not(collapsed) .arrow:before, .nav-side-menu div :not(collapsed) .arrow:before { position: absolute; right: 3px; content: ""; width: 12px; height: 12px; background-image: url("/Assets/images/filter-toggle-plus-minus.png"); background-repeat: no-repeat; background-position: 0 -12px; display: inline-block; padding-left: 10px; padding-right: 3px; margin-top: 10px; vertical-align: middle; } .nav-side-menu .arrow { position: absolute; right: 0; top: -6px; height: 40px; width: 20px; } .filter-rating-star .sol-selected-display-item-text { font-size: 1em; line-height: 14px; } .nav-side-menu div .sub-menu div.active, .nav-side-menu div .sub-menu div.active { color: #f7903d; } .nav-side-menu div .sub-menu div.active a, .nav-side-menu div .sub-menu div.active a { color: #f7903d; } .nav-side-menu { border: none; color: #9aa6ad; margin-left: 0px; padding: 18px 32px 68px; } .nav-side-menu .faceted-row { position: relative; clear: both; } .faceted-row h5 { text-transform: uppercase; margin-bottom: 10px; color: #9aa6ad; } .faceted-row .form-control::-webkit-input-placeholder { color: #9aa6ad; } .faceted-row.filter-box .form-control { padding-left: 14px; -webkit-text-fill-color: #9aa6ad !important } .nav-side-menu div.filter-heading a { position: relative; text-decoration: none; color: #9aa6ad; display: block; line-height: inherit; margin: 10px 0 10px; padding-right: 15px; } .nav-side-menu div a i { padding-left: 10px; width: 20px; padding-right: 20px; } .filter-select-dd.select2-container-multi .select2-choices { background-color: #353d43; } .filter-select-dd.select2-container-multi .select2-choices li { float: left; width: 100%; } .filter-select-dd.select2-container-multi .select2-choices .select2-search-field input { padding: 4px 5px 3px 0px; width: 100% !important; color: #9aa6ad; font-family: 'bariol-italic'; } .filter-select-dd .select2-drop-active { background-color: #f1f0f0; color: #9aa6ad; border: 0; } .filter-select-dd.drop-down-BRuserlist .BRuserlist-name { padding-top: 0; } .sidebar-filter-nav, .sidebar-nav { position: fixed; overflow-y: auto; top: 99px; height: calc(100% - 142px); z-index: 10; padding: 0; } .sidebar-nav h5 { padding-top: 20px; } /*---- start filter btn wrap ----- */ /*add-by-msk*/ .filter-btn-wrap { position: fixed; z-index: 11; bottom: 43px; background: #454f57; left: 0; padding-bottom: 11px; padding-top: 15px; width: 18.4%; margin-right: 17px; padding: 10px 30px 10px 40px; } .filter-btn-wrap { text-align: left; margin-top: 20px; } .filter-btn-wrap .btn { font-size: 1em; margin: 0; } .filter-btn-wrap .btn-link, .filter-btn-wrap .btn-link[disabled]:hover { background-color: transparent; color: #fff; } .filter-btn-wrap .btn-link:hover { color: #0e76bc; } .filter-btn-wrap .btn-default { background-color: transparent; float: right; width: 111px; } .filter-btn-wrap .btn-default:hover { background-color: #0e76bc; box-shadow: none; color: #fff !important; } .filter-btn-wrap .btn-default:focus { background-color: #2aace3; box-shadow: none; color: #fff !important; } .filter-btn-wrap .btn-default[disabled]:hover { border: 1px solid #2aace3; background-color: transparent; color: #454f57 !important; } /*add-by-msk*/ /*---- end filter btn wrap ----- */ /*----------------------- end filter slidebar css------------------*/ /*------------dropdown select-------------*/ .select-dropdown.bootstrap-select.btn-group .dropdown-menu.inner, .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 175px !important; overflow: hidden; } /*.product-state.bootstrap-select.btn-group .dropdown-menu.inner{max-height:175px !important; overflow:hidden}*/ /*.bootstrap-select.btn-group .dropdown-menu li{height:35px}*/ .faceted-row .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 175px !important; } .faceted-row .bootstrap-select.btn-group .dropdown-menu { margin-bottom: 8px; } .faceted-row .dropup.bootstrap-select.btn-group .dropdown-menu { margin-bottom: 0px; } .faceted-row .bootstrap-select.btn-group .dropdown-menu > li > a { color: #454f57; } .remove-top .dropup .dropdown-menu { top: 100%; bottom: auto; bottom: initial; } /*------primary dropdown-----------*/ .bootstrap-select.btn-group { width: 100%; float: left; } .tooltip-visible .bootstrap-select.btn-group .dropdown-menu { overflow: visible !important; } .bs-height-auto.bootstrap-select.btn-group .dropdown-menu { height: auto !important } .tooltip-visible .bootstrap-select.btn-group .dropdown-menu.inner { max-height: none !important; max-height: initial !important; } .bootstrap-select.not-placeholder > .dropdown-toggle.bs-placeholder, .bootstrap-select.not-placeholder > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select.not-placeholder > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select.not-placeholder > .dropdown-toggle.bs-placeholder:active { color: #454f57; } .bootstrap-select.btn-group .btn { border-radius: 2px; box-shadow: none; border: 1.5px solid rgba(164, 171, 174, 0.5); padding-left: 15px; background-color: transparent; color: #454f57 !important; height: 35px; } .bootstrap-select.btn-group .dropdown-menu { background-color: #f1f0f0; border-radius: 0; box-shadow: none; border: none; width: 100%; } .bootstrap-select.btn-group .dropdown-menu > li { background-color: #f1f0f0; } .bootstrap-select.btn-group .dropdown-menu > li > a { color: #454f57; width: 100%; padding: 7.5px 15px; white-space: inherit; overflow: hidden; text-overflow: ellipsis; border-right: 0; } .bootstrap-select.btn-group .dropdown-menu > li > a:hover, .bootstrap-select.btn-group .dropdown-menu > li > a:focus { background-color: #9aa6ad; color: #f6f9fc; cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu, .multiple-select .dropdown-menu { padding: 0; margin: 0; } .bootstrap-select.btn-group.open .dropdown-toggle { box-shadow: none; } .text-normal.bootstrap-select.btn-group.open .dropdown-toggle { text-transform: none } .bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:hover, .bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:focus { background-color: transparent; border: 1.5px solid rgba(164, 171, 174, 0.5); outline: none !important; } .bootstrap-select.btn-group .dropdown-toggle:focus { border: 1.5px solid rgba(164, 171, 174, 0.5); outline-offset: 0 !important; outline: 0 !important; color: #454f57 !important; } .bootstrap-select.form-control:not([class*="col-"]).w300, .w300 { width: 300px !important; } .bootstrap-select.form-control:not([class*="col-"]).w-300p, .w-300p { width: 300px; } .bootstrap-select.form-control:not([class*="col-"]).w-i300x, .w-i300x { width: 300px !important; } .bootstrap-select.form-control:not([class*="col-"]).w135 { width: 135px !important; } .bootstrap-select.form-control:not([class*="col-"]).w-89 { width: auto !important; } .ui-select-container[theme="select2"].direction-up .ui-select-dropdown { box-shadow: none; border-radius: 0; } /*------- automation bootstrap select-------------*/ /*-------automation-modal-sequence-configure-------------*/ .res-qname-wrap { float: left; width: 100%; } /*.res-qname-wrap p.mx-b-3 { margin-bottom:3px; }*/ /*.res-qname-wrap .mx-t-5 { margin-top:5px; }*/ .app-qt-name-wrap p.mx-t-10 { margin: 10px 0 0 0; } .app-qt-name-wrap .float-wrap-100 { float: left; width: 100%; } .app-qt-name-wrap .form-group.set { margin-bottom: 10px; height: 26px; } /*.app-qt-name-wrap label.mx-tr-650 { margin-top:6px; margin-right:50px }*/ .app-qt-name-wrap label.fxw-500 { width: 500px; } .app-qt-name-wrap .form-control.fxw-120 { width: 120px !important; } /*-------automation-modal-sequence-configure-------------*/ /*-------///////automation bootstrap select/////-------------*/ /*end-custom-dropdown-dd-css*/ /*------ End primary dropdown-----------*/ /*------Secondary dropdown-----------*/ .single-select-dd .dropdown-menu { border: none; min-width: 100%; box-shadow: none; } .dropdown-menu > li.selectedSuggestionClass { background-color: #9aa6ad !important; color: #f6f9fc; } .dropdown-menu > li.selectedSuggestionClass a { color: #f6f9fc !important; } .single-select-dd { width: 100%; float: left; position: relative; } .single-select-dd .open > .dropdown-menu { padding: 0; margin: 0; max-height: 175px; overflow-y: auto; } .single-select-dd .btn-group { width: 100%; } .single-select-dd .btn-group .form-control { padding: 0 14px; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; } .single-select-dd .btn-group .form-control.placeholder { color: #9aa6ad !important; } .single-select-dd .button-label.form-control { text-align: left; } .single-select-dd .btn-group > .btn:last-child:not(:first-child), .single-select-dd .btn-group > .dropdown-toggle:not(:first-child) { border-radius: 0 2px 2px 0; position: absolute; right: 0; top: 0; height: 32px; background: transparent; border: none; } #CustomForm .single-select-dd, #CustomExternalForm .single-select-dd { float: none !important; } .single-select-dd .dropdown-menu { background-color: #f1f0f0; font-size: .875em; border-radius: 0; box-shadow: none; border: none; width: 100%; } .single-select-dd .btn-group.open .dropdown-toggle { background-color: transparent; cursor: pointer; box-shadow: none; } .single-select-dd .dropdown-menu > li > a { padding: 7.5px 14px; color: #454f57; min-height: 35px; white-space: normal; } .single-select-dd .dropdown-menu > li > a:hover, .single-select-dd .dropdown-menu > li > a:focus, .single-select-dd .dropdown-menu > li > a.active { background-color: #9aa6ad; color: #fff; cursor: pointer; } .default-stat-dd .bootstrap-select > .dropdown-toggle.bs-placeholder, .default-stat-dd .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .default-stat-dd .bootstrap-select > .dropdown-toggle.bs-placeholder:focus { color: #9aa6ad; } .default-stat-dd .bootstrap-select.form-g-setting > .dropdown-toggle.bs-placeholder { color: #9aa6ad !important; } /*------ End Secondary dropdown-----------*/ /*------- Start multiselect-----*/ .multiple-select.m-s-automation .btn-group { width: 300px; } .multiple-select .btn-group { width: 100%; } .multiple-select .btn { text-transform: none; text-transform: initial; } .multiple-select .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { font-size: .875em; width: 100%; border: 1.5px solid rgba(164, 171, 174, 0.5); background-color: #fff; color: #454f57 !important; border-radius: 2px; height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .multiple-select .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) span.placeholder { color: #9aacad !important; } .multiple-select .btn { text-align: left; } .multiple-select .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)[disabled] { background-color: rgba(241, 240, 240, 0.6); } .form-g-setting.multiple-select .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle):not(.dropdown-select) { color: #454f57 !important; } .multiple-select .btn-group > .dropdown-toggle:not(:first-child) { border-radius: 0 2px 2px 0; height: 35px; border-left: 0 !important; position: absolute; right: 0; z-index: 9; background-color: transparent; border: transparent; box-shadow: none; } /*------add-by-shoaib-------*/ .g-font-size-reset .form-g-setting.multiple-select .btn-group > .dropdown-toggle:not(:first-child) { min-height: 35px; padding-top: 0; z-index: 0; } /*bug-fixed-4962*/ .g-font-size-reset .form-g-setting.multiple-select .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { height: auto; min-height: 35px; z-index: 0; } /*bug-fixed-4962*/ .g-font-size-reset .form-g-setting.multiple-select .select-droplist.open .dropdown-iconx { width: auto; height: auto; margin-top: 1px; } .g-font-size-reset .form-g-setting.multiple-select .select-droplist.open .dropdown-menu li a p { line-height: normal; line-height: initial; } /*.global-cpercent.form-g-setting.crncy-symbol-wrap.field-max300{max-width:initial;width:auto;display:inline-table;}*/ /*form-config-wrap for formbuilder*/ .global-cpercent.form-g-setting.crncy-symbol-wrap > .form-control, .form-config-wrap .global-cpercent.crncy-symbol-wrap > .form-control, .custom-tab-preview .global-cpercent.crncy-symbol-wrap > .form-control { padding-right: 37px; } /*.global-cpercent.form-g-setting.crncy-symbol-wrap.field-max300>.form-control + .percentage-symbol{top:10px}*/ /*.form-g-setting.crncy-symbol-wrap.field-max300>.form-control{width:100%;} .form-g-setting.crncy-symbol-wrap.field-max300>.percentage-symbol{display:table-cell}*/ /*.crncy-symbol-wrap.global-csymbol >.form-g-setting.field-max300{width:auto}*/ .crncy-symbol-wrap.global-csymbol > .form-g-setting.form-control { padding-left: 17px; } /*.crncy-symbol-wrap.global-csymbol >.form-g-setting.form-control + .currency-symbol{top:8px; left:2.5%}*/ .form-g-setting.form-control.select-gray { color: #9aa6ad !important; } /*changes-by-shoaib*/ /*.crncy-symbol-wrap.global-csymbol >.form-g-setting.form-control + .currency-symbol{top: 50%;left: 5px;margin-top: -0.65em;}*/ .crncy-symbol-wrap.global-csymbol > .form-g-setting.form-control + .currency-symbol { top: 7px; left: 5px; } /*---form-bulider-global-setting-preview--*/ /*.crncy-symbol-wrap.global-csymbol .currency-symbol{line-height:initial;padding-top:0;margin-top:0}*/ /*---form-bulider-global-setting-preview--*/ .multiple-select .open > .dropdown-menu { background-color: #f1f0f0; font-size: .875em; border-radius: 0; box-shadow: none; border: none; position: absolute !important; margin-top: 0 !important; width: 100%; } .multiple-select .open > .dropdown-menu.p-ifixed { position: fixed !important; } .mcustom-form .multiple-select .open > .dropdown-menu { max-height: 145px !important; } .multiple-select .open .dropdown-menu > li > a:hover, .multiple-select .open .dropdown-menu > li > a:focus, .multiple-select .open .dropdown-menu > li > a:hover p, .multiple-select .open .dropdown-menu > li > a:focus p { background-color: #9aa6ad; color: #fff; cursor: pointer; } .multiple-select .open .dropdown-menu > li > a p { padding: 0; margin: 0; color: #454f57; word-break: break-word; word-wrap: break-word; } .multiple-select .open .dropdown-menu > li > a { padding: 9px 10px 9px 20px !important; } /*two column custom filed css start here*/ .cf-in-two-col-box, .preview-half-footer-btn, .cf-in-two-col-form-main-title { width: 840px; } .cf-in-two-col-box .form-title, .form-title-outer .form-title { font-family: 'bariol-bold'; } /*.form-title-outer .form-group{float:left; width:100%;}*/ .mcustom-form .preview-m-content { margin-top: 15px; float: left; width: calc(100% + 30px); background: #f6f9fc; margin-left: -15px; padding: 0 15px; margin-bottom: 15px; } .cf-in-two-col-box .preview-m-content .form-group.preview-half:nth-child(2n+2) { float: right; } .ai-custom-fields .optionform { float: left; list-style: none; margin: 0; padding: 0; width: 100%; margin-top: 0; } .ai-custom-fields .optionform li .radio { width: 100%; min-height: 20px; line-height: 20px; margin: 0; } .ai-custom-fields .custom-checkbox { margin-bottom: 0; } .ai-custom-fields .currency-symbol, .ai-custom-fields .percentage-symbol { position: absolute; } .ai-custom-fields .form-control + .currency-symbol { left: 3px; top: 8px; } .ai-custom-fields .currency-value { position: absolute; left: 14px; } .in-form-heading-border { margin: 0 15px; border-bottom: 1px solid #9aa6ad; margin-bottom: 5px !important; padding-bottom: 5px; } .cf-in-two-col-boxisHeirarchical, .preview-half-footer-btn { width: 840px; } .preview-half-full { width: 100% !important; } .search_partner_modal.fade { transition: none; } /*------- End multiselect-----*/ /*----- start caret csss drop down-----*/ /*.bootstrap-select.btn-group .dropdown-toggle .caret, .multiple-select .caret, .single-select-dd .dropdown-toggle .caret { border:none !important; background: url("/Assets/images/drop-arrow.png") no-repeat; width:7px; height:14px; position: relative !important; right: -6px !important; top: 0px !important; }*/ .bootstrap-select.btn-group .dropdown-toggle .caret, .multiple-select .caret, .single-select-dd .dropdown-toggle .caret { border: none !important; background: url("/Assets/images/drop-arrow.png") no-repeat; width: 7px; height: 14px; position: relative !important; right: -6px !important; top: 0px !important; } .dd-img-to-arrow .bootstrap-select.btn-group .dropdown-toggle .caret, .dd-img-to-arrow .multiple-select .caret, .dd-img-to-arrow .single-select-dd .dropdown-toggle .caret { background: none } .dd-img-to-arrow .bootstrap-select.btn-group .dropdown-toggle .caret:before, .dd-img-to-arrow .multiple-select .caret, .dd-img-to-arrow .single-select-dd .dropdown-toggle .caret:before { content: '\f107'; color: #2aace3; font: normal normal normal 18px/1 FontAwesome; position: relative; right: 2px; top: -2px; } .gamification-logdiv-01 .rpt-dd-multiselect .am-caret-container .am-caret:before, .gamification-logdiv-01 .am-container.am-single-container .am-caret-container .am-caret:before { color: #2aace3 !important; } .multiple-select .dropdown-iconx { margin-top: 3px; } .single-select-dd .dropdown-toggle .caret { right: 3px !important; } .multiple-select .dropdown-toggle .caret { right: 0 !important; } /*----- end caret csss drop down -----*/ /*----- Edit task-------*/ .date-label, .prequesting-lbl { margin-top: 7px; } .prequesting-lbl input[type=checkbox] { vertical-align: top; } /*------ start bootstap form override----*/ .form-control { font-size: .875em; } /*-----------override default-------*/ .icon-button-switch { padding-right: 0; } .form-wrap .form-control[disabled] { background-color: #f1f0f0 !important; } .custom-form-preview ul.cf-checkbox-list li .radio { width: 100%; } /*------ End bootstap form override----*/ /*-------------remove-style css----------------*/ .height-81 { height: 81px !important; } .m-top15 { margin-top: 15px; } .height-full { height: 100%; } /*.m-btm-0 { margin-bottom:0 }*/ .padding-0 { padding: 0; } /*.m-top28 { margin-top: 28px }*/ .curs-pointer { cursor: pointer; } .pd-left-0 { padding-left: 0; } .pd-left-10 { padding-left: 10px; } .pd-top-7 { padding-top: 7px; } .pd-right-0 { padding-right: 0 !important; } /*people manage*/ .m-right-10 { margin-right: 10px; } /*people manage*/ /*start program- detail*/ .li-style-off { list-style: none; } /*end program- detail*/ /*dropdown height equal*/ .user-sugg-ddown .select2-results, .multiple-select .open > .dropdown-menu { max-height: 175px !important; } .user-sugg-ddown .select2-results { box-shadow: 2px 2px 4px #d4d4d4; } /*box-shadow: 2px -2px 4px #d4d4d4 !important;*/ /*---------Sprint 72 css Start --------------*/ /*start address book*/ .address-book-dd span.lh34 { width: 20%; float: left; } .address-book-dd .bootstrap-select.form-control:not([class*="col-"]) { width: 80%; float: left; } /*.tabel-body-scroll{height:350px;overflow-y:scroll;position:relative;margin:0; }*/ ul, ol { list-style: none; } /*---------Sprint 72 css End --------------*/ /*.... Sprint 73...Start...*/ /*.footer_help{float:right;padding:0 15px;}*/ .footer-right-menu { line-height: 43px; font-size: .9375em; } .footer-right-menu li { display: inline-block; border-right: 1px solid #e8edef; padding-left: 15px; padding-right: 15px; } .footer-right-menu li:last-child { border-right: none; } .footer-right-menu .footer-helpicon { vertical-align: middle; margin-top: -3px; } .footer-helpicon.lbl-help-icon { margin-left: 0 !important; } /*.footer-helpicon.lbl-help-icon:hover{color: #f7903d; !important}*/ /*.footer-right-menu li > a i { background-color:rgba(247, 144, 61, 1.0); color:rgba(246, 249, 252, 1.0); border-radius:20px; width:20px; line-height:20px; font-size:1em; -webkit-text-stroke-width:0.5px; -webkit-text-stroke-color:rgba(247, 144, 61, 1.0) } .footer-right-menu li > a i:hover { background-color:rgba(247, 144, 61, 0.5); -webkit-text-stroke-color:rgba(247, 144, 61, 0.5) }*/ .help-dropup.dropup .dropdown-menu { left: inherit; right: 0; line-height: normal !important; right: 0 !important; min-width: 0 !important; font-size: 1.07em; } .help-dropup.dropup .dropdown-menu li { padding-left: 0; padding-right: 0; line-height: normal; line-height: initial; width: 100%; text-align: left; } .currency-symbol.program-budget-currency { top: 8px; left: 4px; } .percentage-symbol { top: 8px; right: 10px; position: absolute; padding-left: 15px; background: #fff; color: #454f57; } .form-wrap .form-control[disabled] + .percentage-symbol, .crncy-symbol-wrap .percentage-symbol { background: transparent !important; } .form-wrap .form-control[disabled] + .percentage-symbol { opacity: .65; } .showHelpdd > .dropdown-menu { display: block; } a.showhover, li.showhover a { background-color: #2aace3; color: #fff !important; } .take-tourbtn-outer, .take-tourbtn-outer span { display: block; width: 100%; text-align: center; } .take-tourbtn-outer span, .take-tourbtn-outer .admin-page-title { margin-bottom: 15px; } .take-tourbtn-outer .btn-link { margin: 0; } .hidden { display: none; } .dropdown-menu { border: 1px solid rgba(164, 171, 174, 0.5); box-shadow: 0 6px 12px rgba(164, 171, 174, 0.175); } /*Email-preferece wrap*/ .ep-wrap, .ep-wrap .row-group { position: relative; display: block; } .ep-wrap .row-group { margin-bottom: 25px; } .ep-wrap .row-group h4 { margin-bottom: 5px; } .ep-wrap .row-group .text-col { width: 300px; } /*assign modal */ .msg-modal .modal-body.modal-assign { padding: 0 30px 15px; /*max-height:79vh; overflow-y:auto;*/ } .modal-assign .user-sugg-tag-box { line-height: 21px; } /*.assing-modal-footer{margin:0 !important;padding:10px;}*/ .modal-assign .select2-container-multi .select2-choices { max-height: 70px; overflow-y: auto; } .modal-assign h4 { margin-bottom: 5px; margin-top: 10px; font-size: 1em; } .modal-assign .form-horizontal .checkbox-inline { padding-top: 0; } .ap-check-wrap { margin-top: 16px; } .userlist-assign-wf { padding: 0; padding-left: 30px; margin-left: 8px; margin-top: 10px; overflow: auto; max-height: 220px; list-style-type: disc; } .userlist-assign-wf li { list-style: inherit; } /*Manage people manager modal css start*/ .associated-list-outer { position: relative; bottom: 0; top: 0; overflow: hidden; height: 100%; } .associated-partner-list-box { width: 23%; float: left; position: absolute; bottom: 0; overflow-y: auto; top: 46px; border-right: 1.5px solid rgba(164, 171, 174, 0.5); } .associated-partner-list-box ul { padding: 0; overflow: hidden; } .associated-partner-list-box ul li { padding: 0 0 0 15px; border-left: 5px solid transparent; margin-bottom: 5px; text-decoration: none; } .associated-partner-list-box ul li:hover, .associated-partner-list-box ul li.active { border-left: 5px solid #2aace3; text-decoration: none; color: #0e76bc; cursor: pointer; } .associated-partner-list-box ul li.active a, .associated-partner-list-box ul li:hover a { color: #0e76bc; } .associated-manager-list-box .refresh-icon { margin-right: 15px; } .associated-partner-list-box ul li a:hover, .associated-partner-list-box ul li a:focus { text-decoration: none; } .assign-manager.add-button { padding: 0; margin: 0; float: right; } .box-border-seprate { border: 1px solid rgba(164, 171, 174, 0.5); border-radius: 2px; padding: 0px 0 2px 11px; } .associated-manager-list-box { width: 74.5%; float: right; position: absolute; left: 23.8%; height: 100%; } .form-wrap .row.mg-b-0 { margin-bottom: 0; } /*.pd-t-5 { padding-top:5px; } .mg-t-10 { margin-top:10px !important; } .mg-b-15 { margin-bottom:15px !important; } .mg-b-20 { margin-bottom:20px !important; }*/ .row-iconinput { margin-top: -3px; clear: both; } /*Manage people manager modal css end*/ /*Activity page css start here*/ /*.activity-wrap.panel-wrap .panel>.panel-heading {border-bottom:0 !important}*/ .activityfilter-control-text { padding-right: 0 !important; width: auto; } .activity-scroll-outer { position: absolute; height: calc(100% - 15px); bottom: 0; top: 0; padding: 0 30px; left: 0; right: 0; margin-bottom: 0; } .activity-scroll-outer .mg-reset-row { margin-top: 6px !important; } .activity-scroll-outer .activity-scroll { position: absolute; left: 0; right: 0px; width: auto; width: initial; bottom: 0; top: 71px; overflow-y: auto; overflow-x: hidden; } .activity-scroll-outer .activity-scroll ul.list-wrap { padding: 0 30px; } .activity-scroll .status-box { margin-bottom: 6px; } .activity-scroll .list-group-item { border: 0; border-bottom: 1.5px solid rgba(164, 171, 174, 0.5); margin-bottom: 1px; padding: 15px; padding-left: 0; } .activity-scroll .list-group-item h6 { font-size: 0.875em; margin-bottom: 0px; margin-bottom: 3px; margin-top: 1px; color: #9aa6ad; } .activity-scroll .media-object, .activity-scroll .media-icon-outer { width: 63px; height: 63px; border-radius: 3px; margin-right: 10px; } .activity-scroll .media-body p { margin-bottom: 0; } .activity-scroll .media-body .commentList-box, .commentList-box { padding: 0; line-height: 18px; margin-top: 6px; } .commentList-box.pd-l-22 { padding-left: 22px; } .commentList-box .clickable a { text-decoration: none; cursor: pointer; } .link-box a { float: left; cursor: pointer; } .act-comment-list .cmt-title, .act-comment-list .commenttext.truncated { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .act-comment-list .cmt-title p, .act-comment-list .commenttext.truncated p { display: inline; cursor: pointer; } .commentList-box .clickable a:hover, .commentList-box .clickable a:focus, .link-box a:hover, .link-box a:focus { text-decoration: none; color: #454f57; } .activity-scroll .media-body .commentList-box.comment-list li { display: inline; margin-right: 10px; float: left; margin-bottom: 7px; } .comment-list li .fa { margin-right: 5px; font-size: 1.5em; vertical-align: middle; } .text-truncate, .text-truncate p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inherit; } .activity-scroll .media-left { display: inline-block; float: left; width: auto; } .activity-scroll .media-body { float: left; display: inline-block; /*line-height:32px;*/ width: calc(100% - 83px); } .activity-scroll .media-icon { font-size: 65px; } .activity-scroll .media-icon.r-overdue { color: #b74750; } .activity-scroll .media-icon.Pending { color: #9aa6ad; } .activity-scroll .media-icon.Active { color: #95c53d; } .activity-scroll .media-icon.Complete { color: #0e76bc; } .activity-scroll .media-icon.Submit { color: #2aace3; } .activity-scroll .media-icon.b-complete { color: #0e76bc; } .workflow-search-lbl { padding-right: 0; padding-left: 0; padding-top: 7px; white-space: nowrap; } .user-color-box { display: table; } .user-color-box span { line-height: 63px; text-align: center; color: #fff; font-size: 2em; } .user-color-box span.au-box-orange { background: #f7903d; } .user-color-box span.au-box-yellow { background: #f6d40c; color: #454f57; } .user-color-box span.au-box-pink { background: #ed117b; } .user-color-box span.au-box-mahroon { background: #b74750; } .user-color-box span.au-box-green { background: #95c53d; } .user-color-box span.au-box-lightblue { background: #2aace3; } .user-color-box span.au-box-darkblue { background: #0e76bc; } .user-color-box span.au-box-dark-gray-1 { background: #454f57; } .user-color-box span.au-box-dark-gray-2 { background: #8c9497; } .user-color-box span.au-box-dark-gray-3 { background: #9aa6ad; } .user-color-box span.au-box-dark-gray-4 { background: #f1f0f0; color: #454f57; } .bootstrapselect_error .bootstrap-select .dropdown-toggle { border-color: #b74750; } /*Activity page css end here*/ /*highlight text css */ @keyframes highlight { 0% { background: none; } 50% { background: #f6d40c; } 100% { background: none; } } .highlight { animation: highlight 3s; } /*End highlight text css */ /*sprint no 75 start here*/ /* primary standard fields css start here */ .primary-std-field-outer .control-label { padding-top: 7px; } .primary-std-field { height: 35px; } .primary-std-field span { line-height: 35px; height: 35px; float: left; } .primary-std-text-links { margin-left: 12px; line-height: 35px; } .primary-std-text-links .fa-pencil-square-o { position: relative; top: 2px; } .primary-std-text-links a { text-decoration: underline; } .primary-std-text-links i { color: #f7903d; } .primary-std-text-links i:hover { color: rgba(247, 144, 61, 0.5); } /* primary standard fields css end here*/ .isHeirarchical-6outer .primary-std-text-links { line-height: inherit; } /* Partner Sales Forecast css start here */ .saleforce-year-lbl { margin: 0 auto; position: absolute; top: 27px; right: 451px; font-size: 34px; } .psf-year-outer { display: table; width: 100%; } .psf-year-outer + .ui-modal-body { height: 68vh; } .ui-modal-body.h-392, .h-392 { height: 392px; } .modal-body-log-table { overflow: auto; height: 415px; position: absolute; right: 0; bottom: 15px; padding: 15px; } .psf-year-outer.ssforcast { margin: 10px 0; } .psf-year-outer .fa { font-size: 30px; color: #454f57; } .psf-year-arrow, .psf-year-outer .year { display: table-cell; } .psf-year-outer .year { font-size: 1.6em; vertical-align: middle; } .psf-year-table .currency-symbol.program-budget-currency { top: 6.5px; } .psf-year-table .date-picker { margin-top: 5px; } /* Partner Sales Forecast css start here */ .ptgr-percent-sign { position: absolute; right: -5px; top: 7px; color: #454f57; } /*historical data in admin css start here*/ .historical-modal-wrap .assign-team .user-img-atm { width: 25px; margin-top: 6px; float: left; margin-right: 5px; } .historical-modal-wrap .assign-team .user-name-atm { line-height: 34px; height: 35px; float: left; } .historical-modal-wrap .custom-filed { float: left; width: 100%; } .admin-list-heading.pl-15 { padding-left: 15px; } .historical-modal-wrap label { font-weight: normal; font-family: bariol-regular; padding-top: 7px; word-wrap: break-word; } .historical-modal-wrap .custom-filed .form-group { margin-right: 15px; } .historical-modal-wrap .custom-filed .form-group .form-control { width: 130px; } .historical-modal-wrap .custom-filed > .control-label, .historical-modal-wrap .comment > .control-label { padding-top: 7px; padding-left: 30px; } .partner-his-prd-solu-heading { background: #f1f0f0; text-transform: capitalize; line-height: 35px; } .partner-his-prd-solu-heading span { display: inline-block; vertical-align: middle; line-height: normal; padding-bottom: 3px; } .mhdata-part-pro-solition-mbody label { font-weight: normal; font-family: bariol-regular; padding-top: 7px; word-wrap: break-word; } .mhdata-part-pro-solition-mbody label.product-name { width: 119px; } /* .mhdata-part-pro-solition-mbody { } */ .datepicker-po-right { position: relative; } .datepicker-po-right .dropdown-menu { left: auto !important; right: 0px; } .mhdata-part-pro-solition-mbody .form-control, .mhdata-part-pro-solition-mbody .form-group { vertical-align: top; } /* historical data in admin css end here*/ /*sprint no 75 start here*/ /*Dashboard atuo height adjustment css start */ .dash-outer { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .dash-table, .dis-table { display: table; } .dash-table-row, .dis-table-row { display: table-row; } .dash-table-cell, .dis-table-cell { display: table-cell; } .dash-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .dash-body { height: 100%; } .body-content-outer-wrapper { height: 100%; } .body-content-inner-wrapper { height: 100%; position: relative; overflow: auto; overflow-x: hidden; } .body-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /*/Dashboard atuo height adjustment css end */ .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap > a { display: block; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .panel { position: relative; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .panel-body .text-cols { position: absolute; left: 0; right: 0; z-index: 9999; padding-bottom: 8px; background: #fff; border: 1.5px solid rgba(164, 171, 174, 0.5); display: none; border-top: 0; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap .panel-col > a:hover .panel-default .panel-heading + .panel-body .text-cols { display: block !important; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap .panel-col > a.active:hover, .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap .panel-col > a:hover .panel-default .panel-heading { border-bottom: none; } .dashboard-sisense-box-ss.dashboard-sisense-box .primary-admin-wrap .panel-body .row.text-cols p { height: 45px !important; margin-bottom: 15px; } .dashboard-sisense-box-ss.dashboard-sisense-box .panel-col a.active:hover .text-cols { box-shadow: 0 0 10px #9aa6ad; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .panel-heading { border: 1.5px solid rgba(164, 171, 174, 0.5); margin: 0; border-radius: 4px; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap .panel-col > a:hover .panel-heading { border-radius: 4px 4px 0 0; border-bottom: none; } .dashboard-sisense-box-ss.dashboard-sisense-box .panel { border: none; } .dashboard-sisense-box .panel-default .panel-heading { padding: 10px 7px 10px 7px; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap .panel-col > a.active:hover .panel-default .panel-heading + .panel-body .text-cols:before { position: absolute; width: 100%; height: 12px; top: -10px; background: #fff; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap .panel-col > a:hover .panel-default .panel-heading { border-radius: 4px 4px 0px 0px; } .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap .panel-col > a:hover .panel-default .panel-heading + .panel-body .text-cols { border-radius: 0px 0px 4px 4px; } .dashboard-sisense-box-ss.dashboard-sisense-box .panel-default .panel-body { margin-bottom: 0; } /*privileage form hide hover hover*/ .dashboard-sisense-box-ss.dashboard-sisense-box .dash-header .widget-wrap .panel-col > a.hide-hover:hover .panel-default .panel-heading { border-bottom: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 4px; } /*NEW DASHBOARD BOARD CSS*/ .bodyStyle .innerBody#divHelpPage { position: relative; } .bodyStyle #divNAdminToolPage.innerBody { bottom: 0; } .new-dashboard-wrap { position: absolute; left: 0; right: 0; top: 0px; bottom: 0; } .newdash-outer { position: absolute; left: 0; right: 0; bottom: 0; top: 35px; } .newdash-table { display: table; width: 100%; height: 100%; table-layout: fixed; } .newdash-outer.export-data-dash .newdash-table-row.second-row-body { height: auto; } .newdash-outer.export-data-dash, .newdash-outer.export-data-dash .newdash-table-row { display: block; } .newdash-outer.export-data-dash .newdash-table-row .tab-wrap { position: relative; width: 80.2%; left: 19.8%; } .newdash-table-row { display: table-row; } .newdash-table-row .tab-wrap .nav-tabs { margin-bottom: 0; margin-top: 15px; } .newdash-table-row.second-row-body { height: 100%; } .newdash-table-cell { display: table-cell; } .newdash-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .newdash-body { height: 100%; } .newdash-body-content-outer-wrapper { height: 100%; } .newdash-body-content-inner-wrapper { height: 100%; position: relative; } .newdash-body-content { position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; } .nd-add-new-program { width: 100%; text-align: center; margin-bottom: 10px; margin-top: 15px; } /* .m-all-program-btn { } */ .m-all-program-btn-row { display: table-row; } .m-all-program-btn-cell { display: table-cell; vertical-align: middle; border-radius: 4px; text-align: center; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: 0 0 0px #8c9497; cursor: pointer; } .ndash-in-right-table, .ndash-in-left-table { display: table; table-layout: fixed; height: 100%; border-collapse: separate; border-spacing: 15px; padding: 0; } /*sprint81-css*/ .nadmin_cfield_tbl, .nadmin_cfield_edit, .nadmin_expdata_tbl, .nadmin_broll_tbl, .nadmin_broll_edit, .nadmin_hdata_body { position: absolute; } .nadmin_people_tbl, .nadmin_people_dtail, .nadmin_people_edit, .nadmin_cfield_tbl, .nadmin_cfield_edit, .nadmin_expdata_tbl, .nadmin_broll_tbl, .nadmin_broll_edit { left: 32px; right: 32px; } .nadmin_people_tbl, .nadmin_people_dtail, .nadmin_people_edit, .nadmin_cfield_tbl, .nadmin_cfield_edit, .nadmin_expdata_tbl, .nadmin_broll_tbl, .nadmin_broll_edit { top: 48px; } .nadmin_expdata_board, .nadmin_broll_tbl, .nadmin_broll_edit { overflow-x: hidden; } .nadmin_cfield_edit span i.fa-info-circle { float: left; margin-right: 5px; font-size: 20px; font-size: 18px; margin-top: 2px; } .row_number .col-sm-1, .row_autofill .col-sm-1, .row_searchable .col-sm-1, .row_player .col-sm-1, .row_menu .col-sm-1 { padding-left: 0; margin-left: -30px; } .nadmin_cfield_edit .form-horizontal .control-label { width: auto; } .nadmin_cfield_edit .col-sm-1.mxc { padding-right: 0; } .nadmin_cfield_edit .delete-icon { float: left; outline: 0; background: none; border: none; font-size: 20px; color: #f7903d; margin-top: 7px; margin-left: 0px; } .nadmin_cfield_edit .col-sm-11.px_l_25 { padding-left: 25px; } .nadmin_cfield_edit .add-menu-btn { margin-left: 41px; } /*new-admin-css*/ .nadmin_mcf_content { margin: 2.5% auto; } .nadmin_expdata_board, .nadmin_hdata_board { margin-top: 2.5%; } .nadmin_hdata_body { left: 19.8%; width: 80.2%; padding: 0 10px; } .nadmin_hdata_body .tab-wrap .nav-tabs { margin-bottom: 20px; margin-top: 15px; } .hdata_link_btn { margin: 30px 0; } .hdata_link_btn > ul { margin: 0; padding: 0; } .hdata_link_btn li { margin-bottom: 5px; } .hdata_link_btn li a { text-decoration: underline; } /*sprint81-css*/ .ndash-in-right-row { display: table-row; } .ndash-in-right-cell { display: table-cell; cursor: pointer; /*width:50%;*/ vertical-align: middle; text-align: center; border-radius: 4px; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: 0 0 0px #8c9497; } .ndash-in-right-cell a, .m-all-program-btn-cell a { text-decoration: none; font-size: 1.2em; } .ndash-in-right-cell a i, .m-all-program-btn-cell a i { margin-right: 6px; font-size: .875em; } .ndash-in-right-cell:hover a, .m-all-program-btn-cell:hover a, .ndash-in-right-cell.active a, .m-all-program-btn-cell.active a { color: #454f57; } .ndash-in-right-cell.active, .m-all-program-btn-cell.active { box-shadow: 0 0 10px #9aa6ad; } .ndash-in-right-cell.tab-goto-production.active { box-shadow: none; } /*NEW DASHBOARD BOARD CSS*/ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mpw_body_container { overflow-x: hidden; overflow: hidden; position: relative; } .wt-dash-outer { position: absolute; left: 0; right: 0; top: 0px; bottom: 0; } .wt-dash-outer.left-auto { left: inherit; left: auto; } .wt-dash-table { display: table; table-layout: fixed; } .custom-tab-preview { table-layout: fixed; } .wt-dash-table-row { display: table-row; } .wt-dash-table-cell { display: table-cell; } .wt-dash-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .wt-dash-body { height: 100%; } .wt-body-content-outer-wrapper { height: 100%; } .wt-body-content-inner-wrapper { height: 100%; position: relative; overflow-y: auto; overflow-x: hidden; } .wt-body-content-inner-wrapper { } .lbl-taskin-workflow + .wt-body-content-outer-wrapper .wt-body-content-inner-wrapper { height: calc(100% - 26px); } .wt-body-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .wt-modal-box .modal-dialog, .config-auto-modal .modal-dialog { width: 89%; } .wt-modal-box .modal-dialog.max-w-500 { width: auto !important; min-width: 500px !important; max-width: 500px; } .wt-modal-box .modal-dialog.max-w-700 { width: 65% !important; } .wt-modal-box .modal-dialog.w-70per { width: 70% !important; } .config-auto-modal .data-modal .modal-body { overflow-y: hidden; height: calc(100vh - 132px); padding-bottom: 0; padding: 0; } .data-modal .modal-body.of-xy-auto { overflow: auto; } .config-auto-modal .gj-delete-confirm .modal-dialog { max-width: 400px; } .config-auto-modal .data-modal .gj-delete-confirm .modal-body { padding: 25px 15px 15px; } .program-cf-modal .modal-body { overflow-y: hidden; height: calc(100vh - 162px); } /*advanced task modal css start */ .ad-task-modal-box .modal-dialog { width: 96%; } /*.ad-task-modal-box .wt-body-content-inner-wrapper, .wt-body-content.ad-task-content{overflow:visible;}*/ .wt-body-content.ad-task-content { overflow: hidden; right: 0; } .wt-body-content.ad-task-content .left-box { position: absolute; top: 0; bottom: 0; } .wt-body-content.ad-task-content .right-box { position: absolute; top: 0; bottom: 0; right: 0; padding-left: 30px; padding-right: 0; } .wt-body-content.ad-task-content .right-box .sp_msg_placeholder { text-align: left; } .wt-body-content.ad-task-content .right-box .progarm_drag_placeholder { margin-left: 0; } .wt-body-content.ad-task-content .left-box .cust-fld-wrap { position: relative; height: 100%; } /*fi-header-content*/ /*.table-wrap .fi-header-content .mg-0{margin:0}*/ .fi-header-outer { position: relative; float: left; width: 100%; overflow: hidden; } .wt-body-content-inner-wrapper.advance-task-option { overflow: hidden; } /*.fi-header-outer{width:100%; position:relative}*/ .fi-header-tbldiv { background: #e8edef; position: relative; } .fi-tblbody-div { position: absolute; bottom: 0; float: left; top: 0px; overflow: visible; /*max-height:calc(100% - 30px)*/ } .fi-tblbody-div-inner { max-height: 100%; overflow-y: auto; position: relative; } .ncf-tabel-outer { display: table; } .ncf-tabel-row { display: table-row; } .ncf-table-body-wrapper { display: table-row; height: 100%; } .ncf-table-body-wrapper-inner { height: 100%; position: relative; } .cf-send-box-outer .sp_msg_placeholder { background: none !important; } .cf-send-box-outer .dropbox-list-outer { padding-left: 15px; } .cf-send-box-outer .dragdropBox { margin-left: 0; cursor: move; } .cf-send-box-outer .dropbox-list-outer { max-height: 350px; } .cf-send-box-outer { max-height: 100%; float: left; width: 100%; } .cf-send-box-outer .cf-send-box { display: table; position: relative; max-height: 100%; table-layout: fixed; width: 100%; height: 100%; border-collapse: collapse; float: left; } .cf-send-box-outer .section-row { display: table-row; height: 1px; } .cf-send-box-outer .section-middle { display: table-row; max-height: 100%; float: left; overflow: auto; width: 100%; /*height: 300px;*/ max-height: 250px; } .cf-send-box-outer .section-middle ul { padding-left: 0; } .ad-task-modal-box .modal-dialog.w400 { width: 400px !important; } .ad-task-modal-box .wt-dash-outer.col-sm-8 { width: 70%; } .ad-task-modal-box .wt-dash-outer.col-sm-4 { width: 30%; } #container { position: absolute; top: 0; bottom: 0; width: 100%; } #container .container_inner { display: table; height: 100%; position: relative; width: 100%; float: left; table-layout: fixed; border-collapse: collapse; } #up { display: table-row; width: 100%; position: relative; height: 1px; } #down { display: table-row; position: relative; height: 100%; padding: 0; margin: 0; width: 100%; } #down .h-full, .h-full { height: 100%; } .form-wrap label.fontsize1125, .fontsize1125 { font-size: 1.125em; } .form-wrap label.fontsize125 { font-size: 1.25em; } /*advanced task modal css end*/ .cf-send-box-outer .cf-send-box.convertflex, .flex-vertical, .customtab-md-preview .wt-dash-table { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; min-height: 0; } .cf-send-box-outer .cf-send-box.convertflex .section-middle, .flex-vertical-full, .customtab-md-preview .wt-dash-table-row { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; overflow: auto; overflow-x: hidden; width: 100%; max-height: none; } /*.cf-send-box-outer .cf-send-box.convertflex .section-middle .program_str_sendbox{height: 100%;}*/ .cf-send-box-outer .cf-send-box.convertflex .section-row, .flex-vertical-auto { height: auto; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; width: 100%; float: left; } .wt-modal-box label { font-family: 'bariol-bold'; font-weight: normal; /*font-size:.9375em;*/ margin-bottom: 4px; } .wt-modal-box .tab-wrap .nav-tabs { margin: 15px 15px 15px 15px; padding: 0; } .wt-modal-box .data-modal .modal-body { overflow-y: hidden; height: calc(100vh - 132px); max-height: calc(100vh - 132px) !important; } .wt-modal-box .data-modal .modal-body.showscroll { overflow-y: auto; } .wt-modal-box .modal-dialog.msg-modal.w400.dynamic-not { width: 400px !important; } .wt-modal-box .tab-content { padding: 0; } .wt-edit-form-btm a { text-decoration: underline; } /*.persona_inf_modal_box.wt-modal-box .data-modal .modal-body { max-height:inherit !important }*/ .btnApproverclk a span { float: right; } .wt-edit-form-btm label { margin-bottom: 5px; display: block; float: left; width: 100%; } .wt-edit-form-btm label.dir-remove { margin-bottom: auto; display: normal; float: inherit; width: auto; margin-bottom: initial; display: initial; float: initial; width: initial; } .wt-btn-outer { height: 40px; padding: 7px 0 7px 0; clear: both; } .wt-btn-outer > div { display: inline-block; } .wt-btn-outer .popup-btn-text-link { margin-left: 2px; } .wt-editform .col-sm-12, .wt-edit-form-btm { margin-top: 15px; } .wt-body-content .col-sm-6.left-colspace { padding-right: 30px; } .wt-body-content .col-sm-6.left-colspace.wmOwners { width: 100%; } .wt-body-content .col-sm-6.right-colspace { padding-left: 30px; } /* preview tab in workflow template*/ .wt-body-content.wt-preview-content { } .row.wt-preview-taskpoint, .row.wt-preview-assign-to, .row.wt-preview-cf, .row.wt-preview-rm { margin-bottom: 25px !important; } .wt-preview-content .ml-15 { margin-left: 20px; } .wt-preview-content .mb-5 { margin-bottom: 5px; } .wt-preview-content .mg-l-30 { margin-left: 40px; } .wt-cur-sybl { left: 3px; top: 0px; line-height: 35px; } .wt-preview-content .radio { margin-top: 0 !important; margin-bottom: 0 !important; width: 100%; } .wt-preview-content .option, .custom-checkbox { padding-left: 0 !important; } .wt-preview-content .w200 { width: 200px !important; } .wt-preview-taskpoint { } .wt-preview-title-left a .fa { margin-right: 3px; } .wt-preview-title-left a { font-size: .875em; text-decoration: underline; display: block; margin-bottom: 5px; } .wt-preview-title-left a:last-child { margin-bottom: 0; } .wt-preview-assign-to a { text-decoration: underline; } .wt-preview-assign-to .fa { margin-right: 6px; cursor: pointer; } .wt-preview-cf .col-box, .col-box { width: 50%; float: left; margin-bottom: 20px; } #divTaskPreview .wt-preview-cf .col-box, .col-box { margin-bottom: 0; } .wt-preview-cf .col-box:nth-child(2n+1), .col-box:nth-child(2n+1) { clear: both; width: 50%; } .trm-iconbox-outer { text-align: center; } .trm-iconbox { display: table; width: 45px; height: 50px; border-radius: 4px; position: relative; left: 50%; margin-left: -24px; } .trm-iconbox:hover { background: #e8edef; } .trm-iconbox i { display: table-cell; vertical-align: middle; text-align: center; font-size: 30px; } .trm-iconbox-outer span.text { word-wrap: break-word; margin-bottom: 15px; display: block; } .col-rm-prev .col-sm-3:nth-child(4n + 1) { width: 25%; clear: both; } .row.wt-preview-rm { margin-top: 25px !important; } .row.wt-preview-rm .lbl-trm { margin-bottom: 10px !important; } /*end preview tab in workflow template*/ /*.wt-edit-form-btm .fa { margin-right:6px; color:#454f57; cursor:pointer; }*/ .wt-edit-form-btm .fa.close-icon { color: #8c9497; } /*.wt-edit-form-btm .fa.fa-book{margin-right:5px;margin-left:-6px;}*/ .wt-edit-form-btm .btn { margin-left: 0; text-transform: none; } .wt-edit-form-btm .onclickbtn a, .wt-edit-form-btm .onclickbtn .fa { color: #fff; text-decoration: none; } .wt-btn-outer.text-white .onclickbtn.btn { margin-left: -20px; margin-top: -7px; } .wt-btn-outer.text-white a { text-decoration: underline; } .wt-btn-outer.text-white .onclickbtn a, .wt-btn-outer.text-white .onclickbtn .fa { color: #fff; text-decoration: none; } .wt-edit-form-btm .onclickbtn.btn { margin-left: -20px; margin-top: -7px; } .workflow-listbox { margin-bottom: 35px; } .workflow-listbox .wt-parent-task { height: 35px; line-height: 35px; padding: 0 8px 0 6px; background-color: #f1f0f0; color: #454f57; border-radius: 3px; margin-bottom: 10px; } .workflow-listbox .wt-parent-task span.wt-parent-task-arrow { float: left; line-height: 35px; width: 20px; padding-left: 2px; } .workflow-listbox .wt-parent-task .wt-subtask-iconbox a { color: #454f57; } /*.wt-subtask-iconbox a{font-size:1.125em }*/ .workflow-listbox .wt-parent-task .wt-subtask-iconbox a:hover { text-decoration: none; } .wt-parent-task .wt-task-title { padding-left: 0px; } .ng-hide.wt-parent-task-arrow + .wt-task-title { padding-left: 10px; } .wt-parent-task.active { color: #fff !important; background: #2aace3 !important; } .workflow-listbox .wt-parent-task:hover { background: #0e76bc !important; color: #fff; } .workflow-listbox .wt-parent-task:hover .wt-subtask-iconbox a { color: #fff; } .wt-parent-task.active .wt-subtask-iconbox a { color: #fff; } .wt_tbl .tbl-actionbtn .fa-files-o, .tbl-actionbtn .fa-files-o { font-size: 1.05em !important; } .wt_tbl td.pd-r-15 { padding-right: 15px !important; } .wt-task-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; } .wt-subtask-box { display: block; } .wt-subtask-titlebox { width: calc(100% - 40px); float: left; } .wt-subtask-iconbox { float: right; width: 38px; text-align: right; padding-right: 2px; white-space: nowrap; } .pd-l-20 { padding-left: 20px; } .wt-modal-box .row { margin: 0; } /*.wt-modal-box .row.mt-i20{margin-top:20px*/; .wt-modal-box .row.default-m { margin-right: -15px; margin-left: -15px; } .wt-modal-box .wt-body-content { left: 15px; right: 15px; } .col-sm-4.wt-dash-outer .nav-tabs { margin-left: 0; } .z-index-high { z-index: 99999 !important; } /*pull form here button-popup */ /*--------sprint89-broadcast-popup-work--------*/ .brd-alist-wrapper { margin-top: 15px; padding: 0 !important; } .broadcast-atch-list { margin-bottom: 5px; padding-right: 5px; max-width: 33%; } .broadcast-atch-list .wrm-title-outerlst { margin-right: 5px; } /*--------sprint89-broadcast-popup-work--------*/ /*table highlight tr css for program in london*/ .pd-l-15 { padding-left: 15px; } #divCustomFieldScroll.scrollhide { display: none; } .programdetail .cf-in-two-col { min-height: 29px; margin-bottom: 20px; } .programdetail .mg-mtop-7 { margin-top: -7px; } .programdetail .mg-mtop-7 .custom-radio { padding: 0; } .programdetail .mg-mtop-7 .custom-checkbox, .programdetail .mg-mtop-7 .custom-radio { margin-top: 7px; } .programdetail .mg-mtop-7 .custom-checkbox li, .programdetail .mg-mtop-7 .custom-radio li { display: inline-block; vertical-align: top; margin-bottom: 10px; padding-right: 15px; width: 50%; } .programdetail.full-chk-radio .mg-mtop-7 .custom-checkbox li, .programdetail.full-chk-radio .mg-mtop-7 .custom-radio li { width: 100%; } .programdetail .radio label { word-break: break-all; word-wrap: break-word; } #divProgramDetailPreview .programdetail .mg-mtop-7 .custom-radio li { width: 100%; } /*.programdetail.n-programdetail .mg-mtop-7 .custom-checkbox li, .programdetail.n-programdetail .mg-mtop-7 .custom-radio li{display:inline-block;vertical-align:top;margin-bottom:5px; padding-right: 15px;width: 100%;}*/ .programdetail .mg-mtop-7.primary-std-text-links { padding-right: 15px; padding-left: 15px; } /*according-to-new-utilities-class*/ /*.programdetail .mg-mtop-7 { margin-top:-7px }*/ .programdetail .mt-m7 .custom-radio { padding: 0; } .programdetail .mt-m7 .custom-checkbox, .programdetail .mt-m7 .custom-radio { margin-top: 7px; } .programdetail .mt-m7 .custom-checkbox li, .programdetail .mt-m7 .custom-radio li { display: inline-block; vertical-align: top; margin-bottom: 10px; padding-right: 15px; width: 50%; } .programdetail.full-chk-radio .mt-m7 .custom-checkbox li, .programdetail.full-chk-radio .mt-m7 .custom-radio li { width: 100%; } #divProgramDetailPreview .programdetail .mt-m7 .custom-radio li { width: 100%; } /*according-to-new-utilities-class*/ /*program detail with background color*/ .height-35 { height: 35px; } .cf-in-two-col-inner { padding: 15px; background: rgba(42, 172, 227, .25); } .blue-25per { padding: 15px; background: rgba(42, 172, 227, .25); } .hierar-condition { padding-right: 30px; } .hierar-condition:nth-child(even) { padding-left: 15px; padding-right: 0px; } /*Program drag drop*/ #divProgramScroll [ng-drag], #divProgramScroll [ng-drag-clone] { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #divProgramScroll .drag-object, #divProgramScroll [ng-drag-clone], .task-custom-field-modal [ng-drag], #divProgramScroll [ng-drop] [ng-drag], #divCustomFieldScroll [ng-drag], #divCustomFieldScroll [ng-drag].dragging { cursor: move; } #divCustomFieldScroll [ng-drag].dragging { display: none; } #divTBScroll [ng-drag].dragging { display: none; } .task-custom-field-modal [ng-drag].dragging { display: none; } #divProgramScroll [ng-drag-clone] { margin: 0; } #divProgramScroll [ng-drag].dragging { border: 1px dashed #9aa6ad; position: absolute; min-width: 400px !important; left: 50%; cursor: pointer; box-shadow: 0 0 10px #9aa6ad; } #gallery-container { overflow-y: scroll; overflow-x: scroll; height: 500px; } .card { width: 100px; } /*#divProgramScroll [ng-drag].drag-over {border:solid 1px red;}*/ #divProgramScroll [ng-drag].dragging { opacity: 0; cursor: pointer; display: none; } #divProgramScroll [ng-drop] { text-align: center; width: auto; height: auto; } .progarm_drag_placeholder[ng-drop].drag-enter { border: 2px #9aa6ad dashed; } .clonecontent div { padding: 10px; } .program_tbl_wrap { position: relative; z-index: 1; } [ng-drag-clone].avalabe-fld-drags { opacity: 1; left: 5% !important; width: calc(100% - 70%) !important; height: auto !important; background: #fff; box-shadow: 0 0 10px #9aa6ad; } [ng-drag-clone].avalabe-fld-drags { cursor: move; } .program_tbl_wrap [ng-drag-clone].cloneprogramdiv { opacity: 1; left: 5% !important; width: calc(100% - 70%) !important; height: auto !important; background: #fff; box-shadow: 0 0 10px #9aa6ad; } .program_tbl_wrap [ng-drag-clone].cloneprogramdiv { cursor: move; } .workflow_wrap [ng-drag-clone].cloneworkflowdiv { opacity: 1; left: 5% !important; /*z-index:1 !important;*/ width: calc(100% - 70%) !important; height: auto !important; background: #fff; box-shadow: 0 0 10px #9aa6ad; } .workflow_wrap [ng-drag-clone].cloneworkflowdiv.z-index-1 { z-index: 1 !important; } .workflow_wrap [ng-drag-clone].cloneworkflowdiv { cursor: move; } .cust-fld-wrap [ng-drag-clone].cloneprogramdivcf { opacity: 1; left: 5% !important; /*z-index:3 !important;*/ width: calc(100% - 70%) !important; height: auto !important; background: #fff; box-shadow: 0 0 10px #9aa6ad; } .cust-fld-wrap [ng-drag-clone].cloneprogramdivcf { cursor: move; } .m-body-program-cf [ng-drag-clone].cloneprogramdiv-p-cf { opacity: 1; left: -15% !important; /*z-index:3 !important;*/ margin-top: -30px; width: calc(100% - 65%) !important; height: auto !important; background: #fff; box-shadow: 0 0 10px #9aa6ad; } .m-body-program-cf [ng-drag-clone].cloneprogramdiv-p-cf { cursor: move; } .cloneprogramdiv.hide-cloneprogramdiv { display: none !important; } /*Program drag drop*/ /* start css loginstep2 css*/ .loginstep2-btn-box.row { margin-top: 25px !important; } .step3-btn-box { margin-top: 20px !important; } .loginstep2-inner .btn-default { float: left; padding-left: 35px; padding-right: 35px; margin-left: 0; } .userbox-text { display: block; } .userbox-text a { float: left; margin-right: 15px; margin-top: 2px; } .userbox-text .username { overflow: hidden; } /* end css loginstep2 css*/ /* start login-option-box*/ .login-option-box { display: table; width: 100%; margin-top: 35px; border-top: 1.5px solid rgba(164, 171, 174, 0.5); padding: 35px 0; } .login-option-col { display: table-cell; text-align: center; } /* end login-option-box*/ /*sprint 75 css start here*/ .cf-table-data-outer { position: absolute; bottom: 0; } .cf-table-data-table { display: table; height: 100%; width: 100%; table-layout: fixed; } .cf-table-data-inner-row { display: table-row; height: 100%; } /*new design*/ .external-task-outer { float: left; /*position:relative;margin-bottom:52px;*/ margin-bottom: 7px; width: 100%; padding: 0 32px; position: absolute; top: 0; bottom: 0; overflow: auto; } .external-task-outer .tab-wrap { margin-top: 8px; } .external-task-outer .tde-row-border { position: relative; float: left; width: 100%; margin-bottom: 15px; } .external-task-outer .ml-15 { margin-left: 15px; } .external-task-outer .red .btn-group { margin-left: 0 !important; } .external-task-outer .w200 { width: 300px !important; } .external-task-outer .externaloption { float: left; width: 100%; margin-top: 4px; list-style: none; margin: 0; padding: 0; } .external-task-outer .externaloption .radio { margin: 0; width: 100%; min-height: 20px; line-height: 20px; } .externaloption li { overflow: hidden; display: block; margin-bottom: 5px; } .external-task-outer .mg-l-30 { margin-left: 40px; } /*.external-task-outer .wt-cur-sybl{top:0; left:0;}*/ .external-task-outer #divTaskInstruction { margin-bottom: 25px; padding-top: 12px; } .external-task-outer #divCommunicationAttchment { width: 100%; padding-top: 12px; } .external-task-outer .currency-value { top: 8px; position: relative; left: 6px; } .external-task-outer .currency-symbol { } .external-task-outer .comment-link { padding-right: 15px; } .ex-button-box { margin-top: 15px; margin-bottom: 15px; } /*.external-task-outer .trm-iconbox .trm-iconbox-outer{f}*/ .ex-button-boxf { padding-top: 5px; padding-bottom: 15px; position: fixed; bottom: 43px; right: 0px; background: #fff; z-index: 11; } .ex-button-boxf .btn-secondary:focus { background: #fff; color: #2aace3; } .ex-button-boxf .btn-secondary:focus:hover { background-color: #0e76bc; color: #fff; } .ex-button-boxf.col-sm-12 { padding-right: 30px; } .ex-close-btn { display: none; position: absolute; right: -5px; top: -5px; width: 15px; color: #fff; color: #454f57 !important; height: 15px; line-height: 15px; cursor: pointer; } .ex-close-btn:hover { color: #454f57 !important; } .trm-iconbox:hover .ex-close-btn { display: block; } .external-task-outer .overdue-icon i { color: #b74750 !important; } .ex-nav-btm .tab-wrap { padding: 7px 32px 0 32px; clear: both; } .ex-nav-btm .breadcrumb { font-family: 'bariol-bold'; font-size: .875em; color: #9aa6ad; font-weight: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 0.6px; height: 35px; } /*.ex-nav-btm .breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}*/ .ex-nav-btm .breadcrumb > li span { display: inline-block; max-width: 31%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ex-nav-btm .breadcrumb > li { display: inline; } /*.ex-nav-btm{position:relative;top:64px} .ex-bodystyle{top:140px}*/ .external-task-comment .section-comment.mx-l-17 { margin-left: 17px; } .ex-bodystyle { top: 76px; } /*fastconnect-task-new-add*/ .ex_task_tab_wrap { display: inline-block; width: 100%; } .ex_task_tab_wrap .fct-tab { padding: 7px 32px 0 32px; } /*fastconnect-task-new-add*/ .ex-bodystyle .cmt_btn_wrap ol { float: left; } #divCommentMSGReply { position: absolute; top: -5px; } .ex-bodystyle .cmt_btn_wrap ol.fl-right { display: block; width: 100%; margin-top: 10px; } .external-task-outer .col-rm-prev .col-sm-3 { width: 16.666667%; } .external-task-outer .col-rm-prev .col-sm-3:nth-child(4n + 1) { clear: none; clear: initial; } .external-task-outer .col-rm-prev .col-sm-3:nth-child(6n + 1) { width: 16.666667%; clear: both; } .external-task-comment .comment-row h5.control-label { padding-left: 0px; } /*.external-task-comment .section-comment ul>li{margin-bottom:10px}*/ .external-task-comment #ulCommentlistT > li { margin-bottom: 15px; } .external-task-comment .cem_icon_wrap > .fa.fa-paperclip, .external-task-comment .fa.fa-unlock-alt { right: auto; right: initial; float: left; margin-left: 2px; } .external-task-comment .fa.fa-unlock-alt { left: 28px; } .external-task-comment .attachment-count { float: left; } .external-task-comment .attach-count-tooltip-outer { right: -98px; } .external-task-comment .comment_atchment_ttip > .cat_ttip_arrow { left: 50%; } .external-task-comment .attach-comment-outer { padding-left: 10px; } .external-task-comment .attach-comment-text-reply { padding-left: 0; } .external-task-comment .comment_post > .post_icon_wrap > .fa-lock { top: 0px; left: 0; margin-left: 0; float: left; right: auto; right: initial; } .external-task-comment .cem_icon_wrap > .fa.fa-lock { left: auto; left: initial; margin-left: 0; float: left; right: auto; right: initial; position: static; position: initial; margin-right: 8px; } .external-task-comment .cem_icon_wrap > .fa.fa-paperclip { right: auto; right: initial; float: left; margin-left: 2px; left: auto; left: initial; right: inherit; position: static; position: initial; margin-right: 11px; } .external-task-comment .cem_icon_wrap { position: relative; height: 20px; padding-right: 5px; float: left; width: 100%; } .external-task-comment .post-comment .attachment-count { text-align: left; width: auto; } .external-task-comment .cmt_btn_wrap .preloader { right: 0; } .external-task-comment .cmt_btn_wrap #prgAddCommentReply.preloader { position: relative; top: auto; top: initial; } /*external task eroor message */ .maintabmessage { position: fixed; top: 65px; bottom: 65px; left: 0; right: 0; } .external-task-errmsg-outer { position: absolute; top: 165px; bottom: 44px; left: 0; right: 0; height:57vh; } .maintabmessage-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .external-task-errmsg-outer .er-table, .maintabmessage-inner .er-table { display: table; height: 100%; width: 100%; } .external-task-errmsg-outer .er-cell, .maintabmessage-inner .er-cell { display: table-cell; vertical-align: middle; text-align: center; } .ab-center { position: absolute; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; font-size: 1em; } /*external task eroor message */ .extenal-accountform .form-wrap .form-group { margin-bottom: 18px; } .extenal-accountform .form-wrap .error-msg, .chang-pwd .error-msg, .error-msg.error-m { line-height: normal; line-height: initial; height: auto; margin: 0; font-size: .875em; } .pwd-modal-content .pwd-heading h1, .pwd-heading h1 { font-size: 24px; } .modal-outer.mlt-pop-up-layer { background-color: rgba(0, 0, 0, 0.5); } /*new design*/ /*external task css end here*/ .default-stat-or .tooltip-inner { position: relative; } .default-stat-or .tooltip { width: 100%; position: absolute; } .form-list-full .default-stat-or .tooltip { width: auto; position: fixed; left: 44px !important; } .form-list-full .default-stat-or .tooltip.top .tooltip-arrow { left: 10% !important; } .ext-task-title label { float: left; } .ext-task-title label + label { overflow: hidden; display: block; padding-left: 5px; float: none; } /*sprint 75 css end here*/ /* sprint 79 css start here */ /*old-css*/ /*#companyaccountlink { width:215px }*/ /*.formpopup-link-outer{float:left;width:100%;margin-top:6px;padding-bottom:0;height:35px} .formpopup-link-outer .wt-btn-outer{padding:0;height:auto} .formpopup-link.wt-btn-outer{float:left;margin-top:0;clear:initial;position:relative} .formpopup-link.wt-edit-form-btm .onclickbtn.btn {margin-left:0;} .formpopup-link a.clicklink {float:left;width:auto;margin-right:15px;text-decoration:underline}*/ /*old-css*/ /*new-css*/ .caf-access-external { float: left; margin-top: 6px; height: 35px; } .caf-access-external .form-ext-link { float: left; position: relative; clear: inherit; clear: initial; min-width: 224px; } .caf-access-external .form-ext-link .s-ext-form { } .caf-access-external .form-ext-link.url { padding-left: 45px; } .caf-access-external a { text-decoration: underline; } .caf-access-external .btn { margin-left: 0; margin-top: -5px; } .caf-access-external .btn > a { color: #fff; padding-left: 0 !important; } /*new-css*/ /*.formleyout-outer {display: inline;float:left; } .formleyout-outer p {margin-bottom:6px} .formleyout-outer .radio{margin-top:0;margin-bottom:5px}*/ .ca-form { float: left; } .ca-form.layout { width: auto; } .ca-form.access > .wrapper { display: inline-block; width: 100%; } .ca-form p { margin-bottom: 6px; } .ca-form .radio { margin-top: 0; margin-bottom: 5px; } .form-config-row.top .top-row { margin-bottom: 10px; } .small-popup { margin-bottom: 0; border-radius: 4px; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: 0 0 7px #8c9497; position: absolute; left: 0; top: 26px; /*right: 0;*/ z-index: 99999; background: #fff; padding: 15px; width: 400px; } .small-popup.right { left: auto; left: initial; right: 0; width: 460px; } .form-dragbox textarea { color: #454f57; } .form-dragbox .w300 { width: 300px; } .form-dragbox { background: #f6f9fc; position: relative; border-bottom: 1.5px solid rgba(164, 171, 174, 0.5); float: left; width: 100%; border-left: 1.5px solid rgba(164, 171, 174, 0.5); border-right: 1.5px solid rgba(164, 171, 174, 0.5); } .form-dragbox.half { width: 50%; float: left; border: 1.5px solid rgba(164, 171, 174, 0.5); } .form-dragbox.form-fixed-border { border-top: 1.5px solid rgba(164, 171, 174, 0.5); border-left: 1.5px solid rgba(164, 171, 174, 0.5); border-right: 1.5px solid rgba(164, 171, 174, 0.5); padding: 15px; } .form-dragbox.ui-sortable-helper { border: 1.5px solid rgba(164, 171, 174, 0.5); } .form-config-row.bottom .ui-sortable-placeholder { float: left; width: 100%; height: 150px; border: 1.5px dashed rgba(164, 171, 174, 1); } /*.form-config-wrap{position: relative;height: 100%;}*/ .form-config-wrap-outer-p { position: relative; height: 100%; } .form-config-wrap-outer-a { position: absolute; top: 0; bottom: 5px; width: 100%; display: flex; flex-direction: column; } .form-config-wrap { position: relative; min-height: 0; float: left; display: block; width: 100%; max-height: calc(100% - 40px); overflow: auto; overflow-x: hidden; flex: 0 1 auto; /*border: 1px solid red;*/ } .star-red { color: #b74750; } .form-config-container { width: 100%; max-height: 100%; /*overflow:auto;*/ /*overflow-y: scroll;max-height: 350px;*/ } .form-dragbox.pd-top-5 { padding-top: 5px; } .form-dragbox.pd-top-5:last-child { border-bottom: 1.5px solid rgba(164, 171, 174, 0.5); } .form-dragbox-header i.close-icon { position: absolute; right: 7px; top: 4px; } .form-dragbox-header .fa.fa-bars { cursor: move; } .form-dragmoveicon { float: left; position: absolute; top: 5px; left: 50%; margin-left: -6px; cursor: move; line-height: 1px; color: #8c9497; z-index: 9999; } .form-dragmoveicon.top { top: 5px; bottom: auto; } .form-dragmoveicon i + br + i { position: relative; top: -6px; } .form-dragbox-body { padding: 15px; padding-top: 25px; overflow: hidden; } .form-dragbox-body .title { font-family: 'bariol-bold'; font-size: 1em; color: #454f57; font-weight: normal; } .form-dragbox-half .form-dragbox-left.col-sm-8, .form-dragbox-half .form-dragbox-right.col-sm-4 { width: 100%; } .form-dragbox-half .form-odd, .form-dragbox-half .form-even { width: 50%; float: left; border-right: 1.5px solid rgba(164, 171, 174, 0.5); } .form-dragbox-half .form-even .form-dragbox { border-left: 1.5px solid rgba(164, 171, 174, 0.5); border-right: none; } .form-dragbox-half .form-dragbox-right.col-sm-4 { padding-left: 0; padding-top: 7px; } .form-dragbox-left.col-sm-8, .form-dragbox-right.col-sm-4 { padding-left: 0; padding-right: 0; } .form-dragbox-right.col-sm-4 { padding-left: 15px; } .form-config { height: 100%; float: left; width: 100%; position: relative; } .form-config .form-config-box { display: table; table-layout: fixed; width: 100%; height: 100%; float: left; position: relative; } .form-config .form-config-box.height-a { max-height: 100%; height: auto; height: initial; } .form-config .form-config-row { display: table-row; border-left: 1.5px solid rgba(164, 171, 174, 0.5); border-right: 1.5px solid rgba(164, 171, 174, 0.5); vertical-align: top; } .form-config .form-config-row.top { height: 1px; } .form-config .form-config-row.bottom { height: 100%; width: 100%; /*float: left;*/ } /*config-auto-form-box*/ .config-auto-form-outer { height: 100%; position: relative; } .config-auto-form-box { width: 66.66666667%; float: left; height: 100%; padding: 15px 15px 0px 30px; } .aval-fld-box { width: 33.33333333%; float: right; height: 100%; padding: 15px 0 0 15px; } .aval-fld-box .tab-wrap .nav-tabs { margin-right: 30px; } .caf-table { display: table; table-layout: fixed; width: 100%; height: 100%; } .caf-table .tab-wrap { padding: 0 !important; } .caf-table-row { display: table-row; vertical-align: top; } .caf-table-row-top { height: 42px; } .caf-table-row-bottom { height: 100%; width: 100%; /*float: left;*/ } /*.caf-table-row-bottom [ng-drag].dragging{position:absolute;z-index:99999; width:350px;}*/ .caf-table-row-bottom [ng-drag].dragging { display: none; } .caf-table-row-bottom .workflow-listbox { padding-right: 15px; } .caf-placeholder { float: left; height: 38px; width: 100%; flex: 0 0 auto; } .caf-placeholder .progarm_drag_placeholder { margin-left: 0; } .margin-0 { margin: 0 !important; } .radio.caf-radio input[type="radio"]:not(:checked) + label::before, .radio.caf-radio input[type="radio"]:checked + label::before { top: 3px; } .radio.caf-radio input[type="radio"]:not(:checked) + label::after, .radio.caf-radio input[type="radio"]:checked + label::after { top: 6px; } .aval-fld-box .caf-table-row-bottom-wrap { height: 100%; position: relative; overflow-y: auto; overflow-x: hidden; } .aval-fld-box .caf-table-row-bottom-wrap-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .form-option { margin: 0; padding: 0; list-style: none; overflow: hidden; } .form-option li { display: block; float: left; width: 100%; } .form-option li .radio { margin-top: 0; margin-bottom: 0; } /*.currency-symbol.form-cs { position: absolute; line-height: 28px; padding: 0 5px 0 6px; margin-top: 3px; z-index: 0; }*/ .currency-symbol.form-cs { position: absolute; left: 5px; z-index: 0; transform: translate(0%, -50%); top: 50%; } .filedlist-outer span.form-title { font-family: 'bariol-bold'; font-size: 1em; color: #454f57; font-weight: normal; margin-bottom: 4px; float: left; display: block; width: 100%; margin-top: 10px; } .fieldlist { margin: 0; padding: 0; } .fieldlist li { position: relative; background-color: #f1f0f0; color: #454f57; padding: 7.5px 10px; border-radius: 3px; margin-bottom: 10px; cursor: move; overflow: hidden; } .fieldlist li span { float: left; width: calc(100% - 20px); word-wrap: break-word; } .fieldlist li .custom-field-item .div-flex-row-full span { width: auto; } .fieldlist li > a { text-decoration: none; line-height: 20px; padding-right: 7px; } .fieldlist li:hover, .fieldlist li:hover a { background: #0e76bc; color: #fff; } .svg-icon { fill: #454f57 } .fieldlist li:hover .svg-icon { fill: #fff } /*new form2 html css start her*/ .form-dragbox-body2 .check-top { display: block; overflow: hidden; } .form-dragbox-body2 .check-top span.title { max-width: 66.66666667%; float: left; margin-right: 15px; } .form-dragbox-body2 .check-top check-title { overflow: hidden; } /*new form2 html end start her*/ /*new workflow template deadline css */ .template-deadline-box .abr-column-outer { width: 460px; height: 300px; } .template-deadline-box .abr-colum-first { width: 100%; height: 100%; padding-left: 0; padding-right: 0; border-right: 1px solid rgba(0, 0, 0, .2); } .template-deadline-box .abr-colum-first .duration-outer { height: 100%; display: table; table-layout: fixed; overflow: auto; } .template-deadline-box .abr-colum-first .duration-outer .d-row { display: table-row; vertical-align: top; } .duration-outer .form-group { margin-right: 0px; margin-left: 0; } .duration-outer .dd-chk-trigger { clear: both; margin-bottom: 10px; } .duration-outer .clearfix { clear: both; } .d-row-top { float: left; width: 100%; height: 220px; overflow-y: auto; overflow-x: hidden; } .d-row-botom { height: 1px; } .duration-divleft { width: 92%; float: left; } .duration-divright { width: 8%; float: left; } .check-help-icon .checkbox-wrap { position: static; position: initial; width: 100%; } .check-help-icon .checkbox-wrap .fa-question-circle { margin-top: 4px; } .check-help-icon .checkbox-wrap .tooltip-inner { width: 260px; max-width: 260px; } .n-duration { display: block; float: left; width: 100%; /*overflow-y: auto;*/ } /*///new workflow template deadline css */ .n-duration .duration-cols { display: inline; width: 30%; float: left; margin-right: 3%; } .n-duration .helptt { width: auto; /*cursor:pointer;*/ margin-top: 28px; } .n-duration .helptt .tooltip-inner { width: 200px; } .n-duration .duration-lbl { text-align: left; margin-bottom: 5px; display: block; float: left; width: 100%; } .delayform .control-label { width: auto; padding-left: 38px; padding-right: 0; float: left; } .delayform .second-dd { margin-top: 10px; float: left; overflow: hidden; width: 100%; } .delayform .delayform-input-outer { float: left; width: 250px; } .delayform .delayform-input-outer .second-d-du { clear: both; margin-top: 10px; } .n-durationbtn { float: left; margin-top: 7px; width: 100%; } .duration-cols .sd-title { font-family: 'bariol-bold'; font-weight: normal; } /* css start for new automation tab*/ .new-automation .w300 { width: 300px; } .automation-type .label-txt { width: 190px; } .at-addbtn-row, .at-des-row { margin-top: 20px !important; } .at-addbtn-row .col-sm-12.relative { position: relative; } .at-conf-link { position: absolute; margin-left: 4px; cursor: default; min-width: 700px; } .at-conf-link:hover { text-decoration: none; color: #454f57; } .at-conf-link .spn { text-decoration: none; cursor: pointer; } .at-conf-link .spn:hover { text-decoration: underline; color: #0e76bc; } .at-conf-link:focus { text-decoration: none; color: #454f57; } .at-conf-link-http { display: inline-block; } .at-conf-link-http:hover { text-decoration: none; } /*------//-----start-add-new-automation-css------//-----*/ .sforce-heading.px-l-15 { padding-left: 15px; } .add_automation_seq { border-bottom: 1px solid rgba(164, 171, 174, 0.5); padding-bottom: 10px; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .add_automation_seq .col-sm-12 { padding-left: 0; padding-right: 0; } .add_automation_seq .control-label { margin-bottom: 4px; } .add_automation_seq .col-sm-6 { padding-left: 0; } .help-icon-with-l-text { margin-left: 4px; font-size: 1.125em; } .help-icon-with-l-text--for-ff { margin-left: -7px; margin-right: 20px; position: relative; top: 3px; } /*.add_trigger_tooltip_wrap*/ .trigger_wrap { border-bottom: 1px solid rgba(164, 171, 174, 0.5); padding-left: 0; padding-right: 0; padding-bottom: 15px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; } .resulting_action_wrap { margin-right: 15px; margin-left: 15px; margin-bottom: 0; } .trigger_title, .raction_title { margin-bottom: 10px; } .trigger_wrap label.and, .resulting_action_wrap label.and { margin-bottom: 5px; margin-top: 10px; } a.trig_raction_sub { color: #454f57; border: 0; text-decoration: underline; } a.trig_raction_sub:hover { border: 0; color: #454f57; text-decoration: underline; } a.trig_raction_sub:focus { outline: 0; box-shadow: none; text-decoration: underline; } a.trig_raction_sub:active { box-shadow: none; } a.trig_raction_sub:active:focus { outline: 0; } a.trig_raction_sub > .fa-bolt { color: #454f57; } a.trig_raction_sub.btn-default > .fa-bolt { float: left; color: #fff !important; } a.btn > .fa-bolt { margin-left: -3px; margin-right: 4px; line-height: 24px; } /*button-css*/ .add_trigger_btn_wrap, .add_rs_btn_wrap { margin-top: 5px; } .add_trigger_btn_wrap .btn, .add_rs_btn_wrap .btn { margin-left: -18px; margin-top: 0; line-height: 24px; } a.at_add_another { color: #454f57; text-decoration: underline; border: 0; } a.at_add_another:hover { border: 0; color: #454f57; text-decoration: underline; } a.at_add_another:focus { outline: 0; box-shadow: none; text-decoration: underline; } a.at_add_another:active:focus { outline: 0; } a.at_add_another > .fa-bolt { color: #454f57 !important; display: none; } a.at_add_another.btn-default > .fa-bolt { float: left; color: #fff !important; display: block; } /*button-css*/ .trig_redio_fix { margin-bottom: 5px !important; } .trig_redio_fix .date-radio-box { width: 100%; } .trig_redio { margin-top: 0; margin-bottom: 0; } .trig_redio label { font-family: Bariol-regular !important; } .radio.trig_redio input[type="radio"]:not(:checked) + label::before, .radio.trig_redio input[type="radio"]:checked + label::before { top: 4px; } .radio.trig_redio input[type="radio"]:not(:checked) + label::after, .radio.trig_redio input[type="radio"]:checked + label::after { top: 7px; } .radio.trig_redio input[type="radio"]:checked + label::before, .radio.trig_redio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); /*transition: all .2s;*/ transition: none; } .trig_seq_wrap .sequencedate-box { width: 100% !important; } .trig_seq_wrap .sequencedate-box + input { padding-left: 5px !important; } .trig_seq_wrap .date-radio-box [type="checkbox"]:not(:checked) + label, .trig_seq_wrap .date-radio-box [type="checkbox"]:checked + label { margin-top: -3px; } .tra_ttip_wrap { position: relative; margin-bottom: 0; margin-top: 5px; } .tra_ttip_wrap .btn { margin-left: -18px; margin-top: 0; line-height: 24px; } .tra_ttip_wrap .sq_txt.sq_truncate { text-overflow: ellipsis; max-width: 465px; overflow: hidden; white-space: nowrap; } .tra_ttip_wrap .sq_txt { float: left; text-decoration: underline; text-align: left; } .tra_ttip_wrap a.sq_delete_icon { position: absolute; top: 8px; right: 22px; } .tra_ttip_wrap i.tt-help-icon { position: absolute; top: 10px; right: 0; } /* //sprint 79 end start here */ /*new q2e admin dashboard css start*/ .manage-customer .tab-wrap1 { margin-left: 15px; margin-right: 15px; margin-top: 15px } .persona-filter { float: right; } .persona-filter .control-label { font-weight: normal; font-family: bariol-bold; margin-right: 6px; } .persona-filter .form-wrap .form-group { margin-bottom: 0; } .persona-filter .ps-to { margin-left: 10px; font-weight: normal; font-family: bariol-bold; } .persona-filter .ext-data-search .fa-search { margin-right: 10px; } .persona-filter .ddlPersonaType { width: 160px; } .persona-filter .daterange-box input { width: 111px !important; } /*new q2e admin dashboard css end*/ /*PREVIEW AUTOMATION FORM css start here*/ /*.mg-l-15 { margin-left:15px } .mg-l-20 { margin-left:20px } .sr-mar-btm-20 { margin-bottom:20px } .sr-mar-btm-15 { margin-bottom:15px }*/ .preview-m-content { } /*.preview-modal .form-group { margin-bottom:20px !important; }*/ .pv-external-form-dd-outer { /*margin-left:15px; */ width: calc(100% - 250px); float: left !important; } .formleyout-outer.pull-left.wauto { width: 240px !important; } .pv-external-form-dd-outer .external-form-dd { margin-top: -8px; } .preview-des-spc { float: left; margin-top: 5px; } .preview-des-spc > .form-control { float: left; margin-right: 15px; } .preview-des-spc > .exf-title { overflow: hidden; line-height: 15px; margin-bottom: 5px; } .form-dragbox.prev-automation-form { } .preview-m-content .form-group.preview-half { width: 48%; float: left; } .preview-m-content .form-group.preview-half:nth-child(2n+1) { clear: both; margin-right: 2%; } /*is heirarchical external form */ .preview-m-content .form-group.preview-half.isheirarchical { width: 100%; } .preview-m-content .form-img-center img { left: 0; } .cf-in-two-col-box .preview-m-content .form-group.preview-half.isheirarchical + .preview-half { clear: both; } .single-one.col-sm-6 { width: 100%; } /*.isnot-hierarchical .col-sm-12:nth-child(2n+1) {clear: both; border:1px solid red;}*/ .external-form-wrap .col-sm-12.external-hr, .isnot-hierarchical .col-sm-12 { padding: 0 15px; } .isHeirarchical-6outer { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; } .isHeirarchical-12outer { width: 100%; } .isHeirarchical-6outer .fieldbox-flex { -webkit-flex: 0 0 50%; flex: 0 0 50%; min-width: 1%; } .isHeirarchical-6outer .single-one.col-sm-6 { width: 100%; padding-right: 52%; } /*.isHeirarchical-6outer .pro-cf-single-one.col-sm-6{width:100%;}*/ /*.isHeirarchical-6outer .col-sm-6 {width: 50%;}*/ /*PREVIEW AUTOMATION FORM css end here*/ .radio.radio-sep { margin: 0; } .radio.radio-sep label { margin-right: 0; } .radio.radio-sep input[type="radio"] { margin-top: 0; } .radio.radio-sep.pr input[type="radio"] { margin-top: 5px; } .radio.pr label { min-height: 14px; min-width: 14px; } .radio.radio-sep.pr { margin-left: 8px; } /*.dashboard-head-fix { position: relative; overflow: hidden; height: 100%; }*/ /*changes-css-persona*/ .dashboard-head-fix { position: relative; /*top: 68px;*/ width: 100%; right: 0; padding-right: 15px; padding-left: 15px; } /*changes-css-persona*/ /*.dashboard-head-fix span { margin-top: 0; margin-bottom: 0; background: #ffffff; z-index: 1; min-width: 1%; padding: 6px; }*/ .dashboard-head-fix span { margin-top: 0; margin-bottom: 0; background: #fff; z-index: 1; min-width: 1%; padding: 6px; } /*q2e and sfdc filed maping css*/ .sdfc-qdd-row .bootstrap-select.btn-group { width: 220px !important; } .sdfc-qdd-row label.block { display: block; font-weight: normal; } .sdfc-qdd-row .form-group, .sdfc-qdd-row .form-group.chk-row span:first-child { margin-right: 10px; } .sdfc-qdd-row .form-group.chk-row { margin-bottom: 0; } .sdfc-qdd-row.newadmin, .newadmin-box { position: relative; } .sdfc-token-tooltip + .tooltip .tooltip-inner { max-width: 250px; } .newadmin-box .newadmin-box-close { position: absolute; top: 5px; right: 5px; margin-left: 4px; } .sfdc-fieldmap-warning-icon { width: 18px; text-align: right; } .newadmin-box .fade { transition: none; } .sdfc-qdd-row.newadmin .newadmin-box { float: left; width: 100%; border: 1.5px solid rgba(164, 171, 174, 0.5); padding: 10px; margin-bottom: 15px; } .sdfc-qdd-row.newadmin .bootstrap-select.btn-group { width: 100% !important; } /*/q2e and sfdc filed maping css*/ .unpublish-link { float: right; padding-right: 38px; } /* sprint 81 css start here*/ /*pop program copy start*/ .program-popup { box-shadow: 0 5px 15px #8c9497; height: 302px; background: #fff; width: 290px; float: left; } .pg-table { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .pg-row-header { -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0 auto; padding: 10px; } .pg-row-body { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; padding: 0 10px 10px 10px; margin-bottom: 5px; } .addnew-people.nd-add-new-program { text-align: left; } .addnew-people .btn-default { margin-left: 0; } .program-copy-btn { margin: 10px 0 10px 0; } /*.program-popup .pg-list{height: 100%;overflow-y: auto; position:absolute}*/ .program-popup .pg-list ul { margin: 0; padding: 0; } .tbl-popup-btn { background: #2aace3; color: #fff; padding: 2px 6px; border-radius: 19px; width: auto; float: left; margin-left: -6px; } .tbl-popup-btn i { margin-top: -3px !important; color: #fff; } .program-popup .pg-list ul li { margin-bottom: 6px; } /*pop program copy end*/ /*customer logo css start*/ .navbar-inverse .navbar-right .searchbox { border-left: 0 !important; } .customer-logo-box { display: block; height: 35px; } .customer-logo-box img { height: 100%; } .navbar-inverse .navbar-right > li.customerlogo-navbar { border-left: 0; } .customerlogo-navbar .navbar-header { position: absolute; right: -100%; z-index: -1; } .step3-btn-box.ac-lock-msg { margin-bottom: 27px !important; } .ac-lock-msg .error-msg { line-height: 15px; } .c-logo-title { float: left; max-width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 10px; padding-top: 5px; } .c-logo-title + .fa { vertical-align: middle; color: #8c9497; cursor: pointer; } /*customer logo css end*/ .people-assign-btn .wt-btn-outer { padding-right: 15px; padding-left: 15px; height: auto; } .people-assign-btn .wt-btn-outer a[href=""] { text-decoration: underline; } .add-error.error { border: none !important; border-radius: 0 !important; } .add-error.error .select2-container, .bootstrap-select.btn-group.add-error.error .btn, .red-border { border: 1.5px solid #b74750 !important; } .item-profile-image-tbl { float: left; width: 20px; height: 20px; border-radius: 3px; margin-right: 10px; text-align: center; line-height: 20px; } .br-color-text { display: block; overflow: hidden; } .remove-company-dd .list-item-fname { padding-left: 0; } /* sprint 81 css end here*/ /*manage people table new*/ .sdfc-tooltip { position: static; position: initial; height: 35px; display: inline-block; vertical-align: middle; padding: 0; padding-top: 7px; } /* import data tool css start here*/ .import-data .tabs-divide { margin-bottom: 10px; } .browse-tab-body .upload-btn { margin-top: 10px; } .browse-tab-body .upload-btn .upload-btn-text { display: inline-block; vertical-align: middle; padding-left: 6px; } .browse-tab-body .upload-btn .fa-search { margin-left: -3px; margin-right: 4px; } .mng-import-text-center { position: relative; padding-top: 80px; float: left; font-family: bariol-italic; } .new-check-box { margin-left: 15px; } .new-check-box .radio, .new-check-box .radio + .radio { margin-top: 0; } .text-normal .btn { text-transform: none !important; text-transform: initial !important; } .bariol-italic { font-family: 'bariol-italic'; } /* import data tool css end here*/ .title-box .avatar-bg .markcompletedisabled, .btnMarkcompletedisablede, .dumydisable { opacity: 0.5; } .dumydisable.btn-default:focus, .dumydisable.btn-default:hover { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; } .cursor-defautlink { cursor: default !important; text-decoration: none !important; color: #454f57 !important; } .cursor-defautlink1 { cursor: default !important; color: #9aa6ad !important; } .title-box .avatar-bg /*end font scaling according screen media queries*/ .mng-sales-force, .connectivity-page-wrap { padding: 0 32px; height: 100%; } /*NEW WORK*/ .custom-dialog .custom-header .tab-wrap .nav-tabs { margin: 0 !important; } h4.n-wf-heading { font-size: 1.125em; font-family: 'bariol-bold'; margin-bottom: 5px; height: 28px; } h4.n-wf-heading .nc-lock, .nc-lock { color: #f7903d; cursor: pointer; margin-left: 6px; vertical-align: middle; } h4.n-wf-heading .nc-lock:hover, .nc-lock:hover { color: rgba(247, 144, 61, 0.5); } h4.n-wf-heading span.btn-linkblue { cursor: pointer; color: #2aace3; font-weight: normal; text-decoration: underline; background: transparent; margin-right: 5px; } h4.n-wf-heading span.btn-linkblue:hover { color: #0e76bc; } .att-head { display: none; } h4.n-wf-heading span.btn-linkblue.collapsed[aria-expanded="false"] { display: block; } h4.n-wf-heading span.btn-linkblue[aria-expanded="true"] { display: none; } h4.n-wf-heading span.btn-linkblue + span { display: none; } h4.n-wf-heading span.btn-linkblue[aria-expanded="true"] + span { display: block; } .n-wf-comment { position: relative; } .n-wf-comment .post-ticket { position: absolute; right: 0; top: -31px; } .n-wf-comment, .n-wf-comments-list, .n-wf-comments-tablelist, .nwf-task-attachment { margin-bottom: 20px; } .new-wf-fieldbox .col-sm-9 { width: 72%; } .new-wf-fieldbox .col-sm-3 { width: 28%; } .new-wf-fieldbox.row { margin-bottom: 8px; } .new-wf-fieldbox label.control-label { margin-bottom: 5px; display: block; } .new-wf-fieldbox label.control-label span { font-family: 'bariol-regular'; font-weight: normal; } /*.n-wf-comment-box{ border: 1.5px solid rgba(164, 171, 174, 0.5);border-radius: 2px;box-shadow: none;padding: 9px 11px 9px 14px;color: #454f57; height: auto; text-align: left;}*/ .n-wf-comment-box textarea.form-control, .n-wf-comment-box textarea.form-control:focus { border: none; box-shadow: none; padding: 0; } .n-wf-att-list-outer { padding: 0; margin: 0; margin-bottom: 7px; margin-top: -4px; } .n-wf-att-list { font-size: .875em; line-height: normal; line-height: initial; max-width: calc(100% - 30px); } .n-wf-filename { display: table-cell; vertical-align: top; padding-top: 3px; font-style: italic; } .n-wf-fileclose { position: relative; display: table-cell; text-align: center; vertical-align: top; font-size: 1.125em; color: #f7903d; } .n-wf-fileclose:before { content: "\f057"; font-family: FontAwesome; padding: 5px 0px 0 6px; position: absolute; cursor: pointer; } .n-wf-fileclose:hover { color: rgba(247, 144, 61, 0.5); } .not-commentshow.ng-hide + .n-wf-comment-userinfo { margin-left: 12px; } .commeentbadge .badge, .counter-badge { background: #f7903d; margin-left: 5px; letter-spacing: .8px; } .footer .counter-badge { margin-top: -4px; } .z-indexonform.tooltip.fade.in { z-index: 1000001; } .footer .fa-warning { font-size: 1.0625em; } .n-wf-comments-tablelist .datecol { display: inline-block; margin-top: 15px; } .n-wf-trigger-icon { float: left; width: 14px; margin-top: 2px; } .n-wf-trigger-icon .fa-caret-right, .n-wf-trigger-icon .fa-caret-down { width: 12px; font-size: 1.125em; } .n-wf-trigger-icon[aria-expanded="false"] .fa-caret-right:before { content: "\f0da"; } .n-wf-trigger-icon[aria-expanded="true"] .fa-caret-right:before { content: "\f0d7"; margin-left: -2px; } .n-wf-comment-userinfo { overflow: hidden; } .n-wf-comment-userinfo .title-box { font-family: 'bariol-bold'; } .n-wf-comment-text { margin-top: 5px; } .n-wf-comment-text .atment-list ul { margin-bottom: 0; padding: 0; padding-left: 10px; } .n-wf-comment-text .atment-list ul li { float: left; margin-right: 10px; } .n-wf-comment-text .atment-list ul li .fa { vertical-align: middle; } .emailfield-outer { display: table; } .emailfield-left, .emailfield-right { display: table-cell; } .emailfield-right { padding: 0; width: 1px; padding-left: 15px !important; vertical-align: top; padding-top: 2px !important; } .emailfield-right .fa-paperclip { display: inline; } .nwf-attch-box-outer { text-align: center; } .nwffile-box { display: block; } .nwffile-box .cc-badge-outer { position: relative; } .nwffile-box .fa-times-circle { display: none; font-size: 1em; line-height: normal; line-height: initial; position: absolute; top: -5px; right: -5px; color: #f7903d; cursor: pointer; } .nwffile-box .fa-times-circle:hover { color: rgba(247, 144, 61, 0.5); } /*.n-wf-comments-tablelist .nwffile-icon { display: inline-block; width: 35px; height: 40px; border-radius: 4px; }*/ .n-wf-comments-tablelist .nwffile-icon { display: inline-block; width: 35px; height: 20px; border-radius: 4px; } .nwffile-icon .badge-outer { position: absolute; left: 78%; } .nwffile-icon .badge { position: absolute; left: 78%; background: #f7903d; font-size: .750em; min-width: 20px; } .nwffile-icon { display: inline-block; cursor: pointer; width: 45px; height: 50px; border-radius: 4px; } .nwffile-icon:hover { background: #e8edef; } .nwffile-icon:hover .fa-times-circle { display: block; } .nwffile-icon i { font-size: 30px; line-height: 50px; } /*.n-wf-comments-tablelist .nwffile-icon i { font-size: 20px; line-height:40px }*/ .n-wf-comments-tablelist .nwffile-icon i { font-size: 20px; line-height: 20px; } .nwf-filenane { line-height: normal; line-height: initial; text-decoration: underline; } .attach-count-tooltip-outer-new { bottom: auto; right: auto; bottom: initial; right: initial; font-size: .875em; } .attach-count-tooltip-outer-new .attach-count-tooltip-inner a.showTextPointer, .attach-count-tooltip-outer-new .attach-count-tooltip-inner a.showTextPointer:hover { color: #fff; text-decoration: none; cursor: pointer !important; } .attach-count-tooltip-outer-new .attach-count-tooltip-inner { max-height: 150px; overflow-x: hidden; overflow-y: auto; } .attach-count-tooltip-outer-new .attach-count-tooltip-inner a.showTextPointer:hover { text-decoration: underline; } .attach-count-tooltip-inner .tt_title.pd-b-4 { padding-bottom: 4px; } .attach-count-tooltip-inner td.att-list-col { padding-bottom: 5px; text-align: left; width: 177px; } .attach-count-tooltip-inner td.att-list-col a { width: 177px; } .new-wf-fieldbox .select2-drop { top: 100%; } .att-file-row .nwf-attch-box-outer { display: inline-block; width: 130px; vertical-align: top; word-wrap: break-word; margin-bottom: 10px; padding: 0 5px; } .new-tooltipbottom .attach-count-tooltip-arrow { border-width: 5px 5px; border-color: transparent transparent #454F56; top: -10px; } /*[id^="spnAttachmentCountToolTip"].attach-count-tooltip-outer{position:fixed !important;}*/ /*issue with underneath task */ .underneath-issue { position: relative; } .underneath-issue a.link-white, .link-white { color: #fff; text-decoration: underline; } .list-underneath-task { padding: 0; padding: 0 15px; margin-top: 8px; max-height: 160px; overflow-y: auto; margin-bottom: 5px; } .list-underneath-task li { text-align: left; margin-bottom: 5px; } .list-underneath-task li a { text-decoration: underline; } .underneath-issue .small-popup.rissue.right { top: 100%; } /*import file dropdown css start */ .search-dd-ui .btn { margin-left: 0; } .search-dd-ui .btn-default { background-color: #fff; } .search-dd-ui .btn-default, .search-dd-ui .btn-default:focus, .search-dd-ui .btn-default:active, .search-dd-ui .btn-default:active:hover, .search-dd-ui .btn-default:active:focus { border-radius: 2px; box-shadow: none; border: 1.5px solid rgba(164, 171, 174, 0.5); padding-left: 15px; background-color: transparent; color: #454f57; height: 35px; } .search-dd-ui .caret { border: none !important; background: url("/Assets/images/drop-arrow.png") no-repeat; width: 7px; height: 14px !important; position: relative !important; right: 0px !important; top: 4px !important; } .search-dd-ui .btn-default-focus { color: #454f57; background-color: #fff; border-color: none; text-decoration: none; outline: 0 auto; outline-offset: 0; box-shadow: none; } .search-dd-ui.ui-select-bootstrap .dropdown-menu { font-size: .875em; } .search-dd-ui .dropdown-menu { background-color: #f1f0f0; border-radius: 0; box-shadow: none; border: none; width: 100%; } .search-dd-ui .dropdown-menu > li > a { width: 100%; padding: 7.5px 15px; white-space: inherit; overflow: hidden; text-overflow: ellipsis; border-right: 0; } .search-dd-ui .dropdown-menu > li > a:hover, .search-dd-ui .dropdown-menu > li > a:focus { background-color: #9aa6ad; color: #f6f9fc; cursor: pointer; } .search-dd-ui.ui-select-bootstrap .ui-select-choices-row.active > a { background-color: #9aa6ad; color: #f6f9fc; cursor: pointer; } .search-dd-ui.ui-select-bootstrap .ui-select-choices-row > a { color: #454f57; width: 100%; padding: 7.5px 15px; white-space: inherit; overflow: hidden; text-overflow: ellipsis; border-right: 0; } .search-dd-ui.ui-select-bootstrap .ui-select-choices-row > a:hover, .search-dd-ui.ui-select-bootstrap .ui-select-choices-row > a:focus { background-color: #9aa6ad; color: #f6f9fc; cursor: pointer; } .search-dd-ui.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown { box-shadow: none; } .search-dd-ui.ui-select-bootstrap .ui-select-toggle { text-transform: none; text-transform: initial; } .search-dd-ui .btn-default[disabled]:hover, .search-dd-ui .btn-default[disabled]:focus { border: 1.5px solid rgba(164, 171, 174, 0.5); padding-left: 15px; background-color: #f1f0f0 !important; color: #454f57; cursor: pointer; } .filled { color: #454f57; } .search-dd-ui.ui-select-bootstrap > .ui-select-choices { max-height: 150px; } .mngImport-topdd-row { width: 330px; } .browse-errormsg-import { margin-top: 6px; color: #b74750; padding-left: 0; } .importtab-tbl .import-tbl-heading { color: #b74750; height: 35px; padding-top: 7px; } .importtab-tbl-top-heading { margin-top: 8px; color: #9aa6ad; } .pr-text-link { text-decoration: underline; color: #454f57; cursor: pointer; } .pr-text-link:hover { color: #0e76bc; } .import-actionicon-outer { list-style: none; margin: 0; padding: 0; } .import-actionicon-outer .importaction-icon { width: 27px; float: left; height: 20px; } .import-err { font-size: 1em !important; color: #b74750 !important; } /*partname dropdown in table*/ .pn-dropdown-outer { position: relative; } .pn-dropdown { position: absolute; top: 100%; left: 0; right: 0; width: 100%; max-height: 175px; overflow-y: auto; z-index: 999; background: #f1f0f0; font-size: .875em; } .pn-dropdown.pnup-direction { bottom: 100%; top: auto; top: initial; } .pn-dropdown > ul { padding: 0; margin: 0; } .pn-dropdown-outer .form-control { padding: 6px 24px 6px 14px; /*position: relative;z-index: 1;background: transparent;*/ } .pn-dropdown > ul li { height: 35px; background: #f1f0f0; word-break: break-word; word-wrap: break-word; } .pn-dropdown > ul li > a { color: #454f57 !important; float: left; width: 100%; padding: 7.5px 15px; white-space: inherit; border-right: 0; text-decoration: none !important; } .pn-dropdown > ul li > a:hover, .pn-dropdown > ul li > a.selected-pnlist { background-color: #9aa6ad; color: #f6f9fc !important; cursor: pointer; } .pn-dropdown-outer .caret { border: none !important; background: url(/Assets/images/drop-arrow.png) no-repeat; width: 7px; height: 14px; position: absolute; right: 11px; top: 10px !important; } /*.pn-dropdown-outer:after{content:''; border: none !important; background: url(/Assets/images/drop-arrow.png) no-repeat; width: 7px; height: 14px; position: absolute; right: 11px; top: 10px !important; }*/ .sr-hidebtn { opacity: 0.01; height: 0px; width: 0px; } /*style remove*/ .sr-pos-static { position: static !important; } .sr-pos-relaive { position: relative !important; } .sr-pos-absolute { position: absolute !important; } .sr-zindex-backdrop { z-index: 99990 !important; } .sr-zindex-modal { z-index: 99999 !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .zindex-backdrop { z-index: 99990 !important; } .zindex-modal { z-index: 99999 !important; } /*.sr-pd-b-5 {padding-bottom:5px !important;} .sr-pd-t-10 {padding-top:10px !important; } .sr-pd-t-15 {padding-top:15px !important; }*/ .sr-text-dec-underline { text-decoration: underline; } .sr-display { display: block; } .sr-hide { display: none; } .broadcast-multiselect .am-container .sol-input-container { right: 0; } .white-bg.cr-dropup.broadcast-multiselect .am-container .sol-input-container { right: 25px; } .broadcast-multiselect .am-container .dropdown-menu { min-width: 100%; } .preview-value-error { color: rgb(154, 166, 173); border: 1.5px solid rgb(183, 71, 80); overflow: hidden; padding-right: 0; clear: both; } .preview-value { /*color: rgb(154, 166, 173);*/ color: #9aa6ad; overflow: hidden; padding-right: 0; clear: both; } .preview-value .pr-text-link { white-space: nowrap; } .connectivity-row { margin-top: 20px; } .connectivity-cols { cursor: pointer; vertical-align: middle; border-radius: 4px; text-align: center; border: 1.5px solid rgba(164, 171, 174, 0.5); height: 63px; margin-bottom: 20px; position: relative; } .connectivity-cols .ndash-btn-div { position: absolute; display: table; width: 100%; height: 100%; } .connectivity-cols .ndash-btn-div a { color: #454f57; text-decoration: none; font-size: 1.2em; display: table-cell; vertical-align: middle; text-align: center; } .connectivity-cols .ndash-btn-div a i { margin-right: 6px; font-size: .875em; } /*admin-URL FOR PARTNER INFO CENTER*/ .partner-info-modal.msg-modal .modal-header { margin: 0; border-bottom: 1px solid rgba(164, 171, 174, 0.5); } .partner-info-modal.msg-modal .admin-page-title { margin: 0; } .partner-info-modal.msg-modal .modal-body { padding: 15px 30px; overflow: hidden; } .partner-info-modal.msg-modal .links-box .radio { display: block; width: 100%; } .partner-info-modal.msg-modal .links-box .radio input[type="radio"]:checked + label::before, .partner-info-modal.msg-modal .links-box .radio input[type="radio"]:checked + label::after { transition: none !important; transition: initial !important; } .partner-info-modal.msg-modal .links-box .urledit { border: 1.5px solid rgba(164, 171, 174, 0.5); height: 26px; vertical-align: bottom; float: left; } .partner-info-modal.msg-modal .links-box .url-suffix { vertical-align: middle; margin-left: 5px; height: 26px; float: left; } .partner-info-modal.msg-modal .radio input[type="radio"]:not(:checked) + label::before, .partner-info-modal.msg-modal .radio input[type="radio"]:checked + label::before { top: 6px; } .partner-info-modal.msg-modal .radio input[type="radio"]:not(:checked) + label::after, .partner-info-modal.msg-modal .radio input[type="radio"]:checked + label::after { top: 9px; } .clearall { clear: both; } .bread-wrap .breadcrumb > li.rightbc { float: right; padding-right: 15px; } .bread-wrap .breadcrumb > li.rightbc:after { content: ''; } /*custom new table list css design Manage data field*/ .md-field-filter-right { text-align: right; } .md-field-filter-right .md-dropdown .form-control { width: 300px; } .md-field-filter-right .md-dropdown .md-refresh { width: auto; } .modal-v-center .new-vc-modal-heading.modal-header { border-bottom: 1px solid rgba(164, 171, 174, 0.5) !important; margin-bottom: 10px; } .new-vc-modal-heading .modal-title { font-family: 'bariol-bold'; font-size: 1em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.3px; padding-left: 15px; } /* new report section css start here*/ /*.newrt-tool-box { width: 100%; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 3px; height: 100%; position: relative; float: left; background-color: white;height:600px; }*/ .newrt-tool-box { padding: 30px 32px 0 32px; float: left; width: 100%; } .newrt-tool-box .fullscreen { z-index: 1038; width: 100%; height: 100%; top: 0 !important; left: 0; bottom: 0; margin: 0; position: fixed; padding: 30px; background: rgba(0, 0, 0, 0.5); } .newrt-tool-box .persona-filter .ext-data-search .fa-search { margin-left: 10px; } .new-report-tablecontainer, .efficiency-wrap { width: 100%; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 3px; height: 100%; /*overflow: hidden;*/ position: relative; float: left; background-color: white; height: 600px; margin-bottom: 30px; } .newrt-tool-box .fullscreen .new-report-tablecontainer, .newrt-tool-box .fullscreen .efficiency-wrap { height: 100%; } .newrt-tool-box .fullscreen .efficiency-wrap { height: 100%; margin-bottom: 0; } .newrt-tool-box .fullscreen .efficiency-wrap .user-analytics-filter { width: 60%; float: right; margin-bottom: 12px; } .newrt-tool-box .fullscreen .rt-Efficiency-Metrics .panel-body .row.text-cols h2 { font-size: 90px; } .newrt-tool-box .fullscreen .rt-Efficiency-Metrics .panel-body .row.text-cols p { font-size: 1.4em; } .new-report-tablecontainer:hover, .efficiency-wrap:hover { box-shadow: 0 0 10px #9aa6ad; } .newrt-tool-box .fullscreen .rt-Efficiency-Metrics .panel-heading { margin-bottom: 20px; font-size: 1.4em; font-weight: normal; } .efficiency-wrap { width: 50%; height: auto; } .efficiency-wrap .new-report-body-row.report-widget-body .new-rp-container .new-rp-container-inner { position: relative; max-height: 79vh; overflow: auto; } .rt-Efficiency-Metrics { border: none; box-shadow: none; } .rt-Efficiency-Metrics .panel-heading { background: transparent; border: none; text-align: center; padding: 0; font-family: bariol-bold; } .rt-Efficiency-Metrics .panel-heading h5 { height: auto !important; margin-top: 8px; } .rt-Efficiency-Metrics .panel-tittle { } .rt-Efficiency-Metrics .panel-body .row.text-cols h2 { font-family: 'bariol-light'; color: #454f57; font-size: 60px; margin: 0; } .rt-Efficiency-Metrics .panel-body .row.text-cols p { height: 45px !important; margin-bottom: 15px; } .new-report-outer { height: 100%; } .new-report-title { height: 42px; width: 100%; float: left; } .new-report-body { height: calc(100% - 42px); width: 100%; float: left; padding: 0 15px; padding-right: 0; } .new-report-body-outer { display: table; position: relative; width: 100%; float: left; height: 100%; } .new-report-body-row { display: table-row; vertical-align: top; height: 1px; } .new-report-body-row.report-widget-body { height: 100%; } .new-report-body-row.report-widget-body .new-rp-container { position: relative; height: 100%; } .new-report-body-row.report-widget-body .new-rp-container .new-rp-container-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 15px; overflow-x: hidden; overflow: auto; } .new-report-footer .wedget-title { margin: 5px; } .newrt-tool-box .clickable-icon { color: #f7903d; } .newrt-tool-box .clickable-icon.fa-repeat { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .newrt-tool-box .clickable-icon:hover { color: rgba(247, 144, 61, 0.5); } .newrt-header-box { display: block; width: 100%; float: left; border-bottom: 1.5px solid rgba(164, 171, 174, 0.5); padding: 8px 15px; } .newrt-header-box .newrt-heading { float: left; width: 75%; box-sizing: border-box; } .newrt-header-box .newrt-control-box { float: left; width: 25%; box-sizing: border-box; text-align: right; } .newrt-header-box .newrt-heading h2 { font-family: 'bariol-bold'; text-align: left; text-transform: uppercase; letter-spacing: 0.3px; color: #454f57; margin: 4px 0; font-size: 1em !important; } .newrt-header-box a { padding: 0 0 0 8px; display: inline-block; vertical-align: top; } .newrt-header-box a .fa-caret-left { font-size: 24px; margin-top: -2px; } .new-report-filter-dd-row { display: block; width: 100%; float: left; position: relative; padding: 10px 0 10px 10px; } /*table new report*/ .newrt-table-table { display: table; position: relative; height: 100%; width: 100%; } .newrt-table-row { display: table-row; vertical-align: top; } .newrt-table-header { height: 1px; position: relative; background: #e8edef; } .newrt-table-headernext { height: 1px; position: relative; background: #f1f0f0; } .newrt-table-body { height: 100%; position: relative; } .newrt-table-footer { height: 1px; position: relative; } .newrt-table-container-outer { position: relative; height: 100%; } .newrt-table-container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow-x: hidden; overflow-y: auto; margin-bottom: 15px; } .newrt-tbl-heading { display: inline-block; position: relative; cursor: pointer; } .newrt-tbl-heading-text { cursor: pointer; } .newrt-tbl-shot-icon { position: absolute; top: 0; right: -12px; } .user-analytics-filter { text-align: right; padding-right: 15px; } .user-analytics-filter.full-width-popup { width: 60%; float: right; margin-bottom: 12px; } .user-analytics-filter .form-group.date-range, .user-analytics-filter .form-group { width: 31%; position: relative; } .form-group.facetedU-list .sol-container.sol-active .sol-inner-container, .form-group.facetedU-list .sol-inner-container { border: 1.5px solid rgba(164, 171, 174, 0.5); background: #fff; } .form-group.facetedU-list img.dropdown-user-img + .sol-label-text { text-align: left; } .form-group.facetedU-list .sol-caret-container .sol-caret:before { color: #454f57; } .user-analytics-filter .form-group.date-range .date-range-popup { right: 0; } .user-analytics-filter .form-group .form-control { width: 100%; } .user-analytics-filter .form-wrap .form-group { margin-bottom: 0; } /*.ps_row.mar-t-5{margin-top:6px;}*/ .field-max300 { max-width: 300px; } .add-editable-text.contenteditable-text-outer.dash:after { content: ''; } .add-editable-text.contenteditable-text-outer, .add-editable-text.contenteditable-text-outer .task_name .form-control, .hd_nps_row .add-editable-text.contenteditable-text-outer .task_name { width: 100%; } /*task editable edit*/ .add-editable-text.contenteditable-text-outer .task_name .form-control { letter-spacing: normal; letter-spacing: initial; } /*task editable edit*/ /*.point-text.mar-top-6 { margin-top:6px; }*/ /*css for content editable sprint87*/ .contenteditable-text-outer { position: relative; float: left; } .contenteditable-text { border: 1.5px solid transparent; float: left; padding: 6px 5px 4px 5px; position: relative; overflow: hidden; min-height: 35px; } .contenteditable-text-outer.dash:after { content: '-'; position: absolute; left: 100%; margin-left: -13px; top: 50%; height: 0; line-height: 0; font-size: 1.25em; font-family: bariol-bold; } .contenteditable-text.task_name { margin-right: 13px; min-height: 35px; } .contenteditable-text-outer .task_name .form-control, .contenteditable-text-outer .task_points .form-control { font-size: 100%; /*padding: 4px 10px 4px 10px;*/ padding: 4px 5px 4px 5px; } .contenteditable-text-outer .task_name .form-control.error-border { border: 1.5px solid #b74750 !important; } .contenteditable-text.task_points + .contenteditable-text-control { right: auto; right: initial; left: 0; } .contenteditable-text.task_name + .contenteditable-text-control { right: 13px; } .contenteditable-text.min-wauto { min-width: auto; min-width: initial; margin-left: 0; } .contenteditable-text-control { position: absolute; border: 1.5px solid rgba(164, 171, 174, 0.5); right: 5px; top: 100%; background: #f1f0f0; padding: 4px 8px 4px 8px; z-index: 9; width: auto; } .contenteditable-text-control button { background: none; padding: 0; margin: 0; outline: 0; border: none; margin-right: 2px; margin-left: 2px; } .contenteditable-text-control button i.fa { color: #2aace3; font-size: 1.125em; } .contenteditable-text-control button:hover i.fa { color: #0e76bc; } .task-Prerequisite-box, .task-half-box { padding-left: 0; } .task-Prerequisite-box h4 { float: left; width: 100%; text-align: left; font-size: 1.125em; font-family: 'bariol-bold'; margin-bottom: 6px; } .task-Prerequisite-box .row-iconinput { float: left; padding-left: 20px; padding-right: 20%; margin-top: 6px; margin-bottom: 5px; width: 100%; text-align: left; } .contenteditable-text.task_name { margin-left: -5px; } .hd_nps_row .add-editable-text.contenteditable-text-outer .task_name { margin-left: -5px; } .hd_nps_row .add-editable-text.contenteditable-text-outer .task_name + .contenteditable-text-control { right: 10px; } .hover-none.contenteditable-text { padding-left: 0; padding-right: 0; } .hover-none.contenteditable-text:hover { border: 1.5px solid transparent; } .task_points.contenteditable-text.hover-none { cursor: default; } /*task editable edit*/ /*.contenteditable-text.task_name{ padding:6px 5px;margin-left:-5px;} .hd_nps_row .add-editable-text.contenteditable-text-outer .task_name{margin-left:-5px} .hd_nps_row .add-editable-text.contenteditable-text-outer .task_name + .contenteditable-text-control{right:10px} .hd_nps_row .ps_row .task_points, .sf_darkgray{line-height:36px} .ntm_section_left .hd_nps_row .point-text, .ntm_section_left .hd_nps_row .task_points.not-editable {padding-top:0} .contenteditable-text.task_points{line-height:initial}*/ /*task editable edit*/ .pading0 .hd_pn_row .prt_name, .pading0 .hd_nps_row .task_name, .pading0 .hd_nps_row .ps_row .task_points { padding: 0; } .pading0 .sf_green, .pading0 .sf_darkgray, .pading0 .hd_pn_row .prg_name, .pading0 .point-text { padding: 0; } /*.pading0 .hd_pn_row .prg_name, .pading0 .hd_nps_row .ps_row .task_points{padding-left:5px}*/ .pading0 .hd_pn_row .prt_name, .pading0 .hd_nps_row .task_name, .pading0 .hd_nps_row .ps_row .task_points { float: left; padding-right: 5px; font-size: 1.25em; } .hide-dash .contenteditable-text-outer.dash:after { content: ''; } .task_points.not-editable, .task_name.not-editable, .point-text.not-editable { padding-top: 6px; } .ngm-input .gm-label.not-editable { line-height: 35px; } /*.hd_pn_row .prt_name, .hd_nps_row .task_name, .hd_nps_row .ps_row .task_points{ padding:4px 10px 4px 10px;}*/ /*.sf_green, .sf_darkgray, .hd_pn_row .prg_name{padding:4px 0px 4px 0px;}*/ .p_whitespace.contenteditable-text::first-line { white-space: normal; white-space: initial; } .contenteditable-textarea-box textarea { font-size: 1em !important; padding: 6px 5px 4px 5px !important; } .contenteditable-textarea-box + .contenteditable-text-control { right: 0; } /*.contenteditable-text:after{content:'-'; position: absolute;left: 100%; margin-left:3px;bottom:7px}*/ /*.contenteditable-text-outer{content:'-'}*/ .contenteditable-text:hover { cursor: pointer; border: 1.5px solid rgba(164, 171, 174, 0.5); } .point-text { float: left; padding: 6px 0 0px 0; } /*.contenteditable-text:focus{ cursor:text;border: 1.5px solid rgba(164, 171, 174, 0.5)}*/ .contenteditable-text.border { cursor: text; border: 1.5px solid rgba(164, 171, 174, 0.5); } .contenteditable-text.borderred { cursor: text; border: 1.5px solid #b74750; } .textcolorred i.fa, .textcolorred a, .textcolorred, .textcolorred .form-control { color: #b74750; } .admin-page-title.title-userlicense-modal { margin: 0 0 10px 0; } .admin-page-title.title-userlicense-modal-fc { margin: 20px 0 10px 0; } .userlicense-link .btn-link { margin-right: 0; } .userlicense-link .fa-warning { position: relative; top: 4px; margin-left: 4px; } .w-errorright-warning .fa-warning { margin-left: 4px; } /*task-custom-field-modal in program editable section*/ .task-custom-field-modal .cf-send-box-outer, .padding-lr-15 { padding-left: 15px; padding-right: 15px; } .margin-lr-15 { margin-left: 15px; margin-right: 15px; } /*.margin-lr-10 { margin-left:10px; margin-right:10px }*/ .margin-lr-5 { margin-left: 5px; margin-right: 5px; } /* deadline popup rededign*/ #divtemplateDeadlinePopup .delayform .control-label { padding-left: 15px; } .deadline-box .control-label { width: auto; padding-right: 0; } .deadline-box .fa-quesc-wrap { position: static; padding-left: 0; } /* license manage \people warning icon tooltop*/ .w-errorright-warning i.fa-warning + .tooltip .tooltip-inner { text-align: left; max-width: 250px; } .lic-tooltip-outer { margin-bottom: 4px; } .lic-tooltip-outer + .lic-tooltip-outer { margin-top: 10px; } .lic-tooltip { font-size: 1.2em; text-align: left; white-space: nowrap; } .lic-tooltip.mar-t-6 { margin-top: 6px; text-align: left; } .lic-innner { text-align: left; } /*.userlicense-link .fa-warning:last-child {margin-left: 4px;}*/ .user-license-wrap { padding: 15px; } .user-license-box-left { width: 49%; margin-right: 1%; } .user-license-box-right { width: 49%; margin-left: 1%; } .personas-add { padding-left: 15px; padding-right: 15px; } /*warning-icon-center-text*/ .warning-icon-center-text { display: inline-block; position: relative; } .warning-icon-center-text a { cursor: default !important; text-decoration: none !important; } .warning-icon-center-text a + a { display: inline-block; vertical-align: middle; margin-left: 5px; text-decoration: none !important; position: absolute; left: 100%; top: 4px; } .date-picker-Deadline.deadline .date-picker .date-display { width: 80%; } .date-picker-Deadline.deadline .date-picker .time-display { width: 20%; } .date-picker-Deadline.deadline .date-picker .date-display .form-control { text-align: left; } .deadline .date-picker .date-display .form-control, .deadline .date-picker .time-display .form-control { color: transparent; text-shadow: 0 0 0 #454f57; } /*sprint 88 css start here*/ /*-----[Notification-Section]-----*/ .bodyStyle .innerBody#divDashboardPage .tab-content { } #DivBroadcastTab { height: 100%; overflow: auto; padding: 0 15px; } .notification-box .accordion-s .panel { box-shadow: none; } .notification-box .form-wrap .form-group { margin-bottom: 20px; } .notification-box .form-wrap .form-group.indent-field { padding-left: 40px; margin-bottom: 12px; } .notification-box .form-wrap:first-child .form-group.indent-field { margin-top: 12px; } .broadcast-create-link { color: #454f57; } .broadcast-create-link:hover, .broadcast-create-link:focus { color: #0e76bc; text-decoration: none; } .broadcast-create-link .fa-chevron-down, .broadcast-create-link .fa-chevron-up { margin-left: 8px; } .broadcast-archive { margin-bottom: 30px; } .broadcast-heading, .modal-head { font-family: bariol-bold; text-transform: uppercase; text-decoration: none; font-size: 1em; padding: 0 15px; } #brdcast-archive .broadcast-heading { padding-left: 0; } .notification-box .accordion-s .panel-default { border: none; } .notification-box .accordion-s .panel-default > .panel-heading { background: transparent; border: 0; } .notification-box .accordion-s .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: none; margin: 0 3%; padding: 25px 6px 9px; } .notification-box .accordion-s .panelbody-wrap { width: 100%; } .notification-box .panelbody-wrap-title { background: #f1f0f0; padding: 15px 15px; margin-bottom: 20px; border-radius: 4px; } .notification-box .panelbody-wrap-content { width: 80%; padding: 0 15px; } .panelbody-wrap-content .form-wrap .list-chk-box span { margin-right: 15px; } .notification-box .accordion-s .panel-heading { padding: 10px 0; } .notification-box .accordion-s .panel-title { font-size: 1em; } /*.notification-box .accordion-s .panel-title > a{margin-left:8px}*/ /*manage-broadcast-modal*/ .mbrcast-modal-cbody { width: 100% !important; } .block-with-text { display: block; display: -webkit-box; /*height: 1.4em;*/ width: 100%; /*margin: 0 0 15px 0;*/ line-height: 1.4em; max-height: 3.4em; /* max: 4 lines */ } .block-with-textY { display: block; display: -webkit-box; /*height: 1.4em;*/ width: 100%; /*margin: 0 0 15px 0;*/ line-height: 1.4em; max-height: 3em; /* max: 4 lines */ } #divStripBroadcast b { font-weight: normal; } #divStripBroadcast a { text-decoration: underline; } .notification-text.twolinetruncate { white-space: normal; white-space: initial; position: relative; line-height: 1.2em; overflow: auto; overflow: initial; } /*.notification-text.twolinetruncate #divStripBroadcast, .twoline-trucate{ overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em; text-align: justify; margin-right: -1em; padding-right: 1em;}*/ /*.notification-text.twolinetruncate #divStripBroadcast b{margin-right:7.5em}*/ /*.notification-text.twolinetruncate #divStripBroadcast:before, .twoline-trucate:before{ content: '...'; content: '...'; position: absolute; right: 0em; bottom: 0; background: #f8903e; width: 1.5em; }*/ /*.alert-warning-stripe.removecur-pointer{cursor:text;}*/ /*.notification-text.twolinetruncate #divStripBroadcast:after, .twoline-trucate:after{content: ''; position: absolute; right: 0em; height: 1em; margin-top: 0.2em; background: #f7903d; width: 1.5em;}*/ /*.notification-text.twolinetruncate #divStripBroadcast a:hover{text-decoration:underline}*/ /*sprint 88 css end here*/ .twoline-trucate:after { content: ''; position: absolute; right: 0em; height: 1em; margin-top: 0.2em; background: #fff; /*padding-right: .5em;*/ width: 1.5em; } /*braodcast filters css start here */ .braodcast-filter-wrap { display: table; margin-left: 0; width: 100%; margin-top: 10px; table-layout: fixed; border-collapse: collapse; } .braodcast-filter-wrap .bc-filter-col { display: table-cell; padding: 0 5px; vertical-align: top; position: relative; } .braodcast-filter-wrap .bc-filter-col.radio { margin-top: 7px; margin-bottom: 0; } .braodcast-filter-wrap .form-control[readonly] { background-color: #fff; padding: 4px; text-align: center; } .braodcast-filter-wrap .bc-filter-col:last-child { padding-right: 0; padding-left: 0; } .braodcast-filter-wrap .bc-filter-col .lblDateRange-col2 { top: 35px; } .braodcast-filter-wrap .bc-filter-col .user-sugg-tag-box .select2-container-multi .select2-choices { max-height: 70px !important; height: auto !important; overflow: auto; overflow-x: hidden; } .bc-filter-col.b-date-picker .date-range-popup { top: 35px; left: 5px; right: 5px; } .modal-content .fade { transition: none; transition: initial; } /*.bc-filter-col.bc-single-select .user-sugg-tag-box .select2-container .select2-choice .select2-arrow{display:none} .bc-filter-col.bc-single-select .select2-dropdown-open .select2-choice{border:none; background:none} .bc-filter-col.bc-single-select .select2-search{ position: absolute;top: -33px;background: transparent;} .bc-filter-col.bc-single-select .select2-search input{background: transparent;border: none;}*/ .bc-filter-col.bc-single-select .ui-select-bootstrap > .ui-select-match > .btn { background: none; color: #454f57 !important; text-transform: none; text-transform: initial; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 2px; margin: 0; font-size: .875em; padding: 6px 12px; height: 35px; } .bc-filter-col.bc-single-select .form-control { border-radius: 2px; height: 35px; } .bc-filter-col.bc-single-select .form-control:focus { border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: none; } .bc-filter-col.bc-single-select .btn-default-focus { background: none; border: 0; box-shadow: none; outline: 0; outline-offset: 0; } .bc-filter-col.bc-single-select { } .bc-filter-col.bc-single-select .text-muted { color: #9aa6ad; line-height: 20px; } .bc-filter-col.bc-single-select .ui-select-bootstrap .ui-select-choices-row.active > a, .bc-filter-col.bc-single-select .ui-select-bootstrap .ui-select-choices-row.active > a:hover { background: #2aace3; color: #fff; } .bc-filter-col.bc-single-select .ui-select-bootstrap > .ui-select-match > .btn .ui-select-match-text { width: 96%; text-overflow: ellipsis; overflow: hidden; } .bc-filter-col.bc-single-select .ui-select-bootstrap .ui-select-toggle > .caret { border: none !important; background: url('/Assets/images/drop-arrow.png') no-repeat; width: 7px; height: 14px; right: 9px !important; top: 10px !important; margin-top: 0; } .bc-filter-col.bc-single-select .list-item-fname { line-height: inherit; font-size: .875em; -webkit-box-flex: 1; flex: 1 1; } .bc-filter-col.bc-single-select .list-item-fname .list-item-fname { font-size: 1em; } .bc-filter-col.bc-single-select .ui-select-bootstrap .ui-select-choices-row > a { padding: 6px 7px 6px 14px; display: -webkit-box; display: flex; } .bc-filter-col.bc-single-select .dropdown-menu, .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown { border: 0; box-shadow: none; } .bc-filter-col.bc-single-select .ui-select-bootstrap > .ui-select-choices { background: #f1f0f0; } .bc-filter-col.bc-single-select .ui-select-bootstrap .ui-select-choices-row > a:hover, .bc-filter-col.bc-single-select .ui-select-bootstrap .ui-select-choices-row > a:focus { background: #9aa6ad; color: #fff; } .blue-text-link { color: #2aace3; text-decoration: underline; } .blue-text-link:hover, .blue-text-link:focus { color: #0e76bc; } /*braodcast filters css start here */ /*schedulecast pop css*/ .schedule-modal { width: 600px; } .schedule-modal .modal-body { height: 250px; } .schedule-modal .checkbox-wrap .form-group { margin-right: 8px; } .schedule-modal .form-wrap select.form-control { color: #454f57; } .tab-wrap .nav-stacked-defult .nav-tabs { border-bottom: 0; } .tab-wrap .nav-stacked-defult .nav > li > a, .tab-wrap .nav-stacked-defult .nav > li > a:focus { margin-right: 0; } .nav-stacked-defult .nav > li > a { border-bottom: 4px solid transparent; } .bstab-default.tab-content { overflow: visible !important; min-height: 0; } .bstab-default.tab-content, .bstab-default.tab-content .tab-pane { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; top: initial !important; left: initial !important; right: initial !important; bottom: initial !important; } .bstab-default.tab-content > .tab-pane { display: none !important; } .bstab-default.tab-content > .tab-pane.active { display: block !important; } ul.actionbtn-wrap { list-style: none; margin: 0; padding: 0; } ul.actionbtn-wrap li { width: 24px; float: left; height: 21px; } .recur-type { width: 58px; float: left; } .tooltip-white + .tooltip, .tooltip.tooltip-white { opacity: 1; } .tooltip-white + .tooltip .tooltip-inner, .tooltip.tooltip-white .tooltip-inner { background: #fff; color: #454f57; max-width: 300px; border: 1px solid #ccc; box-shadow: 0 5px 15px rgba(0, 0, 0, .5); padding: 10px; } .tooltip-white + .tooltip.top .tooltip-arrow, .tooltip.tooltip-white.top .tooltip-arrow { border-top-color: #fff; border-width: 6px 5px 0; } .tooltip-white + .tooltip.bottom .tooltip-arrow, .tooltip.tooltip-white.bottom .tooltip-arrow { border-bottom-color: #fff; border-width: 0 5px 5px; } .tooltip-white + .tooltip.left .tooltip-arrow, .tooltip.tooltip-white.left .tooltip-arrow { border-left-color: #fff; border-width: 6px 5px 0; } .tooltip-white + .tooltip.right .tooltip-arrow, .tooltip.tooltip-white.right .tooltip-arrow { border-right-color: #fff; border-width: 6px 5px 0; } .tasktitledisable:hover, tasktitledisable:focus { color: #454f57; } .celender-dd-outer { position: relative; float: left; min-height: 74px; } .form-group.uib-time > .form-control { padding: 0 6px 0 6px; height: 25px; width: 38px !important; text-align: center; } .uib-time.am-pm > .btn-group.bootstrap-select { margin-left: 3px; z-index: inherit; height: 25px; width: 55px; vertical-align: top; } .uib-time.am-pm > .btn-group.bootstrap-select > .btn { height: 25px; padding-left: 10px; padding-right: 20px; } .uib-time.am-pm > .btn-group.bootstrap-select .dropdown-menu > li > a { padding: 3px 12px; } .uib-time.am-pm > .bootstrap-select.btn-group .dropdown-toggle .caret { right: -3px !important; } .uib-time.am-pm > .bootstrap-select.btn-group > .btn:focus .filter-option { background-color: #338fff; color: #fff; } /*.uib-time.am-pm>.bootstrap-select.btn-group>.btn:focus +.open.dropdown-menu{display:block} .uib-time.am-pm>.bootstrap-select.btn-group>.btn:focus +.open.dropdown-menu li.selected>a{background-color:#9aa6ad;color:#f6f9fc}*/ .uib-time.am-pm > .bootstrap-select.btn-group > .btn:active .filter-option { background-color: #fff; color: #454f57; } .q2e-celender .form-control { padding: 0 6px 0 6px; text-align: center; } .q2e-celender .uib-timepicker .has-error .form-control, .q2e-celender .uib-timepicker .has-error .form-control:focus { box-shadow: none !important; border: 1.5px solid #843534; font-family: bariol-regular !important; } .q2e-celender .btn-default { padding: 1px 0; margin-left: 2px; width: 50px; } .q2e-celender select.form-control { width: 0 !important; border: 0 !important; } .uib-decrement .glyphicon, .uib-increment .glyphicon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uib-increment .glyphicon-chevron-up:before { content: "\f106"; } .uib-decrement .glyphicon-chevron-down:before { content: "\f107"; } .uib-increment .btn-link, .uib-decrement .btn-link { margin: 0; line-height: normal; line-height: initial; } #divDecisionalColumnPopup .uib-increment .btn-link, #divDecisionalColumnPopup .uib-decrement .btn-link, #divDecisionalColumnPopup .uib-increment .btn-link:hover, #divDecisionalColumnPopup .uib-decrement .btn-link:hover, #divDecisionalColumnPopup .uib-increment .btn-link:focus, #divDecisionalColumnPopup .uib-decrement .btn-link:focus { background-color: transparent; } .q2e-celender .form-control::-webkit-input-placeholder { text-align: center; } .q2e-celender .form-control:-moz-placeholder { /* Firefox 18- */ text-align: center; } .q2e-celender .form-control::-moz-placeholder { /* Firefox 19+ */ text-align: center; } .q2e-celender .form-control:-ms-input-placeholder { text-align: center; } .celender-dd { width: 45px !important; position: absolute; left: 100%; margin-left: 5px; top: 50%; height: 100%; margin-top: -13px; } table-wrap .celender-dd .bootstrap-select.btn-group .btn { padding: 0 8px 0px 8px; height: 25px; } .celender-dd .bootstrap-select.btn-group .dropdown-toggle .caret { right: 6px !important; } .celender-dd .bootstrap-select.form-control { height: auto; } /*.q2e-celender table tbody tr td.am-pm button { display:none;}*/ .li-disabled-btn, .li-disabled { pointer-events: none; cursor: default; opacity: 0.6; } .disabled_withToolTip { cursor: default; opacity: 0.6; } .disable-bootstrap-select .bootstrap-select.btn-group .btn, .disable-bootstrap-select .bootstrap-select.btn-group .btn-default:hover, .disable-bootstrap-select .bootstrap-select.btn-group .btn-default:focus:hover { background-color: #f1f0f0 !important; opacity: 0.65; cursor: default; } /*holiday celender*/ .holiday-celender-outer { max-width: 902px; margin: 0 auto; margin-top: 15px; } #apndCalender { text-align: center; } .hc-chooseyear { width: calc(100% - 10px); margin: 0 auto; text-align: center; /* background: #f1f0f0; */ margin-bottom: 10px; background: #2aace3; border-top: 0; border-bottom: 0; float: left; } .hc-chooseyear .prev, .hc-chooseyear .next, .hc-chooseyear .current, .hc-chooseyear .date-prev { background: #2aace3; color: #fff !important; height: 37px; margin: 0; border-radius: 0; line-height: 33px; width: 27px; font-size: 20px; } .hc-chooseyear .prev { float: left; border-right: 1px solid rgba(14, 118, 188, 0.5); width: 50px; } .hc-chooseyear .next { float: right; border-left: 1px solid rgba(14, 118, 188, 0.5); width: 50px; } .hc-chooseyear .prev:hover, .hc-chooseyear .prev:active, .hc-chooseyear .next:hover, .hc-chooseyear .next:active { background-color: #0e76bc; color: #fff; } .hc-chooseyear .current, .hc-chooseyear .date-prev { padding: 0; margin: 0; text-decoration: none; position: relative; width: 100px; } .hc-chooseyear .current:after { content: ''; position: absolute; width: 0; height: 0; border: 8px solid #2aace3; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; top: 100%; left: 50%; margin-left: -8px; } .holiday-box .recurring-left { min-height: 0; border-right: 0; } .holiday-box .recurring-left .form-group { margin-bottom: 10px; } .holiday-box .hc-montly { padding: 0 30px 0 10px; } .holiday-box .hc-montly [class*="col"] { padding-right: 0; padding-left: 10px; } .holiday-list-box { margin-bottom: 30px; } .holiday-list-box-title { margin-bottom: 5px; } .holiday-list-box ul { margin: 0px; padding: 0; border: 1px solid #9aa6ad; padding: 5px 0; width: calc(100% - 10px); } .holiday-list-box ul li { width: 50%; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: top; margin-bottom: 5px; } .holiday-list-box ul li:nth-child(4n+4) { margin-right: 0px; } .holiday-list-box ul li:nth-child(2n) { padding-left: 0; } .holiday-list-box ul li > span { display: block; overflow: hidden; } .holiday-list-box ul li > span:first-child { font-family: bariol-bold; float: left; padding-right: 5px; min-width: 80px; } .holiday-list-box ul li .tbl-clickicon { margin-left: 2px; } /*quest template custom feild*/ .qtc-feild-required [type="checkbox"]:not(:checked) + label, .qtc-feild-required [type="checkbox"]:checked + label { vertical-align: top; top: 3px; position: relative; } .qtc-feild-required-text { overflow: hidden; } .qtc-feild-required-text .fa-close { cursor: pointer; z-index: 7; position: relative; } .progress-bar-box { margin-bottom: 15px; position: relative; width: 50%; } .progress-bar-box .per-text { margin-bottom: 5px; position: absolute; top: -5px; left: 100%; white-space: nowrap; margin-left: 10px; } .progress-bar-box .per-bar-gray { margin-bottom: 0px; width: 100%; background-color: #f1f0f0; border-radius: 4px; overflow: hidden; } .progress-bar-box .per-bar-filled { height: 12px; background-color: #95c53d; border-radius: 4px 0 0 4px; } .singlequotes:before { content: "'"; } .doublequotes:before { content: '"'; } /*dvHolidayContainer*/ /*.modal-scrollbody.modal-body.min-height393 { overflow:visible }*/ /*=============================== sprint 92 holiday-celender-outer-wrappe css start overwrite ===============================*/ .holiday-celender-outer-wrapper .holiday-celender-outer { max-width: 902px; margin: initial; margin-top: 15px; float: left; } .holiday-celender-outer-wrapper .holiday-list-box { width: calc(100% - 902px); float: right; } .holiday-celender-outer-wrapper .holiday-list-box ul { width: auto; padding-left: 0; padding-right: 10px; vertical-align: top; margin-bottom: 10px; border: 1px solid #9aa6ad; padding: 5px; } .holiday-celender-outer-wrapper .holiday-list-box ul li { width: auto; padding-left: 0; padding-left: 0; border: 1px solid #f1f0f0; margin-right: 5px; padding: 2px 5px; } .holiday-celender-outer-wrapper .holiday-list-box ul li > span:first-child { min-width: auto; min-width: initial; } .holiday-celender-outer-wrapper .holiday-list-box-title { margin-bottom: 10px; background: #2aace3; color: #fff; margin: 15px 0; font-size: 20px; font-family: bariol-regular; height: 37px; line-height: 35px; } /*=============================== sprint 92 holiday-celender-outer-wrappe css end ===============================*/ /*=============================== sprint 92 import user css start ===============================*/ .set-mbody-height.import-user > .modal-dialog { width: 80%; position: relative; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .set-mbody-height.remove-transform-none.import-user > .modal-dialog { width: 80%; position: relative; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .set-mbody-height.w600.import-user > .modal-dialog { width: 600px; } .sidebar-import-user { height: 100%; width: 230px; background: #454f57; position: relative; overflow: auto; } .filter-btn-wrap.import-user-btn-search { width: 205px; padding: 10px 10px 10px 20px; margin-top: 0; } .set-mbody-height.import-user .content-wrap { width: calc(100% - 230px); float: left; left: 0; padding: 0 30px; } /*.set-mbody-height.import-user*/ .impnested .modal-body { padding: 0; } .import-user .impnested .modal-header { padding: 10px 30px; } .msg-modal.uib-modal-inner .modal-body { overflow: auto !important; overflow: initial !important; } .filter-btn-wrap.import-user-btn-search { bottom: 59px; left: auto; left: initial; margin-left: -15px; } .imp-modal-footer { height: 59px; } .set-mbody-height.import-user .nav-side-menu { padding-left: 0; padding-right: 0; } .set-mbody-height .modal-title { font-family: 'bariol-bold'; text-transform: uppercase; font-size: 1em; } .set-mbody-height.import-user .nav-side-menu .form-control:focus { border: none; } .am-container .dropdown-menu { border-radius: 0; } .content-edit-row .contenteditable-text-outer { width: 100%; margin-left: -6px; } .content-edit-row .contenteditable-text { word-break: break-all; margin-left: -6px; } .content-edit-row .m-r-5 { margin-right: 5px; margin-top: 2px; } .content-edit-row .m-top8 { margin-top: 8px; } .content-edit-row .with-checkbox.contenteditable-text-outer { width: calc(100% - 27px); } .content-edit-row .contenteditable-text-control { right: 0; } .content-edit-row .gray-text { color: #9aa6ad; font-family: bariol-italic; } /*.content-edit-row .contenteditable-text-outer .form-control{font-size:.875em}*/ .content-edit-row .contenteditable-text-outer .form-control::-webkit-input-placeholder { font-size: .875em; } .content-edit-row .contenteditable-text-outer .form-control:-moz-placeholder { /* Firefox 18- */ font-size: .875em; } .content-edit-row .contenteditable-text-outer .form-control::-moz-placeholder { /* Firefox 19+ */ font-size: .875em; } .content-edit-row .contenteditable-text-outer .form-control:-ms-input-placeholder { font-size: .875em; } .import-people-body { padding: 0 30px; height: 100%; width: 100%; } .import-people-body p { margin-bottom: 0; padding: 0; } .overflow-h { overflow: hidden; } .checkbox-inline-table { float: left; margin: 2px 8px 0 14px; padding-left: 0; } .imp-manager-id img { width: 30px; border-radius: 3px; margin-right: 10px; } .import-people-body p.imp-email { padding-top: 0; font-size: .875em; color: #9aa6ad; margin-top: -2px; /*line-height: 1;*/ } .pd-r-17 { padding-right: 17px; } .broadcast-us-ddown .impdd-companytag.select2-container-multi .select2-choices { max-height: 70px !important; height: auto !important; overflow: auto; overflow-x: hidden; } .import-table-wrap.content-wrap { height: 100%; } .rt-tbl-heading.cursor-default { cursor: default; } /*-----report-builder-tool-css------*/ /*-----report-builder-tool-css-----*/ /*.associate-people-table.table-has-scrollbody .tbl-scroll-body tbody tr td{vertical-align:middle} .associate-people-table.table-has-scrollbody.v-top .tbl-scroll-body tbody tr td{vertical-align:top}*/ /*.filter-btn-wrap { position: fixed; z-index: 11; bottom: 43px; background: #454f57; left: 0; padding-bottom: 11px; padding-top: 15px; width: 18.4%; margin-right: 17px; padding: 10px 30px 10px 40px; } .filter-btn-wrap { text-align: left; margin-top: 20px; } .filter-btn-wrap .btn { font-size:1em; margin:0 } .filter-btn-wrap .btn-link, .filter-btn-wrap .btn-link[disabled]:hover { background-color: transparent; color: #fff; } .filter-btn-wrap .btn-link:hover { color:#0e76bc } .filter-btn-wrap .btn-default { background-color:transparent; float:right; width: 111px; } .filter-btn-wrap .btn-default:hover { background-color:#0e76bc; box-shadow:none; } .filter-btn-wrap .btn-default:focus { background-color:#2aace3; box-shadow:none; } .filter-btn-wrap .btn-default[disabled]:hover { border: 1px solid #2aace3; background-color: transparent; }*/ .tbl-table.table-wrap { height: 100%; } .tbl-table { display: table; position: relative; height: 100%; width: 100%; } .tbl-table-row { display: table-row; vertical-align: top; } .tbl-table-header { height: 1px; position: relative; background: #e8edef; } .tbl-table-white { height: 1px; position: relative; } .tbl-table-body { height: 100%; position: relative; } .tbl-table-footer { height: 1px; position: relative; } .tbl-table-container-outer { position: relative; height: 100%; } .tbl-table-container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow-x: hidden; overflow-y: auto; } /*===================== Start of sprint 93 ======================*/ .q2e-trash:before { content: "\f014"; } .fa-times-circle-o:before, .wt-subtask-iconbox .fa-remove:before, .n-wf-fileclose:before, .dragdropBox .fa-close:before { content: "\f014"; } .js-sidebar-close { display: none; position: fixed; top: 58px; right: 13%; } .add-worlflow-link { display: inline-block; position: absolute; right: 0; bottom: -33px; z-index: 1; } .res-tab-accordian-heading { display: none; } /*===================== end of sprint 93 ======================*/ /*===================== start task responsive of sprint 93 ======================*/ /*.rs-task-workflow{display:none} .tab-accordian-inner.open{display:block}*/ /*===================== end task responsive of sprint 93 ======================*/ /*===================== start task responsive of sprint 95 ======================*/ /*poc*/ .poc-modal-body .pocscroll-body { height: 100%; overflow: auto; padding: 15px; } .poc-modal-body .col-sm-8.pocscroll-body { padding-left: 30px; } .poc-modal-body .col-sm-4.pocscroll-body { padding-right: 30px; } .formula-drop { height: 100%; } .formula-drop-items { height: calc(100% - 45px); overflow: auto; } .poc-modal-body .pocscroll-body.col-sm-4 { position: static; } .poc-modal-body .formula-custom { background: #f1f0f0; color: #454f57; padding: 0 10px; height: 35px; line-height: 35px; margin-left: 5px !important; margin-right: 5px !important; } .poc-modal-body .formula-drop-items .formula-custom { margin-left: 0 !important; margin-right: 0px !important; } .pocscroll-body-right .formula-custom { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .poc-modal-body .formula-custom[type="text"] { background: #fff; height: 35px; margin-bottom: 10px; margin-right: 0 !important; margin-left: 0 !important; } .poc-modal-body .formula-wrapper .formula-container { padding: 15px; text-align: left; border: 1.5px solid rgba(164, 171, 174, 0.5); min-height: 85px; border: none !important; } .poc-modal-body .formula-item { display: inline-block; box-shadow: none; background: #f1f0f0; color: #454f57; height: 35px; line-height: 35px; vertical-align: middle; margin: 0; border-radius: 0; } .poc-modal-body .formula-operator { color: #b74750; background: none; width: 15px; } .poc-modal-body .formula-bracket { color: #0e76bc; background: none; width: 15px; } .poc-modal-body .formula-unit { background: none; } .poc-modal-body .formula-unit .formula-prefix, .poc-modal-body .formula-unit .formula-surfix { color: #454f57; } .poc-modal-body .formula-text { color: #454f57; text-align: left; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 2px; box-shadow: none; padding: 6px 11px 6px 14px; } .errorValidate { border: 1px solid #b74750 !important; } .text-border-red { border: 1.5px solid #b74750 !important; } .poc-modal-body .ui-draggable-dragging { width: auto !important; max-width: 350px; overflow: hidden; text-overflow: ellipsis; } .poc-modal-body .formula-custom.ui-draggable-handle { margin-bottom: 10px; /*text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/ } .poc-modal-body .formula-custom.ui-draggable-handle:hover, .poc-modal-body .formula-custom.ui-draggable-handle:focus { text-decoration: none; color: #fff !important; background: #2aace3 !important; cursor: move; } .poc-modal-body .formula-container .formula-item.ui-draggable-handle { margin-bottom: 0; margin-right: 5px; /*max-width:300px*/ } .poc-modal-body .errorValidate { border: 1.5px solid rgba(164, 171, 174, 0.5) !important; } .poc-modal-body .formula-alert { background-color: #b74750; width: 80%; top: 11px; height: auto; color: #fff; right: 10%; z-index: 10; left: 10%; border-top: none; border-radius: 999px; padding: 7.5px; line-height: 14px; } .input-reset-btn-search { position: relative; } .input-reset-btn-search .overflow-h { padding-left: 0; padding-right: 6px; } .poc-modal-body .pocscroll-body > .formula-wrapper { border: 1.5px solid rgba(164, 171, 174, 0.5); } .poc-modal-body .formula-wrapper .formula-alert { position: relative; } /*/////////////start sprint 117 css height auto for feild box//////////////*/ .poc-modal-body .col-sm-8.pocscroll-body .formula-custom { height: auto; min-height: 35px; line-height: 1.42857143; display: -ms-inline-flexbox; display: inline-flex; justify-content: center; align-items: center; padding: 5px 10px; } /*/////////////end sprint 117 css height auto for feild box//////////////*/ /*.poc-modal-body .formula-wrapper .formula-alert[style*="display: block"] + .formula-container, .poc-modal-body .formula-wrapper .formula-alert[style*="display: block"] + formula-wrapper .formula-container{padding-top:45px;}*/ /*custom program */ .program-cf-modal .modal-dialog { width: 80%; } .remove-box-shadow.program-cf-modal .modal-content { box-shadow: none; } .m-body-program-cf { padding: 15px 30px 0; } .m-body-program-divouter { margin: 0; position: relative; height: 100%; } .m-body-program-divouter .wt-dash-outer { width: 100%; } .program-cf-modal .row.ad-task-content { margin-bottom: 0; } .program-cf-modal .search-input-group > .col-equal { width: 41%; } .program-cf-modal .fi-tblbody-div { right: 0; width: 100%; } .program-cf-modal .fi-tblbody-div-inner { overflow-x: hidden; } /*flat-file-import*/ .flat-file-import.program-cf-modal .modal-body { padding: 0 30px; } .flat-file-import .new-fc-wrap { margin-top: 5px; } .flat-file-import .modal-dialog { width: 600px; } .flat-file-import [type="checkbox"] + label { margin-top: -14px; } .flat-file-import .wauto { width: auto; } .flat-file-import #tbl-row-remove-mobile .col-sm-10 { overflow: hidden; width: auto; width: initial; float: none; padding-bottom: 5px; } .flat-file-import .col-sm-10.flat-file-filter { padding-left: 0; } .flat-file-filter { margin-top: 7px; } .flat-file-filter .nd-add-new-program { margin-top: 8px; } .compare-filed-value .modal-dialog { width: 400px; } .compare-filed-value .row-wrap-padding { padding-left: 30px; padding-right: 30px; } .compare-filed-value .modal-content { min-height: 305px; } .hide-item-dd .filter-label { white-space: nowrap; width: 1px; padding-right: 15px; } .hide-item-dd .fc-role { width: 100% !important; } .hide-item-dd .pp-filter-reset { width: 1px; } /**/ /*===================== end task responsive of sprint 95 ======================*/ /*===================== start task responsive of sprint 96*/ .game-eg-search .gme-search-filter { width: 240px; } /*===================== end task responsive of sprint 96*/ /*===================== start sprint 97 ======================*/ /*.gm-panel-dd-icon[data-toggle="collapse"].collapsed.fa-caret-down:before {content: "\f0da";}*/ .gm-panel-dd-icon { min-height: 40px; line-height: 40px; width: 12px; cursor: pointer; color: #454f57; } .inline-block { display: inline-block; } .gm-e-accordian { } .gm-body-drop-down-outer { padding-left: 15px; } .gm-action-icon ul.actionbtn-wrap li { margin-right: 4px; } .gm-action-icon { padding-right: 20px; padding: 10px 20px 0 0; height: 40px; } .gm-action-icon .actionbtn-wrap a { text-decoration: none !important; margin-right: 4px; color: #f7903d; min-height: 40px; font-size: 1.125em; } .gm-action-icon .actionbtn-wrap a .fa-warning { font-size: .950em; } .sq-icon-box > .fa.fa-warning { font-size: 1.05em; } .gm-action-icon .actionbtn-wrap a:hover { color: rgba(247, 144, 61, 0.5); border-bottom: none; } .gm-e-accordian.panel-group .panel { border-radius: 0; border: none; box-shadow: none; } .gm-e-accordian .panel-default > .panel-heading { background: none; border: none; } .gm-e-accordian.panel-group .panel-default { background: #e8edef; } .gm-e-accordian.panel-group .panel-default > .panel-heading { border-bottom: 1px solid #fff; padding-right: 0; } .gm-e-accordian.panel-group .panel-default:nth-of-type(even) > .panel-heading { border-bottom: 1px solid #e8edef; } .gm-e-accordian.panel-group .panel-default:nth-of-type(even) { background: #fff; } .gm-e-accordian.panel-group .panel-heading .event-title { min-height: 40px; line-height: 40px; height: 40px; } .gm-e-accordian.panel-group .panel-heading .event-title .overflow-h { margin-bottom: 1px; } /*replace next*/ .gm-e-accordian.panel-group .panel-heading .event-title .overflow-h .has-error-msg { width: auto; float: right; margin-top: 0; } /*replace next*/ .gm-e-accordian.panel-group .panel-heading .event-title .of-hidden { margin-bottom: 1px; } .gm-e-accordian.panel-group .panel-heading .event-title .of-hidden .has-error-msg { width: auto; float: right; margin-top: 0; } .customtab-builder-preview .gm-e-accordian.panel-group .panel-default .panel-heading { border-bottom: 1px solid #fff; } /*new-add-css-sprint127*/ .game-events--accordion .panel-heading .title-bold { font-family: 'bariol-bold'; font-size: 1em; } .game-events--accordion ul.atm-tree-list > li.event-trigger-label .col-sm-2 { padding-left: 0; padding-right: 0; min-width: inherit; } .game-events--trigger .gm-body-drop-down-cloumn .col-sm-2 { padding-right: 0; width: auto; min-width: 90px; margin-bottom: 10px; max-width: 100%; padding-right: 0; width: auto; min-width: 80px; margin-bottom: 10px; max-width: 100%; margin-right: 35px; } .game-events--trigger .gm-body-drop-down-cloumn .col-sm-2.gm-num-fldbox { width: auto; min-width: inherit; } .game-events--trigger .gm-body-drop-down-cloumn .col-sm-2.gm-num-fldbox.gm-num-percent { width: auto; min-width: inherit; line-height: inherit; } .game-events--trigger .gm-body-drop-down-cloumn .col-sm-2.gm-num-fldbox.gm-num-percent .percentage-symbol { position: static; background: transparent; } .game-events--trigger .gm-body-drop-down-cloumn .col-sm-2 .percentage-symbol { position: static; padding-left: 0; background: transparent; } .game-events--trigger .gm-body-drop-down-cloumn .text-to { line-height: inherit; margin-right: 35px; } .game-events--accordian.panel-group .game-level-accordian.panel-default:nth-of-type(even), .lvl-based-round--accordian.panel-group .lvl-based-round.panel-default:nth-of-type(even) { border: 1px solid #e8edef; border-top: none; /*border-left: 1px solid #e8edef; border-right: 1px solid #e8edef*/ } .game-events--accordian.panel-group .game-level-accordian > .panel.panel-default:nth-of-type(even) + .panel.panel-default > .panel-heading, .lvl-based-round--accordian.panel-group .lvl-based-round.panel-default:nth-of-type(even) { border-bottom: 0; } .game-events--accordian.panel-group .game-level-accordian.panel-default:nth-of-type(even) > .panel-default:nth-of-type(even) > .panel-heading { border-bottom: 0; } .game-events--accordian.panel-group .game-level-accordian.panel-default:nth-of-type(even) > .panel-heading > .gm-action-icon.pr-i3 { padding-right: 2px !important; } /*.game-events--accordion .event-title.event-name{font-family:'bariol-bold';font-size: 1em;}*/ /*new-add-css-sprint127*/ .game-events--accordian.panel-group .game-level-accordian.panel-default:nth-of-type(even) { } .event-title .overflow-h .ngm-content-editable { float: none; overflow: auto; overflow: initial; } .event-title .of-hidden .ngm-content-editable { float: none; overflow: auto; overflow: initial; } .gm-e-accordian.panel-group .panel-heading .panel-title { font-family: 'bariol-bold'; font-size: 1em; } .gm-e-accordian.panel-group .panel-heading + .panel-collapse > .panel-body .gm-body { border-bottom: 1px solid #fff; position: relative; } /*level round wrapper manage round base level*/ .round-level-wrapper > .panel-body > .gm-body { padding-top: 0 !important; padding-bottom: 0 !important } .round-level-wrapper > .panel-body > .gm-body > .gm-body-header { margin-bottom: 0; font-family: "bariol-regular", sans-serif; } .round-level-wrapper > .panel-body > .gm-body > .gm-body-header .ge-scroll-outer.mt-16 { margin-top: 0 } /*Level based round index border issue*/ .round-level-wrapper .panel-group .panel-default:last-child, .round-level-wrapper .panel-group .panel-default:last-child > .panel-heading { border-bottom: 0 } /*Level based round index border issue*/ .gm-e-accordian.panel-group .panel-default:nth-of-type(even) .panel-heading + .panel-collapse > .panel-body .gm-body { border-bottom: 1px solid #e8edef; } .ge-projectlist { font-size: .875em; } .gm-e-accordian.panel-group .panel-body { padding: 0; } .gm-e-accordian.panel-group .panel-body .gm-body { padding: 10px 23px 10px; margin-bottom: 0; } .gm-e-accordian.panel-group .panel + .panel { margin-top: 0px; position: relative; } .gm-body-drop-down-cloumn { max-width: 99%; } .gm-body-drop-down-cloumn .col-sm-2 { padding-right: 0; width: auto; min-width: 80px; margin-bottom: 10px; max-width: 100%; } .gm-body-drop-down-delete { width: 1%; float: left; line-height: 35px; margin-left: 12px; } .gm-body-drop-down-delete .orange { font-size: 1.125em !important; } .gm-body-header { font-family: "bariol-bold"; margin-bottom: 10px; } .gm-body-dd-header { font-family: "bariol-italic"; margin-bottom: 10px; } /*.gm-body{border-bottom: 1px solid #e8edef;margin-bottom: 10px;}*/ .blue-plus-icon { color: #2aace3; cursor: pointer; font-size: 1.125em; vertical-align: middle; margin-left: 3px; } .blue-plus-icon:hover { color: #0e76bc; } .gm-editable-feild { line-height: 1.42857143; /*line-height: initial;*/ padding: 6px 5px 6px 5px; /*margin-top: 2.5px;*/ font-family: bariol-regular; } .gm-editable-feild:hover { background: #fff; border-radius: 2px; } .gm-body-drop-down-cloumn .col-sm-2.gm-num-fldbox { width: 118px; } .gm-body-drop-down-cloumn .col-sm-2.gm-num-fldbox.gm-num-percent { width: 132px; } .text-to, .gm-body-drop-down-cloumn .text-to + .gm-num-percent { line-height: 35px; padding-left: 15px; } .gm-num-percent .percentage-symbol { line-height: normal; line-height: initial; padding-left: 0; } .col-sm-2.gm-num-fldbox.gm-num-percent .percentage-symbol { right: 18px; } .text-to + .re-red-c-pad { padding-left: 15px; } .ge-scroll-wrapper { height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; } .ge-scroll-outer { position: relative; float: left; display: block; width: 100%; max-height: calc(100% - 57px); overflow: auto; overflow-x: hidden; } #divGuidedJourneyStepList.ge-scroll-outer { overflow: visible; max-height: initial; max-height: none; } .ge-scroll-outer .form-wrap .row, .form-wrap .row.row-m-b-0 { margin-bottom: 0; } .ge-scroll { width: 100%; max-height: 100%; } .ge-add-btn { float: left; height: 55px; width: 100%; padding-top: 10px; } .gm-body-drop-down-cloumn .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 140px !important; } .page-wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ display: flexbox; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .page-wrap .page-wrap-header { -webkit-flex-grow: 0; flex-grow: 0; } .page-wrap .page-wrap-container { -webkit-flex-grow: 1; flex-grow: 1; overflow: hidden; position: relative; } .page-wrap .page-wrap-inner-header { -webkit-flex-grow: 1; flex-grow: 1; overflow: auto; overflow-x: hidden; } .page-wrap .page-wrap-inner-container { -webkit-flex-grow: 0; flex-grow: 0; } .mouse-disable { pointer-events: none; } .page-wrap .game-list-container { -webkit-flex-grow: 1; flex-grow: 1; position: relative; } /*.add-another-event{margin-bottom:15px}*/ /*release report css start*/ /*release report css end*/ /*===================== end sprint 97 ======================*/ /*===================== start sprint 98 ======================*/ .detail-pro-prew .col-sm-3.control-label { width: 33.33%; } .ck-editor-dd .dropdown-toggle { padding: 4px 10px; background: none; border: 1px solid transparent; } .ck-editor-dd .dropdown-toggle:hover { background: #9aa6ad; background: #f1f0f0; border: 1px solid #ddd; } .ck-editor-dd .dropdown-toggle[aria-expanded="true"] { border: 1px solid #ddd; background: #fff; } .ck-editor-dd .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .ck-editor-dd .tab-content .panel { border-radius: 0; } .ck-editor-dd .dropdown-menu li { padding: 3px 8px; cursor: pointer; } .ck-editor-dd .dropdown-menu li:hover, .ck-editor-dd .dropdown-menu li.active:hover { background: #f1f0f0; } .ck-editor-dd .cktext, .ck-editor-dd .cktext:hover, .ck-editor-dd .cktext:focus { padding-left: 0; right: 0; border: none; } .ck-editor-dd .panel-default > .panel-heading { color: #333; background-color: #f1f0f0; border-color: #ddd; } .ck-editor-dd .dropdown-menu { border: 1px solid #ddd; border-radius: 0; max-height: 200px; overflow: hidden; overflow-y: auto; } /*===================== end sprint 98 ======================*/ /*===================== start sprint 99 ======================*/ .atm-slide-right { position: absolute; right: 0; background: white; height: calc(100% - 50px); overflow: auto; top: 0; } .toogle-icon { display: block; position: absolute; right: 0; } /*advanced task options*/ .ad-cf-optionbox .gm-e-accordian { padding-left: 15px; padding-right: 15px; } .pd-l-5 { padding-left: 5px; } .ad-cf-optionbox .has-error-msg { margin-top: 0; } .ad-cf-optionbox .ancf-second-inner.hierarchicalWidth { width: 436px; max-height: 425px; height: auto; } .ad-cf-optionbox .ancf-column-first { width: 420px; } .ad-cf-optionbox .sub-menu-row { margin-bottom: 10px; } .ad-cf-optionbox .ad-event-title .inline-block { margin-top: 2px; float: left; } .ad-cf-optionbox .ad-cf-delete-btn { line-height: 35px; padding-left: 15px; font-size: 18px; } .ad-cf-optionbox .ancf-column-second .sub-menu-row input.form-control { width: 100% !important; } .ams-chk { margin-top: -6px; margin-left: -25px; } .cf-ams-chk { margin-top: -13px; margin-left: 15px; } .gm-e-accordian.panel-group .panel-heading .panel-title.w-103 { min-width: 103px; } /*manage data field custom felds*/ .line-height-35 { line-height: 35px; } .display-block { display: block !important; } .inline-block { display: inline-block !important; } .v-align-t { vertical-align: top; } .v-align-m { vertical-align: middle; } .v-align-b { vertical-align: bottom; } .mar-b-5 { margin-bottom: 5px; } .mar-r-10 { margin-right: 10px; } /*.mcf-new-outer{max-height:350px}*/ .mcf-new-outer .delete-icon { margin-top: 0px !important; margin-left: 10px; } /*.mcf-m-new-outer .searchable-ttip{padding-top:6px;}*/ .overflow-h.mcf-textfeld-heading { margin-top: 2px; } .ad-cf-optionbox .gm-e-accordian.panel-group .panel-heading .panel-title { font-family: 'bariol-bold'; } .ad-cf-optionbox .gm-e-accordian.panel-group .panel-heading .panel-title.advan-text-heading { font-size: 16px; } .ad-cf-optionbox .gm-e-accordian.panel-group .panel-heading .panel-title.advan-text-heading span.index { width: 25px; float: right; } /*.ad-cf-optionbox .gm-e-accordian.panel-group .panel-heading .panel-title.advOptMenu.chkoptionMenu{width:132px;font-size:16px;}*/ .ad-cf-optionbox .ad-event-control .form-control { width: calc(100% - 15px); } .ad-cf-optionbox .ad-event-control .form-control { } .mcf-new-outer .add-menu-btn { margin-left: 0; } .mcf-new-outer .indent-row { padding-left: 25px; } /*modal automation css design*/ .modal-new-atm .modal-dialogfirst, .modal-temp .modal-dialog.n-automationfordy-mb { width: calc(100% - 64px); } .modal-new-atm .top-title { font-family: 'bariol-regular'; font-size: 1.25em; text-align: center; padding-top: 45px; padding-bottom: 45px; width: 100%; margin-bottom: 0; display: block; } .natm-radio { padding: 2px; margin: 0; } .modal-new-atm .gma-list-scroll { width: 500px; margin: 0 auto; } .new-atm-gami-list tr td:first-child { padding-right: 25px; } .new-atm-gami-list .radio input[type="radio"]:not(:checked) + label::before, .new-atm-gami-list .radio input[type="radio"]:checked + label::before { top: 3px; } .new-atm-gami-list .radio input[type="radio"]:not(:checked) + label::after, .new-atm-gami-list .radio input[type="radio"]:checked + label::after { top: 6px; } .n-atm-squence-list { margin-top: 0px; } .n-atm-heading .at-des-row { margin-top: 10px !important; } .at-addbtn-row, .at-des-row .fa { font-size: 1.125em; vertical-align: middle; } .natm-type-list li { margin-bottom: 5px; } .n-program-cf-outer .gm-e-accordian.panel-group .panel-heading .event-title { height: auto; } .n-program-cf-outer.ge-scroll-outer { padding-bottom: 55px; } .n-program-cf-outer .ge-add-btn { position: absolute; bottom: 0; } .modal-new-atm.modal-list-hide { display: none !important; } .add-last-abs-outer { padding-bottom: 30px; } .add-last-abs-outer .add-last-abs { position: absolute; bottom: 15px; right: 15px; } .pd-t-20 { padding-top: 20px; } .modal-temp .modal-temp-body.fixed-modal-height { height: calc(100vh - 162px) !important; } .modal-outer.remove-modalouter, .remove-modalouter { display: none !important; } /*flat file automation new css start here */ .modal-temp .modal-temp-body.remove-pd-for-tabl-body { padding-bottom: 0; } .row-box { margin-bottom: 0 !important; } .row-box, .row-box-table { height: 100%; } .n-program-cf-outer .gm-e-accordian.panel-group .panel-heading .event-title .overflow-h .has-error-msg { float: left; line-height: 21px; margin-bottom: 3px; } .n-program-cf-outer .gm-action-icon { font-size: 18px; } .cfh-is-expand .w135 { min-width: 135px; } .cfh-is-expand .nadmin_cfield_edit .delete-icon { margin-left: 10px; } div#divAutomationSequence { padding-bottom: 75px; display: block; float: left; width: 100%; } #divSequenceList.ge-scroll-outer { overflow: visible; } .atm-suspended-btn { width: 530px; } /*flat file automation new css start here */ /*Report builder*/ #divLevelList.ge-scroll-outer { overflow: visible; } .chart-dd { padding: 0; margin: 5px 5px 5px 0; position: relative; } /*Report builder*/ /*config form css*/ .hierarchi-tbl-list { } .hierarchi-tbl-list td { padding: 5px; } .hierarchi-tbl-list td:first-child { padding-right: 0; } td.text-right .add-menu-btn { float: none; } /*.hide.modal-outer{display:none !important;}*/ /*config form css*/ /*.hierarchi-tbl-list td .form-control{margin-bottom:10px;}*/ /*#dvworkflow .tab-content{min-height:800px;}*/ /*end modal automation css design*/ .divclick-block { position: relative; display: inline-block; zoom: 1; vertical-align: middle; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 2px; width: 100%; background: #fff; min-height: 35px; } .divclick-block-over { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .divclick-block ul { margin: 0; padding: 0; position: relative; } .divclick-block li { float: left; list-style: none; padding: 0px 5px 4px 5px; margin-top: 4px; } .divclick-block li span { padding: 4px 4px 4px 4px; cursor: pointer; position: relative; line-height: 13px; color: #454f57; border: 1px solid rgba(164, 171, 174, 0.5); border-radius: 2px; /*cursor: default;*/ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; background-color: #f1f0f0; float: left; } .divclick-block .placeholder { cursor: pointer; color: #9aa6ad; padding: 0 15px 0 15px; font-size: .875em; letter-spacing: .8px; float: left; /* margin: -3px -7px 0px -7px; */ /* height: 35px; */ line-height: 30px; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #f1f0f0; opacity: 1; } .new-dashboard-wrap .child-full-height { height: 100%; } /*.mar25-dd { margin-right:25px }*/ /*automation multi select*/ .dropdown-multi-select.open > .dropdown-menu { top: 100%; margin-top: 0px !important; } .drop-up.dropdown-multi-select.open > .dropdown-menu { bottom: 100%; top: auto; top: initial; } /*automation single select*/ .dropdown-single-select.open > .dropdown-menu { top: 100%; margin-top: 0px !important; } .drop-up.dropdown-single-select.open > .dropdown-menu { bottom: 100%; top: auto; top: initial; } /*===================== end sprint 99 ======================*/ /*===================== start sprint 100 ======================*/ .ncf-childadd { } .ncf-fieldbox { width: 300px; } .nat-helper .ui-sortable-helper { border: 1.5px solid rgba(164, 171, 174, 0.5) !important; opacity: 1; background: #fff; box-shadow: 0 0 0px #9aa6ad; } /*.nat-helper .ui-sortable-helper .atm-dragmoveicon, .at-helper .ui-sortable-helper .fa-pencil-square-o, .at-helper .ui-sortable-helper .fa-times-circle-o { display:none; }*/ /*.nat-helper .ui-sortable-helper .table-border tr { border:none; }*/ .nat-helper .ui-sortable-placeholder { visibility: visible !important; float: left; width: 100%; height: 50px; border: 1.5px dashed rgba(164, 171, 174, 1) !important; background: #fff !important; } /*resulting action*/ .dd-btm-text { font-size: .875em; font-family: bariol-italic; margin: 0; padding: 2px !important; } .gm-body-drop-down-cloumn .col-sm-2.dd-sep-block { margin-right: 35px; } .userlist-img-color-outer .list-item-color { margin-right: 5px; } .userlist-img-color-outer .wt-team-m-img { width: 28px; height: 28px; } .userlist-img-color-outer li { min-height: 28px; } .atm-oth-auto-set-dd { max-width: 600px; margin-left: 7px; } .atm-oth-auto-set-dd.first-dd { margin-top: -7px; } .mar-left-7 { margin-left: 7px; } /*===================== end sprint 100 ======================*/ /*===================== start sprint 101 ======================*/ .badge.blue { background: #2aace3; } #cke_PUWMsgInputEmailSubject .cke_top { border-bottom: none; background: none; } /*program report detail*/ .program-report-detail.modal-v-center .detail-wrap { padding: 0; } .program-report-detail.modal-v-center .container { width: 100%; } /*.program-report-detail.modal-v-center .modal-dialog-pr { width:92% }*/ /*.program-report-detail.modal-v-center .modal-body-pr { height: calc(100vh - 62px) !important; max-height:initial !important;} .program-report-detail.modal-v-center .modal-body-pr #divViewProgramFormBody { padding-top:57px; } .program-report-detail.modal-v-center .admin-page-title { margin: 0; background: #fff; position: fixed; height: 47px !important; text-align:left !important; width: 91.8%; left: 4.1%; margin-top: 31px; top:0; padding: 10px 30px 30px 30px; border: 5px inset transparent; border-bottom: 1px solid rgba(164, 171, 174, 0.5); z-index: 1; }*/ /*changes-by-shoaib*/ .program-report-detail.modal-v-center:before { margin-right: -3px; } .program-report-detail.modal-v-center .admin-page-title { position: fixed; left: 4%; top: 31px; width: 92%; height: 46px !important; text-align: left !important; line-height: 20px; padding: 12px 35px; border-bottom: 1px solid rgba(164, 171, 174, 0.5); z-index: 1; margin-bottom: 0; } .program-report-detail.modal-v-center .modal-dialog.modal-dialog-pr { width: 92%; margin: 0 auto; background: #fff; } .program-report-detail.modal-v-center .modal-dialog.modal-dialog-pr .modal-content { border: none; } .program-report-detail.modal-v-center .modal-body-pr { height: calc(100vh - 62px) !important; max-height: inherit !important; overflow-x: hidden; padding: 0; overflow-y: hidden; } .program-report-detail.modal-v-center .modal-body-pr #divViewProgramFormBody, #divViewIncompleteFormBody { height: calc(100% - 46px); margin-top: 46px; padding-top: 0; overflow: auto; } /*changes-by-shoaib*/ .program-report-detail.modal-v-center .mar-b-80.text-right.clearall { margin-bottom: 0; } /*.program-report-detail.modal-v-center .mar-b-80.text-right.clearall { margin: 0; background: #ffffff; position: fixed; top: 0; height: 57px; width: 91.8%; left: 4.1%; margin-top: calc(100vh - 88px); padding: 10px 30px 30px 30px; border: 5px inset transparent; border-top: 1px solid rgba(164, 171, 174, 0.5); }*/ /*newautomation form outer css start*/ .natm-form-outer .form-config-container { height: auto !important; } /*newautomation form outer css end */ /* add new workflow custom field */ .pager-top { margin-top: 15px; margin-bottom: 20px; } .pager-btm-description .admin-page-title { margin: 0px 0 15px 0; } .pager-btm-description .form-main-title { margin-bottom: 15px; } .pager-top .btn { margin-left: 0; } /*// add new workflow custom field */ /*===================== end sprint 101 ======================*/ /*===================== start sprint 102 ======================*/ .config-auto-form-box.gj-full-width { width: 100%; padding-right: 30px; } /*global-form-setting*/ .global-setting-btn { cursor: pointer; position: fixed; top: 149px; left: 15px; width: 38px; height: 38px; background: #fff; box-shadow: 0 0 10px #9a9a9a; border-radius: 50%; text-align: center; line-height: 38px; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; transition-duration: .5s; transition-timing-function: ease-in-out; } .gmargin-top-25 { margin-top: 25px; } .gmargin-top-15 { margin-top: 15px; } .global-setting-btn .fa { color: #f7903d; } /*.global-setting-btn:hover{background:#2aace3; color:#fff}*/ .form-left-slide-wrap { } .form-left-heading { background: #2aace3; padding: 10px 0 10px 30px; color: #fff; font-size: 1.5em; border-bottom: 1px solid rgba(164, 171, 174, 0.5); } .form-left-slide-wrap .close-icon { color: #fff; } .global-form-setting { background: #f1f0f0; position: absolute; left: 0; top: 46px; bottom: 0; width: 360px; z-index: 11; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; transition-duration: .5s; transition-timing-function: ease-in-out; width: 380px; left: -390px; box-shadow: 1px 0 5px rgba(0, 0, 0, .2); } .leftpanel { -webkit-transform: translateX(390px); -ms-transform: translateX(390px); transform: translateX(390px); } .flex-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .flex-box-row-auto { /*-webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0;*/ } .flex-box-row-full { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; } .form-top-setting { background: rgba(42, 172, 227, 0.5); padding: 15px 30px 15px 30px; } .form-bottom-setting { padding: 15px 30px 15px 30px; } .required-outer { margin-bottom: 20px !important; position: relative; } .required-text { color: #b74750 !important; font-family: 'bariol-italic'; font-size: .875em !important; position: absolute; display: block; width: 100%; } .cc-reset .input-group-addon { line-height: 0; } /*Form-Alignment*/ .Form-Alignment { display: flex; -webkit-flex-direction: row; flex-direction: row; height: 35px; } .box-align { background: #fff; height: 100%; border: 1.5px solid rgba(164, 171, 174, 0.5); /* width: 27%; */ cursor: pointer; flex: 1; margin-right: 15px; } .box-align:last-child { margin-right: 0; } .Form-Alignment .box-align { align-items: center; display: flex; } .Form-Alignment .box-align:nth-child(1) { justify-content: flex-start } .Form-Alignment .box-align:nth-child(2) { justify-content: center } .Form-Alignment .box-align:nth-child(3) { justify-content: flex-end; } .box-align-inner { height: 79%; margin-top: 0%; width: 35px; border: 1px solid #2aace3; } .box-align-inner.active { background: #2aace3; } .group-btn-withicon .input-group-btn > .btn-default { padding: 0px 8px 0px; border-radius: 0; width: 35px; height: 35px; font-size: 18px; } .group-btn-withicon .btn-default:hover { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; box-shadow: none; outline: 0; cursor: default; } .dropshadow-dd.bootstrap-select.btn-group .dropdown-menu { box-shadow: 2px 2px 4px #d4d4d4; } /*Global font-face setting*/ .g-font-size-reset .form-dragmoveicon { font-size: 16px; height: 20px; display: none; } .g-font-size-reset .form-dragmoveicon .fa { display: block; height: 9px; display: none; } .g-font-size-reset [type="checkbox"]:not(:checked) + label:after, .g-font-size-reset [type="checkbox"]:checked + label:after { font-size: 14px; font-family: bariol-regular; } .g-font-size-reset .radio label, .g-font-size-reset [type="checkbox"] + label { word-wrap: break-word; word-break: break-word; margin-bottom: 9px; } .g-font-size-reset .radio label { /*line-height:normal; line-height:initial;*/ line-height: normal; margin-top: 3px; } /*.g-font-size-reset .radio label::first-line{line-height: 18px}*/ .g-font-size-reset .radio > label:before { top: 1px !important; } .g-font-size-reset .radio > label:after { top: 4px !important; } /*.g-font-size-reset .radio.caf-radio input[type="radio"]:not(:checked) + label::before,.g-font-size-reset .radio.caf-radio input[type="radio"]:checked + label::before{top:1px}*/ .g-font-size-reset [type="checkbox"] + label, .g-font-size-reset [type="radio"] + label { line-height: normal; margin-top: 3px; } body .g-font-size-reset { line-height: normal; } body .g-font-size-reset .form-dragbox-body .title, .g-font-size-reset label { font-family: inherit !important; } /*.g-font-size-reset .form-control[disabled], .g-font-size-reset .form-control { height: auto; height: initial; }*/ .g-font-size-reset .fontalign-left, .fontalign-left { width: 180px; float: left; display: inline-block; padding-right: 15px !important; word-wrap: break-word; } .fontalign-left.custom-tab-label-left { padding-left: 10px; padding-right: 0 !important; margin-right: 15px; padding-top: 2px; width: calc(180px - 15px); z-index: 3; position: relative; } .fontalign-left.custom-tab-label-left.discription-right { padding-right: 15px !important; margin-right: 0px; z-index: 0; width: calc(193px - 15px); } .g-font-size-reset .single-select-dd .button-label.form-control { height: auto; height: initial; padding: 6px 17px 6px 14px; } .customtab-builder-preview .gm-editable-feild:hover { color: #454f57 !important; } .preview-frame, .form-builder-preview { margin: 0 auto; } /*.form-builder-preview-inner{position:relative; right:30px;}*/ .centeralign { position: absolute; left: 0; right: 0; } .centeralign.leftalign { left: 0; right: auto; } .centeralign.rightalign { left: auto; right: 0; } .lab-left-box-right { width: calc(100% - 180px); /*float: right;*/ display: inline-block; } .lab-left-box-right.left-rightwith-requiredhide { width: 100% !important; float: left } .g-font-size-reset.resetinternal-form .fontalign-left, .fontalign-left { padding-right: 0; } .form-wrap .g-font-size-reset label.bold-lbl { font-weight: bold; } .assign-width768 .is-heirarchical-f .col-sm-4, .assign-width768 .is-heirarchical-f .col-sm-8, .assign-width768 .is-heirarchical-f .col-sm-8 .col-sm-6 { width: 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; } .assign-width900 .is-heirarchical-f .col-sm-4, .assign-width900 .is-heirarchical-f .col-sm-8 { width: 100%; -webkit-flex: 0 0 50%; flex: 0 0 50%; } .assign-width900 .small-lbl-hide, .assign-width768 .small-lbl-hide { display: none; } /*global-form-setting end*/ .dummydisable-tab { opacity: .7; } .tab-wrap .nav-tabs > li.dummydisable-tab > a:hover, .tab-wrap .nav-tabs > li.dummydisable-tab > a:active, .tab-wrap .nav-tabs > li.dummydisable-tab > a:focus { border-bottom: 4px solid transparent; color: #9aa6ad !important; } .nav-tooltip .tooltip-inner { max-width: 320px; } .full100 { margin-left: -37px !important; } /*menu horizontal form stripe with arrow*/ .pager-with-progressbar .progress-bar-box { width: 100%; height: 45px; padding-top: 7px; padding: 0 30px; padding-top: 10px; position: relative; margin-bottom: 0; overflow: hidden; transition: all 2s; } .pager-with-progressbar .progress-bar-box .per-bar-gray { width: 100%; background-color: #f1f0f0; border-radius: 4px; } .pager-with-progressbar .progress-bar-box .per-text { top: 12px; margin-left: 0px; left: 0; } .pager-with-progressbar .progress-bar-box .per-bar-filled, .pager-with-progressbar .progress-bar-box .per-text { transition: all 2s; } .flex-col-outer-wrap { min-height: 35px; overflow: hidden; } .flex-col-outer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 50px; padding-top: 5px; } .flex-col { -webkit-box-flex: 0; -ms-flex: 0; flex: 0 auto; } /*.flex-col button{margin-right:1px;} .flex-col-outer .flex-col:last-child button{margin-left:1px;}*/ .flex-col button { height: 35px; background: #2aace3; border: 1px solid transparent; color: #fff; } .flex-col button:hover { background-color: #0e76bc; border: 1px solid #0e76bc; } .flex-col button:focus, .flex-col button:active { color: #fff; background-color: #2aace3; border: 1px solid #2aace3; } /*.flex-col button:hover:focus{background-color: #0e76bc;}*/ .flex-col button[disabled], .flex-col button[disabled]:hover, .flex-col button[disabled]:active { border: 2px solid rgba(164, 171, 174, 0.5); background: transparent; color: #454f57; } .flex-col-center { flex: 1 auto; width: 5%; /*margin: 0 1px;*/ } .btn.submitlarge { padding: 4px 70px; } .topspace_submit { margin-top: 100px; } .formnav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; overflow: hidden; list-style: none; padding: 0; margin: 0; background: #fff; border-bottom: 2px solid #ccc; padding-bottom: 11px; } .formnav li { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 125px; padding: 5.5px 10px 6.5px; border: 1.5px solid rgba(164, 171, 174, 0.5); border-right: none; /*box-shadow: inset -1px 0 0 rgba(164, 171, 174, 0.5),inset 1px 0 0 rgba(164, 171, 174, 0.5), inset 0 -1.5px 0 rgba(164, 171, 174, 0.5), inset 0 1.5px 0 rgba(164, 171, 174, 0.5);*/ text-align: center; cursor: pointer; position: relative; height: 35px; } .formnav li > a, .formnav li > .truncatetooltip { white-space: nowrap; overflow: hidden; float: left; width: 100%; text-overflow: ellipsis; line-height: 20px; } .formnav li:last-child { border-right: 1.5px solid rgba(164, 171, 174, 0.5); } .formnav li.disable-nav { cursor: default; } .formnav li:hover { /*border: 1.5px solid #2aace3;*/ background: #0e76bc; color: #fff; /*box-shadow: inset -2px 0 0 #2aace3,inset 2px 0 0 #2aace3, inset 0 -1.5px 0 #2aace3, inset 0 1.5px 0 #2aace3;*/ } /*.formnav li:hover + li{border-left:1.5px solid #2aace3;}*/ /*.formnav li:hover + li.active{border-left:1.5px solid transparent;}*/ .formnav li.disable-nav:hover { background: rgba(14, 118, 188, 0.5); /*box-shadow: inset -1px 0 0 rgba(164, 171, 174, 0.5),inset 1px 0 0 rgba(164, 171, 174, 0.5), inset 0 -1.5px 0 rgba(164, 171, 174, 0.5), inset 0 1.5px 0 rgba(164, 171, 174, 0.5);*/ cursor: default; } /*.formnav li.disable-nav:hover + li{border-left:1.5px solid rgba(164, 171, 174, 0.5)}*/ /*.formnav li:last-child:hover{border-right:1.5px solid #2aace3;}*/ .formnav li:hover a { color: #fff; text-decoration: none; } .formnav li.disable-nav:hover a { color: #fff; cursor: default; } .formnav li a:focus, .formnav li a:active { text-decoration: none; } .formnav li.active { background: #2aace3; color: #fff; /*border: 1px solid transparent;*/ /*box-shadow:none*/ } .formnav li.active:hover { background: #0e76bc; } /*.formnav li.active:hover + li, .formnav li.disable-nav:hover + li{border-left:1.5px solid rgba(164, 171, 174, 0.5);}*/ .formnav li.disable-nav:hover { border-right: 1.5px solid rgba(164, 171, 174, 0.5); } .formnav li.active:hover a, .formnav li.active a { color: #fff; } /*.pn-Advancer_Left_f, .pn-Advancer_Right_f{position:absolute; top: 50%; margin-top: -13px; margin-left: -10px;}*/ .pn-Advancer_Right_f { right: 0; } /*end menu horizontal form stripe with arrow*/ /*===================== end sprint 102 ======================*/ /*===================== end sprint 103 ======================*/ .datasource.modal-v-center .modal-body-pr { height: calc(100vh - 110px) !important; max-height: none !important; max-height: initial !important; } .data-source-scroll-body, .widget-box, .ds-bottom-body-innerbox { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: normal; -moz-flex-direction: column; flex-direction: column; } .widget-row { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-negative: 0; flex-shrink: 0; } .widget-row.h-auto { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } .ds-top-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-negative: 0; flex-shrink: 0; overflow-y: auto; height: 100%; } .ds-bottom-body { height: 110px; overflow-x: auto; overflow-y: hidden; } .ds-bottom-body-header { height: 55px; } .column-bottom-scroll { overflow: auto; width: 100%; height: 100%; } /*.ds-bottom-body .table-responsive{ overflow: hidden;}*/ .modal-dialog-90 { width: 90%; } .ds-top-body-inner { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: row; flex-direction: row; height: 100%; border-bottom: 1.5px solid rgba(154, 166, 173, .5); } .data-source-left { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; width: 300px; height: 100%; overflow: auto; overflow-x: hidden; border-right: 1.5px solid rgba(154, 166, 173, .5); padding-right: 15px; } .ds-card-header-text { color: #fff; font-size: 18px; line-height: 33px; padding-left: 14px; width: calc(100% - 32px); } .ds-card-header-text h3 { font-size: 16px; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ds-card-header-remove { width: 22px; float: right; } .data-source-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; overflow: auto; overflow-x: hidden; } .ds-table-list { padding: 0; margin: 0; } .ds-table-list li { position: relative; background-color: #f1f0f0; color: #454f57; padding: 7.5px 10px; border-radius: 3px; margin: 10px 0px 10px 0; overflow: hidden; } .data-source-column-card { margin-bottom: 20px; } .ds-card-header { background: #9aa6ad; float: left; width: 100%; height: 35px; line-height: 35px; color: #fff; } .ds-card-header .fa { font-size: 16px; color: #fff !important; } .ds-card-header .fa:hover, .ds-card-header .fa:focus, .ds-card-header .fa:active { color: #fff !important; } .ds-card-header .fa.blue-plusbtn { margin: 0; } .ds-card-body { clear: both; background: #f1f0f0; height: 205px; overflow: auto; } .ds-column-list { padding-left: 15px; margin-top: 10px; } .ds-column-list li { margin-bottom: 8px; } .ds-heading { font-size: 100%; margin-top: 15px; margin-bottom: 15px; font-family: bariol-bold; } .selected_columns { white-space: nowrap; width: 100%; align-items: center; list-style: none; padding: 0; margin: 0; } .selected_columns li { padding: 5.5px 20px 6.5px; text-align: center; cursor: default; position: relative; height: 35px; white-space: nowrap; display: inline-block; background: #e8edef; max-width: 320px; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; overflow: hidden; } /*reportfiler*/ .report-filter.new-fc-wrap { margin-top: 0; } .report-filter .w150 { width: 150px; } .report-filter .w190 { width: 190px; } /*.sr-maring-r-10{margin-right:10px} .sr-maring-r-15{margin-right:15px}*/ .nselected_report { background-color: #2aace3; color: #fff !important; } .nselected_report td a, nselected_report td a:hover, nselected_report td a:focus, tr.nselected_report td.tbl-actionbtn i.fa { color: #fff !important; } /*///////////report filter*/ /*===================== end sprint 103 ======================*/ /*===================== start sprint 104 ======================*/ .flex-box-outer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .flex-box-top-auto { -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; } .flex-box-bottom-full { height: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; } /*reportchart icon popup */ .charticons-outer { list-style: none; margin: 0; padding: 0; } .charticons-outer li { /*width: 20%;*/ width: 25%; height: 155px; background-repeat: no-repeat; background-position: center 10px; float: left; border-style: none none solid none; border-width: 1px; border-color: rgba(0,0,0,.05); cursor: pointer; position: relative; } .charticons-outer li.active, .charticons-outer li:hover { background-color: #e8edef; } .charticons-outer li span { position: absolute; display: block; bottom: 0; width: 100%; text-align: center; padding: 10px 0; font-size: 16px; height: 50px; line-height: 17px; } /*===================== end sprint 104 ======================*/ /*===================== staRT sprint 105 ======================*/ .addpopup-height.modal-v-center > .modal-dialog { margin: 0 auto; width: 55%; } .addpopup-height.modal-v-center .modal-body { max-height: calc(100vh - 30px) !important; padding: 15px 30px !important; } .re-mr-t-0 { margin-top: 0 !important; } .q2e-red { color: #b74750 !important; } .overflow-visible { overflow: visible !important; } /* start error msges*/ .field-required { border: 1.5px solid rgb(183, 71, 80) !important; } .multi-dd-error .btn-group .btn { border: none !important; border-radius: 0 !important; } .multi-dd-error .btn-group .btn { border: 1.5px solid #b74750 !important; } .single-dd-error .form-control { border: 1.5px solid #b74750 !important; } .sos-certification-box .col-lbl { width: 16.6%; } .sos-con-button { margin-bottom: 25px !important; } /* end error msges*/ /*===================== end sprint 105 ======================*/ /*===================== start sprint 106 ======================*/ /* report global start*/ /* report global start*/ .gobal-filter-outer, .ntf-alertmeassage, .ccn-div-flex, .div-flex-row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .gobal-filter-outer > label, .ntf-alertmeassage-label, .ccn-div-flex-lable, .div-flex-row-auto { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .gobal-filter-outer > div, .ntf-alertmeassage-control, .ccn-div-flex-control, .div-flex-row-full { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .rgf-value { margin: 0; padding: 0; position: relative; } .rgf-value li { float: left; list-style: none; padding: 4px 18px 4px 4px; margin-right: 7px; position: relative; line-height: 13px; color: #454f57; border: 1px solid rgba(164, 171, 174, 0.5); border-radius: 2px; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; background-color: #f1f0f0; margin-bottom: 8px; } .blue-plusbtn { cursor: pointer; margin: 0 3px; color: #2aace3; font-size: 1.125em; vertical-align: middle; } .blue-plusbtn:hover { color: #0e76bc; } .rgf-value li a { text-decoration: none; color: #454f57; cursor: default; } .rgf-value li a:hover { color: #454f57; } .rgf-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: 0; background: url(/Assets/scripts/plugins/select2_mark/select2.png) right top no-repeat; cursor: pointer; } .rgf-close:hover { background-position: right -11px; } .modal-temp.rgf-modal .modal-body { padding: 15px 30px; min-height: 360px; max-height: calc(100vh - 162px); overflow: auto; } .modal-temp.rgf-modal .modal-dialog { width: 50%; } #divGlobalFilterPopup.modal-temp.rgf-modal .modal-dialog { width: 70%; } .gm-body-drop-down-cloumn .col-sm-2.rgf-number-control { width: 300px; } .gm-body-drop-down-cloumn .col-sm-2.rgf-number-control.w-350 { width: 350px; } .gm-body-drop-down-cloumn .col-sm-2.rgf-menu-control-outer { width: 190px; } .gm-body.rgf-body .gm-body-drop-down-outer { padding-left: 0; } .gm-body-drop-down-outer .am-container .dropdown-menu { box-shadow: 2px 2px 4px #d4d4d4; } /*.rgf-number-control .cr-report-group-dd .form-control{padding:0;text-align:center;}*/ .rgf-number-control .cr-report-group-dd .form-control, .rgf-number-control .cr-report-group-dd { height: 35px !important; } .rgf-number-control .form-group { margin-bottom: 0; } /*.rgf-menu-control.cr-rpt-dd-multiselect.rpt-dd-multiselect .sol-input-container input[type="text"]{height:auto} .rgf-menu-control.cr-rpt-dd-multiselect .am-inner-container {height: 35px;} .rpt-dd-multiselect .am-caret-container .am-caret{top:2px;}*/ /* start Notification alert css */ .ntf-scrolldiv.ge-scroll-outer { overflow: visible; } .ntf-alert-control-wrapper .firstinput { width: 110px; } .ntf-alert-control-wrapper .drop-down-second { width: 230px; } .ntf-alert-control-wrapper { margin-bottom: 15px !important; } .ntf-alert-control-outer { float: left; padding-left: 0; padding-right: 10px; width: auto; min-width: 80px; } .ntf-alert-control-outer .paddding-l40 { width: 180px; text-align: right; } .ntf-alert-control-outer .bootstrap-select.btn-group .btn { text-transform: none; } .ntf-scrolldiv .multiple-select .caret { height: 18px; } /* End Notification alert css */ .addrigate-where { margin-top: 10px; } .addrigate-where .clear-all.form-group { margin-bottom: 0; } /*iocn inline*/ .icon-inline { text-decoration: none; display: inline; color: transparent; background: transparent; } .after-dd-helpicon { position: relative; top: 6px; padding-left: 0; } .icon-inline > .fa-question-circle, .icon-inline > .fa-pencil-square-o { font-size: 1.125em; } /*===================== end sprint 106 ======================*/ /*===================== end sprint 107 ======================*/ /*.TASK NOTIFICATION TIMING*/ .tnt-orangeicon-refresh { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .tnt-grayicon { color: #454f57; opacity: .7; } .tnt-grayicon:hover { opacity: .4; } .div-table-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 100%; } .div-table-flex-auto { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .div-table-flex-full { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; overflow: auto; overflow-x: hidden; width: 100%; } .div-table-flex-inner { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .div-table-flex-full.scroll-hide { overflow: hidden; } /*custom-column-formulas*/ .diffrencein { margin: 0; padding: 0; } .diffrencein li { margin-right: 1px; float: left; } .cc-data-sourcebox .ds-card-header .fa-plus-circle { position: relative; top: -3px; } .cc-data-sourcebox .ds-card-header { border: 3px dotted #fff; border-bottom: none; } .cc-data-sourcebox .ds-card-header-text h3 { line-height: 32px; } .cc-data-sourcebox .ds-card-body { border: 3px dotted #9aa6ad; border-top: none; } .list-of-date-calfld-outer { max-height: 100%; overflow: auto; } .list-of-date-calfld { padding: 0; margin: 10px 0 16px; padding-left: 15px; } .list-of-date-calfld li { margin-bottom: 5px; } .list-of-date-calfld-inner { max-height: calc(100vh - 342px) !important; } /*ul.atm-tree-list .gm-body-drop-down-cloumn{ table-layout: fixed;width: 100%;} ul.atm-tree-list>li.last-list .col-sm-2{max-width:100%} .form-control.ge[readonly]{ text-overflow: ellipsis;white-space: nowrap;}*/ /*custom-column-formulas*/ /*********CUSTOM FIELD INCREASE LIMIT CSS***********/ .modal-header-truncate { width: 80%; float: left; } .isHeirarchical-6outer [type="checkbox"]:not(:checked) + label, .isHeirarchical-6outer [type="checkbox"]:checked + label, .cf-in-two-col-inner [type="checkbox"]:not(:checked) + label, .cf-in-two-col-inner [type="checkbox"]:checked + label { line-height: 18px; } .auto-increasediv { font-size: .875em; min-width: 300px; display: inline-block; max-width: 100%; color: #454f57; text-align: left; letter-spacing: 0.0500em; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 2px; box-shadow: none; min-height: 35px; padding: 6px 11px 6px 14px; } .cf-placeholder { position: absolute; top: 7px; left: 14px; color: #9aa6ad; font-size: .875em; letter-spacing: 0.0500em; } /* styles for '...' */ .block-with-text { /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ line-height: 1.2em; /* max-height = line-height (1.2) * lines max number (3) */ max-height: 1.2em; /* fix problem when last visible word doesn't adjoin right side */ text-align: justify; /* place for '...' */ margin-right: -1em; padding-right: 1em; } /* create the ... */ .block-with-text:before { /* points in the end */ content: '...'; /* absolute position */ position: absolute; /* set position to right bottom corner of block */ right: 0; bottom: 0; } /* hide ... if we have text, which is less than or equal to max lines */ .block-with-text:after { /* points in the end */ content: ''; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: 1em; height: 1em; margin-top: 0.2em; /* bg color = bg color under block */ background: white; } /*************CUSTOM FIELD INCREASE LIMIT CSS********/ /*===================== end sprint 107 ======================*/ /*===================== Start sprint 108 ======================*/ .font-as-default { font-size: 1em !important; } /*.form-config-container-inner .grid-stack > .grid-stack-item > .grid-stack-item-content{box-shadow: 0 2px 4px rgba(164, 171, 174, 0.5)}*/ /*canvas external form*/ /* #divExtFieldSection .grid-stack > .grid-stack-item{height:auto}*/ /*#divExtFieldSection .grid-stack > .grid-stack-item > .grid-stack-item-content{overflow:visible!important; height:100%}*/ .grid-stack > .grid-stack-item > .grid-stack-item-content.overflow-visible { overflow: visible !important; height: 100%; } .grid-stack > .grid-stack-item > .grid-stack-item-content.overflow-visible.scroll { overflow-y: auto !important; overflow-x: hidden !important; } .grid-stack > .grid-stack-item > .grid-stack-item-content.overflow-visible .gs-inner-2 { overflow: visible; } .grid1.grid-stack > .grid-stack-item > .grid-stack-item-content { left: 0 !important; } .grid1.grid-stack > .grid-stack-item > .ui-resizable-handle { z-index: 8 !important; } .zindexform-modal { z-index: 100010 !important; } .zindexform-modal-bl { z-index: 100009 !important; } .c-zindexform-modal { z-index: 300010 !important; } .c-zindexform-modal-bl { z-index: 300009 !important; } /*//canvas external form*/ .grid1 { background: #2aace3; } .grid-stack-item-content { color: #454f57; text-align: left; } /*.grid-stack-item-content{margin:10px 0!important ;}*/ .field-setting-header { min-height: 28px; padding-bottom: 10px; } .field-setting-header > h2 { font-size: 1em; width: calc(100% - 45px); display: inline-block; word-wrap: break-word; } .field-setting-icon { display: none; position: absolute; right: 2px; bottom: 2px; font-size: 18px; /*width: 48px;*/ text-align: right; padding: 0 15px; cursor: default; z-index: 9; padding: 0 15px; cursor: default; z-index: 9; white-space: nowrap; } /*.grid-stack-item:not(.ui-resizable-autohide) .field-setting-icon, .grid-stack-item.showdd .field-setting-icon{display:block}*/ .grid-stack-item.ui-dragable-dragging .field-setting-icon, .grid-stack-item.ui-resizable-resizing .field-setting-icon, .grid-stack-item:hover .field-setting-icon, .grid-stack-item.showdd .field-setting-icon { display: block; } .grid-stack-item[data-gs-width="1"] .field-setting-icon, .grid-stack-item[data-gs-width="2"] .field-setting-icon, .grid-stack-item[data-gs-width="3"] .field-setting-icon { top: 100%; } /*.grid-stack-item:not(.ui-resizable-autohide) .bs-dd-fixed.open dropdown-menu{display:none}*/ .field-setting-icon .fa { color: #2aace3; /*margin-left: 5px;*/ cursor: pointer; /*margin-right: 5px;*/ /*background:#2aace3;*/ padding: 6px; border-radius: 50%; width: 22px; height: 30px; text-align: center; line-height: 19px; } .field-setting-icon .svg-icon { fill: #2aace3; } .field-setting-icon .fx { color: #2aace3; line-height: 29px; margin-right: 6px; } /* .form-config-container-inner .grid-stack > .grid-stack-item.field-border:hover {border:1px solid #2aace3}*/ /*.form-config-container-inner .grid-stack > .grid-stack-item.field-border{border:1px solid transparent}*/ .grid-stack > .grid-stack-item.field-border, .grid-stack.grid-item-drag > .grid-stack-item.ui-resizable-resizing.field-border { border: 1px solid transparent; } .grid-item-drag.grid-stack > .grid-stack-item.field-border { border: 1px solid #2aace3; } .grid1.grid-stack > .grid-stack-item { border: 1px solid transparent; } .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide) .is-child:hover { z-index: 9; } .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide) .hover-border { border: 1px solid transparent; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide):hover .hover-border, .form-config-container-inner .grid-stack > .grid-stack-item.ui-resizable-resizing .hover-border { border: 1px dashed #2aace3; } .grid-stack.grid-item-drag > .grid-stack-item.ui-draggable-dragging.field-border { border: 1px dashed #2aace3; } /*.form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide):hover .is-child-border.grid-stack-item-content{padding-bottom:1px;}*/ /*.form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide):hover .is-child-border.grid-stack-item-content:after{content:'';border: 1px dashed #2aace3; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right:0; bottom:0; z-index: -1;}*/ .form-config-container-inner .grid-stack > .grid-stack-item .is-child-border.grid-stack-item-content { border: 1px solid transparent; } .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide):hover .is-child-border.grid-stack-item-content { border: 1px dashed #2aace3; } .form-config-container-inner .grid-stack > .grid-stack-item .is-child-inner { border: 1px solid transparent; } .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide):hover .is-child-inner { border: 1px dashed #2aace3; } .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide) .ui-resizable-handle, .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide).ui-draggable-dragging:hover .ui-resizable-handle { display: none !important; } .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide):hover .ui-resizable-handle, .form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide).ui-resizable-resizing .ui-resizable-handle { display: block !important; } .gs-inner-2.is-child { padding-right: 0px; padding-left: 0px; } /*.is-child-item.handler-overlay{top: 15px;height: calc(100% - 15px);z-index:9}*/ .form-rz-table { border-spacing: 0; border-collapse: collapse; width: 100%; } .form-rz-table th, .form-rz-table td { vertical-align: top; padding: 0 10px !important; } table.rz-table.form-rz-table th { padding: 0; } table.rz-table.form-rz-table thead tr { height: 15px; } table.rz-table.form-rz-table th .rz-handle { width: 5px; height: 15px; z-index: 10; } .form-rz-table-preview .rz-handle { background: none; display: none; } /*preview*/ table.rz-table.form-rz-table th .rz-handle { cursor: col-resize !important; } /*.form-config-container-inner .grid-stack > .grid-stack-item:not(.ui-resizable-autohide):hover{z-index:999999}*/ .grid-stack .grid-stack-item.hovering .grid-stack-item-content { border: 1px solid #2aace3; } /*.form-config-container-inner .grid-stack > .grid-stack-item:hover{ border: 1px solid #2aace3;}*/ /*.field-setting-icon .fa:hover{color:#fff }*/ .cnf-form-paging.row.next-prev { margin: 0; margin-top: 10px; margin-bottom: 15px; } .modal-temp .modal-dialog.n-automationfordy-mb, .modal-temp .modal-dialog.new-form-preview-md { width: calc(100% - 50px); } .config-auto-modal .data-modal .modal-body, .msg-modal .preview-modal .modal-body.new-form-preview-mb { height: calc(100vh - 100px); } .modal-body.new-form-preview-mb { padding: 15px 30px; } .preview-modal .modal-header { padding: 10px 30px 10px; border-bottom: none; } .basic-header-field .text-area-edit { border: none !important; background: none; overflow: hidden; resize: none; font-size: 1em; letter-spacing: normal; display: block; border: 6px solid #556677; width: 100%; } .basic-header-field .form-main-title { margin: 0; line-height: normal; padding: 0; } .basic-header-field .form-main-title:first-child { margin-bottom: 10px; } .basic-header-field.textareascroll-height { height: calc(100% - 40px); } .basic-header-field .text-area-edit.basic-para, .basic-header-field .text-area-edit.basic-smalltext { margin-bottom: 40px !important; max-height: 100%; overflow: hidden; overflow-y: auto; width: calc(100% + 10px); padding-right: 10px !important; } /*.basic-header-field .text-area-edit.basic-para > textarea, .basic-header-field .text-area-edit.basic-smalltext > textarea{margin-bottom: 40px !important;}*/ .grid-stack-item-content .character-remaining { font-size: 14px !important; } .grid-stack-item-content .character-remaining.fixedat-bottom { position: absolute; bottom: 1px; height: 39px; border-bottom: 1px solid transparent; z-index: 1; width: calc(100% - 20px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 7px; padding-bottom: 20px; } .basic-header-field > .heading { font-size: 1.5em; margin-bottom: 10px; padding-top: 3px; } .basic-header-field > .sub-heading { font-size: 1.125em; line-height: inherit; } .gs-inner-1 { position: relative; height: 100%; } .grid1.grid-stack > .grid-stack-item > .grid-stack-item-content { right: 0 !important; } .gs-inner-2 { position: absolute; width: 100%; height: 100%; overflow: auto; overflow-x: hidden; padding-right: 10px; padding-left: 10px; } .gs-inner-2.overflow-h { overflow: hidden; } .form-img-center { background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; background-size: cover; } .img-space .form-img-center img { left: 0; } .form-img-center img { position: absolute; /*left: 50%;top: 50%;transform: translate(-50%,-50%)!important;*/ left: 0px; } /*.fimg-100 img{left:inherit;top:inherit;transform:inherit !important}*/ /*.imagebox .form-img-center img, .preview-m-content .form-img-center img{width:100% !important;height:100% !important}*/ .form-img-center .file-name, .form-img-center .n-wf-filename { word-break: break-all; word-break: break-word; word-wrap: break-word; } .basic-header-field .editor-container { cursor: text; } .basic-header-field [contenteditable=true]:not(.inlineEditNotEmpty):empty:after { border: none; content: attr(placeholder) !important; position: static !important; width: inherit !important; height: inherit !important; opacity: .5 !important; -webkit-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important; transform: rotate(0deg) !important; color: inherit !important; display: inline-block !important; background: transparent !important; box-shadow: none !important; text-indent: 0; } .basic-header-field [contenteditable] { outline: none !important; cursor: text; } /*previw form css */ .preview-para > p, .preview-small-text > p { padding-top: 0; margin-top: 0; } .preview-small-text > p { } /*//previw form css */ /*===================== end sprint 108 ======================*/ /*===================== start sprint 109 ======================*/ .divflex-outer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .divitem-autofull { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .divitem-auto { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .duration-divleft { } .t-s-andduration.modal-temp.rgf-modal .modal-dialog { width: 72%; } .gm-body-drop-down-cloumn .col-sm-2.min-width80, .gm-body-drop-down-cloumn .col-sm-2 .min-width80 { min-width: 80px; } .gm-body-drop-down-cloumn .col-sm-2.min-w-80, .gm-body-drop-down-cloumn .col-sm-2 .min-w-80 { min-width: 80px; } .gm-body-drop-down-cloumn .width80 { width: 80px; } .taskc-helpicon { font-size: 1.125em; margin-left: 8px; line-height: 15px; } .taskc-helpicon .fa-question-circle { margin-top: 0 !important; } .delayafter { line-height: normal; padding: 0 10px; font-size: 16px; } .delayafter .one-line-text { margin-top: -12px; } .delayafter .underline-link { font-size: 14px; margin-left: 2px; } .delayafter .td-underline { font-size: 14px; margin-left: 2px; } /*reorder strip*/ .reorder-centerbox { padding: 0 12px; } .reorder-centerbox a.p-absolute { top: 0; right: -5px; } .reorder-centerbox .max-width-300 { max-width: 320px; } .reorder-centerbox .max-width-300 .form-control { width: calc(100% - 20px); } /*.reorder-centerbox .max-w-320 .form-control{width: 250px;} .reorder-centerbox .max-w-320 .form-control.wauto{width:auto}*/ .margin-center { margin: 0 auto; } #divStartDateScroll .option-width { padding-right: 33px; } /*.multi-am-container people admin dropdown*/ .multi-am-container .am-inner-container { font-family: 'bariol-regular'; } .multi-am-container .sol-input-container input[type="text"] { color: #454f57; } .add-atleastone.multi-am-container .sol-input-container input[type="text"]::-webkit-input-placeholder { color: #454f57 !important; } .add-atleastone.multi-am-container .sol-input-container input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #454f57 !important; } .add-atleastone.multi-am-container .sol-input-container input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #454f57 !important; } .add-atleastone.multi-am-container .sol-input-container input[type="text"]:-ms-input-placeholder { color: #454f57 !important; } /*===================== end sprint 109 ======================*/ /*===================== start sprint 110 ======================*/ #divTaskDetailScroll { max-height: calc(100vh - 165px); overflow-y: auto; overflow-x: hidden; min-height: 300px; } #task-workflow-sandbox .modal-body { max-height: calc(100vh - 199px); overflow-y: auto; overflow-x: hidden; } .newCF-set-deafaultvalue { padding-top: 20px !important; min-height: 200px; } .newCF-set-deafaultvalue.min-height400 { min-height: 400px; } .newCF-set-deafaultvalue .blue-25per { background: #fff; } .newCF-set-deafaultvalue.min-h-400 { min-height: 400px; } /*===================== end sprint 110 ======================*/ /*===================== start sprint 111 ======================*/ /*Persona popup*/ .ad-task-modal-box .modal-dialog.max-w-500 { width: auto; min-width: 500px; max-width: 500px; } .ad-task-modal-box .modal-dialog.max-w-700 { width: 65%; } .crafticon { width: 16px; height: 16px; background-image: url(/Assets/images/crafticon2.svg); display: inline-block; background-repeat: no-repeat; background-size: contain; } .input_label.disabled-show { background-color: #f1f0f0 !important; border: 1.5px solid rgb(202, 222, 231); opacity: .65; cursor: not-allowed; } .disable-icon { opacity: 0.6; } .newcf-prev-hir { padding-right: 0; } .newcf-prev-hir .hierar-child { padding: 0; } /*===================== end sprint 111 ======================*/ /*===================== end sprint 112 ======================*/ /********Copy worklow ************/ .radio-block-list { margin: 0; padding: 0; width: 100%; float: left; } .radio-block-list li { display: block; width: 100%; float: left; } .radio-block-list li .radio input[type="radio"]:not(:checked) + label::before, .radio-block-list li .radio input[type="radio"]:checked + label::before { top: 4px; } .radio-block-list li .radio input[type="radio"]:not(:checked) + label::after, .radio-block-list li .radio input[type="radio"]:checked + label::after { top: 7px; } .modal-v-center .modal-body.min-h200 { padding-top: 15px; min-height: 200px; } .modal-dialog.w720.w400 { width: 400px; } .modal-v-center .modal-body.modal-heightfull { height: calc(100vh - 162px) !important; } .placeholder-taskbind { border: 1px dotted #454f57; margin-bottom: 10px; padding: 10px; border-radius: 4px; } .copy-tree-structure .table-wrap .table { table-layout: auto; } .copy-tree-structure .atm-trigger .task_title { overflow: hidden; text-overflow: clip; padding-right: 15px; } /*===================== end sprint 112 ======================*/ /*********** Over write css *******************/ .prs_dash_admin_container .csp-mlr-0 { padding-top: 10px; } .prs_dash_admin_container .csp-mlr-0 .csp-mt-3, #divQ2EReportBuilder .csp-mt-3, #DivAtmCtrl .csp-plr-0 .csp-mt-3 { margin-top: 0; } #divQ2EReportBuilder .csp-mtb-20 { margin-bottom: 0px; } .ndash-in-left-table .nd-add-new-program { margin-top: 5px; } /*#containeradmindashboard .nadmin_cfield_tbl .nd-add-new-program {margin-top:15px;}*/ /*********** Over write css *******************/ .dropdown-menu, .btn { font-size: 1em; } .pagination-wrap.font-100, .font-100 { font-size: 1em; } /*.broadcast-multiselect.sol-container.am-active .am-inner-container, .broadcast-multiselect .am-inner-container {border: 1.5px solid rgba(164, 171, 174, 0.5);background:#fff} .broadcast-multiselect .am-caret-container .sol-caret:before{color:#454f57}*/ .modal-scrollbody.modal-body { max-height: calc(100vh - 162px); overflow: auto; } .schedule-modal label { font-family: bariol-regular !important; } .sr-margin-l-10 { margin-left: 10px; } .schedule-set label { font-family: 'bariol-regular'; padding-left: 0; padding-right: 0; text-align: left !important; } .schedule-set .starton-input { width: 160px; margin-right: 5px; } .schedule-set .endon-input { width: 106px; margin-right: 5px; } /*add-css-sprint-123*/ .schedule-set > .form-group > label.col-sm-3 { width: 20%; } /*add-css-sprint-123*/ /*.schedule-set .no-end-date{float: left;margin-top:9px;} .schedule-set label{font-family:'bariol-regular';padding-left:0;padding-right:0;text-align:left !important}*/ .schedule-set .custom-input-w340 { width: 340px; } .recurring-box { min-height: 145px; margin-top: 5px; margin-bottom: 5px; } .recurring-box .pd-r-0 { padding-right: 0; } .recurring-box label { font-family: bariol-regular !important; } .recurring-left { min-height: 145px; border-right: 1px solid rgba(164, 171, 174, 0.5); padding-right: 0; width: 127px; } .recurring-left .form-group { overflow: hidden; } .recurring-left .list-redio-box ul { margin: 0; padding: 0; } .modal-scrollbody .brdcast-set-time { width: 100%; height: 60px; } .recurring-left .radio:first-child { margin-top: 0; } .recurring-right .radio-inline-select { padding-top: 0; } /*add-by-shoaib*/ .recurring-right .list-chk-box { width: 100%; } .recurring-right .list-chk-box > .col-sm-9 { margin-left: -12px; } .recurring-right .redio-label-row > .col-sm-9 { margin-left: -15px; } .recurring-right .month-dd-label > .col-sm-5 { width: 50%; } .recurring-right .list-chk-box label.check-label { float: left; display: inline-block; padding-left: 0; padding-right: 0; margin-top: 8px; margin-bottom: 0; } .recurring-right .redio-label { display: inline-block; padding-left: 0; padding-right: 0; margin-top: 5px; } .recurring-box .radio input[type="radio"]:not(:checked) + label::before, .recurring-box .radio input[type="radio"]:checked + label::before { top: 4px; } .recurring-box .radio input[type="radio"]:not(:checked) + label::after, .recurring-box .radio input[type="radio"]:checked + label::after { top: 7px; } .recurring-right .list-chk-box .position-relative { width: 100%; display: inline-block; vertical-align: middle; } .recurring-right .list-chk-box .p-relative { width: 100%; display: inline-block; vertical-align: middle; } .recurring-right .rec-box { width: 62px; margin-right: 5px; } .recurring-right .rec-box + label { vertical-align: middle; margin-bottom: 0; } .recurring-right .rec-box.months { display: inline-block; vertical-align: middle; } /*.form_datetime{width:70% !important;margin-left:5px;padding-right:5px !important}*/ .form_datetime { background: #fff !important; padding-right: 0 !important; } .form_datetime > input { border: 0; width: 100%; } .datetimepicker.dropdown-menu { margin: 0; } .program-add-broadcast-icon-outer { display: block; float: left; width: 100%; } .program-add-broadcast-icon { padding-top: 17px; float: left; margin-left: 5px; font-size: 18px; } /*add-by-shoaib*/ .broadcast-multiselect.white-bg .sol-no-results { position: relative; text-align: left; text-align: left; background: #f1f0f0; padding-left: 15px; } /*.broadcast-multiselect.white-bg .sol-no-results:before{content:'';position:absolute;z-index:1;left:0; right:0; top:0; bottom:0; width:100%; height:100%}*/ .broadcast-multiselect.w300, .field300 { width: 300px; } .broadcast-multiselect .am-inner-container { border: 1.5px solid rgba(164, 171, 174, 0.5); background: #fff !important; } .form-wrap .broadcast-multiselect .form-control:focus { border: 0; } .broadcast-multiselect .sol-input-container input[type="text"] { vertical-align: top; } .broadcast-multiselect .am-caret-container .am-caret:before { color: #454f57; } .broadcast-multiselect .am-caret-container .am-caret { top: 0; } .broadcast-multiselect .dropdown-menu { border-radius: 0; border: 0; margin-top: 0; } .rpt-dd-multiselect.w300, .field300 { width: 300px; } .rpt-dd-multiselect .am-inner-container { border: 1.5px solid rgba(164, 171, 174, 0.5); background: #fff !important; } .form-wrap .rpt-dd-multiselect .form-control:focus { border: 0; } .rpt-dd-multiselect .sol-input-container input[type="text"] { vertical-align: top; } .rpt-dd-multiselect .am-caret-container .am-caret:before { color: #454f57; } .rpt-dd-multiselect .am-caret-container .am-caret { top: 0; } .rpt-dd-multiselect .dropdown-menu { border-radius: 0; border: 0; margin-top: 0; } .broadcast-multiselect-inline .dropdown-menu li { float: left; width: auto !important; } .broadcast-multiselect-inline .sol-label-text { float: left; padding-left: 0; } .broadcast-multiselect-inline .am-container .dropdown-menu { background: #f1f0f0; } .broadcast-multiselect-inline .am-label { background-color: #f1f0f0; padding-right: 0; } .broadcast-multiselect-inline .am-label [type="checkbox"]:not(:checked) + label, .broadcast-multiselect-inline .am-label [type="checkbox"]:checked + label { padding-left: 16px; } .broadcast-multiselect-inline .am-label:hover { background-color: #f1f0f0; color: #454f57; } .broadcast-multiselect-inline.weeksin3 .dropdown-menu li { width: 33% !important; display: inline-block; } .broadcast-multiselect-inline.days .dropdown-menu li { width: 20% !important; display: inline-block; } .broadcast-multiselect-inline.days .am-label { padding: 5px; } /*.filed-in-h{position:absolute; z-index:9}*/ .hover_effect { background: red !important; } .hover_effecte_end { background: black !important; } .translate-remove.clone-box { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) !important; display: none; } .tab-accordion-heading-rs { display: none; } .ff-default .filter-btn-wrap .btn-link, .ff-default .filter-btn-wrap .btn-default, .ff-default .filter-btn-wrap .btn-default[disabled]:hover { color: #fff !important; } /*============ sprint 94 automation trigger event ============*/ .form-wrap .row.remove-b-m-0 { margin-bottom: 0; } .atm-trigger-outerbox-body .modal-dialog { width: 400px; } .atm-trigger-outer-body { width: 400px; } .atm-trigger-outer { position: relative; margin: 0; padding: 0; } .atm-trigger-outer .atm-trigger-outer { padding-left: 20px; float: left; width: 100%; } .atm-trigger-inner .atm-trigger { float: left; width: 100%; } .atm-trigger .task_title_truncate { float: left; width: 100%; padding-left: 7px; } .atm-trigger .span_arrow { float: left; width: 12px; padding-left: 0px; line-height: 35px; cursor: pointer; } .atm-trigger .task_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; padding-left: 4px; padding-right: 4px; height: 35px; line-height: 35px; } .last-item-task { margin-left: 12px; } .atm-trigger .checkbox-inline { padding-left: 3px; padding-right: 3px; vertical-align: top; } /*Automation resuting action tooltip truncate*/ .tt-list-box:nth-of-type(1n+7) { display: none; } .tt-list-box:nth-of-type(1n+6):after { float: right; content: 'Edit to see more...'; color: #454f57; margin-bottom: 5px; margin-top: 4px; } /*q2e select picker*/ .q2e-select-dropdown { position: relative; } .q2e-select-dropdown input[type='text'] { box-sizing: border-box; } /*.q2e-select-dropdown .option-width{letter-spacing: 0.0500em;}*/ .q2e-select-dropdown ul { max-height: 175px !important; overflow: auto; padding-right: 25px; box-shadow: 2px 2px 4px #d4d4d4; border: 0; font-size: .875em; overflow-x: hidden; background-color: #f1f0f0; box-sizing: border-box; list-style: none; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 1000; top: 100%; } .dd-up-mx-h-155 .q2e-select-dropdown ul.drop-to-up { max-height: 155px !important; } .q2e-select-dropdown ul.drop-to-up, .drop-top { bottom: 100%; top: auto; box-shadow: 2px -2px 4px #d4d4d4 !important; } .removedd-shadow .drop-top { box-shadow: none !important; } .q2e-select-dropdown ul > li { cursor: pointer; padding: 7.5px 0px 7.5px 14px; color: #454f57; display: block; float: left; width: 100%; } .q2e-select-dropdown ul > li:focus { color: #454f57; } .q2e-select-dropdown ul > li:hover { background: #9aa6ad; color: #fff; } .q2e-select-dropdown ul > li.active, .q2e-select-dropdown ul > li.active:hover { background-color: #2aace3; color: #fff; } /*.q2e-select-dropdown ul > li.active, .q2e-select-dropdown ul > li:hover { background: #9aa6ad; color:#fff }*/ .form-control.ge[readonly], .form-control.ge { background: #fff; padding-right: 25px; letter-spacing: normal; letter-spacing: initial; } .q2e-select-dropdown .caret { border: none !important; background: url('/Assets/images/drop-arrow.png') no-repeat top right; width: 7px; height: 14px; position: absolute; right: 10px !important; top: 11px !important; } .option-width { float: left; height: 0; visibility: hidden; opacity: 0; padding-right: 28px; letter-spacing: normal; letter-spacing: initial; display: block; font-size: .875em; padding: 0px 11px 0px 17px; padding-right: 30px; width: 100%; letter-spacing: 0.45px; } .option-width.wauto { width: auto; } .q2e-select-dropdown .form-control.placeholder { color: #9aa6ad !important; } /*q2e select picker text field*/ .form-control.ge, .form-control.ge:focus { cursor: pointer; text-overflow: ellipsis; overflow: hidden; } .form-control.ge[readonly] { cursor: pointer; } .form-control.ge::selection { background: #fff; } .form-control.ge::-moz-selection { background: #fff; } .form-control.ge { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ } /*q2e select picker*/ .word-wrap { word-wrap: break-word; } .min-height420 { min-height: 420px; } .one-line-text { white-space: nowrap; } /*automation multi select*/ .dropdown-multi-select.open > .dropdown-menu { top: 100%; margin-top: 0px !important; } .drop-up.dropdown-multi-select.open > .dropdown-menu { bottom: 100%; top: auto; top: initial; } /*automation single select*/ .dropdown-single-select.open > .dropdown-menu { top: 100%; margin-top: 0px !important; } .drop-up.dropdown-single-select.open > .dropdown-menu { bottom: 100%; top: auto; top: initial; } .ng-cls-hidden { visibility: hidden; opacity: 0; } /*drop down active color change start css */ .single-select-dd .dropdown-menu > li > a.active, .q2e-select-dropdown ul > li.active, .q2e-select-dropdown ul > li.active:hover, .pn-dropdown > ul li > a.selected-pnlist, .multiple-select .open .dropdown-menu > li > a.active { background-color: #2aace3; color: #fff; } .multiple-select .open .dropdown-menu > li > a.active p, .multiple-select .open .dropdown-menu > li > a.active:hover p { color: #fff; background: #2aace3; } .bootstrap-select.btn-group .dropdown-menu > li > a:focus, .bootstrap-select.btn-group .dropdown-menu > li > a[aria-selected="true"] { background-color: #2aace3; color: #fff; } .am-label.active [type="checkbox"]:checked + label:before, .sol-label.active [type="checkbox"]:checked + label:before { border: 1px solid #fff; } .date-picker .btn-info.active { background-color: #2aace3 !important; color: #fff; } /*drop down active color change end css */ .tooltip.fade.in, .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none; } .after-required:after { content: "*"; color: #b74750; display: inline-block; text-indent: 1px; } /*css for internet explorer */ /* IE10+ CSS styles go here */ /*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .report-body-outer{display:flex !important; flex-direction:column;-ms-flex-direction:column} .report-body-row{flex:0 0 auto; display:block !important; height: auto !important; min-height:1px;height: initial;} .report-widget-body.report-body-row{flex: 0 1 auto; display:block !important; height:100% !important} }*/ /*Change sprint 105*/ .form-wrap .disabletext-show.form-control[disabled], .section-disable-textshow.form-wrap .form-control[disabled] { background-color: rgba(241, 240, 240, 0.6) !important; opacity: 1; } /* end Change sprint 105*/ /******************* Tab focus flobal ************************/ .modal-footer .btn.btn-secondary { opacity: 1; } .modal-footer .btn[disabled].btn-secondary, .modal-footer .btn[disabled].btn-secondary:hover, .modal-footer .btn[disabled].btn-secondary:focus, .modal-footer .btn[disabled].btn-secondary:focus:hover { border: 1px solid rgba(42, 172, 227, 0.66); } .modal-footer .btn[disabled].btn-secondary:focus:hover { background: none } .modal-footer .btn-secondary:active, .modal-footer .btn-secondary:active:hover { color: #2aace3 !important; background: transparent } /******************* end Tab focus flobal ************************/ /*.newformbuilder-container .form-config-wrap{position: relative;height: auto;}*/ .gm-body-drop-down-cloumn .col-sm-2.task-control-width { max-width: 300px; } .newformbuilder-container .form-dragmoveicon.top { top: 5px; } .newformbuilder-container .form-dragmoveicon { bottom: 5px; top: auto; } .newformbuilder-container .form-dragbox.form-fixed-border { padding: 15px 10px 0; } .newformbuilder-container .form-config-wrap { max-height: 100%; } .newformbuilder-container .config-auto-form-box { padding: 0; } .newformbuilder-container.config-auto-modal .data-modal .modal-body { height: calc(100vh - 162px); } .newformbuilder-container.config-auto-modal .data-modal .modal-body .config-auto-form-outer { width: 100%; height: 100%; position: relative; overflow-y: auto; overflow-x: auto; } .newformbuilder-container #divformcustomfield.form-config-wrap { overflow: hidden; } .customtab-f-config > #divformcustomfield.form-config-wrap { overflow: hidden; } .form-config .form-config-box.customtab-f-config { display: block; } #dvCFHtml { font-family: serif; } /*style remove add class*/ .form-guided { position: relative; height: 100%; } .form-guided-inner { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow-x: hidden; overflow: auto; } .min-w275 { min-width: 275px !important; } /* - - - - - - - -css start sprint 115 - - - - - - - -*/ .cc-container-body { margin: 0 15px; } .cc-panel, .cc-panel-header, .cc-panel-body, .cc-panel-body-row, .hold-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .cc-panel, .cc-panel-body-row, .v-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cc-panel-header { height: 35px; background: #e8edef; } .cc-panel-header .fa.arrow-expand { margin-right: 5px; width: 12px; text-decoration: none; } .cc-reset-icon { margin-left: auto; } .cc-save-btn { height: 35px; float: right; position: fixed; right: 46px; bottom: 50px; z-index: 35; } .v-align-center { align-self: center; } .cc-panel-body-row > .col-sm-12 { padding: 15px 0; border-bottom: 1px solid #e8edef; } .cc-reset.w360 { max-width: 360px; } .row.cc-panel-body-row { margin: 0; } .cc-major-linkbox { cursor: pointer; vertical-align: middle; text-align: center; border-radius: 4px; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: 0 0 0px #8c9497; height: 63px; justify-content: center; width: 50%; } .cc-flex-full { flex: 1 1 auto; } .cc-flex-auto { flex: 0 0 auto; } .cc-major-linkbox > a { text-decoration: none; font-size: 1.2em; } .cc-text-link { color: #454f57; text-decoration: underline; } .cc-span-blue-text span { color: #2aace3; } .cc-span-blue-text span:hover { color: #0e76bc; } .cc-main-nav { margin: 0; padding: 0; } .cc-main-nav li { float: left; padding: 19px; margin-left: 20px; } .cc-main-nav li:first-child { margin-left: 0px; } .cc-main-nav li a, .refresh-link { color: #454f57; text-decoration: none; } .cc-main-nav li.active { background: #2aace3; } .cc-main-nav li.active a { color: #fff; } .cc-icon .fa { color: #f7903d; } .cc-icon .fa:hover { color: rgba(247, 144, 61, .5); } .cc-sand-box { position: relative; background-color: #f1f0f0; color: #454f57; padding: 7.5px 10px; border-radius: 3px; width: 50%; } .cc-sand-icon .fa { cursor: pointer; margin-right: 3px !important; } .cc-alert-icons .fa { color: #b74750; cursor: pointer; } .cc-action-btn { padding: 0; } .cc-action-btn .btn-link { margin-left: 0; } .cc-form-field { width: 50%; padding: 15px; background: rgba(42, 172, 227, .25); } .cc-faceted-filter { background: #454f57; padding: 15px 32px; width: 50%; padding-bottom: 60px; } .cc-filter-label { border-bottom: 1px solid #353d43; height: 35px; } .cc-filter-text { position: relative; text-decoration: none; color: #9aa6ad; display: block; line-height: inherit; margin: 10px 0 10px; padding-right: 15px; padding-bottom: 30px; } .cc-filter-control { background: #353d43; border-radius: 2px; font-size: .875em; color: #9aa6ad; border: 0 !important; } .cc-filter-text:hover { color: #9aa6ad; text-decoration: none; } .cc-dropdown { width: 300px; position: relative; } .cc-dropdown button { border-radius: 2px; box-shadow: none; border: 1.5px solid rgba(164, 171, 174, 0.5); padding-left: 15px; background-color: transparent; color: #454f57; height: 35px; margin: 0; width: 100%; } .cc-dropdown button:focus, .cc-dropdown button:active { outline: 0; box-shadow: none; } .cc-dropdown-list { padding: 0; background-color: #f1f0f0; } .cc-dropdown-list li.active { background: #2aace3; color: #fff; } .cc-dropdown-list li.active a, .cc-dropdown-list li.active a:hover { color: #fff; } .cc-dropdown-list li a { width: 100%; padding: 7.5px 15px; white-space: inherit; overflow: hidden; text-overflow: ellipsis; border-right: 0; text-decoration: none; display: block; } .cc-dropdown .caret { border: none !important; background: url(/Assets/images/drop-arrow.png) no-repeat; width: 7px; height: 14px; position: absolute; right: 14px !important; top: 12px !important; } .cc-dropdown-list li a:hover { color: #454f57; } .cc-dropdown .filter-option { width: 100%; position: relative; text-align: left; } .cc-report-widget { display: flex; width: 100%; flex-wrap: wrap; } .cc-report-widget .input-group { flex: 1 1 auto; width: 13.28%; margin: .5%; } .cc-report-widget .count { } .cc-resetdefault { flex-direction: row-reverse; } .cc-resetdefault label { order: 1; } /*aadd css for color customization*/ .faceted-row .date_active .btn-default:hover, .faceted-row .date_active .btn-default:focus:hover { background: #353d43 !important; } .bootstrap-select.btn-group .btn-default:hover, .bootstrap-select.btn-group .btn-default:focus:hover { background: #ffffff !important; } .panel-default > .panel-heading, .cc-refrencematerail-icon { color: #454f57; } .cc-text-link { color: #454f57; text-decoration: underline; } .cc-text-link:hover, .cc-text-link:focus { color: #0e76bc; } .cc-text-link i.fa, .cc-text-link:hover i.fa, .cc-text-link:focus i.fa, .cc-text-link .cc-text-dec-none { text-decoration: none; } .cc-fa-icon, .dropdown-menu > li > a { color: #454f57; } .cc-text-red { color: #b74750; } .cc-disable-link, .cc-disable-link:hover, .cc-disable-link:focus { text-decoration: underline; cursor: default; color: #8c9497; } .filter-btn-wrap .btn-default { } input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected { background-color: transparent !important; transition: background-color 5000s ease-in-out 0s; } .ellip { display: block; height: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .ellip, .ellip-line { position: relative; overflow: hidden; max-width: 100%; } /* - - - - - - - -css start sprint 115 - - - - - - - -*/ /*style css sprint 116*/ .container-main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; } .container-top-auto { flex: 0 1 auto; } .container-bottom-scroll-outer { flex: 1; display: flex; position: relative; width: 100%; } .container-bottom-scroll { flex: 1; display: flex; overflow: auto; border-top: 1px solid #d7d7d7; background: #f2f2f2; position: relative; } .comment-text-field { border-bottom: 1px solid #d7d7d7; } .container-bottom-scroll.thread-outer { border-top: 0; } .container-bottom-scroll-fullwidth { min-height: -webkit-min-content; display: flex; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #f2f2f2; } .container-bottom-scroll-fullwidth .tasktab-contents { padding: 0 30px; } .container-bottom-scroll-fullwidth .tasktab-contents.preview { padding: 0 15px; } .new-task-tab.tab-wrap { padding: 0 30px; } .new-task-tab.tab-wrap .nav-tabs { margin-bottom: 0; border-bottom: 0; } /*-------------------------new task form css ---------------*/ .tasktab-contents { width: 100%; } .tasktab-contents .btn_schanges { margin: 6px 0 10px; } .form-list { margin-top: 0px; padding: 0; } .form-list-full { width: 100%; background: #fff; margin-bottom: 15px; padding: 15px; border-radius: 3px; box-shadow: 0 1px 2px #d2d2d2; } .form-list-full .ins_message { margin-bottom: 10px; font-family: bariol-bold; } .form-list-full .option { padding: 0; } .new-single-select { width: 100%; } .form-list-full .custom-checkbox li { margin-bottom: 5px; } .form-list-full .option .radio { margin: 0; margin-bottom: 0; } .form-list-header { } /*#3629 bug solve*/ .form-list-full .preview-value { color: #9aa6ad; } /*-------------------------new task Comments css ---------------*/ .new-task-comment-outer { } .new-task-comment { } .comment { } .div-flex-row.heightfull-item { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .div-flex-row.heightfull-item-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-flex-row.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .div-flex-row .align-self-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-align-right { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .remove-to-input { background: #fff; } .full-task-tofield .select2-drop { top: 102% !important; width: calc(100% + 25px); } .full-task-tofield .select2-container, .comment-subject .form-control, .comment-subject .form-control:focus { border-right: 0 !important; border-top-right-radius: 0; border-bottom-right-radius: 0; } .color-username { line-height: 28px; text-align: center; } .to-right-icons { align-items: center; height: 100%; } .to-right-icons .nc-lock { margin-right: 6px; } .remove-to { display: flex; height: 100%; border: 1.5px solid rgba(164, 171, 174, 0.5); border-radius: 2px; border-left: 0; margin-left: 0; padding-left: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 25px; } .remove-to span { align-self: center; } .thread-outer { margin-left: -30px; margin-right: -30px; padding: 0 30px; } .commentbottom-icon-outer { padding: 3px 0; } .flex-width-auto { flex: 0 0 auto; } .flex-width-full { flex: 0 1 auto; } .commentscroll-outer { position: relative; width: 100%; height: 100%; } /*.commentbottom-icon, .comment-attachment-text{color:#2aace3} .commentbottom-icon:hover, .commentbottom-icon:focus, .comment-attachment-text:hover, .comment-attachment-text:focus{color:#0e76bc}*/ .commentbottom-icon { color: #2aace3; } .commentbottom-icon:hover, .commentbottom-icon:focus { color: #0e76bc; } .commentbottom-icon .fa-ellipsis-v { width: 100%; height: 100%; font-size: 17px; padding-top: 2px; } .display-inline .commentbottom-icon { width: 20px; text-align: center; margin-right: 5px; } .display-inline a.commentbottom-icon:first-child { text-align: left; width: 17px; } .display-inline button.commentbottom-icon { width: 20px; text-align: center; height: 100%; border: none; background: none; padding: 0; } .commentbottom-icon-outer, .d-flex-item { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .d-flex-item .commentbottom-icon { width: 20px; text-align: center; margin-right: 5px; } .d-flex-item a.commentbottom-icon:first-child { text-align: left; width: 17px; } .d-flex-item button.commentbottom-icon { width: 20px; text-align: center; height: 100%; border: none; background: none; padding: 0; } .comment-thread-actionbtn.d-flex-item .commentbottom-icon { margin-right: 0; } .commentbottom-icon-outer .fa-paperclip { transform: rotate(221deg); } .commentbottom-icon-outer .fa-paper-plane { transform: rotate(54deg); } .boxdrop-shadow { box-shadow: 0 1px 2px #d2d2d2; } .comment-holder { background: #fff; border-radius: 3px; } .comment-holder textarea { border: none; box-shadow: none; resize: none; height: 69px; box-shadow: none; border-radius: 3px; } .comment-holder textarea.form-control:focus { box-shadow: none; } .comment-holder .n-wf-comment-box { padding: 0 14px 3px; border-top: 1px solid #f1f0f0; } .comment-holder .n-wf-att-list-outer { margin: 0; } .comment-holder .n-wf-filename, .comment-holder .n-wf-fileclose { display: inline; } .comment-holder .n-wf-fileclose:hover { cursor: pointer; } .comment-holder .n-wf-fileclose:before { color: #2aace3 !important; } .comment-holder .n-wf-fileclose:hover:before { color: #0e76bc !important; } .comment-holder .n-wf-fileclose { width: 30px; text-align: left; font-size: 1em; margin-right: 9px; } .comment-count { padding-left: 5px; } .attch-count { margin-top: -7px; margin-left: 5px; background: #95c53d; float: right; } .comment-message { padding: 0 30px; width: 100%; float: left; } .comment-message li.thread-list { border-top: 1px solid #dbdee0; width: 100%; float: left; } /*.thread-list .title-box .list-item-image{width:36px; height:36px;}*/ .comment-message li.thread-list:first-child { border-top: none; } .thread-holder { padding: 15px 0; } .comment-time { font-size: .875em; color: #9aa6ad; margin-bottom: 0px; margin-top: -3px; display: block; } .comment-context .title-box { font-family: 'bariol-regular'; } /*.title-box .avatar-bg{width: 36px;height: 36px;border-radius: 2px; display:inline-block;line-height: 35px;}*/ .title-box .receivers .receivers-avatar { width: 24px; height: 24px; border-radius: 2px; display: inline-block; } .title-box .receivers .receivers-initial { width: 24px; height: 24px; border-radius: 2px; display: inline-block; line-height: 23px; font-size: 14px; cursor: default; } .title-box.sender .senders-initial { width: 36px; height: 36px; border-radius: 2px; display: inline-block; line-height: 35px; text-align: center; } .title-box.sender .sender-avatar { width: 36px; height: 36px; } .comment-context .n-wf-comment-text { margin-top: 0; } .comment-thread-actionbtn.display-inline .commentbottom-icon { margin-right: 0; } .comment-thread-actionbtn > span { width: 20px; height: 20px; line-height: 20px; text-align: center; } .reply-btn { padding-left: 5px; } .comment-texts { height: 20px; margin-bottom: 4px; overflow: hidden; } .comment-texts.height-auto { height: auto; } .reply-btn { transform: rotate(90deg); vertical-align: middle; } .speech-bubble { position: relative; background: #95c53d; border-radius: 20px; float: right; min-width: 19px; text-align: center; line-height: 1; font-size: .875em; color: #fff; font-size: 12px; margin-left: 5px; padding: 0 5px; margin-top: -7px; padding: 3px 7px; font-weight: bold; } .new-task-form .form-g-setting.crncy-symbol-wrap .percentage-symbol, .new-task-form .crncy-symbol-wrap { color: #000 !important; } .new-task-form .crncy-symbol-wrap { height: 35px; line-height: 35px; } .new-task-form .crncy-symbol-wrap .percentage-symbol { top: 0; } .new-task-form .currency-value { left: 16px; position: relative; } .speech-bubble:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border: 7px solid transparent; border-top-color: #95c53d; border-bottom: 0; border-left: 0; margin-bottom: -3px; transform: rotate(30deg); } .attachment-more.height-auto { max-height: none; } .trucatediv.att-comment-height { height: 20px; } /*.blue-link-noline, .action-blue-icon, .action-blue-icon .fa-times-circle-o, .action-blue-icon .fa, .remove-to .fa-times-circle-o, .to-right-icons .nc-lock{color:#2aace3!important}*/ /*.blue-link-noline{color:#2aace3!important}*/ /*.blue-link-noline:hover, .blue-link-noline:focus, action-blue-icon:hover, action-blue-icon:focus,.action-blue-icon .fa:hover, .action-blue-icon .fa-times-circle-o:hover, .remove-to .fa-times-circle-o:hover,.to-right-icons .nc-lock:hover {color:#0e76bc!important}*/ /*.blue-link-noline:hover, .blue-link-noline:focus {color:#0e76bc!important}*/ .link-noline { color: #454f57 !important; } .link-noline:hover, .link-noline:focus { color: #0e76bc !important; } .attachement-table { table-layout: fixed; border-collapse: collapse; margin-bottom: 0; } .attachement-table thead { background: #2aace3; } body .attachement-table thead th, body .attachement-table thead th a { color: #fff; font-weight: normal; } body .attachement-table thead th a:focus, body .attachement-table thead th a:hover { text-decoration: none; } .attachement-table.table > thead > tr > th, .attachement-table.table > tbody > tr > th, .attachement-table.table > tfoot > tr > th, .attachement-table.table > thead > tr > td, .attachement-table.table > tbody > tr > td, .attachement-table.table > tfoot > tr > td { padding: 4px 8px; border-top: 0; border-bottom: 0; } .attachement-table.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; } .attachement-table.table-striped > tbody > tr:nth-of-type(even) { background-color: #f2f2f2; } .comment-attachment { font-size: .875em; } .attachment-more.comment-attachment { margin: 0; } .comment-attachment-icon { margin-right: 5px; } .wt-modal-box .tab-wrap .nav-tabs.previewtab { margin: 0; } .tab-wrap .nav-tabs.previewtab > li { pointer-events: none; } .tab-wrap .nav-tabs.previewtab > li > a:hover, .tab-wrap .nav-tabs.previewtab > li > a:active, .tab-wrap .nav-tabs.previewtab > li > a:focus { border-bottom: 4px solid transparent; } .form-savechange { } .container-table-outer { position: relative; height: 100%; width: 100%; } .container-table-inner { display: flex; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; right: 0; } .container-table { display: flex; flex-direction: column; width: 100%; position: relative; flex: 0 1 auto; min-height: 1%; max-height: calc(100% - 1px); } .container-table-header { display: flex; flex-direction: row; flex: 0 0 auto; background: #e8edef; /* */ } .container-table-body { display: flex; flex: 0 1 auto; overflow: auto; overflow-x: hidden; max-height: calc(100% - 1px); } .container-table-footer { display: flex; flex-direction: row; flex: 0 0 auto; /* */ } /********************sprint css 117 start **************/ /*persona publish*/ .persona-publish-icon { color: #b74750; } .persona-publish-icon:hover { color: rgba(183, 71, 80, .5) !important; } .deleted-row { color: #9aa6ad; } .membert-status .fa { cursor: default; } /********************sprint css 117 end **************/ /********************sprint css 118 start **************/ .calendar-pulish-i { float: right; position: relative; top: 6px; font-size: 20px; } /********************sprint css 118 end **************/ /********************sprint css 119 start **************/ .self-dd-inline { display: inline-block; vertical-align: middle; width: 300px; } .self-dd-inline .form-control { width: 100%; } .multi-user .tooltip-inner, .footer-licence-error .tooltip-inner { max-width: 260px; } /*partner self regestration*/ .grid-stack > .grid-stack-item > .grid-stack-item-content.password-validation, .password-validation .gs-inner-2 { overflow: visible; } .self-reg-outer .detail-wrap { padding: 0; } .self-reg-outer { padding-top: 0; } .self-reg-outer .external-form-wrap-inner { margin-top: 0; } .self-reg-outer .preview-frame { padding-top: 0 !important; } .self-reg-outer .error-msg.text-nowrap { white-space: normal; } .self-reg-outer .form-wrap .row { margin-bottom: 0; } .self-reg-outer .external-form-wrap-inner { padding-bottom: 0; } @media only screen and (min-width : 769px) and (max-width : 1000px) { .self-reg .grid-stack-item { position: relative !important; /*width: auto !important;*/ left: 0 !important; top: auto !important; margin-bottom: 20px; } .self-reg .grid-stack-item .ui-resizable-handle { display: none; } .self-reg .grid-stack { height: auto !important; } .self-reg .ai-custom-fields > .row { margin: 0; } .self-reg #divFormContainer { padding: 0 15px; } .self-reg .gs-inner-2 { position: relative; } .self-reg .grid-stack-item { width: 100% !important; } .self-reg .grid-stack-item { margin-bottom: 10px; } .self-reg .form-image-outer { margin-bottom: 30px; overflow: hidden; } .self-reg .btn-outer .gs-inner-2 > div { text-align: right; } /*.self-reg .grid-stack-item.btn-outer{display:inline-block;width:auto!important}*/ .self-reg .grid-stack > .grid-stack-item > .grid-stack-item-content, .self-reg .gs-inner-2 { overflow: visible; } .self-reg .isHeirarchical-6outer { height: 100%; } .self-reg .g-font-size-reset .fontalign-left, .fontalign-left { width: 100%; text-align: left; } .self-reg .lab-left-box-right { width: 100%; } } @media (max-width: 768px) { .self-reg .ai-custom-fields > .row { margin: 0; } .self-reg #divFormContainer { padding: 0 15px; } .self-reg .gs-inner-2 { position: relative; } .self-reg .grid-stack-item { width: 100% !important; } .self-reg .grid-stack-item { margin-bottom: 10px; } .self-reg .form-image-outer { margin-bottom: 30px; overflow: hidden; } .self-reg .btn-outer .gs-inner-2 > div { text-align: right; } /*.self-reg .grid-stack-item.btn-outer{display:inline-block;width:auto!important}*/ .self-reg .grid-stack > .grid-stack-item > .grid-stack-item-content, .self-reg .gs-inner-2 { overflow: visible; } .self-reg .isHeirarchical-6outer { height: 100%; } .self-reg .g-font-size-reset .fontalign-left, .fontalign-left { width: 100%; text-align: left; } .self-reg .lab-left-box-right { width: 100%; } } #divViewProgramFormBody .selfregpd { padding-top: 25px !important; } .bs-tooltip + .tooltip { z-index: 1; position: fixed; word-break: break-all; word-break: break-word; word-wrap: break-word; } .file-loader { background: #f7903d; padding-left: 6px; line-height: 6px; display: block; border-radius: 6px; height: 6px; margin-top: 2px; } .file-name { font-size: .875em; padding-top: 5px; display: table-cell; vertical-align: top; font-style: italic; } .file-delete-btn { position: absolute; right: -3px; top: 1px; } .file-up-wrap { position: absolute; right: -8px; top: 0; } .file-up-percent { font-size: .625em; position: absolute; right: 2px; top: 21px; } .file-su-name { font-size: .813em; font-style: italic; } /*sprint 120 css*/ .attached-field { border: 2px dashed #454f57; text-align: center; padding: 20px 10px; } .attached-field.f-attachment { width: 100%; background: transparent; } .uploaded-delete { position: relative; display: table-cell; text-align: center; vertical-align: top; font-size: 1.125em; color: #f7903d; cursor: pointer; } .uploaded-delete:before { content: "\f014"; font-family: FontAwesome; padding: 5px 0px 0 6px; position: absolute; cursor: pointer; } .cf-overdisable { position: absolute; left: 5px; right: 13px; top: 0; bottom: 0; /* background: red; */ width: calc(100% - 20px); } /********************sprint css 119 end **************/ /*.ul-opt-radio li:first-child{margin-top:2px} .ul-opt-radio li{margin-top:3px;} .ul-opt-checkbox li:first-child{margin-top:5px} .ul-opt-checkbox li{margin-top:8px;}*/ .ul-styled-checkbox li:first-child { margin-top: 7px; } .ul-styled-checkbox li { margin-top: 9px; line-height: 16px; } /*.ul-styled-checkbox li>label{line-height:16px !important}*/ .ul-styled-checkbox.s-child li:first-child { margin-top: 5px; } .ul-styled-checkbox.s-child li { margin-top: 9px; line-height: 16px; } .ul-styled-checkbox.s-child li > label { line-height: 16px !important; } .ul-styled-radio li:first-child { margin-top: 5px; } .ul-styled-radio li { margin-top: 7px; line-height: 16px; margin-bottom: 0; } .ul-styled-radio li > label { line-height: 16px !important; } .ul-styled-radio li .radio { margin-top: 0 !important; margin-bottom: 0 !important; } .ul-styled-radio li .radio label { min-height: 16px; display: table; line-height: 20px; width: 100%; word-break: break-word; word-wrap: break-word; } .option.ul-styled-radio .radio input[type="radio"]:not(:checked) + label::before, .option.ul-styled-radio .radio input[type="radio"]:checked + label::before { top: 0 !important; margin-top: 3px; } .option.ul-styled-radio .radio input[type="radio"]:not(:checked) + label::after, .option.ul-styled-radio .radio input[type="radio"]:checked + label::after { top: 0 !important; margin-top: 6px; } /*Sprint start 121 css */ .br-into-twocolumn { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; } .br-into-twocolumn .flex-half { -webkit-flex: 0 0 50%; flex: 0 0 50%; min-width: 1%; } .br-into-twocolumn .single-one.col-sm-6 { width: 100%; padding-right: 52%; } .additional_info .ai-business-roles .flex-half .brole_title { padding-left: 15px; } .additional_info .ai-business-roles .flex-half .brole_input { margin-left: 30px; margin-right: 0px; } .define-calendar .schedule-set .endon-input { width: auto; } /*.modal-ppl-Mnge-add .define-calendar.modal-scrollbody.modal-body{overflow:visible}*/ .dummy-diabled { opacity: .5; } .dummy-diabled:hover { opacity: .3; } .flex-container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-item { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .has-no-data { min-height: 262px; } .cf-table-nodata { background: #fff; padding: 0 0 0 10px; } .modal-70per.modal-dialog { width: 70% !important; } /*pagging for external form*/ .pager-container ul { margin: 0; padding: 0; } .pager-container ul li { display: inline-block; } .cr-pagination-outer { padding: 0px; line-height: 30px; margin-bottom: 5px; font-size: 1em; float: left; overflow: hidden; } .cr-pagination-outer .cr-pagination { margin: 0; font-size: 0.9375em; } .cr-pagination-outer .cr-pagination > li > a:focus, .cr-pagination-outer .cr-pagination > li > a:hover, .cr-pagination-outer .cr-pagination > li > a:hover:focus { background: transparent; color: #454f57; font-weight: bold; text-decoration: none; } .cr-pagination-outer .cr-pagination > li > a:focus { text-decoration: underline; color: #8c9497; font-weight: normal; } .cr-pagination-outer .cr-pagination > .active > a, .cr-pagination-outer .cr-pagination > .active > a:hover { z-index: 0; } .cr-pagination-outer .cr-pagination > li.disabled { cursor: pointer !important; } .cr-pagination-outer .cr-pagination > li > a { color: #8c9497; border: none; padding: 6px 3px; cursor: pointer; text-decoration: underline; } .cr-pagination-outer .cr-pagination > .active > a, .cr-pagination-outer .cr-pagination > .active > a:hover, .cr-pagination-outer .cr-pagination > .active > a:focus { color: #454f57; background: transparent; font-weight: bold; text-decoration: none; cursor: pointer; /*font-family:'bariol-bold'*/ } .cr-pagination-outer .cr-pagination > li:first-child a, .cr-pagination-outer .cr-pagination > li:last-child a, .cr-pagination-outer .cr-pagination > li.li-disabled a, .cr-pagination-outer .cr-pagination > li:nth-last-child(2) a, .cr-pagination-outer .cr-pagination > li:nth-child(2) a, .cr-pagination-outer .cr-pagination > li:nth-last-child(2) a:focus, .cr-pagination-outer .cr-pagination > li:nth-child(2) a:focus { text-decoration: none; } .cr-pagination-outer .cr-pagination > .disabled > a, .cr-pagination-outer .cr-pagination > .disabled > a:hover, .cr-pagination-outer .cr-pagination > .disabled > a:focus, .cr-pagination-outer .cr-pagination > .disabled > a:hover:focus { color: #8c9497; cursor: default !important; text-decoration: none; font-weight: normal; } /*pagging for external form*/ .font-size14, .table-wrap .table.font-size14 { font-size: .875em; } /*add new custom filed flex design*/ .addnew-cf-flex-outer.ancf-column-outer { max-height: calc(100vh - 171px); display: flex; } .addnew-cf-flex { display: flex; align-items: stretch; max-height: calc(100vh - 171px); } .tabcustomfield-plus .addnew-cf-flex { max-height: calc(100vh - 201px); } .ad-cf-optionbox .ancf-column-first.addnew-cf-flex-first, .ancf-column-second.addnew-cf-flex-second { display: flex; flex: 0 1 auto; } .ad-cf-optionbox .ancf-column-first.addnew-cf-flex-first .ancf-column-first-inner { overflow: auto; } .ad-cf-optionbox .ancf-column-first.addnew-cf-flex-first .ancf-column-first-inner.overlay:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .addnew-cf-flex-second .ancf-second-inner { overflow: auto; height: 100%; width: 100%; } /*sprint css start 122*/ /*.table-plan-view{table-layout:fixed; border-collapse:collapse;width:100%;} .table-plan-view .plan-label{ background:#e8edef; width:100%; margin:0; padding-left:5px; font-weight:normal; font-family: 'bariol-regular';font-size: .875em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;} .table-plan-view .plan-label.fw-bold{font-family:bariol-bold} .table-plan-view tbody td {padding-right: 30px; vertical-align:top} .table-plan-view tbody td:last-child{padding-right:0} .plan-sublabel{ font-size: .875em;padding: 15px 0 18px 5px !important;float: left;width: 100%;background: #e8edef;} .table-plan-view .row{ margin-bottom:5px} .table-plan-view tbody tr.seprate-row .row{margin-bottom:30px;} .plan-currency{float:left; width:100%} .plan-currency span.currency-symbol{ line-height:35px; top:0}*/ /*sprint css end 122*/ /*.mdf-tracker-table>.table>thead>tr>th:nth-child(3n+2),.mdf-tracker-table .table td:nth-child(3n+2){ border-top:0 !important; border-bottom:0 !important; background:#fff }*/ /*.mdf-tracker-table.table-responsive{overflow-x:auto !important}*/ .of-xy-auto { overflow: auto; } .flex-vertical-full .table-data-wrap { height: 100%; width: 100%; overflow: auto; margin-left: 0; } .mdf-tracker-table .table.top thead:first-child tr:first-child th { padding: .125em .325em; border-bottom: 0; font-weight: normal; } .mdf-tracker-table .table.top thead:first-child tr:first-child th.hc-dark { border: 1px solid #e8edef; } .mdf-tracker-table .table.top tr th.hc-dark { background: #e8edef; } .mdf-tracker-table .table.top thead:first-child tr:first-child th.active { font-weight: bold; } .mdf-tracker-table .table.top tr td { padding: .125em .325em; text-align: left; } .mdf-tracker-table .table.top tr td.b-blank { border: 0; background: #fff; } .mdf-tracker-table .table.top tr td.bg-light-text { border: 1px solid #f1f0f0; } /*.mdf-tracker-table .table.top tr td.bg-light-text span{display:inline-block}*/ /*.mdf-tracker-table .table.top tr:last-child td.bg-light-text span{display:inline-block}*/ /*.mdf-tracker-table .table.top tr:last-child td.bg-light-text-2{padding:0;background-color:#fff;} .mdf-tracker-table .table.top tr:last-child td.bg-light-text-2>span{background-color:#f9f9f9;width:100%;display:inline-block}*/ /*.mdf-tracker-table .table{font-size:.875em;}*/ .table-data-wrap .table thead:first-child tr:first-child th { border-top: 1px solid #9aa6ad; border-bottom: 0 !important; } /*.mdf-tracker-table .table thead:first-child tr:first-child th.bt-none{border-top:none}*/ /*.mdf-tracker-table .table tr th.bt-none{border-top:none;background:#fff}*/ /*.mdf-tracker-table .table tr td.br-y-none{border-top:none;border-bottom:none !important}*/ /*mdf-tracker-table .table tr th,.mdf-tracker-table .table tr td { border: 1px solid #9aa6ad; text-align:center; vertical-align:top }*/ .mdf-tracker-table .table tr th { padding: .125em; font-weight: normal; } .mdf-tracker-table .table tr td { padding: .625em 0; } .mdf-tracker-table .c-red { color: #b74750; } /*.mdf-tracker-table .table th:nth-child(4),.mdf-tracker-table .table td:nth-child(4) { border-top:0 !important; border-bottom:0 !important; background:#fff} .mdf-tracker-table .table tr:last-child td { border-bottom: 1px solid #9aa6ad }*/ /*.mdf-tracker-data-table{table-layout:fixed;border:0}*/ .of-xy-hidden { overflow-x: hidden !important; overflow-y: hidden !important; } /*new-css*/ .mdf-tracker-data-table { table-layout: auto; border: 0; margin-bottom: 0; } .mdf-tracker-table .table tr th.active { font-weight: bold; } ul.ul-goal-btn { border-bottom: 1px solid #e8edef; } ul.ul-goal-btn li { margin-left: 15px; margin-right: 15px; } ul.ul-goal-btn li .btn-default { margin-left: 0; padding-left: 30px; padding-right: 30px; } ul.ul-goal-btn li .btn-default.active { background-color: #0e76bc; border: 1px solid #0e76bc; color: #fff !important; box-shadow: none; } .table-data-wrap { overflow-x: scroll; overflow-y: visible; margin-left: 200px; width: calc(100% - 200px); } .table-data-wrap .table thead:first-child tr:first-child th.bt-none { border-top: none; } .table-data-wrap .table thead tr th { padding: .125em; font-weight: normal; border: 1px solid #9aa6ad; text-align: center; vertical-align: top; } .table-data-wrap .table thead tr th.bt-none { border-top: none; border-bottom: none; background: #fff; } .table-data-wrap .table tbody tr td { padding: .625em .825em; vertical-align: middle; text-align: center; border: 1px solid #9aa6ad; } .table-data-wrap .table tbody tr td.br-y-none { border-top: none; border-bottom: none !important; background: #fff; padding: .625em 0; } .table-data-wrap .table tr td:last-child, .table-data-wrap .table tr th:last-child { border-right: 1px solid #9aa6ad !important; } /*.data-results th:first-child,.data-header th:first-child,.data-footer th:first-child{position: absolute;left: 30px;width: 200px}*/ .data-header { background: #e8edef; } .data-header th:first-child { padding: .625em .125em !important; text-align: left !important; border-right: none !important; } .data-results td:first-child { border: 0 !important; border-left: 1px solid #9aa6ad !important; padding: .625em .325em !important; text-align: left !important; font-weight: normal; } .data-footer td:first-child { border-top: 1px solid #9aa6ad !important; padding: .625em .325em !important; text-align: left !important; font-weight: bold !important; background-color: #e8edef; } .data-header th:first-child.btop-none { border-top: none !important; } .table-data-wrap .table tbody tr th { border-bottom: none !important; } .table-data-wrap .table tr th.hc-light { background-color: rgba(241, 240, 240, .75); white-space: nowrap; padding: .125em .525em; } .table-data-wrap .table tr th.hc-dark { background: #e8edef; white-space: nowrap; padding: .125em .525em; } .table-data-wrap > .table > tfoot { font-weight: bold; } .table-data-wrap > .table > tfoot > tr > td { border-left: 1px solid #9aa6ad; border-right: 1px solid #9aa6ad; border-bottom: 1px solid #9aa6ad; background: #e8edef; text-align: center; } .table-data-wrap > .table > tfoot > tr > td.bg-white { background: #fff; border-top: none; border-bottom: none !important; } .table-striped > tbody.data-results > tr:nth-of-type(odd) { background-color: rgba(241, 240, 240, .75); } .table-striped.top > tbody.data-results > tr:nth-of-type(odd) { background-color: rgba(241, 240, 240, .75); } /*-----table-default-color-css-----*/ /*.mdf-tracker-data-table.tc-base thead tr th{color:#454f57 !important} .mdf-tracker-data-table.tc-base tbody tr td{color:#454f57 !important} .mdf-tracker-data-table.tc-base tfoot tr td{color:#454f57 !important}*/ .table.tc-base thead tr th { color: #454f57 !important; } .table.tc-base tbody tr td { color: #454f57 !important; } .table.tc-base tfoot tr td { color: #454f57 !important; } /*-----table-default-color-css-----*/ .text-red-notchange, .text-red-notchange .form-control { color: #b74750 !important; } /*ashok scroll table header fixed css*/ /*.table-data-wrap .table-striped > tbody.data-results > tr:nth-of-type(odd) td:first-child{background-color:rgba(241, 240, 240, 0)} .table-data-wrap .table-striped > tbody.data-results > tr:nth-of-type(even) td:first-child{ background-color: #fff;} .table-data-wrap .table thead tr th:first-child, .table-data-wrap .table tbody tr td:first-child, .table-data-wrap .table tfoot tr td:first-child{position:relative} .table-data-wrap .table tbody tr th:first-child{}*/ /*.table-data-wrap .table-striped > thead > tr th:first-child, .table-data-wrap .table-striped > tbody > tr td:first-child,.table-data-wrap .table-striped > tfoot > tr td:first-child{box-shadow: 0 1px 0 1px #9aa6ad;border: none !important;}*/ /*ashok scroll table header fixed css*/ /*start-mdf-tracker-css*/ /*for form attachement*/ .form-att-progress .uploaded-delete { width: 45px; } .form-att-progress .uploaded-delete:before { left: 3px; } .form-att-progress .file-loader { margin-top: 5px; } .form-att-progress .file-up-percent { top: 0; left: 0; } .form-att-progress .file-up-wrap { top: -4px; } .cf-label-width { width: 250px !important; } /*.grid-stack.grid-item-drag.show-grid-line {background-image: linear-gradient(#e0e0e0 1px, transparent 1px), linear-gradient(90deg, #e0e0e0 1px, transparent 0px), linear-gradient(rgba(255,255,255,.3) 5px, transparent 100px), linear-gradient(90deg, rgba(255,255,255,.3) 5px, transparent 100px); background-size: 100px 6px, calc(0.29762% + 0px) 100px, 20px 20px, 20px 20px; }*/ .grid-stack.grid-item-drag.show-grid-line { background-image: linear-gradient(#e0e0e0 1px, transparent 2px), linear-gradient(90deg, #e0e0e0 1px, transparent 2px); /*background-size: 20px 6px, 2.08333333333%, 20px;*/ background-size: 20px 6px, 0.29762%, 20px; } body.open-slide .open-slide.top-right, body.open-slide .open-slide.bottom-right, body.open-slide .open-slide.top-left, body.open-slide .open-slide.bottom-right /*, .grid-ondrag-body .tooltip.fade.in.open-slide*/ { display: none !important; visibility: visible !important; } /*-----hierarchical-child--tooltip-css-----*/ .open-slide.top-right.ct { margin-left: -200px; } .open-slide.top-right.ct > .tooltip-inner { margin-left: 0; } .open-slide.top-right.ct > .tooltip-arrow { right: 50% !important; margin-right: -5px; } .open-slide.bottom-right.ct { margin-left: -200px; } .open-slide.bottom-right.ct > .tooltip-inner { margin-left: 0; } .open-slide.bottom-right.ct > .tooltip-arrow { right: 50% !important; margin-right: -5px; } .open-slide.top-left.ct { left: 0 !important; } .open-slide.top-left.ct > .tooltip-inner { margin-left: 0 !important; } .open-slide.top-left.ct > .tooltip-arrow { left: 50% !important; margin-left: -5px !important; } .open-slide.bottom-left.ct { left: 0 !important; } .open-slide.bottom-left.ct > .tooltip-inner { margin-left: 0 !important; } .open-slide.bottom-left.ct > .tooltip-arrow { left: 50% !important; margin-left: -5px !important; } /*-----hierarchical-child--tooltip-css-----*/ /*css for internet explorer */ @media all and (-ms-high-contrast:none) { .grid-stack.grid-item-drag.show-grid-line { background: linear-gradient(#e0e0e0 1px, transparent 1.5px), linear-gradient(90deg, #e0e0e0 1.5px, transparent 0px), linear-gradient(rgba(255,255,255,.3) 5px, transparent 100px), linear-gradient(90deg, rgba(255,255,255,.3) 5px, transparent 100px); background-size: 100px 6px, calc(0.29762% + 0px) 100px, 20px 20px, 20px 20px; } .customtab-md-preview .wt-dash-table-row { display: flex; } } /*css for edge */ /*@supports (-ms-ime-align:auto) { .grid-stack.grid-item-drag.show-grid-line { background: -ms-repeating-linear-gradient(#e0e0e0 1.5px, transparent 1px), linear-gradient(90deg, #e0e0e0 1px, transparent 0px), linear-gradient(rgba(255,255,255,.3) 5px, transparent 100px), linear-gradient(90deg, rgba(255,255,255,.3) 5px, transparent 100px);background-size: 100px 11px, calc(2.08% + 0px) 100px, 20px 20px, 20px 20px; } }*/ /*Sprint 125 customtab design*/ .modal-dialog.customtab-md, .wt-modal-box .modal-dialog.customtab-md-preview { width: calc(100% - 50px); } .customtab-md .wt-body-content-inner-wrapper { padding-left: 0; padding-right: 0; } .wt-modal-box .customtab-md .wt-body-content { left: 0; right: 0; } /* .customtab-md .tab-wrap { } */ .customtab-tab.tab-wrap { padding: 0 !important; } .customtab-tab.tab-wrap .nav-tabs { margin: 0 !important; margin-bottom: 10px !important; } .customtab-fieldsetting-md .row { margin-left: -15px; margin-right: -15px; } /*custom tab preview*/ /* .customtab-md-preview .wt-dash-table { } */ /*sprint 126*/ .table-field-customtab table.mt-i7 { margin-top: 0 !important; } /*Transparency Css*/ .border-outer { position: relative; height: 34px; width: 34px; float: left; } .border-outer-border { border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: none; height: 100%; width: 100%; float: left; } .bg-inner { z-index: 3; top: 3px; left: 3px; width: 28px; height: 28px; border-radius: 3px; } .bg-inner .minicolors-swatch-color { border-radius: 3px; } .minicolors-p-bottom .minicolors-position-top .minicolors-panel { top: 100% !important } .imagetransparacy-outer .fa { color: #2aace3; font-size: 35px; } .transparency .form-control[disabled] { text-indent: -9999999px; width: 35px; padding-right: 0; padding: 0; } .transparency-resizer { padding: 0 0px 0 10px; } .transparency-resizer .rzslider .rz-pointer { background-color: #2aace3; top: -6px; z-index: 3; width: 16px; height: 16px; } .transparency-resizer .rzslider .rz-pointer:after { top: 5px; left: 5px; width: 6px; height: 6px; } .tablebody-transparent .tablefield-body, .tablebody-transparent .cf-table-nodata { background-color: transparent !important; } .tablebody-transparent .cc-text-link { padding-right: 15px; margin-bottom: 10px; } .styled-radio[type="radio"] + label.mx--18 { line-height: 18px; } /*.transparency-resizer .rz-model-value{left:auto !important; right:0}*/ .dropdown-menu > li > a.dd-text-disable { opacity: .5; background: #f1f0f0; cursor: default; } .dropdown-menu > li > a.dd-text-disable:hover { background: #f1f0f0; color: #454f57; } .uploaded-delete.batch-trash { width: 16px; height: 19px; right: -6px; top: 6px; background: transparent; border: 0; } .uploaded-delete.batch-trash:before { padding: 0; top: 1px; left: 0; } /*plan-view-ciena-setting-modal*/ .wt-modal-box .data-modal .modal-body.pvc-modal-body { max-height: calc(100vh - 87px) !important; height: inherit !important; } .wt-modal-box .data-modal .modal-body.pvc-modal-body.scrolladd { overflow: auto !important } .pvc-modal-body .check-top .row { margin-left: -15px; margin-right: -15px; } .pvc-modal-body .row { margin-left: -15px; margin-right: -15px; } .wt-modal-box .data-modal .modal-body.afw-mb { max-height: calc(100vh - 0px) !important; padding: 25px 30px 15px; } .wt-modal-box .data-modal .modal-body.pvc-modal-body.max-h-i465 { max-height: 465px !important; } .wt-modal-box .data-modal .modal-body.pvc-modal-body.max-h-i465.of-y-iauto { overflow-y: auto !important; } /*partnet dropdown design for form*/ .formsingle-dd .am-container.am-single-container .am-inner-container { border: none; } .formsingle-dd .am-container.am-single-container input[type="text"] { border: 1.5px solid rgba(164, 171, 174, 0.5); } .formsingle-dd .am-container.am-single-container { position: relative; } .formsingle-dd .am-container.am-single-container .am-inner-container, .ddh-35 .am-container.am-single-container .am-inner-container { height: 35px; } .ddh-35 .am-container.am-single-container .am-caret-container .am-caret { line-height: 26px; } .ddh-35 .am-container.am-single-container.drop-up.open .dropdown-menu { bottom: 100%; top: auto } .ddh-35 .am-label { margin-bottom: 0 } .formsingle-dd .am-container.am-single-container .am-caret-container .am-caret:before { content: ''; } .caret-add.formsingle-dd .am-container.am-single-container .am-caret-container .am-caret:before { border: none !important; background: url(/Assets/images/drop-arrow.png) no-repeat; width: 7px; height: 14px; position: absolute; right: -9px; top: 10px !important; } .formsingle-dd .frmTabIndex:focus.form-control { min-height: 35px; padding-top: 0; padding-left: 15.5px; } .formsingle-dd .sol-input-container { right: 0; } .formpartner-Tabfocus .am-inner-container input[type="text"] { border: 1px solid #2aace3 !important; } .formsingle-dd .formpartner-Tabfocus.am-container.am-single-container .am-inner-container .sol-input-container { margin: 0; } .formpartner-Tabfocus .input[type="text"]:focus.form-control { padding-left: 15.5px; } @-moz-document url-prefix() { .formsingle-dd .frmTabIndex:focus.form-control { padding-left: 15px; } .fp-Tabfocus.select2-container-multi .select2-choices { padding-left: 11px !important; } .fp-Tabfocus.select2-container-multi .select2-choices input { padding-top: 6.5px !important; padding-bottom: 6.5px !important; height: 35px !important; } .user-sugg-tag-box .select2-container-multi .select2-choices .select2-search-field input { height: 36px !important; } .form-wrap textarea.form-control.frmTabIndex { min-height: 35px; padding: 6px 11px 6px 14px; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control { padding-left: 17px !important; } .btn.btn-default.dropdown-select.frmTabIndex:focus { padding-left: 20px !important; } .input-group.date-picker > .form-control { min-height: 35px; padding-left: 14px !important; } .button-label.form-control { min-height: 35px; padding-left: 14px !important; } .dropdown-single-select > .button-label.form-control.frmTabIndex:focus { padding-left: 14px !important; } .form-control.frmTabIndex { min-height: 35px; padding-left: 14px !important; } .bootstrap-select.btn-group .dropdown-toggle.frmTabIndex:focus { padding-left: 15px; padding-right: 25px; } #divEngineTitle.ngm-content-editable { line-height: 21px; } /*curreny-icon-increase-font-css*/ .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-20 { padding-left: 20px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-24 { padding-left: 24px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-28 { padding-left: 28px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-32 { padding-left: 32px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-36 { padding-left: 36px !important; } .crncy-symbol-wrap.global-csymbol > .frmTabIndex:focus.form-control.ifs-40 { padding-left: 40px !important; } /*curreny-icon-increase-font-css*/ } /*.tab-hierarchal-child .custom-checkbox{}*/ /*export to pdf related style*/ div.btn-group button.dropdown-toggle.export-to-pdf { top: 2px !important; right: 2px !important; height: 31px !important; } .remove-top-space.btn-group button.dropdown-toggle.export-to-pdf { top: auto !important; right: auto !important; height: 35px !important; } /*.tooltip-visible .bootstrap-select.btn-group .dropdown-menu{max-height:inherit !important}*/ .ExtFormTabIndex .multiple-select .btn-group > .btn, .intFormTabIndex .multiple-select .btn-group > .btn, .taskcustomTabIndex .multiple-select .btn-group > .btn { z-index: 0 !important; } .ExtFormTabIndex .multiple-select .btn-group > .dropdown-toggle:not(:first-child), .intFormTabIndex .multiple-select .btn-group > .dropdown-toggle:not(:first-child), .taskcustomTabIndex .multiple-select .btn-group > .dropdown-toggle:not(:first-child) { z-index: 0 !important; } /*sprint127-css-work*/ .mgame-outer { position: absolute; left: 0; right: 0; bottom: 0; top: 35px; } .mgame-table { display: table; width: 100%; height: 100%; table-layout: fixed; } .mgame-engine-mbody-content { top: 48px; left: 32px; right: 32px; bottom: 0; position: absolute; } .pr-game-scroll { height: calc(100vh - 172px) !important; max-height: inherit !important; padding-right: 30px; margin-right: -14px; } /*sprint127-css-work*/ /*.form-g-setting.form-control.label-text-disabled{color:rgba(255, 255, 255, .65) !important}*/ .dummy-numberfield.dummy-date.w-minus-2 { width: calc(100% - 2px) } .dummy-numberfield.dummy-date { position: absolute; left: 2px; z-index: 3; border-radius: 0; height: 31px; font-size: .875em; text-align: left; letter-spacing: 0.0500em; line-height: 1.42857143; } .textareadisablelink, .textareadisablelink_old { cursor: not-allowed !important } .textareadisablelink.dummy-numberfield.frmTabIndex:focus { border: 1px solid #aaa !important; padding-top: 6px !important; padding-right: 14.5px !important; } .textareadisablelink_old.dummy-numberfield.frmTabIndex:focus { border: 1px solid rgba(164, 171, 174, 0.5) !important } .dummy-numberfield > span { position: absolute; top: 50%; transform: translateY(-50%); } .recurring-box .control-label.fw-7 { font-family: bariol-bold !important; } .fe-check-wrap { position: relative; top: 50%; line-height: 18px; margin-top: -7px; margin-right: 4px; } .fe-check-wrap > label { top: -8px; } .gm-panel-dd-icon.se-exc-trigger { min-height: 15px; line-height: 15px; margin-top: 13.5px; } .externalaccess { padding: 3px 15px 4px 15px; } .externalaccess-checked { background-color: #f1f0f0; } .externalaccess [type="checkbox"]:disabled:not(:checked) + label, .externalaccess [type="checkbox"]:disabled + label, .externalaccess [type="checkbox"]:disabled:not(:checked) + label:before, .externalaccess [type="checkbox"]:disabled:checked + label:before, .externalaccess [type="checkbox"]:disabled:not(:checked) + label:after, .externalaccess [type="checkbox"]:disabled:checked + label:after { opacity: 1; } .externalaccess [type="checkbox"]:not(:checked) + label, .externalaccess [type="checkbox"]:checked + label { font-family: bariol-bold; padding-left: 30px; } .atm--btn { border: none; background: none; padding: 0; } .atm--btn[disabled] { cursor: default !important; } .modal-full-width-form .modal-dialog { top: 65px; margin: 0; width: 100%; } .modal-full-width-form .modal-content { box-shadow: none; } .modal-full-width-form .modal-body { height: calc(100vh - 107px) !important; padding: 0; } .help-icon-background { position: relative; top: 1px; color: #fff; /* border-top: 1px solid rgba(42, 172, 227, 0.5); */ left: -1px; margin-left: 3px; } .help-icon-background > .fa-question-circle { position: absolute; top: -1px; left: -1px; } /*sprint 132 custom tab css start here*/ .cf-table-outer label, .cf-table-outer, .default-font-color, .default-font-color label { color: #454f57; } .cf-table-outer { position: absolute; height: 100%; width: 100%; } .cf-table-inner { padding: 20px; } .cf-table-inner, .cf-table-wrap__tbl-wrap__inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .cf-table-wrap { width: 100%; position: relative; min-height: 1%; max-height: calc(100% - 1px); height: 100%; } .cf-table-wrap__filter { width: 100%; } .cf-table-wrap__tbl-wrap { position: relative; height: 100%; width: 100%; position: relative; min-height: 1%; max-height: calc(100% - 1px); } .cf-table-wrap__tbl-wrap__inner { overflow-x: auto; overflow-y: hidden; } .cf-table-wrap__pagination { width: 100%; } .cf-table-expand-icon { position: absolute; right: 30px; top: 16px; } .expand-icon-customtab .cf-table-expand-icon { position: absolute; right: 10px; top: 2px; } .expand-icon-customtab-preview .cf-table-expand-icon { position: absolute; right: 10px; top: 2px; } .round-close-popup-outer { display: block; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0); cursor: pointer; margin-top: -11px; margin-right: -11px; width: 23px; height: 23px; /* border-radius: 17px; */ font-size: 22px; text-align: center; } .round-close-popup i { color: #f7903d; background: white; padding: 1px; border-radius: 50%; font-size: 21px; width: 22px; line-height: 1; } .round-close-popup i:hover { color: rgba(247, 144, 61, 0.5); } .cf-table-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; min-height: 1px; } .cf-table-flex__top { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; position: relative; min-height: 1px; overflow: hidden; } .cf-table-flex__bottom { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1; max-width: 100%; height: 100%; position: relative; min-height: 1px; } .cf-table-flex__bottom_first { position: relative; width: 100%; height: 100%; } .cf-table-flex__bottom_first__inner { position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow: auto; } /*custom tab table scroll issue*/ .table-for-customtab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .table-for-customtab .table-for-customtab__0, .table-for-customtab .table-for-customtab__1 { position: relative; width: 100%; min-height: 1px; } .table-for-customtab .table-for-customtab__0 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .table-for-customtab .table-for-customtab__1 { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1; max-width: 100%; height: 100%; } .cf-table-no-data { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: auto !important; } .cf-table-no-data .cf-table-flex__bottom_first__inner { position: relative; } .cf-table-no-data .cf-table-flex__bottom_first__inner .table > tbody > tr > td { padding: 0; } .table-for-customtab-inner { height: 100%; width: 100%; } .customtab-table-outer { position: absolute; width: 100% !important; height: 100% !important; } .customtab-table-outer .cf-table-expand-icon { position: absolute; right: 6px; top: -24px; } .customtab-table-outer .customtab-table-outer__parent { height: 100%; } .customtab-table-outer .customtab-table-outer__parent__first { height: 100%; } .customtab-table-outer .customtab-table-outer__parent__first__innerscroll { height: calc(100% - 45px); } .customtab-table-outer .customtab-table-outer__parent__first__innerscroll.h-auto { height: auto; } /*sprint 132 custom tab css start here*/ /*-----sprint130-rally-modal-css-work-----*/ .modal-ppl-Mnge-add .modal-body.heightfull-rally { height: calc(100vh - 162px) !important; max-height: none !important; } .md-rally-main { position: absolute; top: 40px; bottom: 0; width: 93.335%; } .md-rally-objects-main { position: absolute; top: 45px; bottom: 0; width: 100%; overflow-y: auto; } .md-rally-ofields-sleft { position: absolute; top: 45px; bottom: 0; width: 25%; overflow-y: auto; border-right: 1px solid #9aa6ad; } .md-rally-ofields-sright { position: absolute; top: 45px; bottom: 0; width: 75%; overflow-y: auto; left: 25%; } .table-loader.md-rally-loader { position: absolute; top: 45px; bottom: 0; width: 75%; height: auto; left: 25%; } .sidebar-nav-v .nav-tabs { border-right: none; border-bottom: 0; margin-bottom: 8px; } .sidebar-nav-v .nav-tabs > li:first-child { margin-top: 8px; } .sidebar-nav-v .nav-tabs > li { float: none; margin-top: 17px; } .sidebar-nav-v .nav > li > a, .sidebar-nav-v .nav > li > a:hover, .sidebar-nav-v .nav > li > a:focus { margin-right: 0; padding-left: 11px !important; padding: 0; line-height: 20px; } .sidebar-nav-v .nav-tabs > li > a:hover, .sidebar-nav-v .nav-tabs > li > a:active, .sidebar-nav-v .nav-tabs > li > a:focus, .sidebar-nav-v .nav-tabs > li.active > a, .sidebar-nav-v .nav-tabs > li.active > a:hover, .sidebar-nav-v .nav-tabs > li.active > a:focus { border-bottom: 0 !important; border-left: 4px solid #2aace3; padding: 0; padding-left: 7px !important; line-height: 20px; } .styled-checkbox.scheck-a-20 + label { line-height: 20px; margin-bottom: 0; } .styled-checkbox.scheck-a-20 + label:before { top: 2px; } .styled-checkbox.scheck-a-20 + label:after { top: 2px; } /*-----sprint130-rally-modal-css-work-----*/ .table-modal-open #divTaskDetailScroll, .table-modal-open #divRight, .table-modal-open .scrollbar-macosx, .table-modal-open .custom-tab-execution { overflow: hidden !important; } .report-share-button-center { text-align: center; } .report-share-button-center .btn:first-child { margin-left: 0; } .calculative-search-row { width: 75%; float: right; padding-left: 30px; } .dropdown-visible .dropdown-menu.open { overflow: visible !important; } .h-auto .dropdown-menu.open { height: auto !important; min-height: 35px !important } .cal-collaseicon.fa-caret-right.collapsed:before { content: "\f0da"; } .cal-collaseicon.fa-caret-right:not(collapsed):before { content: "\f0d7"; } .formula-custom-heading { background: #f1f0f0; color: #454f57; padding: 0 10px; height: 35px; line-height: 35px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal-remove-transform-none.modal > .modal-dialog, .modal-remove-transform-none > .modal-dialog { -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none; transform: none !important; } .row--flex-row { margin: 0; } .row--flex-row div[class^="col-"]:first-child { padding-left: 0; } .row--flex-row div[class^="col-"]:last-child { padding-right: 0; } /*sprint 132 aggregated modal popup design pop up */ /* .aggregated-feild { } */ .flex-inline-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-inline-center > .flex-inline-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .flex-inline-center > .flex-inline-item-full { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .report-businerole-modal .table-has-scrollbody { margin-top: 0 !important } /*Angular 9 tooltip arrow */ tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } /*.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }*/ .tooltip.tooltip-white.bs-tooltip-bottom .arrow::before, .tooltip.tooltip-white.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #fff } .tooltip.tooltip-white.bs-tooltip-top .arrow::before, .tooltip.tooltip-white.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #fff } /*End tooltip angular 9*/ /*Persona visula schedule cssw start */ .flex-row { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; align-self: stretch; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1 0 auto; -webkit-box-pack: start; justify-content: flex-start; } .vs-tab-list > li { -webkit-box-align: end; -ms-flex-align: end; align-items: center; align-self: stretch; display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; -webkit-box-pack: start; justify-content: flex-start; padding: 0 30px; border-bottom: 2px solid transparent; cursor: pointer; } .flex-table { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .flex-column { padding: 10px 15px; } .vs-table { table-layout: fixed !important; margin-top: 0 !important; margin-bottom: 0 !important; width: 100% } .vs-table td { vertical-align: top; padding-bottom: 15px; } .vs-graybox { position: relative; overflow: hidden; height: 34px; border-radius: 3px; background: #f1f0f0; padding: 7px 15px 7px 15px; text-decoration: underline; font-weight: normal } .vs-graybox:hover { color: #fff !important; background: #2aace3 !important; } .vs-graybox__title { width: calc(100% - 40px); float: left; /*text-transform: capitalize SPRINT 163*/ } /* .vs-graybox_icon{ } */ .dp-editinput-outer.vs-editinput { left: 0; width: 100%; } .vs-check, .vs-edit-icon { position: relative; top: 7px; } .vs-edit-icon { top: 5px } .vs-check label { display: inline; } .vs-edit-icon i { color: #f7903d !important } .vs-check, .vs-graybox_icon { padding: 7px 0 7px 7px; text-align: center; } /* .sv-menutab{max-width:260px; margin-right: 0 !important;}*/ .sv-menutab { max-width: 100%; margin-right: 0 !important; flex: 1 1 auto; overflow: hidden; min-width: 79px; } #fitin .table-wrap .table > tbody > tr > td { padding: 0px 7px 0px 4px; word-break: break-word; word-wrap: break-word; } #fitin .table-wrap .table > tbody > tr > td:first-child { padding-left: 10px; vertical-align: middle; line-height: 1.42857143 !important } #fitin .table-wrap .table-striped > tbody > tr { border-bottom: 1px solid #e8edef; } #fitin .table-wrap .table > tbody > tr > td.has-sv-innertable { padding: 0 } #VS-report .table-wrap .table > tbody > tr > td { padding: 0px 7px 0px 4px; word-break: break-word; word-wrap: break-word; } #VS-report .table-wrap .table > tbody > tr > td:first-child { padding-left: 10px; vertical-align: middle; line-height: 1.42857143 !important } #VS-report .table-wrap .table-striped > tbody > tr { border-bottom: 1px solid #e8edef; } #VS-report .table-wrap .table > tbody > tr > td.has-sv-innertable { padding: 0 } .sv-innertable { table-layout: fixed; width: 100%; } .sv-innertable > tbody > tr { border-bottom: 1px solid #e8edef; } .sv-innertable > tbody > tr:last-child { border-bottom: 0px solid #e8edef; } .sv-innertable tbody > tr > td { padding: 1px 3px 1px 4px; word-break: break-word; word-wrap: break-word; } .padding-1 .sv-innertable tbody > tr > td { padding: 1px 3px 1px 4px } .sv-innertable tbody > tr > td a { line-height: 1.42857143 !important } /*.sv-innertable tbody>tr>td:first-child{padding-left:10px}*/ .table-wrap .table > thead.sv-tbl-header > tr > th { text-align: center } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; } .field-setting-icon-svg { width: 16px !important; position: relative; top: -2px; padding: 0 !important; display: inline; border-radius: 0 !important; vertical-align: middle; margin-left: 6px; } .checkbox-error, .radio-error { box-shadow: 0 0 0px 2px #b74750; /*border-radius:1px*/ } .checkbox-error-custom-tab { box-shadow: inset 0 0 0px 2px #b74750 } /*.checkradiobox-shadow .is-heirarchical-f{padding-top:2px}*/ .chk-outer, .option-outer { padding-top: 2px; padding-bottom: 2px; } .option-outer-p-2 { padding: 2px } /*.checkradiobox-shadow .optionform{margin-top:2px}*/ @-moz-document url-prefix() { .checkbox-error, .radio-error { box-shadow: 0 0 0px 2px #b74750; /*border-radius:1px*/ } .checkbox-error-custom-tab { box-shadow: inset 0 0 0px 2px #b74750 } } /*Sprint 137 group field design css*/ .group-field-sandbox { height: 100% } .group-field-sandbox-list { padding: 0; margin: 0 } .group-field-sandbox-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; background-color: #f1f0f0; padding: 7.5px 10px; border-radius: 3px; margin-bottom: 10px; margin-left: 0 !important; margin-right: 0 !important } .poc-modal-body .group-field-sandbox-list li { margin-left: 0 !important; margin-right: 0 !important } .fieldgroup-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; padding: 0; } .fieldgroup-list li { width: 50%; float: left; margin-bottom: 15px; } .group-field-settings span i.fa-info-circle { float: left; margin-right: 5px; font-size: 20px; font-size: 18px; margin-top: 2px; } .add-import-partner-label { vertical-align: middle; margin-right: 5px; position: relative; top: 2px; } .ff-br-modal .modal-body { padding: 15px !important } /*START sprint 141 move program tab to admin*/ div#containeradmindashboard .sidebar-filter-nav, div#containeradmindashboard .sidebar-nav { top: 150px; height: calc(100% - 190px); } div#containeradmindashboard .fixed { top: 65px; height: calc(100% - 104px); } .isShowgray-strip div#containeradmindashboard .sidebar-filter-nav, .isShowgray-strip div#containeradmindashboard .sidebar-nav { top: 182px; height: calc(100% - 173px); } .isShowgray-strip .sidebar-filter-nav, .isShowgray-strip .sidebar-nav { top: 132px; } .isShowgray-strip div#containeradmindashboard .fixed, .isShowgray-strip .fixed { top: 98px; height: calc(100% - 104px); } div#containeradmindashboard .section-top { display: none; } div#containeradmindashboard .c-body-content-outer-wrapper { padding-top: 60px; } /*END sprint 141 move program tab to admin*/ .ttip-list { padding: 0; text-align: left; list-style: disc; padding-left: 9px; margin-left: 10px; } .tooltip.ttip-list-w-320 .tooltip-inner { max-width: 320px; word-break: break-word; } .atm-herarical .hierarchy-dd.hierarchical-control .control-group button.pull-down, .atm-herarical .hierarchy-dd.hierarchical-control .control-group button.pull-down:hover, .atm-herarical .hierarchy-dd.hierarchical-control .control-group button.pull-down:focus { background: #fff } .atm-percentage .form-control { padding-right: 35px !important } .top-minus5 { top: -5px } .top-minus7 { top: -7px } .od-modal-scroll.modal-v-center .modal-body { overflow: visible !important } /*Textarea height 100 percentage css start*/ .discription-text { overflow: auto; margin-right: -10px; height: auto !important; padding: 10px } .text-area-h-100.left-right .discription-text { height: 100% !important; } .text-area-h-100 { display: flex; flex-direction: column; /* flex-wrap: wrap;*/ } .text-area-h-100.left-right, .text-area-h-100.left-right-description { flex-direction: row; overflow: hidden; flex-wrap: wrap; } .text-area-h-100.left-right-description { overflow: auto; } .text-area-h-100 .feild-textarea, .text-area-h-100 .discription-text { flex: 1 1 } .text-area-h-100.left-right .feild-textarea, .text-area-h-100.left-right .discription-text { flex: 1 1; } .text-area-h-100.left-right .feild-textarea.showrequired { height: calc(100% - 28px) !important; overflow: visible } .text-area-h-100 .feild-textarea, .text-area-h-100 .feild-textarea div, .text-area-h-100 .feild-textarea .txt-area { height: 100%; } .text-area-h-100 .feild-textarea .txt-area { overflow: auto; height: 100% !important; } .text-area-h-100 .feild-textarea > .clearfix.p-relative { width: 100%; height: auto } /* .text-area-h-100 .feild-textarea > .clearfix.externaltextarea{ width: 100%; height: 100%; overflow:hidden }*/ .text-area-h-100 .field-setting-header, .external-textarea-label-top .field-setting-header { flex: 0 0 auto } .external-textarea-label-top { display: flex; flex-direction: column } .discription-flex { display: flex; } .discription-flex .external-description-full { flex: 1 1 } .discription-flex .text-left, .discription-flex .text-right { } .external-textarea-full { height: 100%; /*overflow: hidden;*/ } .gs-inner-2:not(.external-textarea-label-top) .external-textarea-full { overflow: hidden; } .external-textarea-full:before { display: table; content: ''; } .external-textarea-full .externaltextarea, .external-textarea-full .discription-text { width: 100%; height: 100%; display: flex; flex-direction: column; } .external-description-full { overflow: auto !important } .external-textarea-full .externaltextarea > textarea, .external-textarea-full .discription-text { flex: 1 1; overflow: auto } .external-textarea-full .externaltextarea > .textareadisablelink { height: auto !important; flex: 1 1; min-height: 10px } .external-textarea-full .externaltextarea > .textareadisablelink_old { height: auto !important; flex: 1 1; } /*Textarea height 100 percentage css end*/ .ckeditor_useragrrement + div .cke_bottom { padding-right: 40px } .ckeditor_useragrrement + div .cke_resizer { position: absolute; right: 7px; } #taskModalContent.savebtnhide { opacity: 0 } /*old-authen-modal*/ .old-authen-modal p { padding-top: 0 !important } .disabled-dropdown .bootstrap-select.btn-group > .btn-default { opacity: .65; cursor: not-allowed } .shapescontent { text-align: center; position: absolute; width: 100%; height: 100%; overflow: auto; } /*.ntl-internal-from .shapescontent, .ai-custom-fields .shapescontent { z-index: 9 }*/ .ntl-internal-from .user-sugg-tag-box, .ai-custom-fields .user-sugg-tag-box { z-index: 0; position: relative } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input { } .shapescontent > div { overflow: hidden; height: 100% } .shapescontent .rectangle-hollow { border: 10px solid #757575; } .shapescontent .shape, .shapescontent .rectangle, .shapescontent .rectangle-hollow { width: 100% !important; height: 100% !important } /*.shapescontent .shape{ paint-order:stroke }*/ .shape-list { list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } .shape-list svg { width: 28px; height: 28px; } .shape-list li { display: inline-flex; /* padding: 2px 5px; */ color: #757575; width: 40px; height: 28px; margin: 12px 0; justify-content: center; align-items: center; /* align-content: center; */ border-radius: 5px; /* margin-right: 15px; */ flex: 0 1 16%; } .shape-list li.active svg, .shape-list li:hover svg { color: #2aace3; cursor: pointer } .shape-list li .rectangle { width: 28px; height: 18px; background-color: #757575; } .shape-list li .rectangle:hover, .shape-list li.active .rectangle { background-color: #2aace3; cursor: pointer } .shape-list li .rectangle-hollow { width: 28px; height: 18px; border: 3px solid #757575; } .shape-list li .rectangle-hollow:hover, .shape-list li.active .rectangle-hollow { border-color: #2aace3; cursor: pointer } .rcontent { position: absolute; width: 100%; height: 100% } .legal-wrap { display: flex; align-items: center; justify-content: center; cursor: pointer; min-height: 63px; font-size: 1.2em; line-height: 29px; vertical-align: middle; text-align: center; border-radius: 4px; border: 1.5px solid rgba(164, 171, 174, 0.5); box-shadow: 0 0 0px #8c9497; } .legal-content { max-width: 900px; margin: 0 auto; padding: 40px 80px; background-color: #fff; color: #353D43; line-height: 1.5; } .privacy-policy .border-heading, .term-policy .border-heading { border-bottom: 1px solid #17365d; padding-bottom: 10px; margin-bottom: 15px; margin-top: 20px; line-height: 1.4 } .privacy-policy .western, .term-policy .western, .vulanerabity-policy .western { font-size: 1rem; color: rgb(79, 129, 189); margin-bottom: 8px; margin-top: 20px; font-family: 'open_sans_bold'; } .privacy-policy .western.f-14, .term-policy .western.f-14, .privacy-policy h3.western, .term-policy h3.western, .vulanerabity-policy h3.western { font-size: .875rem; } /*.legal-text-highlight{ background-color:yellow; }*/ .list-p-margin-bottom-remove li p { margin-bottom: 0 } ul.list-disc li { list-style: disc; padding-left: 10px } ul.list-circle li { list-style: circle; padding-left: 10px } .v-font-medium { font-size: .875rem; } .v-font-large { font-size: 1rem; margin-top: 10px; display: inline-block; } .v-font-x-large { font-size: 24px; margin-top: 20px; display: inline-block; } .v-font-xx-large { font-size: 32px; line-height: 1.4; margin-top: 20px; display: inline-block; } .lh-1-3 { line-height: 1.3 !important } .policy-link, .policy-link:hover, .policy-link:focus { color: #0000ff; text-decoration: underline; display: inline-block } .labelfieldwrap { height: 100% !important; overflow: auto !important; /*margin-right:-10px*/ padding-right: 3px } .dummy-diableddiv, .dummy-diableddiv:hover, .dummy-diableddiv:focus, .dummy-diableddiv.frmTabIndex:focus { opacity: .65; cursor: not-allowed !important; border: 1px solid #AAAAAA !important; } .dummy-diableddiv.bg-f1f1f1 { background-color: #f1f1f1 !important; border: 1.5px solid rgba(164, 171, 174, 0.5) !important } .crncy-symbol-wrap.add-readyonly .percentage-symbol, .crncy-symbol-wrap.add-readyonly .currency-symbol, .dummy-diableddiv > span, .add-readyonly.ext { opacity: .65; } .tooltip.top .tooltip-arrow { bottom: 1px } .selectround { position: relative; background-color: #f1f0f0; padding: 7.5px 10px; border-radius: 3px; margin-bottom: 10px; margin-left: 10px; overflow: hidden; } .customtab-dd-outer { padding: 15px 20px 8px; background-color: #fff } .customtab-dd-title { color: #2aace3 } @media only screen and (max-width: 479px) { .ps-content .sidebar-collapsed-ctdd .sidebar-custom-form-list li a:hover, .sidebar-collapsed-ctdd .sidebar-custom-form-list lii a:focus { background-color: transparent !important; color: #454f57 } .ps-content .sidebar-collapsed-ctdd .sidebar-custom-form-list li.active a:hover { background-color: #2aace3 !important; } .task-customtab-dd.dd-479 { max-width: calc(100% - 30px) } .task-customtab-dd.dd-479.ntl-myht-Tooltip.dropdown-menu { transform: none !important; will-change: unset !important; background-color: transparent; border: none; padding-top: 27px; } /* .collapes_leftbar .ntl-tablist--taskv3--sidebar-left .sidebar-left-anchor,*/ .collapes_leftbar .dd-479 .sidebar-custom-form-list { display: block !important } } @media only screen and (min-width: 480px) { .customtab-dd-outer { display: none !important } } /*.sidebar-custom-form-list.rs-479{display:flex; flex-direction:column} .sidebar-custom-form-list.rs-479 li{ float:none; }*/ /*.dd-scrolltop-issue .ntl-myjournery-widget-task { margin-bottom:0; margin-left:0; margin-right:0 }*/ .d-flex-show.show, .d-flex-show { display: flex !important } .iframe-full > span, .iframe-full > span > span, .iframe-full > span > span > span, .html-object-embed.ck-widget.ck-widget_selected, .html-object-embed.ck-widget, .html-object-embed { display: block !important; float: left } /*sprint 194 gamification round delete popup*/ .gamification-round-delete { margin-right: -30px; max-height: calc(100vh - 200px) } .log-card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #e8edef; border-radius: .25rem } .log-card > hr { margin-right: 0; margin-left: 0 } .log-card > .list-group { border-top: inherit; border-bottom: inherit } .log-card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .log-card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .log-card > .log-card-header + .list-group, .log-card > .list-group + .log-card-footer { border-top: 0 } .log-card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem } .log-card-title { margin-bottom: .75rem } .log-card-subtitle { margin-top: -.375rem } .log-card-subtitle, .log-card-text:last-child { margin-bottom: 0 } .log-card-link:hover { text-decoration: none } .log-card-link + .log-card-link { margin-left: 1.25rem } .log-card-header { padding: 2px 8px; margin-bottom: 0; background-color: #e8edef; border-bottom: 1px solid rgba(0,0,0,.125); } .log-accordion { overflow-anchor: none; font-family: "open_sans_regular" !important; } .log-accordion > .log-card { overflow: hidden; margin-bottom: 20px } .log-accordion > .log-card:not(:last-of-type) { /* border-bottom: 0;*/ border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-radius: 0 } .log-accordion > .log-card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; border-radius: 0 } .log-accordion > .log-card > .log-card-header { border-radius: 0; margin-bottom: -1px } .log-accordion > .log-card > .log-card-header > .btn-link { width: 100%; margin: 0; padding: 6px 6px 6px 7px; } .log-accordion > .log-card > .log-card-header > .btn, .log-accordion > .log-card > .log-card-header > .btn-blank { color: #454f57; background: transparent; text-decoration: none; display: flex; align-items: center; } .log-accordion > .log-card > .log-card-header > .btn:hover, .log-accordion > .log-card > .log-card-header > .btn:focus, .log-accordion > .log-card > .log-card-header > .btn-blank:hover, .log-accordion > .log-card > .log-card-header > .btn-blank:focus { color: #454f57; background: transparent; text-decoration: none; } .log-accordion > .log-card > .log-card-header > .btn:not(.collapsed) .fa-caret-right { display: none; } .log-accordion > .log-card > .log-card-header > .btn.collapsed .fa-caret-down { display: none; } .log-accordion .collapse { display: none } .mr-50 { margin-right: 50px; } .divgamificationlog > div.rt-shadow-box { margin: 0; margin-right: -10px; padding-right: 10px } .gamification-logdiv-01 { width: 70% !important; } .show-hide01 { display: none; } .gamification-logdiv { display: flex !important; } /* .gamification-logdiv .form-group { width: 25.33%!important; }*/ .gamification-multi .am-inner-container { height: 36px !important; } .gamification-logdiv .cr-rpt-dd-multiselect.rpt-dd-multiselect .sol-input-container input[type="text"], .gamification-logdiv .am-container.am-single-container .am-inner-container, .gamification-logdiv.cr-filter-right-box.form-horizontal .form-control { height: 36px } .gamification-logdiv .am-container.am-single-container .am-caret-container .am-caret { line-height: 31px } .gamification-logdiv.cr-filter-right-box .si-date-range .bootstrap-select.btn-group .dropdown-toggle .filter-option { line-height: 31px; height: 36px } .gamification-logdiv.cr-filter-right-box.form-horizontal .bootstrap-select.btn-group .dropdown-toggle .caret { margin-top: 5px; } .gamification-logdiv .cr-apply .btn { height: 36px; line-height: 34px; } .gamification-logdiv.cr-filter-right-box.form-horizontal .cr-daterange .lblDateRange-col2 { top: 9px; font-size: 13px } .form-wrap .btn-serch i.fa-search { font-size: 14px; color: #fff; } .caret-w-18px { width: 18px } .right-margin-10.rt-shadow-box { margin-right: -10px; padding-right: 10px } .table-head-position-sticky thead, .table-head-p-sticky thead { position: sticky; top: 0 } .table-head-position-sticky tfoot { position: sticky; bottom: 0; background-color: #e8edef } .table-head-position-sticky tfoot tr { position: relative } .table-head-position-sticky > tbody > tr td:first-child, .table-head-position-sticky > tfoot > tr td:first-child, .table-head-position-sticky > thead > tr th:first-child { padding-left: 15px !important } .table-head-position-sticky > tbody > tr:nth-of-type(even) { background-color: #F5F5F5; } .table-head-position-sticky tfoot tr::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #ddd; /* Simulates border-bottom */ } .table-head-position-sticky tfoot tr:last-child::after { border: none; height: 0; } .level-report-with-point.cr-chart-preview-outer { height: auto } .level-report-with-point .cr-chart-preview-outer-full { position: relative } .level-report-with-point .cr-tableChart.ntl-of-xy-auto { max-height: 450px; } /*.level-report-outerdiv{ border:1px solid red }*/ .level-report-outerdiv.custom-report-box-inner .custom-report-preview-outer, .level-report-outerdiv.custom-report-box-inner .custom-report-preview-outer .px--15 { padding-left: 0; padding-right: 0 } .level-report-outerdiv.custom-report-box-inner .custom-report-preview-outer .custom-report-preview { margin-left: 0; margin-right: 0 } .level-report-outerdiv .cr-apply { display: none } .level-report-outerdiv .right-margin-10.rt-shadow-box { margin-right: 10px; padding-right: 0; padding-top: 0; } /*.tableasperExecution thead, .tableasperExecution tfoot { background-color: #e8edef !important }*/ .rb-border-box { border-radius: 4px; border-width: 1px; border-color: rgb(170, 170, 170); background-color: rgb(255, 255, 255); border-style: solid; overflow: hidden } .rb-border-box table { margin-block: 0 } .full-modal-w-h .modal-lg { width: calc(100% - 50px) } .text-transform-none { text-transform: none !important } .organization-list-scroll { max-height: 65vh; overflow: auto; padding-left: 20px; margin-right: -30px; margin-top: 10px } .banner-video-wrapper { width: 100%; overflow: hidden; position: relative; } .banner-video-wrapper video { width: 100%; object-fit: cover; }