.progress-outer-most
        {
            padding-top: 8px; border: 1px solid #eee; padding-left: 5px; padding-right: 0px;
        }

        .progress-time
        {
            padding: 0px; color: gray;
        }

        .progress-status
        {
            padding: 0px; color: #9e9e9e;
        }

        .progress-arrow
        {
            box-shadow: 0 0px 2px 0 #bfbbb8;
            color: #fff; background-color: #9e9e9e; padding: 2px; position: absolute; right: -10px; z-index: 999;
        }

        .progress-failed
        {
            color: red;
        }

        .progress-cleared
        {
            color: green;
        }

        .progress-done
        {
            box-shadow: 0 0px 2px 0 #bfbbb8;
            color: #fff; padding: 2px; position: absolute; right: -10px; z-index: 999;
            background-color: green;
        }


.main-sidebar {

    background-color: #d3d3d3;
    color: #000 !important;
}


.sidebar-menu
{
    box-shadow: 2px 2px 2px 0 #eee, inset 0 0 3px #eee !important;

}


    body

    {

        background-color: #fff;

    }



    .content-wrapper

    {

        background-color: #fff;

    }



    .loaderDiv

    {

        width: 100%; 

        height: 100%; 

        position: fixed; 

        top: 0; 

        z-index: 9999 ;  

        background-color: rgba(0,0,0,0.5); 

        vertical-align: middle;

        overflow-y: hidden; 

        text-align: center;

    }



    .loaderImg

    {

        position: relative; 

        top: 30%; 

        width: 300px;

    }





body {

	margin-left: 0px;
	margin-top: 0px;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {
	color: #990000;
	font-weight: bold;
}
.style4 {
	color: #000000;
	font-weight: bold;
}
.style5 {color: #990033}
.style6 {color: #ECE9D8}
.style7 {
	color: #993300;
	font-weight: bold;
}
.style8 {
	color: #6633CC;
	font-weight: bold;
}
a:link {
	color: #330066;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
a:visited {
	color: #330066;
	text-decoration: none;
}
.head1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
}
.errors {

	color: #FF0000;
	font-weight: bold;
}
.tot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
.tot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	
}
.tans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#00CC66 ;
}
.fans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FF0000 ;
}

	.container 
        {
/*            margin: 0 auto !important;*/
padding-bottom: 25px;
        }
        .header 
        {
            background-color: #E5E7E9;;
            height: 81px;
            text-align: center;
            font-family: "Open Sans", Verdana, Arial, sans-serif;
        }
        .bottom 
        {
            margin-top: 10px;
        }

        .highlight 
        {
            background-color: darkgreen;
            color: white;
            font-weight: bold;
        }

        .highlightold
        {
            background-color: orange;
            color: black;
            font-weight: bold;
        }

        .highlightinserted
        {
            background-color: green;
            color: white;
            font-weight: bold;
        }
        .highlightdeleted
        {
            background-color: red;
            color: white;
            font-weight: bold;
        }

        table.dataTable > tbody tr.even td
        {
            /*background: #E5E7E9;*/
        }



.multiselect.dropdown-toggle.btn.btn-default{
	border: none;
    box-shadow: 0 1px 4px 0 #bfbbb8;
	background:none;
	color:#666;
	width: 100% !important;
    text-align: left;
    font-weight: normal;
}
.multiselect-container.dropdown-menu{
	
	box-shadow: 0 1px 4px 0 #bfbbb8;
}
.multiselect-container.dropdown-menu li a input[type='checkbox']{
	margin-left: 0px;
	margin-right: 5px;
    position: inherit;
}
.dropdown-menu>.active>a{
	background-color: #eaeaea;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
{
	color: #000 !important;
}


.scroll_y::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.scroll_y::-webkit-scrollbar-track{
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
.scroll_y::-webkit-scrollbar-thumb{
  background: #778899; 
  border-radius: 10px;
}
.scroll_y::-webkit-scrollbar-thumb:hover {
  background: #6b7a89; 
}


        .option-div
        {
            margin: 0px 5px 5px 5px; 
            border: none !important; 
            box-shadow: 2px 2px 2px 0 #d3d3d3, inset 0 0 3px #d3d3d3; 
            background-color: #fff; 
            padding: 10px;
        }

        .correct-ans
        {
            box-shadow: 2px 2px 2px 0 green, inset 0 0 3px green !important; 
            background-color: green !important; 
            color: #fff !important;
        }

        .wrong-ans
        {
            box-shadow: 2px 2px 2px 0 red, inset 0 0 3px red !important; 
            background-color: red !important;    
            color: #fff !important;
        }

        .scored
        {
            box-shadow: 2px 2px 2px 0 #1424e4, inset 0 0 3px #1424e4 !important; 
            background-color: #1424e4 !important;    
            color: #fff !important;   
        }

        .circle
        {
            width: 17px !important;
            height: 17px !important;
            border-radius: 50%;
            color: #000;
            text-align: center;
            background: #eee;
            font-weight: 700;
            box-shadow: 2px 2px 2px 0 #757575, inset 0 0 3px #757575 !important; 
        }

            .active
            {
                background-color: #9E9E9E !important;
                border: 1px solid #9E9E9E; 
                border-right: 10px solid #fff;
                border-left: 10px solid #fff;
            }


            .sidebar-menu > li > a:hover , .sidebar-menu > li > ul > li > a:hover
            {
                background-color:  #9E9E9E !important;
            }

            .sidebar-menu > li > a , .sidebar-menu > li > ul > li > a
            {
                color: #000 !important;
            }


            .sidebar-menu li ul
            {
                display: none;
                position: relative;
                list-style: none;
                padding: 0;
                margin: 0;
                border-top: 1px solid rgba(69, 74, 84, 0.4);
                overflow: hidden;
                z-index: 1;
            }

            .sidebar-menu li ul
            {
                /*display: block;*/
            }

            .sidebar-menu li ul > li
            {
                border-bottom: 1px solid rgba(69, 74, 84, 0.4);
            }
            .sidebar-menu li ul > li > a
            {
                position: relative;
                display: block;
                padding: 4px 0px 4px 30px;
                z-index: 2;
                -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
                -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
                -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
                transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
            }


.custom-table
{
    box-shadow: 2px 2px 2px 0 #757575, inset 0 0 3px #757575 !important;

}

.dataTables_scrollBody
{
    box-shadow: 2px 2px 2px 0 #eee, inset 0 0 3px #eee !important;
    border-left: 2px solid #eee !important;   
    border-right: 2px solid #eee !important;   
}

.custom-table-simple > thead 
{
    box-shadow: 2px 2px 2px 0 #fff, inset 0 0 3px #fff !important;
    background-color: #eee !important;
}

.custom-table-simple > tbody 
{
    box-shadow: 2px 2px 2px 0 #eee, inset 0 0 3px #eee !important;
}

.custom-table-simple > tbody > tr
{
    box-shadow: 2px 2px 2px 0 #eee, inset 0 0 3px #eee !important;
}

.custom-table-user > thead > tr > th
{
    /*border: none !important;*/
    
}

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}