@media (min-width: 1214px) {
    #frm_login .UserLogin {
        margin-left: 10px;
        margin-top: 10px;
        padding-left: 30px;
    }
}
@media (max-width: 1213px) {
    #frm_login .UserLogin {
        margin-left: 0px;
        margin-top: 10px;
        padding-left: 0px;
        text-align: center;
    }
    .UserLogin .control-group.col-md-6 {
        width: 100%;
    }
}
@media only screen
and (min-width : 1824px) {
    body {
        height:100%;
    }
    .page-container {
        height: auto;
    }
    /** Side bar widget **/
    .footer-widget {
        position: fixed;
    }
    /** Tables **/
    .table th {
        font-size: 14px;
    }
    
    .table td {
        font-size: 14px;
    }
    
    .table td.small-cell, .table th.small-cell {
        width: 42px;
    }
    /** Controls **/
    .checkbox label:before {
        top: 0.5px;
    }
    /** Tiles **/
    .tiles.margin-reset {
        margin-left: 51px;
    }
    /** Only Demo Purpose **/
    .demo-map {
        min-height: 100%;
    }
    
    .error-main {
        margin-top: 40%;
    }
    .visible-xlg {
        display: block !important;
    }
    .hidden-xlg {
        display: none !important;
    }

}
/*** Very Large Screens **/
@media only screen
and (min-width : 1600) {
    .visible-xlg {
        display: block !important;
    }
    .hidden-xlg {
        display: none !important;
    }
    .col-md-3.calendar_btn {
        width: 100% !important;
    }
    .col-md-3.calendar_btn .btn-group .btn {
        margin-right: 5px;
    }
}


@media (min-width: 1024px) and (max-width: 1260px) {
    .pull-left .nav-search .search #q {
        width: 100px !important;
    }
    #mailsearch {
         width: 230px !important;
    }
    .dashboard-theme-bg .col-md-7 h4{
        font-size: 14px;
    }
    .principalcountpanel.col-md-5,
	.principalcountpanel.col-md-3,
	.principalcountpanel.col-md-2{
		width: 100% !important;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1185px) {
    .pull-left .nav-search .search  #q {
        width: 100px !important;
    }
    #content .page-title h3 {
        width: 44%;
    }
    .page-title .search_by_form {
        width: 51%;
    }
    .dashboard-theme-bg .col-md-7 h4{
        font-size: 14px;
    }
}
@media (min-width: 901px) and (max-width: 1220px) {
    .tiles .tiles-body {
        min-height: 145px;
    }
    .header .nav .h-seperate {
        margin: 0 7px 0 3px;
    }
    .header .nav {
        margin-left: 0;
    }
    
}
@media (min-width: 992px) and (max-width: 1220px) {
    .single-colored-widget .heading .row{
        min-height: 110px;
    }
    .col-md-9.menu-right .menu-row{
        margin-top: 0 !important;
        padding: 0 12px 5px;
    }
}
@media (min-width: 768px) and (max-width: 1100px) {
    .footer_signup {
        position:relative;
        width: 100%;
    }
    .row.login-container.animated .tiles.white.no-padding.pull-right {
        overflow: scroll;
    }

    .principalcountpanel.col-md-5,
	.principalcountpanel.col-md-3,
	.principalcountpanel.col-md-2{
		width: 100% !important;
	}
    
    /* Table */
    table {
        overflow-wrap: break-word;
        white-space: normal;
    }
    .sem-title {
        display: inline-block;
        overflow: hidden;
        overflow-wrap: normal;
        padding-top: 2px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 70%;
    }
    /*#semester-list {
        width: 157px;
    }
    #institution-list {
        width: 140px;
    }*/
    #semester-list .heading,
    #institution-list .heading{        
        width: 82%;
    }
    .nav-settings #semester-list .pull-left{
         width: auto !important;
    }
    .header .nav-settings .nav.quick-section {
         margin-left: 0 !important;
    }
    #search_by {
        width: 114px;
    }
    #clone-custom-module-grid-d {
        width: auto;
    }
    #preview_form .tiles:nth-child(2) > .pull-right {
        margin: 20px;
        text-align: center;
        width: 100%;
    }
    /* Attendance student */
    .atcol {
        position: relative;
        margin-right: 38px;
        float: right;
    }
    .atcol #sessiondatechanger {
        margin-left: auto !important;
        float: right;
        margin-top: 12px !important;
        padding: 0;
    }
    .atcol > .col-md-5 {
        float: right;
        padding: 0;
        text-align: right;
    }
    .attdiv {
        width: 100%;
    }
    /* Calender */
    .calendar .tiles-body .row {
        clear: both;
    }
    .calendar .bottom-left {
        left: auto;
    }
    .calendar .tiles-body .tiles-title{
        padding-left: 0 !important;
    }
    #edit-event .modal-dialog.modal-md{
        width: 90%;
    }
    #edit-event .input-group.form_date {
        margin-bottom: 10px;
    }
    /* Login */
    .register-container .no-padding.pull-right ,
    .schoolregister-container .no-padding.pull-right{
        width: 60% !important;
    }
    .accordion-heading .accordion-toggle {
        font-size: 12px;
    }
    /* */
    #Parks ul {
        padding-left: 2px;
    }
    #Parks .meta.name {
        padding-left: 5px;
    }
    /*  */
    #tab-4.nav.nav-pills {
        margin-right: 26px;
        text-align: right;
    }
    /* Form tab design*/
    .row #rootwizardcreate.tabbed_wizard .form-wizard-steps,
    .row  #rootwizardedit .form-wizard-steps {
        width: 40% !important;
    }
    .row #rootwizardcreate.tabbed_wizard .tab-content,
    .row #rootwizardedit .tab-content {
        width: 55% !important;
    }
    .row #rootwizardcreate.progress_wizard .tab-content ,
    .row #rootwizardedit.progress_wizard .tab-content ,
    .row #rootwizardcreate.progress_wizard .form-wizard-steps,
    .row  #rootwizardedit.progress_wizard .form-wizard-steps{
        width: 100% !important;
    }
    #rootwizardedit.tabbed_wizard .tab-content td {
        padding: 0;
        width: 100% !important;
        float: left;
    }
    .tabbed_wizard .wizard.wizard-actions.stickyFormFooter{
        width: 50% !important;
    }
    .tabbed_wizard .wizard.wizard-actions.stickyFormFooter li.next {
        width: auto !important;
    }
    .page-jobposting form .formSection .tableWrapper table td {
        width: 100% !important;
        padding: 0;
    }
    /* feespayment installment */
    #installements-body .col-md-12 .col-md-3.no-padding{
        float: left;
        width: 48%;
    }
    #installements-body .box-container .col-md-4 {
        display: table;
        float: left;
        text-align: center;
        width: 33.3%;
    }
    #installements-body .col-md-4 {
        width: 33.3%;
        float: left;
    }
    #installements-body  .col-md-3.userdiv {
        width: 30%;
        float: left;
    }
    #add-installments #installements-body .box-container .col-md-4 .alert {
        display: table-cell;
        float: none;
        height: 106px;
        margin: 0;
        min-width: 100%;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
    }
    /* Academics Dashboard */
    .col-md-3.col-vlg-3.col-sm-6.boxpanel {
        width: 50%;
    }
}
.faculty #faculty-mapping-form .controls .col-md-12.no-padding > .col-md-2 .btn-pref-add,
.faculty #faculty-mapping-form .controls .col-md-12.no-padding > .col-md-2 .btn-workload-add{
    border: 0px;
}
@media (min-width: 768px) and (max-width: 1030px) {
    .header-quick-nav.nav-slider .submenupopover .popover {
        width: 100%;
        position: fixed;
        max-width: 320px;
        padding: 5px 5px 25px;
    }
    .header-quick-nav.nav-slider .submenupopover .popover-content {
        padding : 10px;
    }
    .col-md-9.menu-right {
        padding-left:0 !important;
    }
    .header-quick-nav.nav-slider .submenupopover .parent-menu {
        width: 100%;
        margin: 0px 0px 6px 0px;
    }
    .col-md-9.menu-right .menu-row {
        margin-top: 10px;
        padding-bottom: 18px;
    }
    .col-md-9.menu-right .menu-row .col-md-4.menu-panel {
        width: 50%;
        float: left;
    }
    .submenupopover.header_menu .popover.bottom > .arrow {
        left: 2.5%;
    }
    .popover-content #scroller {
        max-height: 320px;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
    .submenupopover.header_menu .col-md-9.menu-right {
        max-height: unset !important;
        overflow: auto;
    }
    .page-sidebar {
        position: fixed;
        width: 235px;
    }
    .tableWrapper table {
        width: 100%;
    }
    .tableWrapper table tr td {
        width: 100%!important;
        float: left;
    }
    .course .detail-view .tableWrapper .formSectionRow > td {
        width: 50%!important;
    }
    #rightshare {
        width: 78%;
    }

    .mobile-menu #accordion2 .accordion-group a {
        /*color: #8b91a0;
        padding: 10px 15px !important;*/
        color: transparent;
        font-size: 0;
        padding: 14px 21px !important;
    }
    .page-sidebar.mini .user-info-wrapper ,
    .page-sidebar.mini #accordion2 a span{
        display: none;
    }
    .page-sidebar.mini .slimScrollDiv #accordion2 {
        margin-top: 0 !important;
    }
    /* Default Form */
    form .formSection .tableWrapper {
        padding:20px;
    }
    form .formSection .tableWrapper table.formCreate .formSectionRow td {
        width: 100% !important;
    }
    form .formSection .tableWrapper table.formCreate table.formRenderCheckbox td {
        width: auto !important;
    }
    form .tableWrapper table {
        width: 100%;
    }
    form .formSection .formInputBox ,
    form .formSection .formInputBox>input[type="text"],form .formSection .formInputBox>input[type="file"]{
        width: 100% !important;
    }
    form .formSection .input-group ,
    form .formSection .field_c_pre_assessment_link .select2-container {
        width: 100% !important;
    }
    form .formSection .formInputBox .col-md-5 {
        padding:0;
        margin:0 !important;
    }
    form .wizard.wizard-actions {
        left: 0;
        margin: 0 !important;
        width: 100%;
    }
    form  .wizard.wizard-actions input/*,form  .wizard.wizard-actions li*/ {
        width: 100px !important;
    }
    form  .wizard.wizard-actions li {
        width: auto  !important;
    }
    form .wizard.wizard-actions.stickyFormFooter input,
    form .wizard.wizard-actions.stickyFormFooter li{
        width: 100px !important;
    }
    form .wizard.wizard-actions.stickyFormFooter {
        left: 0;
        right: 0;
        margin: 0 auto !important;
        padding: 14px !important;
        bottom: 0px;
    }
    form .wizard.form-actions input{
        width: auto !important;
    }
    form .wizard.form-actions {
        margin-bottom: 0;
        margin-left: 0 !important;
        width: auto;
    }
    .program form .formSection .tableWrapper table td {
        padding: 0;
        width: 100% !important;
    }
    .grid.simple form .wizard.form-actions{
        margin: 0 !important;
    }
    .grid.simple form .wizard.form-actions.stickyFormFooter{
       margin-bottom: -30px !important;
       margin-left: 0px;
       margin-right: 0 !important;
    }
    .grid.simple form .wizard.form-actions.stickyFormFooter #reset{
        margin-top: 0px;
    }
    form .wizard.wizard-actions input, .wizard.stickyFormFooter input {
        margin-top:0;
    }
    /* Tabbed Form */
    form .tabbable ul.nav-tabs {
        float: left;
        width: 100%;
    }
    .mailbox-item-wrapper .display_entry_labels .label {
    margin-bottom: 8px;
    }
    .header .navbar .navbar-inner .header-quick-nav.nav-slider {
    width: 73% !important;
    float: none !important;
    }
    .header .navbar-inner .header-seperation {
    width: 162px !important;
    }
    /* Groups */
    .btn.btn-white.btn-mini.pull-right {
        width: auto;
    }
    .dd-handle > a {
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
        width: 70%;
    }
    .btn-mini {
        margin-bottom: 5px;
    }
    /* Role */
    .grid .conelabel_entries_list tr td:last-child,.grid .conelabel_entries_list tr th:last-child {
        width: 100px !important;
    }
    .dashboard-theme-bg .col-md-7 h4{
        font-size: 14px;
    }
    .cbp_tmtimeline {
        margin: 18px 0 0;
    }
    /* Calander */
    .calender_left.col-md-3 {
        width: 100% !important;
    }
    .calender_left .planner-type-outer{
        width: 48% !important;
        margin-right: 2%;
        float: left;
    }
    .planner-type-outer .mycalendar {
        margin-top: 0px;
    }
    .calender_left .event-type-outer{
        margin-left: 2%;
    }    
    .grading-mobile .col-md-2 label, .grading-mobile .col-md-4 label{
        display: block !important;
        padding-top: 5px;
    }
    .grading-web .col-md-2 label, .grading-web .col-md-4 label{
        display: none;
    }
    .grading-mobile .col-md-2 , .grading-mobile .col-md-4{
        padding: 0;
        float: left;
        width: 100%;
    }
    .grading-mobile .input-group-btn {
        padding-top: 5px;
    }
    #addFilterFormulaBody .filterDisplay,
    #addFormulaBody .FieldDisplay{
        width: 100%;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
   /* .page-sidebar {
        width: 235px;
    }
    .page-content {
        margin-left: 235px;
    }
    .tableWrapper .formSectionRow td {
        float: left !important;
    }
    .page-sidebar .profile-wrapper {
        display: block !important;
    }
    
    .page-sidebar .user-info {
        display: block !important;
        float: right;
    }
    .page-sidebar .page-sidebar-wrapper > p {
        display: block !important;
    }
    
    .user-info-wrapper {
        height: 70px;
        margin: 0;
        padding-left: 14px;
        padding-right: 7px;
    }
    .menu-title {
        border-bottom: 0px solid #eee !important;
    }*/
#accordion2 {
        float: left;
        /*margin-top: 60px;*/
    }
    #calendar {
        width:100% !important;
    }
}
/* Landscape view of all tablet devices */
@media (min-width: 768px) and (max-width: 1024px) {
    .principalcountpanel.col-md-5,
	.principalcountpanel.col-md-3,
	.principalcountpanel.col-md-2{
		width: 100% !important;
	}
    #accordion2 .accordion-group a {
        color: #8b91a0;
    }
    /*** Body ***/
    body {
        padding-top: 0px;
    }
    .UserLogin {
        margin-left: 0px;
        margin-top: 10px;
        padding-left: 0px;
        text-align: center;
    }
    #main-menu-toggle-wrapper {
        display: block !important;
    }
    #content .page-title h3 {
        width: 44%;
    }
    .page-title .search_by_form {
        width: 51%;
    }
    .page-sidebar-wrapper .accordion-group.accordion-body.nav{
        margin-bottom: 20px;
    }
    /*** Page sidebar ***/
    .page-sidebar .btn-navbar.collapsed .arrow {
        display: none;
    }
    
    .page-sidebar .btn-navbar .arrow {
        position: absolute;
        right: 25px;
        width: 0;
        height: 0;
        top: 50px;
        border-bottom: 15px solid #5f646b;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }
    
    #main-menu-toggle-wrapper {
        display: none !important;
    }
    /*.page-sidebar.mini{
        width: 60px;
    }*/
    .page-content.condensed {
    margin-left: 60px;
    }
    .page-content {
        margin-left: 50px;
    }
    .search-form .add-on, .search-form .search {
        /*display: none !important;*/
    }

    .page-sidebar {
         display: inline-block;
    float: left;
    margin-top: 60px;
    position: fixed;
    width: 220px;
    }
    
    .page-sidebar .slimScrollDiv {
        overflow: visible !important;
    }
    
    .page-sidebar .slimScrollDiv .page-sidebar-wrapper {
        overflow: visible !important;
    }
    
    .page-sidebar .page-sidebar-wrapper > ul {
        width: 50px;
        margin: 0;
        padding-top: 60px;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li > a {
        padding: 13px;
        color: #fff;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li a i {
        color: #fff;
    }
    .page-sidebar .user-info {
        display: none;
    }
    .page-sidebar .page-sidebar-wrapper > .status-widget {
        display: none;
    }
    .page-sidebar .page-sidebar-wrapper > .notification-alert {
        display: none;
    }
    .page-sidebar .page-sidebar-wrapper > ul li span.title {
        display: none;
    }
    .page-sidebar .page-sidebar-wrapper >ul li span.arrow {
        display: none;
    }
    .page-sidebar .page-sidebar-wrapper > ul li ul li span.title {
        display: inline;
    }
    .page-sidebar .page-sidebar-wrapper >ul li ul li span.arrow {
        display: inline;
    }
    .page-sidebar .page-sidebar-wrapper > ul li span.badge {
        display: none;
    }
    .page-sidebar .page-sidebar-wrapper ul li span.label {
        display: none;
    }
    .page-sidebar .profile-wrapper {
        display: none;
    }
    
    /*.page-sidebar {
        background-color: #0aa699 !important;
    }*/
    .page-sidebar .page-sidebar-wrapper > ul > li >a:hover,
    .page-sidebar .page-sidebar-wrapper > ul > li:hover >a {
        background: #0b9c8f;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover, .page-sidebar .page-sidebar-wrapper > ul > li:hover > a {
        padding: 13px;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu {
        position: absolute;
        margin-top: -46px;
        margin-left: 50px;
        width: auto;
        z-index: 100;
        min-width: 250px;
    }
    
    .page-sidebar .page-sidebar-wrapper > .side-bar-widgets {
        display: none;
    }
    .footer-widget {
        display: none;
    }
    /*** Page content ***/
    .page-content {
        /*margin-left: 50px;*/
        margin-top: 0px;
        min-height: 911px;
    }
    .inner-menu-layout .page-content {
        margin-left: 250px;
    }
    .inner-menu {
        margin-left: 50px;
    }
    
    .visible-tablet {
        display: block !important;
    }    
    
    .table td.small-cell, .table th.small-cell {
        width: 40px;
    }
    .linkshare #leftshare {
    width: 100px;
    }
    .linkshare #rightshare {
        width: 80%;
    }
    /* faculty */
    .faculty #faculty-mapping-form .controls .col-md-12.no-padding {
        position: relative;
    }
    .faculty #faculty-mapping-form #prefer_clonefield .controls .col-md-12.no-padding > .col-md-2 {
        position: absolute;
        top:0;
        right: -4px;
    }
    .faculty #faculty-mapping-form #workload_clonefield .controls .col-md-12.no-padding .col-md-2:last-child {
        position: absolute;
        top:0;
        right: 0px;
    }
    #workload_clonefield .col-md-12 .col-md-2,
    #workload_clonefield .col-md-12 .col-md-3{
        padding: 0;
        margin-bottom: 5px;
    }
    #workload_clonefield .controls .entry.input-group{
        margin-bottom: 10px;
    }
    .faculty #faculty-mapping-form .controls .col-md-12.no-padding > .col-md-2 .btn-pref-add,
    .faculty #faculty-mapping-form .btn-workload-add{
        padding: 7px 10px;
    }
    .mobile-menu.mini #accordion2 ul {
            width: 60px !important;
    }
    .page-sidebar.mini {
        margin-top: 60px;
    }
    

}
/* Portrait view of all tablet devices */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .testimonial-sidebar-block {
        display:none !important;
    }
    
    #semester-list .pull-left{
        /*display:none;*/
        width: 80px !important; 
    }
    #calendar {
        width: 100% !important;
        float: none !important;
        margin-top: 20px !important;
    }
    #minicalendar {
        width: 100% !important;
        float: none !important;
    }
    .col-md-3.planner-type-outer {
        width: 100% !important;
    }
    .col-md-3.event-type-outer {
        width: 100% !important;
    }
    .col-md-3.calendar_btn {
        width: 100%;
    }    
    .header-seperation {
        /*display: block !important;*/
        z-index: 999;
        text-align: center;
    }
    
    .logo-main {
        width: auto !important;
    }
    /*.cloned-row {
        width: 66% !important;
    }*/ /* kannan */
    .login-container {
        width: 100%;
    }
    /*#accordion2 .accordion-group {
        background: #222C30 none repeat scroll 0 0;
    }*/
    
    .tableWrapper .formSectionRow td {
        float: left !important;
    }
    
    #accordion2 .accordion-group a {
        color: #8b91a0;
        padding: 10px 15px !important;
    }
    .submenulist .accordion-group.accordion-heading {
        background: #22262e none repeat scroll 0 0;
    }
    
   /*.logo {
        margin-left: 12px;
        margin-top: 4px;
    }*/
    
    .header .logoff-mob {
        margin-left: 0px;
    }
    .header .chat-toggler {
        margin-right: 0px;
    }
    .page-content .content {
        padding-top: 95px;
    }
    .page-sidebar {
        position: fixed;
        width: 220px;
        background-color: #222C30 !important
    }
    /*#main-menu-wrapper {
        margin-left: -5px !important;
       
    }*/
    .user-info-wrapper {
        margin-left: 10px;
    }
    .menu-title {
        border-bottom: 0px solid #eee !important;
    }
    .page-sidebar .user-info {
        display: inline-block;
    }
    .page-sidebar> p {
        display: block;
    }
    .page-sidebar > .status-widget {
        display: block;
    }
    .page-sidebar > .notification-alert {
        display: inline-block;
    }
    
    .page-sidebar .page-sidebar-wrapper > ul li span.title {
        display: inline-block;
    }
    .page-sidebar .page-sidebar-wrapper >ul li span.arrow {
        display: inline-block;
        float: right;
    }
    
    .page-sidebar .page-sidebar-wrapper > ul li span.badge {
        display: inline-block;
    }
    .page-sidebar .page-sidebar-wrapper ul li span.label {
        display: inline-block;
    }
    .page-sidebar .page-sidebar-wrapper > ul {
        width: 260px;
        padding-top: 0px !important;
    }
    .page-sidebar .profile-wrapper {
        display: inline-block;
    }
    
    .page-sidebar .page-sidebar-wrapper > .side-bar-widgets {
        display: block;
    }
    .footer-widget {
        display: block;
    }
    
    .page-sidebar .page-sidebar-wrapper > ul > li > a {
        padding: 11.5px 31px 11.5px 31px;
        color: #8B91A0;
    }
    
    .page-sidebar .page-sidebar-wrapper > ul > li >a:hover,
    .page-sidebar .page-sidebar-wrapper > ul > li:hover >a {
        background: #222C30;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover, .page-sidebar .page-sidebar-wrapper > ul > li:hover > a {
        padding: 11.5px 31px 11.5px 31px;
    }
    
    .page-sidebar .page-sidebar-wrapper > ul > li > a i {
        color: #8B91A0;
    }
    
    .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu {
        position: relative;
        margin: 0px;
    }
    .inner-menu {
        margin-left: 0px;
        margin-top: 60px;
    }
    .inner-menu-layout .page-content {
        margin-left: 200px;
    }
    .scrollup {
        left: 244px;
    }
    /* .page-content {
        margin-left: 50px;
    } */
    #filter-option-div .radio-success .radio-inc {
        float: none;
        height: 30px;
        text-align: left;
        margin: 0;
        padding: 0 !important;
    }
    .grid {
        margin-bottom: 0;
    }
    .page-content .content {
        /*padding: 60px 0px 25px; /* kannan */
    }
    
    .widget {
        margin-right: 0px;
    }
    .row-fluid.2col [class*="span"] {
        width: 48% !important;
        margin: 0px;
        margin-bottom: 10px;
    }
    .row-fluid [class*="span"] {
        /*width: 100% ;*/
        margin: 0px;
        margin-bottom: 10px;
    }
    
    .row-fluid [class*="offset1"] {
        margin-left: 0px !important;
    }
    .column-seperation > div[class*="col-"] {
        border-right: none;
    }
    
    /** Profile Page **/
    .user-profile-pic {
        text-align: center;
    }
    .user-mini-description h3,.user-mini-description h5 {
        text-align: center;
    }
    
    /** Login Page **/
    .login-container {
        padding: 0 0px;
    }
    
    .spacing-bottom-sm {
        margin-bottom: 20px;
    }
    
    .error-wrapper {
        margin-bottom: 0px;
        padding: auto;
    }
    
    .widget-item.narrow-margin {
        margin-right: auto;
    }
    
    
}
@media (max-width: 1000px) {
    /*#Parks.list .meta {
        width: 150px;
    }*/
    .dashboard-principal-index .principalprofileHeader .dashedborder{
        border-right: none !important;
    }
    .dashboard-principal-index .principalprofileHeader{
        border-left: none !important;
    }
}
@media (min-width: 768px) {
    .header-seperation {
        background: #fff;
    }
}
/*** Desktops & Laptops ***/
@media (min-width: 980px) {
    
    /*** Page sidebar ***/
    .page-sidebar {
        display: inline-block;
        float: left;
        position: fixed;
        width: 220px;
        margin-top: 60px;
    }
    .page-sidebar.fixed {
        position: fixed;
    }
    .page-sidebar ul {
        width: 220px;
    }
    
    /*** Page content ***/
    .page-content {
        margin-left: 0px;
        min-height: 1022px;
    }
    
    .page-content.no-min-height {
        min-height: auto;
    }
    
    /*.full-width-page .page-content {
        margin-left: 0px !important;
    }*/
    
    .inner-menu {
        margin-left: 50px;
        padding-top: 60px;
    }
    /** Const size button for medium devices **/
    .btn-cons-md {
        min-width: 120px;
    }
    

}
/*** General tablets and phones ***/
@media (max-width: 979px) {

    /*** Body ***/
    body {
        margin: 0px !important;
    }
    
    /*** Page header ***/
    .header {
        margin: 0 !important;
        height: 60px;
    }
    
    .header .nav li.dropdown i {
        display: inline-block;
        position: relative;
        top: 1px;
        right: 0px;
    }
    
    .header .nav {
        margin-bottom: 0px !important;
        margin-left: 15px;
    }
    
    /*** Page container ***/
    .page-container {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .fixed-top .page-container {
        margin-top: 0px !important;
    }
    
    /*** Page content ***/
    .page-content {
        margin-top: 0;
    }
    .tiles {
        margin-right: 0px;
    }
    .tiles.added-margin {
        margin-right: 0px;
    }
    
    .page-content .admin-bar .admin-bar-inner {
        margin-right: 0px;
    }
    
    .col-md-3.calendar_btn {
        width: 100% !important;
    }
    .col-md-3.calendar_btn .btn-group .btn {
        margin-right: 5px;
    }

}
@media (min-width: 901px) and (max-width: 1000px) {
    #notification-panel .modal-dialog.modal-md {
        width: 400px !important;
    }
    .page-title .search_by_form {
        width: 50%;
    }   
    #search_by {
     width: 161px;
    }
    /* nbaquestiontemplate-form */
    .ComType_clone_new .col-md-3 {
        float: left;
        width: 30%;
    }
}
@media (min-width: 801px) and (max-width: 1000px) {
     #accordion2 .accordion-group a {
        color: #8b91a0;
        padding: 10px 15px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .pull-right.nav-settings .search #searchString{
        width: 123px !important;
    }
    .principalcountpanel.col-md-5,
	.principalcountpanel.col-md-3,
	.principalcountpanel.col-md-2{
		width: 100% !important;
	}
    #Parks.list .mix {
        padding: 8px 0 14px;
    }
    #Parks.list .titles h2 {
        font-size: 12px;
    }
    #Parks.list ul li .titles{
        width: 95%;
    }
    #Parks.list .img_wrapper {
        margin-right: 10px;
        display: none;
    }
    #Parks.list .meta {
        width: 29%;
    }
    #Parks.list .list_header .meta.name,
    #Parks.list .meta.name{
        width: 40%;
    }
    /* invoice */
    .invoice_create .addComponent .table-flip-scroll thead  {
        width: 50%;
        float: left;
    }
    .invoice_create .addComponent table.table-flip-scroll td,
    .invoice_create .addComponent table.table-flip-scroll th {
        width: 100%;
        float: left;
        display: block;
        height: 40px;
        padding: 4px;
    }
    .invoice_create .addComponent table.table-flip-scroll th:first-child ,
    .invoice_create .addComponent table.table-flip-scroll td:first-child {
        height: 115px;
    }
    .invoice_create .addComponent table.table-flip-scroll th {
        text-align: left !important;
    }
    .invoice_create .addComponent .table-flip-scroll tbody {
        display: block;
        overflow-x: auto;
        position: relative;
        white-space: nowrap;
        width: auto;
    }
    .invoice_create .addComponent  .table-flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    .invoice_create .addComponent .item-det .col-dis {        
       width: 100% !important; 
    }
    .invoice_create .addComponent table.table-flip-scroll .btn-group{
        width: 100%;
    }
    .invoice_create .addComponent table.table-flip-scroll .btn-group .invoice_discount{
        float: left;
    }
    .invoice_create .addComponent .item-det .ex_invoice_amount ,
    .invoice_create .addComponent .invoice_quantity,
    .invoice_create .addComponent .select2-container--default .select2-selection--single .select2-selection__rendered{
        text-align: left;
    }
    .invoice_create .addComponent .item-total span {
        float: left;
        padding-right: 5px;
    }
    .invoice_create .btn-danger.det-btn,
    .invoice_create .btn-danger.det-add{
        width: 9%;
    }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .courseevaluation_ques_wrapper {
        margin-left: 0px !important;
       
    }
    #notification-panel .modal-dialog.modal-md {
        width: 400px !important;
    }
    .header .pull-right.nav-settings .nav {
        margin-bottom: 0 !important;
        margin-left: 0;
    }
    .header .nav .h-seperate {
        margin: 0 7px 0 0;
    }
    .pull-right.nav-settings {
        display: block !important;
    }
    .tab_task_bar_mobile{
        display: none !important;
    }
   /* .header .pull-right.nav-settings {
        background: #fff none repeat scroll 0 0;
        box-shadow: 3px 0 4px #e7e7e7;
        margin-top: 10px;
        padding-bottom: 10px;
        padding-left: 21px;
    }*/
    .pull-left .nav-search .search  #q {
        width: 100px !important;
    }
    .pull-right.nav-settings {
        display: none;
    }
    .tab_task_bar_mobile {
        /*display: block !important;*/
        float: right;
        margin-bottom: 0;
        padding: 20px 8px 0;
    }
    .tab_task_bar_mobile li {
        list-style: none;
    }
    #semester-list .pull-left{
        width: 113px;
    }
    .page-sidebar {
        width: 219px;
    }
    /*.navbar .header-quick-nav.nav-slider {
        width: 71%;
        float: left;
    }*/
    /* Table layout Manage - Users */
    .button-column .activation {
        float: none;
    }
    /* Attendance faculty daily  */
    /*#mark_attendance_form .grid-body {
        text-align: center;
    }*/
    #mark_attendance_form .col-md-1 {
        text-align: left;
    }
    #mark_attendance_form .col-md-2 {
        margin-bottom: 10px;
    }
    #mark_attendance_form .col-md-9 .col-md-2.pull-right {
        float: none !important;
        margin-top: 10px;
    }
    #userlist #userlist_c6 ,
    #userlist .grid_custom_cols.field_item_createtime,
    #userlist #userlist_c5 ,
    #userlist .grid_custom_cols.field_item_lastvisit{
        display: none;
    }
    /* nbaquestiontemplate-form */
    #nbaquestiontemplate-form .tableWrapper{
       width: 500px;
    }
    .ComType_clone_new .col-md-3 {
        float: left;
        width: 30%;
    }
    
}

@media (max-width: 840px) {
    #Parks.list .meta.region,
    #Parks.list .meta.rec {
        display: none;
    }
}
@media (max-width: 767px) {
    .input-prepend.inside.search-form.m-r-10 {
        display: none !important;
    }
     .tab_task_bar_mobile {
        display: block !important;
        float: right;
        margin-bottom: 0;
        padding: 20px;
        position: absolute;
        right: 0;
     }
     .tab_task_bar_mobile #header_task_bar_mobile > a {
        padding: 5px;
     }
     #header_task_bar_mobile {
        list-style: none;
     }
    /* home page */
    /* mobile menu */
    /*.page-sidebar.clearfix.mobile-menu.sidr.left {
        display: none;
    }
    .page-sidebar.clearfix.sidr.left.sidrmenu {
        display: block;
    }*/
    .controls > input[type="text"] {
        width: 100%;
     }
    .page-rolemanagement .table tr{
        position: relative;
    }
    
    .principalcountpanel.col-md-5,
	.principalcountpanel.col-md-3,
	.principalcountpanel.col-md-2{
		width: 100% !important;
	}
    .testimonial-sidebar-block {
        display:none !important;
    }
    .header-seperation {
        display: block !important;
    }
    #calendar {
        width: 100% !important;
        float: none !important;
        margin-top: 20px !important;
    }
    #minicalendar {
        width: 100% !important;
        float: none !important;
    }
    .col-md-3.planner-type-outer {
        width: 100% !important;
    }
    .col-md-3.event-type-outer {
        width: 100% !important;
    }
    
    /*** Page header ***/
    .header .navbar-inner .container-fluid {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    #application-list-grid .filters {
        display: none;
    }
    .table-bordered {
        margin-top: 30px;
    }
    .page-sidebar.mobile-menu.sidr {
        display: block;
    }
    #main-menu-wrapper {
        margin-left: -5px !important;
        margin-top: 60px !important;
    }
    
    #rootwizard.col-md-12, #rootwizardedit.col-md-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #rootwizard .tab-content, #rootwizardedit .tab-content {
         padding: 10px !important;
    }
    
    .header .top-nav .nav {
        margin-top: 0px;
        margin-right: 5px;
    
    }
    
    .header .nav > li > .dropdown-menu.notification:after,
    .header .nav > li > .dropdown-menu.notification:before {
        margin-right: 180px;
    }
    
    .header .nav > li > .dropdown-menu.notification {
        margin-right: -180px;
    }
    
    .header .nav > li > .dropdown-menu.inbox:after,
    .header .nav > li > .dropdown-menu.inbox:before {
        margin-right: 140px;
    }
    
    .header .nav > li > .dropdown-menu.inbox {
        margin-right: -140px;
    }
    
    .header .nav > li > .dropdown-menu.tasks:after,
    .header .nav > li > .dropdown-menu.tasks:before {
        margin-right: 90px;
    }
    
    .header .nav > li > .dropdown-menu.tasks {
        margin-right: -90px;
    }
    
    .nav.quick-section.nav-search li {
        border: 1px solid #848585;
    }
    .nav.quick-section.nav-search li span {
        margin-left: 0 !important;
        left: 0 !important;
    }
    .nav.quick-section.nav-search li .search {
        border-left: 1px solid #848585;
    }
    .header-seperation {
        width: 100.5% !important;
        z-index: 999;
        text-align: center;
        min-height: 60px;
        /*background:#222C30 !important;*/
        display: block;
    }
    .header .logoff-mob {
        margin-left: 15px;
    }
    .search #load_more{
        width: 100%;
        z-index: 99;
    margin-left: -45px;
    margin-top: 33px;
    }
    .logo {
        margin-right: auto;
        margin-left: 60px;
        margin-top: 10px;
    }
    .user-info-wrapper {
        margin-left: 10px;
        padding-left: 20px;
    }
    
    .menu-title {
        border-bottom: 0px solid #eee !important;
    }
    
    .sidr.left {
        left: 0;
        right: auto;
    }
    .nav-settings, .header .nav-search {
        display: none;
        background: #FFFFFF;
    }
    .pull-right.nav-settings {
        box-shadow: 1px 2px 3px #e5e5e5;
        padding-bottom: 10px;
        width: 100%;
    }
    .header .pull-left {
        width: 50%;
    }
    #header_task_bar_mobile {
        margin-right: 4px;
    }
    .header .pull-left .nav-search{
        margin: -20px 0 0;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }
    .header .pull-left .nav-search > li{
        float: none;
        margin-top: 9px !important;
        text-align: center;
    }
    #clone-custom-module-grid-d {
        width: auto;
    }
    #preview_form .tiles:nth-child(2) > .pull-right {
        margin: 20px;
        text-align: center;
        width: 100%;
    }
    /* Admissionregistration */
    .filterPanel h3 span {
        float: left;
    }
    .filterPanel h3 .fa-angle-down.pull-right {
        float: right;
        width: auto !important;
    }
    .filterPanel .advanced-filter-toggle {
        margin-left : 0;
    }
    .grid.simple .filterPanel .grid-title {
        padding: 14px 5px 7px;
    }
    #frm-adv-filteradmissionregistration .select2-container {
        width: 100% !important;
    }
    .row .grid .grid-body.no-border .pull-right {
        width: auto !important;
    }
    .invoice_create.row .grid .grid-body.no-border .pull-right.col-xs-12 {
        width: 100% !important;
    }
    .page-feespayment .row .grid .grid-body.no-border .pull-right.col-md-6.col-xs-12 {
        width: 100% !important;
    }
    .row .grid .grid-body.no-border .pull-right #view-format.btn-group{
        display: none;
    }
    .row .grid .grid-body.no-border .page-size-wrap span strong {
        font-size: 12px;
    }
    .row .grid .grid-body.no-border .page-size-wrap {
        margin: auto;
        text-align: left;
    }
    .row .grid .grid-body.no-border .page-size-wrap .select2{
        width: 53px !important;
    }
    #custom-module-grid .summary {
        display: none;
    }
    .admission #application-list-grid .summary {
        display: none;
    }
    /*** Page content ***/
    .content .page-title {
        margin-left:0 !important;
        width : 100%;
    }
    .page-content.condensed {
        margin-left: 0px;
    }
    .page-content .content {
        /*padding: 60px 8px 8px;*/
    }
    #rightshare div > a {
        word-wrap: break-word;
    }
    .cbp_tmlabel .social-share-image img {
        height: 100% !important;
    }
    
    /*** Portlet form action ***/
    .portlet-body.form .form-actions {
        padding-left: 15px;
    }
    
    .page-sidebar {
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
    
    .form-horizontal .form-actions {
        /*padding-left: 180px; */
    }
    
    .form-horizontal .stickyFormFooter {
        width: 93% !important;
        margin-left: 10% !important;
    }
    
    .no-margin-grid .row-fluid [class*="span"] {
        width: 100% !important;
        margin: 0px;
        margin-bottom: 10px;
    }
    
    .tiles.margin-reset {
        margin-left: 0px;
    }
    
    /** Profile Page **/
    .user-profile-pic {
        text-align: center;
    }
    .user-mini-description h3,.user-mini-description h5 {
        text-align: center;
    }
    /** email **/
    .email-body {
        padding: 8px !important
    }
    
    /**/
    
    /** Login Page **/
    .register-container > .tiles {
        width: 100%;
    }
    .login-container {
        padding: 0 10px;
    }
    
    .table td.small-cell, .table th.small-cell {
        width: 42px;
    }
    
    .error-wrapper {
        margin-bottom: 0px;
        min-height: 624px;
        height: 624px;
    }
    
    .widget-item.narrow-margin {
        margin-right: auto;
    }
    
   /* .page-content.condensed {
        margin-left: 0px;
    }*/
    
    .nav.pull-right.logoff-mob {
        display: block !important;
        margin: 12px !important;
    }
    .nav.pull-right.notifcation-center {
        display: none !important;
    }
    
    .scrollup {
        display: none;
    }
    /* admissionregistration page */
    #filter-body-content.modal-body {
        padding: 8px;
    }
    #filter-body-content #column-filter-form .ms-container {
        width: 100% !important;
    }
    .grid-body.no-border.filter-body {
        padding: 20px 20 0;
    }
    /* Tabbed Form */
    form .tabbable ul.nav-tabs {
        float: left;
        width: 100%;
    }
    
    #institution-list .heading{
           float: left !important;
    width: 83%;
    }
    .sem-title {
        display: inline-block;
        overflow: hidden;
        overflow-wrap: normal;
        padding-top: 2px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 85%;
    }
    /* Groups */
    #nestable .btn.btn-white.btn-mini.pull-right {
        width: auto;
    }
    .dd-handle > a {
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
        width: 52%;
    }
    /* Roles and - Permissions */
    .role-table .table .ui-sortable tr {
        float: left;
        width: 100%;
    }
    .role-table .table .ui-sortable tr td {
        margin-left: 10px !important;
    }
    #menu a.drpdwna.btn{
        float: none;
        border-radius: 0;
    }
    #menu .btn-group {
        text-align: center;
    }
    .btn-mini {
        margin-bottom: 5px;
    }
    /* Administration Menu Settings */
    .form-group-panel .form-group {
        padding-left: 4%;
        padding-right: 0;
    }
    /* Role */
    .grid .conelabel_entries_list tr td:last-child,.grid .conelabel_entries_list tr th:last-child {
        width: 100px !important;
    }
    .course .detail-view .tableWrapper .formSectionRow > td {
        width: 50%!important;
        display: inline-block;
    }
    /* Attendance faculty daily  */
    .mark_attendance_form {
        
    }
    /* Attendance faculty daily  */
    /*#mark_attendance_form .grid-body {
        text-align: center;
    }*/
    #mark_attendance_form .col-md-1 {
        text-align: left;
    }
    #mark_attendance_form .col-md-2 {
        margin-bottom: 10px;
    }
    #mark_attendance_form .col-md-9 .col-md-2.pull-right {
        float: none !important;
        margin-top: 10px;
    }
    .fa_box.fa_box_first {
        padding-left: 5px !important;
    }
    .fa_box.fa_box_last {
        padding-right: 5px !important;
    }
    .tiles.added-margin {
        margin-right: 0;
        padding: 5px;
    }
    /* Login page */
    .row.login-container.animated .tiles.white.no-padding.pull-right {
        overflow: scroll;
    }
    /* faculty */
    .faculty #faculty-mapping-form .controls .col-md-12.no-padding {
        position: relative;
    }
    .faculty #faculty-mapping-form #prefer_clonefield .controls .col-md-12.no-padding > .col-md-2 {
        position: absolute;
        top:0;
        right: -4px;
    }
    .faculty #faculty-mapping-form #workload_clonefield .controls .col-md-12.no-padding .col-md-2:last-child {
        position: absolute;
        top:0;
        right: 0px;
    }
    #workload_clonefield .col-md-12 .col-md-2,
    #workload_clonefield .col-md-12 .col-md-3{
        padding: 0;
        margin-bottom: 5px;
    }
    #workload_clonefield .controls .entry.input-group{
        margin-bottom: 10px;
    }
    .faculty #faculty-mapping-form .controls .col-md-12.no-padding > .col-md-2 .btn-pref-add,
    .faculty #faculty-mapping-form .btn-workload-add{
        padding: 7px 10px;
    }
    #addFilterFormulaBody .filterDisplay ,
    #addFormulaBody .FieldDisplay{
        width: 100%;
    }
     #reports-form .rule-filter-container select {
        width: 100% !important;
    }    
}
/* Browsers Resizing */
/*** Phones ***/
@media screen and (min-width: 320px) and (max-width: 767px) {
    /* */
    .breadcrumb {
      display: none;
    }
    
    #quiz-container .modal-dialog, #quiz-container .modal-footer{
        width: 95% !important;
    }
    .detail-heading{
        margin-top:-35px !important;
    }
    .page-content > .content{
        width:100% !important;
        /* margin-top:20px !important; */
        margin: 0 auto;
    }
    .UserLogin {
        margin-left: 0px;
        margin-top: 10px;
        padding-left: 0px;
        text-align: center;
    }
    .filterBtnDiv.mobile_filter {
        display:block !important;
    }
    .row.filter-container ,
    .row.relationviewcontainer.classright {
        width:100% !important;
    }
    .classright {
        float:left !important;
    }
    #filtercontent .filter-body {
        border:0;
    }
    .togglefilter {
        display:none;
    }
    #filtercontent.filterPanel .filter-body {
        height:auto !important;
    }
    #filtercontent {
        margin-left: 2px !important;
        margin-top: 0px !important;
    }
    #legend.rickshaw_legend {
        display: none;
    }
    #filter-option-div h4 {
     position: relative;   
    }
    .toogle_filter {
        background-image: url('../img/arrow-down.png');
        height: 13px;
        width: 16px;
        background-repeat: no-repeat;
        display: inline-block;
        transform: rotate(0deg);
        transition: transform 1.4s, opacity 5.4s;
        position: absolute;
        top: 5px;
    }
    .toogle_filter.arrow_down {
        background-image: url('../img/arrow-up.png');
        height: 13px;
        width: 16px;
        background-repeat: no-repeat;
        display: inline-block;
        transform: rotate(-180deg);
        transition: transform 1.4s, opacity 5.4s;
        position: absolute;
        top: 5px;
    }
    hr {
        
    }
    .quicklinks.submenupopover.header_menu {
        position:absolute;
        top:0;
    }
    .submenupopover .popover {
        left: 5px !important;
    }
    #scroller .col-md-8{
        padding-left: 6px !important;
    }
    /* Calander */
    .calendar .page-title h3 {
        width: 40% !important;
    }
    #calendar .fc-right .fc-month-button.fc-button{
        float: left;
    }
    #calendar .fc-toolbar .fc-center {
        float: left;
        text-align: center;
        width: 100%;
    }
    #calendar .fc-center h2 {
        float: none;
        margin-left: 0 !important;
        margin-top: 20px ;
    }
    .calender_left.col-md-3 {
        width: 100% !important;
    }
    .calendar .tiles-body .row {
        clear: both;
    }
    .calendar .bottom-left {
        left: auto;
    }
    .calendar .col-md-8 .tiles-body > .row{
        padding:  0 10px;
    }
    #edit-event .input-group.form_date {
        margin-bottom: 10px;
    }
    #edit-event .modal-dialog.modal-md {
        margin: 0  auto;
    }
    #edit-event .form-control.cal-color {
        float: left;
        height: auto;
    }
    #edit-event .form-control.cal-color span{
        margin:  5px 5px !important;
    }
    #internaluser , #externaluser {
        padding:  0;
    }
    .tabs-left .invite_user {
        min-height: 150px;
    }
    
    /* grading page  */    
    .grading-mobile .col-md-2 label, .grading-mobile .col-md-4 label{
        display: block !important;
        padding-top: 5px;
    }
    .grading-web .col-md-2 label, .grading-web .col-md-4 label{
        display: none;
    }
    .grading-mobile .col-md-2 , .grading-mobile .col-md-4{
        padding: 0;
        float: left;
        width: 100%;
    }
    .grading-mobile .input-group-btn {
        padding-top: 5px;
    }
    form .formSection .tableWrapper table.formCreate .formSectionRow td {
        width: 100% !important;
    }
    form .formSection .tableWrapper table.formCreate table.formRenderCheckbox td {
        width: auto !important;
    }
    #Parks #SortByName{
        padding-left: 10px;
    }
    #rootwizardedit .complete .title{
        font-size: 67%;
    }
    #quiz-form .tableWrapper {
        padding: 0px; 
    }
    /* quiz footer */
    .modal-footer.quiz-footer a{
        width: 100%;
        margin-top: 10px;
    }
    .modal-footer.quiz-footer a:nth-child(2) {
        float: right;
    }
    /* job */
    .user-description-box {
        margin: 10px 15px;
        padding: 20px 10px 20px 71px;
    }
    .user-profile-pic {
        margin: -22px 13px;
    }
    /* nbaquestiontemplate-form */
    #nbaquestiontemplate-form .tableWrapper{
       width: 460px;
    }
    .ComType_clone_new .col-md-3 {
        float: left;
        width: 30%;
    }
    .footer_signup {
        position:relative;
        width: 100%;
    }
    /* courseevaluation-group */
    .courseevaluation-group table thead th{
        border: 1px solid #ddd;
    }
    .courseevaluation-group table thead th,
    .courseevaluation-group table tbody td{
        min-height: 50px;
        word-wrap: break-word;
        white-space: normal;
    }
    .courseevaluation-group table tbody tr {
        border-right: 1px solid #ddd;
    }
    .courseevaluation-group table thead th:first-child,
    .courseevaluation-group table tbody td:first-child,
    .courseevaluation-group table thead th:nth-child(2),
    .courseevaluation-group table tbody td:nth-child(2){
        min-height: 95px;
       
    }
    .courseevaluation .courseevaluation-group {
        margin-top: 0px;
        margin-left: 0px;
    }
    .table.table-flip-scroll.cf {
        width: 100% !important;
    }
    .table-flip-scroll thead tr {
        display: block;
    }
    .table-flip-scroll thead {
        width: 50%;
        display: block;
        float: left;
    }
    .table-flip-scroll th {
        display: block;
        text-align: left;
        width: 100% !important;
    }   
    .table-flip-scroll th  {
        border-top: 1px solid #ddd;
    }
    .table-flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
    .table-flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    .table-flip-scroll tbody tr {
        width: 99% !important;
    }
    .table-flip-scroll tbody tr td {
        width: 99% !important;
        float: left;
    }
    .courseevaluation_ques_wrapper {
        margin: 0 !important;
    }
    .courseevaluation_ques_ans tr {
        width:100%;
        float: left;
    }
    
    .courseevaluation_ques_ans tr td:first-child {
        width: 35% !important;
        min-height: 60px;
        float: left;
    }
    .courseevaluation_ques_ans tr td:nth-child(2) {
        width: 65% !important;
        min-height: 60px;
        float: left;
    }
    .courseevaluation_ques_ans tr td:nth-child(2) p {
        margin: 0;
    }
    .courseevaluation_ques_ans tr:first-child td {
        min-height: 80px;
    }
} /* 320 - 767 */
@media screen and (min-width: 481px) and (max-width: 767px) {
    .pull-right.nav-settings {
        box-shadow: 0 0 0 #e5e5e5;
        padding-bottom: 10px;
        width: 47%;
        top: 4px;
        position: absolute;
        right: 2%;
        background: none;
    }
    
    .pull-right.nav-settings {
        display: block !important;
    }
    .tab_task_bar_mobile {
        display: none;
    }
    #notification-panel ,#notification-panel .modal-dialog.modal-md {
        
        padding: 0;
        margin: 0;
        overflow: hidden;
        right: 0;
    }
    #notification-panel .modal-dialog.modal-md {
        width: 350px !important;
    }
    #notification-container > div > span:nth-child(2) {
        margin-left: 26% !important;
    }
    .header-quick-nav.nav-slider .submenupopover .popover {
        width: 100%;
        position: fixed;
        max-width: 320px;
        padding: 5px 5px 25px;
    }
    .header-quick-nav.nav-slider .submenupopover .popover-content {
        padding : 0;
    }
    .col-md-9.menu-right {
        padding-left:0 !important;
    }
    .header-quick-nav.nav-slider .submenupopover .parent-menu {
        width: 100%;
    }
    .col-md-9.menu-right .menu-row {
        margin-top: 10px;
        padding-bottom: 18px;
    }
    .col-md-9.menu-right .menu-row .col-md-4.menu-panel {
        width: 50%;
        float: left;
    }
    .submenupopover.header_menu .popover.bottom > .arrow {
        left: 2.5%;
    }
    .popover-content #scroller {
        max-height: 320px;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
    .submenupopover.header_menu .col-md-9.menu-right {
        max-height: unset !important;
        overflow: auto;
    }
    .header .pull-right.nav-settings .chat-toggler {
        display: block;
        float: none;
        margin: 0 auto;
        min-width: 120px;
        position: relative;
        right: 0;
        top: 10px;
        width: 455px;
    }
    .header .pull-right.nav-settings .nav.quick-section {
        display: block;
        text-align: center;
        width: 100%;
    }
    .header .pull-right.nav-settings .nav.quick-section li:first-child{
        display: none;
    }
    .header .pull-right.nav-settings .nav.quick-section li {
        display: block;
        float: none;
        margin-top: 5px;
    }
    .header .pull-right.nav-settings .nav.quick-section li a{
        display: block;
        float: none !important;
    }
    /*.page-title .btn-group.pull-right {
        margin-top: 7px;
    }*//* kannan */
    .hostelrequest .page-title .btn-group.pull-right {
        margin-top: 0px;
    }
    .page-title .btn-group.filterBtnDiv.pull-right {
        margin-top: 0px;
    }
    
    .page-title h3{
        width: 100%;
    }
    .search_by_form {
        margin: 10px auto 0;
        width: 380px;
        float: none;
    }
    .linkshare #rightshare {
        float: left;
        margin-left: 14px;
        width: 71%;
    }
    .linkshare #leftshare {
        float: left;
        min-height: 85px;
        width: 104px;
    }
    #semester-list {
        margin-bottom: 20px;
    }
    #semester-list .heading .pull-left {
        width: 100px;
    }
    #layout-condensed-toggle {
        margin-left: -4px;
        margin-top: -60px;
    }
    /*#institution-list {
       width: 31%;
    }*/
    .form-actions {
        margin: 0;
    }
    /* Default form */
    form .formSection .tableWrapper table {
        width: 100%;
    }
    form .formSection .tableWrapper {
        padding: 0px;
    }
    form .formSection .formSectionRow td{
        width: 50% !important;
        float: left;
        padding: 0 20px;
    }
    form .formSection .formInputBox {
        width: 100% !important;
    }
    form .formSection .formInputBox>input[type="text"],form .formSection .formInputBox>input[type="file"] ,
    form .formSection  .field_c_pre_assessment_link .select2-container ,
    form .formSection .input-group {
        width: 100% !important;
    }
    form .formSection .formInputBox > .col-md-12 {
        padding:0
    }
    form  .formSection .formInputBox .col-md-5 {
        padding:0;
        margin:0 !important;
    }
    .program form .formSection .tableWrapper table td {
        padding: 0;
        width: 100% !important;
    }
    /* popup form */
    form .wizard.wizard-actions {
        left: 0;
        margin: 0 !important;
        width: 100%;
        /*text-align: center;*/
    }
    form  .wizard.wizard-actions input/*,form  .wizard.wizard-actions li*/ {
        width: 100px !important;
    }
    form  .wizard.wizard-actions li {
        width: auto;
    }
    form .wizard.wizard-actions.stickyFormFooter input,
    form .wizard.wizard-actions.stickyFormFooter li{
        /**width: 80px !important;*/
    }
    form .wizard.wizard-actions.stickyFormFooter {
        left: 0;
        right: 0;
        margin: 0 auto !important;
        padding: 14px !important;
        bottom: 0px;
    }
    form .wizard.form-actions input{
        width: auto !important;
    }
    form .wizard.form-actions {
        margin-bottom: 0;
        margin-left: 0 !important;
        width: auto;
    }
    .grid.simple form .wizard.form-actions{
        margin: 0 !important;
    }
    .grid.simple form .wizard.form-actions.stickyFormFooter{
       margin-bottom: -30px !important;
       margin-left: 0px;
       margin-right: 0 !important;
    }
    .grid.simple form .wizard.form-actions.stickyFormFooter #reset{
        margin-top: 0px;
    }
    form .wizard.wizard-actions input, .wizard.stickyFormFooter input {
        margin-top:0;
    }
    /* kannan mail responsive */
    #mailbox .table td.small-cell{
        width: 34px !important;
    }
    #mailbox .table-flip-scroll td.clickable.v-align-middle {
         width: 30% !important;
    }
    #mailbox .mailbox-item-wrapper {
        font-size: 11px;
        width: 97%;
    }
    #mailbox div.mailbox-replied {
        background: none;
    }
    #mailbox .pager .next > a,#mailbox .pager .next > span {
        float: none;
    }
    #mailbox .mailbox-attach {
        width: 24px !important;
    }
    #mailbox .mailbox-received {
        padding: 6px 4px;
        width: 53px !important;
    }
    .mailbox-summary {
        float: left;
        margin: 0 auto;
        text-align: left;
        width: 100%;
    }
    .mailbox-summary .summary {
        text-align: center;
    }
    #mailsearch{
        width: 76% !important;
    }
    #email-list .search-form {
        width: 40% !important;
    }
    .label_in_entry {
        margin-bottom: 7px;
    }
    /* */
    #userlist .table {
        table-layout: fixed;
    }
    #userlist .table tr th:nth-child(6) ,
    #userlist .table tr th:nth-child(7) ,
    #userlist .table tr td:nth-child(6) ,
    #userlist .table tr td:nth-child(7) ,
    #userlist .table tr td:nth-child(7) ,
    #userlist .table i{
        display: none;
    }
    #userlist .table td {
        overflow: hidden;
    }
    #yw1 .table-flip-scroll thead tr th {
        width:auto !important;
    }
    /**/
    #Parks ul {
        padding-left: 0;
        font-size: 12px;
        clear: both;
    }
    #Parks .list_header div ul li:first-child {
        width: 100%;
    }
    #Parks.list .list_header {
        width: 100%;
        float: left;
        height: auto;
    }
    #Parks.list .titles {
        width: 57%;
    }
    .content #Parks.list .img_wrapper {
        height: 80px;
        width: 100px !important;
        margin-right: 5px;
    }
    /* invoice */
    .invoice_create .addComponent .table-flip-scroll thead  {
        width: 50%;
        float: left;
    }
    .invoice_create .addComponent table.table-flip-scroll td,
    .invoice_create .addComponent table.table-flip-scroll th {
        width: 100%;
        float: left;
        display: block;
        height: 40px;
        padding: 4px;
    }
    .invoice_create .addComponent table.table-flip-scroll th:first-child ,
    .invoice_create .addComponent table.table-flip-scroll td:first-child {
        height: 115px;
    }
    .invoice_create .addComponent table.table-flip-scroll th {
        text-align: left !important;
    }
    .invoice_create .addComponent .table-flip-scroll tbody {
        display: block;
        overflow-x: auto;
        position: relative;
        white-space: nowrap;
        width: auto;
    }
    .invoice_create .addComponent  .table-flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    .invoice_create .addComponent .item-det .col-dis {        
       width: 100% !important; 
    }
    .invoice_create .addComponent table.table-flip-scroll .btn-group{
        width: 100%;
    }
    .invoice_create .addComponent table.table-flip-scroll .btn-group .invoice_discount{
        float: left;
    }
    .invoice_create .addComponent .item-det .ex_invoice_amount ,
    .invoice_create .addComponent .invoice_quantity,
    .invoice_create .addComponent .select2-container--default .select2-selection--single .select2-selection__rendered{
        text-align: left;
    }
    .invoice_create .addComponent .item-total span {
        float: left;
        padding-right: 5px;
    }
    .invoice_create .addComponent .det-btn {
        width: 9%;
    }
    /* footer */
    .invoice_create .wizard.form-actions.stickyFormFooter {
        width: 92% !important;
    }
    .page-rolemanagement .table tr td:first-child ,
    .page-rolemanagement .table th:first-child {
        position: absolute;
        left: 0;
    }
    #dashboard .col-md-3.boxpanel {
		width: 50%;
        float: left;
	}
    #dashboard  .tiles .tiles-body {
        padding: 20px 10px 10px !important;
    }
    #dashboard .table-responsive > .table > thead > tr > th{
        white-space: normal;
    }
}
@media screen and (min-width: 481px) and (max-width: 700px) {
    .table.table-flip-scroll {
        table-layout: fixed;
    }
    .table.table-flip-scroll thead th,
    .table.table-flip-scroll tbody td {
        overflow-wrap: break-word;
    }
    /*#custom-module-grid .table.table-flip-scroll thead th:nth-child(3) ,
    #custom-module-grid .table.table-flip-scroll tbody td:nth-child(3) , */
    /*#custom-module-grid .table.table-flip-scroll thead th:nth-child(4) ,    
    #custom-module-grid .table.table-flip-scroll tbody td:nth-child(4){
        display: none;
    }
   /* .studentgroups #custom-module-grid .table.table-flip-scroll thead th:nth-child(4) ,
    .studentgroups #custom-module-grid .table.table-flip-scroll tbody td:nth-child(4){
        display: block;
        float: left;
    }
    .studentgroups #custom-module-grid .table.table-flip-scroll tbody td:nth-child(5),
    .studentgroups #custom-module-grid .table.table-flip-scroll thead th:nth-child(5){
        display: block;
        float: left;
    }
    .studentgroups .table.table-flip-scroll thead th, .table.table-flip-scroll tbody td {
        width: auto !important;
        float: left;
    }*/
    /*.table.table-flip-scroll thead th:nth-child(4) ,
    .table.table-flip-scroll thead th:nth-child(5) ,
    .table.table-flip-scroll tbody td:nth-child(4) ,
    .table.table-flip-scroll tbody td:nth-child(5){
        display: block;
    }
    */
    .table.table-flip-scroll thead th ,
      .table.table-flip-scroll tbody td{
        width: 20%;
    }
  
    #Schedule .table.table-flip-scroll thead th {
        display: table-cell;
        font-size: 12px;
    }
    .row .grid .grid-body.no-border #custom-module-grid table tbody tr td:last-child ,
    .row .grid .grid-body.no-border #custom-module-grid table thead th:last-child{
        width: 50px;
    }
    
    
}
@media (max-width: 540px) {
    #Parks.list .meta.area {
        display: none;
    }
}
@media screen and (min-width: 481px) and (max-width: 540px) {
    .linkshare #rightshare {
         width: 66%;
    }
}
@media screen and (min-width: 481px) and (max-width: 500px) {
    #layout-condensed-toggle {
        margin-left: 10px;
        margin-top: -42px;
    }
}
@media (max-width: 500px) {
    #Parks.grid .mix {
        width: 100%;
        padding-top: 53%;
    }
    
    .drop_down {
        display: none;
    }
    .dashboard-principal-index .user-profile-name{
        margin-left: 35% !important;
    }
}
@media (min-width: 601px) and ( max-width: 900px ) {
    /* Table */
    table {
        overflow-wrap: break-word;
        white-space: normal;
    }
    .page-title h3 {
        width: 145px !important;
    }
    /* Search filter */
    .search_filter {
      width: 60%;
      margin: 0;
    }
    /* Attendance student */
    .atcol {
        position: relative;
        margin-right: 32px;
    }
    .atcol #sessiondatechanger {
        margin-left: auto !important;
        float: right;
        margin-top: 12px !important;
        padding: 0;
    }
    .atcol > .col-md-5 {
            float: right;
            padding: 0;
            width: 100%;
    }
    #tab-4.nav.nav-pills {
        margin-right: 26px;
        text-align: right;
    }
}
@media (min-width: 601px) and ( max-width: 767px ) {
    /* Form tab design */
    #rootwizardedit.tabbed_wizard .tab-content{
        width: 100% !important;
    }
    .row #rootwizardcreate.tabbed_wizard .tab-content .formSection.showSection,
    .row #rootwizardedit.tabbed_wizard .tab-content .formSection.showSection {
        padding: 10px 0 20px !important;
        background: none !important;
        margin-top: 0 !important;
    }
    #rootwizardedit.tabbed_wizard .tab-content td {
        width:100% !important;
        padding: 0;
    }
    .row #rootwizardcreate.tabbed_wizard .form-wizard-steps, .row #rootwizardedit.tabbed_wizard .form-wizard-steps {
        float: left;
        margin: 0 12px;
        padding: 0;
        width: auto;
    }
    /* feespayment installment */
    #add-installments .modal-dialog {
        margin: 0 auto;
    }
    #installements-body .col-md-12 .col-md-3.no-padding{
        float: left;
        width: 48%;
    }
    #installements-body .box-container .col-md-4 {
        display: table;
        float: left;
        text-align: center;
        width: 33.3%;
    }
    #installements-body .col-md-4 {
        width: 33.3%;
        float: left;
    }
    #installements-body  .col-md-3.userdiv {
        width: 28%;
        float: left;
    }
    #add-installments #installements-body .box-container .col-md-4 .alert {
        display: table-cell;
        float: none;
        height: 106px;
        margin: 0;
        min-width: 100%;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
    }
    .calculateincremains, .installment_due {
        min-width: 80%;
        width: 100%;
    }
    
  }
@media (min-width: 320px) and ( max-width: 600px ) {
    /* Remove Control */
    #theme-options , #font-controls , #tour-options{
        display: none !important;
    }
    /* Search */
    .page-title h3 {
         width: 145px !important;
    }
    .quick-section .search #search {
        width: 177px !important;
    }
    /* Search filter */
    .search_filter {
      width: 100%;
      margin: 0;
    }
    .search_filter .modal-header .close{
        margin-top: 24px !important;
    }
    /* Module page */
    .page-admin-modules .tiles-container .p-l-25{
        padding-left: 0;
    }
    .page-admin-modules .tiles-container .tiles.p-t-15    {
        text-align: center;
    }
    .page-admin-modules .tiles-container #searchbymodule{
        float: none !important;
        margin: 0 !important;
        width: auto !important;
    }
    .conelabel_entries_list tr td:last-child, .conelabel_entries_list tr th:last-child
    {
        width:100% !important;
    }
     .wizardnext{
       font-size: 13px !important;
        margin-right: 5px !important;
        /*margin-top: -3px;*/ /* kannan */
        padding: 6px !important;
     }
    .modal-header .close {
        margin-top: 10px !important;
    }
    .wizard.wizard-actions li, .wizard.stickyFormFooter li {
        display: inline-block;
        width: 42%;
        vertical-align: middle;
    }
    .accordion-heading .accordion-toggle{
        padding-left: 20px;
    }
    
    /*#header_task_bar .dropdown-toggle{
        background:#fff !important;
    }*/
    .col-md-12{
        float:left;
        width:100%;
    }
    #main-menu-wrapper {
        margin-left: -5px !important;
        margin-top: 60px !important;
    }
    /*.wizard.wizard-actions li a {
        font-size: 10px!important;
        padding: 3px;
        line-height: initial;
        display: inline-block;
        width: 100%;
    }*/
    .wizard.wizard-actions input, .wizard.stickyFormFooter input
    {
        width: 80% !important;
        /*float: none!important;*/
        padding: 0;
        font-size: 10px !important;
    }
    
    .sitelogo {
        width: 130px !important;
    }
    
    .stickyFormFooter {
        height: 62px !important;
    }
    .wizard.form-actions.stickyFormFooter {
        padding-left: 45px !important;
    }
    .rendertemplate .modal-dialog {
        width: 94% !important;
    }
    .rendertemplate .modal-dialog .modal-body {
        padding: 0px !important;
    }
    #dashboard .dash-portlet {
        margin: 5px 0;
    }
    #dashboard .btn-group.open .dropdown-menu.pull-right {
        left: auto;
        right: 0;
    }
/*    #main-menu {
        display: none;
    }*/
    .page-sidebar.mobile-menu.sidr {
        display: block;
    }
    .table-flip-scroll tbody tr {
        width: 99%;
    }
    #dashboard .table-flip-scroll tbody tr{
        width: auto;
    }
    .table td.small-cell, .table th.small-cell {
        float: left;
    }
    .table-flip-scroll td.clickable.v-align-middle {
        width: 100% !important;
    }
    .tablefull .mailbox-item-inner {
        position: relative;
    }
    .mailbox-subject-text {
        margin-top: 10px;
    }
    .clickable div.mailbox-from {
        padding-left:0  !important;
    }
    .mailbox-subject-text ,
    .mailbox-msg-brief {
        float: left;
        width: 100%;
    }
    .label_in_entry {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 34px;
        margin-bottom: 2px;
    }
    .mailbox-attach {
        float: right;
        min-height: 36px !important;
        width: 50% !important;
        text-align: right !important;
    }
    form table.mailbox-items-tbl td.mailbox-received {
        width: 50% !important;
        float: right;
    }
    .conelabel_entries_list tr td:last-child div:first-child{
        width: 100% !important;
        text-align: left;
    }
    .mailbox-btn {
        float: left;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .mailbox-btn .btn{
        padding: 2px 4px;
        font-size: 10px !important;
    }
    .pager {
        float: left;
        width: 100%;
    }
    #mailbox .pager > ul {
        float: left;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    .pager .previous > a {
        float: none;
    }
    /* label */
    .inner-menu ul.small-items li {
        border: 1px solid #cbcbcb;
        box-shadow: 2px 2px 5px #535353;
        margin-bottom: 2px;
    }
    .inner-menu ul.small-items li a {
        width: 85%;
        float: left;
    }
    /* Menu Settings */
    .emb-form-left{
        width: 100% !important;
        margin: 3px 0px !important;
    }
    /* dashboard/student */
    .tiles-body {
        padding: 0 !important;
    }
    .user-profile .comment {
        padding-left: 0px;    
    }
    .tiles-body  .m-t-35{
        margin-top: 0px;
    }
    .tiles-body  .m-t-35 a {
        position: relative !important;
    }
    .tiles-body .col-md-6.no-padding {
        border: 0px !important;
    }
    /* Weekly Sessions */
    .atcol {
        margin: 0 10px;
        padding: 0;
        position: relative;
    }
    .atcol .m-r-20 {
        width: 48%;
        margin: 0px;
    }
    #sessiondatechanger .btn-success span {
        display: none;
    }
    #sessiondatechanger .btn-success.prev-day:after {
        content: '<';
    }
    #sessiondatechanger .btn-success.next-day:after {
        content: '>';
    }
    #sessiondatechanger {
        margin: 10px 0 0 0 !important;
        text-align: center;
    }
    .atcol .pull-right {
        width: 100%;
    }
    #studentgroups-form .wizard .previous a:after {
        content: '<';
    }
    #studentgroups-form .wizard .next a:after {
        content: '>';
    }
    #studentgroups-form .wizard .next a{
        width: auto !important;
        padding: 6px 12px !important;
    }
    #studentgroups-form .btn.btn-white.wizardprevious > span ,
    #studentgroups-form .btn.btn-white.wizardnext > span {
    display: none;
    }
    #studentgroups-form .wizard.wizard-actions li {
        width: 50px !important;
    }
    #tab-4 {
        text-align:center;
    }
    /* picedit */
    #frm-img-capture .picedit_box {
        width: 100% !important;
    }
    /* Form tab design */
    #rootwizardedit.tabbed_wizard .tab-content{
        width: 100% !important;
    }
    .row #rootwizardcreate.tabbed_wizard .tab-content .formSection.showSection,
    .row #rootwizardedit.tabbed_wizard .tab-content .formSection.showSection {
        padding: 10px 0 20px !important;
        background: none !important;
        margin-top: 0 !important;
    }
    #rootwizardedit.tabbed_wizard .tab-content td {
        width:100% !important;
        padding: 0;
    }
    .row #rootwizardcreate.tabbed_wizard .form-wizard-steps, .row #rootwizardedit.tabbed_wizard .form-wizard-steps {
        float: left;
        margin: 0 12px;
        padding: 0;
        width: auto;
    }
    /* feespayment installment */
    #add-installments .modal-dialog {
        margin: 0 auto;
    }
    #installements-body .col-md-12 .col-md-3.no-padding{
        float: left;
        width: 48%;
    }
    #add-installments #installements-body .col-md-4 .alert {
        text-align: center;
        width: 100%;
        margin-bottom: 8px;
    }
    .calculateincremains, .installment_due {
        min-width: 80%;
        width: 100%;
    }
    #installements-body #clonecontainer #clonerow {
        border-top: 1px solid #a9a9a9;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #installements-body #clonecontainer #clonerow:first-child {
        border-top: 0px solid #a9a9a9;padding-top: 0px;
    }
    #installements-body .remove {
        margin-top: 4px;
        margin-left: 10px;
    }
}

/* For iphone SE and 6s*/
@media (min-width: 320px) and (max-width: 680px) {
    .optionButton
    {
        display: none;
    }   
    .optionButtonAction{ display: block !important;  }
    .wizard.wizard-actions.stickyFormFooter {
        bottom: 35px;
    }
    .wizard.wizard-actions input, .wizard.stickyFormFooter input { 
        font-size: 12px !important;
        margin-right: 10px !important;
        margin-top: -5px;
        padding: 5px;
        width: 40% !important;
    }
    .wizard.wizard-actions {
        bottom: 10px;
        left: 20px;
    }
}

@media (max-width: 480px) {
    .ProgramSectionDet #fixedtimetble table th,
    .ProgramSectionDet #fixedtimetble table td,
    .ProgramSectionDet #Schedule table th,
    .ProgramSectionDet #Schedule table td,
    .ProgramSectionDet #Calendar table th,
    .ProgramSectionDet #Calendar table td{
        width: 100% !important;
    }
    .formSectionRow td {
        width: 300px !important;
        float: left;
    }
    
    #rootwizard.col-md-12, #rootwizardedit.col-md-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #rootwizard .tab-content, #rootwizardedit .tab-content {
         padding: 10px !important;
    }
    .header .pull-right.nav-settings .chat-toggler{
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 80%;
    }
   .input-prepend.inside.search-form.m-r-10 {
        display: none !important;
    }
    .header .pull-right.nav-settings .chat-toggler a{
        /*display: block;*/
        float: none !important;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto !important;
        margin-right: auto !important;
        /*width: 200px;*/
    }
    .header .pull-right.nav-settings .nav.quick-section  {
        display: block;
        float: none;
        margin: 0 auto !important;
        text-align: center;
        width: 150px;
    }
    .header .pull-right.nav-settings .nav.quick-section li:first-child{
        display: none;
    }
    .header .pull-right.nav-settings .nav.quick-section li {
        display: block;
        float: none;
        margin-top: 5px;
    }
    .header .nav.quick-section li a {
        float: none !important;
    }
    .formInputBox.input-prepend {
        width: 88% !important;
    }
    /*.select2-container{
        width: 98% !important;
    }*/
    .lookup_search_panel input[type="text"]
    {
         width: 50% !important;
    }
    .formInputBox.input-prepend td:first-child {
        float: none;
    }
    .testimonial-sidebar-block {
        display: none !important;
    }
    .linkshare #leftshare  {
        width: 100%;
    }
    .linkshare #rightshare  {
        width: 100%;
    }
    #layout-condensed-toggle {
        margin-left: 10px;
    margin-top: -42px;
    }
    
    .nav.pull-right.logoff-mob {
        display: block !important;
    }
    .nav.pull-right.notifcation-center {
        display: none !important;
    }
    .page-title h3 {
        width: 60%;
    }
    
    .grid .conelabel_entries_list tr td:last-child,
    .grid .conelabel_entries_list tr th:last-child {
        width: 100% !important;
    }
    
    .page-content .content {
        /*padding: 8px;
        padding-top: 60px;*/
        overflow-x: hidden;
    }
    
    .menu-title {
        border-bottom: 0px solid #eee !important;
    }
    .page-sidebar {
        overflow-x: hidden;
        width: 70%;
    }
    .tiles.margin-reset {
        margin-left: 0px;
    }
    .column-seperation > div[class*="span"] {
        border-right: none;
    }    
    .page-sidebar-wrapper {
        background: #535353;
    }       
    table th.unseen,table td.unseen {
        display: none !important;
    }
    .row-fluid {
        margin-bottom: 10px;
    }
    .small {
        width: 100px !important;
    }    
    .medium {
        width: 150px !important;
    }    
    .large {
        width: 200px !important;
    }    
    .huge {
        width: 246px !important;
        font-size: 24px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 22px 8px !important;
    }    
    select.small {
        width: 114px !important;
    }    
    select.medium {
        width: 164px !important;
    }    
    select.large {
        width: 214px !important;
    }    
    .btn-cons {
        min-width: 110px;
    }
    .btn-large {
        padding: 9px 15px;
    }    
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }    
    /* Hide table headers (but not display: none;, for accessibility) */
    /*.no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }    */
    .no-more-tables tr {
    }
    .no-more-tables.table-bordered td {
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee;
    
    }
    .no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        white-space: normal;
        text-align: left;
    }
    
    .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    
    /* Label the data */
    .no-more-tables td:before {
        content: attr(data-title);
    }
    .no-more-tables .text-right,.no-more-tables .text-center {
        text-align: left !important
    }    
    #main-menu-toggle-wrapper {
        margin: 12px !important;
    }
    .nav.pull-right.logoff-mob {
        margin: 12px !important;
    }    
    #calendar {
        width: 100% !important;
        float: none !important;
        margin-top: 20px !important;
    }
    #minicalendar {
        width: 100% !important;
        float: none !important;
    }
    .col-md-3.planner-type-outer {
        width: 100% !important;
    }
    .col-md-3.event-type-outer {
        width: 100% !important;
    }
    
    .table-flip-scroll .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
    .table-flip-scroll * html .cf {
        zoom: 1; }
    .table-flip-scroll *:first-child+html .cf {
        zoom: 1; }
    .table-flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .table-flip-scroll th {
        width: auto !important;
        border-radius: 0px !important
    }
    .table-flip-scroll th,
    .table-flip-scroll td {
        margin: 0;
        vertical-align: top;
    }
    .table-flip-scroll th {
        text-align: left;
    }
    .table-flip-scroll table {
        display: block;
        position: relative;
        width: 100%;
    }
    .table-flip-scroll thead {
        display: block;
        float: left;
    }
    .table-flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
    .table-flip-scroll thead tr {
        display: block;
    }
    .table-flip-scroll th {
        display: block;
    }
    .table-flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    .table-flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }
    
    
    /* sort out borders */
    
    .table-flip-scroll th {
        border-bottom: 0;
        border-left: 0;
    }
    .table-flip-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 0px !important
    }
    .table-flip-scroll tbody tr {
        border-left: 1px solid #babcbf;
    }
    .table-flip-scroll th:last-child,
    .table-flip-scroll td:last-child {
    }
    
    /** Profile Page **/
    .user-profile-pic {
        text-align: center;
    }
    .user-mini-description h3,.user-mini-description h5 {
        text-align: center;
    }
    
    /** email **/
    .email-body {
        padding: 8px !important
    }
    /** lockscreen **/
    .lockscreen-wrapper .profile-wrapper {
        margin-bottom: 8px;
    }
    
    .image-responsive-width {
        width: auto;
    }
    
    .xs-image-responsive-width {
        width: 100%;
    }
    .scrollup {
        bottom: 20px;
    }
    /* admissionregistration page */
    .row .grid-body.no-border .pull-right {
        /*float: none !important;*/
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    
    .page-size-wrap {
        margin: 10px 0;
        text-align: center;
    }
    .grid-display #custom-module-grid {
        overflow-x: hidden;
    }
    .grid.simple .grid-body.no-border {
        padding-left: 8px;
        padding-right: 8px;
    }
    .table th .sort-link{
        font-size: 11px;
    }
    #proceedPayment{
        padding-left: 20px !important;
    }
    .view-invoice{
        width:100% !important
    }
    .invoice-body .action-btn{
        float: right !important;margin-top: -115px !important;width: 100px !important;
        display:grid !important;
    }
    .invoice-download
    {
        width: 142px !important;margin-bottom: -2px;
    }
    .btn-group.open .dropdown-menu.pull-right {
        /*left: 0;
        top: -96px;    
        */ /* kannan */
        right: 0;
        
    }
    #custom-module-grid .table {
        table-layout: fixed;
    }
    #custom-module-grid .pager {
        float: right;
        margin: 0 auto;
        text-align: right;
        width: auto;
    }
    #custom-module-grid .pager ul.yiiPager {
        display: block;
        float: none;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }
    #custom-module-grid .pager ul li.last, #custom-module-grid .pager ul li.first {
        display: inline !important;
    }
    #custom-module-grid .pager li > a, #custom-module-grid .pager li > span {
        padding: 1px 6px;
    }
    /* Admission */
    #custom-module-grid table thead {
        width: 50%;
    }
    .grid-body #custom-module-grid {
        overflow-x: hidden;
    }
    .pager .next > a, .pager .next > span {
        float: none;
    }
    ul.yiiPager li {
       /* float: none;*/
    }
    
    #custom-module-grid  {
        position: relative;
    }
    #custom-module-grid .open ,
    #custom-module-grid  .btn-group,
    #custom-module-grid .btn-group-vertical{
        position: initial;
    }
    #custom-module-grid .table-flip-scroll tbody {
        position: relative;
    }
    #custom-module-grid .btn-group.open .dropdown-menu.pull-right,
    #yw1_module-grid .btn-group.open .dropdown-menu.pull-right,
    #yw1thumb-display .btn-group.pull-right.open .dropdown-menu.pull-right {
        bottom: 32px;
        left: auto;
        right: 6px;
        top: auto;
        width: 200px;
        z-index: 999;
    }
    #yw1thumb-display  .btn-group.pull-right.open .dropdown-menu.pull-right {
       height: 184px;
       overflow-x: scroll;
    }
    #custom-module-grid .table-flip-scroll tbody tr {
        width: 100%;
        overflow: hidden;
    }
    #custom-module-grid ul.yiiPager {
        font-size: 12px;
    }
    #custom-module-grid .pager .last a, #custom-module-grid .pager .first a, #custom-module-grid .pager .previous a, #custom-module-grid  .pager .next a {
        margin-left: 0px;
    }
   /* .table-flip-scroll tbody*/
   /* Form Default */
    #admission-form  .wizard.form-actions .btn-success.pull-right {
       float: right !important;
        width: auto;
    }
    form .formSection .tableWrapper{
        padding: 0 10px;
    }
    form .formSection .formItem.leftLabel {
        margin-top: 10px;
    }
    form .formSection #callback_admission_grading {
        padding:10px !important; 
    }
    form .formSection .formInputBox > .col-md-12{
        padding:0
    }
    form .formSection #callback_admission_grading label {
        margin-top: 10px;
    }
    form .formSection table ,
    form .formSection .formInputBox > input[type="text"], 
    form .formSection .formInputBox > input[type="file"]{
        width: 100%;
    }
    form .formSection  tr td ,
    form .formSection .formInputBox ,
    form .formSection .input-group ,
    form .select2-selection__rendered ,
    form .formSection .select2-container ,
    form .formSection .select2.select2-container ,
    form .formSection .formInputBox.input-prepend{
        width: 100% !important;
    }
    form .formSection .formInputBox .col-md-5.no-padding{
        margin: 0 !important;
    }
    form .formSection .tableWrapper table .formSectionRow td {
        padding: 0;
        width: 100% !important;
    }
    form .formSection .tableWrapper table .formRenderCheckbox td {
        width: auto !important;
    }
    
    form .wizard.wizard-actions {
        left: 0;
        margin: 0;
        width: 100%;
        /*text-align: center;*/
    }
    form  .wizard.wizard-actions input/*,form  .wizard.wizard-actions li*/ {
        width: 100px !important;
    }
    form  .wizard.wizard-actions li {
        width: auto !important;
    }
    form .wizard.wizard-actions.stickyFormFooter {
        left: 0;
        right: 0;
        margin: 0 auto !important;
        padding: 14px !important;
        bottom: 0px;
    }
    form .wizard.form-actions input{
        width: auto !important;
    }
    form .wizard.form-actions {
        margin-bottom: 0;
        margin: 0 !important;
        width: auto;
    }
    .grid.simple form .wizard.form-actions{
        margin: 0 !important;
    }
    .grid.simple form .wizard.form-actions.stickyFormFooter{
       margin-bottom: -30px !important;
       margin-left: 0px;
       margin-right: 0 !important;
    }
    .grid.simple form .wizard.form-actions.stickyFormFooter #reset{
        margin-top: 0px;
    }
    .modal-body .pager li > a,.modal-body .pager li > span{
        padding: 2px 6px;
    }
    /* Message page design */
    .email-body #mailbox-list > .search-form {
        display: block  !important;
        float: none !important;
        margin: 0 auto !important;
        width: 90% !important;
    }
    .email-body #mailbox-list form.search {
        width: 100% !important;
    }
    .search > .row{
        box-shadow: 2px 2px 2px #eeeeee;
    }
    .email-body #mailbox-list  .search  #mailsearch {
        max-width: 100% !important;
        width: 84% !important;
    }
    .email-body #mailbox-list .cone_addtolabel_dropbutton {
        margin-top: 0;
        position: absolute;
        right: 24px;
        top: 21px;
        width: 95px;
    }
    .email-body #mailbox-list .cone_addtolabel_main_section {
        margin: 0;
        position: relative;
    }
    .email-body .cone_addtolabel_list_section {
        margin-top: -20px;
        right: -10px;
    }
    .mailbox-fixed-header {
        display: none;
    }
    #mailbox-items {
        margin-top: 20px;
    }
    /* Administration Settings */
    .tabbable #tab-4 , .tabbable .tab-content{
        width: 100%;
    }
    .user-list-form .controls input[type="file"] ,
    .user-list-form .controls .MultiFile-wrap {
        width: 100%;
        margin-bottom: 5px;
    }
    .btn-mini {
        margin-bottom: 5px;
    }
    /* */
    #yw2 .grid.simple .grid-body{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #yw2 .nav-tabs > li > a {
        padding: 15px 10px;
    }
    /* Administration Bio-Metrics Report */
    .page-auditTrail .col-md-2 #search{
        margin: 0 !important;
    }
    #create-dashboard-form .btn {
        width: auto;
    }
    .fc table thead tr th {
        font-size: 10px;
    }
    /* Faculty of Information & Communication */
    #Calendar .grid.simple .grid-title{
        float: left;
        width: 100%;
    }
    #Calendar .grid.simple .grid-title .btn-group {
        margin: 0 !important;
        float: left;
        text-align: center;
        width: 100%;
    }
    #Calendar .grid.simple .grid-title .btn-group .btn {
        font-size: 11px !important; 
        padding: 6px 7px;
        float: none;
    }
    #dashboard_calendar .fc-left,
    #dashboard_calendar .fc-right{
        float: left;
        width: 100%;
        text-align: center;
    }
    #dashboard_calendar .fc-button-group {
        float: none;
    }
    .row .fa_box.fa_box_last {
        padding-right: 0px;
    }
    .row .fa_box.fa_box_first {
        padding-left: 0px;
    }
    .course .detail-view.editor-layout .tableWrapper .formSectionRow td {
        width: 100%!important;
        display: inline;
    }
    /* Attendance */
    .page-title .btn-group.filterBtnDiv.pull-right {
        margin: 0;
        width: auto;
    }
    .col-md-12 .nav-tabs li {
        width: 100%;
    }
    #mark_attendance_form .col-md-9 .col-md-5 .CaptionCont.SlectBox {
         width: 200px !important;
    }
    
}

/* Android devices */
@media (min-width:360px) {
   
    .formSectionRow > td  {
        /*margin-left: -46px;*/
    }
    /*.invited {
        margin-right:5px !important;
        margin-top:5px;
    }
    .join {
        margin-right:5px !important;
        margin-top:5px;
    }    */
    
}
@media (min-width: 320px) and (max-width:360px) {
    
    #Reports_chart_type .chart_select_option {
        width: 47%;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    .header-quick-nav.nav-slider .submenupopover .popover {
        width: 100%;
        position: fixed;
        max-width: 96%;
        padding: 5px 5px 25px;
    }
    .header-quick-nav.nav-slider .submenupopover .popover-content {
        padding : 0;
    }
    .col-md-9.menu-right {
        padding-left:0 !important;
    }
    .header-quick-nav.nav-slider .submenupopover .parent-menu {
        width: 100%;
    }
    .col-md-9.menu-right .menu-row {
        margin-top: 10px;
        padding-bottom: 18px;
    }
    .col-md-9.menu-right .menu-row .col-md-4.menu-panel {
        width: 50%;
        float: left;
    }
    .submenupopover.header_menu .popover.bottom > .arrow {
        left: 2.5%;
    }
    .submenupopover.header_menu .col-md-9.menu-right {
        max-height: unset !important;
        overflow: auto;
    }
    .popover-content #scroller {
        max-height: 320px;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
    .table.table-flip-scroll.cf {
        width: 100% !important;
    }
    .report_grid_view .table.table-flip-scroll.cf thead th {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
    }
    #notification-panel ,#notification-panel .modal-dialog.modal-md {
        width: 100% !important;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    #notification-messages-data {
        padding-bottom: 20px;
    }
    .tabs-left > .nav-tabs {
        width: 100%;
    }
    .table td {
        float: left;        
    }

    .optionButton
    {
        display: none;
    }
    .optionButtonAction{ display: block !important; }
    .wizard.wizard-actions.stickyFormFooter {
        bottom: 35px;
    }    
    .reports-default-view-id .report_chart_view {
      padding-right: 15px;
      width: 100%;
    }
    #semester-list .fa-book {
        float: left;
    }
    #semester-list .heading{
        text-align: right;
    }
    /* Admissionregistration  */
    .grid-display  #custom-module-grid .table td:first-child  {
        width: 100% !important;
    }
    .grid-display  #custom-module-grid table tbody tr{
        overflow: hidden;
    }
    .grid-display #custom-module-grid table thead tr .grid_custom_head .fa.fa-sort {
        float: right;
    }
    .grid-display #application-list-grid tr td:last-child,
    .grid-display  #application-list-grid tr th:last-child {
         width: 100% !important;
    }
    .sem-title{
        width: 91%;
    }
    #institution-list .heading,
    #semester-list  .heading{
          float: left !important;
    width: 87%;
    }
    #admission-form .wizard.wizard-actions {
        padding:12px 9px !important;
    }
    /*#admission-form .wizard.wizard-actions .next{
        width: 50px !important;
    }*/
    #userlist .table > tbody > tr > td,
    #userlist .table > tfoot > tr > td {
        max-width: 100% !important;
        float: left;
        width: 100%;
        /*padding: 11px 10px 10px;*/
    }
    #userlist .table th i {
        float: right; 
    }
    #custom-module-grid table thead th,
    #custom-module-grid table tbody td{
        min-height: 37px;
    }
    #custom-module-grid table thead th:last-child,
    #custom-module-grid table tbody td:last-child{
        width: 100% !important;    
    }
    .grid_custom_cols, .grid_custom_head {
        white-space: normal;
    }
    .grid_custom_cols{
        white-space: nowrap;
    }
    #userlist .table thead {
        width: 50%;
    }
    .table-flip-scroll .activation {
        float: none; 
    }
    #search_by {
        height: 34px;
        margin-right: 153px;
        margin-top: -41px;
        width: 36%;
    }
    .page-title .btn-group.pull-right {
        margin: 9px 0;
        text-align: center;
        width: 100%;
    }
    /*.hostelrequest .page-title .btn-group.pull-right {
        margin: auto;
        width: 100%;
    }*/
    .page-title .btn-group > .btn,.page-title .btn-group-vertical > .btn {
        float: none;
    }
    /*A dministration -  Manage Dropdowns */
    .table-flip-scroll thead {
        width: 50%;
    }
    #menu a.drpdwna.btn {
        width: 70%;
    }
    .createAuthItem .form .form-actions {
        padding-left : 0;
    }
    .createAuthItem .form .form-actions .btn {
        width: auto;
    }
    .grid.simple .createAuthItem .form-actions {
        margin-left: -8px;
        margin-right: -8px !important;
    }
    /* Administration - Bulk Import */
    #uploadFrom .wizard-steps li {
        min-width: 33%;
    }
    #uploadFrom .wizard-steps li .title{
        font-size: 10px;
    }
    #accounttype .panel-body{
        padding: 0;
    }
    #accounttype .panel-body table td .col-md-12{
        padding: 0;
    }
    #accounttype .table-flip-scroll tbody tr {
        float: left;
    }
    /* Administration -  Rules */
    .grid-view .conelabel_entries_list .grid_custom_head ,
    .grid-view .conelabel_entries_list .grid_custom_cols ,
    .grid_custom_head {
        width: 100%;
    }
    /* Footer */
    .stickyfooter {
        height: 57px !important;
    }
    .stickyfooter .crtrx-foo-wrap {
        float: none;
        margin: 0 auto !important;
        width: 282px !important;
        text-align: center;
    }
    .invoice_create .wizard.form-actions .pull-right ,
    .invoice_create .wizard.form-actions .pull-left {
        float: none !important;
        text-align: center !important;
    }
    .invoice_create .wizard.form-actions {
        margin-top: 10px !important;
    }
    .invoice_create .wizard.form-actions .pull-right  {
        margin-bottom: 5px;
    }
    .invoice_create .wizard.form-actions.stickyFormFooter  {
        width: 90% !important;
        height:100px !important;
    }
    .invoice_create .wizard.form-actions.stickyFormFooter .pull-right {
        padding-bottom: 5px;
    }
    .invoice_create table.table-flip-scroll th:first-child,
    .invoice_create table.table-flip-scroll td:first-child {
        height: 115px;
    }
    .invoice_create .no-more-tables thead tr {
        left: 0 !important;
        position: relative !important;
        top: 0 !important;        
    }
    .page-examregistration .no-more-tables thead tr {       
        left: 0 !important;
        position: relative !important;
        top: 0 !important;    
    }
    .invoice_create .no-more-tables thead tr  th{
        display: block;
    }
    .invoice_create .item-det .col-dis {
        width: 100% !important;
    }
    .invoice_create .table.table-flip-scroll tbody td {
        padding: 2px;
    }
    
    /* Calender */
    #calendar .fc-toolbar .fc-left {
       width: 100%;
    }
    #calendar .fc-toolbar .fc-left .fc-button-group{
    float: none;
    margin: 2px auto;
    text-align: center;
    width: 133px;
    }
    #calendar .fc-toolbar .fc-right {
        margin: 0 auto;
        width: 292px;
        float: none;
    }
    #calendar .fc-toolbar {
        padding-right: 0;
    }
    #edit-event .modal-dialog.modal-md {
        width: 95% !important;
    }
    /*.modal-body {
        padding:0;
    }*/
    .row .col-md-6 #searchcompany , .row .col-md-6 #sendEmailRequest {
        width: 100% !important;
    }
    .searchIncident , .sendEmail_Request_btn{
        width: auto !important;
    }
    .form-actions {
        margin: 20px -8px -26px;
    }
    /*.page-title .pull-right {
        float: none !important;
    }*/
    .page-title .nav.quick-section{
        margin: 0 auto;
        text-align: center;
        width: 275px;
    }
    .tabbable.tabs-left {
        margin-top: 10px;
    }
    /* Filp scroll table */
    .table.table-flip-scroll thead th,
    .table.table-flip-scroll tbody td{
        min-height: 37px;
        padding: 8px;
    }
    .conelabel_entries_list-t.table.table-flip-scroll thead th, .conelabel_entries_list-t.table.table-flip-scroll tbody td {
        max-height: 37px;
        min-height: 37px;
        overflow-wrap: normal;
        padding: 8px;
        white-space: nowrap;
        line-height: 23px;
    }
    .table-flip-scroll tr th .fa {
        float: right;
    }
    /* Weekly Sessions */
    .attendancestudentsession .col-md-12 .tab-content ,
    #weekView {
        padding: 0;
    }
    #weekView .table-flip-scroll tr{
        width: 49%;
    }
    #weekView .table-flip-scroll tr td .alert{
        margin-bottom : 0;
        padding: 0;
        background: none;
        border: 0px;
    }
    /* Table */
     table.table-flip-scroll td , table.table-flip-scroll th{
        width: 100% !important;
     }
     /* Country */
    .page-country .table.table-flip-scroll.conelabel_entries_list tbody td:last-child > .btn-group.pull-right{
        width: 100% !important;
    }
    /* Attendance faculty daily */
        table#attendance {
        table-layout: fixed;
    }
    .dataTables_scrollHead {
        /*display: none;*/
    }
    .dataTables_scrollBody #attendance.table-flip-scroll tbody {
        /*width: 50%;*/
    }
    #SortByIssueDate , #SortByRrenewalDate , .meta.issuedate , .meta.renewaldate {
        display: none !important;
    }
    /* Library */
    #Parks.list ul {
        padding-left: 0;
    }
    #Parks.list ul .img_wrapper {
        height: 70px;
        width: 90px !important;
        margin-right: 10px;
    }
    #Parks.list ul .img_wrapper img {
        height: 70px !important;
        width: 90px !important;
    }
    #Parks.list .titles h2 {
        margin-top: 0;
    }
    #Parks.list .meta.name {
        width: 100%;
    }
    .user-profile-pic {
        margin: -22px 13px;
    }
    
    /* */
    #timetablescheduling-form .row {
        padding: 0 10px;
    }
    #search_by {
        width: 36% !important;
    }
    .rolemanagement .form .select2.select2-container{
        width: 200px !important;
    }
    .upload-clone-c_incident_upload .pull-left{
        width: 74%
    }
    
   
    /* manage_language */
    .manage_language tr td:last-child a{
        display: block;
    }
    .manage_language td:last-child,
    .manage_language th:last-child{
        height: 100px;
    }
    .page-programcourseoutcomemapping .no-more-tables thead tr{
        left: auto;
        position: relative;
        top: auto;
    }
    .page-programcourseoutcomemapping .no-more-tables thead th {
        text-align: left !important;
    }
    /* Reports */
    .page-reports .table.table-flip-scroll {
       table-layout: fixed;
    }
     #dashboard .col-md-3.boxpanel {
		width: 100%;
        float: left;
	}
    #dashboard  .tiles .tiles-body {
        padding: 20px 10px 10px !important;
    }
    /* nbaquestiontemplate-form */
    #nbaquestiontemplate-form .tableWrapper{
       width: 100%;
    }
    .ComType_clone_new {
        width: 100% !important;
    }
    .ComType_clone_new .col-md-3 {
        width: 50%;
        margin-bottom: 10px;
    }
    .ComType_clone_new .col-md-4 {
        width: 100%;
        float: left;
        
     }
     
}
@media (max-width: 460px) {
    .footer_signup {
        padding: 5px 0 25px;
    }
    .footer_signup_link a {
        font-size: 10px;
    }
    .copy_right {
        font-size: 11px;
    }

}
/* iphone devices */
@media (max-width: 320px) {
    
    .formSectionRow td {
        width:250px !important;
        float: left;
    }
    
    .formInputBox.input-prepend {
        width: 95% !important;
    }
    .formInputBox.input-prepend td:first-child {
        float: none;
    }
    
    #rootwizard.col-md-12, #rootwizardedit.col-md-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #rootwizard .tab-content, #rootwizardedit .tab-content {
        padding: 0px !important;
    }
    
    .testimonial-sidebar-block {
        display: none !important;
    }
    
    .header .nav > li.dropdown .dropdown-toggle {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    #main-menu-toggle-wrapper {
        margin: 12px !important;
    }
    .nav.pull-right.logoff-mob {
        margin: 12px !important;
    }
    #calendar {
        width: 100% !important;
        float: none !important;
        margin-top: 20px !important;
    }
    #minicalendar {
        width: 100% !important;
        float: none !important;
    }
    .col-md-3.planner-type-outer {
        width: 100% !important;
    }
    .col-md-3.event-type-outer {
        width: 100% !important;
    }
    
    .mobile-add
    {
        margin-right:-10px !important;        
    }
    .invited{
        margin-right:-17px !important;
        margin-top: 5px;        
    }
    .join
    {
        margin-right:2px !important;
        margin-top: 5px;  
    }
}
/*** Retina Display Images **/
@media only screen and (-webkit-min-device-pixel-ratio: 2.0),
only screen and (min--moz-device-pixel-ratio: 2.0),
only screen and (-o-min-device-pixel-ratio: 200/100),
only screen and (min-device-pixel-ratio: 2.0) {
    .grid.simple .grid-title .tools a {
        background: url('../img/icon/portlet-tray-2x.png');
        background-size: 199px 57px;
    }
    .tiles .controller a {
        position: relative;
        background: url('../img/icon/portlet-tray-2x.png');
        background-size: 199px 57px;
    }
    .widget-item .controller a {
        position: relative;
        background: url('../img/icon/portlet-tray-2x.png');
        background-size: 199px 57px;
    }
    
    .iconset {
        background: url('../img/icon/top-trayx2.png');
        background-size: 394px 29px;
    }
    
    .status-icon {
        background: url('../img/icon/status2x.png');
        background-size: 79px 16px;
    
    }
    
    .scrollup {
        background: url('../img/pullup2x.png');
        background-size: 57px 27px;
    }
    
    .alert .close {
        background: url("../img/icon/noti-cross-2x.png") no-repeat scroll 0 0 transparent;
        background-position: -9px -10px;
        width: 10px;
        height: 9px;
        position: relative;
        opacity: 0.8;
        background-size: 114px 29px;
    }
    .checkbox label::after {
        top: 1.5px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
        background-image: none;
        background-repeat: no-repeat !important;
        background-size: 0 !important;
    }
    .select2-search input {
        background-position: none !important;
    }
}

/** #CREAT-3836 **/
@media ( max-width: 480px ){
.row .grid-body.no-border .pull-right{
 text-align:left;
}
.page-incidents .row .grid-body.no-border .pull-right.btn-cons {
    margin-right: 5px;
}
.incidents .modal-dialog .modal-body .row.form-row{
    padding: 0 10px;
}
.modal-body .row  {
    padding: 0 10px;
    margin: 0;
}
}    
td.empty{
 width: 100%;
}