/* input(3310,1): run-time error CSS1019: Unexpected token, found '@import' input(3310,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(3312,1): run-time error CSS1019: Unexpected token, found '@import' input(3312,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap")' input(3313,1): run-time error CSS1019: Unexpected token, found '@import' input(3313,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(3314,1): run-time error CSS1019: Unexpected token, found '@import' input(3314,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(3315,1): run-time error CSS1019: Unexpected token, found '@import' input(3315,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap")' input(3316,1): run-time error CSS1019: Unexpected token, found '@import' input(3316,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(3317,1): run-time error CSS1019: Unexpected token, found '@import' input(3317,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap")' input(3318,1): run-time error CSS1019: Unexpected token, found '@import' input(3318,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap")' input(3319,1): run-time error CSS1019: Unexpected token, found '@import' input(3319,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap")' input(3320,1): run-time error CSS1019: Unexpected token, found '@import' input(3320,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap")' input(3321,1): run-time error CSS1019: Unexpected token, found '@import' input(3321,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap")' input(3322,1): run-time error CSS1019: Unexpected token, found '@import' input(3322,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(3324,1): run-time error CSS1019: Unexpected token, found '@import' input(3324,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(7348,1): run-time error CSS1019: Unexpected token, found '@import' input(7348,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(7350,1): run-time error CSS1019: Unexpected token, found '@import' input(7350,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap")' input(7351,1): run-time error CSS1019: Unexpected token, found '@import' input(7351,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(7352,1): run-time error CSS1019: Unexpected token, found '@import' input(7352,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(7353,1): run-time error CSS1019: Unexpected token, found '@import' input(7353,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap")' input(7354,1): run-time error CSS1019: Unexpected token, found '@import' input(7354,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(7355,1): run-time error CSS1019: Unexpected token, found '@import' input(7355,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap")' input(7356,1): run-time error CSS1019: Unexpected token, found '@import' input(7356,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap")' input(7357,1): run-time error CSS1019: Unexpected token, found '@import' input(7357,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap")' input(7358,1): run-time error CSS1019: Unexpected token, found '@import' input(7358,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap")' input(7359,1): run-time error CSS1019: Unexpected token, found '@import' input(7359,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap")' input(7360,1): run-time error CSS1019: Unexpected token, found '@import' input(7360,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(7362,1): run-time error CSS1019: Unexpected token, found '@import' input(7362,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(10720,1): run-time error CSS1019: Unexpected token, found '@import' input(10720,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(10722,1): run-time error CSS1019: Unexpected token, found '@import' input(10722,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap")' input(10723,1): run-time error CSS1019: Unexpected token, found '@import' input(10723,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(10724,1): run-time error CSS1019: Unexpected token, found '@import' input(10724,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(10725,1): run-time error CSS1019: Unexpected token, found '@import' input(10725,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap")' input(10726,1): run-time error CSS1019: Unexpected token, found '@import' input(10726,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(10727,1): run-time error CSS1019: Unexpected token, found '@import' input(10727,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap")' input(10728,1): run-time error CSS1019: Unexpected token, found '@import' input(10728,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap")' input(10729,1): run-time error CSS1019: Unexpected token, found '@import' input(10729,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap")' input(10730,1): run-time error CSS1019: Unexpected token, found '@import' input(10730,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap")' input(10731,1): run-time error CSS1019: Unexpected token, found '@import' input(10731,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap")' input(10732,1): run-time error CSS1019: Unexpected token, found '@import' input(10732,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(10734,1): run-time error CSS1019: Unexpected token, found '@import' input(10734,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(14101,1): run-time error CSS1019: Unexpected token, found '@import' input(14101,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(14103,1): run-time error CSS1019: Unexpected token, found '@import' input(14103,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap")' input(14104,1): run-time error CSS1019: Unexpected token, found '@import' input(14104,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(14105,1): run-time error CSS1019: Unexpected token, found '@import' input(14105,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(14106,1): run-time error CSS1019: Unexpected token, found '@import' input(14106,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap")' input(14107,1): run-time error CSS1019: Unexpected token, found '@import' input(14107,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(14108,1): run-time error CSS1019: Unexpected token, found '@import' input(14108,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap")' input(14109,1): run-time error CSS1019: Unexpected token, found '@import' input(14109,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap")' input(14110,1): run-time error CSS1019: Unexpected token, found '@import' input(14110,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap")' input(14111,1): run-time error CSS1019: Unexpected token, found '@import' input(14111,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap")' input(14112,1): run-time error CSS1019: Unexpected token, found '@import' input(14112,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap")' input(14113,1): run-time error CSS1019: Unexpected token, found '@import' input(14113,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(14115,1): run-time error CSS1019: Unexpected token, found '@import' input(14115,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(17437,1): run-time error CSS1019: Unexpected token, found '@import' input(17437,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(17439,1): run-time error CSS1019: Unexpected token, found '@import' input(17439,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap")' input(17440,1): run-time error CSS1019: Unexpected token, found '@import' input(17440,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(17441,1): run-time error CSS1019: Unexpected token, found '@import' input(17441,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(17442,1): run-time error CSS1019: Unexpected token, found '@import' input(17442,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap")' input(17443,1): run-time error CSS1019: Unexpected token, found '@import' input(17443,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(17444,1): run-time error CSS1019: Unexpected token, found '@import' input(17444,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap")' input(17445,1): run-time error CSS1019: Unexpected token, found '@import' input(17445,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap")' input(17446,1): run-time error CSS1019: Unexpected token, found '@import' input(17446,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap")' input(17447,1): run-time error CSS1019: Unexpected token, found '@import' input(17447,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap")' input(17448,1): run-time error CSS1019: Unexpected token, found '@import' input(17448,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap")' input(17449,1): run-time error CSS1019: Unexpected token, found '@import' input(17449,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(17451,1): run-time error CSS1019: Unexpected token, found '@import' input(17451,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(21052,1): run-time error CSS1019: Unexpected token, found '@import' input(21052,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(21054,1): run-time error CSS1019: Unexpected token, found '@import' input(21054,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap")' input(21055,1): run-time error CSS1019: Unexpected token, found '@import' input(21055,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(21056,1): run-time error CSS1019: Unexpected token, found '@import' input(21056,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(21057,1): run-time error CSS1019: Unexpected token, found '@import' input(21057,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap")' input(21058,1): run-time error CSS1019: Unexpected token, found '@import' input(21058,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")' input(21059,1): run-time error CSS1019: Unexpected token, found '@import' input(21059,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap")' input(21060,1): run-time error CSS1019: Unexpected token, found '@import' input(21060,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap")' input(21061,1): run-time error CSS1019: Unexpected token, found '@import' input(21061,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap")' input(21062,1): run-time error CSS1019: Unexpected token, found '@import' input(21062,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap")' input(21063,1): run-time error CSS1019: Unexpected token, found '@import' input(21063,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap")' input(21064,1): run-time error CSS1019: Unexpected token, found '@import' input(21064,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' input(21066,1): run-time error CSS1019: Unexpected token, found '@import' input(21066,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap")' */ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ body.rtl { direction: rtl; text-align: right; /*data card css start */ /*multiselect css start */ /*note access design start here*/ } body.rtl .login-register .form-input input { padding-right: 50px; padding-left: initial; } body.rtl .login-register .form-input .login-icon { right: 20px; left: initial; } body.rtl header .navbar .right-nav .nav-item.profile-nav { padding-right: 20px; padding-left: 0; } body.rtl header .navbar .right-nav .profile { margin-left: 10px; margin-right: 0; } body.rtl header .navbar .nav-item .dropdown-toggle::after { margin-right: 5px; margin-left: 0; } body.rtl header .navbar .nav-link-wrapper { padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-toggle { padding: 8px; padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle) { text-align: right; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-toggle { padding: 8px; padding-left: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-menu { right: 100% !important; } body.rtl .search .search-wrapper .form-group .search-box .form-control { padding-left: 42px; padding-right: 12px; } body.rtl .search .search-wrapper .form-group .search-box .search-btn { left: 0; right: initial; } body.rtl .search .select-search-wrapper .select-wrapper { margin-left: 15px; margin-right: 0; } body.rtl .multiselect-native-select .multiselect-selected-text { margin-left: 5px; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-title:after { right: 0; left: initial; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-right: 70px; padding-left: initial; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-title { padding-right: 0; padding-left: 60px; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-left: 60px; padding-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p { text-align: left; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p:first-child { text-align: right; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper .all-link { margin-left: 30px; margin-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li { padding-right: 30px; padding-left: initial; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li:before { left: initial; right: 10px; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li::after { right: 4px; left: initial; } body.rtl .activity-full-height .all-link { left: 15px; right: initial; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table thead tr th:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } body.rtl .list-1 .table.shadow-table thead tr th:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-3 .table.shadow-table tr td:last-child { text-align: left; } body.rtl div.dataTables_wrapper div.dataTables_info { float: right; } body.rtl .dp-search-wrapper .form-control { padding-left: 35px; padding-right: 12px; } body.rtl .dp-search-wrapper .search-icon { left: 9px; right: initial; } body.rtl .top-select { margin-right: 20px; margin-left: 5px; } body.rtl .top-select select { padding-left: 30px; padding-right: 8px; } body.rtl .select-wrapper::before { left: 13px; right: initial; } body.rtl .widget-font.list-1 .dt-buttons .trans-btn { padding-right: 8px; padding-left: 18px; } body.rtl .input-group.search .form-control, body.rtl .input-group.date .form-control { padding-left: 50px; padding-right: 12px; } body.rtl .input-group.search .input-group-addon, body.rtl .input-group.date .input-group-addon { left: 35px; right: initial; } body.rtl .input-group.search .input-group-addon.search-addon, body.rtl .input-group.date .input-group-addon.search-addon { left: 12px; right: initial; } body.rtl .bottom-bar-btns .btn { margin-right: 30px; margin-left: 0; } body.rtl .accordian-panel-wrap .left-head a { margin-left: 10px; margin-right: 0; } body.rtl .Knowledge-control .search-input.dp-search-wrapper .search-icon { left: 15px; } body.rtl .knowledge-base .accordion .card .card-header .accordian-time { padding-left: 50px; padding-right: 10px; } body.rtl .knowledge-base .accordion .card .card-header .icon-plus-minus { left: 10px; right: initial !important; } body.rtl .case-deflection .solution-wrapper .find-box .find-text { padding-left: 15px; } body.rtl .search-box .search-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } body.rtl .search-box .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } body.rtl .right-actions { text-align: left; } body.rtl .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: left; } body.rtl .modal .modal-header .close { margin-right: auto; margin-left: -1rem; } body.rtl .modal .modal-header .warning-icon { margin-left: 10px; margin-right: initial; } body.rtl .modal .modal-footer .btn { margin-right: 4px; margin-left: initial; } body.rtl .header__btn { margin-left: 10px; } body.rtl .header__btn:last-child { margin-left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:before { left: auto; right: 50%; transform: translateX(50%); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:after { right: auto; left: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; transform: translateX(-50%) scale(1.2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-96% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-99% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-active:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-done:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__panel { right: 0; left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 80px / 2); } @media screen and (max-width: 992px) { body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 40px / 2); } } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-70% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-80% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:after { right: calc(-30% + 10px / 2); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__panel { left: auto; right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn span { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before, body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); } body.rtl .form-builder .form-box-3 .form-group .label.multistepform_label, body.rtl .form-builder .form-box-2 .form-group .label.multistepform_label { right: 0; left: auto; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: left; } body.rtl .multiselect-container .dropdown-item .form-check { padding-left: 0; padding-right: 20px; text-align: right; } body.rtl .multiselect-container .dropdown-item .form-check .form-check-input { margin-right: -20px; margin-left: initial; } body.rtl .image-file-upload .profile-img-wrap { margin-left: 0; margin-right: 20px; } body.rtl .image-file-upload .profile-img-remove-btn { left: -3px; right: initial; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 0; margin-left: 10px; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-left: 0; } body.rtl .card-widget-top-bar .right-actions .checkbox-wrapper { margin-left: auto; margin-right: initial !important; } body.rtl .card-width .card-body .checkbox-wrapper { float: left !important; } body.rtl .card-width .data-card-box-wrap .card-label { padding-right: initial; padding-left: 5px; } body.rtl .card-width .hirerchy-icon { padding-left: 7px; padding-right: initial !important; } body.rtl .card-width .chip { margin: 5px 0px 5px 10px; } body.rtl .card-width .card-link + .card-link { margin-right: 10px; margin-left: 0; } body.rtl .card-width .user-detail .profile { margin-right: 0; margin-left: 1em; } body.rtl .card-width .drag-container .widget-font .top-select { margin-left: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .checkbox-wrapper { right: initial; top: 5px; left: 10px; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { border-left: 1px solid #eee; border-right: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-left: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input[type='checkbox'] { left: initial; right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper .checkbox { right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper label { padding-left: 0; padding-right: 26px; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-left: 10px; margin-right: 0; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-right: 5px; padding-left: 0; } body.rtl .msger .msger-chat .msg .msg-img { margin-right: 0; margin-left: 10px; } body.rtl .msger .msger-chat .msg.right-msg .msg-img { margin: 0 10px 0 0; } body.rtl .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 10px; border-bottom-left-radius: 0; } body.rtl .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input { padding-right: 10px; padding-left: 40px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-left: 250px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msg-inputs { left: 10px; right: initial; } body.rtl .msger .msger-inputarea .msger-send-btn { margin-right: 10px; margin-left: 0; } body.rtl .msger .msger-inputarea .msger-send-btn i { transform: rotate(180deg); } body.rtl .msger .chat-file-box .msg-file-name { padding-right: 5px; padding-left: 0; } body.rtl .msger .chat-file-box .user-img-remove-btn { left: 3px; right: initial; } body { color: #000000; font-size: 14px; } * { font-family: "Open Sans"; } font[face="Courier New"] { font-family: Courier New; } font[face="Arial"] { font-family: Arial; } font[face="Arial Black"] { font-family: Arial Black; } font[face="Comic Sans MS"] { font-family: Comic Sans MS; } font[face="Geneva"] { font-family: Geneva; } font[face="Georgia"] { font-family: Georgia; } font[face="Helvetica"] { font-family: Helvetica; } font[face="Impact"] { font-family: Impact; } font[face="Lucida Console"] { font-family: Lucida Console; } font[face="Tahoma"] { font-family: Tahoma; } font[face="Times New Roman"] { font-family: Times New Roman; } font[face="Verdana"] { font-family: Verdana; } img { max-width: 100%; } .btn { font-weight: 600; font-size: 15px; padding: 5px 10px; } .btn.btn-primary { background-color: #39547c; border-color: #39547c; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #293c59; border-color: #293c59; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-primary { font-size: 12px; } } .btn.btn-primary .la-key.cred { margin-right: 4px; } .btn.btn-link { color: #39547c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:not(:disabled):not(.disabled):active { color: #293c59; } .btn.btn-secondary { background-color: transparent; border-color: #000000; color: #000000; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #000000; opacity: 0.6; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-secondary { font-size: 12px; } } input, select { width: 100%; border: 0; height: 40px; padding: 5px 15px; } input.login-input, select.login-input { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); border-radius: 5px; } input:focus, input:active, select:focus, select:active { outline: none; } input [type="hidden"] { height: 0; padding: 0; margin: 0; } .input-label { font-weight: 600; } a, a * { transition: all 0.4s ease; color: #39547c !important; } a:hover, a *:hover { color: #39547c !important; opacity: 0.7; text-decoration: none; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .container { max-width: 1400px; } .validation-msg { font-size: 12px; margin-top: 7px; display: block; } .dp-purple, .dp-purple:hover { color: #633FE4 !important; } .dp-red, .dp-red:hover { color: #df0a56 !important; } .dp-green, .dp-green:hover { color: #26a26b !important; } .dp-blue, .dp-blue:hover { color: #39547c !important; } .dp-lightblue, .dp-lightblue:hover { color: #39547c !important; } .dp-primary, .dp-primary:hover { color: #39547c !important; } .dp-yellow, .dp-yellow:hover { color: #e2b84a !important; } .card { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; } button { cursor: pointer; } .form-group { margin: 10px 0; } .form-group label { font-size: 14px; font-weight: 600; margin-top: 6px; margin-bottom: 10px; } @media (max-width: 575px) { .form-group label { font-size: 12px; } } @media (max-width: 991px) { .form-group { margin: 10px 0; } .form-group label { margin-bottom: 8px; margin-top: 0; } } .select-wrapper { position: relative; width: 100%; } .select-wrapper:before { content: ''; position: absolute; right: 13px; height: 8px; width: 8px; border: 2px solid #b2b2b2; top: 50%; transform: translateY(-50%) rotate(45deg); border-left: 0; border-top: 0; } .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CBCBCB; box-shadow: none; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; line-height: 26px; } .form-control { min-height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; font-size: 14px; color: #000000 !important; } .form-control:focus { box-shadow: none !important; border-color: #CBCBCB !important; } select.form-control:not([size]):not([multiple]) { height: auto; } .bottom-bar-btns { display: flex; justify-content: flex-end; margin-top: 40px; flex-wrap: wrap; } .bottom-bar-btns .btn { margin-left: 30px; min-width: 200px; white-space: normal; margin-bottom: 10px; } .bottom-bar-btns .btn:first-child { margin-left: 0; } @media (max-width: 767px) { .bottom-bar-btns { margin-top: 25px; } .bottom-bar-btns .btn { min-width: auto; padding: 6px 20px; margin-bottom: 10px; } } .modal-header { border-bottom: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-header { padding: 20px; } } .modal-header .modal-title { font-size: 18px; font-weight: 700; } @media (max-width: 575px) { .modal-header .modal-title { font-size: 16px; } } .modal-header .close { outline: none; } .modal-header .close span { font-size: 18px; } .modal-footer { border-top: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-footer { padding: 20px; } } .modal-footer .btn { min-width: 200px; } .modal-footer.center-btns { justify-content: center; } .modal-body { padding: 10px 30px; padding-bottom: 0; max-height: calc(100vh - 200px); overflow: auto; } @media (max-width: 767px) { .modal-body { padding: 0 20px; } } .modal-body .form-group { margin: 0; } @media (max-width: 767px) { .modal-body .form-group { flex-wrap: wrap; } .modal-body .form-group label { width: 100%; } } @media (max-width: 767px) { .modal-body .dp-form-row { margin-bottom: 0; } } .modal-body .modal-heading { font-size: 18px; font-weight: 700; margin-top: 30px; margin-bottom: 18px; } @media (max-width: 575px) { .modal-body .modal-heading { font-size: 16px; } } .modal-dialog { max-width: 70%; margin: auto; height: 100%; } @media (max-width: 767px) { .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 767px) { .modal-dialog .modal-content .modal-body .dp-search-wrapper { margin: 10px 0 0; } } .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: nowrap; } @media (max-width: 767px) { .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } } @media (max-width: 991px) { .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .modal-dialog .modal-body.menu-replace-modal { max-height: initial; overflow: initial; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap { display: flex; align-items: baseline; flex-wrap: wrap; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap label { margin: 5px 0; margin-right: 40px; font-weight: 600; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap .select-wrapper select { padding-right: 30px; text-overflow: ellipsis; width: 255px; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper { margin: initial; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper .checkbox { top: 0; } .modal-dialog .modal-body.menu-replace-modal .table-responsive { max-height: calc(100vh - 400px); overflow: auto; } .dp-form-row { margin-bottom: 15px; } textarea.form-control { resize: none; padding: 10px 12px !important; min-height: 80px; } .column { margin-bottom: 10px; margin-top: 10px; } .drag-wrapper .column { margin-top: 0; } .table { white-space: nowrap; margin-bottom: 0; font-size: 13px; } .table thead th { padding: 10px 15px; border-bottom: 1px solid #dee2e6; font-size: 13px; background-color: #e6e6e6; text-align: center; } @media (max-width: 575px) { .table thead th { font-size: 12px; } } .table thead th:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table thead th:last-child { border-right: 1px solid #dee2e6; } .table tbody tr:last-child td { border-bottom: 1px solid #dee2e6; } .table tbody td { padding: 10px 15px; text-align: center; font-size: 13px; border-bottom: 1px solid #dee2e6; } @media (max-width: 575px) { .table tbody td { font-size: 12px; } } .table tbody td:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table tbody td:last-child { border-right: 1px solid #dee2e6; } .checkbox-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; } .checkbox-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #39547c; border-color: #39547c; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { opacity: 1; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox + label { font-weight: 600; } .checkbox-wrapper input[type='checkbox']:disabled { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox + label { cursor: not-allowed; } .checkbox-wrapper .checkbox { position: absolute; left: 0; top: 0; height: 20px; width: 20px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 5px; } .checkbox-wrapper .checkbox::before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; } .checkbox-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .checkbox-wrapper label { font-size: 12px; } } .heading { font-size: 28px; font-weight: 700; } @media (max-width: 575px) { .heading { font-size: 20px; } } .sub-heading { font-size: 18px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 575px) { .sub-heading { font-size: 16px; } } .drag-container .heading { font-size: 24px; } .drag-container .widget-font .dt-buttons .trans-btn { padding-right: 8px !important; } .drag-container .widget-font .trans-btn-wrapper { padding-right: 10px; } .drag-container .widget-font .top-select { margin-left: 10px; } @media (max-width: 767px) { .drag-container .widget-font .top-select { margin-top: 10px; margin-left: 0; } } .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 33.33%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 25%; } } .drag-container.col-lg-9 .col-lg-5, .drag-container.col-lg-9 .col-lg-6, .drag-container.col-lg-9 .col-lg-7, .drag-container.col-lg-9 .col-lg-8, .drag-container.col-lg-10 .col-lg-5, .drag-container.col-lg-10 .col-lg-6, .drag-container.col-lg-10 .col-lg-7, .drag-container.col-lg-10 .col-lg-8, .drag-container.col-lg-11 .col-lg-5, .drag-container.col-lg-11 .col-lg-6, .drag-container.col-lg-11 .col-lg-7, .drag-container.col-lg-11 .col-lg-8, .drag-container.col-lg-12 .col-lg-5, .drag-container.col-lg-12 .col-lg-6, .drag-container.col-lg-12 .col-lg-7, .drag-container.col-lg-12 .col-lg-8 { /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { .card-width { width: 100%; } }*/ } .drag-container.col-lg-9 .col-lg-5 .card-width, .drag-container.col-lg-9 .col-lg-6 .card-width, .drag-container.col-lg-9 .col-lg-7 .card-width, .drag-container.col-lg-9 .col-lg-8 .card-width, .drag-container.col-lg-10 .col-lg-5 .card-width, .drag-container.col-lg-10 .col-lg-6 .card-width, .drag-container.col-lg-10 .col-lg-7 .card-width, .drag-container.col-lg-10 .col-lg-8 .card-width, .drag-container.col-lg-11 .col-lg-5 .card-width, .drag-container.col-lg-11 .col-lg-6 .card-width, .drag-container.col-lg-11 .col-lg-7 .card-width, .drag-container.col-lg-11 .col-lg-8 .card-width, .drag-container.col-lg-12 .col-lg-5 .card-width, .drag-container.col-lg-12 .col-lg-6 .card-width, .drag-container.col-lg-12 .col-lg-7 .card-width, .drag-container.col-lg-12 .col-lg-8 .card-width { width: 50%; } .drag-container.col-lg-9 .col-lg-1 .card-width, .drag-container.col-lg-9 .col-lg-2 .card-width, .drag-container.col-lg-9 .col-lg-3 .card-width, .drag-container.col-lg-9 .col-lg-4 .card-width, .drag-container.col-lg-10 .col-lg-1 .card-width, .drag-container.col-lg-10 .col-lg-2 .card-width, .drag-container.col-lg-10 .col-lg-3 .card-width, .drag-container.col-lg-10 .col-lg-4 .card-width, .drag-container.col-lg-11 .col-lg-1 .card-width, .drag-container.col-lg-11 .col-lg-2 .card-width, .drag-container.col-lg-11 .col-lg-3 .card-width, .drag-container.col-lg-11 .col-lg-4 .card-width, .drag-container.col-lg-12 .col-lg-1 .card-width, .drag-container.col-lg-12 .col-lg-2 .card-width, .drag-container.col-lg-12 .col-lg-3 .card-width, .drag-container.col-lg-12 .col-lg-4 .card-width { width: 100%; } .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 50%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 33.33%; } } .drag-container.col-lg-1 .col-lg-1 .card-width, .drag-container.col-lg-1 .col-lg-2 .card-width, .drag-container.col-lg-1 .col-lg-3 .card-width, .drag-container.col-lg-1 .col-lg-4 .card-width, .drag-container.col-lg-1 .col-lg-5 .card-width, .drag-container.col-lg-1 .col-lg-6 .card-width, .drag-container.col-lg-1 .col-lg-7 .card-width, .drag-container.col-lg-1 .col-lg-8 .card-width, .drag-container.col-lg-2 .col-lg-1 .card-width, .drag-container.col-lg-2 .col-lg-2 .card-width, .drag-container.col-lg-2 .col-lg-3 .card-width, .drag-container.col-lg-2 .col-lg-4 .card-width, .drag-container.col-lg-2 .col-lg-5 .card-width, .drag-container.col-lg-2 .col-lg-6 .card-width, .drag-container.col-lg-2 .col-lg-7 .card-width, .drag-container.col-lg-2 .col-lg-8 .card-width, .drag-container.col-lg-3 .col-lg-1 .card-width, .drag-container.col-lg-3 .col-lg-2 .card-width, .drag-container.col-lg-3 .col-lg-3 .card-width, .drag-container.col-lg-3 .col-lg-4 .card-width, .drag-container.col-lg-3 .col-lg-5 .card-width, .drag-container.col-lg-3 .col-lg-6 .card-width, .drag-container.col-lg-3 .col-lg-7 .card-width, .drag-container.col-lg-3 .col-lg-8 .card-width, .drag-container.col-lg-4 .col-lg-1 .card-width, .drag-container.col-lg-4 .col-lg-2 .card-width, .drag-container.col-lg-4 .col-lg-3 .card-width, .drag-container.col-lg-4 .col-lg-4 .card-width, .drag-container.col-lg-4 .col-lg-5 .card-width, .drag-container.col-lg-4 .col-lg-6 .card-width, .drag-container.col-lg-4 .col-lg-7 .card-width, .drag-container.col-lg-4 .col-lg-8 .card-width, .drag-container.col-lg-5 .col-lg-1 .card-width, .drag-container.col-lg-5 .col-lg-2 .card-width, .drag-container.col-lg-5 .col-lg-3 .card-width, .drag-container.col-lg-5 .col-lg-4 .card-width, .drag-container.col-lg-5 .col-lg-5 .card-width, .drag-container.col-lg-5 .col-lg-6 .card-width, .drag-container.col-lg-5 .col-lg-7 .card-width, .drag-container.col-lg-5 .col-lg-8 .card-width, .drag-container.col-lg-6 .col-lg-1 .card-width, .drag-container.col-lg-6 .col-lg-2 .card-width, .drag-container.col-lg-6 .col-lg-3 .card-width, .drag-container.col-lg-6 .col-lg-4 .card-width, .drag-container.col-lg-6 .col-lg-5 .card-width, .drag-container.col-lg-6 .col-lg-6 .card-width, .drag-container.col-lg-6 .col-lg-7 .card-width, .drag-container.col-lg-6 .col-lg-8 .card-width, .drag-container.col-lg-7 .col-lg-1 .card-width, .drag-container.col-lg-7 .col-lg-2 .card-width, .drag-container.col-lg-7 .col-lg-3 .card-width, .drag-container.col-lg-7 .col-lg-4 .card-width, .drag-container.col-lg-7 .col-lg-5 .card-width, .drag-container.col-lg-7 .col-lg-6 .card-width, .drag-container.col-lg-7 .col-lg-7 .card-width, .drag-container.col-lg-7 .col-lg-8 .card-width, .drag-container.col-lg-8 .col-lg-1 .card-width, .drag-container.col-lg-8 .col-lg-2 .card-width, .drag-container.col-lg-8 .col-lg-3 .card-width, .drag-container.col-lg-8 .col-lg-4 .card-width, .drag-container.col-lg-8 .col-lg-5 .card-width, .drag-container.col-lg-8 .col-lg-6 .card-width, .drag-container.col-lg-8 .col-lg-7 .card-width, .drag-container.col-lg-8 .col-lg-8 .card-width { width: 100%; } .heading-bar { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper { margin-top: 64px; } .main-wrapper.header-top-position { padding-top: 40px; } .custom-file-label { border-color: #CBCBCB; margin: 0 !important; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 88px; line-height: 26px; cursor: pointer; } .custom-file-label::after { height: 100%; line-height: 26px; cursor: pointer; } form .checkbox-wrapper { margin-top: 5px; } form .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 16px; width: 16px; z-index: 100; position: absolute; top: 5px; left: 0; } form .checkbox-wrapper input[type='checkbox']:checked + label { font-weight: 600; } form .checkbox-wrapper .checkbox { top: 5px; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable { min-height: 350px; } .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .no-label { margin-top: 35px; } @media (max-width: 767px) { .no-label { margin-top: 0; } } .noneditable-form label { margin-bottom: 0; } .form-data { margin-bottom: 0; font-size: 13px; } .loader-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.9); } .loader-wrapper.initial-load { background-color: #fff; /*background-color: fade-out($white, 0.1);*/ } .loader-wrapper .loader-box { height: 120px; width: 120px; /*background: #fff;*/ border-radius: 20px; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); padding: 20px; /*box-shadow: 0 2px 11px 0px rgba(255, 255, 255, 0.5);*/ } .loader-wrapper .loader-box p { font-size: 40px; } .loader-wrapper .loader-box svg { max-width: 80px; height: 80px; } .loader-wrapper .loader-box svg path { fill: #39547c !important; } .user-img-preview { height: 40px; width: 40px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; } .breadcrumb { background-color: transparent; padding: 0; } .breadcrumb .breadcrumb-item a { cursor: pointer; } .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 4px; } .dp-search-wrapper { border: 1px solid #CBCBCB; position: relative; border-radius: 6px; } .dp-search-wrapper .form-control { border: 0; padding-right: 35px; } .dp-search-wrapper .search-icon { position: absolute; right: 9px; top: 50%; transform: translateY(-50%) rotateY(180deg); font-size: 20px; cursor: pointer; } .delete-modal { max-width: 600px; } .delete-modal .modal-footer .btn { min-width: 150px; } .page-link, .page-link:hover { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; margin: 0 5px; background-color: #fff; border: 1px solid #39547c; border-radius: 6px; color: #39547c !important; } .page-item:last-child .page-link, .page-item:first-child .page-link { border-radius: 6px; } .page-item.active .page-link { background-color: #39547c; border-color: #39547c; color: #fff !important; } .table-column-one { width: 40%; } .table-column-qty { width: 15%; } .register-modal p { margin-bottom: 5px; } .table-width-10 { width: 10%; } .table-width-5 { width: 5%; } .table-width-20 { width: 20%; } .table-width-15 { width: 15%; } .table-width-35 { width: 35%; } .table-width-45 { width: 45%; } .table-width-50 { width: 50%; } .table-width-40 { width: 40%; } .permission-box { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; border-radius: 10px; padding: 20px; position: relative; height: 100%; display: flex; margin: 0; justify-content: center; width: 100%; align-items: center; } .permission-box p { margin: 0; } table.table-full-width { width: 100% !important; } table.table-sorting-icon thead .sorting:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_asc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_asc:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_desc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_desc:after { right: initial; left: 4px; } .activity-full-height { position: relative; } .activity-full-height .grid-box.box-element { height: 100%; } .activity-full-height .grid-box.box-element .view { height: 100%; } .activity-full-height .grid-box.box-element .view .row { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font .rc-box-wrapper { height: 100%; } .activity-full-height .Counter-control { height: 100%; } .activity-full-height .rc-activity-wrapper ul { padding-bottom: 30px !important; } .activity-full-height .all-link { position: absolute; right: 15px; bottom: 0; } .activity-full-height .Chart-control { height: 100%; } .activity-full-height .Chart-control .card { height: 100%; } .activity-full-height .rc-box-wrapper { height: 100%; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; } .btn-margin-right { margin-right: 7px; } table.table.entity-table td:first-child { vertical-align: middle; } table.table.entity-table td span.checkbox-wrapper { width: 16px; height: 16px; margin: auto; margin-top: 5px; } .multiselect-container > li > a > label > input[type=checkbox] { width: 16px; height: 16px; margin-right: 5px; } .form-builder .recent-activity-set .dropdown-menu.show { transform: translate3d(-15px, -255px, 0px) !important; } .form-builder .recent-activity-set .dropdown-menu.show input.form-control.multiselect-search { height: 38px; min-height: 38px; } .form-builder .textbox .richText .richText-toolbar ul { max-height: 400px; overflow: auto; } .form-builder .textbox .richText .richText-toolbar ul li a, .form-builder .textbox .richText .richText-toolbar ul li a * { color: #333; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown { max-width: 80%; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { top: -8px; right: 0; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer:hover, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer:hover { opacity: 1; } .form-builder .textbox .richText .richText-toolbar ul li a:hover, .form-builder .textbox .richText .richText-toolbar ul li a *:hover { opacity: 1; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-thumb { min-height: 2px; max-height: 2px; height: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .form-builder .form-main-wrapper + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } select:disabled, input:disabled, textarea:disabled, button:disabled { cursor: not-allowed; background-color: #e9ecef !important; } .btn-primary.disabled, .btn-primary:disabled { background-color: #39547c !important; } button[disabled] { cursor: not-allowed; } .portal-user-heading-action { text-align: right; } .portal-user-heading-action .checkbox-wrapper { margin-right: initial; margin-left: 40px; } .radio-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; margin-top: 5px; } .radio-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .radio-wrapper input[type='radio'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .radio-wrapper input[type='radio']:checked + .checkbox { background-color: #fff; border-color: #39547c; } .radio-wrapper input[type='radio']:checked + .checkbox:before { opacity: 1; } .radio-wrapper input[type='radio']:checked + .checkbox + label { font-weight: 600; } .radio-wrapper input[type='radio']:disabled { cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox + label { cursor: not-allowed; } .radio-wrapper .checkbox { position: absolute; left: 0; top: 5px; height: 16px; width: 16px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 50%; } .radio-wrapper .checkbox::before { height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; background: #39547c; opacity: 0; border-left: 0; border-bottom: 0; display: inline-block; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); content: ''; border-radius: 50%; } .radio-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .radio-wrapper label { font-size: 12px; } } .load-icon { color: #39547c; font-size: 26px; } .lookup-body .user-data { padding: 10px 0; } .lookup-body .user-data .lookup-search-wrap { padding: 0 0 10px; } .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: right; margin: 0; } .user-card-space { margin-bottom: 20px; } .card.user-card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card.user-card { height: auto; } } .card.user-card .card-body { display: flex; flex-direction: column; justify-content: space-between; } .card.user-card .card-body .user-detail .user-img { overflow: hidden; } .card.user-card .card-body .user-detail .user-img img { height: 100%; object-fit: cover; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text { width: 33.33%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text .profile-view { border: 1px solid #e1e1e1; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: right; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:first-child { text-align: left; } .create-note-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .create-note-modal .modal-dialog { max-width: calc(100% - 20px); } } .create-note-modal .modal-dialog .modal-content .modal-body .form-group { margin-bottom: 25px; } .create-note-modal .modal-dialog .modal-content .modal-body .label { font-size: 14px; font-weight: 600; margin-bottom: 5px; display: block; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-1 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 .label { margin: 0; position: absolute; z-index: 2; background: #fff; top: -10px; left: 24px; padding: 0 10px; } .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } @media (max-width: 991px) { .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .form-type-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px; margin-right: 0px; } @media (max-width: 991px) { .form-type-wrapper { justify-content: flex-start; } } .form-type-wrapper .check-form-wrapper:last-child .checkbox-wrapper { margin-right: 0; } .form-type-wrapper .check-form-wrapper .checkbox-wrapper { margin-top: 0; } .document-list-wrapper { background-color: #fff; } .document-list-wrapper .document-list-menu { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; } .document-list-wrapper .document-list-menu li { max-width: 25%; flex: 0 0 25%; margin-bottom: 50px; padding: 0 15px; } @media (max-width: 1199px) { .document-list-wrapper .document-list-menu li { max-width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 991px) { .document-list-wrapper .document-list-menu li { max-width: 50%; flex: 0 0 50%; } } @media (max-width: 575px) { .document-list-wrapper .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; } } .document-list-wrapper .document-list-menu li .document-list-box { border: 1px solid #CBCBCB; padding: 15px 10px; border-radius: 5px; display: flex; align-items: center; position: relative; } .document-list-wrapper .document-list-menu li .document-list-box a { color: #000000; display: flex; align-items: center; width: 100%; cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box a .document-label { cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper { position: absolute; top: 0; right: 0; display: none; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper .checkbox-wrapper { margin: 0; } .document-list-wrapper .document-list-menu li .document-list-box:hover .document-check-wrapper { display: block; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download { margin-left: auto; display: flex; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download .doc-list-icon { font-size: 22px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .doc-icon { font-size: 40px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .document-label { font-size: 14px; font-weight: 600; margin-left: 10px; color: #000000; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: default; } .doc-list { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .doc-list { flex-direction: column; } } .doc-list .right-actions { display: flex; align-items: center; } @media (max-width: 575px) { .doc-list .right-actions { flex-wrap: wrap; justify-content: center; } } .doc-list .right-actions .btn { margin-right: 30px; margin-bottom: 5px; } .doc-list .right-actions .btn .doc-list-icon { font-size: 20px; } .chart-type-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } .chart-type-list li { position: relative; padding-left: 30px; margin: 10px; } .chart-type-list li span.chart-active { height: 13px; width: 13px; background-color: #39547c; border-radius: 50%; position: absolute; left: 10px; top: 5px; } @media (max-width: 767px) { .chart-type-list li { width: 50%; margin: 10px 0; padding-left: 20px; } .chart-type-list li span.chart-active { height: 10px; width: 10px; left: 0px; } } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item { color: #000000; font-size: 15px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item a i { color: #000000; font-size: 22px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active a i { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 7px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item .active + .breadcrumb-item::before { color: #6c757d; } .document-list .document-list-table tbody td a i { color: rgba(0, 0, 0, 0.44); margin-left: 5px; font-size: 23px; vertical-align: bottom; } .document-list .document-list-table tbody td a label { color: #000000; margin: 0; } .document-list .document-list-table tbody td i { color: #CBCBCB; margin-right: 5px; font-size: 23px; } .document-list .document-list-table tbody td label { margin: 0; } .document-list .document-list-table tbody .documentname { white-space: nowrap; } .document-list .document-list-table tbody .documentname i { vertical-align: top; } .document-list .document-list-table tbody .documentname label { white-space: normal; display: inline-block; } .document-list .document-list-table tbody .documentname a label { cursor: pointer; } .custom-file-input { cursor: pointer; } .note-list .table-responsive { max-height: 250px; overflow: auto; margin-bottom: 40px; padding-right: 10px; } .note-list .table-responsive .table.shadow-table .note-text { word-break: break-all; white-space: normal; } .modal-dialog.change-pwd-dialog { max-width: 40%; } @media (max-width: 767px) { .modal-dialog.change-pwd-dialog { max-width: calc(100% - 20px); } } .modal-dialog.change-pwd-dialog .form-box-3 .form-group { margin-bottom: 25px; } .modal-dialog.change-pwd-dialog.form-builder .label { font-size: 14px; font-weight: 600; } @media (max-width: 1439px) { div#uploadFileModal .modal-dialog .modal-content .modal-footer.center-btns .btn, div#createFolderModal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans" !important; } p { color: #000000 !important; } .toast-success { background-color: #26a26b !important; } .toast-error { background-color: #df0a56 !important; } .toast-warning { background-color: #e2b84a !important; } .text-danger span { color: #df0a56 !important; } .sidebar-wrapper { background-color: #ffffff; } .dropdown-menu { background-color: #ffffff !important; } .modal-content { background-color: #ffffff; } .input-group.search.input-search-wrapper span[disabled] { cursor: not-allowed; z-index: 3; } .widget-config.chart-set .dropdown-menu .active a label.checkbox { color: #fff !important; } .multiselect-container { min-width: 200px; max-height: 255px !important; overflow: auto; padding: 0 !important; box-shadow: none !important; border-radius: 5px !important; } .multiselect-container .filter-wrap { position: sticky; background-color: #fff; z-index: 5; padding: 5px; top: 0; } .multiselect-container .filter-wrap .multiselect-filter { padding: 0 10px; border: 1px solid #CBCBCB; margin: 0; border-radius: 5px; } .multiselect-container .filter-wrap .multiselect-filter input::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; background-color: #39547c; display: none; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter { background: transparent; border: 0; padding: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter:focus { outline: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-search { border: 0; padding: 0 10px; min-height: 35px !important; height: 35px !important; margin: 0; } .multiselect-container .filter-wrap .multiselect-filter i { font-size: 16px; border: 0; color: #000 !important; } .multiselect-container .dropdown-item { padding: 3px 20px 3px 10px !important; margin: 0 !important; font-size: 14px !important; text-align: left !important; border: 0 !important; white-space: normal; } .multiselect-container .dropdown-item.active { background-color: #39547c !important; } .multiselect-container .dropdown-item:focus { outline: 0; } .multiselect-container .dropdown-item input[type="checkbox"], .multiselect-container .dropdown-item input[type="radio"] { width: 16px; height: 16px; margin-right: 5px; margin-bottom: 3px; margin-top: 3px; } .multiselect-container .dropdown-item .form-check-label { margin: 0; font-weight: normal; } .multiselect-container li .input-group { padding: 0 5px; } .multiselect-container li .input-group .form-control { height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn { margin-left: -2px !important; height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn:focus { box-shadow: none; } .multiselect-container li.active a label.checkbox { color: #fff !important; } .multiselect-container li.active a label.radio { color: #fff !important; } .multiselect-container li a { font-size: 14px; } a.anchor-link { cursor: pointer; } a.anchor-link[disabled] { cursor: not-allowed; } .document-popup-modal .modal-dialog { max-width: 30%; } @media (max-width: 991px) { .document-popup-modal .modal-dialog { max-width: 50%; } } @media (max-width: 767px) { .document-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 1439px) { .document-popup-modal .modal-dialog .modal-footer.center-btns .btn { min-width: 100px; } } .lookup-popup-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .lookup-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } .no-data-chart { position: relative; } .no-data-chart .chart-box-image { display: block; margin: auto; opacity: 0.5; } .no-data-chart .chart-font { position: absolute; left: 50%; z-index: 1; font-size: 20px; font-weight: 700; text-transform: capitalize; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-widget-wrap { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #ffffff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .image-widget-wrap .Image-Widget { display: block; margin: 0 auto; } .input-group.date .input-group-addon { top: 12px; bottom: initial; } .input-group.date .bootstrap-datetimepicker-widget { width: auto; } .input-group.date .bootstrap-datetimepicker-widget .timepicker-picker { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.picker-switch { min-height: 30px; line-height: 30px; height: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.today::before { border-bottom-color: #39547c; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.dow { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day.active { background-color: #39547c; } .otp-modal .otp-title-wrap { padding-bottom: 15px; display: flex; justify-content: space-between; } .otp-modal .otp-title-wrap label { margin: 0; } .otp-modal .checkbox-wrapper { margin-left: 0; margin-top: 3px; width: 100%; } .otp-modal .modal-footer .btn { min-width: 100px; } .form-main-wrapper .panel-box { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; padding: 20px; } .form-main-wrapper .panel-box .multiselect-native-select .btn-group { min-height: 40px; height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; } .form-heading { font-size: 18px; font-weight: 700; line-height: 30px; } .Edit-Panel { margin-left: 10px; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper { margin-right: 0; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper .checkbox { top: 6px !important; } .accordian-panel-wrap .tap-bar { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .tap-bar { flex-direction: row; align-items: center; } } .accordian-panel-wrap .table-responsive { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .left-head { margin: 10px 0; margin-bottom: 10px !important; } } .accordian-panel-wrap .left-head a { margin-right: 10px; padding: 0; border: 0; margin-bottom: 0; } .accordian-panel-wrap .left-head a *:hover { opacity: 1; } .accordian-panel-wrap .left-head a.collapsed i::before { content: "\f107"; } .accordian-panel-wrap .left-head a i { font-size: 22px; } .accordian-panel-wrap .left-head a i::before { content: "\f106"; } .accordian-panel-wrap .left-head .product-sub-title { font-size: 20px; margin-bottom: 0; } @media (max-width: 575px) { .accordian-panel-wrap .right-actions { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (max-width: 991px) { .accordian-panel-wrap .right-actions .btn { margin: 5px; } } .accordian-panel-wrap .table-wrapper { margin-top: 25px; } .accordian-panel-wrap .document-list-wrapper { margin-top: 25px; } .side-panel-wrapper .widget-list .ui-draggable-dragging { max-width: 85px; } .side-panel-wrapper .widget-list .ui-draggable-dragging img { max-width: 70px; } div.dataTables_wrapper div.dataTables_processing { background-color: #ffffff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); border-radius: 5px; } .note-editor.note-frame output.note-status-output { display: none !important; } .note-editor.note-frame .note-toolbar { display: none; } .right-actions { text-align: right; } .warning-icon { color: #ecec4b; margin-right: 10px; font-size: 22px; } .label-bold { font-weight: 600; } .checkbox-bold .checkbox { border-width: 2px; } .checkbox-bold label { font-weight: 600; } .otp-link-disable { color: #ff0000 !important; } .external-login, .external-register { margin: 0 !important; margin-top: 5px !important; display: flex; padding-top: 50px; justify-content: space-around; } .external-login button.btn.btn-primary.external-button, .external-login button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus { width: auto; margin: 10px 0; position: relative; background: transparent; border: 0; color: #333; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 8px 10px; font-size: 14px; min-width: auto; } .external-login .or-social-text, .external-register .or-social-text { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .external-login .or-social-text:after, .external-register .or-social-text:after { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 10px); transform: translateY(-50%); border-top: 1px solid #ccc; } .external-login .or-social-text p, .external-register .or-social-text p { margin: 0; padding: 25px 30px 0 30px; background: #f5f5f5; z-index: 1; font-weight: 600; position: relative; } .external-login button.btn.btn-primary.external-button svg, .external-register button.btn.btn-primary.external-button svg { min-width: 60px; min-height: 60px; position: relative; left: 0; margin-bottom: 10px; color: #4867aa; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 6px; } .login-register-wrapper .external-login .or-social-text p { background: #ffffff; } .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button:active, .external-login button.btn.btn-primary.external-button:active { max-width: 500px; margin: 10px 0; background: transparent !important; } .filter-box-wrapper { padding: 10px 20px 20px 20px; background: #fff; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 8px; } .video-widget-iframe { width: 100%; min-height: 300px; } .list-1 .table.shadow-table thead tr.list-filter-settings th, .list-2 .table.shadow-table thead tr.list-filter-settings th, .list-3 .table.shadow-table thead tr.list-filter-settings th { background: transparent; } .list-1 .table.shadow-table thead tr.list-filter-settings th button, .list-2 .table.shadow-table thead tr.list-filter-settings th button, .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 10px; } .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-right: 0; } .list-1 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-2 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-3 .table.shadow-table thead tr.list-filter-settings th .form-control { font-size: 14px; height: 35px; min-height: 35px; } .list-1 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-2 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-3 .table.shadow-table thead tr.list-filter-settings th .multiselect { font-size: 14px; } .page-access-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .g-recaptcha { margin-top: 20px; } .recaptcha { margin-top: 10px; } .recaptcha .g-recaptcha { margin-top: 0; } .recaptcha-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .note-small-text { font-size: 12px; } .daterangepicker .ranges li.active { background: #39547c !important; } .right-side-checkbox .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; top: 6px; } .right-side-checkbox .checkbox { top: 6px; } .Registration-control .login-button { min-width: 200px; width: auto; margin: auto; margin-bottom: 15px; } .multiselect-container > li > a > label { padding: 3px 20px 3px 10px !important; } .multiselect-container .btn.btn-default.multiselect-clear-filter { border: 1px solid #ccc; } .label-datatype { padding-right: 5px; } .multiselect-selected-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } .multiselect.dropdown-toggle::after { vertical-align: middle; } .video-widget-height { min-height: 300px; } .video-widget-width { min-width: 100%; } .contact-bulk-wrapper { justify-content: space-between !important; } .contact-bulk-wrapper .bulk-action { display: flex; align-items: center; } @media (max-width: 575px) { .contact-bulk-wrapper .bulk-action { width: 100%; justify-content: center; margin-bottom: 10px; } } .contact-bulk-wrapper .bulk-action .select-wrapper { width: auto; margin-right: 6px; } .contact-bulk-wrapper .bulk-action .select-wrapper select { min-height: 35px; } @media (max-width: 575px) { .contact-bulk-wrapper .top-select { width: 100%; justify-content: center; } } .contact-bulk-wrapper .top-select .select-wrapper { width: auto; } .Registration-control .form-builder .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .external-login-controls, .external-register-controls .btn-external-register-submit, .external-login-controls .btn-external-submit { margin-bottom: 0 !important; } .Registration-control .form-builder .dp-form-row.otp-controls.dp-form-row, .Login-control .dp-form-row.otp-controls.dp-form-row { margin-bottom: 10px; } .Registration-control .btn-external-register-submit, .Registration-control .btn-primary { min-width: 100%; } .Registration-control .bottom-bar-btns .btn-primary { min-width: 200px; } .Registration-control .form-builder .login-otp-remember + .dp-form-row.otp-controls.dp-form-row { margin-right: -15px; margin-left: -15px; } .multiselect-container .multiselect-filter .input-group { display: flex; flex-wrap: nowrap; } .Video-control iframe { border-radius: 0; display: block; margin: auto; } .static-card-box { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .static-card-box p:last-child { margin-bottom: 0; } .static-card-box > *, .image-widget-wrap > * { max-width: 100%; overflow: auto; } .card-width { margin-bottom: 20px; } .card-width .card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card-width { width: 50% !important; } } @media (max-width: 767px) { .card-width { width: 100% !important; } } .card-width .checkbox-wrapper { margin-right: 15px; } .card-width .user-first-letters { margin: 0; } .card-width .user-first-letters:before { background-color: #39547c; } .card-width .user-detail { display: flex; align-items: flex-start; } .card-width .name { font-weight: 300; font-size: 14px; padding-right: 0; padding-left: 0; position: relative; word-break: normal; margin-bottom: 0; } .card-width .email { font-weight: 300; font-size: 14px; margin-bottom: 0; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .card-width .user-desc { max-width: calc(100% - 70px); } .card-width .user-desc a { /*color: $black !important;*/ color: #39547c !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-width .user-desc-text { color: #989898 !important; font-size: 14px; margin: 0; margin-top: 15px; } .card-width .user-tags { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin-top: 15px; } .card-width .user-tags .user-tags-chips { display: flex; align-content: center; flex-wrap: wrap; } .card-width .chip { display: flex; align-items: center; background-color: #bbcae0; padding: 3px 10px; border: 1px solid #39547c; border-radius: 6px; color: #39547c; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .card-width .chip span { line-height: normal; } .card-width .card-link { color: #39547c !important; font-size: 20px; margin-left: 5px; /*+ .card-link { margin-left: 5px; }*/ } .card-widget-top-bar { margin-bottom: 15px; } .card-widget-top-bar .icon-btn { background: transparent; border: 0; margin-left: 10px; font-size: 20px; } .card-widget-top-bar .right-actions { display: flex; align-items: center; justify-content: flex-end; } .card-widget-top-bar .right-actions .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .card-widget-top-bar .right-actions .checkbox-wrapper { display: flex; align-items: center; margin-right: 15px; } .card-widget-top-bar .right-actions .checkbox-wrapper .checkbox { top: 3px; } .card-widget-top-bar .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; min-width: 100px; } .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 11px; } } .card-widget-top-bar .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .card-widget-top-bar .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .card-widget-top-bar .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .daterangepicker:before, .daterangepicker:after { display: none !important; } .hirerchy-icon { font-size: 18px; } .hierarchy-modal .modal-dialog { max-width: calc(100% - 40px); } .hierarchy-modal .modal-dialog .modal-body { max-height: calc(100vh - 150px); } .hierarchy-modal .modal-dialog .modal-body table tr td:first-child { white-space: nowrap; max-width: none !important; } .hierarchy-modal .modal-dialog .modal-body table .la-angle-down, .hierarchy-modal .modal-dialog .modal-body table .la-angle-right { color: #777 !important; font-size: 16px; padding-right: 10px; } /*----------------genealogy-scroll----------*/ .genealogy-scroll::-webkit-scrollbar { width: 5px; height: 8px; } .genealogy-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } .genealogy-scroll::-webkit-scrollbar-thumb { background: #212121; border-radius: 10px; transition: 0.5s; } .genealogy-scroll::-webkit-scrollbar-thumb:hover { background: #d5b14c; transition: 0.5s; } .hierarchy-card .modal-dialog .modal-body { max-width: 100%; } /*----------------genealogy-tree----------*/ .genealogy-body { white-space: nowrap; padding: 50px; min-height: 500px; padding-top: 10px; } .genealogy-tree { display: inline-block; } .genealogy-tree ul { padding-top: 20px; position: relative; padding-left: 0px; display: flex; justify-content: center; } .genealogy-tree li { float: left; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .genealogy-tree li::before, .genealogy-tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #ccc; width: 50%; height: 18px; } .genealogy-tree li::after { right: auto; left: 50%; border-left: 2px solid #ccc; } .genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before { display: none; } .genealogy-tree li:only-child { padding-top: 0; } .genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after { border: 0 none; } .genealogy-tree li:last-child::before { border-right: 2px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .genealogy-tree li:first-child::after { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } .genealogy-tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid #ccc; width: 0; height: 20px; } .genealogy-tree li a:hover + ul li::after, .genealogy-tree li a:hover + ul li::before, .genealogy-tree li a:hover + ul::before, .genealogy-tree li a:hover + ul ul::before { border-color: #fbba00; } /*--------------memeber-card-design----------*/ .member-view-box { padding: 0px 20px; border-radius: 4px; position: relative; } .member-image { position: relative; width: 300px; margin: auto; } .member-image img { width: 60px; height: 60px; border-radius: 6px; background-color: #000; z-index: 1; } .image-file-upload .custom-file-label { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .image-file-upload .profile-img-wrap { position: relative; margin-left: 20px; } .image-file-upload .profile-img { height: 40px; width: 40px; min-width: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; position: relative; border: 1px solid #e1e1e1; cursor: pointer; } .image-file-upload .profile-img img { min-width: 100%; } .image-file-upload .profile-img-remove-btn { position: absolute; top: -5px; right: -3px; background: #df0a56; border: 0; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .profile-view { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; border: 1px solid #e1e1e1; } .card-width .user-detail .profile { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; margin-right: 1em; } .document-list .tap-bar, .document-list .tap-bar .right-actions { flex-wrap: wrap; } .document-list .tap-bar .right-actions button { margin-right: 7px; } @media (max-width: 991px) { .document-list .tap-bar .right-actions button { margin: 5px 0; margin-right: 7px; } } .document-list .tap-bar .right-actions button:last-child { margin-right: 0; } @media (max-width: 575px) { .document-list .right-actions { width: 100%; } } .col-lg-1.column.drag-container .document-grid .document-list-menu li, .col-lg-2.column.drag-container .document-grid .document-list-menu li, .col-lg-3.column.drag-container .document-grid .document-list-menu li, .col-lg-4.column.drag-container .document-grid .document-list-menu li, .col-lg-5.column.drag-container .document-grid .document-list-menu li, .col-lg-6.column.drag-container .document-grid .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; } .col-lg-1.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-2.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-3.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-4.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-5.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-6.column.drag-container .document-grid .document-list-menu li:last-child { margin-bottom: 20px; } .payment-widget .form-group label { margin-bottom: 5px; } .payment-widget .form-group { margin: 0 0 10px 0; } .pay-btn { max-width: 150px; margin: auto; display: block; } #paypal-button .zoid-outlet { width: 230px !important; height: 61px !important; } .payment-label { font-size: 18px; font-weight: 600; } .payment-amount { font-size: 14px; font-weight: 600; } .center-image-field { margin: auto; } .table-lookups.table.shadow-table thead td { white-space: nowrap; } .multiselect-native-select .btn-default { font-weight: 600; background: initial; color: #000; background-color: #efefef !important; } .multiselect-native-select .btn-default:after { border-top-color: #000; } .multiselect-native-select .btn-default:focus { box-shadow: none; border-color: #CBCBCB; } .multiselect-native-select .btn-default .multiselect-selected-text { white-space: nowrap; } .table-wrapper .table-responsive.visible { overflow: visible; } .table-wrapper .table-responsive .dropdown-menu.multiselect-container { max-height: 150px !important; } .btn.focus, .btn:focus { box-shadow: none !important; } .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { opacity: 1 !important; } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #39547c !important; border-color: #39547c !important; } .trans-btn-wrapper button.trans-btn:disabled { background-color: transparent !important; opacity: 0.6; } .trans-btn-wrapper .filter-btn-wrapper { position: relative; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .advance-filter-close { background: #ff0000; color: #fff; border-radius: 50%; padding: 2px; font-size: 10px; position: absolute; right: 8px; top: -2px; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .la-filter { color: #333333; } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper { padding-right: 10px; /*color: $black;*/ } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper.filter-active-btn { color: #000; padding-right: 15px !important; } .trans-btn-wrapper.card-widget-filter button { background-color: transparent !important; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .trans-btn-wrapper.card-widget-filter button:disabled { opacity: 0.6; } .img-preview-modal .modal-dialog { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 300px; } .table-processing .dataTables_wrapper .dataTables_processing { box-shadow: none; background: transparent; width: auto; transform: translate(-50%, -50%); margin: 20px; padding: 10px; z-index: 1; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box img { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg path { fill: #39547c !important; } .card-width .data-card-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .card-width .data-card-box-wrap .card-label { font-weight: 600; padding-right: 5px; font-size: 15px; } .card-width .data-card-box-wrap .data-card-title { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .data-card-title .name { display: block; } .card-width .data-card-box-wrap .data-card-description { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .user-desc-text { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } select, select option { font-family: "Open Sans", sans-serif; } .tap-bar.heading-top-bar { flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .tap-bar.heading-top-bar { margin-bottom: 10px; } } .tap-bar.heading-top-bar .heading { margin: 0; } .tap-bar.heading-top-bar .right-actions { margin: 0 !important; } .form-video-wrapper { max-width: 100%; overflow: auto; } .form-video-wrapper iframe.iframe-play, .form-video-wrapper .video-play { display: block; margin: auto; width: 100%; min-height: 300px; } .multisect-menu-wrapper.multiselect-style-2 ul { display: flex; margin: 0; flex-wrap: wrap; /*max-height: 150px;*/ /*overflow: auto;*/ border: 1px solid #CBCBCB; border-radius: 6px; padding: 10px; } .multisect-menu-wrapper.multiselect-style-2 ul li { list-style: none; width: 25%; padding: 3px 10px; } @media (max-width: 1599px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } } @media (max-width: 1199px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 991px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper { margin: 0; display: inline-block; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled { cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox + label { cursor: not-allowed; opacity: 0.7; } .multisect-menu-wrapper.detail-checkbox-style ul { border: 0; padding: 0; margin: 0 -10px; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper { pointer-events: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #909090; border-color: #909090; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:after { display: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; bottom: initial; background: initial; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after, .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 8px; background: #909090; border: 0; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { transform: rotate(-45deg); } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after { transform: rotate(45deg); } .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } @media (max-width: 1900px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 1439px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .record-select-wrapper select { height: 34.5px; min-height: 34.5px; } .input-group.date .datePickerInput:focus, .input-group.date .datePickerInput:hover { outline: 0; border: 0; box-shadow: none; } .tap-bar.heading-top-bar.form-right-buttons .right-actions { margin-left: auto !important; } /*code restructuring css start here*/ td { white-space: normal; word-break: normal; } table a { cursor: pointer; } td.dataTables_empty { text-align: center !important; } div.list-control div.dataTables_processing { width: 0px; } div.dataTables_wrapper div.dataTables_info { width: 50%; float: left; padding-top: 8px; } div.dataTables_wrapper div.dataTables_paginate { width: 50%; float: right; } .user-data .table.shadow-table tr:nth-child(2n) td:first-child { padding-left: 15px; } @media screen and (max-width: 767px) { div .dataTables_wrapper div.dataTables_info { width: 100%; float: none; padding-top: 8px; padding-bottom: 10px; } div.dataTables_wrapper div.dataTables_paginate { width: 100%; float: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; } } .list-1 { margin-top: 0px; } .list-2 { margin-top: 0px; } .list-3 { margin-top: 0px; } .main-wrapper { margin-top: 0 !important; padding: 0 15px; overflow-x: hidden; min-height: 100vh; } header { position: static; } .Knowledge-control .search-input .knowledge-search { border: 1px solid #CBCBCB; } .Knowledge-control .search-input.dp-search-wrapper { border: 0px; } .Knowledge-control .search-input.dp-search-wrapper .search-icon { right: 15px; } .disabled { cursor: not-allowed !important; } .redcolor { color: red !important; } .document-bredcrumb a { cursor: pointer; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; cursor: not-allowed; } .user-data .table.shadow-table td { text-align: center; } .product-line-list { margin-top: 30px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-builder { margin-top: 0px !important; } .widget-font.list-1 .trans-btn-wrapper .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .widget-font.list-1 .dt-buttons .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .resend-otp-wrap { display: flex; align-items: center; } .resend-otp { padding-left: 5px; } .resend-otp span { font-weight: 700; } .grecaptcha-badge { opacity: 0; } [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: plum; vertical-align: middle; margin-right: 1em; color: white; color: white; } .ytp-watermark, .ytp-show-cards-title { display: none !important; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area { min-height: 350px; } /*preview page css start here*/ .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; justify-content: center; } .disable-progress-btn { cursor: not-allowed !important; } .paypal-button { /*cursor: not-allowed;*/ /*pointer-events: none;*/ background-color: #ffffff; } .paypal-button-preview { cursor: not-allowed; pointer-events: none; background-color: #ffffff; } .Preview-Title { margin-top: 64px; padding-right: 15px; padding-left: 15px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*height overlap issue css start here*/ .grid-box.box-element { height: auto !important; margin-bottom: 15px; flex: 0 0 100%; max-width: 100%; } .column.drag-container.ui-droppable.activity-full-height { position: relative; display: flex; flex-wrap: wrap; margin: 0; } @media (min-width: 992px) { .column.drag-container.ui-droppable.activity-full-height .grid-box.box-element:last-child { margin-bottom: 0; } } /*height overlap issue css end here*/ /*chat css start here*/ .msger .msger-chat { overflow-y: auto; padding: 30px 10px 10px; max-height: 400px; scrollbar-width: thin; } .msger .msger-chat::-webkit-scrollbar { width: 6px; } .msger .msger-chat::-webkit-scrollbar-track { background: #ddd; } .msger .msger-chat::-webkit-scrollbar-thumb { background: #bdbdbd; } .msger .msger-chat .chat-loader { text-align: center; } .msger .msger-chat .chat-empty { display: block; text-align: center; font-size: 16px; color: #909090; font-weight: 600; } .msger .msger-chat .msg { display: flex; align-items: flex-end; margin-bottom: 10px; } .msger .msger-chat .msg:last-of-type { margin: 0; } .msger .msger-chat .msg .msg-img { width: 40px; min-width: 40px; height: 40px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; font-style: italic; text-transform: uppercase; } .msger .msger-chat .msg .msg-bubble { max-width: 70%; padding: 15px; border-radius: 15px; word-break: break-word; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble { max-width: 100%; } } .msger .msger-chat .msg .msg-bubble .msg-download { margin: 10px 0 0; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn { padding: 0; margin: 3px 0 0; display: flex; align-items: center; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 208px; } } @media (max-width: 575px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 100px; } } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn i { font-size: 20px; vertical-align: sub; } .msger .msger-chat .msg .msg-bubble .msg-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-right: 10px; font-weight: 700; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time { display: flex; align-items: center; font-size: 11px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-left: 5px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn { border: 0; background: transparent; padding: 0; color: #39547c; outline: 0; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn i { font-size: 20px; } .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-left-radius: 0; background-color: #f3f3f3; } .msger .msger-chat .msg.right-msg { flex-direction: row-reverse; } .msger .msger-chat .msg.right-msg .msg-download-btn { color: #39547c; } .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 0; background-color: #e6e6e6; } .msger .msger-chat .msg.right-msg .msg-img { margin: 0 0 0 10px; } .msger .msg-input-box { display: flex; justify-content: space-between; width: 100%; } .msger .msger-inputarea { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #dddddd; margin: 20px 0 0; border-radius: 20px; } .msger .msger-inputarea .msg-send-wrap { display: flex; width: 100%; position: relative; } .msger .msger-inputarea .msg-send-wrap .msger-input { background: transparent; border-radius: 30px; padding: 13px 20px; padding-right: 40px; height: 100%; } .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-right: 250px; } .msger .msger-inputarea .msg-send-wrap .msg-inputs { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap { height: 100%; position: relative; display: flex; align-items: center; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .custom-file-input { opacity: 0; position: absolute; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .msg-file-name { margin: 0; padding-right: 15px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .msger .msger-inputarea .msg-send-wrap .msg-inputs i { font-size: 20px; } .msger .msger-inputarea .msger-send-btn { border-radius: 50%; width: 35px; display: flex; height: 35px; justify-content: center; align-items: center; margin: 5px 10px; } .msger .msger-inputarea .msger-send-btn i { font-size: 24px; padding: 0; } .msger .msg-attach-wrap { display: block; width: 100%; border-bottom: 1px solid #000; padding: 20px 20px 15px; margin: 0 0 15px; } @media (max-width: 575px) { .msger .msg-attach-wrap { text-align: center; } } .msger .msg-attach-wrap .chat-file-box { display: inline-flex; align-items: center; padding: 13px 20px; border-radius: 3px; height: 100%; position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); margin: 0 20px 10px 0; } .msger .msg-attach-wrap .chat-file-box:last-child { margin-right: 0; } .msger .msg-attach-wrap .chat-file-box i { font-size: 18px; } .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding-left: 5px; } @media (max-width: 575px) { .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 150px; } } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn { position: absolute; top: 3px; right: 3px; background: trasparent; border: 0; color: #000; border-radius: 50%; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn i { font-size: 14px !important; } /*edit panel css start here*/ .edit-panel-wraaper { background: #6f6f6f; position: fixed; left: 0; right: 0; top: 0; padding: 7px 20px; z-index: 2; display: flex; justify-content: flex-end; } .edit-panel-wraaper .panel-edit-btn .btn { padding: 0; color: #fff; font-size: 14px; } .edit-panel-wraaper .panel-edit-btn .btn:hover { text-decoration: none; } .edit-panel-wraaper .panel-edit-btn .btn i { margin: 0 5px; font-size: 16px; opacity: 0.7; } /*edit panel css end here*/ .dp-formb-body.column.drag-container.col-lg-12.ui-droppable { padding: 0; } .list-control .table.table-sorting-icon.shadow-table thead tr th:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n - 2) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .activity-field-header { font-weight: 600; } @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ body.rtl { direction: rtl; text-align: right; /*data card css start */ /*multiselect css start */ /*note access design start here*/ } body.rtl .login-register .form-input input { padding-right: 50px; padding-left: initial; } body.rtl .login-register .form-input .login-icon { right: 20px; left: initial; } body.rtl header .navbar .right-nav .nav-item.profile-nav { padding-right: 20px; padding-left: 0; } body.rtl header .navbar .right-nav .profile { margin-left: 10px; margin-right: 0; } body.rtl header .navbar .nav-item .dropdown-toggle::after { margin-right: 5px; margin-left: 0; } body.rtl header .navbar .nav-link-wrapper { padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-toggle { padding: 8px; padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle) { text-align: right; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-toggle { padding: 8px; padding-left: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-menu { right: 100% !important; } body.rtl .search .search-wrapper .form-group .search-box .form-control { padding-left: 42px; padding-right: 12px; } body.rtl .search .search-wrapper .form-group .search-box .search-btn { left: 0; right: initial; } body.rtl .search .select-search-wrapper .select-wrapper { margin-left: 15px; margin-right: 0; } body.rtl .multiselect-native-select .multiselect-selected-text { margin-left: 5px; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-title:after { right: 0; left: initial; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-right: 70px; padding-left: initial; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-title { padding-right: 0; padding-left: 60px; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-left: 60px; padding-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p { text-align: left; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p:first-child { text-align: right; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper .all-link { margin-left: 30px; margin-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li { padding-right: 30px; padding-left: initial; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li:before { left: initial; right: 10px; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li::after { right: 4px; left: initial; } body.rtl .activity-full-height .all-link { left: 15px; right: initial; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table thead tr th:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } body.rtl .list-1 .table.shadow-table thead tr th:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-3 .table.shadow-table tr td:last-child { text-align: left; } body.rtl div.dataTables_wrapper div.dataTables_info { float: right; } body.rtl .dp-search-wrapper .form-control { padding-left: 35px; padding-right: 12px; } body.rtl .dp-search-wrapper .search-icon { left: 9px; right: initial; } body.rtl .top-select { margin-right: 20px; margin-left: 5px; } body.rtl .top-select select { padding-left: 30px; padding-right: 8px; } body.rtl .select-wrapper::before { left: 13px; right: initial; } body.rtl .widget-font.list-1 .dt-buttons .trans-btn { padding-right: 8px; padding-left: 18px; } body.rtl .input-group.search .form-control, body.rtl .input-group.date .form-control { padding-left: 50px; padding-right: 12px; } body.rtl .input-group.search .input-group-addon, body.rtl .input-group.date .input-group-addon { left: 35px; right: initial; } body.rtl .input-group.search .input-group-addon.search-addon, body.rtl .input-group.date .input-group-addon.search-addon { left: 12px; right: initial; } body.rtl .bottom-bar-btns .btn { margin-right: 30px; margin-left: 0; } body.rtl .accordian-panel-wrap .left-head a { margin-left: 10px; margin-right: 0; } body.rtl .Knowledge-control .search-input.dp-search-wrapper .search-icon { left: 15px; } body.rtl .knowledge-base .accordion .card .card-header .accordian-time { padding-left: 50px; padding-right: 10px; } body.rtl .knowledge-base .accordion .card .card-header .icon-plus-minus { left: 10px; right: initial !important; } body.rtl .case-deflection .solution-wrapper .find-box .find-text { padding-left: 15px; } body.rtl .search-box .search-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } body.rtl .search-box .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } body.rtl .right-actions { text-align: left; } body.rtl .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: left; } body.rtl .modal .modal-header .close { margin-right: auto; margin-left: -1rem; } body.rtl .modal .modal-header .warning-icon { margin-left: 10px; margin-right: initial; } body.rtl .modal .modal-footer .btn { margin-right: 4px; margin-left: initial; } body.rtl .header__btn { margin-left: 10px; } body.rtl .header__btn:last-child { margin-left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:before { left: auto; right: 50%; transform: translateX(50%); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:after { right: auto; left: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; transform: translateX(-50%) scale(1.2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-96% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-99% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-active:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-done:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__panel { right: 0; left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 80px / 2); } @media screen and (max-width: 992px) { body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 40px / 2); } } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-70% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-80% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:after { right: calc(-30% + 10px / 2); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__panel { left: auto; right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn span { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before, body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); } body.rtl .form-builder .form-box-3 .form-group .label.multistepform_label, body.rtl .form-builder .form-box-2 .form-group .label.multistepform_label { right: 0; left: auto; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: left; } body.rtl .multiselect-container .dropdown-item .form-check { padding-left: 0; padding-right: 20px; text-align: right; } body.rtl .multiselect-container .dropdown-item .form-check .form-check-input { margin-right: -20px; margin-left: initial; } body.rtl .image-file-upload .profile-img-wrap { margin-left: 0; margin-right: 20px; } body.rtl .image-file-upload .profile-img-remove-btn { left: -3px; right: initial; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 0; margin-left: 10px; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-left: 0; } body.rtl .card-widget-top-bar .right-actions .checkbox-wrapper { margin-left: auto; margin-right: initial !important; } body.rtl .card-width .card-body .checkbox-wrapper { float: left !important; } body.rtl .card-width .data-card-box-wrap .card-label { padding-right: initial; padding-left: 5px; } body.rtl .card-width .hirerchy-icon { padding-left: 7px; padding-right: initial !important; } body.rtl .card-width .chip { margin: 5px 0px 5px 10px; } body.rtl .card-width .card-link + .card-link { margin-right: 10px; margin-left: 0; } body.rtl .card-width .user-detail .profile { margin-right: 0; margin-left: 1em; } body.rtl .card-width .drag-container .widget-font .top-select { margin-left: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .checkbox-wrapper { right: initial; top: 5px; left: 10px; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { border-left: 1px solid #eee; border-right: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-left: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input[type='checkbox'] { left: initial; right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper .checkbox { right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper label { padding-left: 0; padding-right: 26px; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-left: 10px; margin-right: 0; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-right: 5px; padding-left: 0; } body.rtl .msger .msger-chat .msg .msg-img { margin-right: 0; margin-left: 10px; } body.rtl .msger .msger-chat .msg.right-msg .msg-img { margin: 0 10px 0 0; } body.rtl .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 10px; border-bottom-left-radius: 0; } body.rtl .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input { padding-right: 10px; padding-left: 40px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-left: 250px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msg-inputs { left: 10px; right: initial; } body.rtl .msger .msger-inputarea .msger-send-btn { margin-right: 10px; margin-left: 0; } body.rtl .msger .msger-inputarea .msger-send-btn i { transform: rotate(180deg); } body.rtl .msger .chat-file-box .msg-file-name { padding-right: 5px; padding-left: 0; } body.rtl .msger .chat-file-box .user-img-remove-btn { left: 3px; right: initial; } body { color: #000000; font-size: 14px; } * { font-family: "Open Sans"; } font[face="Courier New"] { font-family: Courier New; } font[face="Arial"] { font-family: Arial; } font[face="Arial Black"] { font-family: Arial Black; } font[face="Comic Sans MS"] { font-family: Comic Sans MS; } font[face="Geneva"] { font-family: Geneva; } font[face="Georgia"] { font-family: Georgia; } font[face="Helvetica"] { font-family: Helvetica; } font[face="Impact"] { font-family: Impact; } font[face="Lucida Console"] { font-family: Lucida Console; } font[face="Tahoma"] { font-family: Tahoma; } font[face="Times New Roman"] { font-family: Times New Roman; } font[face="Verdana"] { font-family: Verdana; } img { max-width: 100%; } .btn { font-weight: 600; font-size: 15px; padding: 5px 10px; } .btn.btn-primary { background-color: #39547c; border-color: #39547c; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #293c59; border-color: #293c59; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-primary { font-size: 12px; } } .btn.btn-primary .la-key.cred { margin-right: 4px; } .btn.btn-link { color: #39547c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:not(:disabled):not(.disabled):active { color: #293c59; } .btn.btn-secondary { background-color: transparent; border-color: #000000; color: #000000; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #000000; opacity: 0.6; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-secondary { font-size: 12px; } } input, select { width: 100%; border: 0; height: 40px; padding: 5px 15px; } input.login-input, select.login-input { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); border-radius: 5px; } input:focus, input:active, select:focus, select:active { outline: none; } input [type="hidden"] { height: 0; padding: 0; margin: 0; } .input-label { font-weight: 600; } a, a * { transition: all 0.4s ease; color: #39547c !important; } a:hover, a *:hover { color: #39547c !important; opacity: 0.7; text-decoration: none; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .container { max-width: 1400px; } .validation-msg { font-size: 12px; margin-top: 7px; display: block; } .dp-purple, .dp-purple:hover { color: #633FE4 !important; } .dp-red, .dp-red:hover { color: #df0a56 !important; } .dp-green, .dp-green:hover { color: #26a26b !important; } .dp-blue, .dp-blue:hover { color: #39547c !important; } .dp-lightblue, .dp-lightblue:hover { color: #39547c !important; } .dp-primary, .dp-primary:hover { color: #39547c !important; } .dp-yellow, .dp-yellow:hover { color: #e2b84a !important; } .card { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; } button { cursor: pointer; } .form-group { margin: 10px 0; } .form-group label { font-size: 14px; font-weight: 600; margin-top: 6px; margin-bottom: 10px; } @media (max-width: 575px) { .form-group label { font-size: 12px; } } @media (max-width: 991px) { .form-group { margin: 10px 0; } .form-group label { margin-bottom: 8px; margin-top: 0; } } .select-wrapper { position: relative; width: 100%; } .select-wrapper:before { content: ''; position: absolute; right: 13px; height: 8px; width: 8px; border: 2px solid #b2b2b2; top: 50%; transform: translateY(-50%) rotate(45deg); border-left: 0; border-top: 0; } .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CBCBCB; box-shadow: none; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; line-height: 26px; } .form-control { min-height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; font-size: 14px; color: #000000 !important; } .form-control:focus { box-shadow: none !important; border-color: #CBCBCB !important; } select.form-control:not([size]):not([multiple]) { height: auto; } .bottom-bar-btns { display: flex; justify-content: flex-end; margin-top: 40px; flex-wrap: wrap; } .bottom-bar-btns .btn { margin-left: 30px; min-width: 200px; white-space: normal; margin-bottom: 10px; } .bottom-bar-btns .btn:first-child { margin-left: 0; } @media (max-width: 767px) { .bottom-bar-btns { margin-top: 25px; } .bottom-bar-btns .btn { min-width: auto; padding: 6px 20px; margin-bottom: 10px; } } .modal-header { border-bottom: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-header { padding: 20px; } } .modal-header .modal-title { font-size: 18px; font-weight: 700; } @media (max-width: 575px) { .modal-header .modal-title { font-size: 16px; } } .modal-header .close { outline: none; } .modal-header .close span { font-size: 18px; } .modal-footer { border-top: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-footer { padding: 20px; } } .modal-footer .btn { min-width: 200px; } .modal-footer.center-btns { justify-content: center; } .modal-body { padding: 10px 30px; padding-bottom: 0; max-height: calc(100vh - 200px); overflow: auto; } @media (max-width: 767px) { .modal-body { padding: 0 20px; } } .modal-body .form-group { margin: 0; } @media (max-width: 767px) { .modal-body .form-group { flex-wrap: wrap; } .modal-body .form-group label { width: 100%; } } @media (max-width: 767px) { .modal-body .dp-form-row { margin-bottom: 0; } } .modal-body .modal-heading { font-size: 18px; font-weight: 700; margin-top: 30px; margin-bottom: 18px; } @media (max-width: 575px) { .modal-body .modal-heading { font-size: 16px; } } .modal-dialog { max-width: 70%; margin: auto; height: 100%; } @media (max-width: 767px) { .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 767px) { .modal-dialog .modal-content .modal-body .dp-search-wrapper { margin: 10px 0 0; } } .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: nowrap; } @media (max-width: 767px) { .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } } @media (max-width: 991px) { .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .modal-dialog .modal-body.menu-replace-modal { max-height: initial; overflow: initial; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap { display: flex; align-items: baseline; flex-wrap: wrap; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap label { margin: 5px 0; margin-right: 40px; font-weight: 600; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap .select-wrapper select { padding-right: 30px; text-overflow: ellipsis; width: 255px; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper { margin: initial; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper .checkbox { top: 0; } .modal-dialog .modal-body.menu-replace-modal .table-responsive { max-height: calc(100vh - 400px); overflow: auto; } .dp-form-row { margin-bottom: 15px; } textarea.form-control { resize: none; padding: 10px 12px !important; min-height: 80px; } .column { margin-bottom: 10px; margin-top: 10px; } .drag-wrapper .column { margin-top: 0; } .table { white-space: nowrap; margin-bottom: 0; font-size: 13px; } .table thead th { padding: 10px 15px; border-bottom: 1px solid #dee2e6; font-size: 13px; background-color: #e6e6e6; text-align: center; } @media (max-width: 575px) { .table thead th { font-size: 12px; } } .table thead th:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table thead th:last-child { border-right: 1px solid #dee2e6; } .table tbody tr:last-child td { border-bottom: 1px solid #dee2e6; } .table tbody td { padding: 10px 15px; text-align: center; font-size: 13px; border-bottom: 1px solid #dee2e6; } @media (max-width: 575px) { .table tbody td { font-size: 12px; } } .table tbody td:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table tbody td:last-child { border-right: 1px solid #dee2e6; } .checkbox-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; } .checkbox-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #39547c; border-color: #39547c; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { opacity: 1; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox + label { font-weight: 600; } .checkbox-wrapper input[type='checkbox']:disabled { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox + label { cursor: not-allowed; } .checkbox-wrapper .checkbox { position: absolute; left: 0; top: 0; height: 20px; width: 20px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 5px; } .checkbox-wrapper .checkbox::before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; } .checkbox-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .checkbox-wrapper label { font-size: 12px; } } .heading { font-size: 28px; font-weight: 700; } @media (max-width: 575px) { .heading { font-size: 20px; } } .sub-heading { font-size: 18px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 575px) { .sub-heading { font-size: 16px; } } .drag-container .heading { font-size: 24px; } .drag-container .widget-font .dt-buttons .trans-btn { padding-right: 8px !important; } .drag-container .widget-font .trans-btn-wrapper { padding-right: 10px; } .drag-container .widget-font .top-select { margin-left: 10px; } @media (max-width: 767px) { .drag-container .widget-font .top-select { margin-top: 10px; margin-left: 0; } } .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 33.33%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 25%; } } .drag-container.col-lg-9 .col-lg-5, .drag-container.col-lg-9 .col-lg-6, .drag-container.col-lg-9 .col-lg-7, .drag-container.col-lg-9 .col-lg-8, .drag-container.col-lg-10 .col-lg-5, .drag-container.col-lg-10 .col-lg-6, .drag-container.col-lg-10 .col-lg-7, .drag-container.col-lg-10 .col-lg-8, .drag-container.col-lg-11 .col-lg-5, .drag-container.col-lg-11 .col-lg-6, .drag-container.col-lg-11 .col-lg-7, .drag-container.col-lg-11 .col-lg-8, .drag-container.col-lg-12 .col-lg-5, .drag-container.col-lg-12 .col-lg-6, .drag-container.col-lg-12 .col-lg-7, .drag-container.col-lg-12 .col-lg-8 { /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { .card-width { width: 100%; } }*/ } .drag-container.col-lg-9 .col-lg-5 .card-width, .drag-container.col-lg-9 .col-lg-6 .card-width, .drag-container.col-lg-9 .col-lg-7 .card-width, .drag-container.col-lg-9 .col-lg-8 .card-width, .drag-container.col-lg-10 .col-lg-5 .card-width, .drag-container.col-lg-10 .col-lg-6 .card-width, .drag-container.col-lg-10 .col-lg-7 .card-width, .drag-container.col-lg-10 .col-lg-8 .card-width, .drag-container.col-lg-11 .col-lg-5 .card-width, .drag-container.col-lg-11 .col-lg-6 .card-width, .drag-container.col-lg-11 .col-lg-7 .card-width, .drag-container.col-lg-11 .col-lg-8 .card-width, .drag-container.col-lg-12 .col-lg-5 .card-width, .drag-container.col-lg-12 .col-lg-6 .card-width, .drag-container.col-lg-12 .col-lg-7 .card-width, .drag-container.col-lg-12 .col-lg-8 .card-width { width: 50%; } .drag-container.col-lg-9 .col-lg-1 .card-width, .drag-container.col-lg-9 .col-lg-2 .card-width, .drag-container.col-lg-9 .col-lg-3 .card-width, .drag-container.col-lg-9 .col-lg-4 .card-width, .drag-container.col-lg-10 .col-lg-1 .card-width, .drag-container.col-lg-10 .col-lg-2 .card-width, .drag-container.col-lg-10 .col-lg-3 .card-width, .drag-container.col-lg-10 .col-lg-4 .card-width, .drag-container.col-lg-11 .col-lg-1 .card-width, .drag-container.col-lg-11 .col-lg-2 .card-width, .drag-container.col-lg-11 .col-lg-3 .card-width, .drag-container.col-lg-11 .col-lg-4 .card-width, .drag-container.col-lg-12 .col-lg-1 .card-width, .drag-container.col-lg-12 .col-lg-2 .card-width, .drag-container.col-lg-12 .col-lg-3 .card-width, .drag-container.col-lg-12 .col-lg-4 .card-width { width: 100%; } .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 50%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 33.33%; } } .drag-container.col-lg-1 .col-lg-1 .card-width, .drag-container.col-lg-1 .col-lg-2 .card-width, .drag-container.col-lg-1 .col-lg-3 .card-width, .drag-container.col-lg-1 .col-lg-4 .card-width, .drag-container.col-lg-1 .col-lg-5 .card-width, .drag-container.col-lg-1 .col-lg-6 .card-width, .drag-container.col-lg-1 .col-lg-7 .card-width, .drag-container.col-lg-1 .col-lg-8 .card-width, .drag-container.col-lg-2 .col-lg-1 .card-width, .drag-container.col-lg-2 .col-lg-2 .card-width, .drag-container.col-lg-2 .col-lg-3 .card-width, .drag-container.col-lg-2 .col-lg-4 .card-width, .drag-container.col-lg-2 .col-lg-5 .card-width, .drag-container.col-lg-2 .col-lg-6 .card-width, .drag-container.col-lg-2 .col-lg-7 .card-width, .drag-container.col-lg-2 .col-lg-8 .card-width, .drag-container.col-lg-3 .col-lg-1 .card-width, .drag-container.col-lg-3 .col-lg-2 .card-width, .drag-container.col-lg-3 .col-lg-3 .card-width, .drag-container.col-lg-3 .col-lg-4 .card-width, .drag-container.col-lg-3 .col-lg-5 .card-width, .drag-container.col-lg-3 .col-lg-6 .card-width, .drag-container.col-lg-3 .col-lg-7 .card-width, .drag-container.col-lg-3 .col-lg-8 .card-width, .drag-container.col-lg-4 .col-lg-1 .card-width, .drag-container.col-lg-4 .col-lg-2 .card-width, .drag-container.col-lg-4 .col-lg-3 .card-width, .drag-container.col-lg-4 .col-lg-4 .card-width, .drag-container.col-lg-4 .col-lg-5 .card-width, .drag-container.col-lg-4 .col-lg-6 .card-width, .drag-container.col-lg-4 .col-lg-7 .card-width, .drag-container.col-lg-4 .col-lg-8 .card-width, .drag-container.col-lg-5 .col-lg-1 .card-width, .drag-container.col-lg-5 .col-lg-2 .card-width, .drag-container.col-lg-5 .col-lg-3 .card-width, .drag-container.col-lg-5 .col-lg-4 .card-width, .drag-container.col-lg-5 .col-lg-5 .card-width, .drag-container.col-lg-5 .col-lg-6 .card-width, .drag-container.col-lg-5 .col-lg-7 .card-width, .drag-container.col-lg-5 .col-lg-8 .card-width, .drag-container.col-lg-6 .col-lg-1 .card-width, .drag-container.col-lg-6 .col-lg-2 .card-width, .drag-container.col-lg-6 .col-lg-3 .card-width, .drag-container.col-lg-6 .col-lg-4 .card-width, .drag-container.col-lg-6 .col-lg-5 .card-width, .drag-container.col-lg-6 .col-lg-6 .card-width, .drag-container.col-lg-6 .col-lg-7 .card-width, .drag-container.col-lg-6 .col-lg-8 .card-width, .drag-container.col-lg-7 .col-lg-1 .card-width, .drag-container.col-lg-7 .col-lg-2 .card-width, .drag-container.col-lg-7 .col-lg-3 .card-width, .drag-container.col-lg-7 .col-lg-4 .card-width, .drag-container.col-lg-7 .col-lg-5 .card-width, .drag-container.col-lg-7 .col-lg-6 .card-width, .drag-container.col-lg-7 .col-lg-7 .card-width, .drag-container.col-lg-7 .col-lg-8 .card-width, .drag-container.col-lg-8 .col-lg-1 .card-width, .drag-container.col-lg-8 .col-lg-2 .card-width, .drag-container.col-lg-8 .col-lg-3 .card-width, .drag-container.col-lg-8 .col-lg-4 .card-width, .drag-container.col-lg-8 .col-lg-5 .card-width, .drag-container.col-lg-8 .col-lg-6 .card-width, .drag-container.col-lg-8 .col-lg-7 .card-width, .drag-container.col-lg-8 .col-lg-8 .card-width { width: 100%; } .heading-bar { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper { margin-top: 64px; } .main-wrapper.header-top-position { padding-top: 40px; } .custom-file-label { border-color: #CBCBCB; margin: 0 !important; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 88px; line-height: 26px; cursor: pointer; } .custom-file-label::after { height: 100%; line-height: 26px; cursor: pointer; } form .checkbox-wrapper { margin-top: 5px; } form .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 16px; width: 16px; z-index: 100; position: absolute; top: 5px; left: 0; } form .checkbox-wrapper input[type='checkbox']:checked + label { font-weight: 600; } form .checkbox-wrapper .checkbox { top: 5px; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable { min-height: 350px; } .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .no-label { margin-top: 35px; } @media (max-width: 767px) { .no-label { margin-top: 0; } } .noneditable-form label { margin-bottom: 0; } .form-data { margin-bottom: 0; font-size: 13px; } .loader-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.9); } .loader-wrapper.initial-load { background-color: #fff; /*background-color: fade-out($white, 0.1);*/ } .loader-wrapper .loader-box { height: 120px; width: 120px; /*background: #fff;*/ border-radius: 20px; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); padding: 20px; /*box-shadow: 0 2px 11px 0px rgba(255, 255, 255, 0.5);*/ } .loader-wrapper .loader-box p { font-size: 40px; } .loader-wrapper .loader-box svg { max-width: 80px; height: 80px; } .loader-wrapper .loader-box svg path { fill: #39547c !important; } .user-img-preview { height: 40px; width: 40px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; } .breadcrumb { background-color: transparent; padding: 0; } .breadcrumb .breadcrumb-item a { cursor: pointer; } .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 4px; } .dp-search-wrapper { border: 1px solid #CBCBCB; position: relative; border-radius: 6px; } .dp-search-wrapper .form-control { border: 0; padding-right: 35px; } .dp-search-wrapper .search-icon { position: absolute; right: 9px; top: 50%; transform: translateY(-50%) rotateY(180deg); font-size: 20px; cursor: pointer; } .delete-modal { max-width: 600px; } .delete-modal .modal-footer .btn { min-width: 150px; } .page-link, .page-link:hover { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; margin: 0 5px; background-color: #fff; border: 1px solid #39547c; border-radius: 6px; color: #39547c !important; } .page-item:last-child .page-link, .page-item:first-child .page-link { border-radius: 6px; } .page-item.active .page-link { background-color: #39547c; border-color: #39547c; color: #fff !important; } .table-column-one { width: 40%; } .table-column-qty { width: 15%; } .register-modal p { margin-bottom: 5px; } .table-width-10 { width: 10%; } .table-width-5 { width: 5%; } .table-width-20 { width: 20%; } .table-width-15 { width: 15%; } .table-width-35 { width: 35%; } .table-width-45 { width: 45%; } .table-width-50 { width: 50%; } .table-width-40 { width: 40%; } .permission-box { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; border-radius: 10px; padding: 20px; position: relative; height: 100%; display: flex; margin: 0; justify-content: center; width: 100%; align-items: center; } .permission-box p { margin: 0; } table.table-full-width { width: 100% !important; } table.table-sorting-icon thead .sorting:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_asc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_asc:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_desc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_desc:after { right: initial; left: 4px; } .activity-full-height { position: relative; } .activity-full-height .grid-box.box-element { height: 100%; } .activity-full-height .grid-box.box-element .view { height: 100%; } .activity-full-height .grid-box.box-element .view .row { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font .rc-box-wrapper { height: 100%; } .activity-full-height .Counter-control { height: 100%; } .activity-full-height .rc-activity-wrapper ul { padding-bottom: 30px !important; } .activity-full-height .all-link { position: absolute; right: 15px; bottom: 0; } .activity-full-height .Chart-control { height: 100%; } .activity-full-height .Chart-control .card { height: 100%; } .activity-full-height .rc-box-wrapper { height: 100%; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; } .btn-margin-right { margin-right: 7px; } table.table.entity-table td:first-child { vertical-align: middle; } table.table.entity-table td span.checkbox-wrapper { width: 16px; height: 16px; margin: auto; margin-top: 5px; } .multiselect-container > li > a > label > input[type=checkbox] { width: 16px; height: 16px; margin-right: 5px; } .form-builder .recent-activity-set .dropdown-menu.show { transform: translate3d(-15px, -255px, 0px) !important; } .form-builder .recent-activity-set .dropdown-menu.show input.form-control.multiselect-search { height: 38px; min-height: 38px; } .form-builder .textbox .richText .richText-toolbar ul { max-height: 400px; overflow: auto; } .form-builder .textbox .richText .richText-toolbar ul li a, .form-builder .textbox .richText .richText-toolbar ul li a * { color: #333; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown { max-width: 80%; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { top: -8px; right: 0; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer:hover, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer:hover { opacity: 1; } .form-builder .textbox .richText .richText-toolbar ul li a:hover, .form-builder .textbox .richText .richText-toolbar ul li a *:hover { opacity: 1; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-thumb { min-height: 2px; max-height: 2px; height: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .form-builder .form-main-wrapper + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } select:disabled, input:disabled, textarea:disabled, button:disabled { cursor: not-allowed; background-color: #e9ecef !important; } .btn-primary.disabled, .btn-primary:disabled { background-color: #39547c !important; } button[disabled] { cursor: not-allowed; } .portal-user-heading-action { text-align: right; } .portal-user-heading-action .checkbox-wrapper { margin-right: initial; margin-left: 40px; } .radio-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; margin-top: 5px; } .radio-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .radio-wrapper input[type='radio'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .radio-wrapper input[type='radio']:checked + .checkbox { background-color: #fff; border-color: #39547c; } .radio-wrapper input[type='radio']:checked + .checkbox:before { opacity: 1; } .radio-wrapper input[type='radio']:checked + .checkbox + label { font-weight: 600; } .radio-wrapper input[type='radio']:disabled { cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox + label { cursor: not-allowed; } .radio-wrapper .checkbox { position: absolute; left: 0; top: 5px; height: 16px; width: 16px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 50%; } .radio-wrapper .checkbox::before { height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; background: #39547c; opacity: 0; border-left: 0; border-bottom: 0; display: inline-block; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); content: ''; border-radius: 50%; } .radio-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .radio-wrapper label { font-size: 12px; } } .load-icon { color: #39547c; font-size: 26px; } .lookup-body .user-data { padding: 10px 0; } .lookup-body .user-data .lookup-search-wrap { padding: 0 0 10px; } .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: right; margin: 0; } .user-card-space { margin-bottom: 20px; } .card.user-card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card.user-card { height: auto; } } .card.user-card .card-body { display: flex; flex-direction: column; justify-content: space-between; } .card.user-card .card-body .user-detail .user-img { overflow: hidden; } .card.user-card .card-body .user-detail .user-img img { height: 100%; object-fit: cover; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text { width: 33.33%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text .profile-view { border: 1px solid #e1e1e1; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: right; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:first-child { text-align: left; } .create-note-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .create-note-modal .modal-dialog { max-width: calc(100% - 20px); } } .create-note-modal .modal-dialog .modal-content .modal-body .form-group { margin-bottom: 25px; } .create-note-modal .modal-dialog .modal-content .modal-body .label { font-size: 14px; font-weight: 600; margin-bottom: 5px; display: block; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-1 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 .label { margin: 0; position: absolute; z-index: 2; background: #fff; top: -10px; left: 24px; padding: 0 10px; } .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } @media (max-width: 991px) { .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .form-type-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px; margin-right: 0px; } @media (max-width: 991px) { .form-type-wrapper { justify-content: flex-start; } } .form-type-wrapper .check-form-wrapper:last-child .checkbox-wrapper { margin-right: 0; } .form-type-wrapper .check-form-wrapper .checkbox-wrapper { margin-top: 0; } .document-list-wrapper { background-color: #fff; } .document-list-wrapper .document-list-menu { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; } .document-list-wrapper .document-list-menu li { max-width: 25%; flex: 0 0 25%; margin-bottom: 50px; padding: 0 15px; } @media (max-width: 1199px) { .document-list-wrapper .document-list-menu li { max-width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 991px) { .document-list-wrapper .document-list-menu li { max-width: 50%; flex: 0 0 50%; } } @media (max-width: 575px) { .document-list-wrapper .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; } } .document-list-wrapper .document-list-menu li .document-list-box { border: 1px solid #CBCBCB; padding: 15px 10px; border-radius: 5px; display: flex; align-items: center; position: relative; } .document-list-wrapper .document-list-menu li .document-list-box a { color: #000000; display: flex; align-items: center; width: 100%; cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box a .document-label { cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper { position: absolute; top: 0; right: 0; display: none; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper .checkbox-wrapper { margin: 0; } .document-list-wrapper .document-list-menu li .document-list-box:hover .document-check-wrapper { display: block; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download { margin-left: auto; display: flex; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download .doc-list-icon { font-size: 22px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .doc-icon { font-size: 40px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .document-label { font-size: 14px; font-weight: 600; margin-left: 10px; color: #000000; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: default; } .doc-list { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .doc-list { flex-direction: column; } } .doc-list .right-actions { display: flex; align-items: center; } @media (max-width: 575px) { .doc-list .right-actions { flex-wrap: wrap; justify-content: center; } } .doc-list .right-actions .btn { margin-right: 30px; margin-bottom: 5px; } .doc-list .right-actions .btn .doc-list-icon { font-size: 20px; } .chart-type-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } .chart-type-list li { position: relative; padding-left: 30px; margin: 10px; } .chart-type-list li span.chart-active { height: 13px; width: 13px; background-color: #39547c; border-radius: 50%; position: absolute; left: 10px; top: 5px; } @media (max-width: 767px) { .chart-type-list li { width: 50%; margin: 10px 0; padding-left: 20px; } .chart-type-list li span.chart-active { height: 10px; width: 10px; left: 0px; } } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item { color: #000000; font-size: 15px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item a i { color: #000000; font-size: 22px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active a i { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 7px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item .active + .breadcrumb-item::before { color: #6c757d; } .document-list .document-list-table tbody td a i { color: rgba(0, 0, 0, 0.44); margin-left: 5px; font-size: 23px; vertical-align: bottom; } .document-list .document-list-table tbody td a label { color: #000000; margin: 0; } .document-list .document-list-table tbody td i { color: #CBCBCB; margin-right: 5px; font-size: 23px; } .document-list .document-list-table tbody td label { margin: 0; } .document-list .document-list-table tbody .documentname { white-space: nowrap; } .document-list .document-list-table tbody .documentname i { vertical-align: top; } .document-list .document-list-table tbody .documentname label { white-space: normal; display: inline-block; } .document-list .document-list-table tbody .documentname a label { cursor: pointer; } .custom-file-input { cursor: pointer; } .note-list .table-responsive { max-height: 250px; overflow: auto; margin-bottom: 40px; padding-right: 10px; } .note-list .table-responsive .table.shadow-table .note-text { word-break: break-all; white-space: normal; } .modal-dialog.change-pwd-dialog { max-width: 40%; } @media (max-width: 767px) { .modal-dialog.change-pwd-dialog { max-width: calc(100% - 20px); } } .modal-dialog.change-pwd-dialog .form-box-3 .form-group { margin-bottom: 25px; } .modal-dialog.change-pwd-dialog.form-builder .label { font-size: 14px; font-weight: 600; } @media (max-width: 1439px) { div#uploadFileModal .modal-dialog .modal-content .modal-footer.center-btns .btn, div#createFolderModal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans" !important; } p { color: #000000 !important; } .toast-success { background-color: #26a26b !important; } .toast-error { background-color: #df0a56 !important; } .toast-warning { background-color: #e2b84a !important; } .text-danger span { color: #df0a56 !important; } .sidebar-wrapper { background-color: #ffffff; } .dropdown-menu { background-color: #ffffff !important; } .modal-content { background-color: #ffffff; } .input-group.search.input-search-wrapper span[disabled] { cursor: not-allowed; z-index: 3; } .widget-config.chart-set .dropdown-menu .active a label.checkbox { color: #fff !important; } .multiselect-container { min-width: 200px; max-height: 255px !important; overflow: auto; padding: 0 !important; box-shadow: none !important; border-radius: 5px !important; } .multiselect-container .filter-wrap { position: sticky; background-color: #fff; z-index: 5; padding: 5px; top: 0; } .multiselect-container .filter-wrap .multiselect-filter { padding: 0 10px; border: 1px solid #CBCBCB; margin: 0; border-radius: 5px; } .multiselect-container .filter-wrap .multiselect-filter input::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; background-color: #39547c; display: none; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter { background: transparent; border: 0; padding: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter:focus { outline: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-search { border: 0; padding: 0 10px; min-height: 35px !important; height: 35px !important; margin: 0; } .multiselect-container .filter-wrap .multiselect-filter i { font-size: 16px; border: 0; color: #000 !important; } .multiselect-container .dropdown-item { padding: 3px 20px 3px 10px !important; margin: 0 !important; font-size: 14px !important; text-align: left !important; border: 0 !important; white-space: normal; } .multiselect-container .dropdown-item.active { background-color: #39547c !important; } .multiselect-container .dropdown-item:focus { outline: 0; } .multiselect-container .dropdown-item input[type="checkbox"], .multiselect-container .dropdown-item input[type="radio"] { width: 16px; height: 16px; margin-right: 5px; margin-bottom: 3px; margin-top: 3px; } .multiselect-container .dropdown-item .form-check-label { margin: 0; font-weight: normal; } .multiselect-container li .input-group { padding: 0 5px; } .multiselect-container li .input-group .form-control { height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn { margin-left: -2px !important; height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn:focus { box-shadow: none; } .multiselect-container li.active a label.checkbox { color: #fff !important; } .multiselect-container li.active a label.radio { color: #fff !important; } .multiselect-container li a { font-size: 14px; } a.anchor-link { cursor: pointer; } a.anchor-link[disabled] { cursor: not-allowed; } .document-popup-modal .modal-dialog { max-width: 30%; } @media (max-width: 991px) { .document-popup-modal .modal-dialog { max-width: 50%; } } @media (max-width: 767px) { .document-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 1439px) { .document-popup-modal .modal-dialog .modal-footer.center-btns .btn { min-width: 100px; } } .lookup-popup-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .lookup-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } .no-data-chart { position: relative; } .no-data-chart .chart-box-image { display: block; margin: auto; opacity: 0.5; } .no-data-chart .chart-font { position: absolute; left: 50%; z-index: 1; font-size: 20px; font-weight: 700; text-transform: capitalize; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-widget-wrap { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #ffffff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .image-widget-wrap .Image-Widget { display: block; margin: 0 auto; } .input-group.date .input-group-addon { top: 12px; bottom: initial; } .input-group.date .bootstrap-datetimepicker-widget { width: auto; } .input-group.date .bootstrap-datetimepicker-widget .timepicker-picker { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.picker-switch { min-height: 30px; line-height: 30px; height: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.today::before { border-bottom-color: #39547c; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.dow { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day.active { background-color: #39547c; } .otp-modal .otp-title-wrap { padding-bottom: 15px; display: flex; justify-content: space-between; } .otp-modal .otp-title-wrap label { margin: 0; } .otp-modal .checkbox-wrapper { margin-left: 0; margin-top: 3px; width: 100%; } .otp-modal .modal-footer .btn { min-width: 100px; } .form-main-wrapper .panel-box { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; padding: 20px; } .form-main-wrapper .panel-box .multiselect-native-select .btn-group { min-height: 40px; height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; } .form-heading { font-size: 18px; font-weight: 700; line-height: 30px; } .Edit-Panel { margin-left: 10px; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper { margin-right: 0; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper .checkbox { top: 6px !important; } .accordian-panel-wrap .tap-bar { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .tap-bar { flex-direction: row; align-items: center; } } .accordian-panel-wrap .table-responsive { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .left-head { margin: 10px 0; margin-bottom: 10px !important; } } .accordian-panel-wrap .left-head a { margin-right: 10px; padding: 0; border: 0; margin-bottom: 0; } .accordian-panel-wrap .left-head a *:hover { opacity: 1; } .accordian-panel-wrap .left-head a.collapsed i::before { content: "\f107"; } .accordian-panel-wrap .left-head a i { font-size: 22px; } .accordian-panel-wrap .left-head a i::before { content: "\f106"; } .accordian-panel-wrap .left-head .product-sub-title { font-size: 20px; margin-bottom: 0; } @media (max-width: 575px) { .accordian-panel-wrap .right-actions { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (max-width: 991px) { .accordian-panel-wrap .right-actions .btn { margin: 5px; } } .accordian-panel-wrap .table-wrapper { margin-top: 25px; } .accordian-panel-wrap .document-list-wrapper { margin-top: 25px; } .side-panel-wrapper .widget-list .ui-draggable-dragging { max-width: 85px; } .side-panel-wrapper .widget-list .ui-draggable-dragging img { max-width: 70px; } div.dataTables_wrapper div.dataTables_processing { background-color: #ffffff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); border-radius: 5px; } .note-editor.note-frame output.note-status-output { display: none !important; } .note-editor.note-frame .note-toolbar { display: none; } .right-actions { text-align: right; } .warning-icon { color: #ecec4b; margin-right: 10px; font-size: 22px; } .label-bold { font-weight: 600; } .checkbox-bold .checkbox { border-width: 2px; } .checkbox-bold label { font-weight: 600; } .otp-link-disable { color: #ff0000 !important; } .external-login, .external-register { margin: 0 !important; margin-top: 5px !important; display: flex; padding-top: 50px; justify-content: space-around; } .external-login button.btn.btn-primary.external-button, .external-login button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus { width: auto; margin: 10px 0; position: relative; background: transparent; border: 0; color: #333; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 8px 10px; font-size: 14px; min-width: auto; } .external-login .or-social-text, .external-register .or-social-text { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .external-login .or-social-text:after, .external-register .or-social-text:after { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 10px); transform: translateY(-50%); border-top: 1px solid #ccc; } .external-login .or-social-text p, .external-register .or-social-text p { margin: 0; padding: 25px 30px 0 30px; background: #f5f5f5; z-index: 1; font-weight: 600; position: relative; } .external-login button.btn.btn-primary.external-button svg, .external-register button.btn.btn-primary.external-button svg { min-width: 60px; min-height: 60px; position: relative; left: 0; margin-bottom: 10px; color: #4867aa; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 6px; } .login-register-wrapper .external-login .or-social-text p { background: #ffffff; } .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button:active, .external-login button.btn.btn-primary.external-button:active { max-width: 500px; margin: 10px 0; background: transparent !important; } .filter-box-wrapper { padding: 10px 20px 20px 20px; background: #fff; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 8px; } .video-widget-iframe { width: 100%; min-height: 300px; } .list-1 .table.shadow-table thead tr.list-filter-settings th, .list-2 .table.shadow-table thead tr.list-filter-settings th, .list-3 .table.shadow-table thead tr.list-filter-settings th { background: transparent; } .list-1 .table.shadow-table thead tr.list-filter-settings th button, .list-2 .table.shadow-table thead tr.list-filter-settings th button, .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 10px; } .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-right: 0; } .list-1 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-2 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-3 .table.shadow-table thead tr.list-filter-settings th .form-control { font-size: 14px; height: 35px; min-height: 35px; } .list-1 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-2 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-3 .table.shadow-table thead tr.list-filter-settings th .multiselect { font-size: 14px; } .page-access-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .g-recaptcha { margin-top: 20px; } .recaptcha { margin-top: 10px; } .recaptcha .g-recaptcha { margin-top: 0; } .recaptcha-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .note-small-text { font-size: 12px; } .daterangepicker .ranges li.active { background: #39547c !important; } .right-side-checkbox .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; top: 6px; } .right-side-checkbox .checkbox { top: 6px; } .Registration-control .login-button { min-width: 200px; width: auto; margin: auto; margin-bottom: 15px; } .multiselect-container > li > a > label { padding: 3px 20px 3px 10px !important; } .multiselect-container .btn.btn-default.multiselect-clear-filter { border: 1px solid #ccc; } .label-datatype { padding-right: 5px; } .multiselect-selected-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } .multiselect.dropdown-toggle::after { vertical-align: middle; } .video-widget-height { min-height: 300px; } .video-widget-width { min-width: 100%; } .contact-bulk-wrapper { justify-content: space-between !important; } .contact-bulk-wrapper .bulk-action { display: flex; align-items: center; } @media (max-width: 575px) { .contact-bulk-wrapper .bulk-action { width: 100%; justify-content: center; margin-bottom: 10px; } } .contact-bulk-wrapper .bulk-action .select-wrapper { width: auto; margin-right: 6px; } .contact-bulk-wrapper .bulk-action .select-wrapper select { min-height: 35px; } @media (max-width: 575px) { .contact-bulk-wrapper .top-select { width: 100%; justify-content: center; } } .contact-bulk-wrapper .top-select .select-wrapper { width: auto; } .Registration-control .form-builder .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .external-login-controls, .external-register-controls .btn-external-register-submit, .external-login-controls .btn-external-submit { margin-bottom: 0 !important; } .Registration-control .form-builder .dp-form-row.otp-controls.dp-form-row, .Login-control .dp-form-row.otp-controls.dp-form-row { margin-bottom: 10px; } .Registration-control .btn-external-register-submit, .Registration-control .btn-primary { min-width: 100%; } .Registration-control .bottom-bar-btns .btn-primary { min-width: 200px; } .Registration-control .form-builder .login-otp-remember + .dp-form-row.otp-controls.dp-form-row { margin-right: -15px; margin-left: -15px; } .multiselect-container .multiselect-filter .input-group { display: flex; flex-wrap: nowrap; } .Video-control iframe { border-radius: 0; display: block; margin: auto; } .static-card-box { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .static-card-box p:last-child { margin-bottom: 0; } .static-card-box > *, .image-widget-wrap > * { max-width: 100%; overflow: auto; } .card-width { margin-bottom: 20px; } .card-width .card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card-width { width: 50% !important; } } @media (max-width: 767px) { .card-width { width: 100% !important; } } .card-width .checkbox-wrapper { margin-right: 15px; } .card-width .user-first-letters { margin: 0; } .card-width .user-first-letters:before { background-color: #39547c; } .card-width .user-detail { display: flex; align-items: flex-start; } .card-width .name { font-weight: 300; font-size: 14px; padding-right: 0; padding-left: 0; position: relative; word-break: normal; margin-bottom: 0; } .card-width .email { font-weight: 300; font-size: 14px; margin-bottom: 0; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .card-width .user-desc { max-width: calc(100% - 70px); } .card-width .user-desc a { /*color: $black !important;*/ color: #39547c !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-width .user-desc-text { color: #989898 !important; font-size: 14px; margin: 0; margin-top: 15px; } .card-width .user-tags { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin-top: 15px; } .card-width .user-tags .user-tags-chips { display: flex; align-content: center; flex-wrap: wrap; } .card-width .chip { display: flex; align-items: center; background-color: #bbcae0; padding: 3px 10px; border: 1px solid #39547c; border-radius: 6px; color: #39547c; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .card-width .chip span { line-height: normal; } .card-width .card-link { color: #39547c !important; font-size: 20px; margin-left: 5px; /*+ .card-link { margin-left: 5px; }*/ } .card-widget-top-bar { margin-bottom: 15px; } .card-widget-top-bar .icon-btn { background: transparent; border: 0; margin-left: 10px; font-size: 20px; } .card-widget-top-bar .right-actions { display: flex; align-items: center; justify-content: flex-end; } .card-widget-top-bar .right-actions .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .card-widget-top-bar .right-actions .checkbox-wrapper { display: flex; align-items: center; margin-right: 15px; } .card-widget-top-bar .right-actions .checkbox-wrapper .checkbox { top: 3px; } .card-widget-top-bar .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; min-width: 100px; } .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 11px; } } .card-widget-top-bar .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .card-widget-top-bar .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .card-widget-top-bar .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .daterangepicker:before, .daterangepicker:after { display: none !important; } .hirerchy-icon { font-size: 18px; } .hierarchy-modal .modal-dialog { max-width: calc(100% - 40px); } .hierarchy-modal .modal-dialog .modal-body { max-height: calc(100vh - 150px); } .hierarchy-modal .modal-dialog .modal-body table tr td:first-child { white-space: nowrap; max-width: none !important; } .hierarchy-modal .modal-dialog .modal-body table .la-angle-down, .hierarchy-modal .modal-dialog .modal-body table .la-angle-right { color: #777 !important; font-size: 16px; padding-right: 10px; } /*----------------genealogy-scroll----------*/ .genealogy-scroll::-webkit-scrollbar { width: 5px; height: 8px; } .genealogy-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } .genealogy-scroll::-webkit-scrollbar-thumb { background: #212121; border-radius: 10px; transition: 0.5s; } .genealogy-scroll::-webkit-scrollbar-thumb:hover { background: #d5b14c; transition: 0.5s; } .hierarchy-card .modal-dialog .modal-body { max-width: 100%; } /*----------------genealogy-tree----------*/ .genealogy-body { white-space: nowrap; padding: 50px; min-height: 500px; padding-top: 10px; } .genealogy-tree { display: inline-block; } .genealogy-tree ul { padding-top: 20px; position: relative; padding-left: 0px; display: flex; justify-content: center; } .genealogy-tree li { float: left; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .genealogy-tree li::before, .genealogy-tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #ccc; width: 50%; height: 18px; } .genealogy-tree li::after { right: auto; left: 50%; border-left: 2px solid #ccc; } .genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before { display: none; } .genealogy-tree li:only-child { padding-top: 0; } .genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after { border: 0 none; } .genealogy-tree li:last-child::before { border-right: 2px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .genealogy-tree li:first-child::after { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } .genealogy-tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid #ccc; width: 0; height: 20px; } .genealogy-tree li a:hover + ul li::after, .genealogy-tree li a:hover + ul li::before, .genealogy-tree li a:hover + ul::before, .genealogy-tree li a:hover + ul ul::before { border-color: #fbba00; } /*--------------memeber-card-design----------*/ .member-view-box { padding: 0px 20px; border-radius: 4px; position: relative; } .member-image { position: relative; width: 300px; margin: auto; } .member-image img { width: 60px; height: 60px; border-radius: 6px; background-color: #000; z-index: 1; } .image-file-upload .custom-file-label { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .image-file-upload .profile-img-wrap { position: relative; margin-left: 20px; } .image-file-upload .profile-img { height: 40px; width: 40px; min-width: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; position: relative; border: 1px solid #e1e1e1; cursor: pointer; } .image-file-upload .profile-img img { min-width: 100%; } .image-file-upload .profile-img-remove-btn { position: absolute; top: -5px; right: -3px; background: #df0a56; border: 0; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .profile-view { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; border: 1px solid #e1e1e1; } .card-width .user-detail .profile { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; margin-right: 1em; } .document-list .tap-bar, .document-list .tap-bar .right-actions { flex-wrap: wrap; } .document-list .tap-bar .right-actions button { margin-right: 7px; } @media (max-width: 991px) { .document-list .tap-bar .right-actions button { margin: 5px 0; margin-right: 7px; } } .document-list .tap-bar .right-actions button:last-child { margin-right: 0; } @media (max-width: 575px) { .document-list .right-actions { width: 100%; } } .col-lg-1.column.drag-container .document-grid .document-list-menu li, .col-lg-2.column.drag-container .document-grid .document-list-menu li, .col-lg-3.column.drag-container .document-grid .document-list-menu li, .col-lg-4.column.drag-container .document-grid .document-list-menu li, .col-lg-5.column.drag-container .document-grid .document-list-menu li, .col-lg-6.column.drag-container .document-grid .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; } .col-lg-1.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-2.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-3.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-4.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-5.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-6.column.drag-container .document-grid .document-list-menu li:last-child { margin-bottom: 20px; } .payment-widget .form-group label { margin-bottom: 5px; } .payment-widget .form-group { margin: 0 0 10px 0; } .pay-btn { max-width: 150px; margin: auto; display: block; } #paypal-button .zoid-outlet { width: 230px !important; height: 61px !important; } .payment-label { font-size: 18px; font-weight: 600; } .payment-amount { font-size: 14px; font-weight: 600; } .center-image-field { margin: auto; } .table-lookups.table.shadow-table thead td { white-space: nowrap; } .multiselect-native-select .btn-default { font-weight: 600; background: initial; color: #000; background-color: #efefef !important; } .multiselect-native-select .btn-default:after { border-top-color: #000; } .multiselect-native-select .btn-default:focus { box-shadow: none; border-color: #CBCBCB; } .multiselect-native-select .btn-default .multiselect-selected-text { white-space: nowrap; } .table-wrapper .table-responsive.visible { overflow: visible; } .table-wrapper .table-responsive .dropdown-menu.multiselect-container { max-height: 150px !important; } .btn.focus, .btn:focus { box-shadow: none !important; } .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { opacity: 1 !important; } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #39547c !important; border-color: #39547c !important; } .trans-btn-wrapper button.trans-btn:disabled { background-color: transparent !important; opacity: 0.6; } .trans-btn-wrapper .filter-btn-wrapper { position: relative; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .advance-filter-close { background: #ff0000; color: #fff; border-radius: 50%; padding: 2px; font-size: 10px; position: absolute; right: 8px; top: -2px; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .la-filter { color: #333333; } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper { padding-right: 10px; /*color: $black;*/ } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper.filter-active-btn { color: #000; padding-right: 15px !important; } .trans-btn-wrapper.card-widget-filter button { background-color: transparent !important; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .trans-btn-wrapper.card-widget-filter button:disabled { opacity: 0.6; } .img-preview-modal .modal-dialog { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 300px; } .table-processing .dataTables_wrapper .dataTables_processing { box-shadow: none; background: transparent; width: auto; transform: translate(-50%, -50%); margin: 20px; padding: 10px; z-index: 1; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box img { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg path { fill: #39547c !important; } .card-width .data-card-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .card-width .data-card-box-wrap .card-label { font-weight: 600; padding-right: 5px; font-size: 15px; } .card-width .data-card-box-wrap .data-card-title { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .data-card-title .name { display: block; } .card-width .data-card-box-wrap .data-card-description { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .user-desc-text { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } select, select option { font-family: "Open Sans", sans-serif; } .tap-bar.heading-top-bar { flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .tap-bar.heading-top-bar { margin-bottom: 10px; } } .tap-bar.heading-top-bar .heading { margin: 0; } .tap-bar.heading-top-bar .right-actions { margin: 0 !important; } .form-video-wrapper { max-width: 100%; overflow: auto; } .form-video-wrapper iframe.iframe-play, .form-video-wrapper .video-play { display: block; margin: auto; width: 100%; min-height: 300px; } .multisect-menu-wrapper.multiselect-style-2 ul { display: flex; margin: 0; flex-wrap: wrap; /*max-height: 150px;*/ /*overflow: auto;*/ border: 1px solid #CBCBCB; border-radius: 6px; padding: 10px; } .multisect-menu-wrapper.multiselect-style-2 ul li { list-style: none; width: 25%; padding: 3px 10px; } @media (max-width: 1599px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } } @media (max-width: 1199px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 991px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper { margin: 0; display: inline-block; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled { cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox + label { cursor: not-allowed; opacity: 0.7; } .multisect-menu-wrapper.detail-checkbox-style ul { border: 0; padding: 0; margin: 0 -10px; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper { pointer-events: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #909090; border-color: #909090; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:after { display: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; bottom: initial; background: initial; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after, .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 8px; background: #909090; border: 0; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { transform: rotate(-45deg); } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after { transform: rotate(45deg); } .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } @media (max-width: 1900px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 1439px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .record-select-wrapper select { height: 34.5px; min-height: 34.5px; } .input-group.date .datePickerInput:focus, .input-group.date .datePickerInput:hover { outline: 0; border: 0; box-shadow: none; } .tap-bar.heading-top-bar.form-right-buttons .right-actions { margin-left: auto !important; } /*code restructuring css start here*/ td { white-space: normal; word-break: normal; } table a { cursor: pointer; } td.dataTables_empty { text-align: center !important; } div.list-control div.dataTables_processing { width: 0px; } div.dataTables_wrapper div.dataTables_info { width: 50%; float: left; padding-top: 8px; } div.dataTables_wrapper div.dataTables_paginate { width: 50%; float: right; } .user-data .table.shadow-table tr:nth-child(2n) td:first-child { padding-left: 15px; } @media screen and (max-width: 767px) { div .dataTables_wrapper div.dataTables_info { width: 100%; float: none; padding-top: 8px; padding-bottom: 10px; } div.dataTables_wrapper div.dataTables_paginate { width: 100%; float: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; } } .list-1 { margin-top: 0px; } .list-2 { margin-top: 0px; } .list-3 { margin-top: 0px; } .main-wrapper { margin-top: 0 !important; padding: 0 15px; overflow-x: hidden; min-height: 100vh; } header { position: static; } .Knowledge-control .search-input .knowledge-search { border: 1px solid #CBCBCB; } .Knowledge-control .search-input.dp-search-wrapper { border: 0px; } .Knowledge-control .search-input.dp-search-wrapper .search-icon { right: 15px; } .disabled { cursor: not-allowed !important; } .redcolor { color: red !important; } .document-bredcrumb a { cursor: pointer; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; cursor: not-allowed; } .user-data .table.shadow-table td { text-align: center; } .product-line-list { margin-top: 30px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-builder { margin-top: 0px !important; } .widget-font.list-1 .trans-btn-wrapper .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .widget-font.list-1 .dt-buttons .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .resend-otp-wrap { display: flex; align-items: center; } .resend-otp { padding-left: 5px; } .resend-otp span { font-weight: 700; } .grecaptcha-badge { opacity: 0; } [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: plum; vertical-align: middle; margin-right: 1em; color: white; color: white; } .ytp-watermark, .ytp-show-cards-title { display: none !important; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area { min-height: 350px; } /*preview page css start here*/ .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; justify-content: center; } .disable-progress-btn { cursor: not-allowed !important; } .paypal-button { /*cursor: not-allowed;*/ /*pointer-events: none;*/ background-color: #ffffff; } .paypal-button-preview { cursor: not-allowed; pointer-events: none; background-color: #ffffff; } .Preview-Title { margin-top: 64px; padding-right: 15px; padding-left: 15px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*height overlap issue css start here*/ .grid-box.box-element { height: auto !important; margin-bottom: 15px; flex: 0 0 100%; max-width: 100%; } .column.drag-container.ui-droppable.activity-full-height { position: relative; display: flex; flex-wrap: wrap; margin: 0; } @media (min-width: 992px) { .column.drag-container.ui-droppable.activity-full-height .grid-box.box-element:last-child { margin-bottom: 0; } } /*height overlap issue css end here*/ /*chat css start here*/ .msger .msger-chat { overflow-y: auto; padding: 30px 10px 10px; max-height: 400px; scrollbar-width: thin; } .msger .msger-chat::-webkit-scrollbar { width: 6px; } .msger .msger-chat::-webkit-scrollbar-track { background: #ddd; } .msger .msger-chat::-webkit-scrollbar-thumb { background: #bdbdbd; } .msger .msger-chat .chat-loader { text-align: center; } .msger .msger-chat .chat-empty { display: block; text-align: center; font-size: 16px; color: #909090; font-weight: 600; } .msger .msger-chat .msg { display: flex; align-items: flex-end; margin-bottom: 10px; } .msger .msger-chat .msg:last-of-type { margin: 0; } .msger .msger-chat .msg .msg-img { width: 40px; min-width: 40px; height: 40px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; font-style: italic; text-transform: uppercase; } .msger .msger-chat .msg .msg-bubble { max-width: 70%; padding: 15px; border-radius: 15px; word-break: break-word; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble { max-width: 100%; } } .msger .msger-chat .msg .msg-bubble .msg-download { margin: 10px 0 0; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn { padding: 0; margin: 3px 0 0; display: flex; align-items: center; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 208px; } } @media (max-width: 575px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 100px; } } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn i { font-size: 20px; vertical-align: sub; } .msger .msger-chat .msg .msg-bubble .msg-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-right: 10px; font-weight: 700; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time { display: flex; align-items: center; font-size: 11px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-left: 5px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn { border: 0; background: transparent; padding: 0; color: #39547c; outline: 0; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn i { font-size: 20px; } .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-left-radius: 0; background-color: #f3f3f3; } .msger .msger-chat .msg.right-msg { flex-direction: row-reverse; } .msger .msger-chat .msg.right-msg .msg-download-btn { color: #39547c; } .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 0; background-color: #e6e6e6; } .msger .msger-chat .msg.right-msg .msg-img { margin: 0 0 0 10px; } .msger .msg-input-box { display: flex; justify-content: space-between; width: 100%; } .msger .msger-inputarea { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #dddddd; margin: 20px 0 0; border-radius: 20px; } .msger .msger-inputarea .msg-send-wrap { display: flex; width: 100%; position: relative; } .msger .msger-inputarea .msg-send-wrap .msger-input { background: transparent; border-radius: 30px; padding: 13px 20px; padding-right: 40px; height: 100%; } .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-right: 250px; } .msger .msger-inputarea .msg-send-wrap .msg-inputs { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap { height: 100%; position: relative; display: flex; align-items: center; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .custom-file-input { opacity: 0; position: absolute; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .msg-file-name { margin: 0; padding-right: 15px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .msger .msger-inputarea .msg-send-wrap .msg-inputs i { font-size: 20px; } .msger .msger-inputarea .msger-send-btn { border-radius: 50%; width: 35px; display: flex; height: 35px; justify-content: center; align-items: center; margin: 5px 10px; } .msger .msger-inputarea .msger-send-btn i { font-size: 24px; padding: 0; } .msger .msg-attach-wrap { display: block; width: 100%; border-bottom: 1px solid #000; padding: 20px 20px 15px; margin: 0 0 15px; } @media (max-width: 575px) { .msger .msg-attach-wrap { text-align: center; } } .msger .msg-attach-wrap .chat-file-box { display: inline-flex; align-items: center; padding: 13px 20px; border-radius: 3px; height: 100%; position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); margin: 0 20px 10px 0; } .msger .msg-attach-wrap .chat-file-box:last-child { margin-right: 0; } .msger .msg-attach-wrap .chat-file-box i { font-size: 18px; } .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding-left: 5px; } @media (max-width: 575px) { .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 150px; } } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn { position: absolute; top: 3px; right: 3px; background: trasparent; border: 0; color: #000; border-radius: 50%; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn i { font-size: 14px !important; } /*edit panel css start here*/ .edit-panel-wraaper { background: #6f6f6f; position: fixed; left: 0; right: 0; top: 0; padding: 7px 20px; z-index: 2; display: flex; justify-content: flex-end; } .edit-panel-wraaper .panel-edit-btn .btn { padding: 0; color: #fff; font-size: 14px; } .edit-panel-wraaper .panel-edit-btn .btn:hover { text-decoration: none; } .edit-panel-wraaper .panel-edit-btn .btn i { margin: 0 5px; font-size: 16px; opacity: 0.7; } /*edit panel css end here*/ .dp-formb-body.column.drag-container.col-lg-12.ui-droppable { padding: 0; } .list-control .table.table-sorting-icon.shadow-table thead tr th:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n - 2) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .activity-field-header { font-weight: 600; } body { background-color: #f5f5f5; } .custome-header-wrapper { /*padding: 0;*/ /*margin-left: -15px;*/ /*margin-right: -15px;*/ margin-top: 0 !important; } .custome-header-wrapper .custom-header { padding: 0; margin-left: -15px; margin-right: -15px; } .custome-header-wrapper.vertical-header-wrapper { margin-left: 0; margin-right: 0; } .custome-header-wrapper.vertical-header-wrapper header.vertical { position: static; } .custome-header-wrapper.vertical-header-wrapper .grid-box.box-element, .custome-header-wrapper.vertical-header-wrapper .grid-box.box-element * { height: 100%; } .custome-header-wrapper.vertical-header-wrapper nav.navbar.navbar-expand-lg.navbar-light.verticle-sidebar * { height: auto; } .custome-header-wrapper.vertical-header-wrapper nav.navbar.navbar-expand-lg.navbar-light.verticle-sidebar .navbar-collapse { align-items: flex-start; } .custome-header-wrapper .custom-header.vertical .navbar .navbar-collapse .nav-item.dropdown .nav-link:hover + .nav-link + .dropdown-menu, .custome-header-wrapper .custom-header.vertical .navbar .navbar-collapse .nav-item.dropdown .nav-link:hover + .dropdown-menu { display: none; } .custome-header-wrapper .custom-header.vertical .navbar .navbar-collapse .nav-item.dropdown .nav-link + .nav-link + .dropdown-menu.show, .custome-header-wrapper .custom-header.vertical .navbar .navbar-collapse .nav-item.dropdown .nav-link:hover + .dropdown-menu.show { display: block !important; } .custome-header-wrapper .lang-header-select { border-radius: 6px; border: 1px solid #ccc; overflow: hidden; padding-right: 20px; position: relative; } .custome-header-wrapper .lang-header-select:after { content: ''; position: absolute; height: 8px; width: 8px; border: 1px solid #000; top: 50%; right: 10px; transform: translateY(-75%) rotate(45deg); border-top: 0; border-left: 0; } .custome-header-wrapper .lang-header-select select { border: 0; padding: 5px 5px 5px 12px; font-weight: 600; min-height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custome-header-wrapper.vertical-header-wrapper nav.navbar.navbar-expand-lg.navbar-light.verticle-sidebar .right-nav { display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; } @media (max-width: 991px) { .custome-header-wrapper.vertical-header-wrapper nav.navbar.navbar-expand-lg.navbar-light.verticle-sidebar .right-nav { justify-content: center; flex-direction: row; width: initial; align-items: center; z-index: 100; } } .custome-header-wrapper.vertical-header-wrapper nav.navbar.navbar-expand-lg.navbar-light.verticle-sidebar .right-nav .lang-header-select { min-width: 90px; margin-left: 15px; margin-top: 15px; } @media (max-width: 991px) { .custome-header-wrapper.vertical-header-wrapper nav.navbar.navbar-expand-lg.navbar-light.verticle-sidebar .right-nav .lang-header-select { margin: 0; min-width: initial; } } header { z-index: 11; position: fixed; top: 0; left: 0; right: 0; } header .navbar { padding: 0 50px; background-color: #ffffff !important; align-items: stretch; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); min-height: 64px; } @media (max-width: 991px) { header .navbar { padding: 0 30px; align-items: center; } } @media (max-width: 575px) { header .navbar { padding: 0 10px; } } header .navbar .navbar-toggler { padding: 0; border: 0; outline: none; } @media (max-width: 575px) { header .navbar .navbar-toggler { order: 2; } } header .navbar .navbar-collapse { padding-left: 30px; padding-right: 30px; justify-content: space-between; flex-wrap: nowrap; flex: 1 1 auto; } header .navbar .navbar-collapse .nav-link-wrapper { flex-basis: auto; } @media (max-width: 991px) { header .navbar .navbar-collapse { position: absolute; left: 0; right: 0; top: 63px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.11); background-color: #fff; z-index: 100; } } header .navbar .navbar-brand { font-size: 38px; font-weight: 700; line-height: normal; padding: 2px 0; } header .navbar .navbar-brand img { max-height: 45px; } @media (max-width: 767px) { header .navbar .navbar-brand img { max-width: 160px; } } @media (max-width: 575px) { header .navbar .navbar-brand img { max-width: 120px; } } header .navbar .navbar-brand.brand-img { display: flex; align-items: center; } @media (max-width: 1024px) { header .navbar .navbar-brand { font-size: 30px; } header .navbar .navbar-brand.brand-img { padding: 9px 0; } } @media (max-width: 575px) { header .navbar .navbar-brand { font-size: 14px; margin-right: 0; } header .navbar .navbar-brand.brand-img img { max-width: 100px; } } header .navbar .nav-item { font-weight: 600; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 991px) { header .navbar .nav-item { flex-wrap: wrap; padding: 0 10px; } } @media (max-width: 575px) { header .navbar .nav-item { padding: 0 10px; } } header .navbar .nav-item * { font-size: 14px; color: #000000 !important; } @media (max-width: 575px) { header .navbar .nav-item * { font-size: 13px; } } header .navbar .nav-item .nav-link { padding: 9px 0; } @media (max-width: 991px) { header .navbar .nav-item .nav-link { display: block; width: 100%; } } header .navbar .nav-item .nav-link.dp-notify-bar { position: relative; } header .navbar .nav-item .nav-link.dp-notify-bar .dp-notify-light { position: absolute; content: ''; right: 0; top: 9px; width: 11px; height: 11px; border-radius: 100%; background-color: #30cb86; box-shadow: 0 0 0 0 #26a26b; transform: scale(1); -webkit-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite; } @media (max-width: 575px) { header .navbar .nav-item .nav-link.dp-notify-bar .dp-notify-light { width: 9px; height: 9px; } } header .navbar .nav-item .dropdown-toggle { display: flex; align-items: center; } header .navbar .nav-item .dropdown-toggle:after { display: inline-block; width: 8px; height: 8px; margin-left: 5px; vertical-align: 3px; content: ""; border: 1.5px solid; border-left: 0; border-top: 0; transform: rotate(45deg); } header .navbar .nav-item .dropdown-menu { left: 10px; border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 8px; min-width: 180px; padding: 10px 0; margin: 0; } @media (max-width: 991px) { header .navbar .nav-item .dropdown-menu { border: 0; box-shadow: none; margin: 0; width: 100%; position: static; padding: 0; } header .navbar .nav-item .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } header .navbar .nav-item .dropdown-menu .dropdown-menu { position: absolute; left: 100%; top: 0; margin: 0; margin-top: 0; } @media (max-width: 991px) { header .navbar .nav-item .dropdown-menu .dropdown-menu { width: 100%; position: static; } } header .navbar .nav-item .dropdown-menu .dropdown-toggle::after { transform: rotate(-45deg); } @media (max-width: 991px) { header .navbar .nav-item .dropdown-menu .dropdown-toggle::after { transform: rotate(45deg); } } header .navbar .nav-item .dropdown-menu .dropdown-item { font-size: 14px; padding: 10px 0; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { header .navbar .nav-item .dropdown-menu .dropdown-item { font-size: 13px; } } header .navbar .nav-item .dropdown-menu .dropdown-item.active, header .navbar .nav-item .dropdown-menu .dropdown-item.active * { color: #39547c !important; } header .navbar .nav-item .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } header .navbar .nav-item .dropdown-menu .nav-item { position: relative; } header .navbar .nav-item .dropdown-menu .nav-item:after { content: ''; position: absolute; bottom: 0; width: calc(100% - 40px); height: 1px; background-color: #f1f1f1; } header .navbar .nav-item .dropdown-menu .nav-item:last-child::after { height: 0; } @media (max-width: 991px) { header .navbar .nav-item .dropdown-menu .nav-item::after { height: 0; } } header .navbar .nav-item.active a { color: #39547c !important; position: relative; } header .navbar .nav-item.active a::before { content: ''; left: 0; right: 0; height: 3px; background-color: #39547c; bottom: -13px; position: absolute; } @media (max-width: 991px) { header .navbar .nav-item.active a::before { display: none; } } @media (max-width: 991px) { header .navbar .nav-item .dropdown-item { width: calc(100% - 15px); } } header .navbar .nav-item.profile-nav .dropdown-menu { left: auto !important; right: initial !important; } header .navbar .nav-item.profile-nav:hover .dropdown-menu { left: auto !important; right: initial !important; } @media (max-width: 991px) { header .navbar .nav-item.profile-nav:hover .dropdown-menu { left: 50% !important; transform: translateX(-50%); right: auto; } } header .navbar .more { position: relative; } @media (max-width: 991px) { header .navbar .more { display: none !important; } } header .navbar .more .dropdown-menu { margin-top: 13px; left: 10px; border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 10px 20px; border-radius: 8px; min-width: 180px; white-space: nowrap; } header .navbar .more .dropdown-menu .nav-item a { font-size: 14px; padding: 10px 0; background-color: transparent; font-weight: normal; padding-right: 5px; } header .navbar .more .dropdown-menu .nav-item.active .nav-link:before { display: none; } header .navbar .more .dropdown-menu .nav-item .dropdown-menu .dropdown-item { padding: 8px 5px 8px 0px; } header .navbar .more .dropdown-menu .nav-item:hover .dropdown-menu { display: block; max-width: none; width: calc(100% - 30px); margin: 0 auto; position: static; padding: 10px; min-width: auto; } header .navbar .more .dropdown-menu .nav-item:last-child { border-bottom: 0; } header .navbar .more .dropdown-menu.parent { padding: 10px 0; } header .navbar .more .dropdown-menu.parent .nav-item { padding: 0 20px; } header .navbar .more .dropdown-menu.parent .nav-item a { position: relative; padding: 10px 0; width: 100%; white-space: normal; } header .navbar .more .dropdown-menu.parent .nav-item a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-45deg); } header .navbar .more .dropdown-menu.parent .nav-item:hover .dropdown-menu { display: block; max-width: initial; width: initial; margin: initial; padding: initial; min-width: 180px; position: absolute; } header .navbar .more .dropdown-menu.parent .dropdown-menu { padding: 10px 0 !important; } @media (max-width: 991px) { header .navbar .more .dropdown-menu.parent .dropdown-menu { position: initial; } } header .navbar .more .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; background-color: transparent; border-bottom: 1px solid #f1f1f1; } header .navbar .more .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { header .navbar .nav-link-wrapper { padding-bottom: 10px; } } header .navbar .nav-link-wrapper .nav-item.dropdown { justify-content: initial; } header .navbar .nav-link-wrapper .nav-item.dropdown .nav-link { padding: 10px 0; line-height: 21px; white-space: normal; } @media (max-width: 991px) { header .navbar .nav-link-wrapper .nav-item.dropdown .nav-link { width: calc(100% - 30px) !important; padding: 5px 0; } } @media (max-width: 991px) { header .navbar .nav-link-wrapper .nav-item.dropdown .dropdown .dropdown-toggle { padding: 0; } } header .navbar .nav-link-wrapper.vertical-menu .nav-item .dropdown-menu { padding: 0 10px; } @media (max-width: 991px) { header .navbar .nav-link-wrapper.vertical-menu .nav-item .dropdown-menu { padding: 0; } } header .navbar .nav-link-wrapper.vertical-menu .nav-item .dropdown-menu .nav-item::after { height: 0; } header .navbar .nav-link-wrapper.vertical-menu .nav-item .dropdown-toggle::after { transform: rotate(45deg); } header .navbar .nav-link-wrapper.vertical-menu .nav-item.dropdown .dropdown .dropdown-toggle { padding: 0; } @media (max-width: 991px) { header .navbar .right-nav { position: absolute; top: 50%; flex-direction: row; justify-content: center; left: 50%; transform: translate(-50%, -50%); display: flex; } } @media (max-width: 575px) { header .navbar .right-nav { position: relative; left: auto; transform: none; } } header .navbar .right-nav .dropdown-menu .nav-item:after { width: 100% !important; } header .navbar .right-nav .nav-item { padding: 0; display: flex; align-items: center; } header .navbar .right-nav .nav-item i { font-size: 24px; } @media (max-width: 991px) { header .navbar .right-nav .nav-item { padding: 0 5px; } header .navbar .right-nav .nav-item i { font-size: 19px; } } header .navbar .right-nav .nav-item.profile-nav { padding-left: 20px; } header .navbar .right-nav .nav-item.profile-nav .nav-link { display: flex; align-items: center; padding: 11px 0 !important; } header .navbar .right-nav .nav-item.profile-nav .profile { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; margin-right: 10px; overflow: hidden; display: flex; align-items: center; } header .navbar .right-nav .nav-item.profile-nav .profile img { max-width: 100%; } @media (max-width: 575px) { header .navbar .right-nav .nav-item.profile-nav .profile { height: 30px; width: 30px; min-width: 30px; margin-right: 0; } } header .navbar .right-nav .nav-item.profile-nav .dropdown-menu { margin-top: 0; left: auto; padding-left: 20px; padding-right: 20px; } @media (max-width: 991px) { header .navbar .right-nav .nav-item.profile-nav { padding-left: 10px; } header .navbar .right-nav .nav-item.profile-nav span { display: none; } header .navbar .right-nav .nav-item.profile-nav .dropdown-menu { position: absolute; top: 60px; left: -100px; border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 6px 13px; } } @media (max-width: 575px) { header .navbar .right-nav .nav-item.profile-nav .dropdown-menu { top: 55px; } } header.custom-header .navbar { min-height: 64px; } header.custom-header .navbar .navbar-collapse .nav-item { white-space: nowrap; } header.custom-header .navbar .navbar-collapse .nav-item.dropdown { display: flex; justify-content: space-between; white-space: nowrap; } @media screen and (max-width: 991px) { header.custom-header .navbar .navbar-collapse .nav-item.dropdown { flex-wrap: wrap; } } header.custom-header .navbar .navbar-collapse .nav-item.dropdown:hover > .dropdown-menu { display: block; } header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-toggle { padding: 8px; padding-left: 0; } header.custom-header .navbar .navbar-collapse .nav-item.dropdown.more .dropdown-toggle { padding: 0 8px; line-height: 64px; } header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu { width: 100%; white-space: normal; margin-top: 0; } header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu:hover { display: block; } header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle) { width: calc(100% - 20px); } header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle):before { width: calc(100% + 20px); } header.custom-header .navbar .navbar-collapse .nav-link-wrapper { height: 100%; } header.custom-header .navbar .more .dropdown-menu.parent .nav-item a { width: auto; } header.custom-header.vertical .navbar-collapse .nav-item.dropdown { flex-wrap: wrap; } header.vertical { position: relative; overflow-x: hidden; } @media (max-width: 991px) { header.vertical { position: fixed; overflow: initial; } } header.vertical .navbar { align-items: flex-start; flex-direction: column; display: flex; padding: 0px 20px; box-shadow: none; } @media (max-width: 991px) { header.vertical .navbar { align-items: center; flex-direction: row; justify-content: space-between; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); } } @media (max-width: 575px) { header.vertical .navbar { padding: 0 10px; } } header.vertical .navbar .navbar-brand { border-bottom: 1px solid #CBCBCB; padding-bottom: 10px; width: 100%; } @media (max-width: 991px) { header.vertical .navbar .navbar-brand { padding: 0; border: 0; width: initial; } } @media (max-width: 767px) { header.vertical .navbar .navbar-brand img { max-width: 160px; } } @media (max-width: 575px) { header.vertical .navbar .navbar-brand img { max-width: 120px; } } header.vertical .navbar .navbar-toggler { /*display: none;*/ } header.vertical .navbar .navbar-toggler span { height: 30px !important; } header.vertical .navbar .collapse { display: block; } @media (max-width: 991px) { header.vertical .navbar .collapse { display: none; } } header.vertical .navbar .collapse.show { display: block; } header.vertical .navbar .navbar-collapse { /* @include s-phone { position: static; box-shadow: none; }*/ order: 3; padding: 0; width: 100%; } @media (max-width: 991px) { header.vertical .navbar .navbar-collapse { padding: 0 30px; } } header.vertical .navbar .right-nav { display: block; width: 100%; margin: 5px 0; } @media (max-width: 991px) { header.vertical .navbar .right-nav { margin: 0; position: static; transform: translateY(0); } } @media (max-width: 991px) { header.vertical .navbar .right-nav .nav-item { padding: 0 5px !important; } } header.vertical .navbar .right-nav .nav-item.profile-nav { display: block; width: auto; padding-left: 0; margin-right: auto; /* .profile { @include s-phone { margin-right: 10px; } }*/ } @media (max-width: 991px) { header.vertical .navbar .right-nav .nav-item.profile-nav { padding-left: 10px !important; } } header.vertical .navbar .right-nav .nav-item.profile-nav .dropdown-toggle::after { position: absolute; right: 8px; } @media (max-width: 991px) { header.vertical .navbar .right-nav .nav-item.profile-nav .dropdown-toggle::after { position: static; } } header.vertical .navbar .right-nav .nav-item.profile-nav span { display: block; } @media (max-width: 991px) { header.vertical .navbar .right-nav .nav-item.profile-nav span { display: none; } } header.vertical .navbar .right-nav .nav-item.profile-nav a { border: 0; margin-right: 30px; } @media (max-width: 991px) { header.vertical .navbar .right-nav .nav-item.profile-nav a { margin-right: 0; width: initial !important; } } header.vertical .navbar .right-nav .nav-item.profile-nav .dropdown-menu { left: 0; position: initial; box-shadow: none; border: 0; min-width: initial; } @media (max-width: 991px) { header.vertical .navbar .right-nav .nav-item.profile-nav .dropdown-menu { position: absolute; top: 60px; left: -100px; border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 6px 13px; min-width: 180px; } } @media (max-width: 575px) { header.vertical .navbar .right-nav .nav-item.profile-nav .dropdown-menu { top: 55px; } } header.vertical .navbar .right-nav .nav-item.profile-nav .dropdown-menu .nav-link { width: 100% !important; } header.vertical .navbar .navbar-nav.vertical-menu { flex-direction: column; width: 100%; } header.vertical .navbar .navbar-nav.vertical-menu .nav-item { padding: 0; } @media (max-width: 575px) { header.vertical .navbar .navbar-nav.vertical-menu .nav-item { padding: 0 10px; } } header.vertical .navbar .navbar-nav.vertical-menu .nav-item .nav-link { padding: 9px; } @media (max-width: 991px) { header.vertical .navbar .navbar-nav.vertical-menu .nav-item .nav-link { padding: 9px 0; } } header.vertical .navbar .navbar-nav.vertical-menu .nav-item.active, header.vertical .navbar .navbar-nav.vertical-menu .nav-item.acive * { background-color: #eee; color: #000000 !important; border-radius: 5px; } header.vertical .navbar .navbar-nav.vertical-menu .nav-item.active a::before, header.vertical .navbar .navbar-nav.vertical-menu .nav-item.acive * a::before { bottom: 0; display: none; } header.vertical .navbar .navbar-nav.vertical-menu .nav-item.more { display: none; } header.vertical .navbar .navbar-nav.vertical-menu .nav-item .dropdown-menu { position: initial; box-shadow: none; border: 0; margin: 0; } header.vertical .navbar .navbar-nav.vertical-menu .nav-item .dropdown-menu .dropdown-item { border: 0; } header.vertical .navbar .nav-item.dropdown .nav-link { width: calc(100% - 30px) !important; } @media (max-width: 991px) { header.vertical .navbar .nav-item { padding: 0 10px !important; } } .fixed-menu-vertical { margin-bottom: 0 !important; } .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper { margin: 0; } .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .grid-box.box-element { height: 100% !important; } .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical { /*max-height: 100vh; height: 100vh; min-height: 100vh; overflow-y: hidden;*/ } @media (max-width: 991px) { .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical { max-height: initial; height: initial; min-height: initial; overflow: initial; } } .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical .navbar { /*min-height: 100vh;*/ /*max-height: 100vh;*/ } @media (max-width: 991px) { .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical .navbar { max-height: initial; min-height: 64px; } } .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical .navbar .navbar-collapse { margin-right: -20px; max-height: calc(100vh - 140px); overflow: auto; margin-left: -20px; width: calc(100% + 40px); padding: 0 15px; } @media (max-width: 991px) { .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical .navbar .navbar-collapse { padding: 0 30px; width: 100%; margin: 0; } } .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical.only-menu .navbar .navbar-collapse { max-height: 100vh; } .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical.menu-with-logo .navbar .navbar-collapse { max-height: calc(100vh - 66px); } .fixed-menu-vertical .custome-header-wrapper.vertical-header-wrapper .custom-header.vertical.menu-with-login .navbar .navbar-collapse { max-height: calc(100vh - 74px); } .fixed-menu-vertical .content-fixed-wrapper { /*max-height: 100vh;*/ /*overflow: auto;*/ margin-top: 0; /*padding-top: 10px;*/ /*padding-bottom: 10px;*/ } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(33, 193, 111, 0.7); box-shadow: 0 0 0 0 rgba(33, 193, 111, 0.7); } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 10px rgba(33, 193, 111, 0); box-shadow: 0 0 0 10px rgba(33, 193, 111, 0); } 100% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(33, 193, 111, 0); box-shadow: 0 0 0 0 rgba(33, 193, 111, 0); } } @keyframes pulse { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(33, 193, 111, 0.7); box-shadow: 0 0 0 0 rgba(33, 193, 111, 0.7); } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 10px rgba(33, 193, 111, 0); box-shadow: 0 0 0 10px rgba(33, 193, 111, 0); } 100% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(33, 193, 111, 0); box-shadow: 0 0 0 0 rgba(33, 193, 111, 0); } } @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ body.rtl { direction: rtl; text-align: right; /*data card css start */ /*multiselect css start */ /*note access design start here*/ } body.rtl .login-register .form-input input { padding-right: 50px; padding-left: initial; } body.rtl .login-register .form-input .login-icon { right: 20px; left: initial; } body.rtl header .navbar .right-nav .nav-item.profile-nav { padding-right: 20px; padding-left: 0; } body.rtl header .navbar .right-nav .profile { margin-left: 10px; margin-right: 0; } body.rtl header .navbar .nav-item .dropdown-toggle::after { margin-right: 5px; margin-left: 0; } body.rtl header .navbar .nav-link-wrapper { padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-toggle { padding: 8px; padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle) { text-align: right; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-toggle { padding: 8px; padding-left: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-menu { right: 100% !important; } body.rtl .search .search-wrapper .form-group .search-box .form-control { padding-left: 42px; padding-right: 12px; } body.rtl .search .search-wrapper .form-group .search-box .search-btn { left: 0; right: initial; } body.rtl .search .select-search-wrapper .select-wrapper { margin-left: 15px; margin-right: 0; } body.rtl .multiselect-native-select .multiselect-selected-text { margin-left: 5px; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-title:after { right: 0; left: initial; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-right: 70px; padding-left: initial; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-title { padding-right: 0; padding-left: 60px; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-left: 60px; padding-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p { text-align: left; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p:first-child { text-align: right; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper .all-link { margin-left: 30px; margin-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li { padding-right: 30px; padding-left: initial; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li:before { left: initial; right: 10px; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li::after { right: 4px; left: initial; } body.rtl .activity-full-height .all-link { left: 15px; right: initial; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table thead tr th:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } body.rtl .list-1 .table.shadow-table thead tr th:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-3 .table.shadow-table tr td:last-child { text-align: left; } body.rtl div.dataTables_wrapper div.dataTables_info { float: right; } body.rtl .dp-search-wrapper .form-control { padding-left: 35px; padding-right: 12px; } body.rtl .dp-search-wrapper .search-icon { left: 9px; right: initial; } body.rtl .top-select { margin-right: 20px; margin-left: 5px; } body.rtl .top-select select { padding-left: 30px; padding-right: 8px; } body.rtl .select-wrapper::before { left: 13px; right: initial; } body.rtl .widget-font.list-1 .dt-buttons .trans-btn { padding-right: 8px; padding-left: 18px; } body.rtl .input-group.search .form-control, body.rtl .input-group.date .form-control { padding-left: 50px; padding-right: 12px; } body.rtl .input-group.search .input-group-addon, body.rtl .input-group.date .input-group-addon { left: 35px; right: initial; } body.rtl .input-group.search .input-group-addon.search-addon, body.rtl .input-group.date .input-group-addon.search-addon { left: 12px; right: initial; } body.rtl .bottom-bar-btns .btn { margin-right: 30px; margin-left: 0; } body.rtl .accordian-panel-wrap .left-head a { margin-left: 10px; margin-right: 0; } body.rtl .Knowledge-control .search-input.dp-search-wrapper .search-icon { left: 15px; } body.rtl .knowledge-base .accordion .card .card-header .accordian-time { padding-left: 50px; padding-right: 10px; } body.rtl .knowledge-base .accordion .card .card-header .icon-plus-minus { left: 10px; right: initial !important; } body.rtl .case-deflection .solution-wrapper .find-box .find-text { padding-left: 15px; } body.rtl .search-box .search-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } body.rtl .search-box .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } body.rtl .right-actions { text-align: left; } body.rtl .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: left; } body.rtl .modal .modal-header .close { margin-right: auto; margin-left: -1rem; } body.rtl .modal .modal-header .warning-icon { margin-left: 10px; margin-right: initial; } body.rtl .modal .modal-footer .btn { margin-right: 4px; margin-left: initial; } body.rtl .header__btn { margin-left: 10px; } body.rtl .header__btn:last-child { margin-left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:before { left: auto; right: 50%; transform: translateX(50%); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:after { right: auto; left: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; transform: translateX(-50%) scale(1.2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-96% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-99% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-active:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-done:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__panel { right: 0; left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 80px / 2); } @media screen and (max-width: 992px) { body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 40px / 2); } } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-70% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-80% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:after { right: calc(-30% + 10px / 2); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__panel { left: auto; right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn span { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before, body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); } body.rtl .form-builder .form-box-3 .form-group .label.multistepform_label, body.rtl .form-builder .form-box-2 .form-group .label.multistepform_label { right: 0; left: auto; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: left; } body.rtl .multiselect-container .dropdown-item .form-check { padding-left: 0; padding-right: 20px; text-align: right; } body.rtl .multiselect-container .dropdown-item .form-check .form-check-input { margin-right: -20px; margin-left: initial; } body.rtl .image-file-upload .profile-img-wrap { margin-left: 0; margin-right: 20px; } body.rtl .image-file-upload .profile-img-remove-btn { left: -3px; right: initial; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 0; margin-left: 10px; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-left: 0; } body.rtl .card-widget-top-bar .right-actions .checkbox-wrapper { margin-left: auto; margin-right: initial !important; } body.rtl .card-width .card-body .checkbox-wrapper { float: left !important; } body.rtl .card-width .data-card-box-wrap .card-label { padding-right: initial; padding-left: 5px; } body.rtl .card-width .hirerchy-icon { padding-left: 7px; padding-right: initial !important; } body.rtl .card-width .chip { margin: 5px 0px 5px 10px; } body.rtl .card-width .card-link + .card-link { margin-right: 10px; margin-left: 0; } body.rtl .card-width .user-detail .profile { margin-right: 0; margin-left: 1em; } body.rtl .card-width .drag-container .widget-font .top-select { margin-left: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .checkbox-wrapper { right: initial; top: 5px; left: 10px; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { border-left: 1px solid #eee; border-right: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-left: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input[type='checkbox'] { left: initial; right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper .checkbox { right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper label { padding-left: 0; padding-right: 26px; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-left: 10px; margin-right: 0; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-right: 5px; padding-left: 0; } body.rtl .msger .msger-chat .msg .msg-img { margin-right: 0; margin-left: 10px; } body.rtl .msger .msger-chat .msg.right-msg .msg-img { margin: 0 10px 0 0; } body.rtl .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 10px; border-bottom-left-radius: 0; } body.rtl .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input { padding-right: 10px; padding-left: 40px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-left: 250px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msg-inputs { left: 10px; right: initial; } body.rtl .msger .msger-inputarea .msger-send-btn { margin-right: 10px; margin-left: 0; } body.rtl .msger .msger-inputarea .msger-send-btn i { transform: rotate(180deg); } body.rtl .msger .chat-file-box .msg-file-name { padding-right: 5px; padding-left: 0; } body.rtl .msger .chat-file-box .user-img-remove-btn { left: 3px; right: initial; } body { color: #000000; font-size: 14px; } * { font-family: "Open Sans"; } font[face="Courier New"] { font-family: Courier New; } font[face="Arial"] { font-family: Arial; } font[face="Arial Black"] { font-family: Arial Black; } font[face="Comic Sans MS"] { font-family: Comic Sans MS; } font[face="Geneva"] { font-family: Geneva; } font[face="Georgia"] { font-family: Georgia; } font[face="Helvetica"] { font-family: Helvetica; } font[face="Impact"] { font-family: Impact; } font[face="Lucida Console"] { font-family: Lucida Console; } font[face="Tahoma"] { font-family: Tahoma; } font[face="Times New Roman"] { font-family: Times New Roman; } font[face="Verdana"] { font-family: Verdana; } img { max-width: 100%; } .btn { font-weight: 600; font-size: 15px; padding: 5px 10px; } .btn.btn-primary { background-color: #39547c; border-color: #39547c; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #293c59; border-color: #293c59; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-primary { font-size: 12px; } } .btn.btn-primary .la-key.cred { margin-right: 4px; } .btn.btn-link { color: #39547c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:not(:disabled):not(.disabled):active { color: #293c59; } .btn.btn-secondary { background-color: transparent; border-color: #000000; color: #000000; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #000000; opacity: 0.6; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-secondary { font-size: 12px; } } input, select { width: 100%; border: 0; height: 40px; padding: 5px 15px; } input.login-input, select.login-input { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); border-radius: 5px; } input:focus, input:active, select:focus, select:active { outline: none; } input [type="hidden"] { height: 0; padding: 0; margin: 0; } .input-label { font-weight: 600; } a, a * { transition: all 0.4s ease; color: #39547c !important; } a:hover, a *:hover { color: #39547c !important; opacity: 0.7; text-decoration: none; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .container { max-width: 1400px; } .validation-msg { font-size: 12px; margin-top: 7px; display: block; } .dp-purple, .dp-purple:hover { color: #633FE4 !important; } .dp-red, .dp-red:hover { color: #df0a56 !important; } .dp-green, .dp-green:hover { color: #26a26b !important; } .dp-blue, .dp-blue:hover { color: #39547c !important; } .dp-lightblue, .dp-lightblue:hover { color: #39547c !important; } .dp-primary, .dp-primary:hover { color: #39547c !important; } .dp-yellow, .dp-yellow:hover { color: #e2b84a !important; } .card { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; } button { cursor: pointer; } .form-group { margin: 10px 0; } .form-group label { font-size: 14px; font-weight: 600; margin-top: 6px; margin-bottom: 10px; } @media (max-width: 575px) { .form-group label { font-size: 12px; } } @media (max-width: 991px) { .form-group { margin: 10px 0; } .form-group label { margin-bottom: 8px; margin-top: 0; } } .select-wrapper { position: relative; width: 100%; } .select-wrapper:before { content: ''; position: absolute; right: 13px; height: 8px; width: 8px; border: 2px solid #b2b2b2; top: 50%; transform: translateY(-50%) rotate(45deg); border-left: 0; border-top: 0; } .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CBCBCB; box-shadow: none; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; line-height: 26px; } .form-control { min-height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; font-size: 14px; color: #000000 !important; } .form-control:focus { box-shadow: none !important; border-color: #CBCBCB !important; } select.form-control:not([size]):not([multiple]) { height: auto; } .bottom-bar-btns { display: flex; justify-content: flex-end; margin-top: 40px; flex-wrap: wrap; } .bottom-bar-btns .btn { margin-left: 30px; min-width: 200px; white-space: normal; margin-bottom: 10px; } .bottom-bar-btns .btn:first-child { margin-left: 0; } @media (max-width: 767px) { .bottom-bar-btns { margin-top: 25px; } .bottom-bar-btns .btn { min-width: auto; padding: 6px 20px; margin-bottom: 10px; } } .modal-header { border-bottom: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-header { padding: 20px; } } .modal-header .modal-title { font-size: 18px; font-weight: 700; } @media (max-width: 575px) { .modal-header .modal-title { font-size: 16px; } } .modal-header .close { outline: none; } .modal-header .close span { font-size: 18px; } .modal-footer { border-top: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-footer { padding: 20px; } } .modal-footer .btn { min-width: 200px; } .modal-footer.center-btns { justify-content: center; } .modal-body { padding: 10px 30px; padding-bottom: 0; max-height: calc(100vh - 200px); overflow: auto; } @media (max-width: 767px) { .modal-body { padding: 0 20px; } } .modal-body .form-group { margin: 0; } @media (max-width: 767px) { .modal-body .form-group { flex-wrap: wrap; } .modal-body .form-group label { width: 100%; } } @media (max-width: 767px) { .modal-body .dp-form-row { margin-bottom: 0; } } .modal-body .modal-heading { font-size: 18px; font-weight: 700; margin-top: 30px; margin-bottom: 18px; } @media (max-width: 575px) { .modal-body .modal-heading { font-size: 16px; } } .modal-dialog { max-width: 70%; margin: auto; height: 100%; } @media (max-width: 767px) { .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 767px) { .modal-dialog .modal-content .modal-body .dp-search-wrapper { margin: 10px 0 0; } } .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: nowrap; } @media (max-width: 767px) { .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } } @media (max-width: 991px) { .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .modal-dialog .modal-body.menu-replace-modal { max-height: initial; overflow: initial; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap { display: flex; align-items: baseline; flex-wrap: wrap; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap label { margin: 5px 0; margin-right: 40px; font-weight: 600; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap .select-wrapper select { padding-right: 30px; text-overflow: ellipsis; width: 255px; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper { margin: initial; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper .checkbox { top: 0; } .modal-dialog .modal-body.menu-replace-modal .table-responsive { max-height: calc(100vh - 400px); overflow: auto; } .dp-form-row { margin-bottom: 15px; } textarea.form-control { resize: none; padding: 10px 12px !important; min-height: 80px; } .column { margin-bottom: 10px; margin-top: 10px; } .drag-wrapper .column { margin-top: 0; } .table { white-space: nowrap; margin-bottom: 0; font-size: 13px; } .table thead th { padding: 10px 15px; border-bottom: 1px solid #dee2e6; font-size: 13px; background-color: #e6e6e6; text-align: center; } @media (max-width: 575px) { .table thead th { font-size: 12px; } } .table thead th:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table thead th:last-child { border-right: 1px solid #dee2e6; } .table tbody tr:last-child td { border-bottom: 1px solid #dee2e6; } .table tbody td { padding: 10px 15px; text-align: center; font-size: 13px; border-bottom: 1px solid #dee2e6; } @media (max-width: 575px) { .table tbody td { font-size: 12px; } } .table tbody td:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table tbody td:last-child { border-right: 1px solid #dee2e6; } .checkbox-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; } .checkbox-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #39547c; border-color: #39547c; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { opacity: 1; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox + label { font-weight: 600; } .checkbox-wrapper input[type='checkbox']:disabled { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox + label { cursor: not-allowed; } .checkbox-wrapper .checkbox { position: absolute; left: 0; top: 0; height: 20px; width: 20px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 5px; } .checkbox-wrapper .checkbox::before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; } .checkbox-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .checkbox-wrapper label { font-size: 12px; } } .heading { font-size: 28px; font-weight: 700; } @media (max-width: 575px) { .heading { font-size: 20px; } } .sub-heading { font-size: 18px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 575px) { .sub-heading { font-size: 16px; } } .drag-container .heading { font-size: 24px; } .drag-container .widget-font .dt-buttons .trans-btn { padding-right: 8px !important; } .drag-container .widget-font .trans-btn-wrapper { padding-right: 10px; } .drag-container .widget-font .top-select { margin-left: 10px; } @media (max-width: 767px) { .drag-container .widget-font .top-select { margin-top: 10px; margin-left: 0; } } .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 33.33%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 25%; } } .drag-container.col-lg-9 .col-lg-5, .drag-container.col-lg-9 .col-lg-6, .drag-container.col-lg-9 .col-lg-7, .drag-container.col-lg-9 .col-lg-8, .drag-container.col-lg-10 .col-lg-5, .drag-container.col-lg-10 .col-lg-6, .drag-container.col-lg-10 .col-lg-7, .drag-container.col-lg-10 .col-lg-8, .drag-container.col-lg-11 .col-lg-5, .drag-container.col-lg-11 .col-lg-6, .drag-container.col-lg-11 .col-lg-7, .drag-container.col-lg-11 .col-lg-8, .drag-container.col-lg-12 .col-lg-5, .drag-container.col-lg-12 .col-lg-6, .drag-container.col-lg-12 .col-lg-7, .drag-container.col-lg-12 .col-lg-8 { /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { .card-width { width: 100%; } }*/ } .drag-container.col-lg-9 .col-lg-5 .card-width, .drag-container.col-lg-9 .col-lg-6 .card-width, .drag-container.col-lg-9 .col-lg-7 .card-width, .drag-container.col-lg-9 .col-lg-8 .card-width, .drag-container.col-lg-10 .col-lg-5 .card-width, .drag-container.col-lg-10 .col-lg-6 .card-width, .drag-container.col-lg-10 .col-lg-7 .card-width, .drag-container.col-lg-10 .col-lg-8 .card-width, .drag-container.col-lg-11 .col-lg-5 .card-width, .drag-container.col-lg-11 .col-lg-6 .card-width, .drag-container.col-lg-11 .col-lg-7 .card-width, .drag-container.col-lg-11 .col-lg-8 .card-width, .drag-container.col-lg-12 .col-lg-5 .card-width, .drag-container.col-lg-12 .col-lg-6 .card-width, .drag-container.col-lg-12 .col-lg-7 .card-width, .drag-container.col-lg-12 .col-lg-8 .card-width { width: 50%; } .drag-container.col-lg-9 .col-lg-1 .card-width, .drag-container.col-lg-9 .col-lg-2 .card-width, .drag-container.col-lg-9 .col-lg-3 .card-width, .drag-container.col-lg-9 .col-lg-4 .card-width, .drag-container.col-lg-10 .col-lg-1 .card-width, .drag-container.col-lg-10 .col-lg-2 .card-width, .drag-container.col-lg-10 .col-lg-3 .card-width, .drag-container.col-lg-10 .col-lg-4 .card-width, .drag-container.col-lg-11 .col-lg-1 .card-width, .drag-container.col-lg-11 .col-lg-2 .card-width, .drag-container.col-lg-11 .col-lg-3 .card-width, .drag-container.col-lg-11 .col-lg-4 .card-width, .drag-container.col-lg-12 .col-lg-1 .card-width, .drag-container.col-lg-12 .col-lg-2 .card-width, .drag-container.col-lg-12 .col-lg-3 .card-width, .drag-container.col-lg-12 .col-lg-4 .card-width { width: 100%; } .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 50%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 33.33%; } } .drag-container.col-lg-1 .col-lg-1 .card-width, .drag-container.col-lg-1 .col-lg-2 .card-width, .drag-container.col-lg-1 .col-lg-3 .card-width, .drag-container.col-lg-1 .col-lg-4 .card-width, .drag-container.col-lg-1 .col-lg-5 .card-width, .drag-container.col-lg-1 .col-lg-6 .card-width, .drag-container.col-lg-1 .col-lg-7 .card-width, .drag-container.col-lg-1 .col-lg-8 .card-width, .drag-container.col-lg-2 .col-lg-1 .card-width, .drag-container.col-lg-2 .col-lg-2 .card-width, .drag-container.col-lg-2 .col-lg-3 .card-width, .drag-container.col-lg-2 .col-lg-4 .card-width, .drag-container.col-lg-2 .col-lg-5 .card-width, .drag-container.col-lg-2 .col-lg-6 .card-width, .drag-container.col-lg-2 .col-lg-7 .card-width, .drag-container.col-lg-2 .col-lg-8 .card-width, .drag-container.col-lg-3 .col-lg-1 .card-width, .drag-container.col-lg-3 .col-lg-2 .card-width, .drag-container.col-lg-3 .col-lg-3 .card-width, .drag-container.col-lg-3 .col-lg-4 .card-width, .drag-container.col-lg-3 .col-lg-5 .card-width, .drag-container.col-lg-3 .col-lg-6 .card-width, .drag-container.col-lg-3 .col-lg-7 .card-width, .drag-container.col-lg-3 .col-lg-8 .card-width, .drag-container.col-lg-4 .col-lg-1 .card-width, .drag-container.col-lg-4 .col-lg-2 .card-width, .drag-container.col-lg-4 .col-lg-3 .card-width, .drag-container.col-lg-4 .col-lg-4 .card-width, .drag-container.col-lg-4 .col-lg-5 .card-width, .drag-container.col-lg-4 .col-lg-6 .card-width, .drag-container.col-lg-4 .col-lg-7 .card-width, .drag-container.col-lg-4 .col-lg-8 .card-width, .drag-container.col-lg-5 .col-lg-1 .card-width, .drag-container.col-lg-5 .col-lg-2 .card-width, .drag-container.col-lg-5 .col-lg-3 .card-width, .drag-container.col-lg-5 .col-lg-4 .card-width, .drag-container.col-lg-5 .col-lg-5 .card-width, .drag-container.col-lg-5 .col-lg-6 .card-width, .drag-container.col-lg-5 .col-lg-7 .card-width, .drag-container.col-lg-5 .col-lg-8 .card-width, .drag-container.col-lg-6 .col-lg-1 .card-width, .drag-container.col-lg-6 .col-lg-2 .card-width, .drag-container.col-lg-6 .col-lg-3 .card-width, .drag-container.col-lg-6 .col-lg-4 .card-width, .drag-container.col-lg-6 .col-lg-5 .card-width, .drag-container.col-lg-6 .col-lg-6 .card-width, .drag-container.col-lg-6 .col-lg-7 .card-width, .drag-container.col-lg-6 .col-lg-8 .card-width, .drag-container.col-lg-7 .col-lg-1 .card-width, .drag-container.col-lg-7 .col-lg-2 .card-width, .drag-container.col-lg-7 .col-lg-3 .card-width, .drag-container.col-lg-7 .col-lg-4 .card-width, .drag-container.col-lg-7 .col-lg-5 .card-width, .drag-container.col-lg-7 .col-lg-6 .card-width, .drag-container.col-lg-7 .col-lg-7 .card-width, .drag-container.col-lg-7 .col-lg-8 .card-width, .drag-container.col-lg-8 .col-lg-1 .card-width, .drag-container.col-lg-8 .col-lg-2 .card-width, .drag-container.col-lg-8 .col-lg-3 .card-width, .drag-container.col-lg-8 .col-lg-4 .card-width, .drag-container.col-lg-8 .col-lg-5 .card-width, .drag-container.col-lg-8 .col-lg-6 .card-width, .drag-container.col-lg-8 .col-lg-7 .card-width, .drag-container.col-lg-8 .col-lg-8 .card-width { width: 100%; } .heading-bar { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper { margin-top: 64px; } .main-wrapper.header-top-position { padding-top: 40px; } .custom-file-label { border-color: #CBCBCB; margin: 0 !important; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 88px; line-height: 26px; cursor: pointer; } .custom-file-label::after { height: 100%; line-height: 26px; cursor: pointer; } form .checkbox-wrapper { margin-top: 5px; } form .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 16px; width: 16px; z-index: 100; position: absolute; top: 5px; left: 0; } form .checkbox-wrapper input[type='checkbox']:checked + label { font-weight: 600; } form .checkbox-wrapper .checkbox { top: 5px; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable { min-height: 350px; } .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .no-label { margin-top: 35px; } @media (max-width: 767px) { .no-label { margin-top: 0; } } .noneditable-form label { margin-bottom: 0; } .form-data { margin-bottom: 0; font-size: 13px; } .loader-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.9); } .loader-wrapper.initial-load { background-color: #fff; /*background-color: fade-out($white, 0.1);*/ } .loader-wrapper .loader-box { height: 120px; width: 120px; /*background: #fff;*/ border-radius: 20px; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); padding: 20px; /*box-shadow: 0 2px 11px 0px rgba(255, 255, 255, 0.5);*/ } .loader-wrapper .loader-box p { font-size: 40px; } .loader-wrapper .loader-box svg { max-width: 80px; height: 80px; } .loader-wrapper .loader-box svg path { fill: #39547c !important; } .user-img-preview { height: 40px; width: 40px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; } .breadcrumb { background-color: transparent; padding: 0; } .breadcrumb .breadcrumb-item a { cursor: pointer; } .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 4px; } .dp-search-wrapper { border: 1px solid #CBCBCB; position: relative; border-radius: 6px; } .dp-search-wrapper .form-control { border: 0; padding-right: 35px; } .dp-search-wrapper .search-icon { position: absolute; right: 9px; top: 50%; transform: translateY(-50%) rotateY(180deg); font-size: 20px; cursor: pointer; } .delete-modal { max-width: 600px; } .delete-modal .modal-footer .btn { min-width: 150px; } .page-link, .page-link:hover { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; margin: 0 5px; background-color: #fff; border: 1px solid #39547c; border-radius: 6px; color: #39547c !important; } .page-item:last-child .page-link, .page-item:first-child .page-link { border-radius: 6px; } .page-item.active .page-link { background-color: #39547c; border-color: #39547c; color: #fff !important; } .table-column-one { width: 40%; } .table-column-qty { width: 15%; } .register-modal p { margin-bottom: 5px; } .table-width-10 { width: 10%; } .table-width-5 { width: 5%; } .table-width-20 { width: 20%; } .table-width-15 { width: 15%; } .table-width-35 { width: 35%; } .table-width-45 { width: 45%; } .table-width-50 { width: 50%; } .table-width-40 { width: 40%; } .permission-box { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; border-radius: 10px; padding: 20px; position: relative; height: 100%; display: flex; margin: 0; justify-content: center; width: 100%; align-items: center; } .permission-box p { margin: 0; } table.table-full-width { width: 100% !important; } table.table-sorting-icon thead .sorting:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_asc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_asc:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_desc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_desc:after { right: initial; left: 4px; } .activity-full-height { position: relative; } .activity-full-height .grid-box.box-element { height: 100%; } .activity-full-height .grid-box.box-element .view { height: 100%; } .activity-full-height .grid-box.box-element .view .row { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font .rc-box-wrapper { height: 100%; } .activity-full-height .Counter-control { height: 100%; } .activity-full-height .rc-activity-wrapper ul { padding-bottom: 30px !important; } .activity-full-height .all-link { position: absolute; right: 15px; bottom: 0; } .activity-full-height .Chart-control { height: 100%; } .activity-full-height .Chart-control .card { height: 100%; } .activity-full-height .rc-box-wrapper { height: 100%; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; } .btn-margin-right { margin-right: 7px; } table.table.entity-table td:first-child { vertical-align: middle; } table.table.entity-table td span.checkbox-wrapper { width: 16px; height: 16px; margin: auto; margin-top: 5px; } .multiselect-container > li > a > label > input[type=checkbox] { width: 16px; height: 16px; margin-right: 5px; } .form-builder .recent-activity-set .dropdown-menu.show { transform: translate3d(-15px, -255px, 0px) !important; } .form-builder .recent-activity-set .dropdown-menu.show input.form-control.multiselect-search { height: 38px; min-height: 38px; } .form-builder .textbox .richText .richText-toolbar ul { max-height: 400px; overflow: auto; } .form-builder .textbox .richText .richText-toolbar ul li a, .form-builder .textbox .richText .richText-toolbar ul li a * { color: #333; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown { max-width: 80%; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { top: -8px; right: 0; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer:hover, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer:hover { opacity: 1; } .form-builder .textbox .richText .richText-toolbar ul li a:hover, .form-builder .textbox .richText .richText-toolbar ul li a *:hover { opacity: 1; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-thumb { min-height: 2px; max-height: 2px; height: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .form-builder .form-main-wrapper + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } select:disabled, input:disabled, textarea:disabled, button:disabled { cursor: not-allowed; background-color: #e9ecef !important; } .btn-primary.disabled, .btn-primary:disabled { background-color: #39547c !important; } button[disabled] { cursor: not-allowed; } .portal-user-heading-action { text-align: right; } .portal-user-heading-action .checkbox-wrapper { margin-right: initial; margin-left: 40px; } .radio-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; margin-top: 5px; } .radio-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .radio-wrapper input[type='radio'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .radio-wrapper input[type='radio']:checked + .checkbox { background-color: #fff; border-color: #39547c; } .radio-wrapper input[type='radio']:checked + .checkbox:before { opacity: 1; } .radio-wrapper input[type='radio']:checked + .checkbox + label { font-weight: 600; } .radio-wrapper input[type='radio']:disabled { cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox + label { cursor: not-allowed; } .radio-wrapper .checkbox { position: absolute; left: 0; top: 5px; height: 16px; width: 16px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 50%; } .radio-wrapper .checkbox::before { height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; background: #39547c; opacity: 0; border-left: 0; border-bottom: 0; display: inline-block; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); content: ''; border-radius: 50%; } .radio-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .radio-wrapper label { font-size: 12px; } } .load-icon { color: #39547c; font-size: 26px; } .lookup-body .user-data { padding: 10px 0; } .lookup-body .user-data .lookup-search-wrap { padding: 0 0 10px; } .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: right; margin: 0; } .user-card-space { margin-bottom: 20px; } .card.user-card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card.user-card { height: auto; } } .card.user-card .card-body { display: flex; flex-direction: column; justify-content: space-between; } .card.user-card .card-body .user-detail .user-img { overflow: hidden; } .card.user-card .card-body .user-detail .user-img img { height: 100%; object-fit: cover; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text { width: 33.33%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text .profile-view { border: 1px solid #e1e1e1; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: right; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:first-child { text-align: left; } .create-note-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .create-note-modal .modal-dialog { max-width: calc(100% - 20px); } } .create-note-modal .modal-dialog .modal-content .modal-body .form-group { margin-bottom: 25px; } .create-note-modal .modal-dialog .modal-content .modal-body .label { font-size: 14px; font-weight: 600; margin-bottom: 5px; display: block; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-1 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 .label { margin: 0; position: absolute; z-index: 2; background: #fff; top: -10px; left: 24px; padding: 0 10px; } .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } @media (max-width: 991px) { .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .form-type-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px; margin-right: 0px; } @media (max-width: 991px) { .form-type-wrapper { justify-content: flex-start; } } .form-type-wrapper .check-form-wrapper:last-child .checkbox-wrapper { margin-right: 0; } .form-type-wrapper .check-form-wrapper .checkbox-wrapper { margin-top: 0; } .document-list-wrapper { background-color: #fff; } .document-list-wrapper .document-list-menu { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; } .document-list-wrapper .document-list-menu li { max-width: 25%; flex: 0 0 25%; margin-bottom: 50px; padding: 0 15px; } @media (max-width: 1199px) { .document-list-wrapper .document-list-menu li { max-width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 991px) { .document-list-wrapper .document-list-menu li { max-width: 50%; flex: 0 0 50%; } } @media (max-width: 575px) { .document-list-wrapper .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; } } .document-list-wrapper .document-list-menu li .document-list-box { border: 1px solid #CBCBCB; padding: 15px 10px; border-radius: 5px; display: flex; align-items: center; position: relative; } .document-list-wrapper .document-list-menu li .document-list-box a { color: #000000; display: flex; align-items: center; width: 100%; cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box a .document-label { cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper { position: absolute; top: 0; right: 0; display: none; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper .checkbox-wrapper { margin: 0; } .document-list-wrapper .document-list-menu li .document-list-box:hover .document-check-wrapper { display: block; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download { margin-left: auto; display: flex; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download .doc-list-icon { font-size: 22px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .doc-icon { font-size: 40px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .document-label { font-size: 14px; font-weight: 600; margin-left: 10px; color: #000000; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: default; } .doc-list { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .doc-list { flex-direction: column; } } .doc-list .right-actions { display: flex; align-items: center; } @media (max-width: 575px) { .doc-list .right-actions { flex-wrap: wrap; justify-content: center; } } .doc-list .right-actions .btn { margin-right: 30px; margin-bottom: 5px; } .doc-list .right-actions .btn .doc-list-icon { font-size: 20px; } .chart-type-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } .chart-type-list li { position: relative; padding-left: 30px; margin: 10px; } .chart-type-list li span.chart-active { height: 13px; width: 13px; background-color: #39547c; border-radius: 50%; position: absolute; left: 10px; top: 5px; } @media (max-width: 767px) { .chart-type-list li { width: 50%; margin: 10px 0; padding-left: 20px; } .chart-type-list li span.chart-active { height: 10px; width: 10px; left: 0px; } } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item { color: #000000; font-size: 15px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item a i { color: #000000; font-size: 22px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active a i { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 7px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item .active + .breadcrumb-item::before { color: #6c757d; } .document-list .document-list-table tbody td a i { color: rgba(0, 0, 0, 0.44); margin-left: 5px; font-size: 23px; vertical-align: bottom; } .document-list .document-list-table tbody td a label { color: #000000; margin: 0; } .document-list .document-list-table tbody td i { color: #CBCBCB; margin-right: 5px; font-size: 23px; } .document-list .document-list-table tbody td label { margin: 0; } .document-list .document-list-table tbody .documentname { white-space: nowrap; } .document-list .document-list-table tbody .documentname i { vertical-align: top; } .document-list .document-list-table tbody .documentname label { white-space: normal; display: inline-block; } .document-list .document-list-table tbody .documentname a label { cursor: pointer; } .custom-file-input { cursor: pointer; } .note-list .table-responsive { max-height: 250px; overflow: auto; margin-bottom: 40px; padding-right: 10px; } .note-list .table-responsive .table.shadow-table .note-text { word-break: break-all; white-space: normal; } .modal-dialog.change-pwd-dialog { max-width: 40%; } @media (max-width: 767px) { .modal-dialog.change-pwd-dialog { max-width: calc(100% - 20px); } } .modal-dialog.change-pwd-dialog .form-box-3 .form-group { margin-bottom: 25px; } .modal-dialog.change-pwd-dialog.form-builder .label { font-size: 14px; font-weight: 600; } @media (max-width: 1439px) { div#uploadFileModal .modal-dialog .modal-content .modal-footer.center-btns .btn, div#createFolderModal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans" !important; } p { color: #000000 !important; } .toast-success { background-color: #26a26b !important; } .toast-error { background-color: #df0a56 !important; } .toast-warning { background-color: #e2b84a !important; } .text-danger span { color: #df0a56 !important; } .sidebar-wrapper { background-color: #ffffff; } .dropdown-menu { background-color: #ffffff !important; } .modal-content { background-color: #ffffff; } .input-group.search.input-search-wrapper span[disabled] { cursor: not-allowed; z-index: 3; } .widget-config.chart-set .dropdown-menu .active a label.checkbox { color: #fff !important; } .multiselect-container { min-width: 200px; max-height: 255px !important; overflow: auto; padding: 0 !important; box-shadow: none !important; border-radius: 5px !important; } .multiselect-container .filter-wrap { position: sticky; background-color: #fff; z-index: 5; padding: 5px; top: 0; } .multiselect-container .filter-wrap .multiselect-filter { padding: 0 10px; border: 1px solid #CBCBCB; margin: 0; border-radius: 5px; } .multiselect-container .filter-wrap .multiselect-filter input::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; background-color: #39547c; display: none; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter { background: transparent; border: 0; padding: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter:focus { outline: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-search { border: 0; padding: 0 10px; min-height: 35px !important; height: 35px !important; margin: 0; } .multiselect-container .filter-wrap .multiselect-filter i { font-size: 16px; border: 0; color: #000 !important; } .multiselect-container .dropdown-item { padding: 3px 20px 3px 10px !important; margin: 0 !important; font-size: 14px !important; text-align: left !important; border: 0 !important; white-space: normal; } .multiselect-container .dropdown-item.active { background-color: #39547c !important; } .multiselect-container .dropdown-item:focus { outline: 0; } .multiselect-container .dropdown-item input[type="checkbox"], .multiselect-container .dropdown-item input[type="radio"] { width: 16px; height: 16px; margin-right: 5px; margin-bottom: 3px; margin-top: 3px; } .multiselect-container .dropdown-item .form-check-label { margin: 0; font-weight: normal; } .multiselect-container li .input-group { padding: 0 5px; } .multiselect-container li .input-group .form-control { height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn { margin-left: -2px !important; height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn:focus { box-shadow: none; } .multiselect-container li.active a label.checkbox { color: #fff !important; } .multiselect-container li.active a label.radio { color: #fff !important; } .multiselect-container li a { font-size: 14px; } a.anchor-link { cursor: pointer; } a.anchor-link[disabled] { cursor: not-allowed; } .document-popup-modal .modal-dialog { max-width: 30%; } @media (max-width: 991px) { .document-popup-modal .modal-dialog { max-width: 50%; } } @media (max-width: 767px) { .document-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 1439px) { .document-popup-modal .modal-dialog .modal-footer.center-btns .btn { min-width: 100px; } } .lookup-popup-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .lookup-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } .no-data-chart { position: relative; } .no-data-chart .chart-box-image { display: block; margin: auto; opacity: 0.5; } .no-data-chart .chart-font { position: absolute; left: 50%; z-index: 1; font-size: 20px; font-weight: 700; text-transform: capitalize; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-widget-wrap { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #ffffff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .image-widget-wrap .Image-Widget { display: block; margin: 0 auto; } .input-group.date .input-group-addon { top: 12px; bottom: initial; } .input-group.date .bootstrap-datetimepicker-widget { width: auto; } .input-group.date .bootstrap-datetimepicker-widget .timepicker-picker { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.picker-switch { min-height: 30px; line-height: 30px; height: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.today::before { border-bottom-color: #39547c; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.dow { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day.active { background-color: #39547c; } .otp-modal .otp-title-wrap { padding-bottom: 15px; display: flex; justify-content: space-between; } .otp-modal .otp-title-wrap label { margin: 0; } .otp-modal .checkbox-wrapper { margin-left: 0; margin-top: 3px; width: 100%; } .otp-modal .modal-footer .btn { min-width: 100px; } .form-main-wrapper .panel-box { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; padding: 20px; } .form-main-wrapper .panel-box .multiselect-native-select .btn-group { min-height: 40px; height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; } .form-heading { font-size: 18px; font-weight: 700; line-height: 30px; } .Edit-Panel { margin-left: 10px; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper { margin-right: 0; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper .checkbox { top: 6px !important; } .accordian-panel-wrap .tap-bar { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .tap-bar { flex-direction: row; align-items: center; } } .accordian-panel-wrap .table-responsive { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .left-head { margin: 10px 0; margin-bottom: 10px !important; } } .accordian-panel-wrap .left-head a { margin-right: 10px; padding: 0; border: 0; margin-bottom: 0; } .accordian-panel-wrap .left-head a *:hover { opacity: 1; } .accordian-panel-wrap .left-head a.collapsed i::before { content: "\f107"; } .accordian-panel-wrap .left-head a i { font-size: 22px; } .accordian-panel-wrap .left-head a i::before { content: "\f106"; } .accordian-panel-wrap .left-head .product-sub-title { font-size: 20px; margin-bottom: 0; } @media (max-width: 575px) { .accordian-panel-wrap .right-actions { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (max-width: 991px) { .accordian-panel-wrap .right-actions .btn { margin: 5px; } } .accordian-panel-wrap .table-wrapper { margin-top: 25px; } .accordian-panel-wrap .document-list-wrapper { margin-top: 25px; } .side-panel-wrapper .widget-list .ui-draggable-dragging { max-width: 85px; } .side-panel-wrapper .widget-list .ui-draggable-dragging img { max-width: 70px; } div.dataTables_wrapper div.dataTables_processing { background-color: #ffffff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); border-radius: 5px; } .note-editor.note-frame output.note-status-output { display: none !important; } .note-editor.note-frame .note-toolbar { display: none; } .right-actions { text-align: right; } .warning-icon { color: #ecec4b; margin-right: 10px; font-size: 22px; } .label-bold { font-weight: 600; } .checkbox-bold .checkbox { border-width: 2px; } .checkbox-bold label { font-weight: 600; } .otp-link-disable { color: #ff0000 !important; } .external-login, .external-register { margin: 0 !important; margin-top: 5px !important; display: flex; padding-top: 50px; justify-content: space-around; } .external-login button.btn.btn-primary.external-button, .external-login button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus { width: auto; margin: 10px 0; position: relative; background: transparent; border: 0; color: #333; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 8px 10px; font-size: 14px; min-width: auto; } .external-login .or-social-text, .external-register .or-social-text { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .external-login .or-social-text:after, .external-register .or-social-text:after { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 10px); transform: translateY(-50%); border-top: 1px solid #ccc; } .external-login .or-social-text p, .external-register .or-social-text p { margin: 0; padding: 25px 30px 0 30px; background: #f5f5f5; z-index: 1; font-weight: 600; position: relative; } .external-login button.btn.btn-primary.external-button svg, .external-register button.btn.btn-primary.external-button svg { min-width: 60px; min-height: 60px; position: relative; left: 0; margin-bottom: 10px; color: #4867aa; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 6px; } .login-register-wrapper .external-login .or-social-text p { background: #ffffff; } .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button:active, .external-login button.btn.btn-primary.external-button:active { max-width: 500px; margin: 10px 0; background: transparent !important; } .filter-box-wrapper { padding: 10px 20px 20px 20px; background: #fff; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 8px; } .video-widget-iframe { width: 100%; min-height: 300px; } .list-1 .table.shadow-table thead tr.list-filter-settings th, .list-2 .table.shadow-table thead tr.list-filter-settings th, .list-3 .table.shadow-table thead tr.list-filter-settings th { background: transparent; } .list-1 .table.shadow-table thead tr.list-filter-settings th button, .list-2 .table.shadow-table thead tr.list-filter-settings th button, .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 10px; } .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-right: 0; } .list-1 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-2 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-3 .table.shadow-table thead tr.list-filter-settings th .form-control { font-size: 14px; height: 35px; min-height: 35px; } .list-1 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-2 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-3 .table.shadow-table thead tr.list-filter-settings th .multiselect { font-size: 14px; } .page-access-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .g-recaptcha { margin-top: 20px; } .recaptcha { margin-top: 10px; } .recaptcha .g-recaptcha { margin-top: 0; } .recaptcha-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .note-small-text { font-size: 12px; } .daterangepicker .ranges li.active { background: #39547c !important; } .right-side-checkbox .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; top: 6px; } .right-side-checkbox .checkbox { top: 6px; } .Registration-control .login-button { min-width: 200px; width: auto; margin: auto; margin-bottom: 15px; } .multiselect-container > li > a > label { padding: 3px 20px 3px 10px !important; } .multiselect-container .btn.btn-default.multiselect-clear-filter { border: 1px solid #ccc; } .label-datatype { padding-right: 5px; } .multiselect-selected-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } .multiselect.dropdown-toggle::after { vertical-align: middle; } .video-widget-height { min-height: 300px; } .video-widget-width { min-width: 100%; } .contact-bulk-wrapper { justify-content: space-between !important; } .contact-bulk-wrapper .bulk-action { display: flex; align-items: center; } @media (max-width: 575px) { .contact-bulk-wrapper .bulk-action { width: 100%; justify-content: center; margin-bottom: 10px; } } .contact-bulk-wrapper .bulk-action .select-wrapper { width: auto; margin-right: 6px; } .contact-bulk-wrapper .bulk-action .select-wrapper select { min-height: 35px; } @media (max-width: 575px) { .contact-bulk-wrapper .top-select { width: 100%; justify-content: center; } } .contact-bulk-wrapper .top-select .select-wrapper { width: auto; } .Registration-control .form-builder .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .external-login-controls, .external-register-controls .btn-external-register-submit, .external-login-controls .btn-external-submit { margin-bottom: 0 !important; } .Registration-control .form-builder .dp-form-row.otp-controls.dp-form-row, .Login-control .dp-form-row.otp-controls.dp-form-row { margin-bottom: 10px; } .Registration-control .btn-external-register-submit, .Registration-control .btn-primary { min-width: 100%; } .Registration-control .bottom-bar-btns .btn-primary { min-width: 200px; } .Registration-control .form-builder .login-otp-remember + .dp-form-row.otp-controls.dp-form-row { margin-right: -15px; margin-left: -15px; } .multiselect-container .multiselect-filter .input-group { display: flex; flex-wrap: nowrap; } .Video-control iframe { border-radius: 0; display: block; margin: auto; } .static-card-box { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .static-card-box p:last-child { margin-bottom: 0; } .static-card-box > *, .image-widget-wrap > * { max-width: 100%; overflow: auto; } .card-width { margin-bottom: 20px; } .card-width .card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card-width { width: 50% !important; } } @media (max-width: 767px) { .card-width { width: 100% !important; } } .card-width .checkbox-wrapper { margin-right: 15px; } .card-width .user-first-letters { margin: 0; } .card-width .user-first-letters:before { background-color: #39547c; } .card-width .user-detail { display: flex; align-items: flex-start; } .card-width .name { font-weight: 300; font-size: 14px; padding-right: 0; padding-left: 0; position: relative; word-break: normal; margin-bottom: 0; } .card-width .email { font-weight: 300; font-size: 14px; margin-bottom: 0; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .card-width .user-desc { max-width: calc(100% - 70px); } .card-width .user-desc a { /*color: $black !important;*/ color: #39547c !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-width .user-desc-text { color: #989898 !important; font-size: 14px; margin: 0; margin-top: 15px; } .card-width .user-tags { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin-top: 15px; } .card-width .user-tags .user-tags-chips { display: flex; align-content: center; flex-wrap: wrap; } .card-width .chip { display: flex; align-items: center; background-color: #bbcae0; padding: 3px 10px; border: 1px solid #39547c; border-radius: 6px; color: #39547c; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .card-width .chip span { line-height: normal; } .card-width .card-link { color: #39547c !important; font-size: 20px; margin-left: 5px; /*+ .card-link { margin-left: 5px; }*/ } .card-widget-top-bar { margin-bottom: 15px; } .card-widget-top-bar .icon-btn { background: transparent; border: 0; margin-left: 10px; font-size: 20px; } .card-widget-top-bar .right-actions { display: flex; align-items: center; justify-content: flex-end; } .card-widget-top-bar .right-actions .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .card-widget-top-bar .right-actions .checkbox-wrapper { display: flex; align-items: center; margin-right: 15px; } .card-widget-top-bar .right-actions .checkbox-wrapper .checkbox { top: 3px; } .card-widget-top-bar .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; min-width: 100px; } .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 11px; } } .card-widget-top-bar .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .card-widget-top-bar .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .card-widget-top-bar .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .daterangepicker:before, .daterangepicker:after { display: none !important; } .hirerchy-icon { font-size: 18px; } .hierarchy-modal .modal-dialog { max-width: calc(100% - 40px); } .hierarchy-modal .modal-dialog .modal-body { max-height: calc(100vh - 150px); } .hierarchy-modal .modal-dialog .modal-body table tr td:first-child { white-space: nowrap; max-width: none !important; } .hierarchy-modal .modal-dialog .modal-body table .la-angle-down, .hierarchy-modal .modal-dialog .modal-body table .la-angle-right { color: #777 !important; font-size: 16px; padding-right: 10px; } /*----------------genealogy-scroll----------*/ .genealogy-scroll::-webkit-scrollbar { width: 5px; height: 8px; } .genealogy-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } .genealogy-scroll::-webkit-scrollbar-thumb { background: #212121; border-radius: 10px; transition: 0.5s; } .genealogy-scroll::-webkit-scrollbar-thumb:hover { background: #d5b14c; transition: 0.5s; } .hierarchy-card .modal-dialog .modal-body { max-width: 100%; } /*----------------genealogy-tree----------*/ .genealogy-body { white-space: nowrap; padding: 50px; min-height: 500px; padding-top: 10px; } .genealogy-tree { display: inline-block; } .genealogy-tree ul { padding-top: 20px; position: relative; padding-left: 0px; display: flex; justify-content: center; } .genealogy-tree li { float: left; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .genealogy-tree li::before, .genealogy-tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #ccc; width: 50%; height: 18px; } .genealogy-tree li::after { right: auto; left: 50%; border-left: 2px solid #ccc; } .genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before { display: none; } .genealogy-tree li:only-child { padding-top: 0; } .genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after { border: 0 none; } .genealogy-tree li:last-child::before { border-right: 2px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .genealogy-tree li:first-child::after { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } .genealogy-tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid #ccc; width: 0; height: 20px; } .genealogy-tree li a:hover + ul li::after, .genealogy-tree li a:hover + ul li::before, .genealogy-tree li a:hover + ul::before, .genealogy-tree li a:hover + ul ul::before { border-color: #fbba00; } /*--------------memeber-card-design----------*/ .member-view-box { padding: 0px 20px; border-radius: 4px; position: relative; } .member-image { position: relative; width: 300px; margin: auto; } .member-image img { width: 60px; height: 60px; border-radius: 6px; background-color: #000; z-index: 1; } .image-file-upload .custom-file-label { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .image-file-upload .profile-img-wrap { position: relative; margin-left: 20px; } .image-file-upload .profile-img { height: 40px; width: 40px; min-width: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; position: relative; border: 1px solid #e1e1e1; cursor: pointer; } .image-file-upload .profile-img img { min-width: 100%; } .image-file-upload .profile-img-remove-btn { position: absolute; top: -5px; right: -3px; background: #df0a56; border: 0; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .profile-view { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; border: 1px solid #e1e1e1; } .card-width .user-detail .profile { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; margin-right: 1em; } .document-list .tap-bar, .document-list .tap-bar .right-actions { flex-wrap: wrap; } .document-list .tap-bar .right-actions button { margin-right: 7px; } @media (max-width: 991px) { .document-list .tap-bar .right-actions button { margin: 5px 0; margin-right: 7px; } } .document-list .tap-bar .right-actions button:last-child { margin-right: 0; } @media (max-width: 575px) { .document-list .right-actions { width: 100%; } } .col-lg-1.column.drag-container .document-grid .document-list-menu li, .col-lg-2.column.drag-container .document-grid .document-list-menu li, .col-lg-3.column.drag-container .document-grid .document-list-menu li, .col-lg-4.column.drag-container .document-grid .document-list-menu li, .col-lg-5.column.drag-container .document-grid .document-list-menu li, .col-lg-6.column.drag-container .document-grid .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; } .col-lg-1.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-2.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-3.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-4.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-5.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-6.column.drag-container .document-grid .document-list-menu li:last-child { margin-bottom: 20px; } .payment-widget .form-group label { margin-bottom: 5px; } .payment-widget .form-group { margin: 0 0 10px 0; } .pay-btn { max-width: 150px; margin: auto; display: block; } #paypal-button .zoid-outlet { width: 230px !important; height: 61px !important; } .payment-label { font-size: 18px; font-weight: 600; } .payment-amount { font-size: 14px; font-weight: 600; } .center-image-field { margin: auto; } .table-lookups.table.shadow-table thead td { white-space: nowrap; } .multiselect-native-select .btn-default { font-weight: 600; background: initial; color: #000; background-color: #efefef !important; } .multiselect-native-select .btn-default:after { border-top-color: #000; } .multiselect-native-select .btn-default:focus { box-shadow: none; border-color: #CBCBCB; } .multiselect-native-select .btn-default .multiselect-selected-text { white-space: nowrap; } .table-wrapper .table-responsive.visible { overflow: visible; } .table-wrapper .table-responsive .dropdown-menu.multiselect-container { max-height: 150px !important; } .btn.focus, .btn:focus { box-shadow: none !important; } .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { opacity: 1 !important; } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #39547c !important; border-color: #39547c !important; } .trans-btn-wrapper button.trans-btn:disabled { background-color: transparent !important; opacity: 0.6; } .trans-btn-wrapper .filter-btn-wrapper { position: relative; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .advance-filter-close { background: #ff0000; color: #fff; border-radius: 50%; padding: 2px; font-size: 10px; position: absolute; right: 8px; top: -2px; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .la-filter { color: #333333; } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper { padding-right: 10px; /*color: $black;*/ } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper.filter-active-btn { color: #000; padding-right: 15px !important; } .trans-btn-wrapper.card-widget-filter button { background-color: transparent !important; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .trans-btn-wrapper.card-widget-filter button:disabled { opacity: 0.6; } .img-preview-modal .modal-dialog { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 300px; } .table-processing .dataTables_wrapper .dataTables_processing { box-shadow: none; background: transparent; width: auto; transform: translate(-50%, -50%); margin: 20px; padding: 10px; z-index: 1; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box img { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg path { fill: #39547c !important; } .card-width .data-card-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .card-width .data-card-box-wrap .card-label { font-weight: 600; padding-right: 5px; font-size: 15px; } .card-width .data-card-box-wrap .data-card-title { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .data-card-title .name { display: block; } .card-width .data-card-box-wrap .data-card-description { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .user-desc-text { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } select, select option { font-family: "Open Sans", sans-serif; } .tap-bar.heading-top-bar { flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .tap-bar.heading-top-bar { margin-bottom: 10px; } } .tap-bar.heading-top-bar .heading { margin: 0; } .tap-bar.heading-top-bar .right-actions { margin: 0 !important; } .form-video-wrapper { max-width: 100%; overflow: auto; } .form-video-wrapper iframe.iframe-play, .form-video-wrapper .video-play { display: block; margin: auto; width: 100%; min-height: 300px; } .multisect-menu-wrapper.multiselect-style-2 ul { display: flex; margin: 0; flex-wrap: wrap; /*max-height: 150px;*/ /*overflow: auto;*/ border: 1px solid #CBCBCB; border-radius: 6px; padding: 10px; } .multisect-menu-wrapper.multiselect-style-2 ul li { list-style: none; width: 25%; padding: 3px 10px; } @media (max-width: 1599px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } } @media (max-width: 1199px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 991px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper { margin: 0; display: inline-block; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled { cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox + label { cursor: not-allowed; opacity: 0.7; } .multisect-menu-wrapper.detail-checkbox-style ul { border: 0; padding: 0; margin: 0 -10px; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper { pointer-events: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #909090; border-color: #909090; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:after { display: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; bottom: initial; background: initial; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after, .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 8px; background: #909090; border: 0; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { transform: rotate(-45deg); } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after { transform: rotate(45deg); } .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } @media (max-width: 1900px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 1439px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .record-select-wrapper select { height: 34.5px; min-height: 34.5px; } .input-group.date .datePickerInput:focus, .input-group.date .datePickerInput:hover { outline: 0; border: 0; box-shadow: none; } .tap-bar.heading-top-bar.form-right-buttons .right-actions { margin-left: auto !important; } /*code restructuring css start here*/ td { white-space: normal; word-break: normal; } table a { cursor: pointer; } td.dataTables_empty { text-align: center !important; } div.list-control div.dataTables_processing { width: 0px; } div.dataTables_wrapper div.dataTables_info { width: 50%; float: left; padding-top: 8px; } div.dataTables_wrapper div.dataTables_paginate { width: 50%; float: right; } .user-data .table.shadow-table tr:nth-child(2n) td:first-child { padding-left: 15px; } @media screen and (max-width: 767px) { div .dataTables_wrapper div.dataTables_info { width: 100%; float: none; padding-top: 8px; padding-bottom: 10px; } div.dataTables_wrapper div.dataTables_paginate { width: 100%; float: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; } } .list-1 { margin-top: 0px; } .list-2 { margin-top: 0px; } .list-3 { margin-top: 0px; } .main-wrapper { margin-top: 0 !important; padding: 0 15px; overflow-x: hidden; min-height: 100vh; } header { position: static; } .Knowledge-control .search-input .knowledge-search { border: 1px solid #CBCBCB; } .Knowledge-control .search-input.dp-search-wrapper { border: 0px; } .Knowledge-control .search-input.dp-search-wrapper .search-icon { right: 15px; } .disabled { cursor: not-allowed !important; } .redcolor { color: red !important; } .document-bredcrumb a { cursor: pointer; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; cursor: not-allowed; } .user-data .table.shadow-table td { text-align: center; } .product-line-list { margin-top: 30px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-builder { margin-top: 0px !important; } .widget-font.list-1 .trans-btn-wrapper .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .widget-font.list-1 .dt-buttons .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .resend-otp-wrap { display: flex; align-items: center; } .resend-otp { padding-left: 5px; } .resend-otp span { font-weight: 700; } .grecaptcha-badge { opacity: 0; } [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: plum; vertical-align: middle; margin-right: 1em; color: white; color: white; } .ytp-watermark, .ytp-show-cards-title { display: none !important; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area { min-height: 350px; } /*preview page css start here*/ .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; justify-content: center; } .disable-progress-btn { cursor: not-allowed !important; } .paypal-button { /*cursor: not-allowed;*/ /*pointer-events: none;*/ background-color: #ffffff; } .paypal-button-preview { cursor: not-allowed; pointer-events: none; background-color: #ffffff; } .Preview-Title { margin-top: 64px; padding-right: 15px; padding-left: 15px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*height overlap issue css start here*/ .grid-box.box-element { height: auto !important; margin-bottom: 15px; flex: 0 0 100%; max-width: 100%; } .column.drag-container.ui-droppable.activity-full-height { position: relative; display: flex; flex-wrap: wrap; margin: 0; } @media (min-width: 992px) { .column.drag-container.ui-droppable.activity-full-height .grid-box.box-element:last-child { margin-bottom: 0; } } /*height overlap issue css end here*/ /*chat css start here*/ .msger .msger-chat { overflow-y: auto; padding: 30px 10px 10px; max-height: 400px; scrollbar-width: thin; } .msger .msger-chat::-webkit-scrollbar { width: 6px; } .msger .msger-chat::-webkit-scrollbar-track { background: #ddd; } .msger .msger-chat::-webkit-scrollbar-thumb { background: #bdbdbd; } .msger .msger-chat .chat-loader { text-align: center; } .msger .msger-chat .chat-empty { display: block; text-align: center; font-size: 16px; color: #909090; font-weight: 600; } .msger .msger-chat .msg { display: flex; align-items: flex-end; margin-bottom: 10px; } .msger .msger-chat .msg:last-of-type { margin: 0; } .msger .msger-chat .msg .msg-img { width: 40px; min-width: 40px; height: 40px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; font-style: italic; text-transform: uppercase; } .msger .msger-chat .msg .msg-bubble { max-width: 70%; padding: 15px; border-radius: 15px; word-break: break-word; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble { max-width: 100%; } } .msger .msger-chat .msg .msg-bubble .msg-download { margin: 10px 0 0; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn { padding: 0; margin: 3px 0 0; display: flex; align-items: center; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 208px; } } @media (max-width: 575px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 100px; } } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn i { font-size: 20px; vertical-align: sub; } .msger .msger-chat .msg .msg-bubble .msg-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-right: 10px; font-weight: 700; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time { display: flex; align-items: center; font-size: 11px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-left: 5px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn { border: 0; background: transparent; padding: 0; color: #39547c; outline: 0; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn i { font-size: 20px; } .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-left-radius: 0; background-color: #f3f3f3; } .msger .msger-chat .msg.right-msg { flex-direction: row-reverse; } .msger .msger-chat .msg.right-msg .msg-download-btn { color: #39547c; } .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 0; background-color: #e6e6e6; } .msger .msger-chat .msg.right-msg .msg-img { margin: 0 0 0 10px; } .msger .msg-input-box { display: flex; justify-content: space-between; width: 100%; } .msger .msger-inputarea { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #dddddd; margin: 20px 0 0; border-radius: 20px; } .msger .msger-inputarea .msg-send-wrap { display: flex; width: 100%; position: relative; } .msger .msger-inputarea .msg-send-wrap .msger-input { background: transparent; border-radius: 30px; padding: 13px 20px; padding-right: 40px; height: 100%; } .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-right: 250px; } .msger .msger-inputarea .msg-send-wrap .msg-inputs { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap { height: 100%; position: relative; display: flex; align-items: center; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .custom-file-input { opacity: 0; position: absolute; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .msg-file-name { margin: 0; padding-right: 15px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .msger .msger-inputarea .msg-send-wrap .msg-inputs i { font-size: 20px; } .msger .msger-inputarea .msger-send-btn { border-radius: 50%; width: 35px; display: flex; height: 35px; justify-content: center; align-items: center; margin: 5px 10px; } .msger .msger-inputarea .msger-send-btn i { font-size: 24px; padding: 0; } .msger .msg-attach-wrap { display: block; width: 100%; border-bottom: 1px solid #000; padding: 20px 20px 15px; margin: 0 0 15px; } @media (max-width: 575px) { .msger .msg-attach-wrap { text-align: center; } } .msger .msg-attach-wrap .chat-file-box { display: inline-flex; align-items: center; padding: 13px 20px; border-radius: 3px; height: 100%; position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); margin: 0 20px 10px 0; } .msger .msg-attach-wrap .chat-file-box:last-child { margin-right: 0; } .msger .msg-attach-wrap .chat-file-box i { font-size: 18px; } .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding-left: 5px; } @media (max-width: 575px) { .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 150px; } } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn { position: absolute; top: 3px; right: 3px; background: trasparent; border: 0; color: #000; border-radius: 50%; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn i { font-size: 14px !important; } /*edit panel css start here*/ .edit-panel-wraaper { background: #6f6f6f; position: fixed; left: 0; right: 0; top: 0; padding: 7px 20px; z-index: 2; display: flex; justify-content: flex-end; } .edit-panel-wraaper .panel-edit-btn .btn { padding: 0; color: #fff; font-size: 14px; } .edit-panel-wraaper .panel-edit-btn .btn:hover { text-decoration: none; } .edit-panel-wraaper .panel-edit-btn .btn i { margin: 0 5px; font-size: 16px; opacity: 0.7; } /*edit panel css end here*/ .dp-formb-body.column.drag-container.col-lg-12.ui-droppable { padding: 0; } .list-control .table.table-sorting-icon.shadow-table thead tr th:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n - 2) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .activity-field-header { font-weight: 600; } .sidebar-wrapper { width: 300px; background-color: #fff; position: fixed; top: 64px; height: calc(100vh - 64px); box-shadow: 4px 3px 11px rgba(0, 0, 0, 0.1); } @media (max-width: 1024px) { .sidebar-wrapper { width: 200px; } } @media (max-width: 575px) { .sidebar-wrapper { width: 60px; } } .sidebar-wrapper .sidebar { padding: 15px 0; } .sidebar-wrapper .sidebar ul { padding: 0 15px; } @media (max-width: 1024px) { .sidebar-wrapper .sidebar ul { padding: 0 15px; } } .sidebar-wrapper .sidebar ul li { list-style-type: none; padding: 11px 15px; transition: all 0.4s ease; margin-bottom: 5px; } @media (max-width: 1024px) { .sidebar-wrapper .sidebar ul li { padding: 10px; } } @media (max-width: 575px) { .sidebar-wrapper .sidebar ul li { padding: 8px 3px; margin-bottom: 5px; } } .sidebar-wrapper .sidebar ul li.active, .sidebar-wrapper .sidebar ul li:hover { background-color: #f1f1f1; border-radius: 7px; } .sidebar-wrapper .sidebar ul li a { display: flex; align-items: center; } .sidebar-wrapper .sidebar ul li a:hover, .sidebar-wrapper .sidebar ul li a *:hover { opacity: 1; } .sidebar-wrapper .sidebar ul li a span { color: #000000; } @media (max-width: 1024px) { .sidebar-wrapper .sidebar ul li a span { font-size: 12px; } } @media (max-width: 575px) { .sidebar-wrapper .sidebar ul li a span { display: none; } } .sidebar-wrapper .sidebar ul li a i { font-size: 22px; padding-right: 15px; } .has-sidebar { margin-left: 300px; } @media (max-width: 1024px) { .has-sidebar { margin-left: 200px; } } @media (max-width: 575px) { .has-sidebar { margin-left: 60px; } } @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ body.rtl { direction: rtl; text-align: right; /*data card css start */ /*multiselect css start */ /*note access design start here*/ } body.rtl .login-register .form-input input { padding-right: 50px; padding-left: initial; } body.rtl .login-register .form-input .login-icon { right: 20px; left: initial; } body.rtl header .navbar .right-nav .nav-item.profile-nav { padding-right: 20px; padding-left: 0; } body.rtl header .navbar .right-nav .profile { margin-left: 10px; margin-right: 0; } body.rtl header .navbar .nav-item .dropdown-toggle::after { margin-right: 5px; margin-left: 0; } body.rtl header .navbar .nav-link-wrapper { padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-toggle { padding: 8px; padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle) { text-align: right; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-toggle { padding: 8px; padding-left: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-menu { right: 100% !important; } body.rtl .search .search-wrapper .form-group .search-box .form-control { padding-left: 42px; padding-right: 12px; } body.rtl .search .search-wrapper .form-group .search-box .search-btn { left: 0; right: initial; } body.rtl .search .select-search-wrapper .select-wrapper { margin-left: 15px; margin-right: 0; } body.rtl .multiselect-native-select .multiselect-selected-text { margin-left: 5px; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-title:after { right: 0; left: initial; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-right: 70px; padding-left: initial; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-title { padding-right: 0; padding-left: 60px; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-left: 60px; padding-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p { text-align: left; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p:first-child { text-align: right; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper .all-link { margin-left: 30px; margin-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li { padding-right: 30px; padding-left: initial; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li:before { left: initial; right: 10px; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li::after { right: 4px; left: initial; } body.rtl .activity-full-height .all-link { left: 15px; right: initial; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table thead tr th:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } body.rtl .list-1 .table.shadow-table thead tr th:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-3 .table.shadow-table tr td:last-child { text-align: left; } body.rtl div.dataTables_wrapper div.dataTables_info { float: right; } body.rtl .dp-search-wrapper .form-control { padding-left: 35px; padding-right: 12px; } body.rtl .dp-search-wrapper .search-icon { left: 9px; right: initial; } body.rtl .top-select { margin-right: 20px; margin-left: 5px; } body.rtl .top-select select { padding-left: 30px; padding-right: 8px; } body.rtl .select-wrapper::before { left: 13px; right: initial; } body.rtl .widget-font.list-1 .dt-buttons .trans-btn { padding-right: 8px; padding-left: 18px; } body.rtl .input-group.search .form-control, body.rtl .input-group.date .form-control { padding-left: 50px; padding-right: 12px; } body.rtl .input-group.search .input-group-addon, body.rtl .input-group.date .input-group-addon { left: 35px; right: initial; } body.rtl .input-group.search .input-group-addon.search-addon, body.rtl .input-group.date .input-group-addon.search-addon { left: 12px; right: initial; } body.rtl .bottom-bar-btns .btn { margin-right: 30px; margin-left: 0; } body.rtl .accordian-panel-wrap .left-head a { margin-left: 10px; margin-right: 0; } body.rtl .Knowledge-control .search-input.dp-search-wrapper .search-icon { left: 15px; } body.rtl .knowledge-base .accordion .card .card-header .accordian-time { padding-left: 50px; padding-right: 10px; } body.rtl .knowledge-base .accordion .card .card-header .icon-plus-minus { left: 10px; right: initial !important; } body.rtl .case-deflection .solution-wrapper .find-box .find-text { padding-left: 15px; } body.rtl .search-box .search-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } body.rtl .search-box .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } body.rtl .right-actions { text-align: left; } body.rtl .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: left; } body.rtl .modal .modal-header .close { margin-right: auto; margin-left: -1rem; } body.rtl .modal .modal-header .warning-icon { margin-left: 10px; margin-right: initial; } body.rtl .modal .modal-footer .btn { margin-right: 4px; margin-left: initial; } body.rtl .header__btn { margin-left: 10px; } body.rtl .header__btn:last-child { margin-left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:before { left: auto; right: 50%; transform: translateX(50%); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:after { right: auto; left: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; transform: translateX(-50%) scale(1.2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-96% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-99% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-active:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-done:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__panel { right: 0; left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 80px / 2); } @media screen and (max-width: 992px) { body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 40px / 2); } } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-70% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-80% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:after { right: calc(-30% + 10px / 2); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__panel { left: auto; right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn span { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before, body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); } body.rtl .form-builder .form-box-3 .form-group .label.multistepform_label, body.rtl .form-builder .form-box-2 .form-group .label.multistepform_label { right: 0; left: auto; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: left; } body.rtl .multiselect-container .dropdown-item .form-check { padding-left: 0; padding-right: 20px; text-align: right; } body.rtl .multiselect-container .dropdown-item .form-check .form-check-input { margin-right: -20px; margin-left: initial; } body.rtl .image-file-upload .profile-img-wrap { margin-left: 0; margin-right: 20px; } body.rtl .image-file-upload .profile-img-remove-btn { left: -3px; right: initial; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 0; margin-left: 10px; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-left: 0; } body.rtl .card-widget-top-bar .right-actions .checkbox-wrapper { margin-left: auto; margin-right: initial !important; } body.rtl .card-width .card-body .checkbox-wrapper { float: left !important; } body.rtl .card-width .data-card-box-wrap .card-label { padding-right: initial; padding-left: 5px; } body.rtl .card-width .hirerchy-icon { padding-left: 7px; padding-right: initial !important; } body.rtl .card-width .chip { margin: 5px 0px 5px 10px; } body.rtl .card-width .card-link + .card-link { margin-right: 10px; margin-left: 0; } body.rtl .card-width .user-detail .profile { margin-right: 0; margin-left: 1em; } body.rtl .card-width .drag-container .widget-font .top-select { margin-left: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .checkbox-wrapper { right: initial; top: 5px; left: 10px; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { border-left: 1px solid #eee; border-right: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-left: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input[type='checkbox'] { left: initial; right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper .checkbox { right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper label { padding-left: 0; padding-right: 26px; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-left: 10px; margin-right: 0; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-right: 5px; padding-left: 0; } body.rtl .msger .msger-chat .msg .msg-img { margin-right: 0; margin-left: 10px; } body.rtl .msger .msger-chat .msg.right-msg .msg-img { margin: 0 10px 0 0; } body.rtl .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 10px; border-bottom-left-radius: 0; } body.rtl .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input { padding-right: 10px; padding-left: 40px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-left: 250px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msg-inputs { left: 10px; right: initial; } body.rtl .msger .msger-inputarea .msger-send-btn { margin-right: 10px; margin-left: 0; } body.rtl .msger .msger-inputarea .msger-send-btn i { transform: rotate(180deg); } body.rtl .msger .chat-file-box .msg-file-name { padding-right: 5px; padding-left: 0; } body.rtl .msger .chat-file-box .user-img-remove-btn { left: 3px; right: initial; } body { color: #000000; font-size: 14px; } * { font-family: "Open Sans"; } font[face="Courier New"] { font-family: Courier New; } font[face="Arial"] { font-family: Arial; } font[face="Arial Black"] { font-family: Arial Black; } font[face="Comic Sans MS"] { font-family: Comic Sans MS; } font[face="Geneva"] { font-family: Geneva; } font[face="Georgia"] { font-family: Georgia; } font[face="Helvetica"] { font-family: Helvetica; } font[face="Impact"] { font-family: Impact; } font[face="Lucida Console"] { font-family: Lucida Console; } font[face="Tahoma"] { font-family: Tahoma; } font[face="Times New Roman"] { font-family: Times New Roman; } font[face="Verdana"] { font-family: Verdana; } img { max-width: 100%; } .btn { font-weight: 600; font-size: 15px; padding: 5px 10px; } .btn.btn-primary { background-color: #39547c; border-color: #39547c; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #293c59; border-color: #293c59; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-primary { font-size: 12px; } } .btn.btn-primary .la-key.cred { margin-right: 4px; } .btn.btn-link { color: #39547c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:not(:disabled):not(.disabled):active { color: #293c59; } .btn.btn-secondary { background-color: transparent; border-color: #000000; color: #000000; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #000000; opacity: 0.6; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-secondary { font-size: 12px; } } input, select { width: 100%; border: 0; height: 40px; padding: 5px 15px; } input.login-input, select.login-input { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); border-radius: 5px; } input:focus, input:active, select:focus, select:active { outline: none; } input [type="hidden"] { height: 0; padding: 0; margin: 0; } .input-label { font-weight: 600; } a, a * { transition: all 0.4s ease; color: #39547c !important; } a:hover, a *:hover { color: #39547c !important; opacity: 0.7; text-decoration: none; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .container { max-width: 1400px; } .validation-msg { font-size: 12px; margin-top: 7px; display: block; } .dp-purple, .dp-purple:hover { color: #633FE4 !important; } .dp-red, .dp-red:hover { color: #df0a56 !important; } .dp-green, .dp-green:hover { color: #26a26b !important; } .dp-blue, .dp-blue:hover { color: #39547c !important; } .dp-lightblue, .dp-lightblue:hover { color: #39547c !important; } .dp-primary, .dp-primary:hover { color: #39547c !important; } .dp-yellow, .dp-yellow:hover { color: #e2b84a !important; } .card { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; } button { cursor: pointer; } .form-group { margin: 10px 0; } .form-group label { font-size: 14px; font-weight: 600; margin-top: 6px; margin-bottom: 10px; } @media (max-width: 575px) { .form-group label { font-size: 12px; } } @media (max-width: 991px) { .form-group { margin: 10px 0; } .form-group label { margin-bottom: 8px; margin-top: 0; } } .select-wrapper { position: relative; width: 100%; } .select-wrapper:before { content: ''; position: absolute; right: 13px; height: 8px; width: 8px; border: 2px solid #b2b2b2; top: 50%; transform: translateY(-50%) rotate(45deg); border-left: 0; border-top: 0; } .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CBCBCB; box-shadow: none; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; line-height: 26px; } .form-control { min-height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; font-size: 14px; color: #000000 !important; } .form-control:focus { box-shadow: none !important; border-color: #CBCBCB !important; } select.form-control:not([size]):not([multiple]) { height: auto; } .bottom-bar-btns { display: flex; justify-content: flex-end; margin-top: 40px; flex-wrap: wrap; } .bottom-bar-btns .btn { margin-left: 30px; min-width: 200px; white-space: normal; margin-bottom: 10px; } .bottom-bar-btns .btn:first-child { margin-left: 0; } @media (max-width: 767px) { .bottom-bar-btns { margin-top: 25px; } .bottom-bar-btns .btn { min-width: auto; padding: 6px 20px; margin-bottom: 10px; } } .modal-header { border-bottom: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-header { padding: 20px; } } .modal-header .modal-title { font-size: 18px; font-weight: 700; } @media (max-width: 575px) { .modal-header .modal-title { font-size: 16px; } } .modal-header .close { outline: none; } .modal-header .close span { font-size: 18px; } .modal-footer { border-top: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-footer { padding: 20px; } } .modal-footer .btn { min-width: 200px; } .modal-footer.center-btns { justify-content: center; } .modal-body { padding: 10px 30px; padding-bottom: 0; max-height: calc(100vh - 200px); overflow: auto; } @media (max-width: 767px) { .modal-body { padding: 0 20px; } } .modal-body .form-group { margin: 0; } @media (max-width: 767px) { .modal-body .form-group { flex-wrap: wrap; } .modal-body .form-group label { width: 100%; } } @media (max-width: 767px) { .modal-body .dp-form-row { margin-bottom: 0; } } .modal-body .modal-heading { font-size: 18px; font-weight: 700; margin-top: 30px; margin-bottom: 18px; } @media (max-width: 575px) { .modal-body .modal-heading { font-size: 16px; } } .modal-dialog { max-width: 70%; margin: auto; height: 100%; } @media (max-width: 767px) { .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 767px) { .modal-dialog .modal-content .modal-body .dp-search-wrapper { margin: 10px 0 0; } } .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: nowrap; } @media (max-width: 767px) { .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } } @media (max-width: 991px) { .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .modal-dialog .modal-body.menu-replace-modal { max-height: initial; overflow: initial; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap { display: flex; align-items: baseline; flex-wrap: wrap; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap label { margin: 5px 0; margin-right: 40px; font-weight: 600; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap .select-wrapper select { padding-right: 30px; text-overflow: ellipsis; width: 255px; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper { margin: initial; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper .checkbox { top: 0; } .modal-dialog .modal-body.menu-replace-modal .table-responsive { max-height: calc(100vh - 400px); overflow: auto; } .dp-form-row { margin-bottom: 15px; } textarea.form-control { resize: none; padding: 10px 12px !important; min-height: 80px; } .column { margin-bottom: 10px; margin-top: 10px; } .drag-wrapper .column { margin-top: 0; } .table { white-space: nowrap; margin-bottom: 0; font-size: 13px; } .table thead th { padding: 10px 15px; border-bottom: 1px solid #dee2e6; font-size: 13px; background-color: #e6e6e6; text-align: center; } @media (max-width: 575px) { .table thead th { font-size: 12px; } } .table thead th:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table thead th:last-child { border-right: 1px solid #dee2e6; } .table tbody tr:last-child td { border-bottom: 1px solid #dee2e6; } .table tbody td { padding: 10px 15px; text-align: center; font-size: 13px; border-bottom: 1px solid #dee2e6; } @media (max-width: 575px) { .table tbody td { font-size: 12px; } } .table tbody td:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table tbody td:last-child { border-right: 1px solid #dee2e6; } .checkbox-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; } .checkbox-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #39547c; border-color: #39547c; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { opacity: 1; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox + label { font-weight: 600; } .checkbox-wrapper input[type='checkbox']:disabled { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox + label { cursor: not-allowed; } .checkbox-wrapper .checkbox { position: absolute; left: 0; top: 0; height: 20px; width: 20px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 5px; } .checkbox-wrapper .checkbox::before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; } .checkbox-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .checkbox-wrapper label { font-size: 12px; } } .heading { font-size: 28px; font-weight: 700; } @media (max-width: 575px) { .heading { font-size: 20px; } } .sub-heading { font-size: 18px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 575px) { .sub-heading { font-size: 16px; } } .drag-container .heading { font-size: 24px; } .drag-container .widget-font .dt-buttons .trans-btn { padding-right: 8px !important; } .drag-container .widget-font .trans-btn-wrapper { padding-right: 10px; } .drag-container .widget-font .top-select { margin-left: 10px; } @media (max-width: 767px) { .drag-container .widget-font .top-select { margin-top: 10px; margin-left: 0; } } .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 33.33%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 25%; } } .drag-container.col-lg-9 .col-lg-5, .drag-container.col-lg-9 .col-lg-6, .drag-container.col-lg-9 .col-lg-7, .drag-container.col-lg-9 .col-lg-8, .drag-container.col-lg-10 .col-lg-5, .drag-container.col-lg-10 .col-lg-6, .drag-container.col-lg-10 .col-lg-7, .drag-container.col-lg-10 .col-lg-8, .drag-container.col-lg-11 .col-lg-5, .drag-container.col-lg-11 .col-lg-6, .drag-container.col-lg-11 .col-lg-7, .drag-container.col-lg-11 .col-lg-8, .drag-container.col-lg-12 .col-lg-5, .drag-container.col-lg-12 .col-lg-6, .drag-container.col-lg-12 .col-lg-7, .drag-container.col-lg-12 .col-lg-8 { /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { .card-width { width: 100%; } }*/ } .drag-container.col-lg-9 .col-lg-5 .card-width, .drag-container.col-lg-9 .col-lg-6 .card-width, .drag-container.col-lg-9 .col-lg-7 .card-width, .drag-container.col-lg-9 .col-lg-8 .card-width, .drag-container.col-lg-10 .col-lg-5 .card-width, .drag-container.col-lg-10 .col-lg-6 .card-width, .drag-container.col-lg-10 .col-lg-7 .card-width, .drag-container.col-lg-10 .col-lg-8 .card-width, .drag-container.col-lg-11 .col-lg-5 .card-width, .drag-container.col-lg-11 .col-lg-6 .card-width, .drag-container.col-lg-11 .col-lg-7 .card-width, .drag-container.col-lg-11 .col-lg-8 .card-width, .drag-container.col-lg-12 .col-lg-5 .card-width, .drag-container.col-lg-12 .col-lg-6 .card-width, .drag-container.col-lg-12 .col-lg-7 .card-width, .drag-container.col-lg-12 .col-lg-8 .card-width { width: 50%; } .drag-container.col-lg-9 .col-lg-1 .card-width, .drag-container.col-lg-9 .col-lg-2 .card-width, .drag-container.col-lg-9 .col-lg-3 .card-width, .drag-container.col-lg-9 .col-lg-4 .card-width, .drag-container.col-lg-10 .col-lg-1 .card-width, .drag-container.col-lg-10 .col-lg-2 .card-width, .drag-container.col-lg-10 .col-lg-3 .card-width, .drag-container.col-lg-10 .col-lg-4 .card-width, .drag-container.col-lg-11 .col-lg-1 .card-width, .drag-container.col-lg-11 .col-lg-2 .card-width, .drag-container.col-lg-11 .col-lg-3 .card-width, .drag-container.col-lg-11 .col-lg-4 .card-width, .drag-container.col-lg-12 .col-lg-1 .card-width, .drag-container.col-lg-12 .col-lg-2 .card-width, .drag-container.col-lg-12 .col-lg-3 .card-width, .drag-container.col-lg-12 .col-lg-4 .card-width { width: 100%; } .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 50%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 33.33%; } } .drag-container.col-lg-1 .col-lg-1 .card-width, .drag-container.col-lg-1 .col-lg-2 .card-width, .drag-container.col-lg-1 .col-lg-3 .card-width, .drag-container.col-lg-1 .col-lg-4 .card-width, .drag-container.col-lg-1 .col-lg-5 .card-width, .drag-container.col-lg-1 .col-lg-6 .card-width, .drag-container.col-lg-1 .col-lg-7 .card-width, .drag-container.col-lg-1 .col-lg-8 .card-width, .drag-container.col-lg-2 .col-lg-1 .card-width, .drag-container.col-lg-2 .col-lg-2 .card-width, .drag-container.col-lg-2 .col-lg-3 .card-width, .drag-container.col-lg-2 .col-lg-4 .card-width, .drag-container.col-lg-2 .col-lg-5 .card-width, .drag-container.col-lg-2 .col-lg-6 .card-width, .drag-container.col-lg-2 .col-lg-7 .card-width, .drag-container.col-lg-2 .col-lg-8 .card-width, .drag-container.col-lg-3 .col-lg-1 .card-width, .drag-container.col-lg-3 .col-lg-2 .card-width, .drag-container.col-lg-3 .col-lg-3 .card-width, .drag-container.col-lg-3 .col-lg-4 .card-width, .drag-container.col-lg-3 .col-lg-5 .card-width, .drag-container.col-lg-3 .col-lg-6 .card-width, .drag-container.col-lg-3 .col-lg-7 .card-width, .drag-container.col-lg-3 .col-lg-8 .card-width, .drag-container.col-lg-4 .col-lg-1 .card-width, .drag-container.col-lg-4 .col-lg-2 .card-width, .drag-container.col-lg-4 .col-lg-3 .card-width, .drag-container.col-lg-4 .col-lg-4 .card-width, .drag-container.col-lg-4 .col-lg-5 .card-width, .drag-container.col-lg-4 .col-lg-6 .card-width, .drag-container.col-lg-4 .col-lg-7 .card-width, .drag-container.col-lg-4 .col-lg-8 .card-width, .drag-container.col-lg-5 .col-lg-1 .card-width, .drag-container.col-lg-5 .col-lg-2 .card-width, .drag-container.col-lg-5 .col-lg-3 .card-width, .drag-container.col-lg-5 .col-lg-4 .card-width, .drag-container.col-lg-5 .col-lg-5 .card-width, .drag-container.col-lg-5 .col-lg-6 .card-width, .drag-container.col-lg-5 .col-lg-7 .card-width, .drag-container.col-lg-5 .col-lg-8 .card-width, .drag-container.col-lg-6 .col-lg-1 .card-width, .drag-container.col-lg-6 .col-lg-2 .card-width, .drag-container.col-lg-6 .col-lg-3 .card-width, .drag-container.col-lg-6 .col-lg-4 .card-width, .drag-container.col-lg-6 .col-lg-5 .card-width, .drag-container.col-lg-6 .col-lg-6 .card-width, .drag-container.col-lg-6 .col-lg-7 .card-width, .drag-container.col-lg-6 .col-lg-8 .card-width, .drag-container.col-lg-7 .col-lg-1 .card-width, .drag-container.col-lg-7 .col-lg-2 .card-width, .drag-container.col-lg-7 .col-lg-3 .card-width, .drag-container.col-lg-7 .col-lg-4 .card-width, .drag-container.col-lg-7 .col-lg-5 .card-width, .drag-container.col-lg-7 .col-lg-6 .card-width, .drag-container.col-lg-7 .col-lg-7 .card-width, .drag-container.col-lg-7 .col-lg-8 .card-width, .drag-container.col-lg-8 .col-lg-1 .card-width, .drag-container.col-lg-8 .col-lg-2 .card-width, .drag-container.col-lg-8 .col-lg-3 .card-width, .drag-container.col-lg-8 .col-lg-4 .card-width, .drag-container.col-lg-8 .col-lg-5 .card-width, .drag-container.col-lg-8 .col-lg-6 .card-width, .drag-container.col-lg-8 .col-lg-7 .card-width, .drag-container.col-lg-8 .col-lg-8 .card-width { width: 100%; } .heading-bar { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper { margin-top: 64px; } .main-wrapper.header-top-position { padding-top: 40px; } .custom-file-label { border-color: #CBCBCB; margin: 0 !important; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 88px; line-height: 26px; cursor: pointer; } .custom-file-label::after { height: 100%; line-height: 26px; cursor: pointer; } form .checkbox-wrapper { margin-top: 5px; } form .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 16px; width: 16px; z-index: 100; position: absolute; top: 5px; left: 0; } form .checkbox-wrapper input[type='checkbox']:checked + label { font-weight: 600; } form .checkbox-wrapper .checkbox { top: 5px; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable { min-height: 350px; } .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .no-label { margin-top: 35px; } @media (max-width: 767px) { .no-label { margin-top: 0; } } .noneditable-form label { margin-bottom: 0; } .form-data { margin-bottom: 0; font-size: 13px; } .loader-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.9); } .loader-wrapper.initial-load { background-color: #fff; /*background-color: fade-out($white, 0.1);*/ } .loader-wrapper .loader-box { height: 120px; width: 120px; /*background: #fff;*/ border-radius: 20px; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); padding: 20px; /*box-shadow: 0 2px 11px 0px rgba(255, 255, 255, 0.5);*/ } .loader-wrapper .loader-box p { font-size: 40px; } .loader-wrapper .loader-box svg { max-width: 80px; height: 80px; } .loader-wrapper .loader-box svg path { fill: #39547c !important; } .user-img-preview { height: 40px; width: 40px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; } .breadcrumb { background-color: transparent; padding: 0; } .breadcrumb .breadcrumb-item a { cursor: pointer; } .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 4px; } .dp-search-wrapper { border: 1px solid #CBCBCB; position: relative; border-radius: 6px; } .dp-search-wrapper .form-control { border: 0; padding-right: 35px; } .dp-search-wrapper .search-icon { position: absolute; right: 9px; top: 50%; transform: translateY(-50%) rotateY(180deg); font-size: 20px; cursor: pointer; } .delete-modal { max-width: 600px; } .delete-modal .modal-footer .btn { min-width: 150px; } .page-link, .page-link:hover { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; margin: 0 5px; background-color: #fff; border: 1px solid #39547c; border-radius: 6px; color: #39547c !important; } .page-item:last-child .page-link, .page-item:first-child .page-link { border-radius: 6px; } .page-item.active .page-link { background-color: #39547c; border-color: #39547c; color: #fff !important; } .table-column-one { width: 40%; } .table-column-qty { width: 15%; } .register-modal p { margin-bottom: 5px; } .table-width-10 { width: 10%; } .table-width-5 { width: 5%; } .table-width-20 { width: 20%; } .table-width-15 { width: 15%; } .table-width-35 { width: 35%; } .table-width-45 { width: 45%; } .table-width-50 { width: 50%; } .table-width-40 { width: 40%; } .permission-box { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; border-radius: 10px; padding: 20px; position: relative; height: 100%; display: flex; margin: 0; justify-content: center; width: 100%; align-items: center; } .permission-box p { margin: 0; } table.table-full-width { width: 100% !important; } table.table-sorting-icon thead .sorting:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_asc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_asc:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_desc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_desc:after { right: initial; left: 4px; } .activity-full-height { position: relative; } .activity-full-height .grid-box.box-element { height: 100%; } .activity-full-height .grid-box.box-element .view { height: 100%; } .activity-full-height .grid-box.box-element .view .row { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font .rc-box-wrapper { height: 100%; } .activity-full-height .Counter-control { height: 100%; } .activity-full-height .rc-activity-wrapper ul { padding-bottom: 30px !important; } .activity-full-height .all-link { position: absolute; right: 15px; bottom: 0; } .activity-full-height .Chart-control { height: 100%; } .activity-full-height .Chart-control .card { height: 100%; } .activity-full-height .rc-box-wrapper { height: 100%; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; } .btn-margin-right { margin-right: 7px; } table.table.entity-table td:first-child { vertical-align: middle; } table.table.entity-table td span.checkbox-wrapper { width: 16px; height: 16px; margin: auto; margin-top: 5px; } .multiselect-container > li > a > label > input[type=checkbox] { width: 16px; height: 16px; margin-right: 5px; } .form-builder .recent-activity-set .dropdown-menu.show { transform: translate3d(-15px, -255px, 0px) !important; } .form-builder .recent-activity-set .dropdown-menu.show input.form-control.multiselect-search { height: 38px; min-height: 38px; } .form-builder .textbox .richText .richText-toolbar ul { max-height: 400px; overflow: auto; } .form-builder .textbox .richText .richText-toolbar ul li a, .form-builder .textbox .richText .richText-toolbar ul li a * { color: #333; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown { max-width: 80%; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { top: -8px; right: 0; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer:hover, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer:hover { opacity: 1; } .form-builder .textbox .richText .richText-toolbar ul li a:hover, .form-builder .textbox .richText .richText-toolbar ul li a *:hover { opacity: 1; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-thumb { min-height: 2px; max-height: 2px; height: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .form-builder .form-main-wrapper + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } select:disabled, input:disabled, textarea:disabled, button:disabled { cursor: not-allowed; background-color: #e9ecef !important; } .btn-primary.disabled, .btn-primary:disabled { background-color: #39547c !important; } button[disabled] { cursor: not-allowed; } .portal-user-heading-action { text-align: right; } .portal-user-heading-action .checkbox-wrapper { margin-right: initial; margin-left: 40px; } .radio-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; margin-top: 5px; } .radio-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .radio-wrapper input[type='radio'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .radio-wrapper input[type='radio']:checked + .checkbox { background-color: #fff; border-color: #39547c; } .radio-wrapper input[type='radio']:checked + .checkbox:before { opacity: 1; } .radio-wrapper input[type='radio']:checked + .checkbox + label { font-weight: 600; } .radio-wrapper input[type='radio']:disabled { cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox + label { cursor: not-allowed; } .radio-wrapper .checkbox { position: absolute; left: 0; top: 5px; height: 16px; width: 16px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 50%; } .radio-wrapper .checkbox::before { height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; background: #39547c; opacity: 0; border-left: 0; border-bottom: 0; display: inline-block; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); content: ''; border-radius: 50%; } .radio-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .radio-wrapper label { font-size: 12px; } } .load-icon { color: #39547c; font-size: 26px; } .lookup-body .user-data { padding: 10px 0; } .lookup-body .user-data .lookup-search-wrap { padding: 0 0 10px; } .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: right; margin: 0; } .user-card-space { margin-bottom: 20px; } .card.user-card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card.user-card { height: auto; } } .card.user-card .card-body { display: flex; flex-direction: column; justify-content: space-between; } .card.user-card .card-body .user-detail .user-img { overflow: hidden; } .card.user-card .card-body .user-detail .user-img img { height: 100%; object-fit: cover; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text { width: 33.33%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text .profile-view { border: 1px solid #e1e1e1; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: right; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:first-child { text-align: left; } .create-note-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .create-note-modal .modal-dialog { max-width: calc(100% - 20px); } } .create-note-modal .modal-dialog .modal-content .modal-body .form-group { margin-bottom: 25px; } .create-note-modal .modal-dialog .modal-content .modal-body .label { font-size: 14px; font-weight: 600; margin-bottom: 5px; display: block; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-1 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 .label { margin: 0; position: absolute; z-index: 2; background: #fff; top: -10px; left: 24px; padding: 0 10px; } .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } @media (max-width: 991px) { .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .form-type-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px; margin-right: 0px; } @media (max-width: 991px) { .form-type-wrapper { justify-content: flex-start; } } .form-type-wrapper .check-form-wrapper:last-child .checkbox-wrapper { margin-right: 0; } .form-type-wrapper .check-form-wrapper .checkbox-wrapper { margin-top: 0; } .document-list-wrapper { background-color: #fff; } .document-list-wrapper .document-list-menu { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; } .document-list-wrapper .document-list-menu li { max-width: 25%; flex: 0 0 25%; margin-bottom: 50px; padding: 0 15px; } @media (max-width: 1199px) { .document-list-wrapper .document-list-menu li { max-width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 991px) { .document-list-wrapper .document-list-menu li { max-width: 50%; flex: 0 0 50%; } } @media (max-width: 575px) { .document-list-wrapper .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; } } .document-list-wrapper .document-list-menu li .document-list-box { border: 1px solid #CBCBCB; padding: 15px 10px; border-radius: 5px; display: flex; align-items: center; position: relative; } .document-list-wrapper .document-list-menu li .document-list-box a { color: #000000; display: flex; align-items: center; width: 100%; cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box a .document-label { cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper { position: absolute; top: 0; right: 0; display: none; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper .checkbox-wrapper { margin: 0; } .document-list-wrapper .document-list-menu li .document-list-box:hover .document-check-wrapper { display: block; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download { margin-left: auto; display: flex; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download .doc-list-icon { font-size: 22px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .doc-icon { font-size: 40px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .document-label { font-size: 14px; font-weight: 600; margin-left: 10px; color: #000000; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: default; } .doc-list { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .doc-list { flex-direction: column; } } .doc-list .right-actions { display: flex; align-items: center; } @media (max-width: 575px) { .doc-list .right-actions { flex-wrap: wrap; justify-content: center; } } .doc-list .right-actions .btn { margin-right: 30px; margin-bottom: 5px; } .doc-list .right-actions .btn .doc-list-icon { font-size: 20px; } .chart-type-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } .chart-type-list li { position: relative; padding-left: 30px; margin: 10px; } .chart-type-list li span.chart-active { height: 13px; width: 13px; background-color: #39547c; border-radius: 50%; position: absolute; left: 10px; top: 5px; } @media (max-width: 767px) { .chart-type-list li { width: 50%; margin: 10px 0; padding-left: 20px; } .chart-type-list li span.chart-active { height: 10px; width: 10px; left: 0px; } } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item { color: #000000; font-size: 15px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item a i { color: #000000; font-size: 22px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active a i { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 7px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item .active + .breadcrumb-item::before { color: #6c757d; } .document-list .document-list-table tbody td a i { color: rgba(0, 0, 0, 0.44); margin-left: 5px; font-size: 23px; vertical-align: bottom; } .document-list .document-list-table tbody td a label { color: #000000; margin: 0; } .document-list .document-list-table tbody td i { color: #CBCBCB; margin-right: 5px; font-size: 23px; } .document-list .document-list-table tbody td label { margin: 0; } .document-list .document-list-table tbody .documentname { white-space: nowrap; } .document-list .document-list-table tbody .documentname i { vertical-align: top; } .document-list .document-list-table tbody .documentname label { white-space: normal; display: inline-block; } .document-list .document-list-table tbody .documentname a label { cursor: pointer; } .custom-file-input { cursor: pointer; } .note-list .table-responsive { max-height: 250px; overflow: auto; margin-bottom: 40px; padding-right: 10px; } .note-list .table-responsive .table.shadow-table .note-text { word-break: break-all; white-space: normal; } .modal-dialog.change-pwd-dialog { max-width: 40%; } @media (max-width: 767px) { .modal-dialog.change-pwd-dialog { max-width: calc(100% - 20px); } } .modal-dialog.change-pwd-dialog .form-box-3 .form-group { margin-bottom: 25px; } .modal-dialog.change-pwd-dialog.form-builder .label { font-size: 14px; font-weight: 600; } @media (max-width: 1439px) { div#uploadFileModal .modal-dialog .modal-content .modal-footer.center-btns .btn, div#createFolderModal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans" !important; } p { color: #000000 !important; } .toast-success { background-color: #26a26b !important; } .toast-error { background-color: #df0a56 !important; } .toast-warning { background-color: #e2b84a !important; } .text-danger span { color: #df0a56 !important; } .sidebar-wrapper { background-color: #ffffff; } .dropdown-menu { background-color: #ffffff !important; } .modal-content { background-color: #ffffff; } .input-group.search.input-search-wrapper span[disabled] { cursor: not-allowed; z-index: 3; } .widget-config.chart-set .dropdown-menu .active a label.checkbox { color: #fff !important; } .multiselect-container { min-width: 200px; max-height: 255px !important; overflow: auto; padding: 0 !important; box-shadow: none !important; border-radius: 5px !important; } .multiselect-container .filter-wrap { position: sticky; background-color: #fff; z-index: 5; padding: 5px; top: 0; } .multiselect-container .filter-wrap .multiselect-filter { padding: 0 10px; border: 1px solid #CBCBCB; margin: 0; border-radius: 5px; } .multiselect-container .filter-wrap .multiselect-filter input::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; background-color: #39547c; display: none; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter { background: transparent; border: 0; padding: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter:focus { outline: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-search { border: 0; padding: 0 10px; min-height: 35px !important; height: 35px !important; margin: 0; } .multiselect-container .filter-wrap .multiselect-filter i { font-size: 16px; border: 0; color: #000 !important; } .multiselect-container .dropdown-item { padding: 3px 20px 3px 10px !important; margin: 0 !important; font-size: 14px !important; text-align: left !important; border: 0 !important; white-space: normal; } .multiselect-container .dropdown-item.active { background-color: #39547c !important; } .multiselect-container .dropdown-item:focus { outline: 0; } .multiselect-container .dropdown-item input[type="checkbox"], .multiselect-container .dropdown-item input[type="radio"] { width: 16px; height: 16px; margin-right: 5px; margin-bottom: 3px; margin-top: 3px; } .multiselect-container .dropdown-item .form-check-label { margin: 0; font-weight: normal; } .multiselect-container li .input-group { padding: 0 5px; } .multiselect-container li .input-group .form-control { height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn { margin-left: -2px !important; height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn:focus { box-shadow: none; } .multiselect-container li.active a label.checkbox { color: #fff !important; } .multiselect-container li.active a label.radio { color: #fff !important; } .multiselect-container li a { font-size: 14px; } a.anchor-link { cursor: pointer; } a.anchor-link[disabled] { cursor: not-allowed; } .document-popup-modal .modal-dialog { max-width: 30%; } @media (max-width: 991px) { .document-popup-modal .modal-dialog { max-width: 50%; } } @media (max-width: 767px) { .document-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 1439px) { .document-popup-modal .modal-dialog .modal-footer.center-btns .btn { min-width: 100px; } } .lookup-popup-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .lookup-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } .no-data-chart { position: relative; } .no-data-chart .chart-box-image { display: block; margin: auto; opacity: 0.5; } .no-data-chart .chart-font { position: absolute; left: 50%; z-index: 1; font-size: 20px; font-weight: 700; text-transform: capitalize; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-widget-wrap { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #ffffff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .image-widget-wrap .Image-Widget { display: block; margin: 0 auto; } .input-group.date .input-group-addon { top: 12px; bottom: initial; } .input-group.date .bootstrap-datetimepicker-widget { width: auto; } .input-group.date .bootstrap-datetimepicker-widget .timepicker-picker { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.picker-switch { min-height: 30px; line-height: 30px; height: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.today::before { border-bottom-color: #39547c; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.dow { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day.active { background-color: #39547c; } .otp-modal .otp-title-wrap { padding-bottom: 15px; display: flex; justify-content: space-between; } .otp-modal .otp-title-wrap label { margin: 0; } .otp-modal .checkbox-wrapper { margin-left: 0; margin-top: 3px; width: 100%; } .otp-modal .modal-footer .btn { min-width: 100px; } .form-main-wrapper .panel-box { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; padding: 20px; } .form-main-wrapper .panel-box .multiselect-native-select .btn-group { min-height: 40px; height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; } .form-heading { font-size: 18px; font-weight: 700; line-height: 30px; } .Edit-Panel { margin-left: 10px; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper { margin-right: 0; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper .checkbox { top: 6px !important; } .accordian-panel-wrap .tap-bar { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .tap-bar { flex-direction: row; align-items: center; } } .accordian-panel-wrap .table-responsive { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .left-head { margin: 10px 0; margin-bottom: 10px !important; } } .accordian-panel-wrap .left-head a { margin-right: 10px; padding: 0; border: 0; margin-bottom: 0; } .accordian-panel-wrap .left-head a *:hover { opacity: 1; } .accordian-panel-wrap .left-head a.collapsed i::before { content: "\f107"; } .accordian-panel-wrap .left-head a i { font-size: 22px; } .accordian-panel-wrap .left-head a i::before { content: "\f106"; } .accordian-panel-wrap .left-head .product-sub-title { font-size: 20px; margin-bottom: 0; } @media (max-width: 575px) { .accordian-panel-wrap .right-actions { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (max-width: 991px) { .accordian-panel-wrap .right-actions .btn { margin: 5px; } } .accordian-panel-wrap .table-wrapper { margin-top: 25px; } .accordian-panel-wrap .document-list-wrapper { margin-top: 25px; } .side-panel-wrapper .widget-list .ui-draggable-dragging { max-width: 85px; } .side-panel-wrapper .widget-list .ui-draggable-dragging img { max-width: 70px; } div.dataTables_wrapper div.dataTables_processing { background-color: #ffffff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); border-radius: 5px; } .note-editor.note-frame output.note-status-output { display: none !important; } .note-editor.note-frame .note-toolbar { display: none; } .right-actions { text-align: right; } .warning-icon { color: #ecec4b; margin-right: 10px; font-size: 22px; } .label-bold { font-weight: 600; } .checkbox-bold .checkbox { border-width: 2px; } .checkbox-bold label { font-weight: 600; } .otp-link-disable { color: #ff0000 !important; } .external-login, .external-register { margin: 0 !important; margin-top: 5px !important; display: flex; padding-top: 50px; justify-content: space-around; } .external-login button.btn.btn-primary.external-button, .external-login button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus { width: auto; margin: 10px 0; position: relative; background: transparent; border: 0; color: #333; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 8px 10px; font-size: 14px; min-width: auto; } .external-login .or-social-text, .external-register .or-social-text { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .external-login .or-social-text:after, .external-register .or-social-text:after { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 10px); transform: translateY(-50%); border-top: 1px solid #ccc; } .external-login .or-social-text p, .external-register .or-social-text p { margin: 0; padding: 25px 30px 0 30px; background: #f5f5f5; z-index: 1; font-weight: 600; position: relative; } .external-login button.btn.btn-primary.external-button svg, .external-register button.btn.btn-primary.external-button svg { min-width: 60px; min-height: 60px; position: relative; left: 0; margin-bottom: 10px; color: #4867aa; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 6px; } .login-register-wrapper .external-login .or-social-text p { background: #ffffff; } .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button:active, .external-login button.btn.btn-primary.external-button:active { max-width: 500px; margin: 10px 0; background: transparent !important; } .filter-box-wrapper { padding: 10px 20px 20px 20px; background: #fff; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 8px; } .video-widget-iframe { width: 100%; min-height: 300px; } .list-1 .table.shadow-table thead tr.list-filter-settings th, .list-2 .table.shadow-table thead tr.list-filter-settings th, .list-3 .table.shadow-table thead tr.list-filter-settings th { background: transparent; } .list-1 .table.shadow-table thead tr.list-filter-settings th button, .list-2 .table.shadow-table thead tr.list-filter-settings th button, .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 10px; } .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-right: 0; } .list-1 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-2 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-3 .table.shadow-table thead tr.list-filter-settings th .form-control { font-size: 14px; height: 35px; min-height: 35px; } .list-1 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-2 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-3 .table.shadow-table thead tr.list-filter-settings th .multiselect { font-size: 14px; } .page-access-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .g-recaptcha { margin-top: 20px; } .recaptcha { margin-top: 10px; } .recaptcha .g-recaptcha { margin-top: 0; } .recaptcha-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .note-small-text { font-size: 12px; } .daterangepicker .ranges li.active { background: #39547c !important; } .right-side-checkbox .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; top: 6px; } .right-side-checkbox .checkbox { top: 6px; } .Registration-control .login-button { min-width: 200px; width: auto; margin: auto; margin-bottom: 15px; } .multiselect-container > li > a > label { padding: 3px 20px 3px 10px !important; } .multiselect-container .btn.btn-default.multiselect-clear-filter { border: 1px solid #ccc; } .label-datatype { padding-right: 5px; } .multiselect-selected-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } .multiselect.dropdown-toggle::after { vertical-align: middle; } .video-widget-height { min-height: 300px; } .video-widget-width { min-width: 100%; } .contact-bulk-wrapper { justify-content: space-between !important; } .contact-bulk-wrapper .bulk-action { display: flex; align-items: center; } @media (max-width: 575px) { .contact-bulk-wrapper .bulk-action { width: 100%; justify-content: center; margin-bottom: 10px; } } .contact-bulk-wrapper .bulk-action .select-wrapper { width: auto; margin-right: 6px; } .contact-bulk-wrapper .bulk-action .select-wrapper select { min-height: 35px; } @media (max-width: 575px) { .contact-bulk-wrapper .top-select { width: 100%; justify-content: center; } } .contact-bulk-wrapper .top-select .select-wrapper { width: auto; } .Registration-control .form-builder .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .external-login-controls, .external-register-controls .btn-external-register-submit, .external-login-controls .btn-external-submit { margin-bottom: 0 !important; } .Registration-control .form-builder .dp-form-row.otp-controls.dp-form-row, .Login-control .dp-form-row.otp-controls.dp-form-row { margin-bottom: 10px; } .Registration-control .btn-external-register-submit, .Registration-control .btn-primary { min-width: 100%; } .Registration-control .bottom-bar-btns .btn-primary { min-width: 200px; } .Registration-control .form-builder .login-otp-remember + .dp-form-row.otp-controls.dp-form-row { margin-right: -15px; margin-left: -15px; } .multiselect-container .multiselect-filter .input-group { display: flex; flex-wrap: nowrap; } .Video-control iframe { border-radius: 0; display: block; margin: auto; } .static-card-box { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .static-card-box p:last-child { margin-bottom: 0; } .static-card-box > *, .image-widget-wrap > * { max-width: 100%; overflow: auto; } .card-width { margin-bottom: 20px; } .card-width .card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card-width { width: 50% !important; } } @media (max-width: 767px) { .card-width { width: 100% !important; } } .card-width .checkbox-wrapper { margin-right: 15px; } .card-width .user-first-letters { margin: 0; } .card-width .user-first-letters:before { background-color: #39547c; } .card-width .user-detail { display: flex; align-items: flex-start; } .card-width .name { font-weight: 300; font-size: 14px; padding-right: 0; padding-left: 0; position: relative; word-break: normal; margin-bottom: 0; } .card-width .email { font-weight: 300; font-size: 14px; margin-bottom: 0; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .card-width .user-desc { max-width: calc(100% - 70px); } .card-width .user-desc a { /*color: $black !important;*/ color: #39547c !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-width .user-desc-text { color: #989898 !important; font-size: 14px; margin: 0; margin-top: 15px; } .card-width .user-tags { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin-top: 15px; } .card-width .user-tags .user-tags-chips { display: flex; align-content: center; flex-wrap: wrap; } .card-width .chip { display: flex; align-items: center; background-color: #bbcae0; padding: 3px 10px; border: 1px solid #39547c; border-radius: 6px; color: #39547c; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .card-width .chip span { line-height: normal; } .card-width .card-link { color: #39547c !important; font-size: 20px; margin-left: 5px; /*+ .card-link { margin-left: 5px; }*/ } .card-widget-top-bar { margin-bottom: 15px; } .card-widget-top-bar .icon-btn { background: transparent; border: 0; margin-left: 10px; font-size: 20px; } .card-widget-top-bar .right-actions { display: flex; align-items: center; justify-content: flex-end; } .card-widget-top-bar .right-actions .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .card-widget-top-bar .right-actions .checkbox-wrapper { display: flex; align-items: center; margin-right: 15px; } .card-widget-top-bar .right-actions .checkbox-wrapper .checkbox { top: 3px; } .card-widget-top-bar .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; min-width: 100px; } .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 11px; } } .card-widget-top-bar .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .card-widget-top-bar .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .card-widget-top-bar .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .daterangepicker:before, .daterangepicker:after { display: none !important; } .hirerchy-icon { font-size: 18px; } .hierarchy-modal .modal-dialog { max-width: calc(100% - 40px); } .hierarchy-modal .modal-dialog .modal-body { max-height: calc(100vh - 150px); } .hierarchy-modal .modal-dialog .modal-body table tr td:first-child { white-space: nowrap; max-width: none !important; } .hierarchy-modal .modal-dialog .modal-body table .la-angle-down, .hierarchy-modal .modal-dialog .modal-body table .la-angle-right { color: #777 !important; font-size: 16px; padding-right: 10px; } /*----------------genealogy-scroll----------*/ .genealogy-scroll::-webkit-scrollbar { width: 5px; height: 8px; } .genealogy-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } .genealogy-scroll::-webkit-scrollbar-thumb { background: #212121; border-radius: 10px; transition: 0.5s; } .genealogy-scroll::-webkit-scrollbar-thumb:hover { background: #d5b14c; transition: 0.5s; } .hierarchy-card .modal-dialog .modal-body { max-width: 100%; } /*----------------genealogy-tree----------*/ .genealogy-body { white-space: nowrap; padding: 50px; min-height: 500px; padding-top: 10px; } .genealogy-tree { display: inline-block; } .genealogy-tree ul { padding-top: 20px; position: relative; padding-left: 0px; display: flex; justify-content: center; } .genealogy-tree li { float: left; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .genealogy-tree li::before, .genealogy-tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #ccc; width: 50%; height: 18px; } .genealogy-tree li::after { right: auto; left: 50%; border-left: 2px solid #ccc; } .genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before { display: none; } .genealogy-tree li:only-child { padding-top: 0; } .genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after { border: 0 none; } .genealogy-tree li:last-child::before { border-right: 2px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .genealogy-tree li:first-child::after { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } .genealogy-tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid #ccc; width: 0; height: 20px; } .genealogy-tree li a:hover + ul li::after, .genealogy-tree li a:hover + ul li::before, .genealogy-tree li a:hover + ul::before, .genealogy-tree li a:hover + ul ul::before { border-color: #fbba00; } /*--------------memeber-card-design----------*/ .member-view-box { padding: 0px 20px; border-radius: 4px; position: relative; } .member-image { position: relative; width: 300px; margin: auto; } .member-image img { width: 60px; height: 60px; border-radius: 6px; background-color: #000; z-index: 1; } .image-file-upload .custom-file-label { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .image-file-upload .profile-img-wrap { position: relative; margin-left: 20px; } .image-file-upload .profile-img { height: 40px; width: 40px; min-width: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; position: relative; border: 1px solid #e1e1e1; cursor: pointer; } .image-file-upload .profile-img img { min-width: 100%; } .image-file-upload .profile-img-remove-btn { position: absolute; top: -5px; right: -3px; background: #df0a56; border: 0; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .profile-view { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; border: 1px solid #e1e1e1; } .card-width .user-detail .profile { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; margin-right: 1em; } .document-list .tap-bar, .document-list .tap-bar .right-actions { flex-wrap: wrap; } .document-list .tap-bar .right-actions button { margin-right: 7px; } @media (max-width: 991px) { .document-list .tap-bar .right-actions button { margin: 5px 0; margin-right: 7px; } } .document-list .tap-bar .right-actions button:last-child { margin-right: 0; } @media (max-width: 575px) { .document-list .right-actions { width: 100%; } } .col-lg-1.column.drag-container .document-grid .document-list-menu li, .col-lg-2.column.drag-container .document-grid .document-list-menu li, .col-lg-3.column.drag-container .document-grid .document-list-menu li, .col-lg-4.column.drag-container .document-grid .document-list-menu li, .col-lg-5.column.drag-container .document-grid .document-list-menu li, .col-lg-6.column.drag-container .document-grid .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; } .col-lg-1.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-2.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-3.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-4.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-5.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-6.column.drag-container .document-grid .document-list-menu li:last-child { margin-bottom: 20px; } .payment-widget .form-group label { margin-bottom: 5px; } .payment-widget .form-group { margin: 0 0 10px 0; } .pay-btn { max-width: 150px; margin: auto; display: block; } #paypal-button .zoid-outlet { width: 230px !important; height: 61px !important; } .payment-label { font-size: 18px; font-weight: 600; } .payment-amount { font-size: 14px; font-weight: 600; } .center-image-field { margin: auto; } .table-lookups.table.shadow-table thead td { white-space: nowrap; } .multiselect-native-select .btn-default { font-weight: 600; background: initial; color: #000; background-color: #efefef !important; } .multiselect-native-select .btn-default:after { border-top-color: #000; } .multiselect-native-select .btn-default:focus { box-shadow: none; border-color: #CBCBCB; } .multiselect-native-select .btn-default .multiselect-selected-text { white-space: nowrap; } .table-wrapper .table-responsive.visible { overflow: visible; } .table-wrapper .table-responsive .dropdown-menu.multiselect-container { max-height: 150px !important; } .btn.focus, .btn:focus { box-shadow: none !important; } .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { opacity: 1 !important; } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #39547c !important; border-color: #39547c !important; } .trans-btn-wrapper button.trans-btn:disabled { background-color: transparent !important; opacity: 0.6; } .trans-btn-wrapper .filter-btn-wrapper { position: relative; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .advance-filter-close { background: #ff0000; color: #fff; border-radius: 50%; padding: 2px; font-size: 10px; position: absolute; right: 8px; top: -2px; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .la-filter { color: #333333; } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper { padding-right: 10px; /*color: $black;*/ } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper.filter-active-btn { color: #000; padding-right: 15px !important; } .trans-btn-wrapper.card-widget-filter button { background-color: transparent !important; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .trans-btn-wrapper.card-widget-filter button:disabled { opacity: 0.6; } .img-preview-modal .modal-dialog { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 300px; } .table-processing .dataTables_wrapper .dataTables_processing { box-shadow: none; background: transparent; width: auto; transform: translate(-50%, -50%); margin: 20px; padding: 10px; z-index: 1; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box img { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg path { fill: #39547c !important; } .card-width .data-card-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .card-width .data-card-box-wrap .card-label { font-weight: 600; padding-right: 5px; font-size: 15px; } .card-width .data-card-box-wrap .data-card-title { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .data-card-title .name { display: block; } .card-width .data-card-box-wrap .data-card-description { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .user-desc-text { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } select, select option { font-family: "Open Sans", sans-serif; } .tap-bar.heading-top-bar { flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .tap-bar.heading-top-bar { margin-bottom: 10px; } } .tap-bar.heading-top-bar .heading { margin: 0; } .tap-bar.heading-top-bar .right-actions { margin: 0 !important; } .form-video-wrapper { max-width: 100%; overflow: auto; } .form-video-wrapper iframe.iframe-play, .form-video-wrapper .video-play { display: block; margin: auto; width: 100%; min-height: 300px; } .multisect-menu-wrapper.multiselect-style-2 ul { display: flex; margin: 0; flex-wrap: wrap; /*max-height: 150px;*/ /*overflow: auto;*/ border: 1px solid #CBCBCB; border-radius: 6px; padding: 10px; } .multisect-menu-wrapper.multiselect-style-2 ul li { list-style: none; width: 25%; padding: 3px 10px; } @media (max-width: 1599px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } } @media (max-width: 1199px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 991px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper { margin: 0; display: inline-block; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled { cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox + label { cursor: not-allowed; opacity: 0.7; } .multisect-menu-wrapper.detail-checkbox-style ul { border: 0; padding: 0; margin: 0 -10px; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper { pointer-events: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #909090; border-color: #909090; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:after { display: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; bottom: initial; background: initial; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after, .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 8px; background: #909090; border: 0; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { transform: rotate(-45deg); } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after { transform: rotate(45deg); } .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } @media (max-width: 1900px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 1439px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .record-select-wrapper select { height: 34.5px; min-height: 34.5px; } .input-group.date .datePickerInput:focus, .input-group.date .datePickerInput:hover { outline: 0; border: 0; box-shadow: none; } .tap-bar.heading-top-bar.form-right-buttons .right-actions { margin-left: auto !important; } /*code restructuring css start here*/ td { white-space: normal; word-break: normal; } table a { cursor: pointer; } td.dataTables_empty { text-align: center !important; } div.list-control div.dataTables_processing { width: 0px; } div.dataTables_wrapper div.dataTables_info { width: 50%; float: left; padding-top: 8px; } div.dataTables_wrapper div.dataTables_paginate { width: 50%; float: right; } .user-data .table.shadow-table tr:nth-child(2n) td:first-child { padding-left: 15px; } @media screen and (max-width: 767px) { div .dataTables_wrapper div.dataTables_info { width: 100%; float: none; padding-top: 8px; padding-bottom: 10px; } div.dataTables_wrapper div.dataTables_paginate { width: 100%; float: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; } } .list-1 { margin-top: 0px; } .list-2 { margin-top: 0px; } .list-3 { margin-top: 0px; } .main-wrapper { margin-top: 0 !important; padding: 0 15px; overflow-x: hidden; min-height: 100vh; } header { position: static; } .Knowledge-control .search-input .knowledge-search { border: 1px solid #CBCBCB; } .Knowledge-control .search-input.dp-search-wrapper { border: 0px; } .Knowledge-control .search-input.dp-search-wrapper .search-icon { right: 15px; } .disabled { cursor: not-allowed !important; } .redcolor { color: red !important; } .document-bredcrumb a { cursor: pointer; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; cursor: not-allowed; } .user-data .table.shadow-table td { text-align: center; } .product-line-list { margin-top: 30px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-builder { margin-top: 0px !important; } .widget-font.list-1 .trans-btn-wrapper .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .widget-font.list-1 .dt-buttons .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .resend-otp-wrap { display: flex; align-items: center; } .resend-otp { padding-left: 5px; } .resend-otp span { font-weight: 700; } .grecaptcha-badge { opacity: 0; } [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: plum; vertical-align: middle; margin-right: 1em; color: white; color: white; } .ytp-watermark, .ytp-show-cards-title { display: none !important; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area { min-height: 350px; } /*preview page css start here*/ .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; justify-content: center; } .disable-progress-btn { cursor: not-allowed !important; } .paypal-button { /*cursor: not-allowed;*/ /*pointer-events: none;*/ background-color: #ffffff; } .paypal-button-preview { cursor: not-allowed; pointer-events: none; background-color: #ffffff; } .Preview-Title { margin-top: 64px; padding-right: 15px; padding-left: 15px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*height overlap issue css start here*/ .grid-box.box-element { height: auto !important; margin-bottom: 15px; flex: 0 0 100%; max-width: 100%; } .column.drag-container.ui-droppable.activity-full-height { position: relative; display: flex; flex-wrap: wrap; margin: 0; } @media (min-width: 992px) { .column.drag-container.ui-droppable.activity-full-height .grid-box.box-element:last-child { margin-bottom: 0; } } /*height overlap issue css end here*/ /*chat css start here*/ .msger .msger-chat { overflow-y: auto; padding: 30px 10px 10px; max-height: 400px; scrollbar-width: thin; } .msger .msger-chat::-webkit-scrollbar { width: 6px; } .msger .msger-chat::-webkit-scrollbar-track { background: #ddd; } .msger .msger-chat::-webkit-scrollbar-thumb { background: #bdbdbd; } .msger .msger-chat .chat-loader { text-align: center; } .msger .msger-chat .chat-empty { display: block; text-align: center; font-size: 16px; color: #909090; font-weight: 600; } .msger .msger-chat .msg { display: flex; align-items: flex-end; margin-bottom: 10px; } .msger .msger-chat .msg:last-of-type { margin: 0; } .msger .msger-chat .msg .msg-img { width: 40px; min-width: 40px; height: 40px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; font-style: italic; text-transform: uppercase; } .msger .msger-chat .msg .msg-bubble { max-width: 70%; padding: 15px; border-radius: 15px; word-break: break-word; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble { max-width: 100%; } } .msger .msger-chat .msg .msg-bubble .msg-download { margin: 10px 0 0; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn { padding: 0; margin: 3px 0 0; display: flex; align-items: center; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 208px; } } @media (max-width: 575px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 100px; } } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn i { font-size: 20px; vertical-align: sub; } .msger .msger-chat .msg .msg-bubble .msg-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-right: 10px; font-weight: 700; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time { display: flex; align-items: center; font-size: 11px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-left: 5px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn { border: 0; background: transparent; padding: 0; color: #39547c; outline: 0; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn i { font-size: 20px; } .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-left-radius: 0; background-color: #f3f3f3; } .msger .msger-chat .msg.right-msg { flex-direction: row-reverse; } .msger .msger-chat .msg.right-msg .msg-download-btn { color: #39547c; } .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 0; background-color: #e6e6e6; } .msger .msger-chat .msg.right-msg .msg-img { margin: 0 0 0 10px; } .msger .msg-input-box { display: flex; justify-content: space-between; width: 100%; } .msger .msger-inputarea { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #dddddd; margin: 20px 0 0; border-radius: 20px; } .msger .msger-inputarea .msg-send-wrap { display: flex; width: 100%; position: relative; } .msger .msger-inputarea .msg-send-wrap .msger-input { background: transparent; border-radius: 30px; padding: 13px 20px; padding-right: 40px; height: 100%; } .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-right: 250px; } .msger .msger-inputarea .msg-send-wrap .msg-inputs { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap { height: 100%; position: relative; display: flex; align-items: center; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .custom-file-input { opacity: 0; position: absolute; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .msg-file-name { margin: 0; padding-right: 15px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .msger .msger-inputarea .msg-send-wrap .msg-inputs i { font-size: 20px; } .msger .msger-inputarea .msger-send-btn { border-radius: 50%; width: 35px; display: flex; height: 35px; justify-content: center; align-items: center; margin: 5px 10px; } .msger .msger-inputarea .msger-send-btn i { font-size: 24px; padding: 0; } .msger .msg-attach-wrap { display: block; width: 100%; border-bottom: 1px solid #000; padding: 20px 20px 15px; margin: 0 0 15px; } @media (max-width: 575px) { .msger .msg-attach-wrap { text-align: center; } } .msger .msg-attach-wrap .chat-file-box { display: inline-flex; align-items: center; padding: 13px 20px; border-radius: 3px; height: 100%; position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); margin: 0 20px 10px 0; } .msger .msg-attach-wrap .chat-file-box:last-child { margin-right: 0; } .msger .msg-attach-wrap .chat-file-box i { font-size: 18px; } .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding-left: 5px; } @media (max-width: 575px) { .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 150px; } } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn { position: absolute; top: 3px; right: 3px; background: trasparent; border: 0; color: #000; border-radius: 50%; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn i { font-size: 14px !important; } /*edit panel css start here*/ .edit-panel-wraaper { background: #6f6f6f; position: fixed; left: 0; right: 0; top: 0; padding: 7px 20px; z-index: 2; display: flex; justify-content: flex-end; } .edit-panel-wraaper .panel-edit-btn .btn { padding: 0; color: #fff; font-size: 14px; } .edit-panel-wraaper .panel-edit-btn .btn:hover { text-decoration: none; } .edit-panel-wraaper .panel-edit-btn .btn i { margin: 0 5px; font-size: 16px; opacity: 0.7; } /*edit panel css end here*/ .dp-formb-body.column.drag-container.col-lg-12.ui-droppable { padding: 0; } .list-control .table.table-sorting-icon.shadow-table thead tr th:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n - 2) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .activity-field-header { font-weight: 600; } .crm-auth-page { padding: 30px; } @media (max-width: 991px) { .crm-auth-page { padding: 20px; } } .crm-auth-page .tap-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; } .crm-auth-page .tap-bar .heading { margin-bottom: 0; } .crm-auth-page .tap-bar .right-actions { display: flex; align-items: center; } .crm-auth-page h1 { font-weight: 700; font-size: 24px; margin-bottom: 20px; } @media (max-width: 991px) { .crm-auth-page h1 { font-size: 20px; } } .crm-auth-page .import-export { display: flex; align-items: flex-start; } .crm-auth-page .import-export .input-group { margin: 0 10px; } .crm-auth-page .import-export .input-group .custom-file { width: 100%; } .crm-auth-page .import-export .input-group .custom-file .custom-file-label { height: 36px; line-height: 23px; } .crm-auth-page .import-export .input-group .custom-file .custom-file-label:after { line-height: 23px; } .crm-auth-page .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; margin-left: 0; top: 6px; } .crm-auth-page .checkbox-wrapper .checkbox { height: 16px; width: 16px; top: 6px; background-color: #fff; } .crm-auth-page .checkbox-wrapper .checkbox::before { height: 4px; width: 9px; } .crm-auth-page .user-img-remove-btn { position: absolute; top: -4px; right: -2px; background: #df0a56; border: 0; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ body.rtl { direction: rtl; text-align: right; /*data card css start */ /*multiselect css start */ /*note access design start here*/ } body.rtl .login-register .form-input input { padding-right: 50px; padding-left: initial; } body.rtl .login-register .form-input .login-icon { right: 20px; left: initial; } body.rtl header .navbar .right-nav .nav-item.profile-nav { padding-right: 20px; padding-left: 0; } body.rtl header .navbar .right-nav .profile { margin-left: 10px; margin-right: 0; } body.rtl header .navbar .nav-item .dropdown-toggle::after { margin-right: 5px; margin-left: 0; } body.rtl header .navbar .nav-link-wrapper { padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-toggle { padding: 8px; padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle) { text-align: right; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-toggle { padding: 8px; padding-left: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-menu { right: 100% !important; } body.rtl .search .search-wrapper .form-group .search-box .form-control { padding-left: 42px; padding-right: 12px; } body.rtl .search .search-wrapper .form-group .search-box .search-btn { left: 0; right: initial; } body.rtl .search .select-search-wrapper .select-wrapper { margin-left: 15px; margin-right: 0; } body.rtl .multiselect-native-select .multiselect-selected-text { margin-left: 5px; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-title:after { right: 0; left: initial; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-right: 70px; padding-left: initial; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-title { padding-right: 0; padding-left: 60px; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-left: 60px; padding-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p { text-align: left; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p:first-child { text-align: right; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper .all-link { margin-left: 30px; margin-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li { padding-right: 30px; padding-left: initial; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li:before { left: initial; right: 10px; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li::after { right: 4px; left: initial; } body.rtl .activity-full-height .all-link { left: 15px; right: initial; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table thead tr th:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } body.rtl .list-1 .table.shadow-table thead tr th:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-3 .table.shadow-table tr td:last-child { text-align: left; } body.rtl div.dataTables_wrapper div.dataTables_info { float: right; } body.rtl .dp-search-wrapper .form-control { padding-left: 35px; padding-right: 12px; } body.rtl .dp-search-wrapper .search-icon { left: 9px; right: initial; } body.rtl .top-select { margin-right: 20px; margin-left: 5px; } body.rtl .top-select select { padding-left: 30px; padding-right: 8px; } body.rtl .select-wrapper::before { left: 13px; right: initial; } body.rtl .widget-font.list-1 .dt-buttons .trans-btn { padding-right: 8px; padding-left: 18px; } body.rtl .input-group.search .form-control, body.rtl .input-group.date .form-control { padding-left: 50px; padding-right: 12px; } body.rtl .input-group.search .input-group-addon, body.rtl .input-group.date .input-group-addon { left: 35px; right: initial; } body.rtl .input-group.search .input-group-addon.search-addon, body.rtl .input-group.date .input-group-addon.search-addon { left: 12px; right: initial; } body.rtl .bottom-bar-btns .btn { margin-right: 30px; margin-left: 0; } body.rtl .accordian-panel-wrap .left-head a { margin-left: 10px; margin-right: 0; } body.rtl .Knowledge-control .search-input.dp-search-wrapper .search-icon { left: 15px; } body.rtl .knowledge-base .accordion .card .card-header .accordian-time { padding-left: 50px; padding-right: 10px; } body.rtl .knowledge-base .accordion .card .card-header .icon-plus-minus { left: 10px; right: initial !important; } body.rtl .case-deflection .solution-wrapper .find-box .find-text { padding-left: 15px; } body.rtl .search-box .search-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } body.rtl .search-box .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } body.rtl .right-actions { text-align: left; } body.rtl .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: left; } body.rtl .modal .modal-header .close { margin-right: auto; margin-left: -1rem; } body.rtl .modal .modal-header .warning-icon { margin-left: 10px; margin-right: initial; } body.rtl .modal .modal-footer .btn { margin-right: 4px; margin-left: initial; } body.rtl .header__btn { margin-left: 10px; } body.rtl .header__btn:last-child { margin-left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:before { left: auto; right: 50%; transform: translateX(50%); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:after { right: auto; left: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; transform: translateX(-50%) scale(1.2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-96% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-99% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-active:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-done:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__panel { right: 0; left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 80px / 2); } @media screen and (max-width: 992px) { body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 40px / 2); } } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-70% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-80% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:after { right: calc(-30% + 10px / 2); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__panel { left: auto; right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn span { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before, body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); } body.rtl .form-builder .form-box-3 .form-group .label.multistepform_label, body.rtl .form-builder .form-box-2 .form-group .label.multistepform_label { right: 0; left: auto; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: left; } body.rtl .multiselect-container .dropdown-item .form-check { padding-left: 0; padding-right: 20px; text-align: right; } body.rtl .multiselect-container .dropdown-item .form-check .form-check-input { margin-right: -20px; margin-left: initial; } body.rtl .image-file-upload .profile-img-wrap { margin-left: 0; margin-right: 20px; } body.rtl .image-file-upload .profile-img-remove-btn { left: -3px; right: initial; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 0; margin-left: 10px; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-left: 0; } body.rtl .card-widget-top-bar .right-actions .checkbox-wrapper { margin-left: auto; margin-right: initial !important; } body.rtl .card-width .card-body .checkbox-wrapper { float: left !important; } body.rtl .card-width .data-card-box-wrap .card-label { padding-right: initial; padding-left: 5px; } body.rtl .card-width .hirerchy-icon { padding-left: 7px; padding-right: initial !important; } body.rtl .card-width .chip { margin: 5px 0px 5px 10px; } body.rtl .card-width .card-link + .card-link { margin-right: 10px; margin-left: 0; } body.rtl .card-width .user-detail .profile { margin-right: 0; margin-left: 1em; } body.rtl .card-width .drag-container .widget-font .top-select { margin-left: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .checkbox-wrapper { right: initial; top: 5px; left: 10px; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { border-left: 1px solid #eee; border-right: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-left: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input[type='checkbox'] { left: initial; right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper .checkbox { right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper label { padding-left: 0; padding-right: 26px; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-left: 10px; margin-right: 0; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-right: 5px; padding-left: 0; } body.rtl .msger .msger-chat .msg .msg-img { margin-right: 0; margin-left: 10px; } body.rtl .msger .msger-chat .msg.right-msg .msg-img { margin: 0 10px 0 0; } body.rtl .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 10px; border-bottom-left-radius: 0; } body.rtl .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input { padding-right: 10px; padding-left: 40px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-left: 250px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msg-inputs { left: 10px; right: initial; } body.rtl .msger .msger-inputarea .msger-send-btn { margin-right: 10px; margin-left: 0; } body.rtl .msger .msger-inputarea .msger-send-btn i { transform: rotate(180deg); } body.rtl .msger .chat-file-box .msg-file-name { padding-right: 5px; padding-left: 0; } body.rtl .msger .chat-file-box .user-img-remove-btn { left: 3px; right: initial; } body { color: #000000; font-size: 14px; } * { font-family: "Open Sans"; } font[face="Courier New"] { font-family: Courier New; } font[face="Arial"] { font-family: Arial; } font[face="Arial Black"] { font-family: Arial Black; } font[face="Comic Sans MS"] { font-family: Comic Sans MS; } font[face="Geneva"] { font-family: Geneva; } font[face="Georgia"] { font-family: Georgia; } font[face="Helvetica"] { font-family: Helvetica; } font[face="Impact"] { font-family: Impact; } font[face="Lucida Console"] { font-family: Lucida Console; } font[face="Tahoma"] { font-family: Tahoma; } font[face="Times New Roman"] { font-family: Times New Roman; } font[face="Verdana"] { font-family: Verdana; } img { max-width: 100%; } .btn { font-weight: 600; font-size: 15px; padding: 5px 10px; } .btn.btn-primary { background-color: #39547c; border-color: #39547c; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #293c59; border-color: #293c59; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-primary { font-size: 12px; } } .btn.btn-primary .la-key.cred { margin-right: 4px; } .btn.btn-link { color: #39547c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:not(:disabled):not(.disabled):active { color: #293c59; } .btn.btn-secondary { background-color: transparent; border-color: #000000; color: #000000; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #000000; opacity: 0.6; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-secondary { font-size: 12px; } } input, select { width: 100%; border: 0; height: 40px; padding: 5px 15px; } input.login-input, select.login-input { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); border-radius: 5px; } input:focus, input:active, select:focus, select:active { outline: none; } input [type="hidden"] { height: 0; padding: 0; margin: 0; } .input-label { font-weight: 600; } a, a * { transition: all 0.4s ease; color: #39547c !important; } a:hover, a *:hover { color: #39547c !important; opacity: 0.7; text-decoration: none; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .container { max-width: 1400px; } .validation-msg { font-size: 12px; margin-top: 7px; display: block; } .dp-purple, .dp-purple:hover { color: #633FE4 !important; } .dp-red, .dp-red:hover { color: #df0a56 !important; } .dp-green, .dp-green:hover { color: #26a26b !important; } .dp-blue, .dp-blue:hover { color: #39547c !important; } .dp-lightblue, .dp-lightblue:hover { color: #39547c !important; } .dp-primary, .dp-primary:hover { color: #39547c !important; } .dp-yellow, .dp-yellow:hover { color: #e2b84a !important; } .card { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; } button { cursor: pointer; } .form-group { margin: 10px 0; } .form-group label { font-size: 14px; font-weight: 600; margin-top: 6px; margin-bottom: 10px; } @media (max-width: 575px) { .form-group label { font-size: 12px; } } @media (max-width: 991px) { .form-group { margin: 10px 0; } .form-group label { margin-bottom: 8px; margin-top: 0; } } .select-wrapper { position: relative; width: 100%; } .select-wrapper:before { content: ''; position: absolute; right: 13px; height: 8px; width: 8px; border: 2px solid #b2b2b2; top: 50%; transform: translateY(-50%) rotate(45deg); border-left: 0; border-top: 0; } .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CBCBCB; box-shadow: none; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; line-height: 26px; } .form-control { min-height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; font-size: 14px; color: #000000 !important; } .form-control:focus { box-shadow: none !important; border-color: #CBCBCB !important; } select.form-control:not([size]):not([multiple]) { height: auto; } .bottom-bar-btns { display: flex; justify-content: flex-end; margin-top: 40px; flex-wrap: wrap; } .bottom-bar-btns .btn { margin-left: 30px; min-width: 200px; white-space: normal; margin-bottom: 10px; } .bottom-bar-btns .btn:first-child { margin-left: 0; } @media (max-width: 767px) { .bottom-bar-btns { margin-top: 25px; } .bottom-bar-btns .btn { min-width: auto; padding: 6px 20px; margin-bottom: 10px; } } .modal-header { border-bottom: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-header { padding: 20px; } } .modal-header .modal-title { font-size: 18px; font-weight: 700; } @media (max-width: 575px) { .modal-header .modal-title { font-size: 16px; } } .modal-header .close { outline: none; } .modal-header .close span { font-size: 18px; } .modal-footer { border-top: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-footer { padding: 20px; } } .modal-footer .btn { min-width: 200px; } .modal-footer.center-btns { justify-content: center; } .modal-body { padding: 10px 30px; padding-bottom: 0; max-height: calc(100vh - 200px); overflow: auto; } @media (max-width: 767px) { .modal-body { padding: 0 20px; } } .modal-body .form-group { margin: 0; } @media (max-width: 767px) { .modal-body .form-group { flex-wrap: wrap; } .modal-body .form-group label { width: 100%; } } @media (max-width: 767px) { .modal-body .dp-form-row { margin-bottom: 0; } } .modal-body .modal-heading { font-size: 18px; font-weight: 700; margin-top: 30px; margin-bottom: 18px; } @media (max-width: 575px) { .modal-body .modal-heading { font-size: 16px; } } .modal-dialog { max-width: 70%; margin: auto; height: 100%; } @media (max-width: 767px) { .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 767px) { .modal-dialog .modal-content .modal-body .dp-search-wrapper { margin: 10px 0 0; } } .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: nowrap; } @media (max-width: 767px) { .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } } @media (max-width: 991px) { .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .modal-dialog .modal-body.menu-replace-modal { max-height: initial; overflow: initial; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap { display: flex; align-items: baseline; flex-wrap: wrap; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap label { margin: 5px 0; margin-right: 40px; font-weight: 600; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap .select-wrapper select { padding-right: 30px; text-overflow: ellipsis; width: 255px; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper { margin: initial; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper .checkbox { top: 0; } .modal-dialog .modal-body.menu-replace-modal .table-responsive { max-height: calc(100vh - 400px); overflow: auto; } .dp-form-row { margin-bottom: 15px; } textarea.form-control { resize: none; padding: 10px 12px !important; min-height: 80px; } .column { margin-bottom: 10px; margin-top: 10px; } .drag-wrapper .column { margin-top: 0; } .table { white-space: nowrap; margin-bottom: 0; font-size: 13px; } .table thead th { padding: 10px 15px; border-bottom: 1px solid #dee2e6; font-size: 13px; background-color: #e6e6e6; text-align: center; } @media (max-width: 575px) { .table thead th { font-size: 12px; } } .table thead th:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table thead th:last-child { border-right: 1px solid #dee2e6; } .table tbody tr:last-child td { border-bottom: 1px solid #dee2e6; } .table tbody td { padding: 10px 15px; text-align: center; font-size: 13px; border-bottom: 1px solid #dee2e6; } @media (max-width: 575px) { .table tbody td { font-size: 12px; } } .table tbody td:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table tbody td:last-child { border-right: 1px solid #dee2e6; } .checkbox-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; } .checkbox-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #39547c; border-color: #39547c; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { opacity: 1; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox + label { font-weight: 600; } .checkbox-wrapper input[type='checkbox']:disabled { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox + label { cursor: not-allowed; } .checkbox-wrapper .checkbox { position: absolute; left: 0; top: 0; height: 20px; width: 20px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 5px; } .checkbox-wrapper .checkbox::before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; } .checkbox-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .checkbox-wrapper label { font-size: 12px; } } .heading { font-size: 28px; font-weight: 700; } @media (max-width: 575px) { .heading { font-size: 20px; } } .sub-heading { font-size: 18px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 575px) { .sub-heading { font-size: 16px; } } .drag-container .heading { font-size: 24px; } .drag-container .widget-font .dt-buttons .trans-btn { padding-right: 8px !important; } .drag-container .widget-font .trans-btn-wrapper { padding-right: 10px; } .drag-container .widget-font .top-select { margin-left: 10px; } @media (max-width: 767px) { .drag-container .widget-font .top-select { margin-top: 10px; margin-left: 0; } } .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 33.33%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 25%; } } .drag-container.col-lg-9 .col-lg-5, .drag-container.col-lg-9 .col-lg-6, .drag-container.col-lg-9 .col-lg-7, .drag-container.col-lg-9 .col-lg-8, .drag-container.col-lg-10 .col-lg-5, .drag-container.col-lg-10 .col-lg-6, .drag-container.col-lg-10 .col-lg-7, .drag-container.col-lg-10 .col-lg-8, .drag-container.col-lg-11 .col-lg-5, .drag-container.col-lg-11 .col-lg-6, .drag-container.col-lg-11 .col-lg-7, .drag-container.col-lg-11 .col-lg-8, .drag-container.col-lg-12 .col-lg-5, .drag-container.col-lg-12 .col-lg-6, .drag-container.col-lg-12 .col-lg-7, .drag-container.col-lg-12 .col-lg-8 { /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { .card-width { width: 100%; } }*/ } .drag-container.col-lg-9 .col-lg-5 .card-width, .drag-container.col-lg-9 .col-lg-6 .card-width, .drag-container.col-lg-9 .col-lg-7 .card-width, .drag-container.col-lg-9 .col-lg-8 .card-width, .drag-container.col-lg-10 .col-lg-5 .card-width, .drag-container.col-lg-10 .col-lg-6 .card-width, .drag-container.col-lg-10 .col-lg-7 .card-width, .drag-container.col-lg-10 .col-lg-8 .card-width, .drag-container.col-lg-11 .col-lg-5 .card-width, .drag-container.col-lg-11 .col-lg-6 .card-width, .drag-container.col-lg-11 .col-lg-7 .card-width, .drag-container.col-lg-11 .col-lg-8 .card-width, .drag-container.col-lg-12 .col-lg-5 .card-width, .drag-container.col-lg-12 .col-lg-6 .card-width, .drag-container.col-lg-12 .col-lg-7 .card-width, .drag-container.col-lg-12 .col-lg-8 .card-width { width: 50%; } .drag-container.col-lg-9 .col-lg-1 .card-width, .drag-container.col-lg-9 .col-lg-2 .card-width, .drag-container.col-lg-9 .col-lg-3 .card-width, .drag-container.col-lg-9 .col-lg-4 .card-width, .drag-container.col-lg-10 .col-lg-1 .card-width, .drag-container.col-lg-10 .col-lg-2 .card-width, .drag-container.col-lg-10 .col-lg-3 .card-width, .drag-container.col-lg-10 .col-lg-4 .card-width, .drag-container.col-lg-11 .col-lg-1 .card-width, .drag-container.col-lg-11 .col-lg-2 .card-width, .drag-container.col-lg-11 .col-lg-3 .card-width, .drag-container.col-lg-11 .col-lg-4 .card-width, .drag-container.col-lg-12 .col-lg-1 .card-width, .drag-container.col-lg-12 .col-lg-2 .card-width, .drag-container.col-lg-12 .col-lg-3 .card-width, .drag-container.col-lg-12 .col-lg-4 .card-width { width: 100%; } .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 50%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 33.33%; } } .drag-container.col-lg-1 .col-lg-1 .card-width, .drag-container.col-lg-1 .col-lg-2 .card-width, .drag-container.col-lg-1 .col-lg-3 .card-width, .drag-container.col-lg-1 .col-lg-4 .card-width, .drag-container.col-lg-1 .col-lg-5 .card-width, .drag-container.col-lg-1 .col-lg-6 .card-width, .drag-container.col-lg-1 .col-lg-7 .card-width, .drag-container.col-lg-1 .col-lg-8 .card-width, .drag-container.col-lg-2 .col-lg-1 .card-width, .drag-container.col-lg-2 .col-lg-2 .card-width, .drag-container.col-lg-2 .col-lg-3 .card-width, .drag-container.col-lg-2 .col-lg-4 .card-width, .drag-container.col-lg-2 .col-lg-5 .card-width, .drag-container.col-lg-2 .col-lg-6 .card-width, .drag-container.col-lg-2 .col-lg-7 .card-width, .drag-container.col-lg-2 .col-lg-8 .card-width, .drag-container.col-lg-3 .col-lg-1 .card-width, .drag-container.col-lg-3 .col-lg-2 .card-width, .drag-container.col-lg-3 .col-lg-3 .card-width, .drag-container.col-lg-3 .col-lg-4 .card-width, .drag-container.col-lg-3 .col-lg-5 .card-width, .drag-container.col-lg-3 .col-lg-6 .card-width, .drag-container.col-lg-3 .col-lg-7 .card-width, .drag-container.col-lg-3 .col-lg-8 .card-width, .drag-container.col-lg-4 .col-lg-1 .card-width, .drag-container.col-lg-4 .col-lg-2 .card-width, .drag-container.col-lg-4 .col-lg-3 .card-width, .drag-container.col-lg-4 .col-lg-4 .card-width, .drag-container.col-lg-4 .col-lg-5 .card-width, .drag-container.col-lg-4 .col-lg-6 .card-width, .drag-container.col-lg-4 .col-lg-7 .card-width, .drag-container.col-lg-4 .col-lg-8 .card-width, .drag-container.col-lg-5 .col-lg-1 .card-width, .drag-container.col-lg-5 .col-lg-2 .card-width, .drag-container.col-lg-5 .col-lg-3 .card-width, .drag-container.col-lg-5 .col-lg-4 .card-width, .drag-container.col-lg-5 .col-lg-5 .card-width, .drag-container.col-lg-5 .col-lg-6 .card-width, .drag-container.col-lg-5 .col-lg-7 .card-width, .drag-container.col-lg-5 .col-lg-8 .card-width, .drag-container.col-lg-6 .col-lg-1 .card-width, .drag-container.col-lg-6 .col-lg-2 .card-width, .drag-container.col-lg-6 .col-lg-3 .card-width, .drag-container.col-lg-6 .col-lg-4 .card-width, .drag-container.col-lg-6 .col-lg-5 .card-width, .drag-container.col-lg-6 .col-lg-6 .card-width, .drag-container.col-lg-6 .col-lg-7 .card-width, .drag-container.col-lg-6 .col-lg-8 .card-width, .drag-container.col-lg-7 .col-lg-1 .card-width, .drag-container.col-lg-7 .col-lg-2 .card-width, .drag-container.col-lg-7 .col-lg-3 .card-width, .drag-container.col-lg-7 .col-lg-4 .card-width, .drag-container.col-lg-7 .col-lg-5 .card-width, .drag-container.col-lg-7 .col-lg-6 .card-width, .drag-container.col-lg-7 .col-lg-7 .card-width, .drag-container.col-lg-7 .col-lg-8 .card-width, .drag-container.col-lg-8 .col-lg-1 .card-width, .drag-container.col-lg-8 .col-lg-2 .card-width, .drag-container.col-lg-8 .col-lg-3 .card-width, .drag-container.col-lg-8 .col-lg-4 .card-width, .drag-container.col-lg-8 .col-lg-5 .card-width, .drag-container.col-lg-8 .col-lg-6 .card-width, .drag-container.col-lg-8 .col-lg-7 .card-width, .drag-container.col-lg-8 .col-lg-8 .card-width { width: 100%; } .heading-bar { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper { margin-top: 64px; } .main-wrapper.header-top-position { padding-top: 40px; } .custom-file-label { border-color: #CBCBCB; margin: 0 !important; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 88px; line-height: 26px; cursor: pointer; } .custom-file-label::after { height: 100%; line-height: 26px; cursor: pointer; } form .checkbox-wrapper { margin-top: 5px; } form .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 16px; width: 16px; z-index: 100; position: absolute; top: 5px; left: 0; } form .checkbox-wrapper input[type='checkbox']:checked + label { font-weight: 600; } form .checkbox-wrapper .checkbox { top: 5px; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable { min-height: 350px; } .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .no-label { margin-top: 35px; } @media (max-width: 767px) { .no-label { margin-top: 0; } } .noneditable-form label { margin-bottom: 0; } .form-data { margin-bottom: 0; font-size: 13px; } .loader-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.9); } .loader-wrapper.initial-load { background-color: #fff; /*background-color: fade-out($white, 0.1);*/ } .loader-wrapper .loader-box { height: 120px; width: 120px; /*background: #fff;*/ border-radius: 20px; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); padding: 20px; /*box-shadow: 0 2px 11px 0px rgba(255, 255, 255, 0.5);*/ } .loader-wrapper .loader-box p { font-size: 40px; } .loader-wrapper .loader-box svg { max-width: 80px; height: 80px; } .loader-wrapper .loader-box svg path { fill: #39547c !important; } .user-img-preview { height: 40px; width: 40px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; } .breadcrumb { background-color: transparent; padding: 0; } .breadcrumb .breadcrumb-item a { cursor: pointer; } .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 4px; } .dp-search-wrapper { border: 1px solid #CBCBCB; position: relative; border-radius: 6px; } .dp-search-wrapper .form-control { border: 0; padding-right: 35px; } .dp-search-wrapper .search-icon { position: absolute; right: 9px; top: 50%; transform: translateY(-50%) rotateY(180deg); font-size: 20px; cursor: pointer; } .delete-modal { max-width: 600px; } .delete-modal .modal-footer .btn { min-width: 150px; } .page-link, .page-link:hover { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; margin: 0 5px; background-color: #fff; border: 1px solid #39547c; border-radius: 6px; color: #39547c !important; } .page-item:last-child .page-link, .page-item:first-child .page-link { border-radius: 6px; } .page-item.active .page-link { background-color: #39547c; border-color: #39547c; color: #fff !important; } .table-column-one { width: 40%; } .table-column-qty { width: 15%; } .register-modal p { margin-bottom: 5px; } .table-width-10 { width: 10%; } .table-width-5 { width: 5%; } .table-width-20 { width: 20%; } .table-width-15 { width: 15%; } .table-width-35 { width: 35%; } .table-width-45 { width: 45%; } .table-width-50 { width: 50%; } .table-width-40 { width: 40%; } .permission-box { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; border-radius: 10px; padding: 20px; position: relative; height: 100%; display: flex; margin: 0; justify-content: center; width: 100%; align-items: center; } .permission-box p { margin: 0; } table.table-full-width { width: 100% !important; } table.table-sorting-icon thead .sorting:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_asc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_asc:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_desc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_desc:after { right: initial; left: 4px; } .activity-full-height { position: relative; } .activity-full-height .grid-box.box-element { height: 100%; } .activity-full-height .grid-box.box-element .view { height: 100%; } .activity-full-height .grid-box.box-element .view .row { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font .rc-box-wrapper { height: 100%; } .activity-full-height .Counter-control { height: 100%; } .activity-full-height .rc-activity-wrapper ul { padding-bottom: 30px !important; } .activity-full-height .all-link { position: absolute; right: 15px; bottom: 0; } .activity-full-height .Chart-control { height: 100%; } .activity-full-height .Chart-control .card { height: 100%; } .activity-full-height .rc-box-wrapper { height: 100%; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; } .btn-margin-right { margin-right: 7px; } table.table.entity-table td:first-child { vertical-align: middle; } table.table.entity-table td span.checkbox-wrapper { width: 16px; height: 16px; margin: auto; margin-top: 5px; } .multiselect-container > li > a > label > input[type=checkbox] { width: 16px; height: 16px; margin-right: 5px; } .form-builder .recent-activity-set .dropdown-menu.show { transform: translate3d(-15px, -255px, 0px) !important; } .form-builder .recent-activity-set .dropdown-menu.show input.form-control.multiselect-search { height: 38px; min-height: 38px; } .form-builder .textbox .richText .richText-toolbar ul { max-height: 400px; overflow: auto; } .form-builder .textbox .richText .richText-toolbar ul li a, .form-builder .textbox .richText .richText-toolbar ul li a * { color: #333; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown { max-width: 80%; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { top: -8px; right: 0; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer:hover, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer:hover { opacity: 1; } .form-builder .textbox .richText .richText-toolbar ul li a:hover, .form-builder .textbox .richText .richText-toolbar ul li a *:hover { opacity: 1; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-thumb { min-height: 2px; max-height: 2px; height: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .form-builder .form-main-wrapper + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } select:disabled, input:disabled, textarea:disabled, button:disabled { cursor: not-allowed; background-color: #e9ecef !important; } .btn-primary.disabled, .btn-primary:disabled { background-color: #39547c !important; } button[disabled] { cursor: not-allowed; } .portal-user-heading-action { text-align: right; } .portal-user-heading-action .checkbox-wrapper { margin-right: initial; margin-left: 40px; } .radio-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; margin-top: 5px; } .radio-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .radio-wrapper input[type='radio'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .radio-wrapper input[type='radio']:checked + .checkbox { background-color: #fff; border-color: #39547c; } .radio-wrapper input[type='radio']:checked + .checkbox:before { opacity: 1; } .radio-wrapper input[type='radio']:checked + .checkbox + label { font-weight: 600; } .radio-wrapper input[type='radio']:disabled { cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox + label { cursor: not-allowed; } .radio-wrapper .checkbox { position: absolute; left: 0; top: 5px; height: 16px; width: 16px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 50%; } .radio-wrapper .checkbox::before { height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; background: #39547c; opacity: 0; border-left: 0; border-bottom: 0; display: inline-block; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); content: ''; border-radius: 50%; } .radio-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .radio-wrapper label { font-size: 12px; } } .load-icon { color: #39547c; font-size: 26px; } .lookup-body .user-data { padding: 10px 0; } .lookup-body .user-data .lookup-search-wrap { padding: 0 0 10px; } .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: right; margin: 0; } .user-card-space { margin-bottom: 20px; } .card.user-card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card.user-card { height: auto; } } .card.user-card .card-body { display: flex; flex-direction: column; justify-content: space-between; } .card.user-card .card-body .user-detail .user-img { overflow: hidden; } .card.user-card .card-body .user-detail .user-img img { height: 100%; object-fit: cover; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text { width: 33.33%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text .profile-view { border: 1px solid #e1e1e1; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: right; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:first-child { text-align: left; } .create-note-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .create-note-modal .modal-dialog { max-width: calc(100% - 20px); } } .create-note-modal .modal-dialog .modal-content .modal-body .form-group { margin-bottom: 25px; } .create-note-modal .modal-dialog .modal-content .modal-body .label { font-size: 14px; font-weight: 600; margin-bottom: 5px; display: block; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-1 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 .label { margin: 0; position: absolute; z-index: 2; background: #fff; top: -10px; left: 24px; padding: 0 10px; } .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } @media (max-width: 991px) { .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .form-type-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px; margin-right: 0px; } @media (max-width: 991px) { .form-type-wrapper { justify-content: flex-start; } } .form-type-wrapper .check-form-wrapper:last-child .checkbox-wrapper { margin-right: 0; } .form-type-wrapper .check-form-wrapper .checkbox-wrapper { margin-top: 0; } .document-list-wrapper { background-color: #fff; } .document-list-wrapper .document-list-menu { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; } .document-list-wrapper .document-list-menu li { max-width: 25%; flex: 0 0 25%; margin-bottom: 50px; padding: 0 15px; } @media (max-width: 1199px) { .document-list-wrapper .document-list-menu li { max-width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 991px) { .document-list-wrapper .document-list-menu li { max-width: 50%; flex: 0 0 50%; } } @media (max-width: 575px) { .document-list-wrapper .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; } } .document-list-wrapper .document-list-menu li .document-list-box { border: 1px solid #CBCBCB; padding: 15px 10px; border-radius: 5px; display: flex; align-items: center; position: relative; } .document-list-wrapper .document-list-menu li .document-list-box a { color: #000000; display: flex; align-items: center; width: 100%; cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box a .document-label { cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper { position: absolute; top: 0; right: 0; display: none; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper .checkbox-wrapper { margin: 0; } .document-list-wrapper .document-list-menu li .document-list-box:hover .document-check-wrapper { display: block; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download { margin-left: auto; display: flex; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download .doc-list-icon { font-size: 22px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .doc-icon { font-size: 40px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .document-label { font-size: 14px; font-weight: 600; margin-left: 10px; color: #000000; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: default; } .doc-list { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .doc-list { flex-direction: column; } } .doc-list .right-actions { display: flex; align-items: center; } @media (max-width: 575px) { .doc-list .right-actions { flex-wrap: wrap; justify-content: center; } } .doc-list .right-actions .btn { margin-right: 30px; margin-bottom: 5px; } .doc-list .right-actions .btn .doc-list-icon { font-size: 20px; } .chart-type-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } .chart-type-list li { position: relative; padding-left: 30px; margin: 10px; } .chart-type-list li span.chart-active { height: 13px; width: 13px; background-color: #39547c; border-radius: 50%; position: absolute; left: 10px; top: 5px; } @media (max-width: 767px) { .chart-type-list li { width: 50%; margin: 10px 0; padding-left: 20px; } .chart-type-list li span.chart-active { height: 10px; width: 10px; left: 0px; } } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item { color: #000000; font-size: 15px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item a i { color: #000000; font-size: 22px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active a i { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 7px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item .active + .breadcrumb-item::before { color: #6c757d; } .document-list .document-list-table tbody td a i { color: rgba(0, 0, 0, 0.44); margin-left: 5px; font-size: 23px; vertical-align: bottom; } .document-list .document-list-table tbody td a label { color: #000000; margin: 0; } .document-list .document-list-table tbody td i { color: #CBCBCB; margin-right: 5px; font-size: 23px; } .document-list .document-list-table tbody td label { margin: 0; } .document-list .document-list-table tbody .documentname { white-space: nowrap; } .document-list .document-list-table tbody .documentname i { vertical-align: top; } .document-list .document-list-table tbody .documentname label { white-space: normal; display: inline-block; } .document-list .document-list-table tbody .documentname a label { cursor: pointer; } .custom-file-input { cursor: pointer; } .note-list .table-responsive { max-height: 250px; overflow: auto; margin-bottom: 40px; padding-right: 10px; } .note-list .table-responsive .table.shadow-table .note-text { word-break: break-all; white-space: normal; } .modal-dialog.change-pwd-dialog { max-width: 40%; } @media (max-width: 767px) { .modal-dialog.change-pwd-dialog { max-width: calc(100% - 20px); } } .modal-dialog.change-pwd-dialog .form-box-3 .form-group { margin-bottom: 25px; } .modal-dialog.change-pwd-dialog.form-builder .label { font-size: 14px; font-weight: 600; } @media (max-width: 1439px) { div#uploadFileModal .modal-dialog .modal-content .modal-footer.center-btns .btn, div#createFolderModal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans" !important; } p { color: #000000 !important; } .toast-success { background-color: #26a26b !important; } .toast-error { background-color: #df0a56 !important; } .toast-warning { background-color: #e2b84a !important; } .text-danger span { color: #df0a56 !important; } .sidebar-wrapper { background-color: #ffffff; } .dropdown-menu { background-color: #ffffff !important; } .modal-content { background-color: #ffffff; } .input-group.search.input-search-wrapper span[disabled] { cursor: not-allowed; z-index: 3; } .widget-config.chart-set .dropdown-menu .active a label.checkbox { color: #fff !important; } .multiselect-container { min-width: 200px; max-height: 255px !important; overflow: auto; padding: 0 !important; box-shadow: none !important; border-radius: 5px !important; } .multiselect-container .filter-wrap { position: sticky; background-color: #fff; z-index: 5; padding: 5px; top: 0; } .multiselect-container .filter-wrap .multiselect-filter { padding: 0 10px; border: 1px solid #CBCBCB; margin: 0; border-radius: 5px; } .multiselect-container .filter-wrap .multiselect-filter input::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; background-color: #39547c; display: none; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter { background: transparent; border: 0; padding: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter:focus { outline: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-search { border: 0; padding: 0 10px; min-height: 35px !important; height: 35px !important; margin: 0; } .multiselect-container .filter-wrap .multiselect-filter i { font-size: 16px; border: 0; color: #000 !important; } .multiselect-container .dropdown-item { padding: 3px 20px 3px 10px !important; margin: 0 !important; font-size: 14px !important; text-align: left !important; border: 0 !important; white-space: normal; } .multiselect-container .dropdown-item.active { background-color: #39547c !important; } .multiselect-container .dropdown-item:focus { outline: 0; } .multiselect-container .dropdown-item input[type="checkbox"], .multiselect-container .dropdown-item input[type="radio"] { width: 16px; height: 16px; margin-right: 5px; margin-bottom: 3px; margin-top: 3px; } .multiselect-container .dropdown-item .form-check-label { margin: 0; font-weight: normal; } .multiselect-container li .input-group { padding: 0 5px; } .multiselect-container li .input-group .form-control { height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn { margin-left: -2px !important; height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn:focus { box-shadow: none; } .multiselect-container li.active a label.checkbox { color: #fff !important; } .multiselect-container li.active a label.radio { color: #fff !important; } .multiselect-container li a { font-size: 14px; } a.anchor-link { cursor: pointer; } a.anchor-link[disabled] { cursor: not-allowed; } .document-popup-modal .modal-dialog { max-width: 30%; } @media (max-width: 991px) { .document-popup-modal .modal-dialog { max-width: 50%; } } @media (max-width: 767px) { .document-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 1439px) { .document-popup-modal .modal-dialog .modal-footer.center-btns .btn { min-width: 100px; } } .lookup-popup-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .lookup-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } .no-data-chart { position: relative; } .no-data-chart .chart-box-image { display: block; margin: auto; opacity: 0.5; } .no-data-chart .chart-font { position: absolute; left: 50%; z-index: 1; font-size: 20px; font-weight: 700; text-transform: capitalize; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-widget-wrap { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #ffffff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .image-widget-wrap .Image-Widget { display: block; margin: 0 auto; } .input-group.date .input-group-addon { top: 12px; bottom: initial; } .input-group.date .bootstrap-datetimepicker-widget { width: auto; } .input-group.date .bootstrap-datetimepicker-widget .timepicker-picker { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.picker-switch { min-height: 30px; line-height: 30px; height: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.today::before { border-bottom-color: #39547c; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.dow { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day.active { background-color: #39547c; } .otp-modal .otp-title-wrap { padding-bottom: 15px; display: flex; justify-content: space-between; } .otp-modal .otp-title-wrap label { margin: 0; } .otp-modal .checkbox-wrapper { margin-left: 0; margin-top: 3px; width: 100%; } .otp-modal .modal-footer .btn { min-width: 100px; } .form-main-wrapper .panel-box { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; padding: 20px; } .form-main-wrapper .panel-box .multiselect-native-select .btn-group { min-height: 40px; height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; } .form-heading { font-size: 18px; font-weight: 700; line-height: 30px; } .Edit-Panel { margin-left: 10px; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper { margin-right: 0; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper .checkbox { top: 6px !important; } .accordian-panel-wrap .tap-bar { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .tap-bar { flex-direction: row; align-items: center; } } .accordian-panel-wrap .table-responsive { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .left-head { margin: 10px 0; margin-bottom: 10px !important; } } .accordian-panel-wrap .left-head a { margin-right: 10px; padding: 0; border: 0; margin-bottom: 0; } .accordian-panel-wrap .left-head a *:hover { opacity: 1; } .accordian-panel-wrap .left-head a.collapsed i::before { content: "\f107"; } .accordian-panel-wrap .left-head a i { font-size: 22px; } .accordian-panel-wrap .left-head a i::before { content: "\f106"; } .accordian-panel-wrap .left-head .product-sub-title { font-size: 20px; margin-bottom: 0; } @media (max-width: 575px) { .accordian-panel-wrap .right-actions { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (max-width: 991px) { .accordian-panel-wrap .right-actions .btn { margin: 5px; } } .accordian-panel-wrap .table-wrapper { margin-top: 25px; } .accordian-panel-wrap .document-list-wrapper { margin-top: 25px; } .side-panel-wrapper .widget-list .ui-draggable-dragging { max-width: 85px; } .side-panel-wrapper .widget-list .ui-draggable-dragging img { max-width: 70px; } div.dataTables_wrapper div.dataTables_processing { background-color: #ffffff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); border-radius: 5px; } .note-editor.note-frame output.note-status-output { display: none !important; } .note-editor.note-frame .note-toolbar { display: none; } .right-actions { text-align: right; } .warning-icon { color: #ecec4b; margin-right: 10px; font-size: 22px; } .label-bold { font-weight: 600; } .checkbox-bold .checkbox { border-width: 2px; } .checkbox-bold label { font-weight: 600; } .otp-link-disable { color: #ff0000 !important; } .external-login, .external-register { margin: 0 !important; margin-top: 5px !important; display: flex; padding-top: 50px; justify-content: space-around; } .external-login button.btn.btn-primary.external-button, .external-login button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus { width: auto; margin: 10px 0; position: relative; background: transparent; border: 0; color: #333; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 8px 10px; font-size: 14px; min-width: auto; } .external-login .or-social-text, .external-register .or-social-text { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .external-login .or-social-text:after, .external-register .or-social-text:after { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 10px); transform: translateY(-50%); border-top: 1px solid #ccc; } .external-login .or-social-text p, .external-register .or-social-text p { margin: 0; padding: 25px 30px 0 30px; background: #f5f5f5; z-index: 1; font-weight: 600; position: relative; } .external-login button.btn.btn-primary.external-button svg, .external-register button.btn.btn-primary.external-button svg { min-width: 60px; min-height: 60px; position: relative; left: 0; margin-bottom: 10px; color: #4867aa; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 6px; } .login-register-wrapper .external-login .or-social-text p { background: #ffffff; } .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button:active, .external-login button.btn.btn-primary.external-button:active { max-width: 500px; margin: 10px 0; background: transparent !important; } .filter-box-wrapper { padding: 10px 20px 20px 20px; background: #fff; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 8px; } .video-widget-iframe { width: 100%; min-height: 300px; } .list-1 .table.shadow-table thead tr.list-filter-settings th, .list-2 .table.shadow-table thead tr.list-filter-settings th, .list-3 .table.shadow-table thead tr.list-filter-settings th { background: transparent; } .list-1 .table.shadow-table thead tr.list-filter-settings th button, .list-2 .table.shadow-table thead tr.list-filter-settings th button, .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 10px; } .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-right: 0; } .list-1 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-2 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-3 .table.shadow-table thead tr.list-filter-settings th .form-control { font-size: 14px; height: 35px; min-height: 35px; } .list-1 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-2 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-3 .table.shadow-table thead tr.list-filter-settings th .multiselect { font-size: 14px; } .page-access-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .g-recaptcha { margin-top: 20px; } .recaptcha { margin-top: 10px; } .recaptcha .g-recaptcha { margin-top: 0; } .recaptcha-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .note-small-text { font-size: 12px; } .daterangepicker .ranges li.active { background: #39547c !important; } .right-side-checkbox .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; top: 6px; } .right-side-checkbox .checkbox { top: 6px; } .Registration-control .login-button { min-width: 200px; width: auto; margin: auto; margin-bottom: 15px; } .multiselect-container > li > a > label { padding: 3px 20px 3px 10px !important; } .multiselect-container .btn.btn-default.multiselect-clear-filter { border: 1px solid #ccc; } .label-datatype { padding-right: 5px; } .multiselect-selected-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } .multiselect.dropdown-toggle::after { vertical-align: middle; } .video-widget-height { min-height: 300px; } .video-widget-width { min-width: 100%; } .contact-bulk-wrapper { justify-content: space-between !important; } .contact-bulk-wrapper .bulk-action { display: flex; align-items: center; } @media (max-width: 575px) { .contact-bulk-wrapper .bulk-action { width: 100%; justify-content: center; margin-bottom: 10px; } } .contact-bulk-wrapper .bulk-action .select-wrapper { width: auto; margin-right: 6px; } .contact-bulk-wrapper .bulk-action .select-wrapper select { min-height: 35px; } @media (max-width: 575px) { .contact-bulk-wrapper .top-select { width: 100%; justify-content: center; } } .contact-bulk-wrapper .top-select .select-wrapper { width: auto; } .Registration-control .form-builder .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .external-login-controls, .external-register-controls .btn-external-register-submit, .external-login-controls .btn-external-submit { margin-bottom: 0 !important; } .Registration-control .form-builder .dp-form-row.otp-controls.dp-form-row, .Login-control .dp-form-row.otp-controls.dp-form-row { margin-bottom: 10px; } .Registration-control .btn-external-register-submit, .Registration-control .btn-primary { min-width: 100%; } .Registration-control .bottom-bar-btns .btn-primary { min-width: 200px; } .Registration-control .form-builder .login-otp-remember + .dp-form-row.otp-controls.dp-form-row { margin-right: -15px; margin-left: -15px; } .multiselect-container .multiselect-filter .input-group { display: flex; flex-wrap: nowrap; } .Video-control iframe { border-radius: 0; display: block; margin: auto; } .static-card-box { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .static-card-box p:last-child { margin-bottom: 0; } .static-card-box > *, .image-widget-wrap > * { max-width: 100%; overflow: auto; } .card-width { margin-bottom: 20px; } .card-width .card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card-width { width: 50% !important; } } @media (max-width: 767px) { .card-width { width: 100% !important; } } .card-width .checkbox-wrapper { margin-right: 15px; } .card-width .user-first-letters { margin: 0; } .card-width .user-first-letters:before { background-color: #39547c; } .card-width .user-detail { display: flex; align-items: flex-start; } .card-width .name { font-weight: 300; font-size: 14px; padding-right: 0; padding-left: 0; position: relative; word-break: normal; margin-bottom: 0; } .card-width .email { font-weight: 300; font-size: 14px; margin-bottom: 0; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .card-width .user-desc { max-width: calc(100% - 70px); } .card-width .user-desc a { /*color: $black !important;*/ color: #39547c !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-width .user-desc-text { color: #989898 !important; font-size: 14px; margin: 0; margin-top: 15px; } .card-width .user-tags { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin-top: 15px; } .card-width .user-tags .user-tags-chips { display: flex; align-content: center; flex-wrap: wrap; } .card-width .chip { display: flex; align-items: center; background-color: #bbcae0; padding: 3px 10px; border: 1px solid #39547c; border-radius: 6px; color: #39547c; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .card-width .chip span { line-height: normal; } .card-width .card-link { color: #39547c !important; font-size: 20px; margin-left: 5px; /*+ .card-link { margin-left: 5px; }*/ } .card-widget-top-bar { margin-bottom: 15px; } .card-widget-top-bar .icon-btn { background: transparent; border: 0; margin-left: 10px; font-size: 20px; } .card-widget-top-bar .right-actions { display: flex; align-items: center; justify-content: flex-end; } .card-widget-top-bar .right-actions .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .card-widget-top-bar .right-actions .checkbox-wrapper { display: flex; align-items: center; margin-right: 15px; } .card-widget-top-bar .right-actions .checkbox-wrapper .checkbox { top: 3px; } .card-widget-top-bar .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; min-width: 100px; } .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 11px; } } .card-widget-top-bar .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .card-widget-top-bar .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .card-widget-top-bar .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .daterangepicker:before, .daterangepicker:after { display: none !important; } .hirerchy-icon { font-size: 18px; } .hierarchy-modal .modal-dialog { max-width: calc(100% - 40px); } .hierarchy-modal .modal-dialog .modal-body { max-height: calc(100vh - 150px); } .hierarchy-modal .modal-dialog .modal-body table tr td:first-child { white-space: nowrap; max-width: none !important; } .hierarchy-modal .modal-dialog .modal-body table .la-angle-down, .hierarchy-modal .modal-dialog .modal-body table .la-angle-right { color: #777 !important; font-size: 16px; padding-right: 10px; } /*----------------genealogy-scroll----------*/ .genealogy-scroll::-webkit-scrollbar { width: 5px; height: 8px; } .genealogy-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } .genealogy-scroll::-webkit-scrollbar-thumb { background: #212121; border-radius: 10px; transition: 0.5s; } .genealogy-scroll::-webkit-scrollbar-thumb:hover { background: #d5b14c; transition: 0.5s; } .hierarchy-card .modal-dialog .modal-body { max-width: 100%; } /*----------------genealogy-tree----------*/ .genealogy-body { white-space: nowrap; padding: 50px; min-height: 500px; padding-top: 10px; } .genealogy-tree { display: inline-block; } .genealogy-tree ul { padding-top: 20px; position: relative; padding-left: 0px; display: flex; justify-content: center; } .genealogy-tree li { float: left; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .genealogy-tree li::before, .genealogy-tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #ccc; width: 50%; height: 18px; } .genealogy-tree li::after { right: auto; left: 50%; border-left: 2px solid #ccc; } .genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before { display: none; } .genealogy-tree li:only-child { padding-top: 0; } .genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after { border: 0 none; } .genealogy-tree li:last-child::before { border-right: 2px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .genealogy-tree li:first-child::after { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } .genealogy-tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid #ccc; width: 0; height: 20px; } .genealogy-tree li a:hover + ul li::after, .genealogy-tree li a:hover + ul li::before, .genealogy-tree li a:hover + ul::before, .genealogy-tree li a:hover + ul ul::before { border-color: #fbba00; } /*--------------memeber-card-design----------*/ .member-view-box { padding: 0px 20px; border-radius: 4px; position: relative; } .member-image { position: relative; width: 300px; margin: auto; } .member-image img { width: 60px; height: 60px; border-radius: 6px; background-color: #000; z-index: 1; } .image-file-upload .custom-file-label { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .image-file-upload .profile-img-wrap { position: relative; margin-left: 20px; } .image-file-upload .profile-img { height: 40px; width: 40px; min-width: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; position: relative; border: 1px solid #e1e1e1; cursor: pointer; } .image-file-upload .profile-img img { min-width: 100%; } .image-file-upload .profile-img-remove-btn { position: absolute; top: -5px; right: -3px; background: #df0a56; border: 0; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .profile-view { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; border: 1px solid #e1e1e1; } .card-width .user-detail .profile { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; margin-right: 1em; } .document-list .tap-bar, .document-list .tap-bar .right-actions { flex-wrap: wrap; } .document-list .tap-bar .right-actions button { margin-right: 7px; } @media (max-width: 991px) { .document-list .tap-bar .right-actions button { margin: 5px 0; margin-right: 7px; } } .document-list .tap-bar .right-actions button:last-child { margin-right: 0; } @media (max-width: 575px) { .document-list .right-actions { width: 100%; } } .col-lg-1.column.drag-container .document-grid .document-list-menu li, .col-lg-2.column.drag-container .document-grid .document-list-menu li, .col-lg-3.column.drag-container .document-grid .document-list-menu li, .col-lg-4.column.drag-container .document-grid .document-list-menu li, .col-lg-5.column.drag-container .document-grid .document-list-menu li, .col-lg-6.column.drag-container .document-grid .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; } .col-lg-1.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-2.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-3.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-4.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-5.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-6.column.drag-container .document-grid .document-list-menu li:last-child { margin-bottom: 20px; } .payment-widget .form-group label { margin-bottom: 5px; } .payment-widget .form-group { margin: 0 0 10px 0; } .pay-btn { max-width: 150px; margin: auto; display: block; } #paypal-button .zoid-outlet { width: 230px !important; height: 61px !important; } .payment-label { font-size: 18px; font-weight: 600; } .payment-amount { font-size: 14px; font-weight: 600; } .center-image-field { margin: auto; } .table-lookups.table.shadow-table thead td { white-space: nowrap; } .multiselect-native-select .btn-default { font-weight: 600; background: initial; color: #000; background-color: #efefef !important; } .multiselect-native-select .btn-default:after { border-top-color: #000; } .multiselect-native-select .btn-default:focus { box-shadow: none; border-color: #CBCBCB; } .multiselect-native-select .btn-default .multiselect-selected-text { white-space: nowrap; } .table-wrapper .table-responsive.visible { overflow: visible; } .table-wrapper .table-responsive .dropdown-menu.multiselect-container { max-height: 150px !important; } .btn.focus, .btn:focus { box-shadow: none !important; } .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { opacity: 1 !important; } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #39547c !important; border-color: #39547c !important; } .trans-btn-wrapper button.trans-btn:disabled { background-color: transparent !important; opacity: 0.6; } .trans-btn-wrapper .filter-btn-wrapper { position: relative; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .advance-filter-close { background: #ff0000; color: #fff; border-radius: 50%; padding: 2px; font-size: 10px; position: absolute; right: 8px; top: -2px; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .la-filter { color: #333333; } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper { padding-right: 10px; /*color: $black;*/ } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper.filter-active-btn { color: #000; padding-right: 15px !important; } .trans-btn-wrapper.card-widget-filter button { background-color: transparent !important; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .trans-btn-wrapper.card-widget-filter button:disabled { opacity: 0.6; } .img-preview-modal .modal-dialog { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 300px; } .table-processing .dataTables_wrapper .dataTables_processing { box-shadow: none; background: transparent; width: auto; transform: translate(-50%, -50%); margin: 20px; padding: 10px; z-index: 1; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box img { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg path { fill: #39547c !important; } .card-width .data-card-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .card-width .data-card-box-wrap .card-label { font-weight: 600; padding-right: 5px; font-size: 15px; } .card-width .data-card-box-wrap .data-card-title { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .data-card-title .name { display: block; } .card-width .data-card-box-wrap .data-card-description { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .user-desc-text { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } select, select option { font-family: "Open Sans", sans-serif; } .tap-bar.heading-top-bar { flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .tap-bar.heading-top-bar { margin-bottom: 10px; } } .tap-bar.heading-top-bar .heading { margin: 0; } .tap-bar.heading-top-bar .right-actions { margin: 0 !important; } .form-video-wrapper { max-width: 100%; overflow: auto; } .form-video-wrapper iframe.iframe-play, .form-video-wrapper .video-play { display: block; margin: auto; width: 100%; min-height: 300px; } .multisect-menu-wrapper.multiselect-style-2 ul { display: flex; margin: 0; flex-wrap: wrap; /*max-height: 150px;*/ /*overflow: auto;*/ border: 1px solid #CBCBCB; border-radius: 6px; padding: 10px; } .multisect-menu-wrapper.multiselect-style-2 ul li { list-style: none; width: 25%; padding: 3px 10px; } @media (max-width: 1599px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } } @media (max-width: 1199px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 991px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper { margin: 0; display: inline-block; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled { cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox + label { cursor: not-allowed; opacity: 0.7; } .multisect-menu-wrapper.detail-checkbox-style ul { border: 0; padding: 0; margin: 0 -10px; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper { pointer-events: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #909090; border-color: #909090; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:after { display: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; bottom: initial; background: initial; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after, .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 8px; background: #909090; border: 0; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { transform: rotate(-45deg); } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after { transform: rotate(45deg); } .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } @media (max-width: 1900px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 1439px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .record-select-wrapper select { height: 34.5px; min-height: 34.5px; } .input-group.date .datePickerInput:focus, .input-group.date .datePickerInput:hover { outline: 0; border: 0; box-shadow: none; } .tap-bar.heading-top-bar.form-right-buttons .right-actions { margin-left: auto !important; } /*code restructuring css start here*/ td { white-space: normal; word-break: normal; } table a { cursor: pointer; } td.dataTables_empty { text-align: center !important; } div.list-control div.dataTables_processing { width: 0px; } div.dataTables_wrapper div.dataTables_info { width: 50%; float: left; padding-top: 8px; } div.dataTables_wrapper div.dataTables_paginate { width: 50%; float: right; } .user-data .table.shadow-table tr:nth-child(2n) td:first-child { padding-left: 15px; } @media screen and (max-width: 767px) { div .dataTables_wrapper div.dataTables_info { width: 100%; float: none; padding-top: 8px; padding-bottom: 10px; } div.dataTables_wrapper div.dataTables_paginate { width: 100%; float: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; } } .list-1 { margin-top: 0px; } .list-2 { margin-top: 0px; } .list-3 { margin-top: 0px; } .main-wrapper { margin-top: 0 !important; padding: 0 15px; overflow-x: hidden; min-height: 100vh; } header { position: static; } .Knowledge-control .search-input .knowledge-search { border: 1px solid #CBCBCB; } .Knowledge-control .search-input.dp-search-wrapper { border: 0px; } .Knowledge-control .search-input.dp-search-wrapper .search-icon { right: 15px; } .disabled { cursor: not-allowed !important; } .redcolor { color: red !important; } .document-bredcrumb a { cursor: pointer; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; cursor: not-allowed; } .user-data .table.shadow-table td { text-align: center; } .product-line-list { margin-top: 30px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-builder { margin-top: 0px !important; } .widget-font.list-1 .trans-btn-wrapper .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .widget-font.list-1 .dt-buttons .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .resend-otp-wrap { display: flex; align-items: center; } .resend-otp { padding-left: 5px; } .resend-otp span { font-weight: 700; } .grecaptcha-badge { opacity: 0; } [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: plum; vertical-align: middle; margin-right: 1em; color: white; color: white; } .ytp-watermark, .ytp-show-cards-title { display: none !important; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area { min-height: 350px; } /*preview page css start here*/ .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; justify-content: center; } .disable-progress-btn { cursor: not-allowed !important; } .paypal-button { /*cursor: not-allowed;*/ /*pointer-events: none;*/ background-color: #ffffff; } .paypal-button-preview { cursor: not-allowed; pointer-events: none; background-color: #ffffff; } .Preview-Title { margin-top: 64px; padding-right: 15px; padding-left: 15px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*height overlap issue css start here*/ .grid-box.box-element { height: auto !important; margin-bottom: 15px; flex: 0 0 100%; max-width: 100%; } .column.drag-container.ui-droppable.activity-full-height { position: relative; display: flex; flex-wrap: wrap; margin: 0; } @media (min-width: 992px) { .column.drag-container.ui-droppable.activity-full-height .grid-box.box-element:last-child { margin-bottom: 0; } } /*height overlap issue css end here*/ /*chat css start here*/ .msger .msger-chat { overflow-y: auto; padding: 30px 10px 10px; max-height: 400px; scrollbar-width: thin; } .msger .msger-chat::-webkit-scrollbar { width: 6px; } .msger .msger-chat::-webkit-scrollbar-track { background: #ddd; } .msger .msger-chat::-webkit-scrollbar-thumb { background: #bdbdbd; } .msger .msger-chat .chat-loader { text-align: center; } .msger .msger-chat .chat-empty { display: block; text-align: center; font-size: 16px; color: #909090; font-weight: 600; } .msger .msger-chat .msg { display: flex; align-items: flex-end; margin-bottom: 10px; } .msger .msger-chat .msg:last-of-type { margin: 0; } .msger .msger-chat .msg .msg-img { width: 40px; min-width: 40px; height: 40px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; font-style: italic; text-transform: uppercase; } .msger .msger-chat .msg .msg-bubble { max-width: 70%; padding: 15px; border-radius: 15px; word-break: break-word; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble { max-width: 100%; } } .msger .msger-chat .msg .msg-bubble .msg-download { margin: 10px 0 0; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn { padding: 0; margin: 3px 0 0; display: flex; align-items: center; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 208px; } } @media (max-width: 575px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 100px; } } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn i { font-size: 20px; vertical-align: sub; } .msger .msger-chat .msg .msg-bubble .msg-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-right: 10px; font-weight: 700; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time { display: flex; align-items: center; font-size: 11px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-left: 5px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn { border: 0; background: transparent; padding: 0; color: #39547c; outline: 0; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn i { font-size: 20px; } .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-left-radius: 0; background-color: #f3f3f3; } .msger .msger-chat .msg.right-msg { flex-direction: row-reverse; } .msger .msger-chat .msg.right-msg .msg-download-btn { color: #39547c; } .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 0; background-color: #e6e6e6; } .msger .msger-chat .msg.right-msg .msg-img { margin: 0 0 0 10px; } .msger .msg-input-box { display: flex; justify-content: space-between; width: 100%; } .msger .msger-inputarea { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #dddddd; margin: 20px 0 0; border-radius: 20px; } .msger .msger-inputarea .msg-send-wrap { display: flex; width: 100%; position: relative; } .msger .msger-inputarea .msg-send-wrap .msger-input { background: transparent; border-radius: 30px; padding: 13px 20px; padding-right: 40px; height: 100%; } .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-right: 250px; } .msger .msger-inputarea .msg-send-wrap .msg-inputs { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap { height: 100%; position: relative; display: flex; align-items: center; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .custom-file-input { opacity: 0; position: absolute; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .msg-file-name { margin: 0; padding-right: 15px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .msger .msger-inputarea .msg-send-wrap .msg-inputs i { font-size: 20px; } .msger .msger-inputarea .msger-send-btn { border-radius: 50%; width: 35px; display: flex; height: 35px; justify-content: center; align-items: center; margin: 5px 10px; } .msger .msger-inputarea .msger-send-btn i { font-size: 24px; padding: 0; } .msger .msg-attach-wrap { display: block; width: 100%; border-bottom: 1px solid #000; padding: 20px 20px 15px; margin: 0 0 15px; } @media (max-width: 575px) { .msger .msg-attach-wrap { text-align: center; } } .msger .msg-attach-wrap .chat-file-box { display: inline-flex; align-items: center; padding: 13px 20px; border-radius: 3px; height: 100%; position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); margin: 0 20px 10px 0; } .msger .msg-attach-wrap .chat-file-box:last-child { margin-right: 0; } .msger .msg-attach-wrap .chat-file-box i { font-size: 18px; } .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding-left: 5px; } @media (max-width: 575px) { .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 150px; } } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn { position: absolute; top: 3px; right: 3px; background: trasparent; border: 0; color: #000; border-radius: 50%; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn i { font-size: 14px !important; } /*edit panel css start here*/ .edit-panel-wraaper { background: #6f6f6f; position: fixed; left: 0; right: 0; top: 0; padding: 7px 20px; z-index: 2; display: flex; justify-content: flex-end; } .edit-panel-wraaper .panel-edit-btn .btn { padding: 0; color: #fff; font-size: 14px; } .edit-panel-wraaper .panel-edit-btn .btn:hover { text-decoration: none; } .edit-panel-wraaper .panel-edit-btn .btn i { margin: 0 5px; font-size: 16px; opacity: 0.7; } /*edit panel css end here*/ .dp-formb-body.column.drag-container.col-lg-12.ui-droppable { padding: 0; } .list-control .table.table-sorting-icon.shadow-table thead tr th:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n - 2) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .activity-field-header { font-weight: 600; } .create-user.modal .modal-header { padding-bottom: 5px; } .create-user.modal .form-group label { white-space: nowrap; } .create-user .checkbox-wrapper { width: 16px; height: 16px; display: block; margin: auto; } .create-user .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; } .create-user .checkbox-wrapper .checkbox { height: 16px; width: 16px; background-color: #fff; } .create-user .checkbox-wrapper .checkbox::before { height: 4px; width: 9px; } .create-user td { font-weight: 700; } @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ body.rtl { direction: rtl; text-align: right; /*data card css start */ /*multiselect css start */ /*note access design start here*/ } body.rtl .login-register .form-input input { padding-right: 50px; padding-left: initial; } body.rtl .login-register .form-input .login-icon { right: 20px; left: initial; } body.rtl header .navbar .right-nav .nav-item.profile-nav { padding-right: 20px; padding-left: 0; } body.rtl header .navbar .right-nav .profile { margin-left: 10px; margin-right: 0; } body.rtl header .navbar .nav-item .dropdown-toggle::after { margin-right: 5px; margin-left: 0; } body.rtl header .navbar .nav-link-wrapper { padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-toggle { padding: 8px; padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle) { text-align: right; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-toggle { padding: 8px; padding-left: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-menu { right: 100% !important; } body.rtl .search .search-wrapper .form-group .search-box .form-control { padding-left: 42px; padding-right: 12px; } body.rtl .search .search-wrapper .form-group .search-box .search-btn { left: 0; right: initial; } body.rtl .search .select-search-wrapper .select-wrapper { margin-left: 15px; margin-right: 0; } body.rtl .multiselect-native-select .multiselect-selected-text { margin-left: 5px; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-title:after { right: 0; left: initial; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-right: 70px; padding-left: initial; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-title { padding-right: 0; padding-left: 60px; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-left: 60px; padding-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p { text-align: left; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p:first-child { text-align: right; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper .all-link { margin-left: 30px; margin-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li { padding-right: 30px; padding-left: initial; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li:before { left: initial; right: 10px; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li::after { right: 4px; left: initial; } body.rtl .activity-full-height .all-link { left: 15px; right: initial; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table thead tr th:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } body.rtl .list-1 .table.shadow-table thead tr th:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-3 .table.shadow-table tr td:last-child { text-align: left; } body.rtl div.dataTables_wrapper div.dataTables_info { float: right; } body.rtl .dp-search-wrapper .form-control { padding-left: 35px; padding-right: 12px; } body.rtl .dp-search-wrapper .search-icon { left: 9px; right: initial; } body.rtl .top-select { margin-right: 20px; margin-left: 5px; } body.rtl .top-select select { padding-left: 30px; padding-right: 8px; } body.rtl .select-wrapper::before { left: 13px; right: initial; } body.rtl .widget-font.list-1 .dt-buttons .trans-btn { padding-right: 8px; padding-left: 18px; } body.rtl .input-group.search .form-control, body.rtl .input-group.date .form-control { padding-left: 50px; padding-right: 12px; } body.rtl .input-group.search .input-group-addon, body.rtl .input-group.date .input-group-addon { left: 35px; right: initial; } body.rtl .input-group.search .input-group-addon.search-addon, body.rtl .input-group.date .input-group-addon.search-addon { left: 12px; right: initial; } body.rtl .bottom-bar-btns .btn { margin-right: 30px; margin-left: 0; } body.rtl .accordian-panel-wrap .left-head a { margin-left: 10px; margin-right: 0; } body.rtl .Knowledge-control .search-input.dp-search-wrapper .search-icon { left: 15px; } body.rtl .knowledge-base .accordion .card .card-header .accordian-time { padding-left: 50px; padding-right: 10px; } body.rtl .knowledge-base .accordion .card .card-header .icon-plus-minus { left: 10px; right: initial !important; } body.rtl .case-deflection .solution-wrapper .find-box .find-text { padding-left: 15px; } body.rtl .search-box .search-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } body.rtl .search-box .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } body.rtl .right-actions { text-align: left; } body.rtl .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: left; } body.rtl .modal .modal-header .close { margin-right: auto; margin-left: -1rem; } body.rtl .modal .modal-header .warning-icon { margin-left: 10px; margin-right: initial; } body.rtl .modal .modal-footer .btn { margin-right: 4px; margin-left: initial; } body.rtl .header__btn { margin-left: 10px; } body.rtl .header__btn:last-child { margin-left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:before { left: auto; right: 50%; transform: translateX(50%); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:after { right: auto; left: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; transform: translateX(-50%) scale(1.2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-96% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-99% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-active:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-done:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__panel { right: 0; left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 80px / 2); } @media screen and (max-width: 992px) { body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 40px / 2); } } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-70% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-80% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:after { right: calc(-30% + 10px / 2); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__panel { left: auto; right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn span { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before, body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); } body.rtl .form-builder .form-box-3 .form-group .label.multistepform_label, body.rtl .form-builder .form-box-2 .form-group .label.multistepform_label { right: 0; left: auto; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: left; } body.rtl .multiselect-container .dropdown-item .form-check { padding-left: 0; padding-right: 20px; text-align: right; } body.rtl .multiselect-container .dropdown-item .form-check .form-check-input { margin-right: -20px; margin-left: initial; } body.rtl .image-file-upload .profile-img-wrap { margin-left: 0; margin-right: 20px; } body.rtl .image-file-upload .profile-img-remove-btn { left: -3px; right: initial; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 0; margin-left: 10px; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-left: 0; } body.rtl .card-widget-top-bar .right-actions .checkbox-wrapper { margin-left: auto; margin-right: initial !important; } body.rtl .card-width .card-body .checkbox-wrapper { float: left !important; } body.rtl .card-width .data-card-box-wrap .card-label { padding-right: initial; padding-left: 5px; } body.rtl .card-width .hirerchy-icon { padding-left: 7px; padding-right: initial !important; } body.rtl .card-width .chip { margin: 5px 0px 5px 10px; } body.rtl .card-width .card-link + .card-link { margin-right: 10px; margin-left: 0; } body.rtl .card-width .user-detail .profile { margin-right: 0; margin-left: 1em; } body.rtl .card-width .drag-container .widget-font .top-select { margin-left: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .checkbox-wrapper { right: initial; top: 5px; left: 10px; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { border-left: 1px solid #eee; border-right: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-left: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input[type='checkbox'] { left: initial; right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper .checkbox { right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper label { padding-left: 0; padding-right: 26px; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-left: 10px; margin-right: 0; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-right: 5px; padding-left: 0; } body.rtl .msger .msger-chat .msg .msg-img { margin-right: 0; margin-left: 10px; } body.rtl .msger .msger-chat .msg.right-msg .msg-img { margin: 0 10px 0 0; } body.rtl .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 10px; border-bottom-left-radius: 0; } body.rtl .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input { padding-right: 10px; padding-left: 40px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-left: 250px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msg-inputs { left: 10px; right: initial; } body.rtl .msger .msger-inputarea .msger-send-btn { margin-right: 10px; margin-left: 0; } body.rtl .msger .msger-inputarea .msger-send-btn i { transform: rotate(180deg); } body.rtl .msger .chat-file-box .msg-file-name { padding-right: 5px; padding-left: 0; } body.rtl .msger .chat-file-box .user-img-remove-btn { left: 3px; right: initial; } body { color: #000000; font-size: 14px; } * { font-family: "Open Sans"; } font[face="Courier New"] { font-family: Courier New; } font[face="Arial"] { font-family: Arial; } font[face="Arial Black"] { font-family: Arial Black; } font[face="Comic Sans MS"] { font-family: Comic Sans MS; } font[face="Geneva"] { font-family: Geneva; } font[face="Georgia"] { font-family: Georgia; } font[face="Helvetica"] { font-family: Helvetica; } font[face="Impact"] { font-family: Impact; } font[face="Lucida Console"] { font-family: Lucida Console; } font[face="Tahoma"] { font-family: Tahoma; } font[face="Times New Roman"] { font-family: Times New Roman; } font[face="Verdana"] { font-family: Verdana; } img { max-width: 100%; } .btn { font-weight: 600; font-size: 15px; padding: 5px 10px; } .btn.btn-primary { background-color: #39547c; border-color: #39547c; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #293c59; border-color: #293c59; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-primary { font-size: 12px; } } .btn.btn-primary .la-key.cred { margin-right: 4px; } .btn.btn-link { color: #39547c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:not(:disabled):not(.disabled):active { color: #293c59; } .btn.btn-secondary { background-color: transparent; border-color: #000000; color: #000000; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #000000; opacity: 0.6; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-secondary { font-size: 12px; } } input, select { width: 100%; border: 0; height: 40px; padding: 5px 15px; } input.login-input, select.login-input { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); border-radius: 5px; } input:focus, input:active, select:focus, select:active { outline: none; } input [type="hidden"] { height: 0; padding: 0; margin: 0; } .input-label { font-weight: 600; } a, a * { transition: all 0.4s ease; color: #39547c !important; } a:hover, a *:hover { color: #39547c !important; opacity: 0.7; text-decoration: none; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .container { max-width: 1400px; } .validation-msg { font-size: 12px; margin-top: 7px; display: block; } .dp-purple, .dp-purple:hover { color: #633FE4 !important; } .dp-red, .dp-red:hover { color: #df0a56 !important; } .dp-green, .dp-green:hover { color: #26a26b !important; } .dp-blue, .dp-blue:hover { color: #39547c !important; } .dp-lightblue, .dp-lightblue:hover { color: #39547c !important; } .dp-primary, .dp-primary:hover { color: #39547c !important; } .dp-yellow, .dp-yellow:hover { color: #e2b84a !important; } .card { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; } button { cursor: pointer; } .form-group { margin: 10px 0; } .form-group label { font-size: 14px; font-weight: 600; margin-top: 6px; margin-bottom: 10px; } @media (max-width: 575px) { .form-group label { font-size: 12px; } } @media (max-width: 991px) { .form-group { margin: 10px 0; } .form-group label { margin-bottom: 8px; margin-top: 0; } } .select-wrapper { position: relative; width: 100%; } .select-wrapper:before { content: ''; position: absolute; right: 13px; height: 8px; width: 8px; border: 2px solid #b2b2b2; top: 50%; transform: translateY(-50%) rotate(45deg); border-left: 0; border-top: 0; } .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CBCBCB; box-shadow: none; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; line-height: 26px; } .form-control { min-height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; font-size: 14px; color: #000000 !important; } .form-control:focus { box-shadow: none !important; border-color: #CBCBCB !important; } select.form-control:not([size]):not([multiple]) { height: auto; } .bottom-bar-btns { display: flex; justify-content: flex-end; margin-top: 40px; flex-wrap: wrap; } .bottom-bar-btns .btn { margin-left: 30px; min-width: 200px; white-space: normal; margin-bottom: 10px; } .bottom-bar-btns .btn:first-child { margin-left: 0; } @media (max-width: 767px) { .bottom-bar-btns { margin-top: 25px; } .bottom-bar-btns .btn { min-width: auto; padding: 6px 20px; margin-bottom: 10px; } } .modal-header { border-bottom: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-header { padding: 20px; } } .modal-header .modal-title { font-size: 18px; font-weight: 700; } @media (max-width: 575px) { .modal-header .modal-title { font-size: 16px; } } .modal-header .close { outline: none; } .modal-header .close span { font-size: 18px; } .modal-footer { border-top: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-footer { padding: 20px; } } .modal-footer .btn { min-width: 200px; } .modal-footer.center-btns { justify-content: center; } .modal-body { padding: 10px 30px; padding-bottom: 0; max-height: calc(100vh - 200px); overflow: auto; } @media (max-width: 767px) { .modal-body { padding: 0 20px; } } .modal-body .form-group { margin: 0; } @media (max-width: 767px) { .modal-body .form-group { flex-wrap: wrap; } .modal-body .form-group label { width: 100%; } } @media (max-width: 767px) { .modal-body .dp-form-row { margin-bottom: 0; } } .modal-body .modal-heading { font-size: 18px; font-weight: 700; margin-top: 30px; margin-bottom: 18px; } @media (max-width: 575px) { .modal-body .modal-heading { font-size: 16px; } } .modal-dialog { max-width: 70%; margin: auto; height: 100%; } @media (max-width: 767px) { .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 767px) { .modal-dialog .modal-content .modal-body .dp-search-wrapper { margin: 10px 0 0; } } .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: nowrap; } @media (max-width: 767px) { .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } } @media (max-width: 991px) { .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .modal-dialog .modal-body.menu-replace-modal { max-height: initial; overflow: initial; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap { display: flex; align-items: baseline; flex-wrap: wrap; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap label { margin: 5px 0; margin-right: 40px; font-weight: 600; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap .select-wrapper select { padding-right: 30px; text-overflow: ellipsis; width: 255px; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper { margin: initial; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper .checkbox { top: 0; } .modal-dialog .modal-body.menu-replace-modal .table-responsive { max-height: calc(100vh - 400px); overflow: auto; } .dp-form-row { margin-bottom: 15px; } textarea.form-control { resize: none; padding: 10px 12px !important; min-height: 80px; } .column { margin-bottom: 10px; margin-top: 10px; } .drag-wrapper .column { margin-top: 0; } .table { white-space: nowrap; margin-bottom: 0; font-size: 13px; } .table thead th { padding: 10px 15px; border-bottom: 1px solid #dee2e6; font-size: 13px; background-color: #e6e6e6; text-align: center; } @media (max-width: 575px) { .table thead th { font-size: 12px; } } .table thead th:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table thead th:last-child { border-right: 1px solid #dee2e6; } .table tbody tr:last-child td { border-bottom: 1px solid #dee2e6; } .table tbody td { padding: 10px 15px; text-align: center; font-size: 13px; border-bottom: 1px solid #dee2e6; } @media (max-width: 575px) { .table tbody td { font-size: 12px; } } .table tbody td:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table tbody td:last-child { border-right: 1px solid #dee2e6; } .checkbox-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; } .checkbox-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #39547c; border-color: #39547c; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { opacity: 1; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox + label { font-weight: 600; } .checkbox-wrapper input[type='checkbox']:disabled { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox + label { cursor: not-allowed; } .checkbox-wrapper .checkbox { position: absolute; left: 0; top: 0; height: 20px; width: 20px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 5px; } .checkbox-wrapper .checkbox::before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; } .checkbox-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .checkbox-wrapper label { font-size: 12px; } } .heading { font-size: 28px; font-weight: 700; } @media (max-width: 575px) { .heading { font-size: 20px; } } .sub-heading { font-size: 18px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 575px) { .sub-heading { font-size: 16px; } } .drag-container .heading { font-size: 24px; } .drag-container .widget-font .dt-buttons .trans-btn { padding-right: 8px !important; } .drag-container .widget-font .trans-btn-wrapper { padding-right: 10px; } .drag-container .widget-font .top-select { margin-left: 10px; } @media (max-width: 767px) { .drag-container .widget-font .top-select { margin-top: 10px; margin-left: 0; } } .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 33.33%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 25%; } } .drag-container.col-lg-9 .col-lg-5, .drag-container.col-lg-9 .col-lg-6, .drag-container.col-lg-9 .col-lg-7, .drag-container.col-lg-9 .col-lg-8, .drag-container.col-lg-10 .col-lg-5, .drag-container.col-lg-10 .col-lg-6, .drag-container.col-lg-10 .col-lg-7, .drag-container.col-lg-10 .col-lg-8, .drag-container.col-lg-11 .col-lg-5, .drag-container.col-lg-11 .col-lg-6, .drag-container.col-lg-11 .col-lg-7, .drag-container.col-lg-11 .col-lg-8, .drag-container.col-lg-12 .col-lg-5, .drag-container.col-lg-12 .col-lg-6, .drag-container.col-lg-12 .col-lg-7, .drag-container.col-lg-12 .col-lg-8 { /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { .card-width { width: 100%; } }*/ } .drag-container.col-lg-9 .col-lg-5 .card-width, .drag-container.col-lg-9 .col-lg-6 .card-width, .drag-container.col-lg-9 .col-lg-7 .card-width, .drag-container.col-lg-9 .col-lg-8 .card-width, .drag-container.col-lg-10 .col-lg-5 .card-width, .drag-container.col-lg-10 .col-lg-6 .card-width, .drag-container.col-lg-10 .col-lg-7 .card-width, .drag-container.col-lg-10 .col-lg-8 .card-width, .drag-container.col-lg-11 .col-lg-5 .card-width, .drag-container.col-lg-11 .col-lg-6 .card-width, .drag-container.col-lg-11 .col-lg-7 .card-width, .drag-container.col-lg-11 .col-lg-8 .card-width, .drag-container.col-lg-12 .col-lg-5 .card-width, .drag-container.col-lg-12 .col-lg-6 .card-width, .drag-container.col-lg-12 .col-lg-7 .card-width, .drag-container.col-lg-12 .col-lg-8 .card-width { width: 50%; } .drag-container.col-lg-9 .col-lg-1 .card-width, .drag-container.col-lg-9 .col-lg-2 .card-width, .drag-container.col-lg-9 .col-lg-3 .card-width, .drag-container.col-lg-9 .col-lg-4 .card-width, .drag-container.col-lg-10 .col-lg-1 .card-width, .drag-container.col-lg-10 .col-lg-2 .card-width, .drag-container.col-lg-10 .col-lg-3 .card-width, .drag-container.col-lg-10 .col-lg-4 .card-width, .drag-container.col-lg-11 .col-lg-1 .card-width, .drag-container.col-lg-11 .col-lg-2 .card-width, .drag-container.col-lg-11 .col-lg-3 .card-width, .drag-container.col-lg-11 .col-lg-4 .card-width, .drag-container.col-lg-12 .col-lg-1 .card-width, .drag-container.col-lg-12 .col-lg-2 .card-width, .drag-container.col-lg-12 .col-lg-3 .card-width, .drag-container.col-lg-12 .col-lg-4 .card-width { width: 100%; } .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 50%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 33.33%; } } .drag-container.col-lg-1 .col-lg-1 .card-width, .drag-container.col-lg-1 .col-lg-2 .card-width, .drag-container.col-lg-1 .col-lg-3 .card-width, .drag-container.col-lg-1 .col-lg-4 .card-width, .drag-container.col-lg-1 .col-lg-5 .card-width, .drag-container.col-lg-1 .col-lg-6 .card-width, .drag-container.col-lg-1 .col-lg-7 .card-width, .drag-container.col-lg-1 .col-lg-8 .card-width, .drag-container.col-lg-2 .col-lg-1 .card-width, .drag-container.col-lg-2 .col-lg-2 .card-width, .drag-container.col-lg-2 .col-lg-3 .card-width, .drag-container.col-lg-2 .col-lg-4 .card-width, .drag-container.col-lg-2 .col-lg-5 .card-width, .drag-container.col-lg-2 .col-lg-6 .card-width, .drag-container.col-lg-2 .col-lg-7 .card-width, .drag-container.col-lg-2 .col-lg-8 .card-width, .drag-container.col-lg-3 .col-lg-1 .card-width, .drag-container.col-lg-3 .col-lg-2 .card-width, .drag-container.col-lg-3 .col-lg-3 .card-width, .drag-container.col-lg-3 .col-lg-4 .card-width, .drag-container.col-lg-3 .col-lg-5 .card-width, .drag-container.col-lg-3 .col-lg-6 .card-width, .drag-container.col-lg-3 .col-lg-7 .card-width, .drag-container.col-lg-3 .col-lg-8 .card-width, .drag-container.col-lg-4 .col-lg-1 .card-width, .drag-container.col-lg-4 .col-lg-2 .card-width, .drag-container.col-lg-4 .col-lg-3 .card-width, .drag-container.col-lg-4 .col-lg-4 .card-width, .drag-container.col-lg-4 .col-lg-5 .card-width, .drag-container.col-lg-4 .col-lg-6 .card-width, .drag-container.col-lg-4 .col-lg-7 .card-width, .drag-container.col-lg-4 .col-lg-8 .card-width, .drag-container.col-lg-5 .col-lg-1 .card-width, .drag-container.col-lg-5 .col-lg-2 .card-width, .drag-container.col-lg-5 .col-lg-3 .card-width, .drag-container.col-lg-5 .col-lg-4 .card-width, .drag-container.col-lg-5 .col-lg-5 .card-width, .drag-container.col-lg-5 .col-lg-6 .card-width, .drag-container.col-lg-5 .col-lg-7 .card-width, .drag-container.col-lg-5 .col-lg-8 .card-width, .drag-container.col-lg-6 .col-lg-1 .card-width, .drag-container.col-lg-6 .col-lg-2 .card-width, .drag-container.col-lg-6 .col-lg-3 .card-width, .drag-container.col-lg-6 .col-lg-4 .card-width, .drag-container.col-lg-6 .col-lg-5 .card-width, .drag-container.col-lg-6 .col-lg-6 .card-width, .drag-container.col-lg-6 .col-lg-7 .card-width, .drag-container.col-lg-6 .col-lg-8 .card-width, .drag-container.col-lg-7 .col-lg-1 .card-width, .drag-container.col-lg-7 .col-lg-2 .card-width, .drag-container.col-lg-7 .col-lg-3 .card-width, .drag-container.col-lg-7 .col-lg-4 .card-width, .drag-container.col-lg-7 .col-lg-5 .card-width, .drag-container.col-lg-7 .col-lg-6 .card-width, .drag-container.col-lg-7 .col-lg-7 .card-width, .drag-container.col-lg-7 .col-lg-8 .card-width, .drag-container.col-lg-8 .col-lg-1 .card-width, .drag-container.col-lg-8 .col-lg-2 .card-width, .drag-container.col-lg-8 .col-lg-3 .card-width, .drag-container.col-lg-8 .col-lg-4 .card-width, .drag-container.col-lg-8 .col-lg-5 .card-width, .drag-container.col-lg-8 .col-lg-6 .card-width, .drag-container.col-lg-8 .col-lg-7 .card-width, .drag-container.col-lg-8 .col-lg-8 .card-width { width: 100%; } .heading-bar { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper { margin-top: 64px; } .main-wrapper.header-top-position { padding-top: 40px; } .custom-file-label { border-color: #CBCBCB; margin: 0 !important; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 88px; line-height: 26px; cursor: pointer; } .custom-file-label::after { height: 100%; line-height: 26px; cursor: pointer; } form .checkbox-wrapper { margin-top: 5px; } form .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 16px; width: 16px; z-index: 100; position: absolute; top: 5px; left: 0; } form .checkbox-wrapper input[type='checkbox']:checked + label { font-weight: 600; } form .checkbox-wrapper .checkbox { top: 5px; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable { min-height: 350px; } .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .no-label { margin-top: 35px; } @media (max-width: 767px) { .no-label { margin-top: 0; } } .noneditable-form label { margin-bottom: 0; } .form-data { margin-bottom: 0; font-size: 13px; } .loader-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.9); } .loader-wrapper.initial-load { background-color: #fff; /*background-color: fade-out($white, 0.1);*/ } .loader-wrapper .loader-box { height: 120px; width: 120px; /*background: #fff;*/ border-radius: 20px; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); padding: 20px; /*box-shadow: 0 2px 11px 0px rgba(255, 255, 255, 0.5);*/ } .loader-wrapper .loader-box p { font-size: 40px; } .loader-wrapper .loader-box svg { max-width: 80px; height: 80px; } .loader-wrapper .loader-box svg path { fill: #39547c !important; } .user-img-preview { height: 40px; width: 40px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; } .breadcrumb { background-color: transparent; padding: 0; } .breadcrumb .breadcrumb-item a { cursor: pointer; } .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 4px; } .dp-search-wrapper { border: 1px solid #CBCBCB; position: relative; border-radius: 6px; } .dp-search-wrapper .form-control { border: 0; padding-right: 35px; } .dp-search-wrapper .search-icon { position: absolute; right: 9px; top: 50%; transform: translateY(-50%) rotateY(180deg); font-size: 20px; cursor: pointer; } .delete-modal { max-width: 600px; } .delete-modal .modal-footer .btn { min-width: 150px; } .page-link, .page-link:hover { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; margin: 0 5px; background-color: #fff; border: 1px solid #39547c; border-radius: 6px; color: #39547c !important; } .page-item:last-child .page-link, .page-item:first-child .page-link { border-radius: 6px; } .page-item.active .page-link { background-color: #39547c; border-color: #39547c; color: #fff !important; } .table-column-one { width: 40%; } .table-column-qty { width: 15%; } .register-modal p { margin-bottom: 5px; } .table-width-10 { width: 10%; } .table-width-5 { width: 5%; } .table-width-20 { width: 20%; } .table-width-15 { width: 15%; } .table-width-35 { width: 35%; } .table-width-45 { width: 45%; } .table-width-50 { width: 50%; } .table-width-40 { width: 40%; } .permission-box { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; border-radius: 10px; padding: 20px; position: relative; height: 100%; display: flex; margin: 0; justify-content: center; width: 100%; align-items: center; } .permission-box p { margin: 0; } table.table-full-width { width: 100% !important; } table.table-sorting-icon thead .sorting:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_asc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_asc:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_desc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_desc:after { right: initial; left: 4px; } .activity-full-height { position: relative; } .activity-full-height .grid-box.box-element { height: 100%; } .activity-full-height .grid-box.box-element .view { height: 100%; } .activity-full-height .grid-box.box-element .view .row { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font .rc-box-wrapper { height: 100%; } .activity-full-height .Counter-control { height: 100%; } .activity-full-height .rc-activity-wrapper ul { padding-bottom: 30px !important; } .activity-full-height .all-link { position: absolute; right: 15px; bottom: 0; } .activity-full-height .Chart-control { height: 100%; } .activity-full-height .Chart-control .card { height: 100%; } .activity-full-height .rc-box-wrapper { height: 100%; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; } .btn-margin-right { margin-right: 7px; } table.table.entity-table td:first-child { vertical-align: middle; } table.table.entity-table td span.checkbox-wrapper { width: 16px; height: 16px; margin: auto; margin-top: 5px; } .multiselect-container > li > a > label > input[type=checkbox] { width: 16px; height: 16px; margin-right: 5px; } .form-builder .recent-activity-set .dropdown-menu.show { transform: translate3d(-15px, -255px, 0px) !important; } .form-builder .recent-activity-set .dropdown-menu.show input.form-control.multiselect-search { height: 38px; min-height: 38px; } .form-builder .textbox .richText .richText-toolbar ul { max-height: 400px; overflow: auto; } .form-builder .textbox .richText .richText-toolbar ul li a, .form-builder .textbox .richText .richText-toolbar ul li a * { color: #333; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown { max-width: 80%; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { top: -8px; right: 0; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer:hover, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer:hover { opacity: 1; } .form-builder .textbox .richText .richText-toolbar ul li a:hover, .form-builder .textbox .richText .richText-toolbar ul li a *:hover { opacity: 1; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-thumb { min-height: 2px; max-height: 2px; height: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .form-builder .form-main-wrapper + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } select:disabled, input:disabled, textarea:disabled, button:disabled { cursor: not-allowed; background-color: #e9ecef !important; } .btn-primary.disabled, .btn-primary:disabled { background-color: #39547c !important; } button[disabled] { cursor: not-allowed; } .portal-user-heading-action { text-align: right; } .portal-user-heading-action .checkbox-wrapper { margin-right: initial; margin-left: 40px; } .radio-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; margin-top: 5px; } .radio-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .radio-wrapper input[type='radio'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .radio-wrapper input[type='radio']:checked + .checkbox { background-color: #fff; border-color: #39547c; } .radio-wrapper input[type='radio']:checked + .checkbox:before { opacity: 1; } .radio-wrapper input[type='radio']:checked + .checkbox + label { font-weight: 600; } .radio-wrapper input[type='radio']:disabled { cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox + label { cursor: not-allowed; } .radio-wrapper .checkbox { position: absolute; left: 0; top: 5px; height: 16px; width: 16px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 50%; } .radio-wrapper .checkbox::before { height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; background: #39547c; opacity: 0; border-left: 0; border-bottom: 0; display: inline-block; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); content: ''; border-radius: 50%; } .radio-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .radio-wrapper label { font-size: 12px; } } .load-icon { color: #39547c; font-size: 26px; } .lookup-body .user-data { padding: 10px 0; } .lookup-body .user-data .lookup-search-wrap { padding: 0 0 10px; } .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: right; margin: 0; } .user-card-space { margin-bottom: 20px; } .card.user-card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card.user-card { height: auto; } } .card.user-card .card-body { display: flex; flex-direction: column; justify-content: space-between; } .card.user-card .card-body .user-detail .user-img { overflow: hidden; } .card.user-card .card-body .user-detail .user-img img { height: 100%; object-fit: cover; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text { width: 33.33%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text .profile-view { border: 1px solid #e1e1e1; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: right; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:first-child { text-align: left; } .create-note-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .create-note-modal .modal-dialog { max-width: calc(100% - 20px); } } .create-note-modal .modal-dialog .modal-content .modal-body .form-group { margin-bottom: 25px; } .create-note-modal .modal-dialog .modal-content .modal-body .label { font-size: 14px; font-weight: 600; margin-bottom: 5px; display: block; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-1 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 .label { margin: 0; position: absolute; z-index: 2; background: #fff; top: -10px; left: 24px; padding: 0 10px; } .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } @media (max-width: 991px) { .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .form-type-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px; margin-right: 0px; } @media (max-width: 991px) { .form-type-wrapper { justify-content: flex-start; } } .form-type-wrapper .check-form-wrapper:last-child .checkbox-wrapper { margin-right: 0; } .form-type-wrapper .check-form-wrapper .checkbox-wrapper { margin-top: 0; } .document-list-wrapper { background-color: #fff; } .document-list-wrapper .document-list-menu { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; } .document-list-wrapper .document-list-menu li { max-width: 25%; flex: 0 0 25%; margin-bottom: 50px; padding: 0 15px; } @media (max-width: 1199px) { .document-list-wrapper .document-list-menu li { max-width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 991px) { .document-list-wrapper .document-list-menu li { max-width: 50%; flex: 0 0 50%; } } @media (max-width: 575px) { .document-list-wrapper .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; } } .document-list-wrapper .document-list-menu li .document-list-box { border: 1px solid #CBCBCB; padding: 15px 10px; border-radius: 5px; display: flex; align-items: center; position: relative; } .document-list-wrapper .document-list-menu li .document-list-box a { color: #000000; display: flex; align-items: center; width: 100%; cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box a .document-label { cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper { position: absolute; top: 0; right: 0; display: none; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper .checkbox-wrapper { margin: 0; } .document-list-wrapper .document-list-menu li .document-list-box:hover .document-check-wrapper { display: block; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download { margin-left: auto; display: flex; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download .doc-list-icon { font-size: 22px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .doc-icon { font-size: 40px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .document-label { font-size: 14px; font-weight: 600; margin-left: 10px; color: #000000; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: default; } .doc-list { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .doc-list { flex-direction: column; } } .doc-list .right-actions { display: flex; align-items: center; } @media (max-width: 575px) { .doc-list .right-actions { flex-wrap: wrap; justify-content: center; } } .doc-list .right-actions .btn { margin-right: 30px; margin-bottom: 5px; } .doc-list .right-actions .btn .doc-list-icon { font-size: 20px; } .chart-type-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } .chart-type-list li { position: relative; padding-left: 30px; margin: 10px; } .chart-type-list li span.chart-active { height: 13px; width: 13px; background-color: #39547c; border-radius: 50%; position: absolute; left: 10px; top: 5px; } @media (max-width: 767px) { .chart-type-list li { width: 50%; margin: 10px 0; padding-left: 20px; } .chart-type-list li span.chart-active { height: 10px; width: 10px; left: 0px; } } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item { color: #000000; font-size: 15px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item a i { color: #000000; font-size: 22px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active a i { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 7px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item .active + .breadcrumb-item::before { color: #6c757d; } .document-list .document-list-table tbody td a i { color: rgba(0, 0, 0, 0.44); margin-left: 5px; font-size: 23px; vertical-align: bottom; } .document-list .document-list-table tbody td a label { color: #000000; margin: 0; } .document-list .document-list-table tbody td i { color: #CBCBCB; margin-right: 5px; font-size: 23px; } .document-list .document-list-table tbody td label { margin: 0; } .document-list .document-list-table tbody .documentname { white-space: nowrap; } .document-list .document-list-table tbody .documentname i { vertical-align: top; } .document-list .document-list-table tbody .documentname label { white-space: normal; display: inline-block; } .document-list .document-list-table tbody .documentname a label { cursor: pointer; } .custom-file-input { cursor: pointer; } .note-list .table-responsive { max-height: 250px; overflow: auto; margin-bottom: 40px; padding-right: 10px; } .note-list .table-responsive .table.shadow-table .note-text { word-break: break-all; white-space: normal; } .modal-dialog.change-pwd-dialog { max-width: 40%; } @media (max-width: 767px) { .modal-dialog.change-pwd-dialog { max-width: calc(100% - 20px); } } .modal-dialog.change-pwd-dialog .form-box-3 .form-group { margin-bottom: 25px; } .modal-dialog.change-pwd-dialog.form-builder .label { font-size: 14px; font-weight: 600; } @media (max-width: 1439px) { div#uploadFileModal .modal-dialog .modal-content .modal-footer.center-btns .btn, div#createFolderModal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans" !important; } p { color: #000000 !important; } .toast-success { background-color: #26a26b !important; } .toast-error { background-color: #df0a56 !important; } .toast-warning { background-color: #e2b84a !important; } .text-danger span { color: #df0a56 !important; } .sidebar-wrapper { background-color: #ffffff; } .dropdown-menu { background-color: #ffffff !important; } .modal-content { background-color: #ffffff; } .input-group.search.input-search-wrapper span[disabled] { cursor: not-allowed; z-index: 3; } .widget-config.chart-set .dropdown-menu .active a label.checkbox { color: #fff !important; } .multiselect-container { min-width: 200px; max-height: 255px !important; overflow: auto; padding: 0 !important; box-shadow: none !important; border-radius: 5px !important; } .multiselect-container .filter-wrap { position: sticky; background-color: #fff; z-index: 5; padding: 5px; top: 0; } .multiselect-container .filter-wrap .multiselect-filter { padding: 0 10px; border: 1px solid #CBCBCB; margin: 0; border-radius: 5px; } .multiselect-container .filter-wrap .multiselect-filter input::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; background-color: #39547c; display: none; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter { background: transparent; border: 0; padding: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter:focus { outline: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-search { border: 0; padding: 0 10px; min-height: 35px !important; height: 35px !important; margin: 0; } .multiselect-container .filter-wrap .multiselect-filter i { font-size: 16px; border: 0; color: #000 !important; } .multiselect-container .dropdown-item { padding: 3px 20px 3px 10px !important; margin: 0 !important; font-size: 14px !important; text-align: left !important; border: 0 !important; white-space: normal; } .multiselect-container .dropdown-item.active { background-color: #39547c !important; } .multiselect-container .dropdown-item:focus { outline: 0; } .multiselect-container .dropdown-item input[type="checkbox"], .multiselect-container .dropdown-item input[type="radio"] { width: 16px; height: 16px; margin-right: 5px; margin-bottom: 3px; margin-top: 3px; } .multiselect-container .dropdown-item .form-check-label { margin: 0; font-weight: normal; } .multiselect-container li .input-group { padding: 0 5px; } .multiselect-container li .input-group .form-control { height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn { margin-left: -2px !important; height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn:focus { box-shadow: none; } .multiselect-container li.active a label.checkbox { color: #fff !important; } .multiselect-container li.active a label.radio { color: #fff !important; } .multiselect-container li a { font-size: 14px; } a.anchor-link { cursor: pointer; } a.anchor-link[disabled] { cursor: not-allowed; } .document-popup-modal .modal-dialog { max-width: 30%; } @media (max-width: 991px) { .document-popup-modal .modal-dialog { max-width: 50%; } } @media (max-width: 767px) { .document-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 1439px) { .document-popup-modal .modal-dialog .modal-footer.center-btns .btn { min-width: 100px; } } .lookup-popup-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .lookup-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } .no-data-chart { position: relative; } .no-data-chart .chart-box-image { display: block; margin: auto; opacity: 0.5; } .no-data-chart .chart-font { position: absolute; left: 50%; z-index: 1; font-size: 20px; font-weight: 700; text-transform: capitalize; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-widget-wrap { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #ffffff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .image-widget-wrap .Image-Widget { display: block; margin: 0 auto; } .input-group.date .input-group-addon { top: 12px; bottom: initial; } .input-group.date .bootstrap-datetimepicker-widget { width: auto; } .input-group.date .bootstrap-datetimepicker-widget .timepicker-picker { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.picker-switch { min-height: 30px; line-height: 30px; height: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.today::before { border-bottom-color: #39547c; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.dow { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day.active { background-color: #39547c; } .otp-modal .otp-title-wrap { padding-bottom: 15px; display: flex; justify-content: space-between; } .otp-modal .otp-title-wrap label { margin: 0; } .otp-modal .checkbox-wrapper { margin-left: 0; margin-top: 3px; width: 100%; } .otp-modal .modal-footer .btn { min-width: 100px; } .form-main-wrapper .panel-box { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; padding: 20px; } .form-main-wrapper .panel-box .multiselect-native-select .btn-group { min-height: 40px; height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; } .form-heading { font-size: 18px; font-weight: 700; line-height: 30px; } .Edit-Panel { margin-left: 10px; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper { margin-right: 0; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper .checkbox { top: 6px !important; } .accordian-panel-wrap .tap-bar { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .tap-bar { flex-direction: row; align-items: center; } } .accordian-panel-wrap .table-responsive { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .left-head { margin: 10px 0; margin-bottom: 10px !important; } } .accordian-panel-wrap .left-head a { margin-right: 10px; padding: 0; border: 0; margin-bottom: 0; } .accordian-panel-wrap .left-head a *:hover { opacity: 1; } .accordian-panel-wrap .left-head a.collapsed i::before { content: "\f107"; } .accordian-panel-wrap .left-head a i { font-size: 22px; } .accordian-panel-wrap .left-head a i::before { content: "\f106"; } .accordian-panel-wrap .left-head .product-sub-title { font-size: 20px; margin-bottom: 0; } @media (max-width: 575px) { .accordian-panel-wrap .right-actions { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (max-width: 991px) { .accordian-panel-wrap .right-actions .btn { margin: 5px; } } .accordian-panel-wrap .table-wrapper { margin-top: 25px; } .accordian-panel-wrap .document-list-wrapper { margin-top: 25px; } .side-panel-wrapper .widget-list .ui-draggable-dragging { max-width: 85px; } .side-panel-wrapper .widget-list .ui-draggable-dragging img { max-width: 70px; } div.dataTables_wrapper div.dataTables_processing { background-color: #ffffff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); border-radius: 5px; } .note-editor.note-frame output.note-status-output { display: none !important; } .note-editor.note-frame .note-toolbar { display: none; } .right-actions { text-align: right; } .warning-icon { color: #ecec4b; margin-right: 10px; font-size: 22px; } .label-bold { font-weight: 600; } .checkbox-bold .checkbox { border-width: 2px; } .checkbox-bold label { font-weight: 600; } .otp-link-disable { color: #ff0000 !important; } .external-login, .external-register { margin: 0 !important; margin-top: 5px !important; display: flex; padding-top: 50px; justify-content: space-around; } .external-login button.btn.btn-primary.external-button, .external-login button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus { width: auto; margin: 10px 0; position: relative; background: transparent; border: 0; color: #333; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 8px 10px; font-size: 14px; min-width: auto; } .external-login .or-social-text, .external-register .or-social-text { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .external-login .or-social-text:after, .external-register .or-social-text:after { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 10px); transform: translateY(-50%); border-top: 1px solid #ccc; } .external-login .or-social-text p, .external-register .or-social-text p { margin: 0; padding: 25px 30px 0 30px; background: #f5f5f5; z-index: 1; font-weight: 600; position: relative; } .external-login button.btn.btn-primary.external-button svg, .external-register button.btn.btn-primary.external-button svg { min-width: 60px; min-height: 60px; position: relative; left: 0; margin-bottom: 10px; color: #4867aa; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 6px; } .login-register-wrapper .external-login .or-social-text p { background: #ffffff; } .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button:active, .external-login button.btn.btn-primary.external-button:active { max-width: 500px; margin: 10px 0; background: transparent !important; } .filter-box-wrapper { padding: 10px 20px 20px 20px; background: #fff; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 8px; } .video-widget-iframe { width: 100%; min-height: 300px; } .list-1 .table.shadow-table thead tr.list-filter-settings th, .list-2 .table.shadow-table thead tr.list-filter-settings th, .list-3 .table.shadow-table thead tr.list-filter-settings th { background: transparent; } .list-1 .table.shadow-table thead tr.list-filter-settings th button, .list-2 .table.shadow-table thead tr.list-filter-settings th button, .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 10px; } .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-right: 0; } .list-1 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-2 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-3 .table.shadow-table thead tr.list-filter-settings th .form-control { font-size: 14px; height: 35px; min-height: 35px; } .list-1 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-2 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-3 .table.shadow-table thead tr.list-filter-settings th .multiselect { font-size: 14px; } .page-access-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .g-recaptcha { margin-top: 20px; } .recaptcha { margin-top: 10px; } .recaptcha .g-recaptcha { margin-top: 0; } .recaptcha-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .note-small-text { font-size: 12px; } .daterangepicker .ranges li.active { background: #39547c !important; } .right-side-checkbox .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; top: 6px; } .right-side-checkbox .checkbox { top: 6px; } .Registration-control .login-button { min-width: 200px; width: auto; margin: auto; margin-bottom: 15px; } .multiselect-container > li > a > label { padding: 3px 20px 3px 10px !important; } .multiselect-container .btn.btn-default.multiselect-clear-filter { border: 1px solid #ccc; } .label-datatype { padding-right: 5px; } .multiselect-selected-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } .multiselect.dropdown-toggle::after { vertical-align: middle; } .video-widget-height { min-height: 300px; } .video-widget-width { min-width: 100%; } .contact-bulk-wrapper { justify-content: space-between !important; } .contact-bulk-wrapper .bulk-action { display: flex; align-items: center; } @media (max-width: 575px) { .contact-bulk-wrapper .bulk-action { width: 100%; justify-content: center; margin-bottom: 10px; } } .contact-bulk-wrapper .bulk-action .select-wrapper { width: auto; margin-right: 6px; } .contact-bulk-wrapper .bulk-action .select-wrapper select { min-height: 35px; } @media (max-width: 575px) { .contact-bulk-wrapper .top-select { width: 100%; justify-content: center; } } .contact-bulk-wrapper .top-select .select-wrapper { width: auto; } .Registration-control .form-builder .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .external-login-controls, .external-register-controls .btn-external-register-submit, .external-login-controls .btn-external-submit { margin-bottom: 0 !important; } .Registration-control .form-builder .dp-form-row.otp-controls.dp-form-row, .Login-control .dp-form-row.otp-controls.dp-form-row { margin-bottom: 10px; } .Registration-control .btn-external-register-submit, .Registration-control .btn-primary { min-width: 100%; } .Registration-control .bottom-bar-btns .btn-primary { min-width: 200px; } .Registration-control .form-builder .login-otp-remember + .dp-form-row.otp-controls.dp-form-row { margin-right: -15px; margin-left: -15px; } .multiselect-container .multiselect-filter .input-group { display: flex; flex-wrap: nowrap; } .Video-control iframe { border-radius: 0; display: block; margin: auto; } .static-card-box { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .static-card-box p:last-child { margin-bottom: 0; } .static-card-box > *, .image-widget-wrap > * { max-width: 100%; overflow: auto; } .card-width { margin-bottom: 20px; } .card-width .card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card-width { width: 50% !important; } } @media (max-width: 767px) { .card-width { width: 100% !important; } } .card-width .checkbox-wrapper { margin-right: 15px; } .card-width .user-first-letters { margin: 0; } .card-width .user-first-letters:before { background-color: #39547c; } .card-width .user-detail { display: flex; align-items: flex-start; } .card-width .name { font-weight: 300; font-size: 14px; padding-right: 0; padding-left: 0; position: relative; word-break: normal; margin-bottom: 0; } .card-width .email { font-weight: 300; font-size: 14px; margin-bottom: 0; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .card-width .user-desc { max-width: calc(100% - 70px); } .card-width .user-desc a { /*color: $black !important;*/ color: #39547c !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-width .user-desc-text { color: #989898 !important; font-size: 14px; margin: 0; margin-top: 15px; } .card-width .user-tags { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin-top: 15px; } .card-width .user-tags .user-tags-chips { display: flex; align-content: center; flex-wrap: wrap; } .card-width .chip { display: flex; align-items: center; background-color: #bbcae0; padding: 3px 10px; border: 1px solid #39547c; border-radius: 6px; color: #39547c; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .card-width .chip span { line-height: normal; } .card-width .card-link { color: #39547c !important; font-size: 20px; margin-left: 5px; /*+ .card-link { margin-left: 5px; }*/ } .card-widget-top-bar { margin-bottom: 15px; } .card-widget-top-bar .icon-btn { background: transparent; border: 0; margin-left: 10px; font-size: 20px; } .card-widget-top-bar .right-actions { display: flex; align-items: center; justify-content: flex-end; } .card-widget-top-bar .right-actions .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .card-widget-top-bar .right-actions .checkbox-wrapper { display: flex; align-items: center; margin-right: 15px; } .card-widget-top-bar .right-actions .checkbox-wrapper .checkbox { top: 3px; } .card-widget-top-bar .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; min-width: 100px; } .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 11px; } } .card-widget-top-bar .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .card-widget-top-bar .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .card-widget-top-bar .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .daterangepicker:before, .daterangepicker:after { display: none !important; } .hirerchy-icon { font-size: 18px; } .hierarchy-modal .modal-dialog { max-width: calc(100% - 40px); } .hierarchy-modal .modal-dialog .modal-body { max-height: calc(100vh - 150px); } .hierarchy-modal .modal-dialog .modal-body table tr td:first-child { white-space: nowrap; max-width: none !important; } .hierarchy-modal .modal-dialog .modal-body table .la-angle-down, .hierarchy-modal .modal-dialog .modal-body table .la-angle-right { color: #777 !important; font-size: 16px; padding-right: 10px; } /*----------------genealogy-scroll----------*/ .genealogy-scroll::-webkit-scrollbar { width: 5px; height: 8px; } .genealogy-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } .genealogy-scroll::-webkit-scrollbar-thumb { background: #212121; border-radius: 10px; transition: 0.5s; } .genealogy-scroll::-webkit-scrollbar-thumb:hover { background: #d5b14c; transition: 0.5s; } .hierarchy-card .modal-dialog .modal-body { max-width: 100%; } /*----------------genealogy-tree----------*/ .genealogy-body { white-space: nowrap; padding: 50px; min-height: 500px; padding-top: 10px; } .genealogy-tree { display: inline-block; } .genealogy-tree ul { padding-top: 20px; position: relative; padding-left: 0px; display: flex; justify-content: center; } .genealogy-tree li { float: left; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .genealogy-tree li::before, .genealogy-tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #ccc; width: 50%; height: 18px; } .genealogy-tree li::after { right: auto; left: 50%; border-left: 2px solid #ccc; } .genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before { display: none; } .genealogy-tree li:only-child { padding-top: 0; } .genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after { border: 0 none; } .genealogy-tree li:last-child::before { border-right: 2px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .genealogy-tree li:first-child::after { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } .genealogy-tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid #ccc; width: 0; height: 20px; } .genealogy-tree li a:hover + ul li::after, .genealogy-tree li a:hover + ul li::before, .genealogy-tree li a:hover + ul::before, .genealogy-tree li a:hover + ul ul::before { border-color: #fbba00; } /*--------------memeber-card-design----------*/ .member-view-box { padding: 0px 20px; border-radius: 4px; position: relative; } .member-image { position: relative; width: 300px; margin: auto; } .member-image img { width: 60px; height: 60px; border-radius: 6px; background-color: #000; z-index: 1; } .image-file-upload .custom-file-label { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .image-file-upload .profile-img-wrap { position: relative; margin-left: 20px; } .image-file-upload .profile-img { height: 40px; width: 40px; min-width: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; position: relative; border: 1px solid #e1e1e1; cursor: pointer; } .image-file-upload .profile-img img { min-width: 100%; } .image-file-upload .profile-img-remove-btn { position: absolute; top: -5px; right: -3px; background: #df0a56; border: 0; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .profile-view { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; border: 1px solid #e1e1e1; } .card-width .user-detail .profile { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; margin-right: 1em; } .document-list .tap-bar, .document-list .tap-bar .right-actions { flex-wrap: wrap; } .document-list .tap-bar .right-actions button { margin-right: 7px; } @media (max-width: 991px) { .document-list .tap-bar .right-actions button { margin: 5px 0; margin-right: 7px; } } .document-list .tap-bar .right-actions button:last-child { margin-right: 0; } @media (max-width: 575px) { .document-list .right-actions { width: 100%; } } .col-lg-1.column.drag-container .document-grid .document-list-menu li, .col-lg-2.column.drag-container .document-grid .document-list-menu li, .col-lg-3.column.drag-container .document-grid .document-list-menu li, .col-lg-4.column.drag-container .document-grid .document-list-menu li, .col-lg-5.column.drag-container .document-grid .document-list-menu li, .col-lg-6.column.drag-container .document-grid .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; } .col-lg-1.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-2.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-3.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-4.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-5.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-6.column.drag-container .document-grid .document-list-menu li:last-child { margin-bottom: 20px; } .payment-widget .form-group label { margin-bottom: 5px; } .payment-widget .form-group { margin: 0 0 10px 0; } .pay-btn { max-width: 150px; margin: auto; display: block; } #paypal-button .zoid-outlet { width: 230px !important; height: 61px !important; } .payment-label { font-size: 18px; font-weight: 600; } .payment-amount { font-size: 14px; font-weight: 600; } .center-image-field { margin: auto; } .table-lookups.table.shadow-table thead td { white-space: nowrap; } .multiselect-native-select .btn-default { font-weight: 600; background: initial; color: #000; background-color: #efefef !important; } .multiselect-native-select .btn-default:after { border-top-color: #000; } .multiselect-native-select .btn-default:focus { box-shadow: none; border-color: #CBCBCB; } .multiselect-native-select .btn-default .multiselect-selected-text { white-space: nowrap; } .table-wrapper .table-responsive.visible { overflow: visible; } .table-wrapper .table-responsive .dropdown-menu.multiselect-container { max-height: 150px !important; } .btn.focus, .btn:focus { box-shadow: none !important; } .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { opacity: 1 !important; } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #39547c !important; border-color: #39547c !important; } .trans-btn-wrapper button.trans-btn:disabled { background-color: transparent !important; opacity: 0.6; } .trans-btn-wrapper .filter-btn-wrapper { position: relative; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .advance-filter-close { background: #ff0000; color: #fff; border-radius: 50%; padding: 2px; font-size: 10px; position: absolute; right: 8px; top: -2px; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .la-filter { color: #333333; } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper { padding-right: 10px; /*color: $black;*/ } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper.filter-active-btn { color: #000; padding-right: 15px !important; } .trans-btn-wrapper.card-widget-filter button { background-color: transparent !important; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .trans-btn-wrapper.card-widget-filter button:disabled { opacity: 0.6; } .img-preview-modal .modal-dialog { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 300px; } .table-processing .dataTables_wrapper .dataTables_processing { box-shadow: none; background: transparent; width: auto; transform: translate(-50%, -50%); margin: 20px; padding: 10px; z-index: 1; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box img { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg path { fill: #39547c !important; } .card-width .data-card-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .card-width .data-card-box-wrap .card-label { font-weight: 600; padding-right: 5px; font-size: 15px; } .card-width .data-card-box-wrap .data-card-title { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .data-card-title .name { display: block; } .card-width .data-card-box-wrap .data-card-description { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .user-desc-text { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } select, select option { font-family: "Open Sans", sans-serif; } .tap-bar.heading-top-bar { flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .tap-bar.heading-top-bar { margin-bottom: 10px; } } .tap-bar.heading-top-bar .heading { margin: 0; } .tap-bar.heading-top-bar .right-actions { margin: 0 !important; } .form-video-wrapper { max-width: 100%; overflow: auto; } .form-video-wrapper iframe.iframe-play, .form-video-wrapper .video-play { display: block; margin: auto; width: 100%; min-height: 300px; } .multisect-menu-wrapper.multiselect-style-2 ul { display: flex; margin: 0; flex-wrap: wrap; /*max-height: 150px;*/ /*overflow: auto;*/ border: 1px solid #CBCBCB; border-radius: 6px; padding: 10px; } .multisect-menu-wrapper.multiselect-style-2 ul li { list-style: none; width: 25%; padding: 3px 10px; } @media (max-width: 1599px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } } @media (max-width: 1199px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 991px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper { margin: 0; display: inline-block; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled { cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox + label { cursor: not-allowed; opacity: 0.7; } .multisect-menu-wrapper.detail-checkbox-style ul { border: 0; padding: 0; margin: 0 -10px; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper { pointer-events: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #909090; border-color: #909090; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:after { display: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; bottom: initial; background: initial; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after, .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 8px; background: #909090; border: 0; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { transform: rotate(-45deg); } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after { transform: rotate(45deg); } .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } @media (max-width: 1900px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 1439px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .record-select-wrapper select { height: 34.5px; min-height: 34.5px; } .input-group.date .datePickerInput:focus, .input-group.date .datePickerInput:hover { outline: 0; border: 0; box-shadow: none; } .tap-bar.heading-top-bar.form-right-buttons .right-actions { margin-left: auto !important; } /*code restructuring css start here*/ td { white-space: normal; word-break: normal; } table a { cursor: pointer; } td.dataTables_empty { text-align: center !important; } div.list-control div.dataTables_processing { width: 0px; } div.dataTables_wrapper div.dataTables_info { width: 50%; float: left; padding-top: 8px; } div.dataTables_wrapper div.dataTables_paginate { width: 50%; float: right; } .user-data .table.shadow-table tr:nth-child(2n) td:first-child { padding-left: 15px; } @media screen and (max-width: 767px) { div .dataTables_wrapper div.dataTables_info { width: 100%; float: none; padding-top: 8px; padding-bottom: 10px; } div.dataTables_wrapper div.dataTables_paginate { width: 100%; float: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; } } .list-1 { margin-top: 0px; } .list-2 { margin-top: 0px; } .list-3 { margin-top: 0px; } .main-wrapper { margin-top: 0 !important; padding: 0 15px; overflow-x: hidden; min-height: 100vh; } header { position: static; } .Knowledge-control .search-input .knowledge-search { border: 1px solid #CBCBCB; } .Knowledge-control .search-input.dp-search-wrapper { border: 0px; } .Knowledge-control .search-input.dp-search-wrapper .search-icon { right: 15px; } .disabled { cursor: not-allowed !important; } .redcolor { color: red !important; } .document-bredcrumb a { cursor: pointer; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; cursor: not-allowed; } .user-data .table.shadow-table td { text-align: center; } .product-line-list { margin-top: 30px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-builder { margin-top: 0px !important; } .widget-font.list-1 .trans-btn-wrapper .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .widget-font.list-1 .dt-buttons .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .resend-otp-wrap { display: flex; align-items: center; } .resend-otp { padding-left: 5px; } .resend-otp span { font-weight: 700; } .grecaptcha-badge { opacity: 0; } [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: plum; vertical-align: middle; margin-right: 1em; color: white; color: white; } .ytp-watermark, .ytp-show-cards-title { display: none !important; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area { min-height: 350px; } /*preview page css start here*/ .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; justify-content: center; } .disable-progress-btn { cursor: not-allowed !important; } .paypal-button { /*cursor: not-allowed;*/ /*pointer-events: none;*/ background-color: #ffffff; } .paypal-button-preview { cursor: not-allowed; pointer-events: none; background-color: #ffffff; } .Preview-Title { margin-top: 64px; padding-right: 15px; padding-left: 15px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*height overlap issue css start here*/ .grid-box.box-element { height: auto !important; margin-bottom: 15px; flex: 0 0 100%; max-width: 100%; } .column.drag-container.ui-droppable.activity-full-height { position: relative; display: flex; flex-wrap: wrap; margin: 0; } @media (min-width: 992px) { .column.drag-container.ui-droppable.activity-full-height .grid-box.box-element:last-child { margin-bottom: 0; } } /*height overlap issue css end here*/ /*chat css start here*/ .msger .msger-chat { overflow-y: auto; padding: 30px 10px 10px; max-height: 400px; scrollbar-width: thin; } .msger .msger-chat::-webkit-scrollbar { width: 6px; } .msger .msger-chat::-webkit-scrollbar-track { background: #ddd; } .msger .msger-chat::-webkit-scrollbar-thumb { background: #bdbdbd; } .msger .msger-chat .chat-loader { text-align: center; } .msger .msger-chat .chat-empty { display: block; text-align: center; font-size: 16px; color: #909090; font-weight: 600; } .msger .msger-chat .msg { display: flex; align-items: flex-end; margin-bottom: 10px; } .msger .msger-chat .msg:last-of-type { margin: 0; } .msger .msger-chat .msg .msg-img { width: 40px; min-width: 40px; height: 40px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; font-style: italic; text-transform: uppercase; } .msger .msger-chat .msg .msg-bubble { max-width: 70%; padding: 15px; border-radius: 15px; word-break: break-word; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble { max-width: 100%; } } .msger .msger-chat .msg .msg-bubble .msg-download { margin: 10px 0 0; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn { padding: 0; margin: 3px 0 0; display: flex; align-items: center; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 208px; } } @media (max-width: 575px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 100px; } } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn i { font-size: 20px; vertical-align: sub; } .msger .msger-chat .msg .msg-bubble .msg-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-right: 10px; font-weight: 700; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time { display: flex; align-items: center; font-size: 11px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-left: 5px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn { border: 0; background: transparent; padding: 0; color: #39547c; outline: 0; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn i { font-size: 20px; } .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-left-radius: 0; background-color: #f3f3f3; } .msger .msger-chat .msg.right-msg { flex-direction: row-reverse; } .msger .msger-chat .msg.right-msg .msg-download-btn { color: #39547c; } .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 0; background-color: #e6e6e6; } .msger .msger-chat .msg.right-msg .msg-img { margin: 0 0 0 10px; } .msger .msg-input-box { display: flex; justify-content: space-between; width: 100%; } .msger .msger-inputarea { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #dddddd; margin: 20px 0 0; border-radius: 20px; } .msger .msger-inputarea .msg-send-wrap { display: flex; width: 100%; position: relative; } .msger .msger-inputarea .msg-send-wrap .msger-input { background: transparent; border-radius: 30px; padding: 13px 20px; padding-right: 40px; height: 100%; } .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-right: 250px; } .msger .msger-inputarea .msg-send-wrap .msg-inputs { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap { height: 100%; position: relative; display: flex; align-items: center; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .custom-file-input { opacity: 0; position: absolute; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .msg-file-name { margin: 0; padding-right: 15px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .msger .msger-inputarea .msg-send-wrap .msg-inputs i { font-size: 20px; } .msger .msger-inputarea .msger-send-btn { border-radius: 50%; width: 35px; display: flex; height: 35px; justify-content: center; align-items: center; margin: 5px 10px; } .msger .msger-inputarea .msger-send-btn i { font-size: 24px; padding: 0; } .msger .msg-attach-wrap { display: block; width: 100%; border-bottom: 1px solid #000; padding: 20px 20px 15px; margin: 0 0 15px; } @media (max-width: 575px) { .msger .msg-attach-wrap { text-align: center; } } .msger .msg-attach-wrap .chat-file-box { display: inline-flex; align-items: center; padding: 13px 20px; border-radius: 3px; height: 100%; position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); margin: 0 20px 10px 0; } .msger .msg-attach-wrap .chat-file-box:last-child { margin-right: 0; } .msger .msg-attach-wrap .chat-file-box i { font-size: 18px; } .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding-left: 5px; } @media (max-width: 575px) { .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 150px; } } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn { position: absolute; top: 3px; right: 3px; background: trasparent; border: 0; color: #000; border-radius: 50%; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn i { font-size: 14px !important; } /*edit panel css start here*/ .edit-panel-wraaper { background: #6f6f6f; position: fixed; left: 0; right: 0; top: 0; padding: 7px 20px; z-index: 2; display: flex; justify-content: flex-end; } .edit-panel-wraaper .panel-edit-btn .btn { padding: 0; color: #fff; font-size: 14px; } .edit-panel-wraaper .panel-edit-btn .btn:hover { text-decoration: none; } .edit-panel-wraaper .panel-edit-btn .btn i { margin: 0 5px; font-size: 16px; opacity: 0.7; } /*edit panel css end here*/ .dp-formb-body.column.drag-container.col-lg-12.ui-droppable { padding: 0; } .list-control .table.table-sorting-icon.shadow-table thead tr th:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n - 2) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .activity-field-header { font-weight: 600; } .user-data { padding: 30px; } .user-data .heading-bar { justify-content: space-between; } @media (max-width: 575px) { .user-data .heading-bar { flex-direction: column; } } .user-data .heading-bar .icon-btn { margin-left: 10px; font-size: 23px; background-color: transparent; border: 0; outline: none; color: #39547c; } .user-data .heading-bar .right-btns { display: flex; align-items: center; } .user-data .heading-bar .right-btns .btn i { padding-right: 5px; } .user-data .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; min-width: 200px; } .user-data .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .user-data .dropdown-menu .dropdown-item { font-size: 11px; } } .user-data .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .user-data .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .user-data .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .user-data .card { position: relative; } .user-data .card .user-detail { display: flex; align-items: center; } .user-data .card .user-detail .user-img { height: 50px; width: 50px; min-width: 50px; border-radius: 50%; margin-right: 20px; } @media (max-width: 575px) { .user-data .card .user-detail .user-img { height: 30px; width: 30px; min-width: 30px; margin-right: 10px; } } .user-data .card .user-detail .user-img img { width: 100%; } .user-data .card .user-detail .user-desc { width: calc(100% - 70px); } .user-data .card .user-detail .user-desc p { margin-bottom: 0; word-break: break-all; } .user-data .card .user-detail .user-desc p.name { font-weight: 600; font-size: 16px; padding-right: 30px; padding-left: 20px; position: relative; word-break: normal; } .user-data .card .user-detail .user-desc p.name:before { content: ''; height: 9px; width: 9px; background: #30cb86; border-radius: 50%; position: absolute; left: 2px; top: 7px; } .user-data .card .user-detail .user-desc p.name.away:before { background-color: #deaf34; } .user-data .card .user-detail .user-desc p.name.dnd:before { background-color: #df0a56; } .user-data .card .user-detail .user-desc p.name.invisibled:before { background-color: #CBCBCB; } .user-data .card .user-detail .user-desc p.name .icon-btn { position: absolute; border: 0; background: transparent; top: -2px; outline: none; right: 0; font-size: 18px; color: rgba(0, 0, 0, 0.44); } @media (max-width: 575px) { .user-data .card .user-detail .user-desc p.name { font-size: 14px; } } .user-data .card .user-detail .user-desc p.email { font-weight: 300; font-size: 14px; } @media (max-width: 575px) { .user-data .card .user-detail .user-desc p.email { font-size: 12px; } } .user-data .card .user-tags { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin-top: 15px; } @media (max-width: 575px) { .user-data .card .user-tags { margin-top: 10px; } } .user-data .card .user-tags .checkbox-wrapper { margin-right: 0; margin-top: 3px; position: absolute; right: 25px; } .user-data .card .user-tags .checkbox-wrapper .checkbox, .user-data .card .user-tags .checkbox-wrapper input[type='checkbox'] { height: 24px; width: 24px; } .user-data .card .user-tags .checkbox-wrapper .checkbox::before, .user-data .card .user-tags .checkbox-wrapper input[type='checkbox']::before { height: 7px; width: 13px; } @media (max-width: 575px) { .user-data .card .user-tags .checkbox-wrapper .checkbox, .user-data .card .user-tags .checkbox-wrapper input[type='checkbox'] { height: 21px; width: 21px; } .user-data .card .user-tags .checkbox-wrapper .checkbox::before, .user-data .card .user-tags .checkbox-wrapper input[type='checkbox']::before { height: 6px; width: 11px; } } .user-data .card .user-tags .chip { display: flex; align-items: center; background-color: #e2dbfa; padding: 3px 10px; border: 1px solid #633FE4; border-radius: 6px; color: #633FE4; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .user-data .card .user-tags .chip i { font-size: 14px; } @media (max-width: 575px) { .user-data .card .user-tags .chip { font-size: 10px; margin: 4px 8px 4px 0; } .user-data .card .user-tags .chip i { font-size: 12px; } } .user-data .card .user-tags .chip.available { color: #39547c !important; border-color: #39547c; background-color: #c5d2e4; } .user-data .card .user-tags .chip.available span { color: #39547c !important; } .user-data .card .user-tags .chip.previous { color: #39547c; border-color: #39547c; background-color: #a8bbd7; } .user-data .card .last-login { margin: 0; position: relative; font-size: 13px; } .datacard-control.data-card-style-2 .card-width { /* @include b-tablet { width: 50% !important; }*/ } @media (max-width: 767px) { .datacard-control.data-card-style-2 .card-width { width: 100% !important; } } .datacard-control.data-card-style-2 .card-width .card { border: 1px solid #eee; border-radius: 4px; box-shadow: none; } .datacard-control.data-card-style-2 .card-width .card .checkbox-wrapper { margin-right: 15px; position: absolute; right: 10px; top: 5px; } .datacard-control.data-card-style-2 .card-width .card .user-detail { align-items: flex-start; } .datacard-control.data-card-style-2 .card-width .card .user-detail .profile { height: initial; width: 144px; min-width: 144px; border-radius: initial; margin: 0; } @media (max-width: 1439px) { .datacard-control.data-card-style-2 .card-width .card .user-detail .profile { width: 80px; min-width: 80px; } } .datacard-control.data-card-style-2 .card-width .card .user-detail .user-desc { width: 100%; max-width: calc(100% - 144px); padding: 0 20px; } @media (max-width: 1439px) { .datacard-control.data-card-style-2 .card-width .card .user-detail .user-desc { max-width: calc(100% - 80px); padding: 0 10px; } } .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .user-tags { margin: 15px 0 0; } .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu { margin: 15px -20px -20px; } .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu { display: flex; margin: 0; border-top: 1px solid #eee; } .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu.datacard-tab-two li { width: 50%; } .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu.datacard-tab-one li { width: 100%; } .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { list-style: none; padding: 10px 5px; border-right: 1px solid #eee; width: 33.33%; color: #5d5d5d; text-align: center; font-weight: 500; display: flex; justify-content: center; align-items: center; } .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-right: 0; } .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li span { word-break: break-all; } .genealogy-tree.data-card-style-2 .member-image { width: 420px; } .genealogy-tree.data-card-style-2 .member-image .card { border: 1px solid #eee; border-radius: 4px; box-shadow: none; } .genealogy-tree.data-card-style-2 .member-image .card .user-detail .profile { border-radius: initial; width: 100px; height: 100px; min-width: 100px; } .genealogy-tree.data-card-style-2 .member-image .card .user-detail .profile img { width: initial; height: initial; border-radius: initial; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .user-tags { margin: 15px 0 0; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu { margin: 15px -20px -20px; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu { display: flex; margin: 0; border-top: 1px solid #eee; padding: 0; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu:before { display: none; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu.datacard-tab-two li { width: 50%; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu.datacard-tab-one li { width: 100%; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { list-style: none; padding: 10px 5px; border-right: 1px solid #eee; width: 33.33%; color: #5d5d5d; text-align: center; font-weight: 500; display: flex; justify-content: center; align-items: center; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:before, .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:after { display: none; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-right: 0; } .genealogy-tree.data-card-style-2 .member-image .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li span { white-space: normal; word-break: break-all; } .genealogy-tree.data-card-style-2 .member-image .card .data-hierarchy-btn i { display: block; text-align: center; cursor: pointer; padding: 10px 0; font-size: 20px; margin: 20px -20px -20px; border-top: 1px solid #eee; } .genealogy-tree .data-hierarchy-btn i { display: block; margin: auto; text-align: center; cursor: pointer; padding-top: 10px; font-size: 20px; } .genealogy-tree .card-width { margin-bottom: 10px; } @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*media break points*/ body.rtl { direction: rtl; text-align: right; /*data card css start */ /*multiselect css start */ /*note access design start here*/ } body.rtl .login-register .form-input input { padding-right: 50px; padding-left: initial; } body.rtl .login-register .form-input .login-icon { right: 20px; left: initial; } body.rtl header .navbar .right-nav .nav-item.profile-nav { padding-right: 20px; padding-left: 0; } body.rtl header .navbar .right-nav .profile { margin-left: 10px; margin-right: 0; } body.rtl header .navbar .nav-item .dropdown-toggle::after { margin-right: 5px; margin-left: 0; } body.rtl header .navbar .nav-link-wrapper { padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-toggle { padding: 8px; padding-right: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .nav-link:not(.dropdown-toggle) { text-align: right; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-toggle { padding: 8px; padding-left: 0; } body.rtl header.custom-header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu .dropdown-menu { right: 100% !important; } body.rtl .search .search-wrapper .form-group .search-box .form-control { padding-left: 42px; padding-right: 12px; } body.rtl .search .search-wrapper .form-group .search-box .search-btn { left: 0; right: initial; } body.rtl .search .select-search-wrapper .select-wrapper { margin-left: 15px; margin-right: 0; } body.rtl .multiselect-native-select .multiselect-selected-text { margin-left: 5px; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-title:after { right: 0; left: initial; } body.rtl .rc-counter.counter-1 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-right: 70px; padding-left: initial; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-title { padding-right: 0; padding-left: 60px; } body.rtl .rc-counter.counter-2 .counter-wrapper .counter-box-wrapper .counter-box p.count-number { padding-left: 60px; padding-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p { text-align: left; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li p:first-child { text-align: right; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper .all-link { margin-left: 30px; margin-right: 0; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li { padding-right: 30px; padding-left: initial; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li:before { left: initial; right: 10px; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper.rc-2 .rc-activity-wrapper ul li::after { right: 4px; left: initial; } body.rtl .activity-full-height .all-link { left: 15px; right: initial; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n - 2) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } body.rtl .list-1 .table.shadow-table tr:nth-child(2n) td:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-1 .table.shadow-table thead tr th:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; } body.rtl .list-1 .table.shadow-table thead tr th:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } body.rtl .list-3 .table.shadow-table tr td:last-child { text-align: left; } body.rtl div.dataTables_wrapper div.dataTables_info { float: right; } body.rtl .dp-search-wrapper .form-control { padding-left: 35px; padding-right: 12px; } body.rtl .dp-search-wrapper .search-icon { left: 9px; right: initial; } body.rtl .top-select { margin-right: 20px; margin-left: 5px; } body.rtl .top-select select { padding-left: 30px; padding-right: 8px; } body.rtl .select-wrapper::before { left: 13px; right: initial; } body.rtl .widget-font.list-1 .dt-buttons .trans-btn { padding-right: 8px; padding-left: 18px; } body.rtl .input-group.search .form-control, body.rtl .input-group.date .form-control { padding-left: 50px; padding-right: 12px; } body.rtl .input-group.search .input-group-addon, body.rtl .input-group.date .input-group-addon { left: 35px; right: initial; } body.rtl .input-group.search .input-group-addon.search-addon, body.rtl .input-group.date .input-group-addon.search-addon { left: 12px; right: initial; } body.rtl .bottom-bar-btns .btn { margin-right: 30px; margin-left: 0; } body.rtl .accordian-panel-wrap .left-head a { margin-left: 10px; margin-right: 0; } body.rtl .Knowledge-control .search-input.dp-search-wrapper .search-icon { left: 15px; } body.rtl .knowledge-base .accordion .card .card-header .accordian-time { padding-left: 50px; padding-right: 10px; } body.rtl .knowledge-base .accordion .card .card-header .icon-plus-minus { left: 10px; right: initial !important; } body.rtl .case-deflection .solution-wrapper .find-box .find-text { padding-left: 15px; } body.rtl .search-box .search-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } body.rtl .search-box .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } body.rtl .right-actions { text-align: left; } body.rtl .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: left; } body.rtl .modal .modal-header .close { margin-right: auto; margin-left: -1rem; } body.rtl .modal .modal-header .warning-icon { margin-left: 10px; margin-right: initial; } body.rtl .modal .modal-footer .btn { margin-right: 4px; margin-left: initial; } body.rtl .header__btn { margin-left: 10px; } body.rtl .header__btn:last-child { margin-left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:before { left: auto; right: 50%; transform: translateX(50%); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:after { right: auto; left: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; transform: translateX(-50%) scale(1.2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-96% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-99% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child span { padding-right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-50% + 10px / 2); } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-active:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__progress .multisteps-form__progress-btn.js-done:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-1 .multisteps-form__panel { right: 0; left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 80px / 2); } @media screen and (max-width: 992px) { body.rtl .multisteps-form-2 .multisteps-form__progress-btn:after { left: auto; right: calc(-50% + 40px / 2); } } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child:before { left: auto; right: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { left: auto; right: calc(-70% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { left: auto; right: calc(-80% + 10px / 2); } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child { text-align: left; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:before { right: auto; left: 0; } body.rtl .multisteps-form-2 .multisteps-form__progress-btn:last-child:after { right: calc(-30% + 10px / 2); left: auto; } body.rtl .multisteps-form-2 .multisteps-form__panel { left: auto; right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn span { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before, body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child { text-align: right; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child span { padding-right: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:first-child + .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child span { padding-left: 0; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:before { right: calc(50% - 20px); left: auto; } body.rtl .multisteps-form-2.stepwise-progress .multisteps-form__progress-btn:last-child:after { right: calc(-50% + 80px / 2); } body.rtl .form-builder .form-box-3 .form-group .label.multistepform_label, body.rtl .form-builder .form-box-2 .form-group .label.multistepform_label { right: 0; left: auto; } body.rtl .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: left; } body.rtl .multiselect-container .dropdown-item .form-check { padding-left: 0; padding-right: 20px; text-align: right; } body.rtl .multiselect-container .dropdown-item .form-check .form-check-input { margin-right: -20px; margin-left: initial; } body.rtl .image-file-upload .profile-img-wrap { margin-left: 0; margin-right: 20px; } body.rtl .image-file-upload .profile-img-remove-btn { left: -3px; right: initial; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 0; margin-left: 10px; } body.rtl .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, body.rtl .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-left: 0; } body.rtl .card-widget-top-bar .right-actions .checkbox-wrapper { margin-left: auto; margin-right: initial !important; } body.rtl .card-width .card-body .checkbox-wrapper { float: left !important; } body.rtl .card-width .data-card-box-wrap .card-label { padding-right: initial; padding-left: 5px; } body.rtl .card-width .hirerchy-icon { padding-left: 7px; padding-right: initial !important; } body.rtl .card-width .chip { margin: 5px 0px 5px 10px; } body.rtl .card-width .card-link + .card-link { margin-right: 10px; margin-left: 0; } body.rtl .card-width .user-detail .profile { margin-right: 0; margin-left: 1em; } body.rtl .card-width .drag-container .widget-font .top-select { margin-left: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .checkbox-wrapper { right: initial; top: 5px; left: 10px; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li { border-left: 1px solid #eee; border-right: 0; } body.rtl .datacard-control.data-card-style-2 .card-width .card .data-card-tag-wrap .datacard-tab-icon-menu .datacard-menu li:last-child { border-left: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input[type='checkbox'] { left: initial; right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper .checkbox { right: 0; } body.rtl .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper label { padding-left: 0; padding-right: 26px; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-left: 10px; margin-right: 0; } body.rtl .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-right: 5px; padding-left: 0; } body.rtl .msger .msger-chat .msg .msg-img { margin-right: 0; margin-left: 10px; } body.rtl .msger .msger-chat .msg.right-msg .msg-img { margin: 0 10px 0 0; } body.rtl .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 10px; border-bottom-left-radius: 0; } body.rtl .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input { padding-right: 10px; padding-left: 40px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-left: 250px; } body.rtl .msger .msger-inputarea .msg-send-wrap .msg-inputs { left: 10px; right: initial; } body.rtl .msger .msger-inputarea .msger-send-btn { margin-right: 10px; margin-left: 0; } body.rtl .msger .msger-inputarea .msger-send-btn i { transform: rotate(180deg); } body.rtl .msger .chat-file-box .msg-file-name { padding-right: 5px; padding-left: 0; } body.rtl .msger .chat-file-box .user-img-remove-btn { left: 3px; right: initial; } body { color: #000000; font-size: 14px; } * { font-family: "Open Sans"; } font[face="Courier New"] { font-family: Courier New; } font[face="Arial"] { font-family: Arial; } font[face="Arial Black"] { font-family: Arial Black; } font[face="Comic Sans MS"] { font-family: Comic Sans MS; } font[face="Geneva"] { font-family: Geneva; } font[face="Georgia"] { font-family: Georgia; } font[face="Helvetica"] { font-family: Helvetica; } font[face="Impact"] { font-family: Impact; } font[face="Lucida Console"] { font-family: Lucida Console; } font[face="Tahoma"] { font-family: Tahoma; } font[face="Times New Roman"] { font-family: Times New Roman; } font[face="Verdana"] { font-family: Verdana; } img { max-width: 100%; } .btn { font-weight: 600; font-size: 15px; padding: 5px 10px; } .btn.btn-primary { background-color: #39547c; border-color: #39547c; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #293c59; border-color: #293c59; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-primary { font-size: 12px; } } .btn.btn-primary .la-key.cred { margin-right: 4px; } .btn.btn-link { color: #39547c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:not(:disabled):not(.disabled):active { color: #293c59; } .btn.btn-secondary { background-color: transparent; border-color: #000000; color: #000000; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #000000; opacity: 0.6; outline: none; box-shadow: none; } @media (max-width: 767px) { .btn.btn-secondary { font-size: 12px; } } input, select { width: 100%; border: 0; height: 40px; padding: 5px 15px; } input.login-input, select.login-input { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); border-radius: 5px; } input:focus, input:active, select:focus, select:active { outline: none; } input [type="hidden"] { height: 0; padding: 0; margin: 0; } .input-label { font-weight: 600; } a, a * { transition: all 0.4s ease; color: #39547c !important; } a:hover, a *:hover { color: #39547c !important; opacity: 0.7; text-decoration: none; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .container { max-width: 1400px; } .validation-msg { font-size: 12px; margin-top: 7px; display: block; } .dp-purple, .dp-purple:hover { color: #633FE4 !important; } .dp-red, .dp-red:hover { color: #df0a56 !important; } .dp-green, .dp-green:hover { color: #26a26b !important; } .dp-blue, .dp-blue:hover { color: #39547c !important; } .dp-lightblue, .dp-lightblue:hover { color: #39547c !important; } .dp-primary, .dp-primary:hover { color: #39547c !important; } .dp-yellow, .dp-yellow:hover { color: #e2b84a !important; } .card { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; } button { cursor: pointer; } .form-group { margin: 10px 0; } .form-group label { font-size: 14px; font-weight: 600; margin-top: 6px; margin-bottom: 10px; } @media (max-width: 575px) { .form-group label { font-size: 12px; } } @media (max-width: 991px) { .form-group { margin: 10px 0; } .form-group label { margin-bottom: 8px; margin-top: 0; } } .select-wrapper { position: relative; width: 100%; } .select-wrapper:before { content: ''; position: absolute; right: 13px; height: 8px; width: 8px; border: 2px solid #b2b2b2; top: 50%; transform: translateY(-50%) rotate(45deg); border-left: 0; border-top: 0; } .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CBCBCB; box-shadow: none; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; line-height: 26px; } .form-control { min-height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; font-size: 14px; color: #000000 !important; } .form-control:focus { box-shadow: none !important; border-color: #CBCBCB !important; } select.form-control:not([size]):not([multiple]) { height: auto; } .bottom-bar-btns { display: flex; justify-content: flex-end; margin-top: 40px; flex-wrap: wrap; } .bottom-bar-btns .btn { margin-left: 30px; min-width: 200px; white-space: normal; margin-bottom: 10px; } .bottom-bar-btns .btn:first-child { margin-left: 0; } @media (max-width: 767px) { .bottom-bar-btns { margin-top: 25px; } .bottom-bar-btns .btn { min-width: auto; padding: 6px 20px; margin-bottom: 10px; } } .modal-header { border-bottom: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-header { padding: 20px; } } .modal-header .modal-title { font-size: 18px; font-weight: 700; } @media (max-width: 575px) { .modal-header .modal-title { font-size: 16px; } } .modal-header .close { outline: none; } .modal-header .close span { font-size: 18px; } .modal-footer { border-top: 0; padding: 20px 30px; } @media (max-width: 767px) { .modal-footer { padding: 20px; } } .modal-footer .btn { min-width: 200px; } .modal-footer.center-btns { justify-content: center; } .modal-body { padding: 10px 30px; padding-bottom: 0; max-height: calc(100vh - 200px); overflow: auto; } @media (max-width: 767px) { .modal-body { padding: 0 20px; } } .modal-body .form-group { margin: 0; } @media (max-width: 767px) { .modal-body .form-group { flex-wrap: wrap; } .modal-body .form-group label { width: 100%; } } @media (max-width: 767px) { .modal-body .dp-form-row { margin-bottom: 0; } } .modal-body .modal-heading { font-size: 18px; font-weight: 700; margin-top: 30px; margin-bottom: 18px; } @media (max-width: 575px) { .modal-body .modal-heading { font-size: 16px; } } .modal-dialog { max-width: 70%; margin: auto; height: 100%; } @media (max-width: 767px) { .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 767px) { .modal-dialog .modal-content .modal-body .dp-search-wrapper { margin: 10px 0 0; } } .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: nowrap; } @media (max-width: 767px) { .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } } @media (max-width: 991px) { .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .modal-dialog .modal-body.menu-replace-modal { max-height: initial; overflow: initial; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap { display: flex; align-items: baseline; flex-wrap: wrap; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap label { margin: 5px 0; margin-right: 40px; font-weight: 600; } .modal-dialog .modal-body.menu-replace-modal .menu-replace-wrap .select-wrapper select { padding-right: 30px; text-overflow: ellipsis; width: 255px; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper { margin: initial; } .modal-dialog .modal-body.menu-replace-modal .checkbox-wrapper .checkbox { top: 0; } .modal-dialog .modal-body.menu-replace-modal .table-responsive { max-height: calc(100vh - 400px); overflow: auto; } .dp-form-row { margin-bottom: 15px; } textarea.form-control { resize: none; padding: 10px 12px !important; min-height: 80px; } .column { margin-bottom: 10px; margin-top: 10px; } .drag-wrapper .column { margin-top: 0; } .table { white-space: nowrap; margin-bottom: 0; font-size: 13px; } .table thead th { padding: 10px 15px; border-bottom: 1px solid #dee2e6; font-size: 13px; background-color: #e6e6e6; text-align: center; } @media (max-width: 575px) { .table thead th { font-size: 12px; } } .table thead th:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table thead th:last-child { border-right: 1px solid #dee2e6; } .table tbody tr:last-child td { border-bottom: 1px solid #dee2e6; } .table tbody td { padding: 10px 15px; text-align: center; font-size: 13px; border-bottom: 1px solid #dee2e6; } @media (max-width: 575px) { .table tbody td { font-size: 12px; } } .table tbody td:first-child { border-left: 1px solid #dee2e6; text-align: left; } .table tbody td:last-child { border-right: 1px solid #dee2e6; } .checkbox-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; } .checkbox-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #39547c; border-color: #39547c; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { opacity: 1; } .checkbox-wrapper input[type='checkbox']:checked + .checkbox + label { font-weight: 600; } .checkbox-wrapper input[type='checkbox']:disabled { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox { cursor: not-allowed; } .checkbox-wrapper input[type='checkbox']:disabled + .checkbox + label { cursor: not-allowed; } .checkbox-wrapper .checkbox { position: absolute; left: 0; top: 0; height: 20px; width: 20px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 5px; } .checkbox-wrapper .checkbox::before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; } .checkbox-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .checkbox-wrapper label { font-size: 12px; } } .heading { font-size: 28px; font-weight: 700; } @media (max-width: 575px) { .heading { font-size: 20px; } } .sub-heading { font-size: 18px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 575px) { .sub-heading { font-size: 16px; } } .drag-container .heading { font-size: 24px; } .drag-container .widget-font .dt-buttons .trans-btn { padding-right: 8px !important; } .drag-container .widget-font .trans-btn-wrapper { padding-right: 10px; } .drag-container .widget-font .top-select { margin-left: 10px; } @media (max-width: 767px) { .drag-container .widget-font .top-select { margin-top: 10px; margin-left: 0; } } .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 33.33%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-9 .card-width, .drag-container.col-lg-10 .card-width, .drag-container.col-lg-11 .card-width, .drag-container.col-lg-12 .card-width { width: 25%; } } .drag-container.col-lg-9 .col-lg-5, .drag-container.col-lg-9 .col-lg-6, .drag-container.col-lg-9 .col-lg-7, .drag-container.col-lg-9 .col-lg-8, .drag-container.col-lg-10 .col-lg-5, .drag-container.col-lg-10 .col-lg-6, .drag-container.col-lg-10 .col-lg-7, .drag-container.col-lg-10 .col-lg-8, .drag-container.col-lg-11 .col-lg-5, .drag-container.col-lg-11 .col-lg-6, .drag-container.col-lg-11 .col-lg-7, .drag-container.col-lg-11 .col-lg-8, .drag-container.col-lg-12 .col-lg-5, .drag-container.col-lg-12 .col-lg-6, .drag-container.col-lg-12 .col-lg-7, .drag-container.col-lg-12 .col-lg-8 { /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { .card-width { width: 100%; } }*/ } .drag-container.col-lg-9 .col-lg-5 .card-width, .drag-container.col-lg-9 .col-lg-6 .card-width, .drag-container.col-lg-9 .col-lg-7 .card-width, .drag-container.col-lg-9 .col-lg-8 .card-width, .drag-container.col-lg-10 .col-lg-5 .card-width, .drag-container.col-lg-10 .col-lg-6 .card-width, .drag-container.col-lg-10 .col-lg-7 .card-width, .drag-container.col-lg-10 .col-lg-8 .card-width, .drag-container.col-lg-11 .col-lg-5 .card-width, .drag-container.col-lg-11 .col-lg-6 .card-width, .drag-container.col-lg-11 .col-lg-7 .card-width, .drag-container.col-lg-11 .col-lg-8 .card-width, .drag-container.col-lg-12 .col-lg-5 .card-width, .drag-container.col-lg-12 .col-lg-6 .card-width, .drag-container.col-lg-12 .col-lg-7 .card-width, .drag-container.col-lg-12 .col-lg-8 .card-width { width: 50%; } .drag-container.col-lg-9 .col-lg-1 .card-width, .drag-container.col-lg-9 .col-lg-2 .card-width, .drag-container.col-lg-9 .col-lg-3 .card-width, .drag-container.col-lg-9 .col-lg-4 .card-width, .drag-container.col-lg-10 .col-lg-1 .card-width, .drag-container.col-lg-10 .col-lg-2 .card-width, .drag-container.col-lg-10 .col-lg-3 .card-width, .drag-container.col-lg-10 .col-lg-4 .card-width, .drag-container.col-lg-11 .col-lg-1 .card-width, .drag-container.col-lg-11 .col-lg-2 .card-width, .drag-container.col-lg-11 .col-lg-3 .card-width, .drag-container.col-lg-11 .col-lg-4 .card-width, .drag-container.col-lg-12 .col-lg-1 .card-width, .drag-container.col-lg-12 .col-lg-2 .card-width, .drag-container.col-lg-12 .col-lg-3 .card-width, .drag-container.col-lg-12 .col-lg-4 .card-width { width: 100%; } .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 50%; padding: 0 15px; } @media screen and (min-width: 1800px) { .drag-container.col-lg-1 .card-width, .drag-container.col-lg-2 .card-width, .drag-container.col-lg-3 .card-width, .drag-container.col-lg-4 .card-width, .drag-container.col-lg-5 .card-width, .drag-container.col-lg-6 .card-width, .drag-container.col-lg-7 .card-width, .drag-container.col-lg-8 .card-width { width: 33.33%; } } .drag-container.col-lg-1 .col-lg-1 .card-width, .drag-container.col-lg-1 .col-lg-2 .card-width, .drag-container.col-lg-1 .col-lg-3 .card-width, .drag-container.col-lg-1 .col-lg-4 .card-width, .drag-container.col-lg-1 .col-lg-5 .card-width, .drag-container.col-lg-1 .col-lg-6 .card-width, .drag-container.col-lg-1 .col-lg-7 .card-width, .drag-container.col-lg-1 .col-lg-8 .card-width, .drag-container.col-lg-2 .col-lg-1 .card-width, .drag-container.col-lg-2 .col-lg-2 .card-width, .drag-container.col-lg-2 .col-lg-3 .card-width, .drag-container.col-lg-2 .col-lg-4 .card-width, .drag-container.col-lg-2 .col-lg-5 .card-width, .drag-container.col-lg-2 .col-lg-6 .card-width, .drag-container.col-lg-2 .col-lg-7 .card-width, .drag-container.col-lg-2 .col-lg-8 .card-width, .drag-container.col-lg-3 .col-lg-1 .card-width, .drag-container.col-lg-3 .col-lg-2 .card-width, .drag-container.col-lg-3 .col-lg-3 .card-width, .drag-container.col-lg-3 .col-lg-4 .card-width, .drag-container.col-lg-3 .col-lg-5 .card-width, .drag-container.col-lg-3 .col-lg-6 .card-width, .drag-container.col-lg-3 .col-lg-7 .card-width, .drag-container.col-lg-3 .col-lg-8 .card-width, .drag-container.col-lg-4 .col-lg-1 .card-width, .drag-container.col-lg-4 .col-lg-2 .card-width, .drag-container.col-lg-4 .col-lg-3 .card-width, .drag-container.col-lg-4 .col-lg-4 .card-width, .drag-container.col-lg-4 .col-lg-5 .card-width, .drag-container.col-lg-4 .col-lg-6 .card-width, .drag-container.col-lg-4 .col-lg-7 .card-width, .drag-container.col-lg-4 .col-lg-8 .card-width, .drag-container.col-lg-5 .col-lg-1 .card-width, .drag-container.col-lg-5 .col-lg-2 .card-width, .drag-container.col-lg-5 .col-lg-3 .card-width, .drag-container.col-lg-5 .col-lg-4 .card-width, .drag-container.col-lg-5 .col-lg-5 .card-width, .drag-container.col-lg-5 .col-lg-6 .card-width, .drag-container.col-lg-5 .col-lg-7 .card-width, .drag-container.col-lg-5 .col-lg-8 .card-width, .drag-container.col-lg-6 .col-lg-1 .card-width, .drag-container.col-lg-6 .col-lg-2 .card-width, .drag-container.col-lg-6 .col-lg-3 .card-width, .drag-container.col-lg-6 .col-lg-4 .card-width, .drag-container.col-lg-6 .col-lg-5 .card-width, .drag-container.col-lg-6 .col-lg-6 .card-width, .drag-container.col-lg-6 .col-lg-7 .card-width, .drag-container.col-lg-6 .col-lg-8 .card-width, .drag-container.col-lg-7 .col-lg-1 .card-width, .drag-container.col-lg-7 .col-lg-2 .card-width, .drag-container.col-lg-7 .col-lg-3 .card-width, .drag-container.col-lg-7 .col-lg-4 .card-width, .drag-container.col-lg-7 .col-lg-5 .card-width, .drag-container.col-lg-7 .col-lg-6 .card-width, .drag-container.col-lg-7 .col-lg-7 .card-width, .drag-container.col-lg-7 .col-lg-8 .card-width, .drag-container.col-lg-8 .col-lg-1 .card-width, .drag-container.col-lg-8 .col-lg-2 .card-width, .drag-container.col-lg-8 .col-lg-3 .card-width, .drag-container.col-lg-8 .col-lg-4 .card-width, .drag-container.col-lg-8 .col-lg-5 .card-width, .drag-container.col-lg-8 .col-lg-6 .card-width, .drag-container.col-lg-8 .col-lg-7 .card-width, .drag-container.col-lg-8 .col-lg-8 .card-width { width: 100%; } .heading-bar { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper { margin-top: 64px; } .main-wrapper.header-top-position { padding-top: 40px; } .custom-file-label { border-color: #CBCBCB; margin: 0 !important; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 88px; line-height: 26px; cursor: pointer; } .custom-file-label::after { height: 100%; line-height: 26px; cursor: pointer; } form .checkbox-wrapper { margin-top: 5px; } form .checkbox-wrapper input[type='checkbox'] { opacity: 0; cursor: pointer; height: 16px; width: 16px; z-index: 100; position: absolute; top: 5px; left: 0; } form .checkbox-wrapper input[type='checkbox']:checked + label { font-weight: 600; } form .checkbox-wrapper .checkbox { top: 5px; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable { min-height: 350px; } .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .no-label { margin-top: 35px; } @media (max-width: 767px) { .no-label { margin-top: 0; } } .noneditable-form label { margin-bottom: 0; } .form-data { margin-bottom: 0; font-size: 13px; } .loader-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.9); } .loader-wrapper.initial-load { background-color: #fff; /*background-color: fade-out($white, 0.1);*/ } .loader-wrapper .loader-box { height: 120px; width: 120px; /*background: #fff;*/ border-radius: 20px; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); padding: 20px; /*box-shadow: 0 2px 11px 0px rgba(255, 255, 255, 0.5);*/ } .loader-wrapper .loader-box p { font-size: 40px; } .loader-wrapper .loader-box svg { max-width: 80px; height: 80px; } .loader-wrapper .loader-box svg path { fill: #39547c !important; } .user-img-preview { height: 40px; width: 40px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; } .breadcrumb { background-color: transparent; padding: 0; } .breadcrumb .breadcrumb-item a { cursor: pointer; } .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 4px; } .dp-search-wrapper { border: 1px solid #CBCBCB; position: relative; border-radius: 6px; } .dp-search-wrapper .form-control { border: 0; padding-right: 35px; } .dp-search-wrapper .search-icon { position: absolute; right: 9px; top: 50%; transform: translateY(-50%) rotateY(180deg); font-size: 20px; cursor: pointer; } .delete-modal { max-width: 600px; } .delete-modal .modal-footer .btn { min-width: 150px; } .page-link, .page-link:hover { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; margin: 0 5px; background-color: #fff; border: 1px solid #39547c; border-radius: 6px; color: #39547c !important; } .page-item:last-child .page-link, .page-item:first-child .page-link { border-radius: 6px; } .page-item.active .page-link { background-color: #39547c; border-color: #39547c; color: #fff !important; } .table-column-one { width: 40%; } .table-column-qty { width: 15%; } .register-modal p { margin-bottom: 5px; } .table-width-10 { width: 10%; } .table-width-5 { width: 5%; } .table-width-20 { width: 20%; } .table-width-15 { width: 15%; } .table-width-35 { width: 35%; } .table-width-45 { width: 45%; } .table-width-50 { width: 50%; } .table-width-40 { width: 40%; } .permission-box { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; border-radius: 10px; padding: 20px; position: relative; height: 100%; display: flex; margin: 0; justify-content: center; width: 100%; align-items: center; } .permission-box p { margin: 0; } table.table-full-width { width: 100% !important; } table.table-sorting-icon thead .sorting:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_asc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_asc:after { right: initial; left: 4px; } table.table-sorting-icon thead .sorting_desc:before { right: initial; left: -3px; } table.table-sorting-icon thead .sorting_desc:after { right: initial; left: 4px; } .activity-full-height { position: relative; } .activity-full-height .grid-box.box-element { height: 100%; } .activity-full-height .grid-box.box-element .view { height: 100%; } .activity-full-height .grid-box.box-element .view .row { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font { height: 100%; } .activity-full-height .grid-box.box-element .view .row .dp-column .dp-formb-body .Recent-Activity-control.widget-font .rc-box-wrapper { height: 100%; } .activity-full-height .Counter-control { height: 100%; } .activity-full-height .rc-activity-wrapper ul { padding-bottom: 30px !important; } .activity-full-height .all-link { position: absolute; right: 15px; bottom: 0; } .activity-full-height .Chart-control { height: 100%; } .activity-full-height .Chart-control .card { height: 100%; } .activity-full-height .rc-box-wrapper { height: 100%; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; } .btn-margin-right { margin-right: 7px; } table.table.entity-table td:first-child { vertical-align: middle; } table.table.entity-table td span.checkbox-wrapper { width: 16px; height: 16px; margin: auto; margin-top: 5px; } .multiselect-container > li > a > label > input[type=checkbox] { width: 16px; height: 16px; margin-right: 5px; } .form-builder .recent-activity-set .dropdown-menu.show { transform: translate3d(-15px, -255px, 0px) !important; } .form-builder .recent-activity-set .dropdown-menu.show input.form-control.multiselect-search { height: 38px; min-height: 38px; } .form-builder .textbox .richText .richText-toolbar ul { max-height: 400px; overflow: auto; } .form-builder .textbox .richText .richText-toolbar ul li a, .form-builder .textbox .richText .richText-toolbar ul li a * { color: #333; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown { max-width: 80%; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { top: -8px; right: 0; } .form-builder .textbox .richText .richText-toolbar ul li a .richText-dropdown-outer:hover, .form-builder .textbox .richText .richText-toolbar ul li a * .richText-dropdown-outer:hover { opacity: 1; } .form-builder .textbox .richText .richText-toolbar ul li a:hover, .form-builder .textbox .richText .richText-toolbar ul li a *:hover { opacity: 1; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .form-builder .textbox .richText-dropdown::-webkit-scrollbar-thumb { min-height: 2px; max-height: 2px; height: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .form-builder .form-main-wrapper + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } .form-builder .form-main-wrapper + .panel-box + .panel-box + .panel-box { opacity: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); padding: 15px; border-radius: 12px; background: #fff; margin-bottom: 15px; } select:disabled, input:disabled, textarea:disabled, button:disabled { cursor: not-allowed; background-color: #e9ecef !important; } .btn-primary.disabled, .btn-primary:disabled { background-color: #39547c !important; } button[disabled] { cursor: not-allowed; } .portal-user-heading-action { text-align: right; } .portal-user-heading-action .checkbox-wrapper { margin-right: initial; margin-left: 40px; } .radio-wrapper { position: relative; margin-right: 40px; display: inline-block; font-size: 17px; height: 20px; margin-top: 5px; } .radio-wrapper.sub-checkbox { display: block; margin-left: 28px; margin-top: 10px; } .radio-wrapper input[type='radio'] { opacity: 0; cursor: pointer; height: 20px; width: 20px; z-index: 100; position: absolute; top: 0; left: 0; } .radio-wrapper input[type='radio']:checked + .checkbox { background-color: #fff; border-color: #39547c; } .radio-wrapper input[type='radio']:checked + .checkbox:before { opacity: 1; } .radio-wrapper input[type='radio']:checked + .checkbox + label { font-weight: 600; } .radio-wrapper input[type='radio']:disabled { cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .radio-wrapper input[type='radio']:disabled + .checkbox + label { cursor: not-allowed; } .radio-wrapper .checkbox { position: absolute; left: 0; top: 5px; height: 16px; width: 16px; display: inline-block; border: 1px solid #CBCBCB; border-radius: 50%; } .radio-wrapper .checkbox::before { height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; background: #39547c; opacity: 0; border-left: 0; border-bottom: 0; display: inline-block; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); content: ''; border-radius: 50%; } .radio-wrapper label { font-size: 14px; font-weight: 400; padding-left: 26px; margin: 0; cursor: pointer; } @media (max-width: 575px) { .radio-wrapper label { font-size: 12px; } } .load-icon { color: #39547c; font-size: 26px; } .lookup-body .user-data { padding: 10px 0; } .lookup-body .user-data .lookup-search-wrap { padding: 0 0 10px; } .lookup-body .user-data .lookup-search-wrap .lookup-search-box { text-align: right; margin: 0; } .user-card-space { margin-bottom: 20px; } .card.user-card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card.user-card { height: auto; } } .card.user-card .card-body { display: flex; flex-direction: column; justify-content: space-between; } .card.user-card .card-body .user-detail .user-img { overflow: hidden; } .card.user-card .card-body .user-detail .user-img img { height: 100%; object-fit: cover; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text { width: 33.33%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text .profile-view { border: 1px solid #e1e1e1; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:last-child { text-align: right; } .Recent-Activity-control.recent-activity-table .rc-box-wrapper .rc-activity-wrapper ul li .list-text:first-child { text-align: left; } .create-note-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .create-note-modal .modal-dialog { max-width: calc(100% - 20px); } } .create-note-modal .modal-dialog .modal-content .modal-body .form-group { margin-bottom: 25px; } .create-note-modal .modal-dialog .modal-content .modal-body .label { font-size: 14px; font-weight: 600; margin-bottom: 5px; display: block; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-1 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .form-control { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; padding: 10px 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 textarea.form-control { min-height: 40px; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label { border: 0; border-bottom: 1px solid #CBCBCB; border-radius: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-2 .custom-file-label::after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; border-left: 0; height: 25px; display: flex; align-items: center; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 { margin-top: 0; } .create-note-modal .modal-dialog .modal-content .modal-body .form-box-3 .label { margin: 0; position: absolute; z-index: 2; background: #fff; top: -10px; left: 24px; padding: 0 10px; } .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns { flex-wrap: wrap; } @media (max-width: 991px) { .create-note-modal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } .form-type-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px; margin-right: 0px; } @media (max-width: 991px) { .form-type-wrapper { justify-content: flex-start; } } .form-type-wrapper .check-form-wrapper:last-child .checkbox-wrapper { margin-right: 0; } .form-type-wrapper .check-form-wrapper .checkbox-wrapper { margin-top: 0; } .document-list-wrapper { background-color: #fff; } .document-list-wrapper .document-list-menu { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; } .document-list-wrapper .document-list-menu li { max-width: 25%; flex: 0 0 25%; margin-bottom: 50px; padding: 0 15px; } @media (max-width: 1199px) { .document-list-wrapper .document-list-menu li { max-width: 33.33%; flex: 0 0 33.33%; } } @media (max-width: 991px) { .document-list-wrapper .document-list-menu li { max-width: 50%; flex: 0 0 50%; } } @media (max-width: 575px) { .document-list-wrapper .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; } } .document-list-wrapper .document-list-menu li .document-list-box { border: 1px solid #CBCBCB; padding: 15px 10px; border-radius: 5px; display: flex; align-items: center; position: relative; } .document-list-wrapper .document-list-menu li .document-list-box a { color: #000000; display: flex; align-items: center; width: 100%; cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box a .document-label { cursor: pointer; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper { position: absolute; top: 0; right: 0; display: none; } .document-list-wrapper .document-list-menu li .document-list-box .document-check-wrapper .checkbox-wrapper { margin: 0; } .document-list-wrapper .document-list-menu li .document-list-box:hover .document-check-wrapper { display: block; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download { margin-left: auto; display: flex; } .document-list-wrapper .document-list-menu li .document-list-box .document-list-download .doc-list-icon { font-size: 22px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .doc-icon { font-size: 40px; color: #000000; } .document-list-wrapper .document-list-menu li .document-list-box .document-label { font-size: 14px; font-weight: 600; margin-left: 10px; color: #000000; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: default; } .doc-list { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .doc-list { flex-direction: column; } } .doc-list .right-actions { display: flex; align-items: center; } @media (max-width: 575px) { .doc-list .right-actions { flex-wrap: wrap; justify-content: center; } } .doc-list .right-actions .btn { margin-right: 30px; margin-bottom: 5px; } .doc-list .right-actions .btn .doc-list-icon { font-size: 20px; } .chart-type-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center; } .chart-type-list li { position: relative; padding-left: 30px; margin: 10px; } .chart-type-list li span.chart-active { height: 13px; width: 13px; background-color: #39547c; border-radius: 50%; position: absolute; left: 10px; top: 5px; } @media (max-width: 767px) { .chart-type-list li { width: 50%; margin: 10px 0; padding-left: 20px; } .chart-type-list li span.chart-active { height: 10px; width: 10px; left: 0px; } } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item { color: #000000; font-size: 15px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item a i { color: #000000; font-size: 22px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item.active a i { color: #6c757d; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: 'Line Awesome Free', sans-serif; font-weight: 900; padding: 0 7px; } .document-list .document-bredcrumb .breadcrumb .breadcrumb-item .active + .breadcrumb-item::before { color: #6c757d; } .document-list .document-list-table tbody td a i { color: rgba(0, 0, 0, 0.44); margin-left: 5px; font-size: 23px; vertical-align: bottom; } .document-list .document-list-table tbody td a label { color: #000000; margin: 0; } .document-list .document-list-table tbody td i { color: #CBCBCB; margin-right: 5px; font-size: 23px; } .document-list .document-list-table tbody td label { margin: 0; } .document-list .document-list-table tbody .documentname { white-space: nowrap; } .document-list .document-list-table tbody .documentname i { vertical-align: top; } .document-list .document-list-table tbody .documentname label { white-space: normal; display: inline-block; } .document-list .document-list-table tbody .documentname a label { cursor: pointer; } .custom-file-input { cursor: pointer; } .note-list .table-responsive { max-height: 250px; overflow: auto; margin-bottom: 40px; padding-right: 10px; } .note-list .table-responsive .table.shadow-table .note-text { word-break: break-all; white-space: normal; } .modal-dialog.change-pwd-dialog { max-width: 40%; } @media (max-width: 767px) { .modal-dialog.change-pwd-dialog { max-width: calc(100% - 20px); } } .modal-dialog.change-pwd-dialog .form-box-3 .form-group { margin-bottom: 25px; } .modal-dialog.change-pwd-dialog.form-builder .label { font-size: 14px; font-weight: 600; } @media (max-width: 1439px) { div#uploadFileModal .modal-dialog .modal-content .modal-footer.center-btns .btn, div#createFolderModal .modal-dialog .modal-content .modal-footer.center-btns .btn { min-width: 100px; } } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans" !important; } p { color: #000000 !important; } .toast-success { background-color: #26a26b !important; } .toast-error { background-color: #df0a56 !important; } .toast-warning { background-color: #e2b84a !important; } .text-danger span { color: #df0a56 !important; } .sidebar-wrapper { background-color: #ffffff; } .dropdown-menu { background-color: #ffffff !important; } .modal-content { background-color: #ffffff; } .input-group.search.input-search-wrapper span[disabled] { cursor: not-allowed; z-index: 3; } .widget-config.chart-set .dropdown-menu .active a label.checkbox { color: #fff !important; } .multiselect-container { min-width: 200px; max-height: 255px !important; overflow: auto; padding: 0 !important; box-shadow: none !important; border-radius: 5px !important; } .multiselect-container .filter-wrap { position: sticky; background-color: #fff; z-index: 5; padding: 5px; top: 0; } .multiselect-container .filter-wrap .multiselect-filter { padding: 0 10px; border: 1px solid #CBCBCB; margin: 0; border-radius: 5px; } .multiselect-container .filter-wrap .multiselect-filter input::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; background-color: #39547c; display: none; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter { background: transparent; border: 0; padding: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-clear-filter:focus { outline: 0; } .multiselect-container .filter-wrap .multiselect-filter .multiselect-search { border: 0; padding: 0 10px; min-height: 35px !important; height: 35px !important; margin: 0; } .multiselect-container .filter-wrap .multiselect-filter i { font-size: 16px; border: 0; color: #000 !important; } .multiselect-container .dropdown-item { padding: 3px 20px 3px 10px !important; margin: 0 !important; font-size: 14px !important; text-align: left !important; border: 0 !important; white-space: normal; } .multiselect-container .dropdown-item.active { background-color: #39547c !important; } .multiselect-container .dropdown-item:focus { outline: 0; } .multiselect-container .dropdown-item input[type="checkbox"], .multiselect-container .dropdown-item input[type="radio"] { width: 16px; height: 16px; margin-right: 5px; margin-bottom: 3px; margin-top: 3px; } .multiselect-container .dropdown-item .form-check-label { margin: 0; font-weight: normal; } .multiselect-container li .input-group { padding: 0 5px; } .multiselect-container li .input-group .form-control { height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn { margin-left: -2px !important; height: 38px; min-height: 38px; } .multiselect-container li .input-group .input-group-btn .btn:focus { box-shadow: none; } .multiselect-container li.active a label.checkbox { color: #fff !important; } .multiselect-container li.active a label.radio { color: #fff !important; } .multiselect-container li a { font-size: 14px; } a.anchor-link { cursor: pointer; } a.anchor-link[disabled] { cursor: not-allowed; } .document-popup-modal .modal-dialog { max-width: 30%; } @media (max-width: 991px) { .document-popup-modal .modal-dialog { max-width: 50%; } } @media (max-width: 767px) { .document-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } @media (max-width: 1439px) { .document-popup-modal .modal-dialog .modal-footer.center-btns .btn { min-width: 100px; } } .lookup-popup-modal .modal-dialog { max-width: 50%; } @media (max-width: 767px) { .lookup-popup-modal .modal-dialog { max-width: calc(100% - 20px); } } .no-data-chart { position: relative; } .no-data-chart .chart-box-image { display: block; margin: auto; opacity: 0.5; } .no-data-chart .chart-font { position: absolute; left: 50%; z-index: 1; font-size: 20px; font-weight: 700; text-transform: capitalize; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-widget-wrap { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #ffffff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .image-widget-wrap .Image-Widget { display: block; margin: 0 auto; } .input-group.date .input-group-addon { top: 12px; bottom: initial; } .input-group.date .bootstrap-datetimepicker-widget { width: auto; } .input-group.date .bootstrap-datetimepicker-widget .timepicker-picker { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed { height: 100%; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.picker-switch { min-height: 30px; line-height: 30px; height: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.today::before { border-bottom-color: #39547c; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed th.dow { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day { min-width: 30px; min-height: 30px; line-height: 30px; height: 30px; width: 30px; } .input-group.date .bootstrap-datetimepicker-widget table.table-condensed td.day.active { background-color: #39547c; } .otp-modal .otp-title-wrap { padding-bottom: 15px; display: flex; justify-content: space-between; } .otp-modal .otp-title-wrap label { margin: 0; } .otp-modal .checkbox-wrapper { margin-left: 0; margin-top: 3px; width: 100%; } .otp-modal .modal-footer .btn { min-width: 100px; } .form-main-wrapper .panel-box { margin-bottom: 20px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.11); border-radius: 12px; background: #ffffff; padding: 20px; } .form-main-wrapper .panel-box .multiselect-native-select .btn-group { min-height: 40px; height: 40px; border: 1px solid #CBCBCB; border-radius: 6px; } .form-heading { font-size: 18px; font-weight: 700; line-height: 30px; } .Edit-Panel { margin-left: 10px; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper { margin-right: 0; } .crm-auth-page .contact-user-checkbox .checkbox-wrapper .checkbox { top: 6px !important; } .accordian-panel-wrap .tap-bar { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .tap-bar { flex-direction: row; align-items: center; } } .accordian-panel-wrap .table-responsive { margin-bottom: 0; } @media (max-width: 991px) { .accordian-panel-wrap .left-head { margin: 10px 0; margin-bottom: 10px !important; } } .accordian-panel-wrap .left-head a { margin-right: 10px; padding: 0; border: 0; margin-bottom: 0; } .accordian-panel-wrap .left-head a *:hover { opacity: 1; } .accordian-panel-wrap .left-head a.collapsed i::before { content: "\f107"; } .accordian-panel-wrap .left-head a i { font-size: 22px; } .accordian-panel-wrap .left-head a i::before { content: "\f106"; } .accordian-panel-wrap .left-head .product-sub-title { font-size: 20px; margin-bottom: 0; } @media (max-width: 575px) { .accordian-panel-wrap .right-actions { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (max-width: 991px) { .accordian-panel-wrap .right-actions .btn { margin: 5px; } } .accordian-panel-wrap .table-wrapper { margin-top: 25px; } .accordian-panel-wrap .document-list-wrapper { margin-top: 25px; } .side-panel-wrapper .widget-list .ui-draggable-dragging { max-width: 85px; } .side-panel-wrapper .widget-list .ui-draggable-dragging img { max-width: 70px; } div.dataTables_wrapper div.dataTables_processing { background-color: #ffffff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.11); border-radius: 5px; } .note-editor.note-frame output.note-status-output { display: none !important; } .note-editor.note-frame .note-toolbar { display: none; } .right-actions { text-align: right; } .warning-icon { color: #ecec4b; margin-right: 10px; font-size: 22px; } .label-bold { font-weight: 600; } .checkbox-bold .checkbox { border-width: 2px; } .checkbox-bold label { font-weight: 600; } .otp-link-disable { color: #ff0000 !important; } .external-login, .external-register { margin: 0 !important; margin-top: 5px !important; display: flex; padding-top: 50px; justify-content: space-around; } .external-login button.btn.btn-primary.external-button, .external-login button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus { width: auto; margin: 10px 0; position: relative; background: transparent; border: 0; color: #333; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 8px 10px; font-size: 14px; min-width: auto; } .external-login .or-social-text, .external-register .or-social-text { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .external-login .or-social-text:after, .external-register .or-social-text:after { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 10px); transform: translateY(-50%); border-top: 1px solid #ccc; } .external-login .or-social-text p, .external-register .or-social-text p { margin: 0; padding: 25px 30px 0 30px; background: #f5f5f5; z-index: 1; font-weight: 600; position: relative; } .external-login button.btn.btn-primary.external-button svg, .external-register button.btn.btn-primary.external-button svg { min-width: 60px; min-height: 60px; position: relative; left: 0; margin-bottom: 10px; color: #4867aa; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 6px; } .login-register-wrapper .external-login .or-social-text p { background: #ffffff; } .external-register button.btn.btn-primary.external-button, .external-register button.btn.btn-primary.external-button:focus, .external-register button.btn.btn-primary.external-button:active, .external-login button.btn.btn-primary.external-button:active { max-width: 500px; margin: 10px 0; background: transparent !important; } .filter-box-wrapper { padding: 10px 20px 20px 20px; background: #fff; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 8px; } .video-widget-iframe { width: 100%; min-height: 300px; } .list-1 .table.shadow-table thead tr.list-filter-settings th, .list-2 .table.shadow-table thead tr.list-filter-settings th, .list-3 .table.shadow-table thead tr.list-filter-settings th { background: transparent; } .list-1 .table.shadow-table thead tr.list-filter-settings th button, .list-2 .table.shadow-table thead tr.list-filter-settings th button, .list-3 .table.shadow-table thead tr.list-filter-settings th button { margin-right: 10px; } .list-1 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-2 .table.shadow-table thead tr.list-filter-settings th button:last-child, .list-3 .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-right: 0; } .list-1 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-2 .table.shadow-table thead tr.list-filter-settings th .form-control, .list-3 .table.shadow-table thead tr.list-filter-settings th .form-control { font-size: 14px; height: 35px; min-height: 35px; } .list-1 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-2 .table.shadow-table thead tr.list-filter-settings th .multiselect, .list-3 .table.shadow-table thead tr.list-filter-settings th .multiselect { font-size: 14px; } .page-access-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .g-recaptcha { margin-top: 20px; } .recaptcha { margin-top: 10px; } .recaptcha .g-recaptcha { margin-top: 0; } .recaptcha-area { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .note-small-text { font-size: 12px; } .daterangepicker .ranges li.active { background: #39547c !important; } .right-side-checkbox .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; top: 6px; } .right-side-checkbox .checkbox { top: 6px; } .Registration-control .login-button { min-width: 200px; width: auto; margin: auto; margin-bottom: 15px; } .multiselect-container > li > a > label { padding: 3px 20px 3px 10px !important; } .multiselect-container .btn.btn-default.multiselect-clear-filter { border: 1px solid #ccc; } .label-datatype { padding-right: 5px; } .multiselect-selected-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; } .multiselect.dropdown-toggle::after { vertical-align: middle; } .video-widget-height { min-height: 300px; } .video-widget-width { min-width: 100%; } .contact-bulk-wrapper { justify-content: space-between !important; } .contact-bulk-wrapper .bulk-action { display: flex; align-items: center; } @media (max-width: 575px) { .contact-bulk-wrapper .bulk-action { width: 100%; justify-content: center; margin-bottom: 10px; } } .contact-bulk-wrapper .bulk-action .select-wrapper { width: auto; margin-right: 6px; } .contact-bulk-wrapper .bulk-action .select-wrapper select { min-height: 35px; } @media (max-width: 575px) { .contact-bulk-wrapper .top-select { width: 100%; justify-content: center; } } .contact-bulk-wrapper .top-select .select-wrapper { width: auto; } .Registration-control .form-builder .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .dp-form-row.otp-controls .btnOtpSubmit, .Login-control .external-login-controls, .external-register-controls .btn-external-register-submit, .external-login-controls .btn-external-submit { margin-bottom: 0 !important; } .Registration-control .form-builder .dp-form-row.otp-controls.dp-form-row, .Login-control .dp-form-row.otp-controls.dp-form-row { margin-bottom: 10px; } .Registration-control .btn-external-register-submit, .Registration-control .btn-primary { min-width: 100%; } .Registration-control .bottom-bar-btns .btn-primary { min-width: 200px; } .Registration-control .form-builder .login-otp-remember + .dp-form-row.otp-controls.dp-form-row { margin-right: -15px; margin-left: -15px; } .multiselect-container .multiselect-filter .input-group { display: flex; flex-wrap: nowrap; } .Video-control iframe { border-radius: 0; display: block; margin: auto; } .static-card-box { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 25px; } .static-card-box p:last-child { margin-bottom: 0; } .static-card-box > *, .image-widget-wrap > * { max-width: 100%; overflow: auto; } .card-width { margin-bottom: 20px; } .card-width .card { height: 100%; margin-bottom: 0; } @media (max-width: 991px) { .card-width { width: 50% !important; } } @media (max-width: 767px) { .card-width { width: 100% !important; } } .card-width .checkbox-wrapper { margin-right: 15px; } .card-width .user-first-letters { margin: 0; } .card-width .user-first-letters:before { background-color: #39547c; } .card-width .user-detail { display: flex; align-items: flex-start; } .card-width .name { font-weight: 300; font-size: 14px; padding-right: 0; padding-left: 0; position: relative; word-break: normal; margin-bottom: 0; } .card-width .email { font-weight: 300; font-size: 14px; margin-bottom: 0; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .card-width .user-desc { max-width: calc(100% - 70px); } .card-width .user-desc a { /*color: $black !important;*/ color: #39547c !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-width .user-desc-text { color: #989898 !important; font-size: 14px; margin: 0; margin-top: 15px; } .card-width .user-tags { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin-top: 15px; } .card-width .user-tags .user-tags-chips { display: flex; align-content: center; flex-wrap: wrap; } .card-width .chip { display: flex; align-items: center; background-color: #bbcae0; padding: 3px 10px; border: 1px solid #39547c; border-radius: 6px; color: #39547c; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .card-width .chip span { line-height: normal; } .card-width .card-link { color: #39547c !important; font-size: 20px; margin-left: 5px; /*+ .card-link { margin-left: 5px; }*/ } .card-widget-top-bar { margin-bottom: 15px; } .card-widget-top-bar .icon-btn { background: transparent; border: 0; margin-left: 10px; font-size: 20px; } .card-widget-top-bar .right-actions { display: flex; align-items: center; justify-content: flex-end; } .card-widget-top-bar .right-actions .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .card-widget-top-bar .right-actions .checkbox-wrapper { display: flex; align-items: center; margin-right: 15px; } .card-widget-top-bar .right-actions .checkbox-wrapper .checkbox { top: 3px; } .card-widget-top-bar .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; min-width: 100px; } .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .card-widget-top-bar .dropdown-menu .dropdown-item { font-size: 11px; } } .card-widget-top-bar .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .card-widget-top-bar .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .card-widget-top-bar .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .daterangepicker:before, .daterangepicker:after { display: none !important; } .hirerchy-icon { font-size: 18px; } .hierarchy-modal .modal-dialog { max-width: calc(100% - 40px); } .hierarchy-modal .modal-dialog .modal-body { max-height: calc(100vh - 150px); } .hierarchy-modal .modal-dialog .modal-body table tr td:first-child { white-space: nowrap; max-width: none !important; } .hierarchy-modal .modal-dialog .modal-body table .la-angle-down, .hierarchy-modal .modal-dialog .modal-body table .la-angle-right { color: #777 !important; font-size: 16px; padding-right: 10px; } /*----------------genealogy-scroll----------*/ .genealogy-scroll::-webkit-scrollbar { width: 5px; height: 8px; } .genealogy-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } .genealogy-scroll::-webkit-scrollbar-thumb { background: #212121; border-radius: 10px; transition: 0.5s; } .genealogy-scroll::-webkit-scrollbar-thumb:hover { background: #d5b14c; transition: 0.5s; } .hierarchy-card .modal-dialog .modal-body { max-width: 100%; } /*----------------genealogy-tree----------*/ .genealogy-body { white-space: nowrap; padding: 50px; min-height: 500px; padding-top: 10px; } .genealogy-tree { display: inline-block; } .genealogy-tree ul { padding-top: 20px; position: relative; padding-left: 0px; display: flex; justify-content: center; } .genealogy-tree li { float: left; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .genealogy-tree li::before, .genealogy-tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #ccc; width: 50%; height: 18px; } .genealogy-tree li::after { right: auto; left: 50%; border-left: 2px solid #ccc; } .genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before { display: none; } .genealogy-tree li:only-child { padding-top: 0; } .genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after { border: 0 none; } .genealogy-tree li:last-child::before { border-right: 2px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .genealogy-tree li:first-child::after { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } .genealogy-tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid #ccc; width: 0; height: 20px; } .genealogy-tree li a:hover + ul li::after, .genealogy-tree li a:hover + ul li::before, .genealogy-tree li a:hover + ul::before, .genealogy-tree li a:hover + ul ul::before { border-color: #fbba00; } /*--------------memeber-card-design----------*/ .member-view-box { padding: 0px 20px; border-radius: 4px; position: relative; } .member-image { position: relative; width: 300px; margin: auto; } .member-image img { width: 60px; height: 60px; border-radius: 6px; background-color: #000; z-index: 1; } .image-file-upload .custom-file-label { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .image-file-upload .profile-img-wrap { position: relative; margin-left: 20px; } .image-file-upload .profile-img { height: 40px; width: 40px; min-width: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; position: relative; border: 1px solid #e1e1e1; cursor: pointer; } .image-file-upload .profile-img img { min-width: 100%; } .image-file-upload .profile-img-remove-btn { position: absolute; top: -5px; right: -3px; background: #df0a56; border: 0; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .profile-view { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; border: 1px solid #e1e1e1; } .card-width .user-detail .profile { height: 42px; width: 42px; min-width: 42px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; margin-right: 1em; } .document-list .tap-bar, .document-list .tap-bar .right-actions { flex-wrap: wrap; } .document-list .tap-bar .right-actions button { margin-right: 7px; } @media (max-width: 991px) { .document-list .tap-bar .right-actions button { margin: 5px 0; margin-right: 7px; } } .document-list .tap-bar .right-actions button:last-child { margin-right: 0; } @media (max-width: 575px) { .document-list .right-actions { width: 100%; } } .col-lg-1.column.drag-container .document-grid .document-list-menu li, .col-lg-2.column.drag-container .document-grid .document-list-menu li, .col-lg-3.column.drag-container .document-grid .document-list-menu li, .col-lg-4.column.drag-container .document-grid .document-list-menu li, .col-lg-5.column.drag-container .document-grid .document-list-menu li, .col-lg-6.column.drag-container .document-grid .document-list-menu li { max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; } .col-lg-1.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-2.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-3.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-4.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-5.column.drag-container .document-grid .document-list-menu li:last-child, .col-lg-6.column.drag-container .document-grid .document-list-menu li:last-child { margin-bottom: 20px; } .payment-widget .form-group label { margin-bottom: 5px; } .payment-widget .form-group { margin: 0 0 10px 0; } .pay-btn { max-width: 150px; margin: auto; display: block; } #paypal-button .zoid-outlet { width: 230px !important; height: 61px !important; } .payment-label { font-size: 18px; font-weight: 600; } .payment-amount { font-size: 14px; font-weight: 600; } .center-image-field { margin: auto; } .table-lookups.table.shadow-table thead td { white-space: nowrap; } .multiselect-native-select .btn-default { font-weight: 600; background: initial; color: #000; background-color: #efefef !important; } .multiselect-native-select .btn-default:after { border-top-color: #000; } .multiselect-native-select .btn-default:focus { box-shadow: none; border-color: #CBCBCB; } .multiselect-native-select .btn-default .multiselect-selected-text { white-space: nowrap; } .table-wrapper .table-responsive.visible { overflow: visible; } .table-wrapper .table-responsive .dropdown-menu.multiselect-container { max-height: 150px !important; } .btn.focus, .btn:focus { box-shadow: none !important; } .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { opacity: 1 !important; } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: #39547c !important; border-color: #39547c !important; } .trans-btn-wrapper button.trans-btn:disabled { background-color: transparent !important; opacity: 0.6; } .trans-btn-wrapper .filter-btn-wrapper { position: relative; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .advance-filter-close { background: #ff0000; color: #fff; border-radius: 50%; padding: 2px; font-size: 10px; position: absolute; right: 8px; top: -2px; } .trans-btn-wrapper .filter-btn-wrapper.filter-active-btn .la-filter { color: #333333; } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper { padding-right: 10px; /*color: $black;*/ } .trans-btn-wrapper.card-widget-filter .filter-btn-wrapper.filter-active-btn { color: #000; padding-right: 15px !important; } .trans-btn-wrapper.card-widget-filter button { background-color: transparent !important; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .trans-btn-wrapper.card-widget-filter button:disabled { opacity: 0.6; } .img-preview-modal .modal-dialog { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 300px; } .table-processing .dataTables_wrapper .dataTables_processing { box-shadow: none; background: transparent; width: auto; transform: translate(-50%, -50%); margin: 20px; padding: 10px; z-index: 1; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box img { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg { width: 70px; height: 70px; } .table-processing .dataTables_wrapper .dataTables_processing .datatable-loader-wrapper .loader-box svg path { fill: #39547c !important; } .card-width .data-card-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .card-width .data-card-box-wrap .card-label { font-weight: 600; padding-right: 5px; font-size: 15px; } .card-width .data-card-box-wrap .data-card-title { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .data-card-title .name { display: block; } .card-width .data-card-box-wrap .data-card-description { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-width .data-card-box-wrap .user-desc-text { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } select, select option { font-family: "Open Sans", sans-serif; } .tap-bar.heading-top-bar { flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .tap-bar.heading-top-bar { margin-bottom: 10px; } } .tap-bar.heading-top-bar .heading { margin: 0; } .tap-bar.heading-top-bar .right-actions { margin: 0 !important; } .form-video-wrapper { max-width: 100%; overflow: auto; } .form-video-wrapper iframe.iframe-play, .form-video-wrapper .video-play { display: block; margin: auto; width: 100%; min-height: 300px; } .multisect-menu-wrapper.multiselect-style-2 ul { display: flex; margin: 0; flex-wrap: wrap; /*max-height: 150px;*/ /*overflow: auto;*/ border: 1px solid #CBCBCB; border-radius: 6px; padding: 10px; } .multisect-menu-wrapper.multiselect-style-2 ul li { list-style: none; width: 25%; padding: 3px 10px; } @media (max-width: 1599px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } } @media (max-width: 1199px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 991px) { .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper { margin: 0; display: inline-block; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled { cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox { background-color: #eee; cursor: not-allowed; } .multisect-menu-wrapper.multiselect-style-2 ul li .checkbox-wrapper input:disabled + .checkbox + label { cursor: not-allowed; opacity: 0.7; } .multisect-menu-wrapper.detail-checkbox-style ul { border: 0; padding: 0; margin: 0 -10px; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper { pointer-events: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox { background-color: #909090; border-color: #909090; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:after { display: none; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper input[type='checkbox']:checked + .checkbox:before { height: 5px; width: 10px; position: absolute; top: 45%; left: 50%; opacity: 0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; transform: translate(-50%, -50%) rotate(-45deg); content: ''; bottom: initial; background: initial; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after, .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 8px; background: #909090; border: 0; opacity: 1; } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:before { transform: rotate(-45deg); } .multisect-menu-wrapper.detail-checkbox-style ul li .checkbox-wrapper .checkbox:after { transform: rotate(45deg); } .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 33.33%; } @media (max-width: 1900px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 50%; } } @media (max-width: 1439px) { .col-md-3.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li, .col-md-4.drag-container.ui-droppable .multisect-menu-wrapper.multiselect-style-2 ul li { width: 100%; } } .record-select-wrapper select { height: 34.5px; min-height: 34.5px; } .input-group.date .datePickerInput:focus, .input-group.date .datePickerInput:hover { outline: 0; border: 0; box-shadow: none; } .tap-bar.heading-top-bar.form-right-buttons .right-actions { margin-left: auto !important; } /*code restructuring css start here*/ td { white-space: normal; word-break: normal; } table a { cursor: pointer; } td.dataTables_empty { text-align: center !important; } div.list-control div.dataTables_processing { width: 0px; } div.dataTables_wrapper div.dataTables_info { width: 50%; float: left; padding-top: 8px; } div.dataTables_wrapper div.dataTables_paginate { width: 50%; float: right; } .user-data .table.shadow-table tr:nth-child(2n) td:first-child { padding-left: 15px; } @media screen and (max-width: 767px) { div .dataTables_wrapper div.dataTables_info { width: 100%; float: none; padding-top: 8px; padding-bottom: 10px; } div.dataTables_wrapper div.dataTables_paginate { width: 100%; float: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; } } .list-1 { margin-top: 0px; } .list-2 { margin-top: 0px; } .list-3 { margin-top: 0px; } .main-wrapper { margin-top: 0 !important; padding: 0 15px; overflow-x: hidden; min-height: 100vh; } header { position: static; } .Knowledge-control .search-input .knowledge-search { border: 1px solid #CBCBCB; } .Knowledge-control .search-input.dp-search-wrapper { border: 0px; } .Knowledge-control .search-input.dp-search-wrapper .search-icon { right: 15px; } .disabled { cursor: not-allowed !important; } .redcolor { color: red !important; } .document-bredcrumb a { cursor: pointer; } .input-group.search.input-search-wrapper .viewonly { background: #e9ecef; cursor: not-allowed; } .user-data .table.shadow-table td { text-align: center; } .product-line-list { margin-top: 30px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-builder { margin-top: 0px !important; } .widget-font.list-1 .trans-btn-wrapper .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; } .widget-font.list-1 .dt-buttons .trans-btn { background-color: transparent; border: 0; outline: none; font-size: 20px; color: #777777; padding: 0 8px; padding-right: 8px; padding-right: 18px; } .resend-otp-wrap { display: flex; align-items: center; } .resend-otp { padding-left: 5px; } .resend-otp span { font-weight: 700; } .grecaptcha-badge { opacity: 0; } [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: plum; vertical-align: middle; margin-right: 1em; color: white; color: white; } .ytp-watermark, .ytp-show-cards-title { display: none !important; } .note-editor.note-frame, .note-editor.note-airframe { border-color: #CBCBCB; border-radius: 5px; } .note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area { min-height: 350px; } /*preview page css start here*/ .user-profile { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; justify-content: center; } .disable-progress-btn { cursor: not-allowed !important; } .paypal-button { /*cursor: not-allowed;*/ /*pointer-events: none;*/ background-color: #ffffff; } .paypal-button-preview { cursor: not-allowed; pointer-events: none; background-color: #ffffff; } .Preview-Title { margin-top: 64px; padding-right: 15px; padding-left: 15px; } .profile-page .userdata .profile-info .profile-img { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*height overlap issue css start here*/ .grid-box.box-element { height: auto !important; margin-bottom: 15px; flex: 0 0 100%; max-width: 100%; } .column.drag-container.ui-droppable.activity-full-height { position: relative; display: flex; flex-wrap: wrap; margin: 0; } @media (min-width: 992px) { .column.drag-container.ui-droppable.activity-full-height .grid-box.box-element:last-child { margin-bottom: 0; } } /*height overlap issue css end here*/ /*chat css start here*/ .msger .msger-chat { overflow-y: auto; padding: 30px 10px 10px; max-height: 400px; scrollbar-width: thin; } .msger .msger-chat::-webkit-scrollbar { width: 6px; } .msger .msger-chat::-webkit-scrollbar-track { background: #ddd; } .msger .msger-chat::-webkit-scrollbar-thumb { background: #bdbdbd; } .msger .msger-chat .chat-loader { text-align: center; } .msger .msger-chat .chat-empty { display: block; text-align: center; font-size: 16px; color: #909090; font-weight: 600; } .msger .msger-chat .msg { display: flex; align-items: flex-end; margin-bottom: 10px; } .msger .msger-chat .msg:last-of-type { margin: 0; } .msger .msger-chat .msg .msg-img { width: 40px; min-width: 40px; height: 40px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; font-style: italic; text-transform: uppercase; } .msger .msger-chat .msg .msg-bubble { max-width: 70%; padding: 15px; border-radius: 15px; word-break: break-word; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble { max-width: 100%; } } .msger .msger-chat .msg .msg-bubble .msg-download { margin: 10px 0 0; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn { padding: 0; margin: 3px 0 0; display: flex; align-items: center; } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } @media (max-width: 767px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 208px; } } @media (max-width: 575px) { .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn .download-file-name { max-width: 100px; } } .msger .msger-chat .msg .msg-bubble .msg-download .msg-download-btn i { font-size: 20px; vertical-align: sub; } .msger .msger-chat .msg .msg-bubble .msg-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-name { margin-right: 10px; font-weight: 700; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time { display: flex; align-items: center; font-size: 11px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu { padding-left: 5px; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn { border: 0; background: transparent; padding: 0; color: #39547c; outline: 0; } .msger .msger-chat .msg .msg-bubble .msg-info .msg-info-time .context-menu .icon-btn i { font-size: 20px; } .msger .msger-chat .msg.left-msg .msg-bubble { border-bottom-left-radius: 0; background-color: #f3f3f3; } .msger .msger-chat .msg.right-msg { flex-direction: row-reverse; } .msger .msger-chat .msg.right-msg .msg-download-btn { color: #39547c; } .msger .msger-chat .msg.right-msg .msg-bubble { border-bottom-right-radius: 0; background-color: #e6e6e6; } .msger .msger-chat .msg.right-msg .msg-img { margin: 0 0 0 10px; } .msger .msg-input-box { display: flex; justify-content: space-between; width: 100%; } .msger .msger-inputarea { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #dddddd; margin: 20px 0 0; border-radius: 20px; } .msger .msger-inputarea .msg-send-wrap { display: flex; width: 100%; position: relative; } .msger .msger-inputarea .msg-send-wrap .msger-input { background: transparent; border-radius: 30px; padding: 13px 20px; padding-right: 40px; height: 100%; } .msger .msger-inputarea .msg-send-wrap .msger-input.msg-file-input { padding-right: 250px; } .msger .msger-inputarea .msg-send-wrap .msg-inputs { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap { height: 100%; position: relative; display: flex; align-items: center; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .custom-file-input { opacity: 0; position: absolute; } .msger .msger-inputarea .msg-send-wrap .msg-inputs .msg-file-wrap .msg-file-name { margin: 0; padding-right: 15px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .msger .msger-inputarea .msg-send-wrap .msg-inputs i { font-size: 20px; } .msger .msger-inputarea .msger-send-btn { border-radius: 50%; width: 35px; display: flex; height: 35px; justify-content: center; align-items: center; margin: 5px 10px; } .msger .msger-inputarea .msger-send-btn i { font-size: 24px; padding: 0; } .msger .msg-attach-wrap { display: block; width: 100%; border-bottom: 1px solid #000; padding: 20px 20px 15px; margin: 0 0 15px; } @media (max-width: 575px) { .msger .msg-attach-wrap { text-align: center; } } .msger .msg-attach-wrap .chat-file-box { display: inline-flex; align-items: center; padding: 13px 20px; border-radius: 3px; height: 100%; position: relative; background: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16); margin: 0 20px 10px 0; } .msger .msg-attach-wrap .chat-file-box:last-child { margin-right: 0; } .msger .msg-attach-wrap .chat-file-box i { font-size: 18px; } .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding-left: 5px; } @media (max-width: 575px) { .msger .msg-attach-wrap .chat-file-box .msg-file-name { max-width: 150px; } } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn { position: absolute; top: 3px; right: 3px; background: trasparent; border: 0; color: #000; border-radius: 50%; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0; outline: none; } .msger .msg-attach-wrap .chat-file-box .user-img-remove-btn i { font-size: 14px !important; } /*edit panel css start here*/ .edit-panel-wraaper { background: #6f6f6f; position: fixed; left: 0; right: 0; top: 0; padding: 7px 20px; z-index: 2; display: flex; justify-content: flex-end; } .edit-panel-wraaper .panel-edit-btn .btn { padding: 0; color: #fff; font-size: 14px; } .edit-panel-wraaper .panel-edit-btn .btn:hover { text-decoration: none; } .edit-panel-wraaper .panel-edit-btn .btn i { margin: 0 5px; font-size: 16px; opacity: 0.7; } /*edit panel css end here*/ .dp-formb-body.column.drag-container.col-lg-12.ui-droppable { padding: 0; } .list-control .table.table-sorting-icon.shadow-table thead tr th:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n - 2) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .list-control .table.table-sorting-icon.shadow-table tr:nth-child(2n) td:first-child { max-width: 30px !important; padding-right: 0 !important; } .activity-field-header { font-weight: 600; } .user-data { padding: 30px; } .user-data input [type="hidden"] { height: 0; padding: 0; margin: 0; } .user-data .table.shadow-table thead tr.list-filter-settings th { background: transparent; } .user-data .table.shadow-table thead tr.list-filter-settings th button { margin-right: 10px; } .user-data .table.shadow-table thead tr.list-filter-settings th:last-child { text-align: right; } .user-data .table.shadow-table thead tr.list-filter-settings th button:last-child { margin-right: 0; } .user-data .lookup-data-table { width: 100% !important; } .user-data .lookup-data-table th { background-color: rgba(38, 55, 162, 0.05); font-weight: 700; padding: 17px 15px; } .user-data .lookup-data-table th:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .user-data .lookup-data-table th:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .user-data .lookup-data-table td { border-bottom: 1px solid #e1e1e1; } .user-data .lookup-data-table td:last-child { text-align: left; border-radius: 0; } .user-data .add-product-table { width: 100% !important; } .user-data .add-product-table th { text-align: left !important; } .user-data .add-product-table thead td { text-align: left !important; background-color: rgba(38, 55, 162, 0.05); font-weight: 700; padding: 17px 15px; border-bottom: 0 !important; } .user-data .add-product-table thead td:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; text-align: left !important; } .user-data .add-product-table thead td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .user-data .add-product-table td { border-bottom: 1px solid #e1e1e1 !important; vertical-align: bottom; padding: 10px 15px !important; height: initial !important; text-align: left !important; } .user-data .add-product-table td:last-child { text-align: left !important; border-radius: 0 !important; } .user-data .add-product-table td:first-child { border-radius: 0 !important; } .user-data .heading-bar { justify-content: space-between; } .user-data .heading-bar .icon-btn { margin-left: 10px; font-size: 22px; background-color: transparent; border: 0; outline: none; color: #39547c; } .user-data .heading-bar .right-btns { display: flex; align-items: center; } .user-data .heading-bar .right-btns .btn i { padding-right: 5px; } .user-data .dropdown-menu { border: 1px solid #CBCBCB; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 3px 20px; border-radius: 8px; } .user-data .dropdown-menu .dropdown-item { font-size: 13px; padding: 10px 0; text-align: right; background-color: transparent; border-bottom: 1px solid #f1f1f1; } @media (max-width: 575px) { .user-data .dropdown-menu .dropdown-item { font-size: 11px; } } .user-data .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } @media (max-width: 991px) { .user-data .dropdown-menu { border: 0; box-shadow: none; margin: 0; padding: 0 10px; } .user-data .dropdown-menu .dropdown-item { padding: 5px 0; border: 0; } } .user-data .table.shadow-table td, .user-data .table.shadow-table th { border: 0; vertical-align: middle; text-align: left; font-size: 14px; } .user-data .table.shadow-table thead tr th { background-color: #e6e6e6; font-weight: 700; padding: 17px 15px; } .user-data .table.shadow-table thead tr th:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .user-data .table.shadow-table thead tr th:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .user-data .table.shadow-table td { font-weight: 500; } @media (max-width: 575px) { .user-data .table.shadow-table td { font-size: 13px; } } .user-data .table.shadow-table td .user-profile { display: inline-block; height: 40px; width: 40px; border-radius: 50%; text-align: center; line-height: 40px; margin-right: 10px; } .user-data .table.shadow-table td .part { display: flex; } .user-data .table.shadow-table td .assignee .icon { margin-top: 5px; margin-right: 10px; } .user-data .table.shadow-table td .assignee .right .email { font-weight: 400; } .user-data .table.shadow-table td .assignee .right p { margin-bottom: 0; } .user-data .table.shadow-table .checkbox-wrapper { width: 16px; height: 16px; display: block; margin: auto; } .user-data .table.shadow-table .checkbox-wrapper input[type='checkbox'] { height: 16px; width: 16px; } .user-data .table.shadow-table .checkbox-wrapper .checkbox { height: 16px; width: 16px; } .user-data .table.shadow-table .checkbox-wrapper .checkbox::before { height: 4px; width: 9px; } .user-data .table.shadow-table tr:nth-child(2n - 2) td, .user-data .table.shadow-table tr:nth-child(2n) td { background-color: #ffffff; padding: 8px 15px; } .user-data .table.shadow-table tr:nth-child(2n - 2) td .action-more, .user-data .table.shadow-table tr:nth-child(2n) td .action-more { background-color: transparent; border: 0; outline: none; font-size: 25px; color: rgba(0, 0, 0, 0.44); } .user-data .table.shadow-table tr:nth-child(2n - 2) td .chips-wrapper, .user-data .table.shadow-table tr:nth-child(2n) td .chips-wrapper { display: flex; flex-wrap: wrap; } .user-data .table.shadow-table tr:nth-child(2n - 2) td .chips-wrapper .chip, .user-data .table.shadow-table tr:nth-child(2n) td .chips-wrapper .chip { display: flex; align-items: center; background-color: #e2dbfa; padding: 3px 10px; border: 1px solid #633FE4; border-radius: 6px; color: #633FE4; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 5px 10px 5px 0; } .user-data .table.shadow-table tr:nth-child(2n - 2) td .chips-wrapper .chip i, .user-data .table.shadow-table tr:nth-child(2n) td .chips-wrapper .chip i { font-size: 14px; } @media (max-width: 575px) { .user-data .table.shadow-table tr:nth-child(2n - 2) td .chips-wrapper .chip, .user-data .table.shadow-table tr:nth-child(2n) td .chips-wrapper .chip { font-size: 8px; margin: 4px 8px 4px 0; } .user-data .table.shadow-table tr:nth-child(2n - 2) td .chips-wrapper .chip i, .user-data .table.shadow-table tr:nth-child(2n) td .chips-wrapper .chip i { font-size: 12px; } } .user-data .table.shadow-table tr:nth-child(2n - 2) td .chips-wrapper .chip.available, .user-data .table.shadow-table tr:nth-child(2n) td .chips-wrapper .chip.available { color: #39547c; border-color: #39547c; background-color: #c5d2e4; } .user-data .table.shadow-table tr:nth-child(2n - 2) td .chips-wrapper .chip.previous, .user-data .table.shadow-table tr:nth-child(2n) td .chips-wrapper .chip.previous { color: #39547c; border-color: #39547c; background-color: #a8bbd7; } .user-data .table.shadow-table tr:nth-child(2n - 2) td:first-child, .user-data .table.shadow-table tr:nth-child(2n) td:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; max-width: 70px; padding-left: 30px; } .user-data .table.shadow-table tr:nth-child(2n - 2) td:last-child, .user-data .table.shadow-table tr:nth-child(2n) td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; text-align: right; } .user-data .table.shadow-table tr.selected:nth-child(2n - 2) td, .user-data .table.shadow-table tr.selected:nth-child(2n) td { background-color: rgba(57, 84, 124, 0.08); }