/* Add your custom css in this file */

.padding_0 { padding: 0px!important } 
.custom_btn { padding: 10px 0px; }
.button_set { width: 96%; color: white; background-color: #ff5722;padding: 10px 0px!important; margin-top: 5px;font-size: 15px!important;margin-left: 20px;margin-right:5px;}
.button_set1 { height: 50px!important; line-height:30px!important; width: 98%; color: white; background-color: #ff5722;padding: 10px 0px!important; margin-top: 5px;font-size: 20px!important; margin-left: 20px; margin-right:5px; }
.mb_20 {margin-bottom: 20px;}


.fancybox-margin{margin-right:17px;}
#contest_video { margin-bottom:20px; height: 500px; }

@media only screen and (max-width: 480px) {

    #head_contest {
        padding:15px;
    }
    
    #contest_video { margin-left:0px;margin-bottom:20px; height: 200px!important;}

    .mb_buttons {
        color: white!important;
    }
    
    .mb-login { font-size: 10px!important; line-height: 30px!important; }

    .mb-signup { width: 80px!important; font-size: 10px!important; line-height: 30px!important; }
    
    li.call { width: 220px!important; font-size: 12px!important; line-height: 18px!important; }
    
    .resp_button { width: 90%!important; }
    
    .resp_video { width: 100%!important; height:auto!important;}
} 
.navbar-default .navbar-toggle { background-color: #094db9!important; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #094db9!important; }

.pass_show{position: relative}
    
.pass_show .ptxt {
    position: absolute; 
    top: 50%; 
    right: 10px;
    z-index: 1;
    color: #f36c01;
    margin-top: -10px;
    cursor: pointer; 
    transition: .3s ease all; 
} 
.pass_show .ptxt:hover{color: #333333;}

@media only screen and (min-width: 1200px) {

    .close_class { width: 250px!important; margin-top: 0px!important; float: right; }

    #total_marks_css { margin-left: 60px;width: 1200px; }
    
    .fp_email { margin-left: 25px!important;line-height: 15px!important; }
    
    .fp_submit { width: 120px!important;line-height: 15px!important; }
    
    i[class^="prevClass"], i[class^="nextClass"] { cursor:pointer; float:left!important; font-size: 12px!important;background-color: #0583e4!important;color: white!important;padding: 4px 10px!important; }
    
    .new_button_added { cursor:pointer; float:left!important; font-size: 12px!important;background-color: #0583e4!important;color: white!important;padding: 0px; }
    
    .class_switch_bottom { display:none; }
    
    /*#nextClass, #prevClass,  { cursor: pointer!important; width: 70px; background: #e92e2e; color: white; padding: 5px; line-height: 20px; }*/
    
    #classChange { float: left; }
    
    .classSwitch { float:right; }

    .class_title { margin: 30px 0px 20px 15px!important; }  
        
    .progress { height: 30px!important; width: 100%!important; }

    .embed_size { width: 100%; height: 400px; }
    
    .wd_mb_1 { width: 10%;float: left; padding: 0px; margin-right: -27px; }
    
    .wd_mb_2 { float: left; width: 90%; }
    
    .h5_reg {
        font-weight: normal;margin-left: 235px;
    }
    
    /*#crsp_height { height: 1900px!important; }*/
    
    .modal-header {
        border-bottom: none!important;
    }
    
    .mleft_login {
        margin-left: 120px;
    }
    
    .mymodals121 {
        text-align:center;
        background-color: white; 
        width: 500px; 
        margin: 150px auto 0px auto; 
        height: 400px;
    }
    
    .ml-120 { margin-left: 120px; }
    
    .h5_ml_50 { margin-left: 50px; }
    
    .wid-70 { width: 70%!important; }
    
    .wd_mb { width: 80%; }
    
    .buttons_at_bottom { display: none!important; }

    .comment_amp { margin-top:10px;color:black;border:0.5px solid grey;height:150px;padding:10px;margin-left:15px;margin-right:15px;border-radius:10px; }

    .comment_amp_name { float:left;border-bottom: .5px solid black;color:red;font-weight:bold; }

    .comment_amp_date { float:right;border-bottom: .5px solid black;color:red;font-weight:bold; }

    .comment_amp_body { margin-left:30px;float:left;width:95%; }

    .reply_button_amp { width:10%;float:right; }
}

@media only screen and (max-width: 480px) {

    .reply_button_amp { width:30%;float:right;font-size:12px; }

    .comment_amp { margin-top:10px;color:black;border:0.5px solid grey;height:150px;padding:10px;margin-left:15px;margin-right:15px;border-radius:10px;font-size:12px; }

    .comment_amp_name { float:left;border-bottom: .5px solid black;color:red;font-weight:bold;font-size:12px; }

    .comment_amp_date { float:right;border-bottom: .5px solid black;color:red;font-weight:bold;font-size:12px; }

    .comment_amp_body { margin-left:30px;float:left;width:95%; }

    .marks_head th { padding: 4px!important; font-size: 7.5px!important; }
    
    .marks_body td { padding: 5px!important; font-size: 7.5px!important; }
    
    .fa-check-circle, .fa-times-circle { font-size: 15px!important; }
    
    .fp_email { line-height: 15px;width: 100%!important;margin-bottom: 10px!important; }
    
    .fp_submit { width: 100%!important;line-height: 15px!important; }

    .fadeContent { font-size: 15px!important; }
    
    .class_switch_top { margin-left: 25px; }
    
    .class_switch_bottom { display:none; }
    
    i[class^="prevClass"], i[class^="nextClass"] { cursor:pointer; float:left!important; font-size: 12px!important;background-color: #0583e4!important;color: white!important;padding: 4px 10px!important; }
    
    input[id^="changeTo"] { width: 35px!important;height: 30px;background-color: lightgray; } 
    
    #change2To { width: 25px!important; }
    
    /*.class_switch_top { display:none; }*/
    
    .class_title { font-size: 15px!important; text-align: center!important; }
    
    .buttons_at_top { display: none!important; }
    
    /*#nextClass, #prevClass { width: 60px!important; background: #e92e2e!important; color: white!important; padding: 5px!important; line-height: 18px!important; font-size: 12px!important; margin-top: -2px!important; }*/
    
    #classChange { height: 40px;width: 70px;margin: 0px 0px 0px 8px!important; }
    
    #classChange { float: left; }
    
    .classSwitch { float:left; margin-top: 0px!important; }
    
    .progress { width: 60%important; float:left!important; }
    
    .wd_mb { width: 55%!important; }
    
    .amp_h4 { font-size: 13px!important; width: 320px; }
    
    .amp_modal { margin-left: -60px!important; }

    #test-page { height: 1550px!important; }
    
    .courses-info { display: none!important; }
    
    .embed_size { width: 100%; height: 180px; }
    
    .wd_mb_1 { width:20%;float: left; margin-right: -5px; }
    
    .wd_mb_2 { margin-left: -5px; float: left; width: 80%!important; }
    
    .wid-70 { width: 90%!important; }
    
    .primary { margin-left: 30px!important; }
    
    .h5_reg {
        font-weight: normal!important;margin-left: 10px!important;
    }            
    .mb_buttons {
        color: white!important;
    }
    
    .mb-login { font-size: 10px!important; line-height: 30px!important; }

    .mb-signup { width: 80px!important; font-size: 10px!important; line-height: 30px!important; }
    
    li.call { width: 220px!important; font-size: 12px!important; line-height: 18px!important; }
    
    .mleft_login {
        margin-left: 60px;
    }
    
    .modal-header {
        border-bottom: none!important;
    }
    
    .mymodals121 {
        text-align:center;
        background-color: white; 
        width: 300px!important; 
        margin: 50px auto!important; 
        height: 500px!important;
    }
    
    .ml-120 { margin-left: 50px; }
    
    .h5_ml_50 { margin-left: -10px; }
    
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { 
        width: 90%!important;
    }
    
    #mymodals {
        width: 350px!important;
        margin: 100px auto 0px!important;
    }
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .btn:hover { background-color: #0583e4!important; }

.btn, .navbar-default .navbar-nav > .active > a { background-color: #e41e2c!important; }