﻿@media only screen and (min-width:1920px)
{
    .chartheight{height:552px !important;}
    
}
@media only screen and (max-width:1399px) {
	.dashboard .card .btn {
		font-size: 14px;
	}

	.currencytable tfoot tr td {
		font-size: 12px;
	}
}

@media only screen and (max-width:1250px) {
	.field_item input[type="text"], .field_item input[type="password"] {
		width: 85%;
	}
}

@media only screen and (max-width:1199px) {

	.dashboard .card .btn {
		font-size: 12px;
	}
	.closegreen, .closeblue {
		font-size: 10px !important;
		width:22px !important;height:22px !important;
	}
	status-ball{margin:5px 0px;}
	.results tbody{height: 210px;}
/*.status-ball{
	position:absolute;
	top:0;
	left:0;
	right:0;
}*/
.righting .divi .select2-container--default .select2-selection--single .select2-selection__arrow b{float: right;
    right: 9px !important;
    left: auto;
}

	.settle p, .rep_list p {
		font-size: 14px;
	}
	.nav_menu{height: 35px;margin-bottom:10px;}
	.nav.toggle span {
    margin-top: 4px;
}
	.nav_menu ul span{margin-bottom:3px;}
	.lottos .gamedetail,.gamedetail.report_list {
		max-width: 100% !important;
		height: 72px !important;
		margin:0px !important;
	}
	.newbtn{padding:6px 10px;font-size:12px;}
		.gamedetail input, .gamedetail image {
			display: inline-block;
		}
        .lottos .select2{margin-bottom:8px !important;}
		.gamedetail .startshift{width:25% !important;}
		.gamedetail .endclose{width: 70% !important;}    
        .lottos .divi:last-of-type{margin-top:24px;}
		.select2-container--default .select2-selection--single .select2-selection__arrow b{right: 6px;left:auto;}
	.gamedetail .endclose .area{display: inline-block; float: left;margin:0px 20px;padding:10px 0px;}
		.gamedetail .divi{width: 17%;display:inline-block;float:left;margin:0px 5px;}
		.gamedetail .report_list{width: 30% !important;display: inline-block !important;float: left !important;margin:0px 5px !important;}
		.report_list .select2-container--default .select2-selection--single .select2-selection__arrow b{left:95% !important;}
		.gamedetail br{display:none;}
		.gamedetail input[type=number],.gamedetail input[type=text] {
			width: 100% !important;
		}
		.unique{margin-top:25px !important;}
		.gamedetail .divi:last-of-type input[type=number] {
			width: 100%;
			height:30px;
		}
	.excep .divi {margin:0 auto !important;float:none !important;}
       .currencytable .results thead tr th, .currencytable .results tbody tr td, .currencytable .results tfoot tr td{padding:2px 4px;}
		.currencytable .results th {height: 35px;}
		.gamedetail .imgzoom {width: 125px !important;height: 125px !important;}
		.startclose{margin-top:15px !important;}
		.startclose a{margin-top:10px !important;}
		.form-change{width:20% !important;float:left;display:inline-block;margin:0px 10px;}
		.form-change:last-of-type{width:25% !important;}
		.form-change span{margin-top:0px !important;}
	    .tb {max-width: 77% !important;padding-left:0px;padding-top:10px;	}
        .inact{max-width: 100% !important;}
       .lottos .box1{ width: 23%;margin-top:10px;}
		.gamedetail span {display: block;font-size:12px;width:100% !important;}
	.gamebox input[type=button]{height:30px;width:30px;font-size:10px;margin:2px;padding:0px !important;}
	.divi-in {width:100%;float: none;display: inline-block;}
	.gamebox{height:200px;}
	.act_lot.in {
		margin-top: 15px !important;
	}
	.excep .divi-in,.excep .divi
	{
		margin:0 auto;float:none;
	}
   .lottos .currencytable .results tfoot tr td {
        height: 38px !important;
    }
	.cherry {margin: 5px auto 10px !important;height: 55px;}
	/*#lbllotonum{margin-top:10px;}*/
	
	.divi-in .acting{top:5px;}
	.divi .acting{left:43px;}
	.stocks .gamebox {height: 210px !important;}
	.form-con{
		width:28%;
		float:left;
		display:inline-block;
		margin:0px 10px;
	}
	.form-con .newbtn{margin:5px !important;}
    .lbel{bottom:-20px;}
}
@media only screen and (max-width:1090px){
    .tabpanel{max-width:auto;}
    .tab-content{max-width:50%;}
	/*.currencytable .results thead tr th, .currencytable .results tbody tr td, .currencytable .results tfoot tr td{padding: 5px 3px;min-width: 78px;}*/
	.nav-md .container.body .col-md-3.left_col {
		width: 80px;
	}
    .card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text{padding:4px;}
	.site_title img {
    width: 65px;
    height: 50px;
}
	.left_col, .nav_title {
		width: inherit;
	}

	.nav.side-menu > li > a {
		text-align: center;
		padding: 10px 0px;
	}

	ul.nav.side-menu li a i.fa {
		font-size: 28px;
		display: block;
	}

	.main_menu span.fa, .site_title span {
		display: none;
	}

	.nav.child_menu {
		left: 100%;
		top: 0;
		width: 210px;
		z-index: 4000;
		background: #3E5367;
		display: none;
		position: absolute;
	}

	.main-body, .main_container .top_nav {
		margin-left: 80px;
	}

	.toggle {
		display: none;
	}
	.inact{
		padding:0px !important;
	}
	.card{padding:10px;}
}
@media only screen and (max-width:991px) {
	.settle .btn {
		font-size: 14px;
		padding: 4px 8px;
	}

	.dashboard .card .btn {
		padding: 5px;
	}

	.dashboard .col-sm-3 {
		max-width: 49%;
		margin: 10px 0px;
	}
	.gamedetail .startshift {
    width: 25% !important;
}
	.gamedetail .endclose {
    width: 72% !important;
}
	.tasks .col-sm-6 {
		max-width: 100%;
		margin: 10px 0px;
	}

	.form_con h5{font-size:14px !important;margin-bottom:0px;}

	.results thead tr th, .results tbody tr td {
		box-sizing: content-box;
	}
	.results tbody{
		height:200px;
	}
	.results tfoot {
		display: table-footer-group;
	}

	tfoot select option {
		font-size: 12px;
	}

	.tab-content .field_item {
		font-size: 14px;
	}
	.promotion .card a{
		width:125px;height:30px;font-size:16px;padding:2px 8px;
	}
	.field_item input[type="text"], .field_item input[type="password"] {
		width: 78%;
	}

	.gamedetail input[type=number] {
		width: 100%;
	}

	.gamedetail .divi:last-of-type input[type=number] {
		width: 100%;
	}

	.gamedetail .imgzoom {
		width: 100px !important;
		height: 100px !important;
		float: left;
	}

	.box1 {
		max-width: 100% !important;
	}

	tbody {
		height: 270px;
	}

	.gamedetail span {
		width: 100%;
		text-align: left;
	}

	.card {
		height: 100px;
		padding: 10px;
		min-height: auto;
	}

		.card h4 {
			font-size: 12px;
		}
        .tab-container{min-width:auto;}
	.tab-content input[type="submit"] {font-size: 16px;margin-bottom: 10px;}

	.col-sm-4.tab-content {max-width: 440px !important;}

	.regi {padding: 0px 10px;}

	.dash .task_list h3, .dash .reports h3 {padding: 8px !important;font-size: 16px;}

	.gamebox input[type="button"] {height: 40px;width: 40px;}

	.dash .gamebox {height: 235px;}

	.nav.side-menu > li > a, .nav.child_menu > li > a {	font-size: 12px;}

	.horizontal-list li a, .nav-right li a {font-size: 14px;padding: 5px;}

	.swing-link {left: 0px;top: 10px;}

	.badges {height: 50px;width: 50px;}


	.cherry {margin: 5px auto 10px !important;height: 55px;}

	.clear {top: 0px !important;padding: 0px 90px !important;}

	.form-control {font-size: 12px;padding: 5px;}

	.currencytable .results th {height: 35px;}

	.currencytable .results thead label {min-height: 27px;}

	.bg-info {
		height: 40px;
	}

		.bg-info .head {padding: 5px;}
		.head span, .lo_tickets {font-size: 16px;}

	.newbtn {
		padding: 6px 8px;
		font-size: 14px;
	}

	.currencytable input[type="button"], .repbtn {
		padding: 3px;
		margin: 2px;
		font-size:12px;
	}

	.racks .divi {margin: 0 auto !important;float: none;}
			.racks .divi span {text-align: center;}
		.acting {left: 105px;}
		.stocks .gamebox {height: 190px !important;}

	.displayhead {padding: 5px;}
			.displayhead span {	font-size: 15px;}

	.opendetails {
		font-size: 14px;
	}

	.opening {
		margin: 0px;
	}

		.opening h5 {
			margin-bottom: 10px !important;
			font-size: 15px;
		}

	.displaybtn {
		padding: 5px 12px;
		font-size: 14px;
	}

	.opening span {
		font-size: 14px;
	}

	.rep_style .divi-in {
		width: 100%;
	}

		.rep_style .divi-in span {
			width: auto;
			display: inline-block;
			margin: 0;
		}

			.rep_style .divi-in span.selection {
				width: 80%;
			}
			.rep_style .divin-in span.select2{
				margin-bottom:5px !important;
			}
		.rep_style .divi-in .select2-container--default .select2-selection--single .select2-selection__arrow {
			right: 35px !important;
		}

	.currencytable .results thead tr th, .currencytable .results tbody tr td, .currencytable .results tfoot tr td {
		padding: 5px 3px;
		min-width: 63px;
	}

	.results tbody tr td span, .results thead tr th span, .results tfoot tr td span,.results thead tr th label {
		font-size: 10px;
	}
	.search_textbox{background-size:14px;}
	table .form-control{font-size:10px;padding:2px;}
	
	.createuser{
		height:30px !important;
	}

}

@media screen and (max-width:767px) {
	.dashboard .col-sm-3 {
		max-width: 32%;
	}
    .card-footer .btns{
        padding: 8px 2px;
    }
    .text{padding: 2px 15px;padding: 2px 15px;}
    .bar label{    font-size: 14px;}
    .dashboard .col-sm-7{max-width: 50%;}
    .bar {padding:0px 0px 5px !important;height:auto !important;}
    .progress{margin-left:10px;}
    .dashboard .col-sm-9{max-width:100%;}
    .dash .gamebox{
        height: 280px;
    overflow-y: scroll;
    }
    .card-footer {
    padding: 2px 10px;
    background-color: #fff;
}
	.settle .col-sm-5 {
		max-width: 45%;
	}

	.settle .col-sm-3 {
		max-width: 25%;
	}

	.settle .col-sm-4 {
		max-width: 30%;
	}

	.settle .btn, .settle p, .rep_list p {
		font-size: 12px;
	}

	.rep_list .col-sm-2 {
		max-width: 20%;
	}

	.rep_list .col-sm-10 {
		max-width: 80%;
	}
}

@media only screen and (max-width:598px) {

	.tab-content input[type="submit"] {
		font-size: 16px;
	}
    .img_logo img{
        width:220px;
    }
	.tabs.blue li a {
		font-size: 16px;
	}

	.tab-content .field {
		font-size: 14px;
		height: 28px;
	}

	.tab-content label {
		font-size: 14px;
	}

	.tabs.blue {
		padding: 0px 0px 46px;
	}
}

@media only screen and (max-width:479px) {
	.tab-content input[type="submit"] {
		font-size: 14px;
	}

	.tab-content .field {
		font-size: 12px;
	}

	.tabs.blue li a {
		padding: 5px;
	}

	.tabs.blue {padding: 0px 0px 36px;}
}
