/*@media screen and (max-width: 780px) {
    .desktop{
        display:none!important;
    }
    .icon-calendar
    {
        display:none;
    }
    .menudiv
    {
        //box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3)!important;
        box-shadow: none!important;
        margin-bottom: 15px!important;
    }
    .main-menu
    {
        border:none!important;  
    }
    .reportstitle
    {
         background: linear-gradient(#6FACD5, #497BAE) repeat scroll 0 0 #5E87B0;
         border: 1px solid #456F9A!important;
         color: #FFFFFF!important;
         font-weight: bold!important;
         text-shadow: 0 1px 1px #3E6790!important;
         margin:0!important;
         font-size: 14px!important;
         font-weight: bold!important;
         padding: 0.5em 15px!important;
         text-transform: none!important;
        
    }
    .mobilelinks
    {
        border-color: rgba(255, 255, 255, 0.3)!important;
        border-top: 1px solid rgba(255, 255, 255, 0.3)!important;
        margin:0!important;
        color: #222222!important;
        font-weight: bold!important;
        text-shadow: 0 1px 0 #FFFFFF!important;
        background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE!important;
        border: 1px solid #CCCCCC!important;
        color: #222222!important;
        font-weight: bold!important;
        text-shadow: 0 1px 0 #FFFFFF!important;
        border-radius:0!important;
        border-bottom:0!important;
        border-left:0!important;
        border-right:0!important;
        
    }
    .mobilelinks :hover
    {
      background: linear-gradient(#F6F6F6, #E0E0E0) repeat scroll 0 0 #DFDFDF!important;   
    }
    .mobilelinks a
    {
        margin:0!important;
        font-size: 14px!important;
        color:#2F3E46!important;
        padding:0.7em 15px!important;
        border:none!important;
    }
    .lastmobilelink
    {
        
    }
    #desktopmenu
    {
       display:none!important; 
    }
    #mobilemenu
    {
        display:block!important;*/
	}

	}
*

/

@media screen and (max-width : 464px) {
	.weeklycontent {
		width : 464px;
		}

	.workercontent {
		width : 240px;
		}

	.commissioncontent {
		width : 395px;
		}

	}

#mainmenu a {
	outline : none !important;
	}

#mainmenu li {
	list-style  : none;
	margin-left : 0 !important;
	}

#mainmenu li ul {
	margin : 0 0 0 5px;

	}

#mainmenu ul li {
	padding     : 4px;
	border      : 1px solid #dddddd;
	padding     : 10px 0 10px 10px;
	border-left : none;
	margin-top  : -1px;
	}

#mobilemenu {
	display : none;
	}

.ui-multiselect-menu {
	top : 458px !important;
	}

        #userfile {
            width: 100% !important;
        }

        .hide_section{
            display:none!important;
        }
        .font_red {
            color:red!important;
        }
        .table.table-striped.table-bordered.bootstrap-datatable.datatable1.ddtf-processed select {
            width:100%;
        }
        .from_span {
            padding: 0 5px;
            margin : 0;
        }
        #add_commission_rate hr {
            margin:0;
        }
        #add_commission_rate h2 {
            font-weight: normal;
        }
        #add_commission_rate .percentage {
            float:left;
            width:50px;
        }
        #add_commission_rate .percentage_symbol {
            float:left;
            padding:7px;
        }
        #add_commission_rate .retro_box {
            clear:both;
        }
        .print_payment_report, .print_transactions_report, #current_till_receipt {
            border: 1px solid #000000;
        }
        #current_till_receipt {
            width:40%;
            padding: 20px;
            text-align: center;
        }
        .receipts-table {
            width:100%;
        }
        .divider-line {
            margin: 0;
            border: 1px solid #000000;
        }
        .ui-tabs {
            font-size:13px;
        }