/* Abhishek- Committee Cards CSS */

 
 * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}  
:root {
    /* colored mode  */
    --color-dban1: hsl(190, 25%, 80%);
    --color-dban2: hsl(167, 25%, 80%);
    --color-dnavhelp: hsl(240, 30%, 90%);
    --color-dmenulight: hsl(270, 30%, 95%);
    --color-dmenulighttext: hsl(75,30%,7%);
    --color-dmenu: hsl(270, 30%, 40%);
    --color-dmenutext: hsl(75,30%,70%);
    --color-dadminmenu: hsl(240, 28%, 12%);
    --color-dadminmenutext: hsl(120, 25%, 68%);
    --color-dadmindropdown: hsl(240, 30%, 60%);
    --color-dadmindropdowntext: hsl(240, 30%, 95%);
    --color-dsubmenu: hsl(170, 30%, 70%);
    --color-dsubmenutext: hsl(54, 20%, 20%);
    --color-dsubmenus: #3fd172;
    --color-dsubmenustext: #000000;
    --color-dcap: #3C7C31;
    --color-dcaptext: #FCF4BA;
    --color-dsubcap: hsl(270, 30%, 25%);
    --color-dsubcaptext: hsl(40, 30%, 75%);
    --color-dback: #FFEDA0;
    --color-dbacktext: #000000;
    --color-dhigh: hsl(84, 30%, 70%);
    --color-dhightext: hsl(364, 20%, 30%);
    --color-dpage: #525252;
    --color-dpage1: hsl(240, 30%, 84%);
    --color-dpage2: hsl(220, 30%, 84%);
    --color-dpagetext: #000000;
    --color-dpagetitle: hsl(240, 20%, 40%);
    --color-dpagetitletext: hsl(120, 30%, 80%);
    --color-dfooter: #4DA94C;
    --color-dfootertext: #000000;
    --color-dfooterregion: hsl(154, 20%, 90%);
    --color-dfooterregiontext: hsl(80, 30%, 10%);
    --color-dtable: #ffffff;
    --color-dtabletext: #000000;
    --color-ddivs: hsl(177, 27%, 79%);
    --color-ddivstext: hsl(240, 27%, 11%);
    --color-dmodalbody: #2EAF7D;
    --color-dmodalbodytext: #000000;
    --color-dcolumn: hsl(68, 30%, 75%);
    --color-dcolumnheader1: hsl(300, 26%, 72%);
    --color-dcolumnheadertext1: hsl(300, 24%, 18%);
    --color-dcolumnheader2: hsl(275, 30%, 25%);
    --color-dcolumnheadertext2: hsl(275, 10%, 85%);
    --color-dcolumnheader3: hsl(240, 30%, 50%);
    --color-dcolumnheadertext3: hsl(240, 30%, 95%);
    --color-dcolumnheader4: hsl(120, 30%, 25%);
    --color-dcolumnheadertext4: hsl(120, 30%, 98%);
    --color-dcolumnheader5: hsl(60, 30%, 50%);
    --color-dcolumnheadertext5: hsl(60, 30%, 20%);
    --color-dcolumnheader6: hsl(39, 30%, 50%);
    --color-dcolumnheadertext6: hsl(39, 30%, 5%);
    --color-dcolumnheader7: hsl(0, 30%, 50%);
    --color-dcolumnheadertext7: hsl(0, 30%, 5%);
    --color-dcolumnheader8: hsl(180, 30%, 25%);
    --color-dcolumnheadertext8: hsl(180, 30%, 97%);
    --color-dcolumnheader9: hsl(240, 30%, 25%);
    --color-dcolumnheadertext9: hsl(240, 30%, 85%);
    --color-dcolumnheader10: hsl(10, 30%, 25%);
    --color-dcolumnheadertext10: hsl(10, 30%, 85%);
    --color-dcolumnheader11: hsl(51, 30%, 50%);
    --color-dcolumnheadertext11: hsl(51, 30%, 16%);
    --color-dcolumnheader12: hsl(36, 30%, 55%);
    --color-dcolumnheadertext12: hsl(36, 30%, 16%);
    --color-dcolumnbody: hsl(34, 20%, 90%);
    --color-dcolumnbodytext: hsl(220, 30%, 25%);
    --color-dcolumnbodyhover: hsl(208, 30%, 77%);
    --color-dheader: #C7BDBB;
    --color-dgrad1: darkblue;/*#65A3D8;*/
    --color-dgrad2: #D1E2F6;
    --color-dcardtext: #EFEFEF;
    --color-dinfohead: hsl(241, 30%, 25%);
    --color-dinfoheadtext: hsl(241, 20%, 85%);
    --color-dinfobody: hsl(66, 31%, 92%);
    --color-dinfobodytext: hsl(66, 19%, 18%);
    --color-dchevorontext: #00ff00;
    --color-dbacktotop: hsl(240, 20%, 90%);
    --color-dbacktotoptext: hsl(280, 30%, 30%);
    --color-dsearching: hsl(202,26%,36%);
    --color-dsearchinglabel: hsl(286,36%,12%);
    --color-dinfocard: hsl(64,28%,53%);
    --color-dinfocardtext: hsl(200,30%,20%);
    --color-dinfocardhead: hsl(42,25%,78%);
    --color-dinfocardheadtext: hsl(42,25%,8%);
    --color-ditemheader: hsl(230, 27%, 94%);
    --color-ditemheadertext: hsl(230, 23%, 4%);
    --color-ditembody: hsl(40, 25%, 92%);
    --color-ditembodytext: hsl(40, 25%, 8%);
    --color-dbodytext: hsl(184, 21%, 9%);

    /* contrast mode  */
    --contrast-dban1: hsl(190, 65%, 94%);
    --contrast-dban2: hsl(167, 65%, 95%);
    --contrast-dnavhelp: hsl(240, 30%, 90%);
    --contrast-dbodytext: hsl(0,0%,97%);
    --contrast-dmenu: #000000;
    --contrast-dmenutext: #FFFFFF;
    --contrast-dmenulight: #999999;
    --contrast-dmenulighttext: #111111;
    --contrast-dadminmenu: hsl(240, 88%, 1%);
    --contrast-dadminmenutext: hsl(120, 52%, 100%);
    --contrast-dadmindropdown: hsl(240, 100%, 1%);
    --contrast-dadmindropdowntext: hsl(240, 60%, 95%);
    --contrast-dsubmenu: #3F3F3F;
    --contrast-dsubmenutext: #FFFFFF;
    --contrast-dsubmenus: #3F3F3F;
    --contrast-dsubmenustext: #FFFFFF;
    --contrast-dcap: #FDFDFD;
    --contrast-dcaptext: #000000;
    --contrast-dsubcap: #FDFDFD;
    --contrast-dsubcaptext: #000000;
    --contrast-dback: #FDFDFD;
    --contrast-dbacktext: #000000;
    --contrast-dhigh: #FFFFFF;
    --contrast-dhightext: #000000;
    --contrast-dpage: #202020;
    --contrast-dpage1: #999999;
    --contrast-dpage2: #111111;
    --contrast-dpagetext: #FFFFFF;
    --contrast-dpagetitle: #333333;
    --contrast-dpagetitletext: #CCCCCC;
    --contrast-dfooter: #EEEEEE;
    --contrast-dfootertext: #444444;
    --contrast-dfooterregion: hsl(154, 80%, 90%);
    --contrast-dfooterregiontext: hsl(10, 80%, 10%);
    --contrast-dtable: #222222;
    --contrast-dtabletext:#AAAAAA;
    --contrast-ddivs: hsl(177, 37%, 95%);
    --contrast-ddivstext: hsl(177, 37%, 5%);
    --contrast-dmodalbody: #AAAAAA;
    --contrast-dmodalbodytext: #222222;
    --contrast-dcolumn: hsl(68, 60%, 75%);
    --contrast-dcolumnheader1: hsl(300, 76%, 2%);
    --contrast-dcolumnheadertext1: hsl(300, 24%, 98%);
    --contrast-dcolumnheader2: hsl(300, 76%, 2%);
    --contrast-dcolumnheadertext2: hsl(300, 24%, 98%);
    --contrast-dcolumnheader3: hsl(300, 76%, 2%);
    --contrast-dcolumnheadertext3: hsl(300, 24%, 98%);
    --contrast-dcolumnheader4: hsl(300, 76%, 2%);
    --contrast-dcolumnheadertext4: hsl(300, 24%, 98%);
    --contrast-dcolumnheader5: hsl(300, 76%, 2%);
    --contrast-dcolumnheadertext5: hsl(300, 24%, 98%);
    --contrast-dcolumnheader6: hsl(300, 76%, 2%);
    --contrast-dcolumnheadertext6: hsl(300, 24%, 98%);
    --contrast-dcolumnheader7: hsl(300, 76%, 2%);
    --contrast-dcolumnheadertext7: hsl(300, 24%, 98%);
    --contrast-dcolumnheader8: hsl(180, 100%, 10%);
    --contrast-dcolumnheadertext8: hsl(180, 80%, 95%);
    --contrast-dcolumnheader9: hsl(240, 100%, 5%);
    --contrast-dcolumnheadertext9: hsl(240, 100%, 95%);
    --contrast-dcolumnheader10: hsl(10, 100%, 5%);
    --contrast-dcolumnheadertext10: hsl(10, 100%, 95%);
    --contrast-dcolumnheader11: hsl(51, 100%, 90%);
    --contrast-dcolumnheadertext11: hsl(51, 100%, 6%);
    --contrast-dcolumnheader12: hsl(36, 90%, 5%);
    --contrast-dcolumnheadertext12: hsl(36, 90%, 86%);
    --contrast-dcolumnbody: hsl(34, 10%, 98%);
    --contrast-dcolumnbodytext: hsl(220, 80%, 2%);
    --contrast-dcolumnbodyhover: hsl(180, 100%, 95%);
    --contrast-dcolumntext: #2A2A2A;
    --contrast-dheader: #999999;
    --contrast-dgrad1: #AAAAAA;
    --contrast-dgrad2: #DDDDDD;
    --contrast-dcardtext: #EFEFEF;
    --contrast-dinfoheadtext: #FAFED5;
    --contrast-dinfobodytext: #EFFEED;
    --contrast-dinfohead: #F9F8F4;
    --contrast-dinfobody: #F9F8F4;
    --contrast-dchevorontext: #000000;
    --contrast-dbacktotop: hsl(240, 20%, 90%);
    --contrast-dbacktotoptext: hsl(280, 80%, 30%);
    --contrast-dsearching: hsl(102,66%,86%);
    --contrast-dsearchinglabel: hsl(358,76%,1%);
    --contrast-dinfocard: hsl(64,78%,1%);
    --contrast-dinfocardtext: hsl(200,80%,90%);
    --contrast-dinfocardhead: #F9F8F4;
    --contrast-dinfocardheadtext: #FAFED5;
    --contrast-ditemheader: hsl(230, 77%, 94%);
    --contrast-ditemheadertext: hsl(230, 23%, 4%);
    --contrast-ditembody: hsl(40, 55%, 92%);
    --contrast-ditembodytext: hsl(40, 45%, 2%);

    /* default theme */
    --dban1: var(--color-dban1);
    --dban2: var(--color-dban2);
    --dnavhelp: var(--color-dnavhelp);
    --dinfoheadtext: var(--color-dinfoheadtext);
    --dinfobodytext: var(--color-dinfobodytext);
    --dinfohead: var(--color-dinfohead);
    --dinfobody: var(--color-dinfobody);
    --dcardtext: var(--color-dcardtext);
    --dmenu: var(--color-dmenu);
    --dmenutext: var(--color-dmenutext);
    --dmenulight: var(--color-dmenulight);
    --dmenulighttext: var(--color-dmenulighttext);
    --dadminmenu: var(--color-dadminmenu);
    --dadminmenutext: var(--color-dadminmenutext);
    --dadmindropdown: var(--color-dadmindropdown);
    --dadmindropdowntext: var(--color-dadmindropdowntext);
    --dsubmenu: var(--color-dsubmenu);
    --dsubmenutext: var(--color-dsubmenutext);
    --dsubmenus: var(--color-dsubmenus);
    --dsubmenustext: var(--color-dsubmenustext);
    --dcap: var(--color-dcap);
    --dcaptext: var(--color-dcaptext);
    --dsubcap: var(--color-dsubcap);
    --dsubcaptext: var(--color-dsubcaptext);
    --dback: var(--color-dback);
    --dbacktext: var(--color-dbacktext);
    --dhigh: var(--color-dhigh);
    --dhightext: var(--color-dhightext);
    --dpage: var(--color-dpage);
    --dpage1: var(--color-dpage1);
    --dpage2: var(--color-dpage2);
    --dpagetext: var(--color-dpagetext);
    --dpagetitle: var(--color-dpagetitle);
    --dpagetitletext: var(--color-dpagetitletext);
    --dfooter: var(--color-dfooter);
    --dfootertext: var(--color-dfootertext);
    --dfooterregion: var(--color-dfooterregion);
    --dfooterregiontext: var(--color-dfooterregiontext);
    --dtable: var(--color-dtable);
    --dtabletext: var(--color-dtabletext);
    --ddivs: var(--color-ddivs);
    --ddivstext: var(--color-ddivstext);
    --dmodalbody: var(--color-dmodalbody);
    --dmodalbodytext: var(--color-dmodalbodytext);
    --dcolumn: var(--color-dcolumn);
    --dcolumnheader1: var(--color-dcolumnheader1);
    --dcolumnheadertext1: var(--color-dcolumnheadertext1);
    --dcolumnheader2: var(--color-dcolumnheader2);
    --dcolumnheadertext2: var(--color-dcolumnheadertext2);
    --dcolumnheader3: var(--color-dcolumnheader3);
    --dcolumnheadertext3: var(--color-dcolumnheadertext3);
    --dcolumnheader4: var(--color-dcolumnheader4);
    --dcolumnheadertext4: var(--color-dcolumnheadertext4);
    --dcolumnheader5: var(--color-dcolumnheader5);
    --dcolumnheadertext5: var(--color-dcolumnheadertext5);
    --dcolumnheader6: var(--color-dcolumnheader6);
    --dcolumnheadertext6: var(--color-dcolumnheadertext6);
    --dcolumnheader7: var(--color-dcolumnheader7);
    --dcolumnheadertext7: var(--color-dcolumnheadertext7);
    --dcolumnheader8: var(--color-dcolumnheader8);
    --dcolumnheadertext8: var(--color-dcolumnheadertext8);
    --dcolumnheader9: var(--color-dcolumnheader9);
    --dcolumnheadertext9: var(--color-dcolumnheadertext9);
    --dcolumnheader10: var(--color-dcolumnheader10);
    --dcolumnheadertext10: var(--color-dcolumnheadertext10);
    --dcolumnheader11: var(--color-dcolumnheader11);
    --dcolumnheadertext11: var(--color-dcolumnheadertext11);
    --dcolumnheader12: var(--color-dcolumnheader12);
    --dcolumnheadertext12: var(--color-dcolumnheadertext12);
    --dcolumnbody: var(--color-dcolumnbody);
    --dcolumnbodytext: var(--color-dcolumnbodytext);
    --dcolumnbodyhover: var(--color-dcolumnbodyhover);
    --dcolumntext: var(--color-dcolumntext);
    --dheader: var(--color-dheader);
    --dgrad1: var(--color-dgrad1);
    --dgrad2: var(--color-dgrad2);
    --dchevorontext: var(--color-dchevorontext);
    --dbacktotop: var(--color-dbacktotop);
    --dbacktotoptext: var(--color-dbacktotoptext);
    --dsearching: var(--color-dsearching);
    --dsearchinglabel: var(--color-dsearchinglabel);
    --dinfocard: var(--color-dinfocard);
    --dinfocardtext: var(--color-dinfocardtext);
    --dinfocardhead: var(--color-dinfocardhead);
    --dinfocardheadtext: var(--color-dinfocardheadtext);
    --ditemheader: var(--color-ditemheader);
    --ditemheadertext: var(--color-ditemheadertext);
    --ditembody: var(--color-ditembody);
    --ditembodytext: var(--color-ditembodytext);
    --dbodytext: var(--color-dbodytext);
}

.colored {
    /* default theme */
    --dban1: var(--color-dban1);
    --dban2: var(--color-dban2);
    --dnavhelp: var(--color-dnavhelp);
    --dinfoheadtext: var(--color-dinfoheadtext);
    --dinfobodytext: var(--color-dinfobodytext);
    --dinfohead: var(--color-dinfohead);
    --dinfobody: var(--color-dinfobody);
    --dcardtext: var(--color-dcardtext);
    --dmenu: var(--color-dmenu);
    --dmenutext: var(--color-dmenutext);
    --dmenulight: var(--color-dmenulight);
    --dmenulighttext: var(--color-dmenulighttext);
    --dadminmenu: var(--color-dadminmenu);
    --dadminmenutext: var(--color-dadminmenutext);
    --dadmindropdown: var(--color-dadmindropdown);
    --dadmindropdowntext: var(--color-dadmindropdowntext);
    --dsubmenu: var(--color-dsubmenu);
    --dsubmenutext: var(--color-dsubmenutext);
    --dsubmenus: var(--color-dsubmenus);
    --dsubmenustext: var(--color-dsubmenustext);
    --dcap: var(--color-dcap);
    --dcaptext: var(--color-dcaptext);
    --dsubcap: var(--color-dsubcap);
    --dsubcaptext: var(--color-dsubcaptext);
    --dback: var(--color-dback);
    --dbacktext: var(--color-dbacktext);
    --dhigh: var(--color-dhigh);
    --dhightext: var(--color-dhightext);
    --dpage: var(--color-dpage);
    --dpage1: var(--color-dpage1);
    --dpage2: var(--color-dpage2);
    --dpagetext: var(--color-dpagetext);
    --dpagetitle: var(--color-dpagetitle);
    --dpagetitletext: var(--color-dpagetitletext);
    --dfooter: var(--color-dfooter);
    --dfootertext: var(--color-dfootertext);
    --dfooterregion: var(--color-dfooterregion);
    --dfooterregiontext: var(--color-dfooterregiontext);
    --dtable: var(--color-dtable);
    --dtabletext: var(--color-dtabletext);
    --ddivs: var(--color-ddivs);
    --ddivstext: var(--color-ddivstext);
    --dmodalbody: var(--color-dmodalbody);
    --dmodalbodytext: var(--color-dmodalbodytext);
    --dcolumn: var(--color-dcolumn);
    --dcolumnheader1: var(--color-dcolumnheader1);
    --dcolumnheadertext1: var(--color-dcolumnheadertext1);
    --dcolumnheader2: var(--color-dcolumnheader2);
    --dcolumnheadertext2: var(--color-dcolumnheadertext2);
    --dcolumnheader3: var(--color-dcolumnheader3);
    --dcolumnheadertext3: var(--color-dcolumnheadertext3);
    --dcolumnheader4: var(--color-dcolumnheader4);
    --dcolumnheadertext4: var(--color-dcolumnheadertext4);
    --dcolumnheader5: var(--color-dcolumnheader5);
    --dcolumnheadertext5: var(--color-dcolumnheadertext5);
    --dcolumnheader6: var(--color-dcolumnheader6);
    --dcolumnheadertext6: var(--color-dcolumnheadertext6);
    --dcolumnheader7: var(--color-dcolumnheader7);
    --dcolumnheadertext7: var(--color-dcolumnheadertext7);
    --dcolumnheader8: var(--color-dcolumnheader8);
    --dcolumnheadertext8: var(--color-dcolumnheadertext8);
    --dcolumnheader9: var(--color-dcolumnheader9);
    --dcolumnheadertext9: var(--color-dcolumnheadertext9);
    --dcolumnheader10: var(--color-dcolumnheader10);
    --dcolumnheadertext10: var(--color-dcolumnheadertext10);
    --dcolumnheader11: var(--color-dcolumnheader11);
    --dcolumnheadertext11: var(--color-dcolumnheadertext11);
    --dcolumnheader12: var(--color-dcolumnheader12);
    --dcolumnheadertext12: var(--color-dcolumnheadertext12);
    --dcolumnbody: var(--color-dcolumnbody);
    --dcolumnbodytext: var(--color-dcolumnbodytext);
    --dcolumnbodyhover: var(--color-dcolumnbodyhover);
    --dcolumntext: var(--color-dcolumntext);
    --dheader: var(--color-dheader);
    --dgrad1: var(--color-dgrad1);
    --dgrad2: var(--color-dgrad2);
    --dchevorontext: var(--color-dchevorontext);
    --dbacktotop: var(--color-dbacktotop);
    --dbacktotoptext: var(--color-dbacktotoptext);
    --dsearching: var(--color-dsearching);
    --dsearchinglabel: var(--color-dsearchinglabel);
    --dinfocard: var(--color-dinfocard);
    --dinfocardtext: var(--color-dinfocardtext);
    --dinfocardhead: var(--color-dinfocardhead);
    --dinfocardheadtext: var(--color-dinfocardheadtext);
    --ditemheader: var(--color-ditemheader);
    --ditemheadertext: var(--color-ditemheadertext);
    --ditembody: var(--color-ditembody);
    --ditembodytext: var(--color-ditembodytext);
    --dbodytext: var(--color-dbodytext);
}

.contrast {
    --dban1: var(--contrast-dban1);
    --dban2: var(--contrast-dban2);
    --dbodytext: var(--contrast-dbodytext);
    --dnavhelp: var(--contrast-dnavhelp);
    --dinfoheadtext: var(--contrast-dinfoheadtext);
    --dinfobodytext: var(--contrast-dinfobodytext);
    --dinfohead: var(--contrast-dinfohead);
    --dinfobody: var(--contrast-dinfobody);
    --dmenu: var(--contrast-dmenu);
    --dmenutext: var(--contrast-dmenutext);
    --dmenulight: var(--contrast-dmenulight);
    --dmenulighttext: var(--contrast-dmenulighttext);
    --dadminmenu: var(--contrast-dadminmenu);
    --dadminmenutext: var(--contrast-dadminmenutext);
    --dadmindropdown: var(--contrast-dadmindropdown);
    --dadmindropdowntext: var(--contrast-dadmindropdowntext);
    --dsubmenu: var(--contrast-dsubmenu);
    --dsubmenutext: var(--contrast-dsubmenutext);
    --dsubmenus: var(--contrast-dsubmenus);
    --dsubmenustext: var(--contrast-dsubmenustext);
    --dcap: var(--contrast-dcap);
    --dcaptext: var(--contrast-dcaptext);
    --dsubcap: var(--contrast-dsubcap);
    --dsubcaptext: var(--contrast-dsubcaptext);
    --dback: var(--contrast-dback);
    --dbacktext: var(--contrast-dbacktext);
    --dhigh: var(--contrast-dhigh);
    --dhightext: var(--contrast-dhightext);
    --dpage: var(--contrast-dpage);
    --dpage1: var(--contrast-dpage1);
    --dpage2: var(--contrast-dpage2);
    --dpagetext: var(--contrast-dpagetext);
    --dpagetitle: var(--contrast-dpagetitle);
    --dpagetitletext: var(--contrast-dpagetitletext);
    --dfooter: var(--contrast-dfooter);
    --dfootertext: var(--contrast-dfootertext);
    --dtable: var(--contrast-dtable);
    --dtabletext: var(--contrast-dtabletext);
    --ddivs: var(--contrast-ddivs);
    --ddivstext: var(--contrast-ddivstext);
    --dmodalbody: var(--contrast-dmodalbody);
    --dmodalbodytext: var(--contrast-dmodalbodytext);
    --dcolumn: var(--contrast-dcolumn);
    --dcolumnheader1: var(--contrast-dcolumnheader1);
    --dcolumnheadertext1: var(--contrast-dcolumnheadertext1);
    --dcolumnheader2: var(--contrast-dcolumnheader2);
    --dcolumnheadertext2: var(--contrast-dcolumnheadertext2);
    --dcolumnheader3: var(--contrast-dcolumnheader3);
    --dcolumnheadertext3: var(--contrast-dcolumnheadertext3);
    --dcolumnheader4: var(--contrast-dcolumnheader4);
    --dcolumnheadertext4: var(--contrast-dcolumnheadertext4);
    --dcolumnheader5: var(--contrast-dcolumnheader5);
    --dcolumnheadertext5: var(--contrast-dcolumnheadertext5);
    --dcolumnheader6: var(--contrast-dcolumnheader6);
    --dcolumnheadertext6: var(--contrast-dcolumnheadertext6);
    --dcolumnheader7: var(--contrast-dcolumnheader7);
    --dcolumnheadertext7: var(--contrast-dcolumnheadertext7);
    --dcolumnheader8: var(--contrast-dcolumnheader8);
    --dcolumnheadertext8: var(--contrast-dcolumnheadertext8);
    --dcolumnheader9: var(--contrast-dcolumnheader9);
    --dcolumnheadertext9: var(--contrast-dcolumnheadertext9);
    --dcolumnheader10: var(--contrast-dcolumnheader10);
    --dcolumnheadertext10: var(--contrast-dcolumnheadertext10);
    --dcolumnheader11: var(--contrast-dcolumnheader11);
    --dcolumnheadertext11: var(--contrast-dcolumnheadertext11);
    --dcolumnheader12: var(--contrast-dcolumnheader12);
    --dcolumnheadertext12: var(--contrast-dcolumnheadertext12);
    --dcolumnbody: var(--contrast-dcolumnbody);
    --dcolumnbodytext: var(--contrast-dcolumnbodytext);
    --dcolumnbodyhover: var(--contrast-dcolumnbodyhover);
    --dcolumntext: var(--contrast-dcolumntext);
    --dheader: var(--contrast-dheader);
    --dgrad1: var(--contrast-dgrad1);
    --dgrad2: var(--contrast-grad2);
    --dchevorontext: var(--contrast-dchevorontext);
    --dbacktotop: var(--contrast-dbacktotop);
    --dsearching: var(--contrast-dsearching);
    --dsearchinglabel: var(--contrast-dsearchinglabel);
    --dinfocard: var(--contrast-dinfocard);
    --dinfocardtext: var(--contrast-dinfocardtext);
    --dinfocardhead: var(--contrast-dinfocardhead);
    --dinfocardheadtext: var(--contrast-dinfocardheadtext);
    --ditemheader: var(--contrast-ditemheader);
    --ditemheadertext: var(--contrast-ditemheadertext);
    --ditembody: var(--contrast-ditembody);
    --ditembodytext: var(--contrast-ditembodytext);
}


 .row1{
        display: -ms-flexbox;
        display: flex;
        /* -ms-flex-wrap: wrap; */
        flex-wrap: wrap;
        margin-right:-160px; 
       margin-left: 40px; 
    }


.column {
    padding-bottom: 50px;
    }
.dhe_council
{
    padding: 50px 0px;
    padding-bottom: 0px;
}
.dhe_council .image img
{
    /* height: 143px;
    width: 143px;  */
    height: 200px;
    width: 200px; 
    display: inline-block;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);   
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.dhe_council .image
{
    display: inline-block;
    height: 143px;
    width: 143px;
} 
.dhe_council .info-data
{
    padding-top: 50px;
    color:  #636363;
}

.section-head{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 800px;
}

.dhe_council .info-data h3
{
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: normal;
    color: #636363;
    margin-bottom: 5px;
    padding: 5px 0px;
    text-transform: unset;
}
.dhe_council .conuncil-data
{
    margin-bottom: 10px; 
    display: block;
    align-items: center;
    justify-content: center;
}

 .dhe_council .info-data p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    color: #636363;
   
    padding: 10px 0px;
    text-transform: unset;
}  

/* New */


/* .faculty_list h5
{
    font-size: 14px;
    line-height: 16px;
} */
.faculty_list .dhe_council
{
    padding-bottom: 0px;
    padding-top: 30px;
}
.faculty_list .info-data
{
    padding-bottom: 0px;
}

/*-------------------------------------------------Event Gallery CSS Start--------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'marathi';
    /*src: url(../fonts/Samyak-Devanagari.ttf);*/
    src: url('/resource/getFont/DHE%20Samyak-Devanagari.ttf')  format('truetype');
}


@font-face {
    font-family: 'Quicksand';
    /*src: url(../fonts/URWGothic-Book.otf);*/
    src: url('/resource/getFont/DHE%20QuicksandRegular.ttf')  format('truetype');
    /*src: url(https://dheweb.org/resource/getFont/DHE%20palanquin-regular.ttf)  format('truetype');*/
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: var(--dpagetext);
}




.phototitle {
    margin-top: 1em;
    color: hsl(24, 90%, 30%);
    text-align: center;
} 

/* #maincontent {
    padding: 0px;
    width: 100%;
    position: relative;
} */

/* .div-float-center {
      justify-content: center;
}

.div-float-right {
      margin-right: 0px;
} */

.divscroll {
    height: 500px;
}
/* @media only screen and (max-width: 600px) {
    .nav-link {
        font-size: 120%;
    }


} */


.galdescription {
    border-radius: .5em;
    background-color: var(--dsubcap);
    color: var(--dsubcaptext);
    margin-bottom: 1em;
}



.ptags {
    /* background-color: var(--dtable); */
    /* background-color: #f6f6f6; */
    color: var(--dtabletext);
    border-radius: 1em;
    padding: 10px 20px;
}



.imgtabdiv{
    width: 150px;
    height: auto;
}

.imgtabdivfull {
    width: 98%;
    height: !auto;
}

@media only screen and (max-width: 1000px) {
.ptag {
    /* background-color: var(--dtable); */
    color: var(--dtabletext);
    padding: 4px;
    margin-bottom: 1rem;
    border-radius: 8px;
}

.imgtabdiv{
    width: 40%;
    height: auto!important;
}

.imgtabdivfull {
    width: 98%;
    height: auto!important;
}


}
.titles {
    background-color: hsl(177, 97%, 89%);
    color: hsl(240, 87%, 11%);
    padding: 2px;
}


.document, .locals, .confirmation {
    cursor: pointer;
}

img.confirmation:hover {
    border: 2px solid red;
    color: blue;
    cursor: pointer;
}

a.imgs {
    border: 0;
}



.pagetitle {
    margin: .3em .5em .8em .5em;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.6;
    padding: 6px 0;
    text-align: center;
    border-radius: 0.6em;
    background: -webkit-linear-gradient( rgba(84,58,183,1) , rgba(0,172,193,1) );
    /* color: var(--dpagetitletext); */
    color:white;
}

.subpagetitle {
    margin: .3em .5em .4em .5em;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2;
    padding: 3px 0;
    text-align: center;
    border-radius: 0.4em;
    background-color: var(--dcolumnbody);
    color: var(--dcolumnbodytext);
}


.information {
    border-radius: .5em;
    margin-bottom: 1.2em;
    margin-top: 1em;
}

.information .infohead {
    font-weight: bolder;
    line-height: 1.6;
    display: block;
    font-size: 1.4em;
    text-align: center;
    border-radius: 0.5em;
    color: var(--dinfoheadtext);
    background-color: var(--dinfohead);
}

.information .infobody {
    line-height: 1.6;
    font-size: 1.2em;
    border-radius: 4px;
    background-color: var(--dinfobody); 
    color: var(--dinfobodytext);
}

.infoheadback {
    font-weight: bolder;
    border-radius: 8px;
    line-height: 1.6;
    font-size: 1.4em;
   background-color: var(--dinfohead); 
    color: var(--dinfoheadtext);
}

.infobodyback {
    line-height: 1.6;
    font-size: 1.2em;
    background-color: var(--dinfobody); 
    color: var(--dinfobodytext);
    border-radius: 8px;
}

.captop {
    font-weight: bolder;
    line-height: 1.6;
    padding: 8px 0;
    font-size: 1.6em;
    text-align: center; 
    background: -webkit-linear-gradient( rgba(84,58,183,1) , rgba(0,172,193,1) );

    color:white;
    border-radius: 0.5em;
}





.imgcaptop {
    caption-side: top;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    border-radius: 0.5em;
}

.blockdisplay {
    margin-top: 20px;
}


.galpics img {
    filter: brightness(0.95);
}

.galpics img:hover {
    transform: scale(1.2);
    transition:transform 0.9s ease-in-out;
    filter: brightness(110%);
}

.tabpicstyle {
    height: auto;
    max-width: 80px;
    display: block;
    overflow: hidden;
}

.imgdiv{
    overflow: hidden;
    display: block;
    -webkit-box-shadow: 2px 3px 10px 2px #222222; /*  Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    2px 3px 10px 2px #222222; /*  Firefox 3.5 - 3.6 */
    box-shadow:         2px 3px 10px 2px #222222; /*  Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.shadowit {
    -webkit-box-shadow: 2px 20px 60px 2px #222222; /*  Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    2px 20px 60px 2px #222222; /*  Firefox 3.5 - 3.6 */
    box-shadow:         2px 20px 60px 2px #222222; /*  Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.bounceit {
    animation-name: bounce-1;
    animation-timing-function: linear;
}
@keyframes bounce-1 {
    0%   { transform: translateY(20px); }
    25%  { transform: translateY(10px); }
    50%  { transform: translateY(0px); }
    75%  { transform: translateY(10px); }
    100% { transform: translateY(20px); }
    0%  { transform: translateY(0px); }
}


.btnsize {
    width: 4vw;
    height: 8vh;
    margin: 1vh 1vw 1vh 0;
}

.imgcaption {
    width: 60vw;
    margin: 0px 1vw;
    background-color: var(--dinfohead);
    color: var(--dinfoheadtext);
}

@media only screen and (max-width: 700px) {
    .btnsize {
        width: 10vw;
        height: 6vh;
        margin: 1vh 1vw 1vh 0;
        border: 2px solid transparent;
    }

    .imgcaption {
        width: 40vw;
        margin: 0px 1vw;
        background-color: var(--dinfohead);
        color: var(--dinfoheadtext);
        font-size: .7em;
    }
}



.modal-content,
#caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}


/* 100% Image Width on Smaller Screens */
.outer {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    left: 0px;
}


.pageinfo {
    color: var(--dinfohead);
    font-size: 1.2em;
}



.cpagetitle {
    background-color: var(--dpagetitle);
    color: var(--dpagetitletext);
}



.dropdown:hover .dropdown-menu {
	display: block;
} 

/* .dropdown-menu li {
    padding: 0 8px;
} */
.widemenu-content{ padding: 1rem; }

/* ============ desktop view ============ */
@media all and (min-width: 600px) {

  .widemenu{position:static!important;}
  .widemenu-content{left:0; right:0; width:100%; margin-top:0;  }

}

/* Event Gallery CSS End */

/* Award CSS Start */
#img1{
	max-width: 100%;
}
.awardgallery{
	/* background-color: #dbddf1; */
    background-color: #ffffff;
	padding: 80px 0;
}
.awardgallery #img1{
	background-color: #ffffff;
	padding: 15px;
	width: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	cursor: pointer;
}
#gallery-modal .modal-img{
	width: 100%;
}
/* Award CSS End */

/* AISHE CSS Start */

.aishe-cards{
    display:flex;
    align-items: center;
    justify-content: center;
}

/* AISHE CSS End */


.activetab {
   
    color: #fff;
    background-color:#5064B9; 
    text-decoration: none;
  }



  /* Statistics page CSS 29/11/2022 */
  .chart-container {
    position: relative;
    margin: auto;
    height: 80vh;
    width: 80vw;
  }
  /*Statistics page CSS End  */