/* fix checkboxes */
.fa.fa-square.fa-base,.fa.fa-check-square.fa-base {
    display:none;
}



.drag {
	position: absolute;
    z-index:1000;
	/*border: 1px solid #89B;
	background: #BCE;*/
	cursor: move;
	/*top: 20px;*/
    /*height: 58px;
	width: 58px;*/

    top: -85px;
    left:15px;

    
	background-size: cover !important;
    height: 80px;
    width: 80px;

    

}

    .drag .hasGuest {
        background-color: #44ACE1 !important;
    }
    .drag a {
        background-color: #44ACE1 !important;
    }

.drag.seatingCapacity_0
{
	
}
    .drag.seatingCapacity_0 a
    {
	    background-color: #44ACE1 !important;
    }

.drag.seatingCapacity_1-12
{
	
}

    .seatPos.top,.seatPos.bottom,.seatPos.left,.seatPos.right {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        z-index:-1;
    }



    .drag.seatingCapacity_1-12 .seatPos.top
    {
	    float:left;
        /*margin-top: -95px;*/
        /*
        margin-top: -84px;
        margin-left: 17px;
        */
        margin-top: -69px;
        margin-left: 21px;

    }
        .drag.seatingCapacity_1-12 .seatPos.top>i
        {
	        margin-left:1px;
        }

    .drag.seatingCapacity_1-12 .seatPos.left
    {
	    float:left;
        /*
        margin-top: -70px;
        margin-left: -2px;
        */
        margin-top: -56px;
        margin-left: 9px;

    }
        .drag.seatingCapacity_1-12 .seatPos.left>i
        {
	        display:block;
            padding-top: 1px;
        }

    .drag.seatingCapacity_1-12 .seatPos.right
    {
	    float:left;
        /*
        margin-top: -70px;
        margin-left: 85px;
        */
        margin-top: -56px;
        margin-left: 69px;

    }
        .drag.seatingCapacity_1-12 .seatPos.right>i
        {
	        display:block;
            padding-top: 1px;
        }

    .drag.seatingCapacity_1-12 .seatPos.bottom
    {
	    float:left;
        margin-top: -9px;
        /*margin-left: 17px;*/
        margin-left: 21px;

    }
        .drag.seatingCapacity_1-12 .seatPos.bottom>i
        {
	        margin-left:1px;
        }


/* -------------------------------------------------------- */

.drag.seatingCapacity_13-16
{
	width: 150px;
}
.drag.seatingCapacity_13-16 a.hasGuest
{
	width: 140px;
    min-height: 65px;
    height:65px;
    background-color:#35C0D7 !important;
}

    .drag.seatingCapacity_13-16 .seatPos i {
        color:#666 !important;
    }


.drag.seatingCapacity_13-16 a.hasGuest .tableName
{
	margin-left:auto;
    margin-right:auto;
}



    .drag.seatingCapacity_13-16 .seatPos.top
    {
	    float:left;
        margin-top: -74px;
        margin-left: 9px;

    }
        .drag.seatingCapacity_13-16 .seatPos.top>i
        {
	        margin-left:5px;
        }

    .drag.seatingCapacity_13-16 .seatPos.left
    {
	    float:left;
        margin-top: -55px;
        margin-left: -2px;

    }
        .drag.seatingCapacity_13-16 .seatPos.left>i
        {
	        display:block;
            padding-top: 5px;
        }

    .drag.seatingCapacity_13-16 .seatPos.right
    {
	    float:left;
        margin-top: -55px;
        margin-left: 140px;

    }
        .drag.seatingCapacity_13-16 .seatPos.right>i
        {
	        display:block;
            padding-top: 5px;
        }

    .drag.seatingCapacity_13-16 .seatPos.bottom
    {
	    float:left;
        margin-top: -9px;
        margin-left: 9px;

    }
        .drag.seatingCapacity_13-16 .seatPos.bottom>i
        {
	        margin-left:5px;
        }

/* -------------------------------------------------------- */

.drag.seatingCapacity_18
{
	width: 192px;
}
.drag.seatingCapacity_18 a.hasGuest
{
	width: 182px;
    min-height: 65px;
    height:65px;
    background-color:#35C0D7 !important;
}

    .drag.seatingCapacity_18 .seatPos i {
        color:#666 !important;
    }


.drag.seatingCapacity_18 a.hasGuest .tableName
{
	margin-left:auto;
    margin-right:auto;
}



    .drag.seatingCapacity_18 .seatPos.top
    {
	    float:left;
        margin-top: -74px;
        /*margin-top: -85px;*/
        margin-left: 9px;

    }
        .drag.seatingCapacity_18 .seatPos.top>i
        {
	        margin-left:5px;
        }

    .drag.seatingCapacity_18 .seatPos.left
    {
	    float:left;
        margin-top: -55px;
        margin-left: -2px;

    }
        .drag.seatingCapacity_18 .seatPos.left>i
        {
	        display:block;
            padding-top: 5px;
        }

    .drag.seatingCapacity_18 .seatPos.right
    {
	    float:left;
        margin-top: -55px;
        margin-left: 182px;

    }
        .drag.seatingCapacity_18 .seatPos.right>i
        {
	        display:block;
            padding-top: 5px;
            
        }

    .drag.seatingCapacity_18 .seatPos.bottom
    {
	    float:left;
        margin-top: -9px;
        margin-left: 9px;

    }
        .drag.seatingCapacity_18 .seatPos.bottom>i
        {
	        margin-left:5px;
        }


/* -------------------------------------- */

.seatPos {
    display:none;
}
.drag .seatPos {
    display:block;
}
/*
.drag .current
{
	background: transparent !important;
    color: #666;
}
*/
.drag .Guests {
    background-color:transparent !important;
}


.drag .current .GuestsApproved
{
	color: #0000ff !important;
}

.drag .ShowCurrentGuests ul{
	background-color: #f1f1f1f1;
    border: solid 1px #ccc;
    float: right;
    direction: rtl;
    text-align: right;
    padding: 3px;
    position: relative;
    top: -9px;
    left: -20px;
}

.toolTipTablesGuests {
    direction:rtl;
    text-align:right;
}

.TablesGuestsHR {
    padding:0px;
    margin:0px;
    /*color:#666666;*/
    border: dashed 1px #999;
   
}

.light-pagination ul li {
    z-index:100;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    
	background-size:0;
}

.light-pagination ul li .ui-rotatable-handle
{
	float: none;
}
                                    
#container .light-theme a {
    background: none;
    border: none;
    box-shadow: none;
    /*margin: 35px -35px 0px 0px;
	background-color: #d4caca7d;
	*/
	margin: 15px 7px 0px 0px;
    border-radius:10px;
    color: #ffffff;
    font-weight: bold;
}

    #container .light-theme a sub .GuestsApproved {
        color: #ffff00;
        
    }

#container {
	height: 750px;
	border: 1px dashed #888;

    /*background: #FFF url("http://threedubmedia.com/inc/img/grid20.gif") repeat 0px 0px;*/

    /*background: #FFF url("../../../plugins/jquery.event.drag-2.2/images/bg/floor.jpg") repeat 0px 0px;*/
/*	
background-color: #fffaeb;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ab9a84' fill-opacity='0.23'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
*/
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23f4f0e4' fill-opacity='0.62'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

}


.lockar {
    position: fixed;
    /*border: solid 1px red;*/
    width: 100%;
    height: 1000px;
    top: 0px;
    left: 0px;
    z-index: 200;
    background-color:#00000008;
}


#container #mapMenu {
    position: absolute;
    z-index: 300;
}
#container #mapMenu div {
    float: right;
    width: 25px;
    text-align: center;
    background-color: #f5f5f5db;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    cursor:pointer;
    padding-top: 2px;
    font-size: 16px;
}
#container #mapMenu div:last-child {
    border-bottom-left-radius: 6px;
}

.element {
    border: 1px solid #89B;
	background: #BCE;
    vertical-align: middle;
    text-align: center;
}

.dance {
    left: 560px;
    top: 560px;
    width: 330px;
    height: 185px;
	/*
    font-family: tahoma;
    font-size: 16px;
    
	background: url("../../../plugins/jquery.event.drag-2.2/images/bg/danceFloor.png") repeat 0px 0px;
	background-size: cover !important;
        */
    background-color:#FF7070;
    
    color: #fff;
    font-family: arial;
    font-weight: bold;
    font-size: 14px;
}

.bar {
    left: 900px;
    top: 664px;
    width: 175px;
    height: 77px;
	/*
	background:  url("../../../plugins/jquery.event.drag-2.2/images/bg/bar.png") repeat 0px 0px;
	background-size: cover !important;
    */
    color: #fff;
    /* font-weight: bold; */
    /*
    font-family: tahoma;
    font-size: 16px;
        */

    font-family: arial;
    font-weight: bold;
    font-size: 14px;

    /*
    background-color:#31312e;
background-image:
radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
        */

    background-color:#60B8AC;
}
.entrance {
    left: 1194px;
    top: 10px;
    width: 100px;
    height: 50px;

    display:none;
}

.handle {
	position: absolute;
	height: 6px;
	width: 6px;
	border: 1px solid #89B;
	background: #9AC; 
}
.NW, .NN, .NE {
	top: -4px;
}
.NE, .EE, .SE {
	right: -4px;
}
.SW, .SS, .SE {
	bottom: -4px;
}
.NW, .WW, .SW {
	left: -4px;
}
.SE, .NW {	
	cursor: nw-resize;
}
.SW, .NE {
	cursor: ne-resize;
}
.NN, .SS {
	cursor: n-resize;
	left: 50%;
	margin-left: -4px;
}
.EE, .WW {
	cursor: e-resize;
	top: 50%;
	margin-top: -4px;
}	
.selected {
	background-color: #ECB;
	border-color: #B98;
}
.selected .handle {  
	background-color: #CA9;
	border-color: #B98;
}