/*
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: $blue;
	
	border: none;
	background: none;
	
	&:hover{
		color: $dark-blue;
	}
}
/* canvas.mapster_el {
	top: 15px !important;
}
img.mapster_el {
	position: absolute;
	top: 15px !important;
} */

.jquery-selectbox {
    cursor: pointer;

    padding: 0 0 0 8px !important;
    height: 30px !important;
    width: 100% !important;
    
	font-size: 12px !important;
    color: $black !important;
    
    background-color: $white;
    
	border: 1px $dark-gray2 solid !important;
	border-radius: 4px 0px 0px 4px;
    
    .jquery-selectbox-currentItem{
        padding: 0 !important;
        margin: 0 !important;

        font-size: 12px !important;
        line-height: 30px !important;
    }

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

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

        background-image: none !important;
        background-color: $white !important;
        border-radius: 4px;

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

            color: $black;
            font-size: 10px;
            font-weight: 900;
            line-height: 30px;
        }
    }

    .jquery-selectbox-list{
        top: 27px !important;
        min-width: 182px;

        padding: 0 !important;

        .jquery-selectbox-item{
            padding: 8px 8px !important;
            margin: 0 !important;
    
            line-height: 14px !important;
            font-size: 12px !important;

            border-radius: 4px;
    
            &.listelementhover{
                cursor: pointer;

                color: $white !important;

                background-color: $very-dark-gray;
            }
        }
    }
}