/* internet explorer */
@supports (-ms-ime-align:auto) {
    .sidebar-menu > li {
        list-style-image: url(data:0);
    }
    .sidebar-menu .treeview-menu li {
        list-style-image: url(data:0);
    }
    .sidebar-menu .treeview-menu li.divider {
        height: 1px;
    }
    .navbar-nav .notifications-menu .dropdown-menu li,
    .navbar-nav .messages-menu .dropdown-menu li,
    .navbar-nav .tasks-menu .dropdown-menu li,
    .navbar-nav .languages-menu .dropdown-menu li,
    .navbar-nav .user-menu .dropdown-menu li {
        list-style-image: url(data:0);
    }
}

/* max 350px */
@media only screen and (max-width: 350px) {
    .navbar-nav #control-bar { display: none; }
    .main-footer .main-header-sims-help-tour { display: none !important; }
    .main-footer .languages-menu { display: none; }
    .main-footer .navbar-custom-menu .navbar-nav { margin: 0 5px; }
}

/* max 415px */
@media only screen and (max-width: 415px) {
    .navbar-nav #control-bar { display: none; }
    .main-footer .languages-menu { display: none; }
    .main-footer .navbar-custom-menu .navbar-nav { margin: 0 5px; }
}

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

    #simsDivAddEvaluation2HomeWork #ulHomeworkStudents li > button:nth-child(1) { width: calc(100% - 170px) }    
    
    .navbar-custom-menu > .navbar-nav { float: right; }
    .navbar-custom-menu > .navbar-nav > li { position: static; }
    /*.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; width: calc(100% - 20px); right: 10px; left: 10px; border: 1px solid #ddd; background: #fff; }*/
    .modal-body { overflow-y: scroll; }
    
    .modal.right button[data-dismiss="modal"], .modal.left:not(.sims-menu-modal) button[data-dismiss="modal"] { position: absolute; top: 10px; right: 10px; }
    
    .DTTT_container .DTTT_xls_button, .DTTT_container .DTTT_pdf_button, .DTTT_container .DTTT_print_button { display: none; }
    .daterangepicker.dropdown-menu { width: 90%; }
    .daterangepicker .calendar { max-width: 350px !important; }
    .daterangepicker.show-calendar .calendar { width: 98%; }
    .daterangepicker .ranges { width: 98% !important; }
    .daterangepicker .ranges .range_inputs>div { width: 50%; }
    .chat { height: 500px; }
}

/* max 560 */
@media only screen and (max-width: 560px) {
    
    #myMessagesBox { top: 55px; left: 5%; width: 90%; }
    
    #simsCustomModal .modal-dialog { left: 0; width: 100%; }
    .modal.left.fade.in .modal-dialog{ left: 0; width: 100%; }
    .modal.right.fade.in .modal-dialog { right: 0; width: 100%; }
	.modal.center.fade.in .modal-content { width: 95%; }
}

/* min 561 */
@media only screen and (min-width: 561px) {
    #simsCustomModal .modal-dialog { left: 0; width: 75%; }
    .modal.left.fade.in .modal-dialog{ left: 0; width: 75%; }
    .modal.right.fade.in .modal-dialog { right: 0; width: 87%; }
}

/* smaller than ipad */
@media only screen and (max-width: 767px) {
    
    #myDivMainPanels {
        padding: 5px;
    }

    #myMessagesBox {
        top: 55px; 
        left: 10%; 
        width: 80%;
    }
    #myHelpTour {
        display: none
    }

    #print-modal { 
        background: #FFF; 
        position: absolute; 
        left: 2%; 
        padding: 70px 10px 10px 10px; 
        width: 96%; 
        box-shadow: 0 0 20px #000; 
        -moz-box-shadow: 0 0 20px #000; 
        -webkit-box-shadow: 0 0 10px #000;
    }

    .navbar.navbar-bottom {
        position: fixed;
        top: calc(100% - 70px);
        height: 70px;
        z-index: 1000;
        width:  100%;
    }
    
    .navbar.navbar-top .navbar-logo {
        width: 100%;
    }
    .sims-footer {
        text-align: center
    }

    .box-header:not(.sims-widget-header) {
        text-align: center;
    }
    .box-header h3.box-title:not(.sims-widget-title) {
        width: 100%; 
        margin-bottom: 15px;
    }
    /*.box-header:not(.sims-widget-header) input, .box-header:not(.sims-widget-header) button { margin-bottom: 3px }*/
    
    #myDivMainPanels > div > .box > .box-header div.pull-left,
    #myDivMainPanels > div > .box > .box-header div.pull-right {
        float: none !important;
        margin-left: 0;
    }

    .content-wrapper { left: 0; width: 100%; }

    .main-header .logo { width: 100%; float: none; position: relative!important; }
    .main-header .navbar { margin: 0; width: 100%; float: none; position: relative!important; }
    .main-header .navbar-right { float: none; }
    .main-header .navbar-right > li { color: inherit; border: 0; }
    .main-header .navbar-custom-menu { float: right; }

  	.right-side > .content-header > h1 { font-size: 18px; }
  	.right-side > .content-header > .breadcrumb{ display: none; }
    .sidebar-open .main-sidebar {  top: 0 !important; -webkit-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  transform: translate(0, 0); }

    .navbar-collapse .main-header .navbar-right { margin: 7.5px -15px; }
    .sidebar-open .content-wrapper {  -webkit-transform: translate(230px, 0);  -ms-transform: translate(230px, 0);  -o-transform: translate(230px, 0);  transform: translate(230px, 0); }
    .control-sidebar-tabs { display: table; }
    .control-sidebar-tabs > li { display: table-cell !important; }
    .control-sidebar { padding-top: 100px }

    .navbar .navbar-nav > li { float: left; }
    .navbar-nav { margin: 0; float: left; }
    /*.navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; }*/
    .navbar-nav > .user-menu > a > span { display:none; }
    .parent .navbar-nav { margin-top: 5px; }
    
    .navbar-nav > .languages-menu > .dropdown-menu,
    .navbar-nav > .messages-menu > .dropdown-menu,
    .navbar-nav > .notifications-menu > .dropdown-menu,
    .navbar-nav > .tasks-menu > .dropdown-menu,
    .navbar-nav > .user-menu > .dropdown-menu,
    .navbar-nav > .search-bar-menu > .dropdown-menu {
        position: absolute;
        border: 1px solid #dddddd; 
        background: #ffffff;
    }
    .navbar-nav > .search-bar-menu > .dropdown-menu {
        top: 40px;
        left: -55px;
    }
    .navbar-nav > .languages-menu > .dropdown-menu {
        top: 40px;
        left: -30px;
    }
    .navbar-nav > .messages-menu > .dropdown-menu {
        top: 40px;
        left: -75px;
    }
    .navbar-nav > .notifications-menu > .dropdown-menu {
        top: 40px;
        right: -112px;
    }
    .navbar-nav > .tasks-menu > .dropdown-menu {
        top: 40px;
        right: -65px;
    }
    .navbar-nav > .user-menu > .dropdown-menu {
        top: 40px;
        right: 0;
    }

  	.navbar .navbar-right { float: right; }

    /*.box .box-header > .box-tools .btn { margin-left: 0px; margin-bottom: 3px; }*/

    .sims-registration-actions .box-body { min-height: 250px }
    .login-box, .register-box { width: 90%; margin-top: 20px; }
    
  	.mailbox .nav-stacked > li:not(.header) { float: left; width: 50%; }
  	.mailbox .nav-stacked > li:not(.header).header { border: 0!important; }

    .small-box p { font-size: 12px; }
    .form-box { width: 90%; }
    
    .error-page { width: 100%; }
    .error-page > .headline { float: none; text-align: center; }
    .error-page > .error-content { margin-left: 0; }
    .error-page > .error-content > h3 { text-align: center; }

    div.dataTables_length { display: none; }	
    div.dataTables_filter { text-align: center; }	
    div.dataTables_filter label { float: none !important; }
    div.dt-buttons :not(.mybuttons_add_button):not(.mybuttons_edit_button):not(.mybuttons_remove_button):not(span) { display: none }
    div.dataTables_info { display: none }
    div.dataTables_paginate { margin: 0 !important; }
    
    .btn-sims-maximize { display: none; }
    .chat { height: 500px; }
    
    .sims-header-small {
        font-size: 80%;
    }
}

/* ipad or bigger */
@media only screen and (min-width: 768px) {

    #dashboard-mobile-help { display: none }

    #print-modal {
        background: #FFF;
        position: absolute;
        left: 10%;
        padding: 70px 25px 10px 25px;
        width: 80%;
        box-shadow: 0 0 20px #000;
        -moz-box-shadow: 0 0 20px #000;
        -webkit-box-shadow: 0 0 10px #000;
    }
}

/* maximum 991 */
@media only screen and (max-width: 991px) {
    .main-header .navbar-custom-menu a, .main-header .navbar-right a { color: inherit; background: transparent; }
    
    .navbar-custom-menu > .navbar-nav { float: right; }
    .navbar-custom-menu .navbar-nav { margin: 0; float: left; }
    .navbar-custom-menu .navbar-nav > li { float: left; }
    .navbar-custom-menu > .navbar-nav > li { position: static; }
    .navbar-custom-menu .navbar-nav > li > a { height: 50px; }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 0; width: 85%; left: auto; border: 1px solid #ddd; background: #fff; }

    .navbar-collapse.pull-left { float: none !important; }
    .navbar-collapse.pull-left + .navbar-custom-menu { display: block; position: absolute; top: 0; right: 40px; }

    .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background: #fff!important; color: #444!important; }
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a { background: #fff !important; color: #444 !important; }
    
    .error-page { width: 100%; }
    .error-page > .headline { float: none; text-align: center; }
    .error-page > .error-content { margin-left: 0; }
    .error-page > .error-content > h3 { text-align: center; }
    
    .chart-legend > li { float: left; margin-right: 10px; }
}

/* min 992 */
@media only screen and (min-width: 992px) {
    .sims-schedule .events {
        /* 60px is the .class-hours-line element width */
        width: calc(100% - 60px);
        margin-left: 60px;
    }
    .sims-schedule .class-hours-line li::after {
        width: calc(100% - 60px);
        left: 60px;
    }
    .sims-schedule .class-hours-line li span {
        font-weight: 600;
        color: #726c6c;
        display: inline-block;
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    .sims-schedule .class-hours-line li:nth-of-type(2n) span {
        display: none;
    }
}

/* desktop */
@media only screen and (max-width: 1024px) {
	#sims-smartclass-link { display: none }
}

/* Don't display when printing */
@media print {
	
	body {  background-color: #fff; -webkit-print-color-adjust: exact !important; }
	
	.no-print, .main-sidebar, .left-side, .main-header, .content-header { display: none; }
	.content-wrapper, .right-side, .main-footer { margin-left: 0 !important; min-height: 0 !important; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
	.fixed .content-wrapper, .fixed .right-side { padding-top: 0 !important; }
  	.table-responsive tr th, .table-responsive tr td { white-space: normal !important; }

	.invoice { width: 98%; border: 0; margin: 10px; padding: 0; opacity: 1; }
	.invoice table tr td { padding: 1px }
	.invoice table tr td h5 { margin: 1px }
	
	.logo { max-width: 300px; max-height: 140px; }
	.printer-friendly { width: 98%; border: 0; margin: 10px; padding: 0; opacity: 1; }
	.printer-page-break { page-break-after: always }
	
    .box-header { text-align: center; }
	
	.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon,
	.bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, 
	.bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-primary, 
	.callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .label-danger, .label-info, .label-warning, .label-primary, 
	.label-success { background-color: transparent; color: #000000 !important; }
}