.MathJax {
        width: auto!important;
        font-size: 12px!important;
        margin: 0px!important;
        padding: 0px!important;
    }   
    html{
        height: 100%;
      
    }

    body {
        background: url(../css/bg2.jpg) /*43c0c9*/ center center fixed;
        background-size: cover;
        height: 100%;
        font-family: Arial, sans-serif!important;
		padding: 90px 0px 60px;
        /*background: -webkit-linear-gradient(#3dbfcd, #29a5d9); /* For Safari 5.1 to 6.0 */
        /*background: -o-linear-gradient(#3dbfcd, #29a5d9); /* For Opera 11.1 to 12.0 */
        /*background: -moz-linear-gradient(#3dbfcd, #29a5d9); /* For Firefox 3.6 to 15 */
        /*background: linear-gradient(#3dbfcd, #29a5d9); /* Standard syntax (must be last) */
        
        
        overflow: hidden;
    }

    
    nav {
        z-index: 9!important;
    }
    .btn {
        z-index: 9999!important;
    }
    .navbar-fixed-top {
        background: transparent;
        width: 98%;
        border-radius:0px 0px 10px 10px;
        border: 0px;
        margin-top: 20px;
    }
        .navbar-brand {
            font-size: 20px;
            font-weight: bold;
            color: #fff!important;
            text-shadow: 1px 1px 3px #333;
        }
        .navbar-header .navbar-toggle,.navbar-header .navbar-toggle:hover,.navbar-header .navbar-toggle:focus {
            background: #fff;
            color: #fff!important;
        }
        .navbar-right li a + .tooltip > .tooltip-inner {
            color: #fff; 
            padding: 10px 20px;
            font-size: 14px;
            border-radius: 10px;
        }

    .navbar-tabs.pull-right div a span {
        background: #1aa78e!important;
        box-shadow: #157e6b 0px 2px 0px;
    }
    .navbar-tabs.pull-right div a span:hover,
    .navbar-tabs.pull-right div a span.active,
    .navbar-tabs.pull-right div a span:focus {
        background: #f69512!important;
        box-shadow: #b56b14 0px 2px 0px;
    }
    
    .navbar-fixed-bottom {
        width: 98%;
        border-radius:10px 10px 0px 0px;
        padding-top: 7px;
        padding-bottom: 0px;
        background: #2b92a9/*2b92a9*/;
        border: 0px;
        visibility: hidden;
    }
        .navbar-fixed-bottom .btn-group .btn-warning {
            padding-left: 7px;
            padding-right: 7px;
            font-size: 12px;
        }
    
    
    #mainCont {
        background: #fff;
        height: 100%;
        width: 95%;
        overflow-y: auto; 
        padding: 30px 90px;
        border-right: 10px solid #fff;
        border-radius: 10px; 
		border:8px solid #f65843;
        color: #444;
        font-size: 17px;
        line-height: 2em;
    }
        #mainCont a {
            width: 100%;
        }

        #mainCont pre {
            font-size: 18px!important;
        }
            #mainCont h3 {
                font-weight: bold;
                margin-bottom: 15px;
            }
            #mainCont h4 {
                font-weight: bold;
            }

            #mainCont a img {
                margin: 20px auto;
                text-align: center;
            }
            .modal-content h3 {
                margin:15px 5%;
                text-align: left;
            }
            .modal-content ul {
                margin:15px 4.5%;
                text-align: left;
            }
			
    /* At media section */
    @media (min-width: 769px){
        .navbar-right {
            position: absolute;
            right: 60px;
            top: 60px;
        }
            .navbar-right li a{
                background: #1aa78e;
                color: #fff!important;
                border-radius: 12px;
                padding: 10px 40px;
                margin: 0px 2px;
                box-shadow: #157e6b 0px 3px 0px;
            }
        
            .navbar-right li a:hover{
                background: #f69512!important;
                color: #fff!important;
                box-shadow: #b56b14 0px 3px 0px;
            }
        
            .navbar-right li a:focus{
                background: #f69512!important;
                color: #fff!important;
                box-shadow: #b56b14 0px 3px 0px;
            }
        
            .navbar-right li.active a{
                background: #f69512!important;
                color: #fff!important;
                box-shadow: #b56b14 0px 3px 0px;
            }
    }
    
    @media (max-width: 991px){
        .fcenter {
            text-align: left;
        }
    }
    
    @media (max-width: 768px){
        .fcenter {
            text-align: center;
        }
        body {
			background-color:#fac565;
            background-size: 100% 100%;
            height: 100%;
        }
        html {
            padding: 0;
        }
        #mainCont {
		
            width: 100%;          
            /*margin-bottom: 56px!important;  */      
            border-radius: 20px;
            overflow: scroll;
			border:8px solid #f65843;
			padding:10px;
        }    
        .navbar {
            border-radius: 0px;
		
        }
        .navbar-fixed-top {
            width: 100%;
        }
        
    
        .navbar-collapse {
            background: #1aa78e/*2b92a9*/;
            position: absolute;
            top: 61px;
            right: 30px;
            overflow-y:visible!important;
            border-radius: 5px;
            box-shadow: 2px 2px 4px #666; 
            max-width: 200px;
        }
        
        .navbar-collapse li{
            width: 90%;
        } 
    
        .navbar-default .navbar-nav > li > a {
            color: #fff;
            text-align: center;
            margin: 0px 5px;
            min-width: 150px;
        }
        
        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #f29b30;
            font-weight: bold;
            background: none;
            border-radius: 10px;
			
        }
        
        .navbar-default .navbar-nav > .active > a, 
        .navbar-default .navbar-nav > .active > a:hover, 
        .navbar-default .navbar-nav > .active > a:focus {
            background: none;
            color: #f29b30;
            font-weight: bold;
			
        }
        
        #point-up {
            position: absolute!important;
            top: -10px;
            right: 30px;
            display:inherit!important;
            color: #1aa78e/*2b92a9*/;
        }
        
        .navbar-tabs.pull-right {
            position: absolute;
            top: 0px;
            width: 100%;
            text-align: right;
        }
        .tooltip {
            display: none!important;
        }
        
        .navbar-tabs.pull-right div {
            position: absolute;
            z-index: 1000;
            top: 50px;
        }
            .navbar-tabs.pull-right div li a {
                color: #fff!important;
            }
        
        .navbar-fixed-bottom {
            width: 100%;
        }
        
        .objmod {
            margin-top: 150px!important;
        }
        
    }   

    @media (max-width: 850px){
        .smaller {
            padding-left: 25px!important;
            padding-right: 25px!important;
        }
    }
                

    .title {
        background: none;
        color: #fff;
        text-shadow: 2px 2px 2px #999;
    }

    .objmod {
        background: #1aa78e;
        padding: 10px;
        color: #fff;
    }
        @media (min-width: 769px){
            .modal-dialog {
                width: 80%;
                margin-left: auto;
                margin-right: auto;
            }
        }
            .modal-content img  {
                 margin:0px auto!important;
            }

    .objmod ul li {
        line-height: 2.2em;
        font-size: 16px;
    }

    @media (max-width: 768px) {       
        .navbar-brand {
            font-size: 14px;
            font-weight: bold;
            color: #fff!important;
            text-shadow: 1px 1px 3px #333;
        }
    }   
    @media (max-width: 517px) {       
        .navbar-brand {
            position: absolute;
            top:0px;
            left:15px;
            margin-top: none!important;
            font-size: 14px;
            font-weight: bold;
            color: #fff!important;
            text-shadow: 1px 1px 3px #333;
        }
    }
    
    @media (max-width: 480px){

        /*
        .navbar-brand {
            visibility: hidden;
        }
        */
        .navbar-tabs.pull-right div {
            position: absolute;
            z-index: 1000;
            top: 50px;
        }
        #mainCont {
            padding-top: 25px;
        }
    }

.animated {
    -moz-animation-name: pulseeffect;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;

    -webkit-animation-name: pulseeffect;

    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;

    animation-name: pulseeffect;
    animation-duration: 1s;

    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

    @-moz-keyframes pulseeffect {
        0%   {
                background-color: #f0ad4e;
                border-color: #eea236;
            }
        70%  {
                background-color: #f69512;
                border-color: #d58512;
                text-shadow: 0px 0px 3px #fff;
            }
        100%  {
                background-color: #f0ad4e;
                border-color: #eea236;
            }
    }
    @-webkit-keyframes pulseeffect {
        0%   {
                background-color: #f0ad4e;
                border-color: #eea236;
            }
        70%  {
                background-color: #f69512;
                border-color: #d58512;
                text-shadow: 0px 0px 3px #fff;
            }
        100%  {
                background-color: #f0ad4e;
                border-color: #eea236;
            }
    }

    /* Standard syntax */
    @keyframes pulseeffect {
        0%   {
                background-color: #f0ad4e;
                border-color: #eea236;
            }
        70%  {
                background-color: #f69512;
                border-color: #d58512;
                text-shadow: 0px 0px 3px #fff;
            }
        100%  {
                background-color: #f0ad4e;
                border-color: #eea236;
            }
    }

    .col-md-12 ol li {
        font-weight: bold;
    }

    .col-sm-6.col-xs-12 label {
        margin-left: 22px;
    }

    .checkstat {
        margin-left: 37px;   
    }
    .checkme {
        margin-top: -30px;
        visibility: hidden;
    }
    .col-sm-6.col-xs-12 label {
        font-weight: normal;
    }
    .col-sm-6.col-xs-12 label ul li {
        margin-left: -20px; margin-top: -35px;
        list-style: none;
        list-style-image: none;
        list-style-type: none;
    }
	
	
	
	
	
	
	
	/*===========  ADDITIONAL =============*/
	#scorePageHolder{
		display:none;
		width:90%;
		margin:0px auto;
		text-align:center;
	}
	#submitBtnHolder{
		display:none;
		width:90%;
		margin:0px auto;
		text-align:center;
	}
	
	.actBtn{
		
		background-color:#f65843;
		border:none;
		border-radius:20px;
		color:#FFFFFF;
		width:150px;
		text-align:center;
		margin:20px auto;
	}
	
	.footer {
        width: 98%;
        margin: 20px;
    }
	

	/*=====================================*/