/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-Aug-2018, 12:45:26
    Author     : podkrizniku
*/

.ui-resizable {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
	display: block;
}
.ui-resizable-disabled {
	.ui-resizable-handle {
		display: none;
	}
}
.ui-resizable-autohide {
	.ui-resizable-handle {
		display: none;
	}
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0px;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0px;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-datepicker-trigger {
	cursor: pointer;
	margin-left: 7px;
	padding: 0px;
	
	color: $strong_blue;
	
	border: none;
	background: none;
	
	&:hover{
		color: $orange;
	}
}
canvas.mapster_el {
	top: 15px !important;
}
img.mapster_el {
	position: absolute;
	top: 15px !important;
}

.jquery-selectbox {
    cursor: pointer;

    padding: 3px 0px 1px 6px !important;
    margin: -2px 0 0 0 !important;
    
	font-size: 12px !important;
    color: $main_text !important;
    
    background-color: $select_background;
    
	border: 1px $soft_blue solid !important;
	border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
    
    .jquery-selectbox-list{
        top: 21px !important;
        min-width: 180px;
    }

    .jquery-selectbox-currentItem{
        padding: 0 !important;
        margin: 0 !important;

        line-height: 14px;
    }

    .jquery-selectbox-moreButton{
        font-family: $fontawesome;

        margin-top: -3px !important;

        height: 18px !important;
        width: 15px !important;

        background-image: none !important;
        background-color: #ddd !important;
        border: 1px #aaa solid;

        &::before {
            content: "\f078";
            padding-left: 3px;

            color: #333;
            font-size: 10px;
            font-weight: 900;
            line-height: 17px;
        }
    }
    
    .jquery-selectbox-item{
        padding: 3px 6px 5px 6px !important;
        margin: 0 !important;

        line-height: 14px;

        &.listelementhover{
            cursor: pointer;
        }
    }

}