﻿@media only screen and (min-width:2210px) and (max-width:2570px) {
       .nav-sm  .smallwidth{
    max-width:120px !important;
    min-width:110px !important;
}
.nav-sm  .tdsmallwidth {
    max-width:120px !important;
    min-width:110px !important;

}
.nav-sm  .longwidth{
    max-width:275px !important;
    min-width:265px !important;
}
.nav-sm  .tdlongwidth {
    max-width:275px !important;
    min-width:265px !important;
}
   
 .nav-sm  .filterable1 tbody tr td{
      min-width: 195px;
    max-width: 200px;
  }
  .nav-sm   .filterable1 .results tr th {
        font-size: 16px;
        min-width: 195px;
    max-width: 200px;
    }
}
@media only screen and (min-width:2210px) and (max-width:2570px) {
    .smallwidth{
    max-width:110px !important;
    min-width:100px !important;
}
.tdsmallwidth {
    max-width:110px !important;
     min-width:100px !important;
}
.longwidth{
    max-width:270px !important;
    min-width:250px !important;
}
.tdlongwidth {
    max-width:270px !important;
    min-width:250px !important;
}
    .results tbody tr td span {
        font-size: 15px;
         
    }
  .filterable1 tbody tr td{
      min-width: 190px;
    max-width: 195px;
  }
    .filterable1 .results tr th {
        font-size: 17px;
        min-width: 190px;
    max-width: 195px;
    }
}
@media only screen and (min-width:1830px) and (max-width:2209px) {
    .nav-sm  .smallwidth{
    max-width:100px !important;
    min-width:95px !important;
}
.nav-sm  .tdsmallwidth {
    max-width:100px !important;
     min-width:95px !important;
}
.nav-sm  .longwidth{
    max-width:260px !important;
    min-width:240px !important;
}
.nav-sm  .tdlongwidth {
    max-width:260px !important;
    min-width:240px !important;
}
   
 .nav-sm  .filterable1 tbody tr td{
      min-width: 155px;
    max-width: 165px;
  }
  .nav-sm   .filterable1 .results tr th {
        font-size: 16px;
        min-width: 155px;
    max-width: 165px;
    }
}

@media only screen and (min-width:1925px) and (max-width:2209px) {
    .smallwidth{
    max-width:100px !important;
    min-width:95px !important;
}
.tdsmallwidth {
    max-width:100px !important;
     min-width:95px !important;
}
.longwidth{
    max-width:260px !important;
    min-width:240px !important;
}
.tdlongwidth {
    max-width:260px !important;
    min-width:240px !important;
}
    .results tbody tr td span {
        font-size: 14px;
         
    }
  .filterable1 tbody tr td{
      min-width: 185px;
    max-width: 190px;
  }
    .filterable1 .results tr th {
        font-size: 16px;
        min-width: 185px;
    max-width: 190px;
    }
}
@media only screen and (max-width:1399px) {
    .dashboard .card .btn {
        font-size: 14px;
    }

    .currencytable tfoot tr td {
        font-size: 12px;
    }

    .dashboard .card h4 {
        font-size: 25px;
        margin-top: 10px;
    }

    .clbl {
        font-size: 35px;
    }
}
@media only screen and (max-width:1250px) {
	.field_item input[type="text"], .field_item input[type="password"] {
		width: 85%;
	}
     .img_logo img {
	height: 97px;
}
}

@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;
}*/
	.settle p, .rep_list p {
		font-size: 14px;
	}
    .nav_title {
        height:40px;
    }
	.nav_menu{height: 50px;margin-bottom:10px;}
	.nav.toggle span {
    margin-top: 4px;
}
	.nav_menu ul span{margin-bottom:3px;}
	.gamedetail {
		max-width: 100% !important;
		height: auto !important;
		margin:5px 0px;
	}
	.newbtn{padding:6px 10px;font-size:12px;margin-top:2px;}
		.gamedetail input, .gamedetail image {
			display: inline-block;
		}
		.gamedetail .startshift{width:25% !important;}
		.gamedetail .endclose{width: 70% !important;}    
		
	.gamedetail .endclose .area{display: inline-block; float: left;margin:0px 20px;padding:10px 0px;}
		.gamedetail .divi{width: 30%;display:inline-block;float:left;margin:0px 5px;}
        .gamedetail .acStore{width: 30%;display:inline-block;float:none;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, .box1, .inact, .inact table {max-width: 100% !important;	}
		.gamedetail span {display: block;font-size:14px;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;}
     .inact{
         padding-left:0 !important;
     }
	.act_lot.in {
		margin-top: 15px !important;
	}
	.excep .divi-in,.excep .divi
	{
		margin:0 auto;float:none;
	}
	.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;}
    .select2-container--default .select2-selection--single .select2-selection__arrow b{right:3px !important; left:auto;}
    .top_nav li a i {
    font-size: 20px;
    padding-right: 0px;
    padding-top: 9px;
}
}
@media only screen and (max-width:1090px){
	/*.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;
	}
     .site_title img{
    width:80px;
}
	.left_col, .nav_title {
		width: inherit;
	}
    
	.nav.side-menu > li > a {
		text-align: center;
		padding: 10px 0px;
        font-size:12px;
	}

	ul.nav.side-menu li a i.fa {
		font-size: 25px;
		display: block;
	}

	.main_menu span.fa, .site_title span {
		display: none;
	}

	.nav.child_menu {
		left: 100%;
		top: 0;
		width: 130px;
		z-index: 4000;
		background: #3E5367;
		display: none;
		position: absolute;
        height: 100px;
	}

	.main-body, .main_container .top_nav {
		margin-left: 80px;
	}

	.toggle {
		display: none;
	}
	.inact{
		padding:0px !important;
	}
	.card{padding:10px;}
    .nav-md ul.nav.child_menu li a{
        font-size: 12px;
        padding: 10px 15px 10px !important;
    }
}
@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: 16% !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: center;
	}

	.card {
		height: 100px;
		padding: 10px;
		min-height: auto;
	}

		.card h4 {
			font-size: 12px;
		}

	.tab-content input[type="submit"] {font-size: 16px;margin-bottom: 10px;}

	.col-sm-4.tab-content {max-width: 300px !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 ,.nav-right span{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;
	}
      .smallwidth{
    max-width:65px !important;
    min-width:65px !important;
}
.tdsmallwidth {
    max-width:65px !important;
     min-width:56px !important;
}
.longwidth{
    max-width:150px !important;
    min-width:140px !important;
}
.tdlongwidth {
    max-width:150px !important;
    min-width:140px !important;
}
 .filterable1 tbody tr td{
      min-width: 94px;
    max-width: 110px;
  }
    .filterable1 .results tr th {
       
        min-width: 100px;
    max-width: 110px;
    }
.fa_edbtn,.fa_btn{
    font-size:10px;
}
 .dashboard .card h4{
       font-size:16px;
       margin-top:0px;
   }
   .clbl {
    font-size: 18px;
}
   .img_logo img {
	height: 80px;
}
}

@media screen and (max-width:767px) {
	.dashboard .col-sm-3 {
		max-width: 49%;
	}

	.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%;
	}
    .tab-container{
        	min-width: 320px;
    }
}

@media only screen and (max-width:598px) {

	.tab-content input[type="submit"] {
		font-size: 16px;
	}

	.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;
	}
    .gamedetail .acStore {
        width: 50%;
    }
    .tab-content h2{
        font-size:25px;
    }
}

@media only screen and (max-width:479px) {
     .gamedetail .acStore {
        width: 100%;
    }
	.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;}
     .dashboard .card h4{
       font-size:16px;
       margin-top:0px;
       margin-bottom:5px;
   }
   .clbl {
    font-size: 14px;
}
   .form-group .form-control {
       font-size:12px !important;
   }
   .tabpanel{
       padding:0px !important;
   }
}
