.theme-light {
	--border-shadow-box: 0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
	--border-theme-custom-navbar: #dddddd;
    --color-primary: #0060df;
    --color-secondary: #fff;
    --color-nav:#dbdbdb;
    --font-color: #000;
    --color-search: #fff;
    --color-search-icon: #000;
    --icon-background: #454545;
    --navbar-bottom-color: #eee;
    --border: 1px solid #dee2e6;
    --border-modal: #dee2e6;
    --logo: url(https://repository.liried.com/public_upload/support_files/code/1625644677226_3410.png) no-repeat;
    --focus-color: #000;
    --card-background: #f1f1f1;
    --border-card: #1c141412;
    --back-buton: #1c7cc9;
    --back-buton-hover: #3693df;
    --edit-button:#cbd3da;
    --edit-button-hover:#e2e6ea;
    --border-search: #ced4da;
    --border-formcontrol: #ced4da;
    --hover-user: #000000;
    --table-border-color:#dee2e6;
    --border-left-right:#dee2e6;
    --form-control-border-color:#e5e8ea;
    --mask-background:#ebeff2;
    --mask-sub-background:#bfffdb;
    --mask-sub-red-background: #ff7a87;
    --first-child-color: #1c7cc9;
    --color-box:#3693df;
    --mail-background:#f7f7f7;
    --survey-banner:linear-gradient(135deg, rgba(114,166,227, 0.36) 0%, rgba(114,166,227, 0.36) 42%,transparent 42%, transparent 53%,rgba(41, 145, 229,0.6) 53%, rgba(41, 145, 229,0.6) 62%,transparent 62%, transparent 88%,rgba(11,164,254, 0.6) 88%, rgba(11,164,254, 0.6) 100%),linear-gradient(45deg, transparent 0%, transparent 29%,rgb(31, 166, 238) 29%, rgb(31, 166, 238) 35%,rgb(41, 145, 229) 35%, rgb(41, 145, 229) 55%,transparent 55%, transparent 56%,rgb(29,163,234) 56%, rgb(29,163,234) 100%),linear-gradient(90deg, rgb(50,172,255),rgb(50,172,255));
	--icon_color_class_menu:#000!important;
	--text_color_class_menu:rgba(0,0,0,0.987);
}

/*
.theme-light {
	--border-shadow-box: 0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
	--border-theme-custom-navbar: #dddddd;
    --color-primary: #0060df;
    --color-secondary: #fff;
    --color-nav:#fff;
    --font-color: #000;
    --color-search: #fff;
    --color-search-icon: #000;
    --icon-background: #1c7cc9;
    --navbar-bottom-color: #eee;
    --border: 1px solid #dee2e6;
    --border-modal: #dee2e6;
    --logo: url(https://repository.liried.com/public_upload/support_files/code/1625644677226_3410.png) no-repeat;
    --focus-color: #000;
    --card-background: #fff;
    --border-card: #1c141412;
    --back-buton: #1c7cc9;
    --back-buton-hover: #3693df;
    --edit-button:#cbd3da;
    --edit-button-hover:#e2e6ea;
    --border-search: #ced4da;
    --border-formcontrol: #ced4da;
    --hover-user: #6ca0d3;
    --table-border-color:#dee2e6;
    --border-left-right:#dee2e6;
    --form-control-border-color:#e5e8ea;
    --mask-background:#ebeff2;
    --mask-sub-background:#bfffdb;
    --mask-sub-red-background: #ff7a87;
    --first-child-color: #1c7cc9;
    --color-box:#3693df;
    --mail-background:#f7f7f7;
    --survey-banner:linear-gradient(135deg, rgba(114,166,227, 0.36) 0%, rgba(114,166,227, 0.36) 42%,transparent 42%, transparent 53%,rgba(41, 145, 229,0.6) 53%, rgba(41, 145, 229,0.6) 62%,transparent 62%, transparent 88%,rgba(11,164,254, 0.6) 88%, rgba(11,164,254, 0.6) 100%),linear-gradient(45deg, transparent 0%, transparent 29%,rgb(31, 166, 238) 29%, rgb(31, 166, 238) 35%,rgb(41, 145, 229) 35%, rgb(41, 145, 229) 55%,transparent 55%, transparent 56%,rgb(29,163,234) 56%, rgb(29,163,234) 100%),linear-gradient(90deg, rgb(50,172,255),rgb(50,172,255));
	--icon_color_class_menu:#000!important;
	--text_color_class_menu:rgba(0,0,0,0.987);
}
*/

.theme-dark {
	--border-shadow-box: 0 1px 2px 0 rgba(30,30,30,0.2),0 2px 6px 2px rgba(30,30,30,0.08);
	--border-theme-custom-navbar: #282727;
    --color-primary: #212121;
    --color-secondary: #121212;
    --color-nav:#181818;
    --font-color: #fff;
    --color-search: #1e1e1e;
    --color-search-icon: #fff;
    --icon-background: #434343;
    --navbar-bottom-color: #2e2e2e;
    --border: none;
    --border-modal: #000;
    --logo: url(https://repository.liried.com/public_upload/support_files/code/1625645550227_7604.png) no-repeat;
    --focus-color: #bdc1c6;
    --card-background: #1e1e1e;
    --border-card: transparent;
    --back-buton: #343a40;
    --back-buton-hover: #23272b;
    --edit-button:#343a40;
    --edit-button-hover:#23272b;
    --border-search: transparent;
    --border-formcontrol: #1e1e1e;
    --hover-user: #202224;
    --table-border-color:#56626d;
    --border-left-right:#000;
    --form-control-border-color:#000;
    --mask-background:#23292f;
    --mask-sub-background:#1f3a2b;
    --mask-sub-red-background: #df0015;
    --first-child-color: #9D1D1D;
    --color-box:#181818;
    --mail-background:#1e1e1e;
    --survey-banner:linear-gradient(135deg, rgba(160, 168, 179, 0.36) 0%, rgba(174, 180, 187, 0.36) 42%,transparent 42%, transparent 53%,rgba(71, 72, 72, 0.6) 53%, rgba(185, 193, 200, 0) 62%,transparent 62%, transparent 88%,rgba(11, 10, 10, 0.16) 88%, rgba(71, 75, 77, 0.6) 100%),linear-gradient(45deg, transparent 0%, transparent 29%,rgb(32, 39, 43) 29%, rgb(60, 63, 64) 35%,rgba(56, 57, 57, 0) 35%, rgb(85, 93, 100) 55%,transparent 55%, transparent 56%,rgb(54, 59, 62) 56%, rgb(57, 67, 72) 100%),linear-gradient(90deg, rgb(35, 38, 40),rgb(97, 101, 104));
	--icon_color_class_menu:#fff;
	--text_color_class_menu:#fff;
}
/*
.theme-dark {
	--border-shadow-box: 0 1px 2px 0 rgba(30,30,30,0.2),0 2px 6px 2px rgba(30,30,30,0.08);
	--border-theme-custom-navbar: #282727;
    --color-primary: #212121;
    --color-secondary: #121212;
    --color-nav:#181818;
    --font-color: #fff;
    --color-search: #1e1e1e;
    --color-search-icon: #fff;
    --icon-background: #434343;
    --navbar-bottom-color: #2e2e2e;
    --border: none;
    --border-modal: #000;
    --logo: url(https://repository.liried.com/public_upload/support_files/code/1625645550227_7604.png) no-repeat;
    --focus-color: #bdc1c6;
    --card-background: #1e1e1e;
    --border-card: transparent;
    --back-buton: #343a40;
    --back-buton-hover: #23272b;
    --edit-button:#343a40;
    --edit-button-hover:#23272b;
    --border-search: transparent;
    --border-formcontrol: #1e1e1e;
    --hover-user: #202224;
    --table-border-color:#56626d;
    --border-left-right:#000;
    --form-control-border-color:#000;
    --mask-background:#23292f;
    --mask-sub-background:#1f3a2b;
    --mask-sub-red-background: #df0015;
    --first-child-color: #9D1D1D;
    --color-box:#181818;
    --mail-background:#1e1e1e;
    --survey-banner:linear-gradient(135deg, rgba(160, 168, 179, 0.36) 0%, rgba(174, 180, 187, 0.36) 42%,transparent 42%, transparent 53%,rgba(71, 72, 72, 0.6) 53%, rgba(185, 193, 200, 0) 62%,transparent 62%, transparent 88%,rgba(11, 10, 10, 0.16) 88%, rgba(71, 75, 77, 0.6) 100%),linear-gradient(45deg, transparent 0%, transparent 29%,rgb(32, 39, 43) 29%, rgb(60, 63, 64) 35%,rgba(56, 57, 57, 0) 35%, rgb(85, 93, 100) 55%,transparent 55%, transparent 56%,rgb(54, 59, 62) 56%, rgb(57, 67, 72) 100%),linear-gradient(90deg, rgb(35, 38, 40),rgb(97, 101, 104));
	--icon_color_class_menu:#fff;
	--text_color_class_menu:#fff;
}
*/
/* Width in pixels  */
.w-0p{width: 0px;}.w-5p{width: 5px;}.w-10p{width: 10px;}.w-15p{width: 15px;}.w-20p{width: 20px;}.w-25p{width: 25px;}.w-30p{width: 30px;}.w-35p{width: 35px;}.w-40p{width: 40px;}.w-45p{width: 45px;}.w-50p{width: 50px;}.w-55p{width: 55px;}.w-60p{width: 60px;}.w-65p{width: 65px;}.w-70p{width: 70px;}.w-75p{width: 75px;}.w-80p{width: 80px;}.w-85p{width: 85px;}.w-90p{width: 90px;}.w-95p{width: 95px;}.w-100p{width: 100px;}.w-105p{width: 105px;}.w-110p{width: 110px;}.w-115p{width: 115px;}.w-120p{width: 120px;}.w-125p{width: 125px;}.w-130p{width: 130px;}.w-135p{width: 135px;}.w-140p{width: 140px;}.w-145p{width: 145px;}.w-150p{width: 150px;}.w-155p{width: 155px;}.w-160p{width: 160px;}.w-165p{width: 165px;}.w-170p{width: 170px;}.w-175p{width: 175px;}.w-180p{width: 180px;}.w-185p{width: 185px;}.w-190p{width: 190px;}.w-195p{width: 195px;}.w-200p{width: 200px;}.w-205p{width: 205px;}.w-210p{width: 210px;}.w-215p{width: 215px;}.w-220p{width: 220px;}.w-225p{width: 225px;}.w-230p{width: 230px;}.w-235p{width: 235px;}.w-240p{width: 240px;}.w-245p{width: 245px;}.w-250p{width: 250px;}.w-255p{width: 255px;}.w-260p{width: 260px;}.w-265p{width: 265px;}.w-270p{width: 270px;}.w-275p{width: 275px;}.w-280p{width: 280px;}.w-285p{width: 285px;}.w-290p{width: 290px;}.w-295p{width: 295px;}.w-300p{width: 300px;}.w-305p{width: 305px;}.w-310p{width: 310px;}.w-315p{width: 315px;}.w-320p{width: 320px;}.w-325p{width: 325px;}.w-330p{width: 330px;}.w-335p{width: 335px;}.w-340p{width: 340px;}.w-345p{width: 345px;}.w-350p{width: 350px;}.w-355p{width: 355px;}.w-360p{width: 360px;}.w-365p{width: 365px;}.w-370p{width: 370px;}.w-375p{width: 375px;}.w-380p{width: 380px;}.w-385p{width: 385px;}.w-390p{width: 390px;}.w-395p{width: 395px;}.w-400p{width: 400px;}.w-405p{width: 405px;}.w-410p{width: 410px;}.w-415p{width: 415px;}.w-420p{width: 420px;}.w-425p{width: 425px;}.w-430p{width: 430px;}.w-435p{width: 435px;}.w-440p{width: 440px;}.w-445p{width: 445px;}.w-450p{width: 450px;}.w-455p{width: 455px;}.w-460p{width: 460px;}.w-465p{width: 465px;}.w-470p{width: 470px;}.w-475p{width: 475px;}.w-480p{width: 480px;}.w-485p{width: 485px;}.w-490p{width: 490px;}.w-495p{width: 495px;}.w-500p{width: 500px;}
/* Width in percentage  */
.w-p1{width: 1%;}.w-p2{width: 2%;}.w-p3{width: 3%;}.w-p4{width: 4%;}.w-p5{width: 5%;}.w-p6{width: 6%;}.w-p7{width: 7%;}.w-p8{width: 8%;}.w-p9{width: 9%;}.w-p10{width: 10%;}.w-p11{width: 11%;}.w-p12{width: 12%;}.w-p13{width: 13%;}.w-p14{width: 14%;}.w-p15{width: 15%;}.w-p16{width: 16%;}.w-p17{width: 17%;}.w-p18{width: 18%;}.w-p19{width: 19%;}.w-p20{width: 20%;}.w-p21{width: 21%;}.w-p22{width: 22%;}.w-p23{width: 23%;}.w-p24{width: 24%;}.w-p25{width: 25%;}.w-p26{width: 26%;}.w-p27{width: 27%;}.w-p28{width: 28%;}.w-p29{width: 29%;}.w-p30{width: 30%;}.w-p31{width: 31%;}.w-p32{width: 32%;}.w-p33{width: 33%;}.w-p34{width: 34%;}.w-p35{width: 35%;}.w-p36{width: 36%;}.w-p37{width: 37%;}.w-p38{width: 38%;}.w-p39{width: 39%;}.w-p40{width: 40%;}.w-p41{width: 41%;}.w-p42{width: 42%;}.w-p43{width: 43%;}.w-p44{width: 44%;}.w-p45{width: 45%;}.w-p46{width: 46%;}.w-p47{width: 47%;}.w-p48{width: 48%;}.w-p49{width: 49%;}.w-p50{width: 50%;}.w-p51{width: 51%;}.w-p52{width: 52%;}.w-p53{width: 53%;}.w-p54{width: 54%;}.w-p55{width: 55%;}.w-p56{width: 56%;}.w-p57{width: 57%;}.w-p58{width: 58%;}.w-p59{width: 59%;}.w-p60{width: 60%;}.w-p61{width: 61%;}.w-p62{width: 62%;}.w-p63{width: 63%;}.w-p64{width: 64%;}.w-p65{width: 65%;}.w-p66{width: 66%;}.w-p67{width: 67%;}.w-p68{width: 68%;}.w-p69{width: 69%;}.w-p70{width: 70%;}.w-p71{width: 71%;}.w-p72{width: 72%;}.w-p73{width: 73%;}.w-p74{width: 74%;}.w-p75{width: 75%;}.w-p76{width: 76%;}.w-p77{width: 77%;}.w-p78{width: 78%;}.w-p79{width: 79%;}.w-p80{width: 80%;}.w-p81{width: 81%;}.w-p82{width: 82%;}.w-p83{width: 83%;}.w-p84{width: 84%;}.w-p85{width: 85%;}.w-p86{width: 86%;}.w-p87{width: 87%;}.w-p88{width: 88%;}.w-p89{width: 89%;}.w-p90{width: 90%;}.w-p91{width: 91%;}.w-p92{width: 92%;}.w-p93{width: 93%;}.w-p94{width: 94%;}.w-p95{width: 95%;}.w-p96{width: 96%;}.w-p97{width: 97%;}.w-p98{width: 98%;}.w-p99{width: 99%;}.w-p100{width: 100%;}
/* Height in percentage  */
.h-p1{height: 1%;}.h-p2{height: 2%;}.h-p3{height: 3%;}.h-p4{height: 4%;}.h-p5{height: 5%;}.h-p6{height: 6%;}.h-p7{height: 7%;}.h-p8{height: 8%;}.h-p9{height: 9%;}.h-p10{height: 10%;}.h-p11{height: 11%;}.h-p12{height: 12%;}.h-p13{height: 13%;}.h-p14{height: 14%;}.h-p15{height: 15%;}.h-p16{height: 16%;}.h-p17{height: 17%;}.h-p18{height: 18%;}.h-p19{height: 19%;}.h-p20{height: 20%;}.h-p21{height: 21%;}.h-p22{height: 22%;}.h-p23{height: 23%;}.h-p24{height: 24%;}.h-p25{height: 25%;}.h-p26{height: 26%;}.h-p27{height: 27%;}.h-p28{height: 28%;}.h-p29{height: 29%;}.h-p30{height: 30%;}.h-p31{height: 31%;}.h-p32{height: 32%;}.h-p33{height: 33%;}.h-p34{height: 34%;}.h-p35{height: 35%;}.h-p36{height: 36%;}.h-p37{height: 37%;}.h-p38{height: 38%;}.h-p39{height: 39%;}.h-p40{height: 40%;}.h-p41{height: 41%;}.h-p42{height: 42%;}.h-p43{height: 43%;}.h-p44{height: 44%;}.h-p45{height: 45%;}.h-p46{height: 46%;}.h-p47{height: 47%;}.h-p48{height: 48%;}.h-p49{height: 49%;}.h-p50{height: 50%;}.h-p51{height: 51%;}.h-p52{height: 52%;}.h-p53{height: 53%;}.h-p54{height: 54%;}.h-p55{height: 55%;}.h-p56{height: 56%;}.h-p57{height: 57%;}.h-p58{height: 58%;}.h-p59{height: 59%;}.h-p60{height: 60%;}.h-p61{height: 61%;}.h-p62{height: 62%;}.h-p63{height: 63%;}.h-p64{height: 64%;}.h-p65{height: 65%;}.h-p66{height: 66%;}.h-p67{height: 67%;}.h-p68{height: 68%;}.h-p69{height: 69%;}.h-p70{height: 70%;}.h-p71{height: 71%;}.h-p72{height: 72%;}.h-p73{height: 73%;}.h-p74{height: 74%;}.h-p75{height: 75%;}.h-p76{height: 76%;}.h-p77{height: 77%;}.h-p78{height: 78%;}.h-p79{height: 79%;}.h-p80{height: 80%;}.h-p81{height: 81%;}.h-p82{height: 82%;}.h-p83{height: 83%;}.h-p84{height: 84%;}.h-p85{height: 85%;}.h-p86{height: 86%;}.h-p87{height: 87%;}.h-p88{height: 88%;}.h-p89{height: 89%;}.h-p90{height: 90%;}.h-p91{height: 91%;}.h-p92{height: 92%;}.h-p93{height: 93%;}.h-p94{height: 94%;}.h-p95{height: 95%;}.h-p96{height: 96%;}.h-p97{height: 97%;}.h-p98{height: 98%;}.h-p99{height: 99%;}.h-p100{height: 100%;}
/* Height in pixels  */
.h-0p{height: 0px;}.h-5p{height: 5px;}.h-10p{height: 10px;}.h-15p{height: 15px;}.h-20p{height: 20px;}.h-25p{height: 25px;}.h-30p{height: 30px;}.h-35p{height: 35px;}.h-40p{height: 40px;}.h-45p{height: 45px;}.h-50p{height: 50px;}.h-55p{height: 55px;}.h-60p{height: 60px;}.h-65p{height: 65px;}.h-70p{height: 70px;}.h-75p{height: 75px;}.h-80p{height: 80px;}.h-85p{height: 85px;}.h-90p{height: 90px;}.h-95p{height: 95px;}.h-100p{height: 100px;}.h-105p{height: 105px;}.h-110p{height: 110px;}.h-115p{height: 115px;}.h-120p{height: 120px;}.h-125p{height: 125px;}.h-130p{height: 130px;}.h-135p{height: 135px;}.h-140p{height: 140px;}.h-145p{height: 145px;}.h-150p{height: 150px;}.h-155p{height: 155px;}.h-160p{height: 160px;}.h-165p{height: 165px;}.h-170p{height: 170px;}.h-175p{height: 175px;}.h-180p{height: 180px;}.h-185p{height: 185px;}.h-190p{height: 190px;}.h-195p{height: 195px;}.h-200p{height: 200px;}.h-205p{height: 205px;}.h-210p{height: 210px;}.h-215p{height: 215px;}.h-220p{height: 220px;}.h-225p{height: 225px;}.h-230p{height: 230px;}.h-235p{height: 235px;}.h-240p{height: 240px;}.h-245p{height: 245px;}.h-250p{height: 250px;}.h-255p{height: 255px;}.h-260p{height: 260px;}.h-265p{height: 265px;}.h-270p{height: 270px;}.h-275p{height: 275px;}.h-280p{height: 280px;}.h-285p{height: 285px;}.h-290p{height: 290px;}.h-295p{height: 295px;}.h-300p{height: 300px;}.h-305p{height: 305px;}.h-310p{height: 310px;}.h-315p{height: 315px;}.h-320p{height: 320px;}.h-325p{height: 325px;}.h-330p{height: 330px;}.h-335p{height: 335px;}.h-340p{height: 340px;}.h-345p{height: 345px;}.h-350p{height: 350px;}.h-355p{height: 355px;}.h-360p{height: 360px;}.h-365p{height: 365px;}.h-370p{height: 370px;}.h-375p{height: 375px;}.h-380p{height: 380px;}.h-385p{height: 385px;}.h-390p{height: 390px;}.h-395p{height: 395px;}.h-400p{height: 400px;}.h-405p{height: 405px;}.h-410p{height: 410px;}.h-415p{height: 415px;}.h-420p{height: 420px;}.h-425p{height: 425px;}.h-430p{height: 430px;}.h-435p{height: 435px;}.h-440p{height: 440px;}.h-445p{height: 445px;}.h-450p{height: 450px;}.h-455p{height: 455px;}.h-460p{height: 460px;}.h-465p{height: 465px;}.h-470p{height: 470px;}.h-475p{height: 475px;}.h-480p{height: 480px;}.h-485p{height: 485px;}.h-490p{height: 490px;}.h-495p{height: 495px;}.h-500p{height: 500px;}

.border-radius-custom{
    border-radius: 50%;
}

.theme_color_text{
    color: var(--font-color);
}

.icon_color_class_menu{
    color: var(--icon_color_class_menu);
}
.title_color_class_menu{
    font-weight: 500 !important;
    color: var(--text_color_class_menu);
}




body {
    background-color: var(--color-secondary);
    color: var(--font-color);
}
a{
    color: var(--font-color);
}
nav {
    z-index: 1000;
}
.form-control:focus {
   
    box-shadow: none !important;
}
.navbar_color .nav-item a {
    color: var(--font-color) !important;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}
.bg-light-custom {
    background-color: var(--color-nav);
}

.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 14px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.cursor-pointer{
    cursor: pointer;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0px;
    bottom: 4px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 0 0px 15px #2020203d;
    background: white url('../images/sunny2.png?v=4');
    background-repeat: no-repeat;
    background-position: center;
}

input:checked+.slider {
    background-color: #2196f3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
    background: white url('../images/sunny1.png?v=4');
    background-repeat: no-repeat;
    background-position: center;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.search_border_right {
    border-top-right-radius: 32px !important;
    border-bottom-right-radius: 32px !important;
    background-color: var(--color-search);
}

.search_border_left {
    border-top-left-radius: 32px !important;
    border-bottom-left-radius: 32px !important;
    background-color: var(--color-search);
}

.search_home .input-group-prepend {
    margin-right: -2px !important
}

.search_home .input-group-append {
    margin-left: -2px !important
}

.search_home .input-group-text {
    border: 1px solid var(--border-search);
}

.search_home .form-control {
    background-color: var(--color-search);
    color: var(--focus-color);
    font-size: 1.1rem !important;
}

.search_home .form-control:focus {
    color: var(--focus-color);
    background-color: var(--color-search);
    outline: 0;
    box-shadow: 0 0 0 0 !important
}

.text_search {
    color: var(--color-search-icon);
    cursor: pointer;
}

.search_home .form-control {
    /* border-right: 0 !important;
    border-left: 0 !important; */
    border: 1px solid var(--border-formcontrol);
}
.border-theme-custom-navbar-cls {
	padding-top: 0.80rem !important;
    /* border-right: 0 !important;
    border-left: 0 !important; */
    border-color: var(--border-theme-custom-navbar)  !important;
}

.brand_logo {
    background: var(--logo);
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 50px;
    height: 40px;
    padding-left: 60px;
}
.brand_logo_s {
    background: url(../images/Logo_s.png?v=2) no-repeat;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 77px;
    height: 30px;
    padding-left: 100px;
}

.card_img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff !important;
    position: relative;
    transition: transform .4s;
    background-color: var(--icon-background);
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}

.card_img .fas,
.card_img .fab {
    display: inline-block;
    position: absolute;
    transform: translate(-12%, 75%);

}


.card_img_bottom.active {
/*    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    transition: transform .4s;
    background-color: var(--icon-background);
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #fff !important;
    border: 4px solid var(--color-secondary);
    top: -16px;
*/
    font-size: 22px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.card_img_bottom.active .fas,
.card_img_bottom.active .fab {
    display: inline-block;
    position: absolute;
    transform: translate(-12%, 75%);

}

.card_img_bottom {
    color: var(--color-search-icon);
}

.bg_navbar_bottom {
    background-color: var(--navbar-bottom-color) !important;
    border-top: var(--border) !important;

}

.background_card {
    background-color: var(--card-background);
    border: 0px solid var(--border-card);
    border-radius: 5px;
    box-shadow: var(--border-shadow-box) !important;
/*    box-shadow: 0 6px 14px -7px rgba(94, 102, 117, 0.2), 0 0 0.5px 0 #a8b9d599;
*/
}

.btn-back {
    color:#fff;
    background-color: var(--back-buton);
}

.tag_color_special{
    color:#fff;
    background-color: var(--back-buton);
}

.btn-back:hover{
    color:#fff;
    background-color: var(--back-buton-hover);
}
.btn-back.active{
    color:#fff;
    background-color: var(--back-buton-hover);
}
.btn-edit {
    color:var(--font-color);
    background-color:var(--edit-button);
}
.btn-edit:hover{
    color:var(--font-color);
    background-color:var(--edit-button-hover);
}
.top_nav li.active a {

    border-bottom: 4px solid var(--color-search-icon);
    bottom: 0px;
    content: " ";

}

/* @media (max-width:768px) {
    .text_search h6 {
        font-family: 'Krona One', sans-serif;
    }
} */


.star .form-control {
    background-color: var(--color-search);
    color: var(--focus-color);
    font-size: 0.86rem !important;
    border: 1px solid var( --table-border-color);
}
.cutom_select_background_color {
    background-color: var( --card-background);
    color: var(--font-color);
    font-size: 0.86rem !important;
    border: 1px solid var( --table-border-color);
}
/* dropdown */
.drop_down_user .dropdown-menu {
    background-color: var(--icon-background);
}

.drop_down_user .dropdown-menu a {
    color: #fff !important;
}

.drop_down_user .dropdown-item:hover,
.drop_down_user .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: var(--hover-user);
}

.theme_change .modal-content {
    background-color: var(--color-search);
}


/* login */
.btn-google {
    color: #807d7d;
    background-color: #fff;
    border: 1px solid #cacaca;
}

.btn-facebook {
    color: white;
    background-color: #3b5998
}
.admission_login .form-group {
    padding-top: 8px;
    font-size: 12px
}
.admission_login .form-control {
    background: #fff;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.admission_login .form-control:focus {
    box-shadow: none
}
.btn-1 {
    border-radius: 0%;
    font-size: 11px;
    font-weight: bold;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px
}
.btn1 {
    background: #1c7cc9;
    padding-left: 46px;
    padding-right: 46px
}
.btn2 {
    background-color: #fff;
    color: #1c7cc9;
    margin-left: 10px
}
.btn3 {
    background: #1ddd7d;
    padding-left: 46px;
    padding-right: 46px;
}
.blue_custom {
    color: #1c7cc9;
}

.login-or {
    position: relative;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 50px;
    text-align: center;
}

.hr-or {
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/*admission table */
.admission_table td {
    padding: 0.15rem !important;

}
.admission_table td .form-control {
    border: none !important;
}
.admission_card {
    background-color: #1c7cc9;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 6px 14px -7px rgba(94, 102, 117, 0.2), 0 0 0.5px 0 #a8b9d599;
}
.admission_card h6 {
    color: #fff !important;
}

.admission_card .text_success {
    color: #fff !important;
}

.admission_card.active {
    background-color: #fff;
    border: 1px solid #1c7cc9;
    border-radius: 5px;
    box-shadow: 0 6px 14px -7px rgba(94, 102, 117, 0.2), 0 0 0.5px 0 #a8b9d599;
}

.admission_card.active h6 {
    color: #1c7cc9 !important;
}

.admission_card.active .text_success {
    color: #28a745 !important;
}

.text_success {
    color: #28a745;
}

.concept {
    transition: all 3s ease;
}

.logo_position1 {
    left: 50%;
    transform: translate(-50%, 0);
}

.logo_position2 {
    top: 10px;
    left: 10px;
    transition: all 3s ease;
}

.background_card_color {
    background-color: #1c7cc9 !important;
}

@media(max-width:768px) {
    .width-100 {
        width: 100%;
    }
}
/* table */
.table{
    color: var(--font-color) !important;
}
.select_background_color{
    background-color: var( --card-background);
    color: var(--font-color);
}

#create_bs_table_modal .modal-content,#create_bs_form_modal .modal-content{
    background-color: var( --card-background) !important;
}
.table th ,.table td
{
    border-top:1px solid var(--table-border-color);
}
.table-bordered th, .table-bordered td ,.custom_bordered {
    border: 1px solid var(--table-border-color);
}
.border-right{
    border-right: 1px solid var(--border-left-right)!important;
}
.border-left {
    border-left: 1px solid var(--border-left-right)!important;
}
button.close {
    color: var(--font-color);
}
.make_form_group_margin_0{
    margin: 0px !important;
}
#create_bs_form_modal_body_form .form-control{
    background-color: var(--color-secondary) !important;
    border: 1px solid var( --form-control-border-color);
    color:var(--font-color)
}
#create_bs_form_modal_body_form .form-control:focus {
   
    box-shadow: 0 0 0 0.2rem transparent;
}
.modal-header{
    border-bottom: 1px solid var(--border-modal);
}
.modal-footer{
    border-top: 1px solid var(--border-modal);
}
.modal_dark_mode .modal-content{
   background-color: var( --card-background) !important; 
}
.table-hover tbody tr:hover {
    color:var(--font-color) !important;

}

.create_bs_form_modal_body_form_cls .form-control{
    background-color: var(--color-secondary) !important;
    border: 1px solid var( --form-control-border-color);
    color:var(--font-color)
}
.create_bs_form_modal_body_form_cls .form-control:focus {
   
    box-shadow: 0 0 0 0.2rem transparent;
}

/* events */
/*carousel */
.hero-carousel .carousel-item{
    height: 100vh;
    overflow: hidden;
}
  .hero-carousel .carousel-item .carousel-image{
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
 .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    background-color: rgba(0,0,0,0);
    border: 4px solid #fff;
    border-radius: 10px;
}
.hero-carousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}
.hero-carousel .carousel-indicators{
    right: 20px;
    top: 50%;
    transform: translate(-50%);
    bottom: auto;
    left: auto;
    width: auto;
    margin: 0;
    padding: 0;
}
/* section1 */
.hero_text p::first-letter {
    font-size: 200%;
    color: #9D1D1D;
}
.book_text h1::first-letter, .book_text h3::first-letter {
    color:var(--first-child-color);
}
.hero_text p{
    line-height: 30px;
}
.hero_image {
	display:inline-block;	
	position:relative;
}
.hero_image span {
	display:inline-block;
	position:absolute;
	top:-10px;	
	left:10px;
	color:#FFF;
    background:url(../images/icon-event-red.svg);
    background-repeat: no-repeat;
    background-size: 61px;
    padding: 9px 19px;
}
/* section2 */

 
.timeline {
    position: relative;
}
.timeline::before {
    content: '';
    background: #0F1013;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
  
.timeline-item {
    width: 100%;
}
.timeline-item::after {
    content: '';
    display: block;
    clear: both;
    margin-bottom: -167px;
}
.timeline-content {
    position: relative;
    width: 45%;
    padding: 10px 30px;
    border-radius: 4px;
}
   
.timeline-img {
    width: 30px;
    height: 30px;
    background: #BF1C1C;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-top: 25px;
    margin-left: -15px;
}
.timeline_right{
    float: right;
    padding: 26px 30px 10px 30px;
}

  
  
@media screen and (max-width: 767px) {
    .timeline::before {
      left: 50px;
    }
    .timeline .timeline-img {
      left: 50px;
    }
    .timeline .timeline-content {
      max-width: 100%;
      width: auto;
      margin-left: 70px;
    }
    .timeline_right{
        float: none;
    }
    .timeline-item::after {
        margin-bottom: 0px;
    }   
}
.img_masonary {
	-webkit-column-count: 3; 
    -moz-column-count: 3; 
    column-count: 3;
}	
.card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 0rem;
    column-gap: 0rem;
}
    
.img_masonary img{ 
    width: 100%; 
    padding: 7px 0;
}
.card img:hover{
    will-change: transform;
    transform: perspective(300px) rotateX(0deg) rotateY(0deg);
    cursor: pointer;
}	
@media (max-width: 500px) {
	.img_masonary {
	    -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    
}
.main_head_text{
    font-size: calc(37px + (50 - 14) * ((100vw - 300px) / (1600 - 300)));
    font-family: 'Righteous', cursive;
    text-shadow: 1px 1px #534f4f;
}
.main_subhead_text{
    font-size: calc(13px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));
    font-family: 'Righteous', cursive;
    text-shadow: 1px 1px #534f4f;
}
.main_head_text.border-bottom{
    border-bottom: 4px solid #c61111 !important;
}
.embed-responsive iframe {
    height: 500px !important;
    top: auto !important;
}
.bg-profile-text {
    background-color: var(--mask-background);
}
.bg-breaking-green{
    background-color:var(--mask-sub-background);
}
.bg-breaking-red {
    background-color:var(--mask-sub-red-background);
}
.sponsor img{
    filter: grayscale(1);
}
.sponsor:hover img{
    filter: grayscale(0);
}
   
/* new-time*/
.event-line {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.event-line-item {
    padding-left: 40px;
    position: relative;
}
.event-line-item:last-child {
    padding-bottom: 0;
}
.event-line-info {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 .5em 0;
    text-transform: uppercase;
    white-space: nowrap;
}
.event-line-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
}
.event-line-marker:before {
    background: #BF1C1C;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.event-line-marker:after {
    content: "";
    width: 3px;
    background: #CCD5DB;
    display: block;
    position: absolute;
    top: 24px;
    bottom: 0;
    left: 6px;
}
.event-line-item:last-child .event-line-marker:after {
    border-bottom: 3px solid #CCD5DB;
    content: "";
    width: 3px;
}    
.event-line-item:not(.period):hover .event-line-marker:before {
    background: transparent;
    border: 3px solid #BF1C1C;
}
/*----- event-line CONTENT -----*/
.event-line-content {
    padding-bottom: 40px;
}
.event-line-content p:last-child {
    margin-bottom: 0;
}

/* Map */
.map-box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10%;
    margin: auto;
    height: 60%;
    background-color: rgb(15, 15, 15);
    z-index: 99;
    min-width: 320px;
}
@media (max-width:1200px){
    .map-box {
        position: static;
        min-width: 280px;
    }
}
.map-box-grey {
    filter: grayscale(1);
}



/* LIBRARY */
.author_title h4{
    position: absolute;
    left: 25px;
    width: 91%;
    bottom: 18px;
    background-color: #0f09095c;
    padding-left: 12px;
    color: #fff;
}
.book_cover img{
    position: absolute;
    background-color: #0f09095c;
}
.rating-box {
    color: #f0f0f0;
    text-shadow: 0px 1px 10px black;

  }
  
  .rating-star {
    font-size: 3rem;
    width: 3rem;
    height: 3rem;
    padding: 0 2rem;
    position: relative;
    display: block;
    float: left;
  }
  
  .full-star:before {
    color: #f2b01e;
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
  }
  
  .empty-star:before {
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
  }













/* search */

 

.imageContainer {
    position: relative;
    text-align: center;
 }
 .center_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: #2015158f;
 }


 .search-library {
    width: 37rem;
}
.custom-select.select_dropdown, .custom-rds {
    border-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.search-library .form-control{
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}
.search-icon2 {
    height: 75px;
    top: -17px;
    right: -41px;
    color: #000;
  }
  .search-library input[type="text"] {  
    padding-left: 35px;
} 
.search-library .form-control:focus {
    border: 1px solid #00000013;
    transition: 0.35s ease;
    color: #07090a;
  }
  @media (max-width:576px)
  {
    .search-library {
        width: 21rem;
    }
    .author_title h4 {
        font-size:10px;
    }
  }




  /* online-class */
  .online_button {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    padding: 0.6em 1em;
    padding-right: 4em;
    background: #1ECC39;
    border: none;
    color: white;
    transition: 0.2s;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.online_button:before,
.online_button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: 8px;
    padding-right: 3px;
    width: 2.8em;
    content: "\00a0";
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2em;
    text-align: center;
    transition: 0.2s;
    transform-origin: 50% 50%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.online_button:before {
    background: #1c7cc9;
}

.online_button:hover {
    background-color: #1c7cc9;
}


.online_button {
    min-width: 13em;
}

.search:after {
    content: "\f007";
}
.button_start_custom_multi .dropdown-menu::after {
    position: absolute;
    content: '';
    top: -10px;
    margin-left: -7px;
    height: 0;
    width: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 15px solid #fff;
    border-bottom-color: rgb(255, 255, 255);
    left: auto;
    right: 8px;
    border-bottom-color: #fff;
}
/* video */
.video_main {
    position: relative;
    height: 585px;
}

.video {
    position: absolute;
    left: 50%;
    right: 50%;
    z-index: 1000;
    bottom: 12px;
}

.video_name {
    position: absolute;
    left: 23px;
    z-index: 1000;
    top: 2px;
}

.video_close {
    position: absolute;
    right: 23px;
    z-index: 1000;
    top: 2px;
}

.video_controls {
    position: absolute;
    right: 23px;
    z-index: 1000;
    bottom: 2px;
}

.video_main img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    cursor: pointer;
}
/* chat box */
.chat_main {
    background-color: var(--card-background);
    position: relative;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.chat_scroll {
    overflow-y: scroll;
    scroll-behavior: smooth;
    height: 425px
}

.chat_icon {
    border-radius: 50%;
}

.chat_name {
    font-size: 10px
}

.chat_message {
    background-color: var(--color-box);
    padding: 5px;
    border-radius: 5px;
    font-weight: 500;
    color: #fff;
}

.chat_top_background {
    background-color: var(--color-box);
}

.bg_chat_input .form-control,
.bg_chat_input .form-control:focus {
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    height: 59px;
    border: none;
    box-shadow: none;
}

.multi_button {
    background-color: var(--icon-background);
    border-radius: 21px;
}

.multi_button .card_img.active {
    background-color: var(--color-primary);
}
.card_act.active{
    background-color: var(--color-primary); 
}
.button_start_custom_multi{
    width: 119px;
    height: 35px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #fff !important;
    position: relative;
    transition: transform .4s;
    background-color: #00BB19;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    
}
.chat_notify_number {
    position: absolute;
    background: #0c867f;
    color: #fff;
    top: 0;
    left: 16px;
    font-size: 11px;
    border-radius: 90px;
    line-height: normal;
    height: 17px;
    width: 28px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
}

.chat_notify_request {
    position: absolute;
    background: #0c867f;
    color: #fff;
    top: 0;
    left: 16px;
    font-size: 11px;
    border-radius: 90px;
    line-height: normal;
    height: 17px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
}
@media (max-width:567px){
    .chat_top_mobile{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .chat_scroll
    {
        height: 100%;
    }
    .chat_bottom_mobile{
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }
    .chat_main {
        background-color: var(--color-secondary);
        box-shadow: none;
    }
}


/* sms */
.card_sms_desktop {
    background-color: var(--icon-background);
    border-radius: 8px;
    color: #fff;
}
.border_sms_mobile{
    border: 1px solid var(--border-card) !important;
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
}


/* mail-box */
.mailbox_icon_img {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    color: #fff !important;
    position: relative;
    transition: transform .4s;
    background-color: var(--icon-background);
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}
.mail_box_search_group{
    background: #88827c;
    border-bottom-right-radius: 32px !important;
    border-top-right-radius: 32px  !important;
}
.border_sms_mobile{
    background-color:var(--card-background);
}
.mail_box_background{
    background-color:var( --mail-background);
    height: 85vh;
}


.mailbox_compose {
    position: absolute;
    height: 500px;
    width: 480px;
    bottom: 0;
    right: 0;
    background: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}
.mailbox_compose input, .mailbox_compose textarea {
    border: none;
    outline: none;
    width: 100%;
    resize: none;
    padding: 10px;
}
.mailbox_compose_wrapper {
    height: 100%;
    width: 100%;
    position: relative;
}
.mailbox_title_bar {
    height: 40px;
    background: #434343;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: white;
}
.mailbox_title_bar div {
    display: inline-block;
    line-height: 40px;
    margin: 0 10px;
}
.mailbox_body textarea {
    font-family: inherit;
    display: block;
    height: 100%;
}
.mailbox_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
}
.mailbox_footer a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    margin: 0 10px;
}
.mailbox_footer div {
    margin: 0 15px;
}
  

/* timetable */
.timetable_custom_style_method1 th,.table_head_custom th,
.timetable_custom_style_method1 td,.table_head_custom td {
  margin: 0;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid var(--table-border-color);
}

.timetable_custom_style_method1 td,.table_head_custom td {
  padding: 5px 10px;
}

.timetable_custom_style_method1 th,.table_head_custom th {
  background: var( --icon-background);
  color: #fff;
 
}

.timetable_custom_style_method1 td:hover,.table_head_custom td:hover {
  cursor: pointer;
  background: var(--edit-button-hover);
  color: #fff;
}
#time_table_edit .modal-content, #time_table_edit .modal-content {
    background-color: var( --card-background) !important;
}
#time_table_edit .modal-dialog {
    max-width: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
}

/* Survey */
.survey_banner{
background-image: var(--survey-banner);
}
.table_bg{
background-color: var(--color-box);
}
@media (max-width:768px){
    .font_small{
        font-size: 12px !important;
    }  
    .font_small_head{
        font-size: 12px !important;
    }
    .b-100{
        width: 100% !important;
    }
}
.font_small{
    font-size: 1rem;
}
.font_small_head{
    font-size: revert;
}
.font_small_table{
    font-size: 12px !important;  
}
.feedback_background{
    background-image: linear-gradient(216deg, rgba(77, 77, 77,0.05) 0%, rgba(77, 77, 77,0.05) 25%,rgba(42, 42, 42,0.05) 25%, rgba(42, 42, 42,0.05) 38%,rgba(4,178,187, 0.05) 38%, rgba(4,178,187, 0.05) 75%,rgba(20,119,233, 0.05) 75%, rgba(20,119,233, 0.05) 100%),linear-gradient(44deg, rgba(12,220,249, 0.05) 0%, rgba(12,220,249, 0.05) 34%,rgba(212, 212, 212,0.05) 34%, rgba(212, 212, 212,0.05) 57%,rgba(35,145,243, 0.05) 57%, rgba(35,145,243, 0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(33,171,222, 0.05) 0%, rgba(33,171,222, 0.05) 14%,rgba(25,222,217, 0.05) 14%, rgba(25,222,217, 0.05) 60%,rgba(20,202,233, 0.05) 60%, rgba(20,202,233, 0.05) 69%,rgba(12,112,230, 0.05) 69%, rgba(12,112,230, 0.05) 100%),linear-gradient(249deg, rgba(248, 248, 248,0.05) 0%, rgba(248, 248, 248,0.05) 32%,rgba(25,218,251, 0.05) 32%, rgba(25,218,251, 0.05) 35%,rgba(33,226,220, 0.05) 35%, rgba(33,226,220, 0.05) 51%,rgba(181, 181, 181,0.05) 51%, rgba(181, 181, 181,0.05) 100%),linear-gradient(92deg, rgb(0,156,228),rgb(0,156,228));
}
/* student profile */
.bg-student-profile{
    background-image: linear-gradient(342deg, transparent 0%, transparent 15%,rgba(0,0,0,0.03) 15%, rgba(0,0,0,0.03) 47%,transparent 47%, transparent 100%),radial-gradient(circle at 1% 91%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 90% 62%, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.02) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 68% 57%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 77% 89%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 48% 18%, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.02) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 63% 30%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 89% 83%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 28% 71%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 73% 85%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 8%,transparent 8%, transparent 100%),radial-gradient(circle at 8% 58%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 59% 40%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 22% 52%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 50% 4%, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.02) 5%,transparent 5%, transparent 100%),radial-gradient(circle at 80% 70%, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 5%,transparent 5%, transparent 100%),linear-gradient(45deg, rgb(54,147,223),rgb(54,147,223));
}
.profile_pic_border{
    border-radius: 50%;
    border: 5px solid #fff;
    padding: 3px !important;
}
.profile_pic_upload_icon{
    position: absolute;
    bottom: 0;
    background: #2481b9;
    border-radius: 50%;
    padding-left: 5px;
    padding-right: 5px;
    left: 66%;
    border: 1px solid #fff;
}
.profile_pic_upload_icon_svg{
    top: -2px;
    position: relative;
}
.p-wrap{
    white-space: pre;
}
@media print {
	body {
	    background-color: #fff;
	    color: #000;
	}
	.table{
	    color: #000 !important;
	}
	.btn-edit, .btn-back {
	    display: none;
	}
}

.text_view_course_material{
	white-space: pre-wrap; text-align: justify; text-justify: inter-word;
}