@media(min-width:1024px){
body {
	max-width:100vw;
	max-height:100vh;
	overflow:hidden;
	}

    .tbar_search {
        position: absolute;
        padding: 2px 0px 0px 20px;
        left: 10px;
        top: 51px;
        z-index: 9;
        border-bottom: 1px solid #7480aa;
    }	
.tbar_search .search_icon { top: 5px; }
.tbar_search input { width: 137px; }
}

@media(max-width:767px) {
.pull-none-mob {
	float:none !important;
	}
.display-block-mob {
	display: block !important;
	}
.alert_wrapper {
	height: auto !important;
	}
.mob_width100 {
	width:100% !important;
	}
.mob-no-custom-scroll { overflow:visible !important; }
	
.mob_winFit { height: calc(100vh - 81px) !important; }
.mob_no_winFit { height:auto !important; }
	
.topbar {
    height: 100px;
    padding: 0px;
}
.topbar .main_logo {
	width: 100px; height:48px;
	/*padding-left: 15px;
	padding-right: 15px;*/
	padding:7px 15px;
	}
.topbar .main_logo img {
    width: 40px;
	}
.topbar .school_name {
	padding-right: 15px;
	padding-left: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 100px);
	}

.topbar_right {
    width: 100%;
    float: none;
    clear: both;
	border-bottom: 1px solid #45494c;
}
.tbar_user_info .btn {
	padding:8px 7px !important;
	}
.academic_year_bx {
    padding: 13px 7px;
	}
	
.announcement_bx .dropdown-menu {
    width: 198px;
	}
.announcement_bx .btn {
    padding: 10px !important;
	}

.tbar_search {
	padding: 10px !important;
	width:50px; height:49px;
	}
.tbar_search.show {
	background:#FFFFFF;
	}
.tbar_search .searchbox {
	position:absolute; right:0px; top:100%;
	padding:8px;
	width:auto;
	background:#ffffff;
	border-radius: 0px !important;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    margin: 0px !important;
	border: 1px solid #bababa;
	z-index:9;
	display:none;
	}
.tbar_search.show .searchbox {
	display:block;
	}
.tbar_search .searchbox input {
	color:#333333 !important;
	outline:none !important;
	width: 120px !important;
	}
.tbar_search .search_icon { left: 18px; top: 15px; }
.tbar_search.show .search_icon svg * {
	fill:#333333;
	}
    .menu-tgl-btn {
        display: none !important;
    }

    .page_path {
        border-left: none;
    }
.page_path .date_time {
    display: none !important;
	}
.page_path .arrow {
    margin: 0 5px;
	}
.content_area {
    height: auto;
    width: 100%;
    float: none;
	}
.blade-block-inner { margin-bottom:0px; }
.blade-block-container.infinite .blade-block:first-child { padding-left: 4px; }

    .dashboard_menu_bg {
        padding-top: 150px !important;
        padding-left: 0px !important;
        width: 100vw !important;
        display: block !important;
    }
    body .sidemenu {
        min-height: calc(100vh - 150px) !important;
    }
    .dashboard_menu_wrapper .edisapp_logo {
        display:none !important;
    }
    .academic_year_bx {
        padding: 0 !important;
        position: absolute;
        right: 135px;
        top: 61px;
    }
    .verison-info,
    .tbar_search {
        display: none !important;
    }
    .dashboard_item_list {
        max-height: calc(100vh - 210px);
        overflow: hidden;
        overflow-y: auto;
    }
    .dashboard_itembox {
        width: 50% !important;
    }
    .leftbar_menu {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }
    .dashboard_search.mrg30-B {
        margin-bottom:10px !important;
    }
    .academic_year_bx .k-widget.k-dropdown {
        width: 115px !important;
    }
    .page_path .page_title + .page_path_inner {
        margin-left: 0px !important;
        padding-left: 10px !important;
        border-left: none !important;
    }
    .page_path {
        padding-right: 10px !important;
    }
    .page_path .page_title {
        float: right;
        display:none !important;
    }
}


@media (min-width: 1400px) {
    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}