/* Minification failed. Returning unminified contents. (124,19): run-time error CSS1046: Expect comma, found '58' (124,24): run-time error CSS1046: Expect comma, found ')' (304,1): run-time error CSS1019: Unexpected token, found '}' (414,40): run-time error CSS1046: Expect comma, found '0' (414,44): run-time error CSS1046: Expect comma, found '/' (647,35): run-time error CSS1046: Expect comma, found '0' (647,39): run-time error CSS1046: Expect comma, found '/' (647,65): run-time error CSS1046: Expect comma, found '0' (647,69): run-time error CSS1046: Expect comma, found '/' (673,40): run-time error CSS1046: Expect comma, found '0' (673,44): run-time error CSS1046: Expect comma, found '/' (1234,40): run-time error CSS1046: Expect comma, found '0' (1234,44): run-time error CSS1046: Expect comma, found '/' (1285,39): run-time error CSS1046: Expect comma, found '0' (1285,43): run-time error CSS1046: Expect comma, found '/' (1291,45): run-time error CSS1046: Expect comma, found '165' (1291,52): run-time error CSS1046: Expect comma, found '/' (1404,39): run-time error CSS1046: Expect comma, found '130' (1404,45): run-time error CSS1046: Expect comma, found ')' (1751,42): run-time error CSS1046: Expect comma, found '165' (1751,48): run-time error CSS1046: Expect comma, found ')' (1752,24): run-time error CSS1046: Expect comma, found '165' (1752,30): run-time error CSS1046: Expect comma, found ')' (1975,41): run-time error CSS1046: Expect comma, found '63' (1975,48): run-time error CSS1046: Expect comma, found '/' (1981,35): run-time error CSS1046: Expect comma, found '63' (1981,42): run-time error CSS1046: Expect comma, found '/' (2100,47): run-time error CSS1046: Expect comma, found '0' (2100,51): run-time error CSS1046: Expect comma, found '/' (2323,39): run-time error CSS1046: Expect comma, found '0' (2323,43): run-time error CSS1046: Expect comma, found '/' (2324,47): run-time error CSS1046: Expect comma, found '0' (2324,51): run-time error CSS1046: Expect comma, found '/' (2325,44): run-time error CSS1046: Expect comma, found '0' (2325,48): run-time error CSS1046: Expect comma, found '/' (2342,44): run-time error CSS1046: Expect comma, found '0' (2342,48): run-time error CSS1046: Expect comma, found '/' (2343,52): run-time error CSS1046: Expect comma, found '0' (2343,56): run-time error CSS1046: Expect comma, found '/' (2344,49): run-time error CSS1046: Expect comma, found '0' (2344,53): run-time error CSS1046: Expect comma, found '/' (2508,1): run-time error CSS1019: Unexpected token, found '}' (2538,45): run-time error CSS1046: Expect comma, found '0' (2538,49): run-time error CSS1046: Expect comma, found '/' (2584,47): run-time error CSS1046: Expect comma, found '0' (2584,51): run-time error CSS1046: Expect comma, found '/' (2586,39): run-time error CSS1046: Expect comma, found '0' (2586,43): run-time error CSS1046: Expect comma, found '/' (2613,35): run-time error CSS1046: Expect comma, found '0' (2613,39): run-time error CSS1046: Expect comma, found '/' (2710,39): run-time error CSS1046: Expect comma, found '0' (2710,43): run-time error CSS1046: Expect comma, found '/' (2711,47): run-time error CSS1046: Expect comma, found '0' (2711,51): run-time error CSS1046: Expect comma, found '/' (2712,44): run-time error CSS1046: Expect comma, found '0' (2712,48): run-time error CSS1046: Expect comma, found '/' (2735,20): run-time error CSS1038: Expected hex color, found '#ffff' (2887,47): run-time error CSS1046: Expect comma, found '0' (2887,51): run-time error CSS1046: Expect comma, found '/' (2896,39): run-time error CSS1046: Expect comma, found '0' (2896,43): run-time error CSS1046: Expect comma, found '/' (2990,37): run-time error CSS1046: Expect comma, found '0' (2990,41): run-time error CSS1046: Expect comma, found '/' (3019,47): run-time error CSS1046: Expect comma, found '0' (3019,51): run-time error CSS1046: Expect comma, found '/' (3113,47): run-time error CSS1046: Expect comma, found '0' (3113,51): run-time error CSS1046: Expect comma, found '/' (3124,33): run-time error CSS1046: Expect comma, found '0' (3124,37): run-time error CSS1046: Expect comma, found '/' (3182,43): run-time error CSS1046: Expect comma, found '0' (3182,47): run-time error CSS1046: Expect comma, found '/' (3251,37): run-time error CSS1046: Expect comma, found '0' (3251,41): run-time error CSS1046: Expect comma, found '/' (3277,33): run-time error CSS1046: Expect comma, found '0' (3277,37): run-time error CSS1046: Expect comma, found '/' (3278,41): run-time error CSS1046: Expect comma, found '0' (3278,45): run-time error CSS1046: Expect comma, found '/' (3395,45): run-time error CSS1046: Expect comma, found '0' (3395,49): run-time error CSS1046: Expect comma, found '/' (3420,37): run-time error CSS1046: Expect comma, found '0' (3420,41): run-time error CSS1046: Expect comma, found '/' (3421,49): run-time error CSS1046: Expect comma, found '0' (3421,53): run-time error CSS1046: Expect comma, found '/' (3640,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3662,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3684,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3728,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3746,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3747,10): run-time error CSS1035: Expected colon, found '{' (3760,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3761,10): run-time error CSS1035: Expected colon, found '{' (3774,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3775,10): run-time error CSS1035: Expected colon, found '{' (3802,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3803,10): run-time error CSS1035: Expected colon, found '{' (3814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3815,10): run-time error CSS1035: Expected colon, found '{' (3828,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3829,10): run-time error CSS1035: Expected colon, found '{' (3842,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3843,10): run-time error CSS1035: Expected colon, found '{' (3870,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3871,10): run-time error CSS1035: Expected colon, found '{' (3882,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3883,10): run-time error CSS1035: Expected colon, found '{' (3896,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3897,10): run-time error CSS1035: Expected colon, found '{' (3910,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3911,10): run-time error CSS1035: Expected colon, found '{' (3938,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3939,10): run-time error CSS1035: Expected colon, found '{' (3950,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3951,10): run-time error CSS1035: Expected colon, found '{' (3964,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3965,10): run-time error CSS1035: Expected colon, found '{' (3978,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3979,10): run-time error CSS1035: Expected colon, found '{' (4006,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4007,10): run-time error CSS1035: Expected colon, found '{' (4069,33): run-time error CSS1046: Expect comma, found '0' (4069,37): run-time error CSS1046: Expect comma, found '/' (4070,41): run-time error CSS1046: Expect comma, found '0' (4070,45): run-time error CSS1046: Expect comma, found '/' (4585,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4586,9): run-time error CSS1035: Expected colon, found ',' (4627,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4628,9): run-time error CSS1035: Expected colon, found ',' (4676,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4677,10): run-time error CSS1035: Expected colon, found '{' (4688,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4689,10): run-time error CSS1035: Expected colon, found '{' (4719,35): run-time error CSS1046: Expect comma, found '63' (4719,42): run-time error CSS1046: Expect comma, found '/' (4899,37): run-time error CSS1046: Expect comma, found '0' (4899,41): run-time error CSS1046: Expect comma, found '/' (4900,45): run-time error CSS1046: Expect comma, found '0' (4900,49): run-time error CSS1046: Expect comma, found '/' (5002,35): run-time error CSS1046: Expect comma, found '63' (5002,42): run-time error CSS1046: Expect comma, found '/' (5003,43): run-time error CSS1046: Expect comma, found '63' (5003,50): run-time error CSS1046: Expect comma, found '/' (5015,35): run-time error CSS1046: Expect comma, found '63' (5015,42): run-time error CSS1046: Expect comma, found '/' (5016,43): run-time error CSS1046: Expect comma, found '63' (5016,50): run-time error CSS1046: Expect comma, found '/' (5026,35): run-time error CSS1046: Expect comma, found '63' (5026,42): run-time error CSS1046: Expect comma, found '/' (5027,43): run-time error CSS1046: Expect comma, found '63' (5027,50): run-time error CSS1046: Expect comma, found '/' (5082,35): run-time error CSS1046: Expect comma, found '63' (5082,42): run-time error CSS1046: Expect comma, found '/' (5083,43): run-time error CSS1046: Expect comma, found '63' (5083,50): run-time error CSS1046: Expect comma, found '/' (5088,39): run-time error CSS1046: Expect comma, found '63' (5088,46): run-time error CSS1046: Expect comma, found '/' (5089,47): run-time error CSS1046: Expect comma, found '63' (5089,54): run-time error CSS1046: Expect comma, found '/' (5231,35): run-time error CSS1046: Expect comma, found '63' (5231,42): run-time error CSS1046: Expect comma, found '/' (5232,43): run-time error CSS1046: Expect comma, found '63' (5232,50): run-time error CSS1046: Expect comma, found '/' (5358,41): run-time error CSS1046: Expect comma, found '0' (5358,45): run-time error CSS1046: Expect comma, found '/' (5359,49): run-time error CSS1046: Expect comma, found '0' (5359,53): run-time error CSS1046: Expect comma, found '/' (5682,48): run-time error CSS1046: Expect comma, found '0' (5682,52): run-time error CSS1046: Expect comma, found '/' (5707,24): run-time error CSS1038: Expected hex color, found '#ffff' (5753,35): run-time error CSS1046: Expect comma, found '63' (5753,42): run-time error CSS1046: Expect comma, found '/' (5754,43): run-time error CSS1046: Expect comma, found '63' (5754,50): run-time error CSS1046: Expect comma, found '/' (5829,45): run-time error CSS1046: Expect comma, found '0' (5829,49): run-time error CSS1046: Expect comma, found '/' (7087,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7099,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12358,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12380,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12402,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12414,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12426,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12436,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12446,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12456,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12466,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12476,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12486,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12496,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12546,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12578,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12610,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12636,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12662,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12684,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12721,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12735,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12754,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12783,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12817,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12827,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12842,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12852,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12867,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12877,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13016,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13050,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (13051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13118,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300&family=Roboto:wght@100;300&display=swap'); @import url(../css/textedtior.css); *, *::after, *::before { margin: 0; padding: 0; box-sizing: border-box; } ul { list-style: none; } a { text-decoration: none; color: inherit; } hr { margin: 0.5rem 0; opacity: 0.1; border: none; border-bottom: 1px solid #b6cefc; } img { width: 100%; display: block; } body { background-color: #f3f4f7; font-family: 'Poppins', sans-serif; } .mt-2 { margin-top: 10px; } .mt-3 { margin-top: 15px; } .mt-20 { margin-top: 20px !important; } .mt-4 { margin-top: 20px; } .mt-5 { margin-top: 30px; } .mb-2 { margin-bottom: 10px; } .mb-3 { margin-bottom: 15px; } .mb-4 { margin-bottom: 20px; } .mt-39 { margin-top: 39px !important; } .pb-10 { padding-bottom: 10px; } .pdding-hef { padding: 11px 30px !important; } .m-0 { margin: 0px; } .ps-relative { position: relative; } .red-bg { background: #ef3939; } .green-drak-bg { background: #349449; } .green-bg { background: #74ab00; } .mangento-bg { background: #9d388d; } .voilet-bg { background: #4d57b1; } .ps-relative { position: relative; } /*LOGIN CSS*/ .display-none { display: none !important; } #wrapper.fullwidth { margin-left: 0; } .span { color: rgb(58 58 58); } /* color*/ .dark-light-gray { color: rgba(62, 62, 62, 1); } .bg-blue { background: #3068e3; } .bg-red { background: #EF3939; } .bg-green { background: #74AB00; } .bg-voliet { background: #9D388D; } .bg-vageen { background: #4D57B1; } /* Utilites*/ .text-center { text-align: center; } .p-3 { padding: 1rem; } .mt-3 { margin-top: 1rem; } .mt-30 { margin-top: 30px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .rounded-pill { border-radius: 100rem; } .inline-block { display: inline-block !important; } .border-radius-7 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .border-radius-50 { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .box-shadow-none { box-shadow: none; } .margin-left-right { margin-left: -10px; margin-right: -10px; } .serach-toggle { display: none; } .title-color { color: #ef8234; } /*w-*/ .w-10 { width: 10%; } .w-15 { width: 15% !important; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30% !important; } .w-33 { width: 33.3%; } .w-40 { width: 40% !important; } .w-45 { width: 45% !important; } .w-50 { width: 50% !important; } .w-60 { width: 60% !important; } .w-70 { width: 70% !important; } .w-80 { width: 80% !important; } .w-90 { width: 90% !important; } .w-100 { width: 100%; } .width-auto { width: auto !important; } .pr-15 { padding-right: 15px; } .float-left { float: left; } .float-right { float: right; } /*css-hidden and auto*/ .filter-table .form-group select { border: 1px solid #cca2485c; outline: none; background: #fff; } .overflow-hidden { overflow: hidden; } .overflow-auto { overflow: auto; } #tblDataTable_wrapper, #tblDataTable_wrapper > #tblDataTable { width: 100% !important; } } /*padding*/ .padd-lft-right { padding: 0 15px; } .check-row { flex-direction: row !important; } .m-left-20 { margin-left: 20px; } .m-top-min-10 { margin-top: -10px; } .m-top-min-20 { margin-top: -20px; } /* flex css*/ .d-flex { display: flex; } .d-row, .row { width: 100%; } .d-rows, .d-flex-row { flex-direction: row; } .d-colume { flex-direction: column; } .d-j-space-between { justify-content: space-between; } .d-space-around { justify-content: space-around; } .d-flex-start { justify-content: flex-start; } .d-flex-center { justify-content: center !important; } .d-flex-left { justify-content: left !important; } .d-flex-end { justify-content: flex-end !important; } .d-flex-wrapp { flex-wrap: wrap; } .d-align-items, .d-align-items-center { align-items: center; } .d-align-stretch { align-items: stretch; } .d-align-items-flex-end { align-items: flex-end !important; } .d-align-items-flex-start { align-items: flex-start !important; } .text-center { text-align: center; } .min-height-auto { min-height: auto !important; } .showList { display: block !important; } .btn-success { text-decoration: none; display: inline-block; font-size: 15px; color: #fff; background-color: #ea830e; border-radius: 24px; padding: 10px 15px; cursor: pointer; } .add-button { width: 40px; height: 40px; box-shadow: -1px 3px 4px 1px rgb(0 0 0 / 10%); border-radius: 100px; color: #fff; border: none; outline: none; background: #550fa9; font-size: 18px; position: absolute; top: 10px; right: 25px; cursor: pointer; } /*.display-none { display: none; }*/ .padd-left-15 { padding-left: 15px; } .min-heaight-250 { min-height: 250px; overflow: hidden; } /* col-*/ .col-6 { width: 6% !important; padding-left: 15px; padding-right: 15px; } .col-8 { width: 8%; padding-left: 15px; padding-right: 15px; } .col-10 { width: 10%; padding-left: 15px; padding-right: 15px; } .col-12 { width: 12%; padding-left: 15px; padding-right: 15px; } .col-15 { width: 15%; padding-left: 15px; padding-right: 15px; } .col-20 { width: 20%; padding-left: 15px; padding-right: 15px; } .col-22 { width: 22%; padding-left: 15px; padding-right: 15px; } .col-24 { width: 24%; padding-left: 15px; padding-right: 15px; } .col-25 { width: 25%; padding-left: 15px; padding-right: 15px; } .col-26 { width: 26%; padding-left: 15px; padding-right: 15px; } .col-28 { width: 28%; padding-left: 15px; padding-right: 15px; } .col-30 { width: 30%; padding-left: 15px; padding-right: 15px; } .col-33 { width: 33%; padding-left: 15px; padding-right: 15px; } .col-40 { width: 40%; padding-left: 15px; padding-right: 15px; } .col-47 { width: 47%; padding-left: 15px; padding-right: 15px; } .col-48 { width: 48%; padding-left: 15px; padding-right: 15px; } .col-49 { width: 49%; padding-left: 15px; padding-right: 15px; } .col-50 { width: 50%; padding-left: 15px; padding-right: 15px; } .col-60 { width: 60%; padding-left: 15px; padding-right: 15px; } .col-70 { width: 70%; padding-left: 15px; padding-right: 15px; } .col-80 { width: 80%; padding-left: 15px; padding-right: 15px; } .col-100 { width: 100%; padding-left: 15px; padding-right: 15px; } .padd-left-0 { padding-left: 0px; } .padd-right-0 { padding-right: 0px; } .custom-file-input1 { content: 'Select files'; color: black !important; display: inline-block; background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #d7dbda; border-radius: 10px; padding: 11px 15px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 500; font-size: 10pt; width: 100%; } .tox-tinymce { width: 100%; } .tox .tox-notification--warning, .tox-statusbar__branding { display: none !important; } /*--============--*/ .logo-seller, .logo-buyer, .logo-transport, .logo-agent { width: 120px; margin: 0 0 20px; } .logo-seller img, .logo-buyer img, .logo-transport img, .logo-agent img { width: 100%; } /*--========popupmodal css========--*/ .modal { display: none; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; width: 100%; z-index: 50; transition: all 0.3s ease; opacity: 0; height: 100vh; } .open { visibility: visible; opacity: 1; transition-delay: 0s; display: block; } #modal { background-color: #fff; position: absolute; top: 15%; left: 50%; transform: translate(-50%, -15%); width: 50%; padding: 0; border-radius: 5px; display: flex; flex-direction: column; align-items: center; box-shadow: 0 14px 28px rgb(0 0 0 / 11%), 0 10px 10px rgb(0 0 0 / 11%); font-size: 1.5rem; animation-name: animatemodal; animation-duration: 0.4s; } .form-popup-wrapp { width: 100%; } .form-popup-wrapp .col-12 { width: 100%; } .container-modal { min-height: 365px; width: 650px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0; transition: all 300ms ease-in-out; z-index: 1011; border-radius: 4px; box-shadow: 1px 1px 12px 5px rgb(0 0 0 / 9%); } .container-modal .header-modal { display: flex; padding: 10px; background-color: #ef8234; color: #fff; position: relative; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .container-modal .header-modal .modal-exit { position: absolute; top: -10px; right: -8px; background: #fff; height: 30px; width: 30px; border-radius: 100px; border: none; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 300; cursor: pointer; } .container-modal .header-modal .modal-exit i { color: #ef8234; } .container-modal .header-modal h4 { color: #fff; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400; } .container-modal .modal-body { padding: 10px; width: 100%; display: flex; flex-flow: column wrap; min-height: 200px; } .container-modal .modal-body h5 { font-size: 15px; font-weight: 500; color: #468246; /* padding-bottom: 4px; */ text-align: left; background: #eee; padding: 12px; margin: 10px 0; } .container-modal .modal-body .form-group label { color: #000000ab; } .container-modal .modal-body .form-group input[type="search"], .container-modal .modal-body .form-group input[type="text"], .container-modal .modal-body .form-group input[type="email"], .container-modal .modal-body .form-group input[type="number"], .form-group select, .container-modal .modal-body .form-group input[type="date"], .form-group textarea, .container-modal .modal-body .form-group input[type="datetime-local"], .container-modal .modal-body .form-group input[type="datetime"], .container-modal .modal-body .form-group input[type="time"] { width: 100%; height: 45px; line-height: 25px; background: transparent; border: 1px solid #d7dbda; font-size: 14px; color: #a09e9e; border-radius: 10px; padding: 14px 15px; } .popup-modal.is-visible { opacity: 1; pointer-events: auto; } .popup-modal-close { position: absolute; font-size: 1.2rem; right: -10px; top: -10px; cursor: pointer; } .modal-footer { width: 100%; display: flex; flex-direction: column; /* padding: 10px; */ /* background: #eee; */ align-items: center; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /*--========Modal-wrapp========--*/ .modal-wrapp { width: 100%; display: flex; flex-flow: column wrap; padding: 0; } .modal-wrapp .header-wrapp { width: 100%; background-color: #d78000; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 12px; } .modal-wrapp .header-wrapp h2 { font-size: 15px; line-height: 32px; color: #fff; font-weight: 500; font-family: 'IBM Plex Sans', sans-serif; } .modal-wrapp .header-wrapp #close-btn, #editclose-btn { color: #fff; cursor: pointer; } .modal-wrapp .body-wrapp { width: 100%; padding: 10px 12px 20px; max-height: 450px; overflow-y: scroll; } .modal-wrapp .ft-wrapp { width: 100%; padding: 10px; } .modal-wrapp .ft-wrapp .row { justify-content: center; } .modal-wrapp .ft-wrapp .btn-cancel, .modal-wrapp .ft-wrapp .btn-submit { width: 120px; padding: 10px 20px; color: #fff; font-size: 14px; cursor: pointer; border-radius: 86px; outline: none; border: none; margin: 0 5px; font-weight: 500; } .modal-wrapp .ft-wrapp .btn-submit { background: #181264; color: #fff; } .modal-wrapp .ft-wrapp .btn-cancel { background: #EF3939; } .modal-wrapp .ft-wrapp .btn-cancel:focus, .modal-wrapp .ft-wrapp .btn-cancel:hover { outline: none; background: #EF3939; } .modal-wrapp .ft-wrapp .btn-submit:focus, .modal-wrapp .ft-wrapp .btn-submit:hover { background: #181264; } /***** form*****/ .form-control { width: 100%; } .line-height-am { line-height: 18px; background-color: #f0f0f0; border: 1px solid #ddd; padding: 16px 24px; color: #212529; font-size: 14px; width: 89%; margin-bottom: 20px; } .line-height-am:focus { color: #212529; background-color: rgb(238, 253, 240); border-color: #018440b5; outline: 0; border: 1px solid #00823f38; } .padd-21-46 { padding: 21px 46px; } .padd-20-40 { padding: 21px 40px; } .padd-20-55 { padding: 21px 55px; } .position-relative { position: relative; } /*radio button */ /*radio button */ .radio-set { position: relative; width: 100%; padding: 15px 0; } .radio-set ul { display: flex; flex-flow: row wrap; } .radio-set ul li { position: relative; display: flex; flex-direction: row; align-items: center; padding: 0 30px 0 0; } .radio-set ul li + label { font-size: 14px !important; } .radio-set ul li [type="radio"]:checked, .radio-set ul li [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .radio-set ul li [type="radio"]:checked + label, .radio-set ul li [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; font-size: 15px; } .radio-set ul li [type="radio"]:checked + label:before, .radio-set ul li [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border: 1px solid #763dba; border-radius: 100%; background: #ffffff36; } .radio-set ul li [type="radio"]:checked + label:after, .radio-set ul li [type="radio"]:not(:checked) + label:after { content: ''; width: 14px; height: 14px; background: #763dba; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .radio-set ul li [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .radio-set ul li [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /*.radio-set { position: relative; width: 100%; padding: 15px 0; } .radio-set ul { display: flex; flex-flow: row wrap; } .radio-set ul li { position: relative; display: flex; flex-direction: row; align-items: center; padding: 0 30px 0 0; } .radio-set ul li + label { font-size: 14px !important; } .radio-set ul li [type="radio"]:checked + label, .radio-set ul li [type="radio"]:not(:checked) + label, .radio-set ul li [type="checkbox"]:checked + label, .radio-set ul li [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; font-size: 15px; } .radio-set ul li [type="radio"]:checked + label:before, .radio-set ul li [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border: 1px solid #9157b9; border-radius: 100%; background: #ffffff36; } .radio-set ul li [type="radio"]:checked + label:after, .radio-set ul li [type="radio"]:not(:checked) + label:after { content: ''; width: 14px; height: 14px; background: #530fa6; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .radio-set ul li [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .radio-set ul li [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } */ /*GIRD CSS*/ .grid-side { position: relative; display: grid; grid-template-columns: 100% !important; grid-template-rows: 80px 1fr 50px !important; grid-template-areas: "header" "main" "footer" !important; height: 100vh; overflow-x: hidden; } .wrapper-grid { display: grid; grid-template-columns: 250px calc(100% - 250px); grid-template-rows: 80px 1fr 50px; grid-template-areas: "sidenav header" "sidenav main" "sidenav footer"; height: 100vh; } .grid--noscroll { overflow-y: hidden; } /* nav header section*/ .header-wrapp { grid-area: header; display: flex; align-items: center; justify-content: space-between; background-color: #fff; /* background-color: #755232; */ } .header-wrapp nav, .content-wrapp { width: 100%; margin: 0; padding: 10px 20px; } .header-wrapp nav .header-left { width: 30%; } .header-logo { width: 120px; margin-right: 25px; } .header-logo img { width: 60px; } .hide-logo-width { width: 10% !important; } .hide-logo-width .header-logo { display: none !important; } .show { display: block !important; } .hide { display: none; } /* toggle nav side add class & remove*/ .toggle { width: 50px; flex-direction: row; justify-content: flex-start; display: flex; padding: 15px 0; margin-right: 20px; z-index: 50; } .navcontent > .nav > .toggle { justify-content: flex-end; } .nav-link:hover { color: #550fa9; } .nav-icon-menu { cursor: pointer; transition: 0.1s ease; width: 41px; } .nav-icon-menu.navclose { width: 41px; margin-top: -8px; } .menu-1, .menu-2, .menu-3 { width: 37px; height: 4px; background-color: #ef8234; margin: 7px 0; transition: 0.4s; } .menu-2 { width: 37px; } .menu-3 { width: 37px; } .navclose .menu-1 { -webkit-transform: rotate(310deg) translate(-12px, 6px); transform: rotate(226deg) translate(-12px, 6px); width: 15px; margin: 2px 6px; height: 3px; } .navclose .menu-2 { opacity: 0.9; width: 33px; } .navclose .menu-3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(136deg) translate(-8px, -8px); width: 15px; margin: -4px 7px; height: 3px; } /* header search*/ .header-wrapp .header-search { width: 100%; position: relative; } .header-wrapp .header-search .select-list { width: 127px; height: 38px; border: none; background: #F2E6FF; -webkit-border-top-left-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topleft: 25px; -moz-border-radius-bottomleft: 25px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #3D3D3D; font-weight: 500; text-align: left; display: flex; align-items: center; font-family: 'Inter', sans-serif !important; cursor: pointer; } .header-wrapp .header-search .select-list i { margin-right: 15px; margin-left: 15px; font-size: 24px; } .header-wrapp .header-search .searchlocation { width: 145px; position: absolute; top: 43px; z-index: 999; left: 0px; background: #FFFFFF; box-shadow: 0px 0px 19px rgb(0 0 0 / 15%); display: none; } .header-wrapp .header-search .searchlocation input { width: 100%; background: #fff; padding: 15px 12px 15px 5px !important; height: 42px; outline: none; border: none !important; border-radius: 0 !important; } .header-wrapp .header-search .searchlocation .search-btn { width: 25px; height: 25px; margin-left: 0; background: #fff; border: none; color: #F6790B; font-size: 14px; font-weight: 500; text-align: left; display: flex; align-items: center; font-weight: 500; font-family: 'Inter', sans-serif !important; position: absolute; top: 7px; right: 4px; } .header-wrapp .header-search .search-set .searchlocation .search-btn i { margin-left: 5px; } .show { display: block !important; } .header-wrapp .header-search input[type=search] { width: 100%; padding: 10px 30px 10px 20px; border: 1px solid #d9d3d3; -webkit-border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomright: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; box-shadow: 2px 1px 5px 0px rgb(0 0 0 / 6%); border-left: none; } .header-wrapp .header-search input[type=search]:focus { outline: none; box-shadow: 2px 1px 3px 0px rgb(208 165 73 / 12%); border: 1px solid #d0a54836; } .header-wrapp .header-search .search-btn { position: absolute; top: 6px; right: 12px; width: 35px; background: #fff; height: 31px; border: none; color: #ef8234; font-size: 19px; } .header-right { width: 100%; display: flex; flex-direction: row; align-items: center; } .right-flex { display: flex; flex-direction: row; justify-content: flex-end; width: 100%; flex-wrap: wrap; align-items: center; } .message, .search-icon { width: 60px; text-align: center; } .notification { width: 60px; position: relative; display: flex; flex-direction: column; align-items: center; } .notification a, .notification a:hover { display: flex; text-decoration: none; /* background-color: #0082AB; */ position: relative; padding: 4px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 33px; height: 32px; text-align: center; align-items: center; justify-content: center; } .welcome-box { margin-left: 15px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; /* background-color: #e9e9e98c; */ padding: 4px 18px; -webkit-border-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius: 6px; -moz-border-radius-topright: 6px; border-radius: 6px; border-top-right-radius: 6px; width: auto; max-width: 75%; position: relative; /* box-shadow: -3.08176px -3.08176px 7.7044px 1.54088px rgb(255 255 255 / 31%), 2.31132px 4.62264px 5.39308px 0.77044px rgb(215 215 215 / 35%); */ } .welcome-box h2 { width: 85%; line-height: 25px; line-height: 25px; font-size: 14px; color: #1a1a1ab8; margin-right: 10px; font-weight: 500; } .welcome-box a { display: flex; flex-direction: column; padding: 3px; outline: none; cursor: pointer; } .welcome-box a img { width: 40px; border-radius: 100%; border: 1px solid #75523266; padding: 3px; } .welcome-box::before { content: ''; position: absolute; right: 3px; top: 25px; width: 0; height: 0; border-top: solid 7px rgb(239 130 52); border-left: solid 7px transparent; border-right: solid 7px transparent; } .welcome-drop-down, .notification-drop-down { position: absolute; width: 210px; display: none; flex-direction: column; top: 67px; right: 0; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background-color: #fff; z-index: 99; padding: 0; margin: 0; -webkit-border-bottom-right-radius: 11px; -webkit-border-bottom-left-radius: 11px; -moz-border-radius-bottomright: 11px; -moz-border-radius-bottomleft: 11px; border-bottom-right-radius: 11px; border-bottom-left-radius: 11px; } .notification-drop-down { top: 57px; } .welcome-drop-down:after, .notification-drop-down:after { content: ''; position: absolute; right: 30px; top: -10px; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #eeedef; z-index: -99; } .welcome-drop-down li, .notification-drop-down li { list-style: none; width: 100%; } .welcome-drop-down li a, .welcome-drop-down li a:hover, .notification-drop-down li a { padding: 15px 12px; display: block; width: 100%; color: #000 !important; text-align: left; word-break: break-word; border-bottom: 1px solid #eee; font-size: 13px; } .welcome-drop-down li a:hover { color: #550fa9 !important; } .notification-drop-down { width: 300px; } /* .notification-drop-down li a:hover{ color:#fff; padding: 15px 12px; width: 100%; } */ .welcome-drop-down:after, .notification-drop-down:after { right: 2px; top: -18px; } .notification-drop-down li a { background-color: transparent; height: auto; padding: 8px 12px; display: flex; flex-direction: row; justify-content: space-between; text-align: left; width: 100%; } .notification-drop-down li a:hover { background-color: transparent; display: block; height: auto; padding: 8px 12px; display: flex; flex-direction: row; justify-content: space-between; color: #550fa9 !important; text-align: left; width: 100%; } .notification-drop-down li { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .notification-drop-down .icon { width: 40px; display: flex; align-items: center; flex-direction: column; } .notification-drop-down .icon img { width: 100%; border: 2px solid #75523266; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 2px } .notification-drop-down .content-n { width: 76%; flex-flow: column; font-size: 13px; line-height: 18px; word-break: break-all; } .welcome-drop-down li:last-child, .notification-drop-down li:last-child { border-bottom: none; } .logout, .logout:focus, .logout:visited, .logout:hover, .viewall-noti, .viewall-noti:focus, .viewall-noti:visited, .viewall-noti:hover { width: 100%; padding: 15px 12px; border: none; outline: none; background: #ef8234; color: #fff; font-weight: 700; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-transform: uppercase; cursor: pointer; } .logout:focus, .logout:visited, .logout:hover, .viewall-noti:focus, .viewall-noti:visited, .viewall-noti:hover { background: #671fb8; border: none; outline: none; } .searchicon, .nav-mobile { display: none; } .notification { width: 60px; position: relative; } .notification a, .notification a:hover { display: flex; text-decoration: none; background-color: #ef8234; color: #fff; position: relative; padding: 4px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 33px; height: 32px; text-align: center; align-items: center; justify-content: center; } .notification a:hover { background-color: #671fb8; color: #fff; } .setting i:hover { color: #cfa549; } .notification a i { font-size: 15px; color: #fff; } .notification a .no_card, .notification a .no-card { position: absolute; top: -19px; background-color: #ff0000; padding: 6px; font-size: 12px; color: #fff; right: -15px; font-weight: normal; height: 26px; width: 26px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .search-icon { display: none; } .message a, .search-icon a { text-decoration: none; display: inline-block; } .message a i, .search-icon a i { font-size: 24px; color: #ef8234; } .navigation { background-color: #1b4332; border-radius: 0 0 30px 30px; } .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); display: none; z-index: 25; } /*sidebar css*/ .sidebar { position: fixed; grid-area: sidenav; height: 100%; /* overflow-y: auto; */ /* background-color: #f0ffd6; */ background: #fff; color: #FFF; width: 250px; transition: all 0.6s ease-in-out; /* box-shadow: 0 2px 20px 6px rgb(117 82 50 / 15%), 0 0 0 1px rgb(117 82 50 / 15%); */ box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15); z-index: 2; } .sidebar-brand { position: relative; display: flex; align-items: center; justify-content: center; height: 80px; background-color: #ffe7d3; /* background-color: rgba(0, 0, 0, 0.15); */ } .sidebar-brand img { width: 145px; margin-top: 100px; } /*navlist*/ .sidebar .nav-list { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 0; border-top: 1px solid #eee; } /* custom scrollbar */ .sidebar .nav-list::-webkit-scrollbar { width: 17px; } .sidebar .nav-list::-webkit-scrollbar-track { background-color: transparent; } .sidebar .nav-list::-webkit-scrollbar-thumb { background-color: #64c2dfba; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; } .sidebar .nav-list::-webkit-scrollbar-thumb:hover { background-color: #64c2dfba; } .nav-link { display: flex; color: #686868; align-items: center; } .nav-icon { margin-right: 10px; } .nav-icon i { font-size: 20px; } .nav-name { font-size: 14px; } .sidebar .nav-links li a .link-name { font-size: 14px; font-weight: 400; color: #686868; transition: all 0.4s ease; } .nav-item, .nav-item:hover { transition: 0.05s ease; justify-content: center; display: flex; width: 100%; border-bottom: 1px solid #e3e3e3c4; border-left: none; border-right: none; padding: 18px 5px; } .nav-item:hover { border-bottom: 1px solid rgb(208 165 73); color: rgb(208 165 73); } .sidebar .nav-links li.dropdown { position: relative; } .sidebar .nav-list li:hover.sub-menu { top: 0; opacity: 1; pointer-events: auto; transition: all 0.4s ease; } .sidebar .nav-list li { position: relative; width: 100%; display: flex; justify-content: flex-start; padding: 18px 10px; border-bottom: 1px solid #2e01742e; flex-direction: column; } .sidebar .nav-list li a { color: #2e0174; font-size: 14px; } .sidebar .nav-list li:hover { border-bottom: 1px solid #ef8234; } .sidebar .nav-list li a:hover, .sidebar .nav-list li:hover { color: #ef8234; } .dropdown .sub-menu { position: absolute; left: 116px; top: 0px; margin-top: 0; padding: 5px 8px; border-radius: 0 6px 6px 0; opacity: 0; display: block; pointer-events: none; transition: 0s; width: 160px; z-index: 9999; } .show .sub-menu { opacity: 1; display: block !important; } .dropdown .sub-menu li { font-size: 13px; padding: 8px 10px; } .sidebar .nav-links li.dropdown a, .sidebar .nav-links li.dropdown a:hover { font-size: 13px; font-weight: 400; color: #fff; border-bottom: 1px solid #ffffff73; padding: 12px 20px; } .sidebar .nav-links li.dropdown a.arrow.selected::before { content: "\f053"; font-family: FontAwesome; transform: rotate(270deg); color: #ffffff78; visibility: visible; } .sidebar .nav-links li.dropdown a.arrow::before { content: "\f053"; font-family: FontAwesome; position: absolute; right: 16px; transform: rotate(180deg); color: #80687c; visibility: visible; } .arrow::before { content: "\f053"; font-family: FontAwesome; position: absolute; right: 16px; transform: rotate(180deg); color: #80687c; visibility: visible; top: 22px; } .dropdown > .dropdown-menu > .dropdown > .dropdown-menu { background: transparent !important; } .dropdown > .dropdown-menu > .dropdown > .dropdown-menu { border-top: 1px solid #e3e3e3c4; border-bottom: 1px solid transparent; } .dropdown-menu { width: 100%; background: #eeeeeea6; margin-top: 10px; } /* .dropdown-menu li{ padding: 18px 0!important; } */ .dropdown-menu li a { padding: 0 10px !important; } .dropdown .dropdown-menu { display: none; } .dropdown .dropdown-menu li:last-child { border-bottom: 1px solid transparent; } .selected::before { content: "\f053"; font-family: FontAwesome; transform: rotate(270deg); color: #80687c; visibility: visible; } .sidebar .nav-links li.dropdown a .arrow::before { content: "\f053"; font-family: FontAwesome; position: absolute; right: 16px; transform: rotate(180deg); color: #fff; visibility: visible; } .navcontent .nav { margin-top: 97px; height: 82vh; overflow-y: auto; } .scroller-nav { scrollbar-color: #550fa98f; scrollbar-width: thin; } .scroller-nav::-webkit-scrollbar { height: 5px; width: 10px; } .scroller-nav::-webkit-scrollbar-track { background: #550fa98f; } .scroller-nav::-webkit-scrollbar-thumb { background-color: #550fa98f; } /*middle-wrapper*/ .main-wrapper { grid-area: main; background-color: #f3f4f7; transition: all .2s ease; /* box-shadow: 0px 0px 40px 0px rgb(82 63 105 / 10%); */ } .add-sub-commodity { width: auto; } .add-sub-commodity a { text-decoration: none; display: inline-block; font-size: 15px; color: #fff; background-color: #ea830e; border-radius: 24px; padding: 10px 15px; cursor: pointer; } /*footer css*/ .footer-wrapp { grid-area: footer; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: #777; background: #fff; -webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.11); /* background-color: #f3f4f7; border-top:1px solid #550fa961; */ margin-top: 15px; } .footer-wrapp p { color: #755232; font-size: 14px; } .dlabnav { width: 250px; /* padding-bottom: 112px; */ height: 100%; position: absolute; top: 0; padding-top: 0; z-index: 2; background-color: #fff; transition: all .2s ease; box-shadow: 0px 0px 40px 0px rgb(82 63 105 / 10%); transform: translateX(-250px); } .box-shadow { background: #fff; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); border-radius: 30px; min-height: 450px; overflow: hidden; padding-bottom: 20px; } /**breadcurm**/ .bread-curm-wrapp { width: 100%; display: flex; flex-direction: row; padding: 15px 0; } .bread-curm-wrapp ul { padding: 10px 15px; display: flex; position: relative; background: #fff; border: 1px solid #ef8234; border-radius: 24px; width: auto; } .bread-curm-wrapp ul li { list-style: none; padding: 0 5px; font-weight: 400; font-size: 14px; color: #1c0055; display: flex; align-items: center; } .bread-curm-wrapp ul li i { font-size: 22px; color: #ef8234; } .bread-curm-wrapp ul li span { width: 8px; } .bread-curm-wrapp ul li span img { display: inline-block; vertical-align: middle; max-width: 100%; margin: 0; padding: 0; } .bread-curm-wrapp ul li a { color: #444244; font-size: 14px; font-weight: 400; } .bread-curm-wrapp ul li a:hover { color: #765234; } /** TABS DESING CSS**/ .tab-wrapp { width: 100%; } .tab { display: flex; flex-direction: row; flex-wrap: wrap; padding: 20px 0 10px; } .desing-tab { padding: 0; display: none; } .desing-tab h2 { font-size: 17px; padding: 0 0 16px 0; border-bottom: 1px solid #755232; margin-left: 15px; color: #755232; font-weight: 600; width: 98%; } .desing-tab.active { display: block; } .b-nav-tab { display: flex; overflow: hidden; margin: 5px; padding: 12px 29px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 150ms linear; text-align: center; white-space: nowrap; text-decoration: none !important; text-transform: none; text-transform: capitalize; color: #585353; border: 0 none; border-radius: 36px; font-size: 13px; font-weight: 500; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none; justify-content: center; align-items: center; box-shadow: inset 2px -2px 20px 0px rgb(0 0 0 / 12%); background: #e5e5e58c; } .b-nav-tab.active { color: #ffffff; font-size: 13px; font-weight: 500; background: #550fa9; } .row-form { width: 100%; } .form-group { width: 100%; display: flex; padding: 10px 0; align-items: center; } .form-group label { width: 100%; font-size: 15px; padding-bottom: 6px; color: #00000087; } .form-group label span { color: rgb(236, 4, 4); } .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="number"], .form-group input[type="password"], .form-group select, .form-group input[type="date"], .form-group textarea, .form-group input[type="datetime-local"], .form-group input[type="datetime"], .form-group input[type="time"] { width: 100%; height: 45px; line-height: 25px; background: transparent; border: 1px solid #d7dbda; font-size: 14px; color: #a09e9e; border-radius: 10px; padding: 14px 15px; } .form-group textarea { height: auto; } .form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group input[type="number"]:focus, .form-group select, .form-group input[type="date"]:focus, .form-group input[type="datetime-local"]:focus, .form-group input[type="datetime"]:focus, .form-group textarea:focus, .form-group [type="time"]:focus { border: 1px solid #cca2485c; outline: none; } .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #00000036; } .form-group input ::-moz-placeholder { /* Firefox 19+ */ color: #00000036; } .form-group input :-ms-input-placeholder { /* IE 10+ */ color: #00000036; } .form-group input :-moz-placeholder { /* Firefox 18- */ color: #00000036; } .file-upload { background: #550fa92b url(../img/noti_icon.png) no-repeat center center; background-size: 70px; width: 70px; height: 70px; padding: 0; border: 1px solid #eee; border-radius: 100px; outline: none; position: relative; } .file-upload-btn { width: 25px; height: 25px; margin: 0; color: #fff; background: #d0a547; border: none; border-radius: 100px; transition: all .2s ease; outline: none; text-transform: uppercase; font-weight: 700; position: absolute; top: -8px; right: 0; z-index: 4; } .file-upload-btn:hover { background: #1AA059; color: #ffffff; transition: all .2s ease; cursor: pointer; } .file-upload-btn:active { border: 0; transition: all .2s ease; } .file-upload-content { display: none; text-align: center; } .file-upload-input { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; } .image-upload-wrap { border: 1px solid #cba147; position: relative; height: 71px; width: 71px; border-radius: 100px; } .image-dropping, .image-upload-wrap:hover { background-color: #e0ec3608; border: 2px solid #75523229; ; } .image-title-wrap { padding: 0 15px 15px 15px; color: #222; } .drag-text { text-align: center; } .drag-text h3 { font-weight: 100; text-transform: uppercase; color: #15824B; padding: 60px 0; } .file-upload-image { height: 58px; max-width: 58px; margin: auto; padding: 0; border-radius: 100px; margin-top: 4px; } .file-upload-image img { width: 100%; height: 100%; } .remove-image { width: 26px; margin: 0; color: #fff; background: #cd4535; border: none; padding: 4px; border-radius: 4px; transition: all .2s ease; outline: none; text-transform: uppercase; font-weight: 700; border-radius: 100px; height: 26px; position: absolute; bottom: 0; right: 0; } .remove-image:hover { background: #c13b2a; color: #ffffff; transition: all .2s ease; cursor: pointer; } .remove-image:active { border: 0; transition: all .2s ease; } .upload-postion { position: absolute; right: 20px; top: -58px; } .btn-submit, .btn-cancel { background: #671fb8; color: #fff; font-size: 14px; cursor: pointer; padding: 13px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; border: none; outline: none; margin: 10px 10px 10px; box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%); -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%); -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%); } .btn-cancel { background: #d72e2e; } .btn-submit:hover, .btn-cancel:hover { color: #fff; font-size: 14px; cursor: pointer; padding: 13px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; border: none; box-shadow: 0px 3px 11px 1px rgb(0 0 0 / 18%); -webkit-box-shadow: 0px 3px 11px 1px rgb(0 0 0 / 18%); -moz-box-shadow: 0px 3px 11px 1px rgb(0 0 0 / 18%); outline: none; } /*SWITHC TOGGLE CSS*/ /*.switch { position: relative; display: inline-block; width: 60px; height: 25px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #510ea1; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(34px); -ms-transform: translateX(34px); transform: translateX(34px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .form-wdth-60 { width: 57px; } .form-wdth-60 .slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 3px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }*/ /*--checkbox & upload file css--*/ .checkboxes input[ type="checkbox"] { visibility: hidden; } .checkboxes input[type=checkbox]:checked + label:before { content: "\f00c"; background-color: #550fa9; border: 1px solid #550fa9; } .checkboxes label:before { content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; left: -18px; top: 2px; background-color: #fff; border: 1px solid #d0d0d0; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.25s; font-family: "FontAwesome"; font-size: 14px; color: #fff; text-align: center; line-height: 21px; } .checkboxes label { display: inline-block; cursor: pointer; position: relative; padding-left: 14px; margin-right: 20px; margin-bottom: 0; line-height: 24px; font-size: 14px; font-weight: 300; } /*upload file css*/ .custom-file-input { color: transparent; width: 100%; border: none; } /*.custom-file-input::before { content: 'Select files'; color: black; display: inline-block; background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #d7dbda; border-radius: 10px; padding: 14px 15px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 700; font-size: 10pt; width: 100%; }*/ /* .custom-file-input::-webkit-file-upload-button { visibility: hidden; }*/ /*.custom-file-input::before { content: 'Select files'; color: black; display: inline-block; background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); border:1px solid #d7dbda; border-radius: 10px; padding:14px 15px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 700; font-size: 10pt; width: 100%;*/ } .custom-file-input:hover::before { border-color: black; } .custom-file-input:active { outline: 0; } .custom-file-input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } /*====content wrapp=====*/ .card-wrapp { width: 100%; padding: 0 6px 26px; } .section-desgin h2 { padding: 7px; border-bottom: none; margin-left: 15px; color: #d0a44a; font-weight: 500; min-width: 40%; font-size: 16px; background: #eee; width: 40%; box-shadow: inset 1px 0px 8px 0px rgb(0 0 0 / 5%); border-left: 4px solid #cea54d; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .section-desgin { display: flex; flex-direction: row; flex-wrap: wrap; padding: 20px 0 10px; } .list-block-check { display: flex; flex-direction: column; } .list-block-check li { list-style: none; padding: 5px 0; } .sub-title { font-size: 15px; color: #00000087; } /*course css*/ .course-wrapp { width: 100%; } .course-wrapp h2 { padding: 0 0 10px; font-size: 22px; color: #764f2b; font-weight: 600; } .card-course { width: 100%; background: #fff; -webkit-box-shadow: 0px 1px 7px 0px rgb(0 0 0 / 9%); -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.9%); box-shadow: 0px 1px 7px 0px rgb(0 0 0 / 9%); padding: 10px; border-radius: 3px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; display: flex; flex-direction: column; margin-bottom: 25px; } .card-course .card-img-set { width: 100%; position: relative; } .card-course .card-img-set img { width: 100%; height: auto; } .courses-datmonth, .courses-mint { position: absolute; bottom: -10px; border-radius: 3px; padding: 5px 7px; background: #59aa24; box-shadow: 1px 1px 4px rgb(0 0 0 / 14%); } .courses-datmonth { left: 3px; } .courses-datmonth, .courses-mint { color: #fff; font-size: 12px; } .courses-mint { right: 3px; width: 60px; background: #550fa9; } .card-course .heading-title { width: 100%; padding: 15px 0 5px; } .card-body h4 { font-size: 15px; font-weight: 500; color: #550fa9; padding-bottom: 10px; } .card-body h4 a { color: #550fa9; font-size: 15px; } .card-body h4 a:hover { color: #764f2b; } .card-body { width: 100%; padding: 30px 0 0; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group li { background-color: transparent; border-top: 1px solid #eaeaea61; font-size: 14px; color: #000000a3; padding: 5px 0; } .list-group li:last-child { border-bottom: none; } .text-muted { color: #666 !important; } .card-course .course-status { width: 100%; padding: 4px 0 10px; } .card-course .course-status h6 { font-size: 14px; line-height: 20px; font-weight: 400; color: #4a4a4a; } .date { color: #cfa643; } .resume { background: #cfa643; color: #fff; font-size: 14px; cursor: pointer; padding: 10px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; border: none; outline: none; margin: 10px 0 10px 0; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 18%); -webkit-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 18%); -moz-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 18%); text-align: center; } .padd-right-15 { padding-right: 15px !important; } /*table css*/ .table-wrapp { width: 100%; } .table-wrapp table { border-collapse: collapse; width: 100%; } .table-wrapp table th { background: #ef8234; padding: 10px 7px; text-align: left; font-size: 13px; font-weight: 500; color: #ffff; border-left: 1px solid #ffffff5e; } .table-wrapp table td { border: 1px solid #550fa929; text-align: left; padding: 10px 7px; font-size: 13px; font-weight: 300; } .table-wrapp table td img { width: 70px; height: 100%; } .table-wrapp table tr:nth-child(odd) { background-color: #dddddd45; } .table-title2 { font-size: 18px; font-weight: 600; padding: 12px 0 3px; color: #ef8234; text-align: left; margin: 16px 0 5px; } .table-title { font-size: 18px; font-weight: 600; padding: 12px 0 3px; color: #1e1e1e; } .table-wrapp table .btn-wrapp { width: 100%; display: flex; flex-flow: row wrap; } .btn-edit, .btn-delet { border: none; outline: none; padding: 5px; width: 30px; height: 30px; color: #fff; font-size: 14px; margin-right: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; align-items: center; display: flex; justify-content: center; } .green-bg { background: #74ab00; } .bg-red { background: #EF3939; } /**/ .padd-0 { padding: 0; } .desingprograms { width: 100%; padding: 35px 0; } .desingprograms h2 { font-size: 17px; padding: 2px 0 24px 24px; border-bottom: 1px solid #755232; color: #755232; font-weight: 600; width: 100%; margin-bottom: 15px; margin-left: 0; } .filter-set, .details-wrapp { width: 25%; display: flex; padding: 0 10px 10px; flex-direction: column; } .filter-set ul { width: 100%; display: flex; flex-direction: column; } .filter-set ul li { list-style: none; padding: 10px; border-bottom: 1px solid #eee; } .filter-set ul li:last-child { border-bottom: none; } .list-row { width: 100%; display: flex; justify-content: space-between; border-bottom: 2px solid #edecec; padding: 0 0 15px 0; } .list-row h4 { width: 65%; color: #262626; font-size: 16px; font-weight: 600; } .clearall { color: #550fa9; font-size: 13px; font-weight: 600; } .details-wrapp { width: 72%; padding: 0px 22px 0 0; } .details-wrapp ul { display: flex; flex-direction: column; width: 100%; padding: 13px 0; } .details-wrapp ul li { list-style: none; padding: 20px 20px 0; width: 100%; display: flex; flex-direction: row; justify-content: space-between; box-shadow: 1px 0px 7px 0px rgb(0 0 0 / 12%); border-bottom: 1px solid #f5f3f3; } .img-wrpp { width: 32%; } .img-wrpp img { box-shadow: 0px 1px 5px rgb(0 0 0 / 9%); padding: 6px; border-radius: 2px; border: 1px solid #7552321f; } .content-set { width: 70%; } .set-list-wrapp { display: flex; flex-direction: column !important; width: 100%; padding: 0 0 13px !important; } .set-list-wrapp li { padding: 0 0 15px 15px !important; box-shadow: inherit !important; border: none !important; } .set-list-wrapp li .details-set { width: 100%; padding: 0 0 15px 15px; } .set-list-wrapp li .details-set p { font-size: 15px; line-height: 27px; color: #000000b8; font-family: 'Poppins', sans-serif; } .set-list-wrapp li .details-set h3 { color: #755232; font-size: 18px; font-weight: 600; line-height: 24px; padding-bottom: 10px; } .point-set { width: 100%; } .point-set ul { display: flex; flex-direction: row; justify-content: flex-start; } .point-set ul li { width: auto; list-style: none; padding: 0 50px 0 0 !important; box-shadow: inherit !important; border: none !important; } .dark-color { color: #cfa548; } .value-set { padding: 0 0 0 15px; } .value-rup { background: #550fa9; padding: 4px 15px; border-radius: 4px; color: #fffafa; } .read-details-set { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 6px; } .read-details-set .read-more { color: #755232; font-weight: 500; font-size: 14px; } .read-details-set .checkout-read-more { background: #755232; color: #fff; padding: 5px 15px; border-radius: 2px; box-shadow: 2px 0 4px rgb(0 0 0 / 25%); } .expert-set { width: 100%; padding: 3px 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .expert-set h5 { font-size: 18px; font-weight: 500; color: #550fa9; width: 15%; } .expert-set .admin-icon { width: 65%; display: flex; flex-direction: row; } .expert-set .admin-icon .icon { width: 50px; margin: 0 15px 0 0; background: #fff; box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 32%); border-radius: 100px; padding: 10px; border: 1px solid #eee; } .expert-set .admin-icon .icon img { width: 100%; } .fliter-check { display: flex; flex-direction: row; flex-wrap: wrap; padding: 10px 4px; } .fliter-check div { margin-bottom: 10px; } .fliter-check input[type="checkbox"] { visibility: hidden; } .filter-set ul li h3 { font-size: 15px; text-align: left; margin: 0px 0 6px; color: #755232; font-weight: 500; padding: 10px 0 0; } .view-all { font-size: 14px; font-weight: 600; color: #550fa9; } /*searchprogram-details-set*/ .searchprogram-details-set { width: 100%; display: flex; flex-direction: column; padding: 10px 25px; } .searchprogram-details-set ul { width: 100%; } .searchprogram-details-set ul li { list-style: none; display: flex; flex-direction: row; justify-content: flex-start; /* box-shadow: 1px 0px 7px 0px rgb(0 0 0 / 12%); */ /* border-bottom: 1px solid #f5f3f3; */ padding: 20px; margin-bottom: 4px; } .searchprogram-details-set ul li .left { width: 30%; } .searchprogram-details-set ul li .right { width: 70%; } .searchprogram-details-set ul li .right .right-description { width: 98%; padding: 0 0 0 25px; float: right; } .searchprogram-details-set ul li .right .right-description h4 { color: #4a4a4a; font-size: 18px; font-weight: 600; line-height: 24px; padding-bottom: 10px; } .searchprogram-details-set ul li .right .right-description p { font-size: 14px; line-height: 27px; color: #000000b8; font-family: 'Poppins', sans-serif; font-weight: 400; padding: 0 0 15px; } .searchprogram-details-set ul li .left .video-details { box-shadow: 0px 1px 5px rgb(0 0 0 / 9%); padding: 6px; border-radius: 2px; border: 1px solid #7552321f; } .click-readmore { background: #550fa9; padding: 10px 15px; color: #fffafa; border-radius: 2px; box-shadow: 2px 0 4px rgb(0 0 0 / 2%); font-size: 14px; } .padd-bottom-40 { padding-bottom: 40px !important; } .more-inf-wrapp { width: 100%; border: 1px solid #eee; } .more-inf-wrapp h3 { color: #755232; background-color: #f0f0f0; padding: 10px 17px; border-bottom: solid 1px #e3e3e3; text-align: left; font-size: 16px; font-weight: 600; text-transform: capitalize; } .more-inf-wrapp ul { display: flex; flex-direction: column; } .more-inf-wrapp ul li { width: 100%; padding: 15px 20px; box-shadow: inherit !important; border-bottom: solid 1px #e3e3e387; margin-bottom: 0 !important; font-size: 14px; color: #000000a8; font-weight: 400; } .more-inf-wrapp ul li span { padding-right: 10px; font-weight: 500; } .img-content-wrapp { width: 100%; display: flex; flex-direction: row; } .img-content-wrapp .img-wrapp { width: 100px; margin-top: 10px; } .img-content-wrapp .img-wrapp img { width: 100%; box-shadow: 2px 2px 2px rgb(0 0 0 / 15%); padding: 4px; border: 1px solid #eee; } .img-content-wrapp .product-list-det { width: 65%; } .img-content-wrapp .product-list-det li { list-style: none; padding: 4px 20px; font-size: 14px; font-weight: 500; color: #000000b0; } .img-content-wrapp .product-list-det li a { color: #755232; font-weight: 600; } .img-content-wrapp .product-list-det li span { color: #550fa9; padding-right: 15px; } .backround-white { background: #fff !important; } .bill-wrapp, .totalpoint-wrapp { width: 100%; display: flex; justify-content: flex-end; } .bill-wrapp .bill-total, .bill-wrapp .bill, .totalpoint-wrapp .point-total, .totalpoint-wrapp .point-value { padding: 15px 0; font-weight: 600; color: #755232; margin-right: 20px; } .bill, .totalpoint-wrapp .point-value { color: #000; margin-right: 0; } .totalpoint-wrapp { justify-content: center; align-items: center; } .totalpoint-wrapp .point-total { font-size: 16px; } .pay-through { float: right; padding: 24px 10px; } .pay-through a { padding: 12px 20px; background: #755232; color: #fff; margin: 20px 0; border-radius: 2px; box-shadow: 0 1px 0px rgb(0 0 0 / 24%); font-weight: 600; font-size: 12px; } /*Dashboard css*/ .chart-sect-number { width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding-top: 15px; align-items: stretch; ; } .chart-sect-number .col-23 { width: 23%; padding-left: 0; padding-right: 0; } .box-progess { width: 100%; padding: 20px; min-height: 140px; border-radius: 2px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; position: relative; align-items: center; border: 1px solid #f5f5f5; background: #fff; } .drak-color { color: #755232 !important; } .yellow-bg { background-color: #efb12e; } .yellow-color { color: #550fa9 !important; } .green-color { color: #509f47 !important } .blue-color { color: #039ddd !important; } .red-color { color: #ca0707 !important; } .greendrak-bg { background-color: #43c54b; } .yanddrak-bg { background: #755232; } .redbg { background: #ff1616; } .blue-bg { background: #4dd1e2; } .icon-set { width: 60px; } /*progress count css*/ .progressbar-set { position: relative; width: 70%; } .counter, .counters, .casestudy, .totalstudents, .count-text, .count-texts, .case-text, .students-text { position: relative; top: 0; left: 0; margin: 0; color: #755232; text-transform: uppercase; } .counter, .counters, .casestudy, .totalstudents { font-size: 30px; width: 100%; text-align: center; } .count-text, .count-texts, .case-text, .students-text { left: 0; font-size: 20px; letter-spacing: 5px; } .progress-bar, .progress-bars { /* display: block; position: absolute; top: 0; left: 0; width: 10px; height: 0; background-color: #fff; */ display: block; /* text-align: center; */ width: 100%; text-align: center; color: #755232; font-weight: 500; } .progressbar-set .title-head { width: 100%; text-align: center; color: #000; font-size: 16px; font-weight: 500; } /**/ .myprogram-wrapp { width: 100%; padding: 30px 0; } .myprogram-wrapp .box-shadow { border-radius: 4px; } .myprogram-wrapp h4 { padding: 12px 15px; box-shadow: 2px -2px 20px 0px rgb(0 0 0 / 12%); background: #755232; color: #ffffff; font-size: 18px; font-weight: 600; } .myprogram-wrapp .desing-tab h2 { color: #3e3e3d; padding: 8px 0 16px; margin-bottom: 25px; } .myprogram-wrapp .desing-tab h2 { color: #3e3e3d; padding: 8px 0 16px; margin-bottom: 25px; } .myprogram-wrapp .view-more, .casestudy-test-wrapp .view-more { background: #ffffff; color: #2da150; padding: 9px 35px; border-radius: 45px; font-size: 14px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); -webkit-box-shadow: 0 1px 3px 0px rgb(0 0 0 / 18%); font-weight: 400; margin-bottom: 0; border: 1px solid #2da150; } .myprogram-wrapp .view-more:hover, .casestudy-test-wrapp .view-more:hover { background: #2da150; color: #fff; } .myprogram-wrapp .desing-tab .card-course .card-body { padding: 30px 1px 0; } .myprogram-wrapp .desing-tab .card-course .card-body h4 { box-shadow: inherit; background: #fff; color: #550fa9; padding: 0; margin-left: 0; margin-right: 0; font-weight: 500; font-size: 20px; } /**/ .casestudy-test-wrapp { width: 100%; display: flex; flex-direction: row; position: relative; padding: 1px 0; justify-content: space-between; align-items: stretch; } .casestudy-test-wrapp .box-shadow { border-radius: 4px; } .casestudy-test-wrapp h4 { font-size: 18px; font-weight: 600; color: #755232; padding-bottom: 18px; padding-left: 11px; text-align: left; width: 100%; } .casestudy-test-wrapp .card-course, .myprogram-wrapp .card-course { box-shadow: inherit; border: 1px solid #e9e9e9; } .case-wrapp { width: 67.5% !important; padding: 30px 15px 0; } .test-wrapp { width: 30%; padding: 30px 15px 0; border-radius: 4px; } .test-wrapp .wrap { position: relative; width: 100%; } .test-wrapp .box-shadow { height: auto; } .testim .wrap .arrow::before { transform: rotate(359deg); font-size: 18px; color: #000; } .testim .arrow { display: none; position: absolute; color: #333; cursor: pointer; font-size: 2em; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 5px; z-index: 22222222; } .testim .arrow:before { cursor: pointer; } .testim .arrow:hover { color: green; } .testim .arrow.left { left: 70px; } .testim .arrow.right { right: 70px; } .testim .dots { text-align: center; position: absolute; width: 100%; bottom: 0; left: 0; display: block; z-index: 3333; height: 18px; } .testim .dots .dot { list-style-type: none; display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #550fa9; ; margin: 0 10px; cursor: pointer; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position: relative; } .testim .dots .dot.active, .testim .dots .dot:hover { background: #550fa9; ; border-color: #550fa9; ; } .testim .dots .dot.active { -webkit-animation: testim-scale .5s ease-in-out forwards; -moz-animation: testim-scale .5s ease-in-out forwards; -ms-animation: testim-scale .5s ease-in-out forwards; -o-animation: testim-scale .5s ease-in-out forwards; animation: testim-scale .5s ease-in-out forwards; } .testim .cont { position: relative; overflow: hidden; } .testim .cont > div { text-align: center; position: absolute; top: 0; left: 0; padding: 0 0 70px 0; opacity: 0; } .testim .cont > div.inactive { opacity: 1; } .testim .cont > div.active { position: relative; opacity: 1; } .testim .cont div .img img { display: block; width: 100px; height: 100px; margin: auto; border-radius: 50%; } .testim .cont div h2 { color: #755232; font-size: 16px; margin: 15px 0; font-weight: 600; } .testim .cont div p { font-size: 14px; font-weight: 400; color: #333; line-height: 22px; width: 70%; margin: auto; } .testim .cont div.active .img img { -webkit-animation: testim-show .5s ease-in-out forwards; -moz-animation: testim-show .5s ease-in-out forwards; -ms-animation: testim-show .5s ease-in-out forwards; -o-animation: testim-show .5s ease-in-out forwards; animation: testim-show .5s ease-in-out forwards; } @-webkit-keyframes testim-scale { 0% { -webkit-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -webkit-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -webkit-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -webkit-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-moz-keyframes testim-scale { 0% { -moz-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -moz-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -moz-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -moz-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-ms-keyframes testim-scale { 0% { -ms-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -ms-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -ms-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -ms-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-o-keyframes testim-scale { 0% { -o-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -o-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -o-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -o-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @keyframes testim-scale { 0% { box-shadow: 0px 0px 0px 0px #eee; } 35% { box-shadow: 0px 0px 10px 5px #eee; } 70% { box-shadow: 0px 0px 10px 5px #ea830e; } 100% { box-shadow: 0px 0px 0px 0px #ea830e; } } @-webkit-keyframes testim-content-in { from { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes testim-content-in { from { opacity: 0; -moz-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes testim-content-in { from { opacity: 0; -ms-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } } @-o-keyframes testim-content-in { from { opacity: 0; -o-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } } @keyframes testim-content-in { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes testim-content-out { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes testim-content-out { from { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -moz-transform: translateY(-100%); transform: translateY(-100%); } } @-ms-keyframes testim-content-out { from { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -ms-transform: translateY(-100%); transform: translateY(-100%); } } @-o-keyframes testim-content-out { from { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } to { opacity: 0; transform: translateY(-100%); transform: translateY(-100%); } } @keyframes testim-content-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-100%); } } @-webkit-keyframes testim-show { from { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes testim-show { from { opacity: 0; -moz-transform: scale(0); transform: scale(0); } to { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-ms-keyframes testim-show { from { opacity: 0; -ms-transform: scale(0); transform: scale(0); } to { opacity: 1; -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes testim-show { from { opacity: 0; -o-transform: scale(0); transform: scale(0); } to { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes testim-show { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes testim-hide { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes testim-hide { from { opacity: 1; -moz-transform: scale(1); transform: scale(1); } to { opacity: 0; -moz-transform: scale(0); transform: scale(0); } } @-ms-keyframes testim-hide { from { opacity: 1; -ms-transform: scale(1); transform: scale(1); } to { opacity: 0; -ms-transform: scale(0); transform: scale(0); } } @-o-keyframes testim-hide { from { opacity: 1; -o-transform: scale(1); transform: scale(1); } to { opacity: 0; -o-transform: scale(0); transform: scale(0); } } @keyframes testim-hide { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0); } } .testim .cont div.active h2 { -webkit-animation: testim-content-in .4s ease-in-out forwards; -moz-animation: testim-content-in .4s ease-in-out forwards; -ms-animation: testim-content-in .4s ease-in-out forwards; -o-animation: testim-content-in .4s ease-in-out forwards; animation: testim-content-in .4s ease-in-out forwards; } .testim .cont div.active p { -webkit-animation: testim-content-in .5s ease-in-out forwards; -moz-animation: testim-content-in .5s ease-in-out forwards; -ms-animation: testim-content-in .5s ease-in-out forwards; -o-animation: testim-content-in .5s ease-in-out forwards; animation: testim-content-in .5s ease-in-out forwards; } .testim .cont div.inactive .img img { -webkit-animation: testim-hide .5s ease-in-out forwards; -moz-animation: testim-hide .5s ease-in-out forwards; -ms-animation: testim-hide .5s ease-in-out forwards; -o-animation: testim-hide .5s ease-in-out forwards; animation: testim-hide .5s ease-in-out forwards; } .testim .cont div.inactive h2 { -webkit-animation: testim-content-out .4s ease-in-out forwards; -moz-animation: testim-content-out .4s ease-in-out forwards; -ms-animation: testim-content-out .4s ease-in-out forwards; -o-animation: testim-content-out .4s ease-in-out forwards; animation: testim-content-out .4s ease-in-out forwards; } .testim .cont div.inactive p { -webkit-animation: testim-content-out .5s ease-in-out forwards; -moz-animation: testim-content-out .5s ease-in-out forwards; -ms-animation: testim-content-out .5s ease-in-out forwards; -o-animation: testim-content-out .5s ease-in-out forwards; animation: testim-content-out .5s ease-in-out forwards; } /*****banner-wrapp*********/ .banner-wrapp { width: 100%; padding: 10px; overflow: hidden; border-radius: 2px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); display: flex; flex-direction: row; justify-content: space-between; position: relative; align-items: center; border: 1px solid #f5f5f5; background: #fff; margin-bottom: 25px; } .banner-wrapp .carousel { margin-top: 0; width: 100%; position: relative; display: flex; justify-content: flex-start; border-radius: 0; overflow: hidden; } .banner-wrapp .carousel img { width: 100%; } .banner-wrapp .carousel-inner { height: 100%; /* min-width: 400%; */ display: flex; transition: all ease .5s; } .banner-wrapp .carousel-item { flex: 1; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .banner-wrapp .carousel-item h1 { opacity: .5; } .banner-wrapp .carousel-controls .prev { display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); background: #000; border-radius: 100px; cursor: pointer; opacity: .5; color: #fff; } .banner-wrapp .carousel-controls .next { display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: #000; cursor: pointer; opacity: .5; color: #fff; border-radius: 100px; } .banner-wrapp .prev:hover, .banner-wrapp .next:hover { opacity: 1; } .banner-wrapp .carousel-indicators { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); text-align: center; } .banner-wrapp .carousel-indicators span { display: inline-block; background-color: white; width: 30px; height: 4px; border-radius: 2px; opacity: .5; cursor: pointer; margin: 3px; } .banner-wrapp .carousel-indicators span.active { opacity: 1; } /*******************************/ .img-1 { background: #D6D65B; background: hsl(60, 60%, 60%); } .img-2 { background: #5BD6AD; background: hsl(160, 60%, 60%); } .img-3 { background: #5B99D6; background: hsl(210, 60%, 60%); } .img-4 { background: #D65BC1; background: hsl(310, 60%, 60%); } .img-5 { background: #70D65B; background: hsl(110, 60%, 60%); } .img-6 { background: #D65B5B; background: hsl(0, 60%, 60%); } .img-7 { background: #D6995B; background: hsl(30, 60%, 60%); } .img-8 { background: #705BD6; background: hsl(250, 60%, 60%); } .customize-tools { position: relative; } .thumbnails { margin: 20px 0; text-align: center; } .thumbnails li { display: inline-block; cursor: pointer; border: 5px solid #fff; } .thumbnails .tns-nav-active { background: none; border-color: #000; } .thumbnails li { width: 50px; } .thumbnails img { vertical-align: bottom; height: auto; max-height: 50px; } .controls li { display: flex; position: absolute; justify-content: center; top: 50%; align-items: center; height: 30px; width: 30px; line-height: 30px; background: #755232e0; border-radius: 100px; font-size: 4px; color: #f1f0ed; cursor: pointer; transition: background 0.3s; } .controls li img { display: inline-block; vertical-align: middle; } .controls .prev { left: 0; } .controls .next { right: 0; } .controls li:hover { background: #755232 } /* .controls { text-align: center; } .controls li { display: block; position: absolute; top: 50%; height: 60px; line-height: 60px; margin-top: -30px; padding: 0 15px; cursor: pointer; transition: background 0.3s; } */ .controls li img { display: inline-block; vertical-align: middle; } .controls .prev { left: 0; } .controls .next { right: 0; } .controls li:hover { background: #f2f2f2; } .tns-controls { text-align: center; margin-bottom: 10px; } .tns-controls [aria-controls] { font-size: 15px; margin: 0 5px; padding: 0 1em; height: 2.5em; color: #000; background: #66CCFF; border-radius: 3px; border: 0; } .lt-ie9 .tns-controls > [aria-controls] { line-height: 2.5em; } [data-action] { display: block; margin: 10px auto; font-size: 17px; min-width: 3em; text-align: center; background: transparent; border: 0; } .tns-controls [disabled] { color: #999999; background: #B3B3B3; cursor: not-allowed !important; } .tns-nav { text-align: center; margin: 10px 0; } .tns-nav > [aria-controls] { width: 9px; height: 9px; padding: 0; margin: 0 5px; border-radius: 50%; background: #ddd; border: 0; } .tns-nav > .tns-nav-active { background: #999; } .playbutton-wrapper { text-align: center; } .playbutton-wrapper button { height: 34px; padding: 0 10px; font-size: 14px; background: #fff; border-radius: 3px; border: 1px solid #ccc; cursor: pointer; } .wrapper { padding: 0 5em; } .suite-container .title, .suite-container .subtitle, .suite-container li { padding: 5px 10px; } .suite-container li { font-size: 12px; line-height: 1.4; background: #f5f5f5; } .suite-container .title { font-size: 14px; font-weight: bold; background: #8acac6; text-transform: capitalize; } .suite-container .subtitle { font-size: 13px; font-weight: bold; background: #dedede; text-transform: capitalize; } .suite-container .fail { background: #FFADE2; } [class*="vertical"] .img { padding: 30px 0; } [class*="vertical"] .img:before { content: ''; display: inline-block; width: 1px; margin-right: -1px; height: 100%; vertical-align: middle; } [class*="vertical"] .img a { display: inline-block; padding: 0; } [class*="vertical"] .img-1 { height: 137px; } [class*="vertical"] .img-2 { height: 122px; } [class*="vertical"] .img-3 { height: 143px; } [class*="vertical"] .img-4 { height: 325px; } [class*="vertical"] .img-5 { height: 140px; } [class*="vertical"] .img-6 { height: 119px; } [class*="vertical"] .img-7 { height: 223px; } [class*="vertical"] .img-8 { height: 164px; } /*[class*="vertical"] p { display: none; }*/ /*.animation .img-1 { height: 137px; } .animation .img-2 { height: 122px; } .animation .img-3 { height: 143px; } .animation .img-4 { height: 325px; } .animation .img-5 { height: 140px; } .animation .img-6 { height: 119px; } .animation .img-7 { height: 223px; } .animation .img-8 { height: 164px; }*/ /* reset prism */ pre[class*="language-"] { margin: 0; } /* test results */ .test-results { line-height: 1.4; padding: 20px 10%; background-color: #f2f2f2; } /* go to */ .goto-controls { margin-bottom: 10px; text-align: center; } .goto-controls input, .goto-controls .button { display: inline-block; font-size: 14px; height: 2.6em; line-height: 2.6; padding: 0 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .goto-controls input { border: 1px solid #ccc; } .goto-controls .button { min-width: 4em; border: none; color: #fff; background-color: #333; cursor: pointer; } /* test results */ .test-results { line-height: 1.6; } .test-results .title { font-weight: bold; text-transform: capitalize; } .test-results .title:nth-child(n+2) { margin-top: 1em; } .test-results [class*="item"] { margin-left: 1em; font-size: 0.9em; } .test-results [class*="item"] { font-weight: 300; } .test-results [class*="item"]:after { margin-left: 0.5em; } .test-results .item-success { color: #0EB80E; } .test-results .item-success:after { content: '✓'; } .test-results .item-fail { color: #ED1E1E; } .test-results .item-fail:after { content: '✗'; } .test-results .item-comment { font-style: italic; color: #666; } .test-results .item-notsure:after { content: '？'; } .test-results .item-running:after { display: inline-block; height: 16px; content: url('../images/pinwheel.svg'); vertical-align: middle; } .customize-tools [hidden] { display: none; } /* https://daneden.github.io/animate.css/ */ @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /**thumb crousel*/ .treand-wrapp { width: 100%; display: flex; flex-flow: row wrap; position: relative; padding: 0 0 40px 0; justify-content: space-between; align-items: stretch; } .thumb-crousel-wrapp, .treand-set { padding: 15px 10px 10px; background: #fff; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); border-radius: 4px; } .thumb-crousel-wrapp { width: 57.5%; } .thumb-crousel-wrapp h4 { font-size: 18px; font-weight: 600; color: #755232; padding-bottom: 18px; padding-left: 11px; text-align: left; width: 100%; } .thumb-crousel-wrapp h4 { padding-bottom: 4px; padding-left: 11px; } h4 { font-size: 18px; font-weight: 600; color: #755232; padding-bottom: 4px; padding-left: 11px; text-align: left; width: 100%; } .thumb-crousel-wrapp .card-body h4 a { font-size: 15px; font-weight: 500; } .thumb-crousel-wrapp .item { padding: 5px 10px; } .thumb-crousel-wrapp .item .card-course { border: 1px solid #e9e9e9; box-shadow: inherit; } .thumb-crousel-wrapp .item .img { width: 100%; } .thumb-crousel-wrapp #base-iw { margin: 9px; } .thumb-crousel-wrapp .tns-nav { text-align: center; /* margin: 10px 0; */ position: absolute; bottom: 0; width: 100%; } .thumb-crousel-wrapp .tns-controls { display: none } .thumb-crousel-wrapp .tns-nav > [aria-controls] { width: 14px; height: 14px; } .thumb-crousel-wrapp .tns-nav > [aria-controls] { width: 14px; height: 14px; padding: 0; margin: 0 5px; border-radius: 50%; background: #eee; border: 2px solid #cfa643; border: 0; } .thumb-crousel-wrapp .tns-nav > .tns-nav-active { background: #cfa643; border: 2px solid #cfa643; } .thumb-crousel-wrapp .slider-container { width: 100%; padding: 0; position: relative; } .thumb-crousel-wrapp .card-course .card-body h4 { padding-left: 0 !important; font-weight: 500; } .thumb-crousel-wrapp .card-body { padding: 30px 5px 0; } .thumb-crousel-wrapp .card-body .list-group { padding-left: 0; } .treand-wrapp .treand-set { width: 40.5%; padding: 15px 15px 0; } .treand-wrapp .treand-set .topic-box { margin: 9px 0; } .treand-wrapp .treand-set .topic-box .card-course { border: 1px solid #e9e9e9; box-shadow: inherit; } /**/ .quise-heaing h2 { font-size: 22px !important; padding: 0px 0 20px 24px !important; color: #755232; font-weight: 600; width: 100%; margin-bottom: 15px; border-bottom: none !important; margin-left: 0; } .total-points { width: 100%; display: flex; justify-content: space-between; padding: 11px 30px; background: #eee; } .point-content, .attempts { width: 50%; } .point-content h3, .attempts h5 { font-size: 16px; color: #343434; font-weight: 600; } .point-content h3 span, .attempts h5 span { color: #755232; font-size: 14px; font-weight: 600; } .attempts h5 { text-align: right; } .margin-bottom-0 { margin-bottom: 0 !important; } .question-wrapp { display: flex; flex-flow: row wrap; width: 100%; padding: 25px 23px; justify-content: center; } .question-wrapp ol { display: flex; flex-flow: column wrap; width: 80%; background: #eeeeee99; padding: 12px 35px 25px 50px; border-radius: 2px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); } .question-wrapp ol li { padding-bottom: 20px; } .question-wrapp ol li::marker { font-weight: 700; color: #755232; font-size: 16px; } .question-wrapp ol li .checkboxes label:before { border: 1px solid #550fa9; } .quest-title { padding: 20px 0; width: 100%; } .quest-title h4 { color: #363636; font-size: 15px; font-weight: 500; } .quest-select-check { width: 100%; padding: 0 0 0 15px; display: flex; justify-content: flex-start; } /*accordion */ .accordion-warpp { width: 100%; float: right; padding: 15px 0 0 10px; } /* .accordion-container{ position: relative; max-width: 500px; height: auto; margin: 10px auto; } */ .accordion-warpp > h2 { text-align: center; color: #fff; padding-bottom: 5px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .accordion-warpp .set { position: relative; width: 100%; height: auto; background-color: #f5f5f5; margin-bottom: 20px; } .accordion-warpp .set > a { display: block; padding: 10px 15px; text-decoration: none; color: #755232; font-weight: 500; border-bottom: 1px solid #ddd; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 15px; } .accordion-warpp .set > a i { float: right; margin-top: 2px; } .accordion-warpp .set > a.active { background-color: #755232; color: #fff; } .accordion-warpp .content { background-color: #fff; border-bottom: 1px solid #ddd; display: none; padding: 15px; } /* dashboar chart css*/ .left-wrapp-dashboard { width: 67.5%; display: flex; flex-wrap: wrap; justify-content: space-between; } .piechart-row { background: #fff; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); } .progress-chart-wrapp { width: 100%; display: flex; flex-direction: column; } .shadow-ens { border-radius: 4px; background: #fff; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); } .completed-chart, .enrolled-courses, .total-student { padding: 17px; } .completed-chart { border-radius: 4px; background: #fff; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); margin: 40px 0; } .enrolled-courses { width: 69%; /* margin-bottom: 40px; */ border-right: 1px solid #eee } .enrolled-courses > #enrolledContainer, .enrolled-courses > #enrolledContainer > #canvasjs-chart-container { width: 100%; height: 100%; } .enrolled-courses > #enrolledContainer > #canvasjs-chart-container > canvas { width: 100% !important; height: auto !important; } .completed-chart .heading-title-select, .enrolled-courses .heading-title-select { width: 100%; display: flex; justify-content: space-between; } .completed-chart .heading-title { width: 70%; } .completed-chart .heading-title h5, .enrolled-courses .heading-title h5 { font-size: 18px; color: #755232; margin-bottom: 15px; font-weight: 600; } .completed-chart .heading-title-select .select-option { width: 20%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .select-option select { width: 183px; height: 33px; line-height: 20px; /* background: transparent; */ border: 1px solid #d7dbda; font-size: 14px; color: #a09e9e; border-radius: 4px; padding: 8px 15px; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); } .select-option select:focus { border: 1px solid #d7dbda; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); outline: none; } .select-option label { font-size: 14px; color: #755232; font-weight: 500; margin-left: 4px; } .total-student { width: 30%; position: relative; } .total-student h5 { width: 100%; font-size: 18px; color: #755232; margin-bottom: 15px; font-weight: 600; } .canvasjs-chart-credit { visibility: hidden; } canvas { padding: 15px; } /*==student,L==*/ /*==PIECHART==*/ .piechartWrapper { padding: 0; text-align: center; width: 100%; } .piechartWrapper > canvas { padding: 0; } .piechart { position: relative; display: inline-block; margin: 0; float: left; color: #BBB; font-family: 'Open Sans', sans-serif; font-size: 18px; text-align: center; } .piechart canvas { position: absolute; top: 0; left: -5% } .piechart { color: #755232; font-size: 40px; font-weight: 600; } .plan-chart-width { width: 200px; height: 300px; position: relative; margin: auto; } .pieChart-wh { width: 200px; height: 200px; position: relative; } .chart { position: absolute; width: 100%; height: 100%; } .pieTip { position: absolute; float: left; min-width: 30px; max-width: 300px; padding: 5px 18px 6px; border-radius: 2px; background: rgba(255,255,255,.97); color: #444; font-size: 19px; text-shadow: 0 1px 0 #fff; text-transform: uppercase; text-align: center; line-height: 1.3; letter-spacing: .06em; box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5); -webkit-transform: all .3s; -moz-transform: all .3s; -ms-transform: all .3s; -o-transform: all .3s; transform: all .3s; pointer-events: none; } .pieTip:after { position: absolute; left: 50%; bottom: -6px; content: ""; height: 0; margin: 0 0 0 -6px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 6px solid rgba(255,255,255,.95); line-height: 0; } .chart path { cursor: pointer; } .plan-chart-width .roate-lebal { font-size: 17px; color: #3D3D3D; transform: rotate(-90deg); position: absolute; right: -25%; top: 40%; font-weight: 600; } /*==NOTIFICATION SECTION START===*/ .noti-list, .upcom-live-session { padding: 17px; justify-content: flex-start; width: 30%; border-radius: 4px; background: #fff; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); } .noti-list h4, .upcom-live-session h4 { font-size: 20px; color: #755232; margin-bottom: 15px; } .noti-list ul, .upcom-live-session ul { width: 100%; max-height: 500px; overflow-y: scroll; } .noti-list ul::-webkit-scrollbar-track, .upcom-live-session ul::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 1px #550fa98f; */ border-radius: 4px; background-color: #fff; } .noti-list ul::-webkit-scrollbar, .upcom-live-session ul::-webkit-scrollbar { width: 8px; background-color: #fff; } .noti-list ul::-webkit-scrollbar-thumb, .upcom-live-session ul::-webkit-scrollbar-thumb { border-radius: 4px; /* -webkit-box-shadow: inset 0 0 1px #550fa98f; */ background-color: #550fa98f; } .noti-list ul li, .upcom-live-session ul li { background: #f3f4f7; padding: 11px; font-size: 12px; text-transform: capitalize; line-height: 19px; list-style: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000000; margin-bottom: 15px; } .noti-list ul li:last-child, .upcom-live-session ul li:last-child { margin-bottom: 0; } .upcom-live-session ul li { display: flex; flex-flow: column wrap; } .upcom-live-session ul li > .date { padding: 7px; width: 140px; color: #fff; text-align: center; border-radius: 24px; font-size: 12px; margin: 5px 0; } .upcom-live-session ul li h5 { font-size: 13px; text-transform: capitalize; line-height: 20px; color: #000; font-weight: 400; padding: 10px 0 0; margin-bottom: 8px; } .upcom-live-session ul li .faulti-name { font-weight: 500; font-size: 14px; color: #537542; } .upcom-live-session ul li > .time i { margin-right: 10px; color: #039ddd; font-size: 15px; } .upcom-live-session ul li > .time { margin: 10px 0 5px; display: flex; align-items: center; } .dexk-mb-margin-20 { margin-bottom: 20px; } .dexk-mb-margin-30 { margin-bottom: 30px; } /*====total-student,total-faculty,total-course,total-subadmin====*/ .total-student, .total-faculty, .total-course, .total-subadmin { width: 48%; } .select-set { width: 100%; display: flex; padding: 0 0 10px; justify-content: flex-end; } .select-set .form-group { width: 100%; display: flex; flex-direction: row; } .select-set .form-group label { width: 30%; padding: 0 10px; } .select-set .form-group select { border: 1px solid #eee; padding: 5px 0; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); border-radius: 4px; height: 37px; font-size: 13px; } /*progam wizard section*/ .wizard-wap { display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; } .wizard-container { width: 750px; max-height: 97vh; overflow-y: auto; scrollbar-width: auto; scrollbar-color: #f3f4f7 #f3f4f7; cursor: pointer; } /* Chrome, Edge, and Safari */ .wizard-container::-webkit-scrollbar { width: 13px; } .wizard-container::-webkit-scrollbar-track { background: #f3f4f7; } .wizard-container::-webkit-scrollbar-thumb { background-color: #ef8234; border-radius: 10px; border: 3px solid #ffffff; cursor: pointer; } .verify-nu { width: 100%; text-align: center; padding-top: 6px; } .verify-nu p { font-weight: normal; font-size: 14px; line-height: 21px; text-align: center; color: #434343; max-width: 384px; margin: 0 auto; } .verify-nu h5 { font-size: 18px; color: #434343; font-weight: 600; margin: 4px 0 0; } .otp-wrap { width: 263px; margin: 15px auto 15px; } .otp-inp { background-color: #f3f3f3; padding: 10px !important; margin: 0 6px; border: solid 1px #dcdcdc91; border-radius: 5px; } .wizard-from-d { background-color: #ffffff; padding: 10px; border-radius: 5px; border: solid 1px #ccc; margin-bottom: 15px; } .d-inline { display: inline-block } .red { color: #ff0707; display: table-caption; } .current-adr { font-size: 18px; font-weight: 600; color: #1c1a1e; padding-bottom: 4px; padding-left: 0; text-align: left; width: 100%; border-bottom: solid 1px #e57322; } .float-right1 { float: right; align-items: center; display: flex; } .same-as { font-size: 15px; color: #656565; font-weight: normal; padding-right: 5px; } .margin-right5 { margin-right: 5px; } .back-to-home { cursor: pointer; color: blue; position: absolute; top: 45px; right: 0; } .seller-heading { text-align: center; margin-bottom: 33px; color: #1e1924; font-size: 22px; position: relative; font-weight: 600; } .seller-heading::before { background-color: #e57322; content: ''; display: inline-block; width: 164px; height: 2px; position: absolute; bottom: -5px; z-index: 0; left: 50%; transform: translate(-50%, 0); } #program-set { position: relative; width: 100%; padding: 30px 0; } #program-set .hidden { display: none; } #program-set .disabled { color: #ffffff96; background-color: rgb(109, 109, 109) !important; } #program-set .progress-bar { width: 100%; list-style-type: none; display: flex; padding: 0; justify-content: center; margin-bottom: 3.5em; } #program-set .progress-bar li.progress-bar-dot { display: flex; justify-content: center; width: 40px; align-items: center; border-radius: 100px; height: 40px; border: 2px solid #550fa9; background-color: white; cursor: pointer; transition: all 0.5s ease; position: relative; } #program-set .progress-bar li.progress-bar-dot.full { background-color: #550fa9; color: #fff; } #program-set .progress-bar li.progress-bar-connector { display: block; width: 120px; border-radius: 1000em; height: 3px; background-color: #550fa9; margin-top: 18px; } #program-set .progress-bar li.progress-bar-connector.active { -moz-transition: width 1s; -o-transition: width 1s; -webkit-transition: width 1s; transition: width 1s; /* display: block; position: absolute; left: 0; top: 0; width: 0; */ height: 3px; width: 120px; background: red; } .program-content::before, .create-module::before, .assignments::before, .resources::before, .addQuizs::before, .stap-4::before { display: inline-block; width: 150px; height: 15px; position: absolute; left: -55px; top: 48px; font-size: 14px; } .program-content::before { content: "Step 1"; } .full.program-content::before { color: #550fa9; } .create-module::before { content: "Step 2"; } .full.create-module::before { color: #550fa9; } .addQuizs::before { content: "Step 4"; } .full.addQuizs::before { color: #550fa9; } .assignments::before { content: "Step 3"; } .stap-4::before { content: "Step 4 "; } .full.assignments::before { color: #550fa9; } .full.stap-4::before { color: #550fa9; } .resources::before { content: "Enrollments "; width: 250px; left: -107px; } .full.resources::before { color: #550fa9; } .module-bg { background: #eee; border-radius: 4px; } .module-bg h4 { background: transparent; width: 60%; } .type-choose-heading { background: #eee; font-size: 14px; padding: 10px 16px; margin: 7px 0 0; font-weight: 600; color: #000; border-radius: 4px; } .mannul-option, .file-option { width: 100%; display: flex; flex-flow: column wrap; } .add-quiz-set { width: 100%; } .add-quiz-set article { width: 100%; display: none; } .add-quiz-set article.on { display: block; } .add-quiz-set article .table-add { width: 40px; height: 40px; box-shadow: -1px 3px 4px 1px rgb(0 0 0 / 10%); border-radius: 100px; color: #fff; border: none; outline: none; background: #59aa24; font-size: 18px; padding: 6px 12px; float: right; margin-bottom: 20px; align-items: center; justify-content: center; } .add-quiz-set article .table { width: 100%; border-collapse: collapse; } .add-quiz-set article .table th { background: #550fa9; padding: 10px 7px; text-align: left; font-size: 13px; font-weight: 500; color: #ffff; border-left: 1px solid #ffffff5e; } .add-quiz-set article .table td { border: 1px solid #550fa929; text-align: left; padding: 10px 7px; font-size: 13px; font-weight: 300; } .add-quiz-set article .table td:focus-visible { border: 1px solid #550fa929; outline: none; } .add-quiz-set article .table td .form-group select { border: 1px solid #d7dbda; } .add-quiz-set article .form-wdth-60 .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } .downloadfile { background: #edb43e; border-radius: 24px; padding: 9px 35px; font-size: 15px; color: #fff; margin-top: 20px; } /*earning */ .earning-wrap { width: 100%; border-radius: 4px; background: #fff; box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%); padding: 17px; } .earning-wrap h4 { font-size: 20px; color: #1e0356; margin-bottom: 15px; padding-bottom: 0; padding-left: 15px; } .earning-wrap .radio-set { position: relative; width: 100%; padding: 9px 0; } .earning-wrap .radio-set ul li { width: 190px; } .earning-wrap .rupees-set { width: 100%; display: flex; flex-direction: row; align-items: baseline; justify-content: flex-start; } .earning-wrap .rupees-set li { list-style: none; width: 190px; position: relative; padding-left: 15px; } .earning-wrap .rupees-set li { font-size: 20px; } .earning-wrap .rupees-set li:after { content: "$"; font-size: 16px; color: #646464; font-weight: 500; position: absolute; top: 3px; left: 0; } .earning-wrap .select-set { width: 150px; } .color-span { display: flex; justify-content: space-between; } .color-span span { color: #00000087 !important; display: flex; } .span-padd-1 { padding-bottom: 1px !important; } #ddl-SellerColdStore { display: none; } .geolocation { height: 45px; box-shadow: inset 1px 0px 6px 0px rgb(0 0 0 / 13%); border: 1px solid #c5c5c582; outline: none; width: 45px; background: #fff url(../img/location-arrow.png) no-repeat center; font-family: 'Inter', sans-serif !important; text-align: left; padding: 0 15px; font-weight: 600; color: #8f8f9d; border-radius: 4px; position: absolute; right: 0; cursor: pointer; } .MultiCheckBox { width: 100%; line-height: 25px; background: transparent; border: 1px solid #d7dbda; font-size: 14px; color: #a09e9e; border-radius: 10px; padding: 8px 15px; cursor: pointer; } .MultiCheckBox .k-icon { font-size: 14px; float: right; font-weight: bolder; margin-top: -7px; height: 10px; width: 14px; color: #787878; } .MultiCheckBoxDetail { display: none; position: absolute; border: 1px solid #e2e2e2; overflow-y: hidden; width: 100% !important; background: #fff; } .realtive { position: relative; } .MultiCheckBoxDetailBody { overflow-y: scroll; } .MultiCheckBoxDetail .cont { clear: both; overflow: hidden; padding: 7px 0; text-indent: 30px; display: flex; justify-content: flex-start; border-bottom: 1px solid #e6e6e6; } .MultiCheckBoxDetail .cont:hover { background-color: #cfcfcf; } .MultiCheckBoxDetailBody > div > div { float: left; } .MultiCheckBoxDetail > div > div:nth-child(1) { } .MultiCheckBoxDetailHeader { overflow: hidden; position: relative; height: 28px; background-color: #3d3d3d; } .MultiCheckBoxDetailHeader > input { position: relative; top: 2px; left: 31px } .MultiCheckBoxDetailHeader > div { color: #fff; /* text-indent: 24px; */ visibility: visible; position: absolute; /* background: #646464; */ top: 0; left: 55px; } .flex-wrapp { flex-wrap: wrap; } .custom-file-input-storge { content: 'Select files'; color: black !important; display: inline-block; background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #d7dbda; border-radius: 10px; padding: 11px 15px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 500; font-size: 10pt; width: 100%; } .shadow-middle-title { background: #eeeff2; padding: 10px 15px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 1px 1px 6px #00000014; } .shadow-middle-title .table-title { font-size: 18px; font-weight: 600; color: #220759; } .custom-file-input-storge { content: 'Select files'; color: black !important; display: inline-block; background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #d7dbda; border-radius: 10px; padding: 11px 15px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 500; font-size: 10pt; width: 100%; } .shadow-middle-title { background: #eeeff2; padding: 10px 15px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 1px 1px 6px #00000014; } .shadow-middle-title .table-title { font-size: 18px; font-weight: 600; color: #220759; } /* latin-ext */ @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul > li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-signing:before, .fa-sign-language:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } .fa-handshake-o:before { content: "\f2b5" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-o:before { content: "\f2b7" } .fa-linode:before { content: "\f2b8" } .fa-address-book:before { content: "\f2b9" } .fa-address-book-o:before { content: "\f2ba" } .fa-vcard:before, .fa-address-card:before { content: "\f2bb" } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-circle-o:before { content: "\f2be" } .fa-user-o:before { content: "\f2c0" } .fa-id-badge:before { content: "\f2c1" } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2" } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3" } .fa-quora:before { content: "\f2c4" } .fa-free-code-camp:before { content: "\f2c5" } .fa-telegram:before { content: "\f2c6" } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb" } .fa-shower:before { content: "\f2cc" } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd" } .fa-podcast:before { content: "\f2ce" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4" } .fa-bandcamp:before { content: "\f2d5" } .fa-grav:before { content: "\f2d6" } .fa-etsy:before { content: "\f2d7" } .fa-imdb:before { content: "\f2d8" } .fa-ravelry:before { content: "\f2d9" } .fa-eercast:before { content: "\f2da" } .fa-microchip:before { content: "\f2db" } .fa-snowflake-o:before { content: "\f2dc" } .fa-superpowers:before { content: "\f2dd" } .fa-wpexplorer:before { content: "\f2de" } .fa-meetup:before { content: "\f2e0" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } @media (max-width:1900px) { .dextop-19-12 { width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-11 { width: 92% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-10 { width: 84%; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-9 { width: 76%; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-8 { width: 66% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-7 { width: 56% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-6 { width: 50% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-5 { width: 40% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-4 { width: 33% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-3 { width: 24% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-2 { width: 16% !important; padding-left: 15px !important; padding-right: 15px !important; } .dextop-19-1 { width: 8% !important; padding-left: 15px !important; padding-right: 15px !important; } .mb-30{ margin-bottom:30px !important; } } @media (max-width: 1650px) { .filter-set { width: 40%; } .details-wrapp { width: 58%; } .expert-set .admin-icon .icon { width: 40px; margin: 0 6px 0 0; padding: 10px; } .expert-set h5 { width: 20%; } } @media (max-width: 1550px) { .chart-sect-number .col-23 { width: 24%; } .earning-wrap .radio-set ul li { padding: 0 30px 20px 0; } /*programs*/ .filter-set { width: 40%; } .details-wrapp { width: 58%; } .details-wrapp ul li { flex-direction: column; } .img-wrpp, .content-set, .expert-set h5 { width: 100%; } .set-list-wrapp li { padding: 15px 0 !important; } .read-details-set { margin: 15px 0; } .set-list-wrapp li .details-set { padding: 15px 0; } .expert-set { flex-direction: column; align-items: flex-start; } .expert-set h5 { padding: 0 0 15px; } .point-set ul li { padding: 0 17px 0 0 !important; } /*search programs details*/ .searchprogram-details-set ul li { flex-wrap: wrap; } .searchprogram-details-set ul li .left, .searchprogram-details-set ul li .right { width: 100%; } .searchprogram-details-set ul li .right .right-description { padding: 15px 0; float: right; width: 100%; } .searchprogram-details-set ul li .right .right-description h4 { padding: 10px 0; } } @media (max-width: 1430px) { /*grid css*/ .midi-laptop-w-48 { width: 48% !important; } .midi-laptop-col-100 { width: 100% !important; } .midi-laptop-col-70 { width: 70% !important; } .midi-laptop-col-48 { width: 48% !important; } .midi-laptop-col-40 { width: 40% !important; } .midi-laptop-col-40 { width: 40% !important; } .midi-laptop-col-33 { width: 33% !important; } .midi-laptop-col-24 { width: 24% !important; } .midi-laptop-col-20 { width: 20% !important; } .box-progess { justify-content: space-between; } .mid-order-3{ order:3; } .progressbar-set { width: 65%; } .midi-laptop-margin-b-30 { margin-bottom: 30px; } .midi-laptop-margin-b-20 { margin-bottom: 20px; } .midi-laptop-padding-top-0 { padding-top: 0 !important; } .midi-laptop-mb-0 { margin-bottom: 0; } .midi-laptop-mb-35 { margin-bottom: 35px; } .midi-laptop-mb-30 { margin-bottom: 30px; } .midi-laptop-mb-25 { margin-bottom: 25px; } .midi-laptop-mb-10 { margin-bottom: 10px; } .midi-laptop-w-50 { width: 50%; } .expert-set h5 { width: 20%; } .course-wrapp h2 { padding: 5px 0 0; } .navcontent .nav { height: 60vh; } } @media (max-width: 1200px) { .mini-laptop-margin-b-20 { margin-bottom: 20px; } .min-section-desgin { padding: 0 0 10px; } .mini-laptop-margin-0 { margin: 0; } .mini-laptop-margin-b-10 { margin-bottom: 10px; } .mini-laptop-margin-b-20 { margin-bottom: 20px; } .mini-laptop-margin-b-30 { margin-bottom: 30px; } .header-wrapp .header-search { width: 35%; } .header-right { width: 50%; } .grid-side > .header-wrapp .header-search { width: 40%; } .grid-side > .header-wrapp .header-right { width: 40%; } .mini-laptop-space-between { justify-content: space-between; } .welcome-box { width: 60%; } /**/ .mini-left-padd{ padding-left:15px !important; } .mini-right-padd { padding-right: 15px !important; } .mini-top-marg-25{ margin-top:25px !important; } /*grid css*/ .mini-laptop-w-50 { width: 50%; } .mini-laptop-w-100 { width: 100% !important; } .mini-laptop-col-100 { width: 100% !important; } .mini-laptop-col-50 { width: 50% !important; } .mini-laptop-col-48 { width: 48% !important; } .mini-laptop-col-33 { width: 33% !important; } .mini-laptop-col-25 { width: 25% !important; } .mini-laptop-col-16 { width: 16% !important; } /* admin dashboard*/ .left-wrapp-dashboard, .noti-list, .upcom-live-session { width: 100%; } .course-wrapp h2 { padding: 0 0 0; font-size: 20px; } .noti-list { margin: 30px 0 0; } .header-logo { width: 60px; margin-right: 25px; } /*profile dashboard*/ .tab { width: 82%; } .upload-postion { top: -95px; } .grid-side .upload-postion { top: -45px; } /*programs*/ .filter-set { width: 50%; } .details-wrapp { width: 50%; } .navcontent .nav { height: 61vh; } } @media (max-width: 1050px) { .header-wrapp .header-search { width: 40%; } .header-right { width: 50%; } .grid-side > .header-wrapp .header-search { width: 40%; } .grid-side > .header-wrapp .header-right { width: 50%; } .wrapper-grid { grid-template-columns: 100%; grid-template-rows: 80px 1fr 50px; grid-template-areas: "header" "main" "footer" !important; } .sidebar { position: fixed; left: -250px; z-index: 999; } .dlabnav { left: 250px; } .navclose .menu-1, .navclose .menu-2, .navclose .menu-3 { background-color: #ffffff; } .navclose .menu-1 { -webkit-transform: rotate(128deg) translate(11px, 5px); transform: rotate(128deg) translate(11px, 5px); margin: 2px 6px; } .navclose .menu-3 { -webkit-transform: rotate(218deg) translate(10px, -5px); transform: rotate(218deg) translate(10px, -5px); margin: -4px 7px; } .header-logo.hide { display: block !important; } .toggle { margin-right: 0; margin-left: 20px; order: 1; } .welcome-box { max-width: 60%; width: 50%; } .welcome-box h2 { font-size: 14px; line-height: 19px; word-break: break-all; display: flex; flex-direction: column; } /*grid resposnvie*/ .rsv-ip-j-between { justify-content: space-between; } .rsv-ip-j-center { justify-content: center; } .rsv-ip-j-start { justify-content: flex-start; } /**/ /*breadcurm*/ .bread-curm-wrapp ul { margin: 0 0 15px; } /*coloumn*/ .col-rsv-ip-80 { width: 80%; } .chart-sect-number { padding-top: 10px; } .myprogram-wrapp { padding: 30px 0 30px; } .treand-wrapp { padding: 0 0 10px 0; } /*margin bottom*/ .ipro-mb-20{ margin-bottom:20px; } /* dashboard students*/ /*grid css*/ .ipro-w-100 { width: 100% !important; } .ipro-w-50 { width: 50%; } .ipro-col-100 { width: 100% !important; } .ipro-col-mg-20{ margin-bottom:20px !important; } .ipro-col-50 { width: 50% !important; } .ipro-col-48 { width: 48% !important; } .ipro-col-33 { width: 33% !important; } .ipro-col-25 { width: 25% !important; } .ipro-col-16 { width: 16% !important; } .ipro-mb-margin-20 { margin-bottom: 20px; } .bread-curm-wrapp { padding: 15px 0 0; } .reshow { display: block; } .navcontent .nav { max-height: 67vh; } .sidebar-brand img { width: 100px; margin-top: 60px; } .navcontent .nav { margin-top: 60px; } /*USERDASHBOARD*/ .treand-wrapp .treand-set, .thumb-crousel-wrapp, .case-wrapp, .test-wrapp { width: 100% !important; } .thumb-crousel-wrapp { margin-bottom: 20px; } .casestudy-test-wrapp { flex-wrap: wrap; margin-top: 20px; } .case-wrapp { margin-bottom: 20px !important; } .table-live-stream-sessions-faculti { width: 1550px !important; } .tbl-letcturs-seminars-wrokshops { width: 1050px !important; } .reshow { display: block !important; } } @media (max-width:992px) { .header-wrapp .header-search { width: 32%; } .grid-side > .header-wrapp .header-search { width: 32%; } .header-right { width: 50%; } .welcome-box { max-width: 60%; width: 45%; } .welcome-box h2 span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .table-wrapp { overflow-y: auto; } .table-lectures-seminars, .table-live-stream-sessions { width: 992px !important; } .mannual-table { width: 1010px !important; } .mannual-table-box, .file-table-add { overflow-y: auto; } } @media (max-width:900px) { .header-right { width: 80%; } .welcome-box { max-width: 60%; width: 33%; } .header-wrapp .header-search { position: absolute; top: 79px; width: 90%; z-index: 999; left: 5%; display: none; } .serach-toggle { display: block; width: 40px; } .serach-toggle i { font-size: 20px; color: #ebba4f; } .ipd-20-0-10 { padding: 20px 0 10px; } .header-right { width: 80%; } .grid-side > .header-wrapp .header-right { width: 80%; } .table-wrapp { max-width: 1000px; width: 100%; overflow-x: auto; } .table-wrapp .table-faculty, .table-wrapp .table-manage-candidates, .table-wrapp .table-manage-user, .table-manage-certificate, .table-module-manage { width: 1250px !important; } /*completed course*/ .course-wrapp h2 { padding: 0 0 0; font-size: 20px; } .case-study-table { width: 900px !important; } .file-table { width: 900px; } } @media (max-width:768px) { .serach-toggle { display: block; width: 30px; } .myprogram-wrapp { padding: 6px 0; } /*margin*/ .ipad-mb-margin-25 { margin-bottom: 25px; } .ipad-mb-margin-20 { margin-bottom: 20px; } .ipad-top-margin-20 { margin-top: 20px; } /*grid css*/ .ipad-w-75 { width: 75%; } .ipad-w-50 { width: 50%; } .ipad-w-100 { width: 100% !important; } .ipad-col-100 { width: 100% !important; } .ipad-col-50 { width: 50% !important; } .ipad-col-48 { width: 48% !important; } .ipad-col-40 { width: 40% !important; } .ipad-col-33 { width: 33% !important; } .ipad-col-25 { width: 25% !important; } .ipad-col-16 { width: 16% !important; } .form-group > .ipad-w-100 { width: 100% !important; } /*case stuy css*/ .casestudy-test-wrapp { flex-wrap: wrap; } .case-wrapp, .test-wrapp { width: 100% !important; } .card-course { margin-bottom: 0 !important; } .thumb-crousel-wrapp, .treand-set { width: 100% !important; margin-top: 25px; } .treand-set { margin-top: 30px; } .treand-wrapp { padding: 0 0 30px 0; } .test-wrapp { margin-top: 30px; } .banner-wrapp { margin-bottom: 15px; } /*admin*/ .left-wrapp-dashboard, .noti-list { width: 100%; margin-bottom: 20px; } .radio-set ul li { padding: 0 30px 15px 0; } .section-desgin { padding: 0 0 10px; } .ipro-mb-margin-0 { margin: 0 !important; } /*search programs*/ .details-wrapp, .filter-set, .img-wrpp, .content-set, .expert-set h5, .expert-set .admin-icon { width: 100%; } .expert-set { flex-wrap: wrap; } .expert-set h5 { margin-bottom: 10px; } .expert-set .admin-icon .icon { width: 40px; padding: 7px; } .details-wrapp ul li { flex-direction: column; } .set-list-wrapp li .details-set { padding: 15px 15px } .bread-curm-wrapp ul li { padding: 0 3px; font-size: 11px; } .bread-curm-wrapp ul li i { font-size: 20px; } .point-set ul { display: flex; flex-direction: column; justify-content: flex-start; } .value-rup { width: 102px; } .point-set ul li { padding: 10px 0 !important; } /*checkout*/ .table-checkout { width: 768px !important; } .wizard-container { width: 600px; } .seller-heading { font-size: 20px; } #program-set .progress-bar { width: 80%; margin: auto; margin-bottom: 52px; } #program-set .progress-bar li.progress-bar-dot { width: 40px; height: 35px; } .container-modal { width: 568px; } } @media (max-width:640px) { .serach-toggle { display: block; width: 30px; } .welcome-box { max-width: 45%; } .welcome-box h2 span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #emailsms .checkboxes input { visibility: hidden; } .section-desgin { padding: 0 0 0; } .bread-curm-wrapp { padding: 15px 0 0; } .md-mb-margin-0 { margin: 0 !important; } .tab-wrapp .radio-set { position: relative; width: 100%; padding: 0; } .tab-wrapp .radio-set ul li { padding: 0 30px 0 0; } .wizard-container { width: 500px; } .seller-heading { font-size: 20px; } #sellerreg-wizard #program-set .progress-bar li.progress-bar-dot { width: 60px; height: 37px } #program-set .progress-bar li.progress-bar-dot { width: 37px; height: 37px } .container-modal { width: 568px; } .seller-process { width: 60px !important; height: 37px; } } @media (max-width:576px) { .welcome-box h2 { display: none; } .header-logo { width: 60px; margin-right: 0; } .header-logo img { width: 100%; } .welcome-box { width: 80px; margin-left: 0; } .welcome-box::before { right: -7px; } .header-right { width: 80%; } .serach-toggle, .message, .search-icon, .notification { width: 60px; } .toggle { margin-left: 30px; } .serach-toggle a { display: flex; justify-content: center; } .shadow-middle-title .table-title { font-size: 16px; padding: 0 0 15px; width: 100%; text-align: left; } /**Dashboard student user**/ .md-mb-align-flex-center { align-items: center; } .md-mb-align-flex-start { align-items: flex-start; } .md-mb-align-flex-end { align-items: flex-end; } .md-mb-column { flex-direction: column; } .md-mb-wrapp { flex-wrap: wrap; } .m-w-100 { width: 100% !important; } .md-mb-w-50 { width: 50% !important; } .md-mb-w-100 { width: 100% !important; } .md-mb-col-100 { width: 100% !important; } .md-mb-col-70 { width: 70% !important; } .md-mb-col-49 { width: 49% !important; } .md-mb-col-48 { width: 48% !important; } .md-mb-col-50 { width: 50% !important; } .md-mb-margin-20 { margin-bottom: 20px; } .sm-mt-margin-20 { margin-top: 20px; } .thumb-crousel-wrapp { margin-top: 25px; } .treand-set { margin-top: 30px; } /*emals*/ #emailsms .md-mb-w-50 { width: 50% !important; } .upload-postion { top: -127px; } /*completed course*/ .course-wrapp h2 { padding: 0 0 0; font-size: 18px; } /*facultyadmin program wizard css*/ .program-content::before, .create-module::before, .assignments::before, .resources::before, .addQuizs::before, .stap-4::before { display: none; } #program-set .progress-bar li.progress-bar-connector { width: 75px; height: 3px; } #sellerreg-wizard > #program-set .progress-bar li.progress-bar-connector { width: 60px; height: 3px; } .wizard-container { width: 400px; } .seller-heading { font-size: 20px; } .container-modal { width: 568px; } #PaymentSetting .w-50, #ProfileSetting .w-50 { width: 100% !important; text-align: center; } .profile-stg-check .form-wdth-60 { margin: auto; margin-top: 6px; } .back-to-home { top: 9px; } #PaymentSetting > .md-mb-w-100, #PaymentSetting .md-mb-w-100, ProfileSetting > .md-mb-w-100 { width: 100% !important; text-align:center; } #ProfileSetting .profile-stg-check, #PaymentSetting .profile-stg-check { border-radius: 50px !important; } } @media (max-width:432px) { .welcome-box { width: 75px; } .welcome-box a { padding: 0; } .serach-toggle, .message, .search-icon, .notification { width: 47px; } .notification a, .notification a:hover { width: 30px; height: 30px; } .notification-drop-down { width: 280px; right: -133px; } .notification-drop-down:after { right: 135px; top: -18px; } .shadow-middle-title .table-title { font-size: 15px; padding: 0 15px 0; } /**Dashboard student user**/ .sm-mb-w-100 { width: 100% !important; } .sm-mb-col-100 { width: 100% !important; } .sm-mb-col-49 { width: 49% !important; } .sm-mb-col-50 { width: 50% !important; } .sm-mb-margin-20 { margin-bottom: 20px; } .sm-mt-margin-20 { margin-top: 20px; } .upload-postion { top: -100px; } /*PROGRAM WIZARD*/ .program-content::before, .create-module::before, .assignments::before, .resources::before, .addQuizs::before { visibility: hidden; } .module-bg h4 { width: 100%; } #program-set .progress-bar { width: 100%; flex-direction: row; } .wizard-container { width: 320px; } #program-set .progress-bar li.progress-bar-dot { width: 37px; height: 37px } .program-content::before, .create-module::before, .assignments::before, .resources::before, .addQuizs::before, .stap-4::before { display: none; } .logo-seller, .logo-buyer, .logo-transport, .logo-agent { width: 100px; margin: 0 0 20px; } #sellerreg-wizard #program-set .progress-bar li.progress-bar-dot { width: 60px; height: 37px } #ProfileSetting .form-wdth-60 { width: 44px; } #ProfileSetting input:checked + .slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } } @media (max-width:375px) { .welcome-box { width: 70px; } .serach-toggle, .message, .search-icon, .notification { width: 45px; } .message { display: none; } .notification a, .notification a:hover { width: 30px; height: 30px; } .notification-drop-down { width: 280px; right: -133px; } .notification-drop-down:after { right: 135px; top: -18px; } /*bredcurm*/ .bread-curm-wrapp ul { padding: 10px; } .bread-curm-wrapp ul li i { font-size: 15px; } .bread-curm-wrapp ul li span { width: 5px; } .bread-curm-wrapp ul li, .bread-curm-wrapp ul li a { padding: 0 1px; font-size: 12px; } .set-list-wrapp li .details-set p { font-size: 14px; line-height: 24px; text-align: left; } .logo-seller, .logo-buyer, .logo-transport, .logo-agent { width: 74px; margin: 0 0 20px; } .wizard-container { width: 300px; } #sellerreg-wizard #program-set .progress-bar li.progress-bar-dot { width: 70px; height: 37px } #ProfileSetting .form-wdth-60 { width: 60px !important; } .tab { width: 100%; } .mb-items-center { align-items: center; } .mb-column { flex-direction: column !important; } .mb-sm-w-100{ width:100% !important; } #ProfileSetting input:checked + .slider:before { -webkit-transform: translateX(37px); -ms-transform: translateX(37px); transform: translateX(37px); } #program-set .progress-bar li.progress-bar-dot { width: 40px; } .seller-process { width: 90px !important; } } @media (max-width:320px) { .welcome-box::before { top: 20px; } .serach-toggle, .message, .search-icon, .notification { width: 40px; } .message { display: none; } .notification a, .notification a:hover { width: 25px; height: 25px; } .notification-drop-down { width: 280px; right: -133px; } .notification-drop-down:after { right: 135px; top: -18px; } .bread-curm-wrapp { padding: 15px 0 7px; } .myprogram-wrapp h4 { padding: 12px 15px; font-size: 15px; } .b-nav-tab { padding: 7px 24px; } .b-nav-tab.active { font-size: 12px; } .myprogram-wrapp .desing-tab h2 { font-size: 15px; } .testim .dots { bottom: 22px; } .testim .dots .dot { width: 12px; height: 12px; } .nav-icon-menu { width: 30px; } .menu-1, .menu-2, .menu-3 { width: 28px; } } .switch { position: relative; display: inline-block; width: 50px !important; height: 20px !important; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } /* .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 1px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }*/ .slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 3px; bottom: 2.7px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #510ea1; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(28px); -ms-transform: translateX(28px); transform: translateX(28px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .validation-summary { margin: 0; padding-left: 12px; padding-right: 12px; padding-top: 8px; box-sizing: border-box; min-width: 25%; max-width: 50%; z-index: 9999999 !important; position: fixed; right: 0; transition: transform 1.5s ease-in-out 0s; transform: translateX(100%); } .padded1 { padding: 0 24px; } .validation-summary .alert { min-height: 42px; border-radius: 6px; margin: 0; border-width: 1px 0; padding-top: .4em !important; padding-bottom: .4em !important; display: grid; grid-template-columns: 40px 90% auto; align-items: center; /* box-shadow: 0 3px 6px rgb(32 33 36 10%);*/ border: 2px solid lightgrey; } .validation-summary ul { margin: 7px 16px 7px 0; padding: 0; list-style-type: none; } .validation-summary li { line-height: 26px; } .validation-summary .alert-close { font-weight: bold; cursor: pointer; text-align: right; } .validation-summary .alert-success { background-color: #ccf9f2; color: #169582; } .alert-success i { color: #41d3bd; } .validation-summary .alert-danger { background-color: #ffcedb; color: #967981; } .alert-danger i { color: #967981; } .validation-summary .alert-warning { background-color: #fff7ce; color: #967981; } .alert-warning i { color: #967981; } .validation-summary .alert-primary { background-color: royalblue; color: #ffffff; } .alert-primary i { color: #ffffff; } .fa-times:before { content: "\f00d"; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; /* text-shadow: 0 1px 0 rgb(255 255 255 / 50%);*/ background-color: #ffe2cc; } .validation-summary .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .validation-summary .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: x-large; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .disabled { background: #e2e2e2; } select { color: black; } .upload-area { width: 100%; height: 100px; border: 2px solid lightgray; border-radius: 3px; margin: 0 auto; /*margin-top: 100px;*/ text-align: center; overflow: auto; } .upload-area h5 { margin: 10px; } .upload-area:hover { cursor: pointer; } .upload-area h1 { text-align: center; font-weight: normal; font-family: sans-serif; line-height: 50px; color: darkslategray; } #file { display: none; } /* Thumbnail */ .thumbnail { width: 80px; height: 80px; padding: 2px; border: 2px solid lightgray; border-radius: 3px; float: left; } .size { font-size: 12px; } body .sticky { position: -webkit-sticky; position: sticky; top: 0; background-color: yellow; padding: 50px; font-size: 20px; } div.table-responsive { margin-top: 11px; float: left; /*max-height: calc(100vh - 200px);*/ width: 100%; overflow-y: auto; } div.table-responsive table { border: 1px solid lightgreen; } .table-responsive thead, .table-responsive thead { position: sticky; top: 0; z-index: 1; } .table-responsive tbody { height: 3em; } input:read-only { background-color: #e8e8e8 !important; border: 1px solid #b1a6a6 !important; } .welcome-box h2 span { color: gray; font-weight: 500; font-size: 1vw; } .subtotal { background: yellow; padding: 5px 6px; border-radius: 5px; border: 1px solid; } input[type=date] { border-top: 1px solid; } /*Paging Start*/ .pagination { margin-top: 10px; } .pagination ul { display: inline-flex; } .pagination ul li { display: inline-block; min-width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f1f1f1; color: #5a5a5a; border-radius: 3px; margin-left: 3px; } .pagination ul li:first-child { margin-left: 0; } .pagination ul li a { display: block; border-radius: 3px; padding-left: 12px; padding-right: 12px; } .pagination ul li a:hover { background: #006531; color: #ffffff !important; } .pagination ul li.current { background: #006531; color: #ffffff !important; } .pagination ul li.next { width: 40px; } /*Paging End*/ .o-success { padding: 5px 10px; background: #01ce01; color: white; border-radius: 5px; word-break: keep-all; } .o-danger { padding: 5px 10px; background: #ce0101; color: white; border-radius: 5px; word-break: keep-all; } .o-lite-danger { padding: 5px 10px; background: #f6afaf; color: white; border-radius: 5px; word-break: keep-all; } input[type=date] { padding: 9px 10px; } .switch-color { color: blue !important; } .margin-top-20 { margin-top: 20px; } .ui-menu .ui-menu-item-wrapper { padding: 10px 1em 10px .6em; border-bottom: 1px solid lightcyan; } ul.ui-autocomplete { border-radius: 8px; } .display-none { display: none; } /*.required { color: #fd0000; margin-left: 2px; font-weight: bold; font-size: 20px; cursor: pointer; }*/ .invoice-btn { margin-left: 10px; padding: 5px 10px 5px 10px; background: lightseagreen; color: white; border-radius: 3px; text-decoration: blink; word-break: keep-all; } .pop-modal-3 { max-width: 100%; width: 90%; /*top: 20%;*/ z-index: 99999999; } .popoov { z-index: 9999999 } .nowrap { white-space: nowrap; } .btnColor { cursor: pointer; color: chartreuse; } .setPosition { float: right; position: absolute; right: 30px; margin-bottom: 35px; } .setPosition .addnew { position: relative; } @media only screen and (max-width: 767px) { .pagination { margin-top: 19px; } } .cursor-pointer { cursor: pointer; } .hide { display: none !important; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0.9; z-index: 999999999; } #preloader > #status { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; background-image: url(/wwwroot/Images/stylishloader.gif); background-repeat: no-repeat; background-position: center; /* margin: -100px 0 0 -100px; */ transform: translate(-50%, -50%); } .make-button { padding: 0px 7px 3px 7px; background: lightgoldenrodyellow; border: 1px solid; border-radius: 5px; color: brown; } .hide-child td:not(:first-child) { display: none; } .success { background: green !important; color: white !important; border: gray !important; } .input-error-border { border: 2px solid #f7acac !important; } .btn { font-size: 12px; padding: 7px 10px; border-radius: 5px; border: none; font-weight: 600; margin: 10px 0 10px 0; cursor: pointer; } .view-enquiry-btn { color: #fff; background-color: #3d0972; } .btn-primary { color: #fff; background-color: #3d0972; } .btn-success { color: #fff; background-color: green; } .btn-danger { color: #fff; background-color: red; } .bg-black { background-color: black !important; } /*.ui-autocomplete-loading { background: url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat; pointer-events: none; }*/ .ui-autocomplete-loading { /*background: url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat;*/ background: url('data:image/gif;base64,R0lGODlhEAAQAMQAAP///+7u7t3d3bu7u6qqqpmZmYiIiHd3d2ZmZlVVVURERDMzMyIiIhEREQARAAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAQACwAAAAAEAAQAAAFdyAkQgGJJOWoQgIjBM8jkKsoPEzgyMGsCjPDw7ADpkQBxRDmSCRetpRA6Rj4kFBkgLC4IlUGhbNQIwXOYYWCXDufzYPDMaoKGBoKb886OjAKdgZAAgQkfCwzAgsDBAUCgl8jAQkHEAVkAoA1AgczlyIDczUDA2UhACH5BAUHABAALAAAAAAPABAAAAVjICSO0IGIATkqIiMKDaGKC8Q49jPMYsE0hQdrlABCGgvT45FKiRKQhWA0mPKGPAgBcTjsspBCAoH4gl+FmXNEUEBVAYHToJAVZK/XWoQQDAgBZioHaX8igigFKYYQVlkCjiMhACH5BAUHABAALAAAAAAQAA8AAAVgICSOUGGQqIiIChMESyo6CdQGdRqUENESI8FAdFgAFwqDISYwPB4CVSMnEhSej+FogNhtHyfRQFmIol5owmEta/fcKITB6y4choMBmk7yGgSAEAJ8JAVDgQFmKUCCZnwhACH5BAUHABAALAAAAAAQABAAAAViICSOYkGe4hFAiSImAwotB+si6Co2QxvjAYHIgBAqDoWCK2Bq6A40iA4yYMggNZKwGFgVCAQZotFwwJIF4QnxaC9IsZNgLtAJDKbraJCGzPVSIgEDXVNXA0JdgH6ChoCKKCEAIfkEBQcAEAAsAAAAABAADgAABUkgJI7QcZComIjPw6bs2kINLB5uW9Bo0gyQx8LkKgVHiccKVdyRlqjFSAApOKOtR810StVeU9RAmLqOxi0qRG3LptikAVQEh4UAACH5BAUHABAALAAAAAAQABAAAAVxICSO0DCQKBQQonGIh5AGB2sYkMHIqYAIN0EDRxoQZIaC6bAoMRSiwMAwCIwCggRkwRMJWKSAomBVCc5lUiGRUBjO6FSBwWggwijBooDCdiFfIlBRAlYBZQ0PWRANaSkED1oQYHgjDA8nM3kPfCmejiEAIfkEBQcAEAAsAAAAABAAEAAABWAgJI6QIJCoOIhFwabsSbiFAotGMEMKgZoB3cBUQIgURpFgmEI0EqjACYXwiYJBGAGBgGIDWsVicbiNEgSsGbKCIMCwA4IBCRgXt8bDACkvYQF6U1OADg8mDlaACQtwJCEAIfkEBQcAEAAsAAABABAADwAABV4gJEKCOAwiMa4Q2qIDwq4wiriBmItCCREHUsIwCgh2q8MiyEKODK7ZbHCoqqSjWGKI1d2kRp+RAWGyHg+DQUEmKliGx4HBKECIMwG61AgssAQPKA19EAxRKz4QCVIhACH5BAUHABAALAAAAAAQABAAAAVjICSOUBCQqHhCgiAOKyqcLVvEZOC2geGiK5NpQBAZCilgAYFMogo/J0lgqEpHgoO2+GIMUL6p4vFojhQNg8rxWLgYBQJCASkwEKLC17hYFJtRIwwBfRAJDk4ObwsidEkrWkkhACH5BAUHABAALAAAAQAQAA8AAAVcICSOUGAGAqmKpjis6vmuqSrUxQyPhDEEtpUOgmgYETCCcrB4OBWwQsGHEhQatVFhB/mNAojFVsQgBhgKpSHRTRxEhGwhoRg0CCXYAkKHHPZCZRAKUERZMAYGMCEAIfkEBQcAEAAsAAABABAADwAABV0gJI4kFJToGAilwKLCST6PUcrB8A70844CXenwILRkIoYyBRk4BQlHo3FIOQmvAEGBMpYSop/IgPBCFpCqIuEsIESHgkgoJxwQAjSzwb1DClwwgQhgAVVMIgVyKCEAIfkECQcAEAAsAAAAABAAEAAABWQgJI5kSQ6NYK7Dw6xr8hCw+ELC85hCIAq3Am0U6JUKjkHJNzIsFAqDqShQHRhY6bKqgvgGCZOSFDhAUiWCYQwJSxGHKqGAE/5EqIHBjOgyRQELCBB7EAQHfySDhGYQdDWGQyUhADs=') right center no-repeat !important; pointer-events: none; } .bg-white { background: white !important; } .my-btn { padding: 13px 45px !important; font-size: 13px !important; margin-top: 26px; border-radius: 5px; cursor: pointer; } .bg-blue { background: #b6d2ff !important; } .btn-subscribe button { width: 100%; background: linear-gradient(0deg, #F6790B, #F6790B), linear-gradient(360deg, #FFA620 -87.4%, #F75212 91.84%); border-radius: 3.64675px; border: none; outline: none; padding: 7px 15px; color: #fff; border-radius: 4px; height: 35px; font-family: 'Inter', sans-serif !important; font-size: 13px; font-weight: 600; word-spacing: 1px; cursor: pointer; letter-spacing: 1px; } select.default { height: 25px; border-radius: 5px; padding: 0px 5px; } /*///1.1.3*/ body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { /*background-color: #089000;*/ /*!important;*/ color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } }