/*! jQuery UI - v1.10.3 - 2013-06-24
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.slider.css, jquery.ui.tabs.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}
/* .ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
} */
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}


/* positioning */

.ui-icon-closethick:before { 
    color: #ffffff;
    content: '\f12a';
    font-family: 'Ionicons';
    
}
.ui-icon-closethick{
    text-indent: initial;
}

/* Overlays */
.ui-widget-overlay {
	background: #eeeeee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
	opacity: .5;
	filter: Alpha(Opacity=80);
}



.users_requests {
    line-height: 1em;
}

.users_requests .request {
    margin-top: 0.3em;
    color: #333;
}


/* 
.users_requests .header:before{
    font-family: 'Ionicons';
    content: ' \f347';
    float: left;
    margin-right: 20px;
    font-size: 2em;
    line-height: 1em;
     color: #ccc;
} */

.users_requests .name {
    font-weight: 400;
    color: #0077b3;
}

.users_requests .date {
    font-weight: 400;
    color: #999;
    font-size: 0.8em;
    padding-bottom: 0.5em;
}

.module_requests textarea {
    width: 100%;
    height: 100px;
    box-sizing: border-box;
}

.module_requests .request_more {
    width: 100%;
    background-color: #eee;
    margin-top: 1em;
    color: #aaa;
}

.request_comment {
    background-color: #f4f4f4;
    margin-top: 5px;
    min-height: 50px;
    padding: 5px;
}

.request_comment label {
    display: inline-block;
    margin-bottom: 4px;
}

.request_line_toggle,
.request_block_toggle {
    cursor: pointer;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.request_line_toggle i {
    font-size: 1.1em;
    color: #404a2f;
}

.request_block_toggle i {
    font-size: 1.1em;
    color: #404a2f;
}

.request_content {
    display: none;
}

.type_descrption {
    margin-top: 3px;
    margin-bottom: 3px;
    min-height: 25px;
    padding: 0.5em;
}

.add_new_status {
    user-select: none;
    /* Standard */
}

.remove_new_status {
    user-select: none;
    /* Standard */
}

.new_option, .new_option_remove{
    cursor: pointer;
    margin-left: .5em;;
}

.user_requests .ico i {
    font-size: 1.5em;
}

.users_requests {
    display: none;
}

.type_descrption {
    color: #c00d0d;
}

input[type='checkbox'],
.controls label {
    cursor: pointer;
    user-select: none;
}

td.status i {
    font-size: 0.9em;
}

/**Toggle switch button**/

.toggle_switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
}


/* Hide default HTML checkbox */

.toggle_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}


/* The slider */

.toggle_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle_slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.toggle_slider {
    background-color: #2196F3;
}

input:focus+.toggle_slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.toggle_slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.toggle_slider.round {
    border-radius: 34px;
}

.toggle_slider.round:before {
    border-radius: 50%;
}

/**End toggle switch button**/


.ui-dialog-buttonpane button{
    font-size: inherit;
    background-color: #c00d0d;
    color: #fff;
    padding: 0.5em;
    text-indent: 0px;
    font-weight: 100;
    cursor: pointer;
    border: 0;
    margin-bottom: 1em;
}
.ui-widget-content button:hover{
    background: #000;
    color: #fff;
}
.ui-dialog-buttonset{
    display: flex;
    justify-content: flex-end;
}

.ui-dialog-buttonset button{
    margin: .5em .8em .5em 0;
}

.ui-widget-header {
    border: 1px solid #dddddd; 
    background: #e9e9e9;
    color: #333333;
    font-weight: bold; 
}


.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-dialog {
    border: 1px solid #dddddd;
    background: #f7f7f7;
    /* background: #eee; */
    color: #333333;
    color: #252122;
    user-select: none;
    /* padding: 10px 20px;     */
    padding: .2em;    
    border-radius: 5px;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    background : #f2f2f2;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}


#modal_form{
    padding: 20px;
    padding-top: 3em;
    display: flex;
    flex-direction: column;
    /* align-items: flex-end; */
    /* justify-content: space-evenly; */
    height: 100%;
    
}
.modal_description{
    margin: 1em 0;
}
.modal_form_line{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
    width: 80%;
    min-height:3em;    
    padding: 10px 30px;   
    margin-bottom: 1em;
    /* margin-top: 1em; */
    margin:auto;
}
.modal_form_line:not(:last-child){
    border-bottom: 1px solid #ddd;
}
.modal_description::first-letter{
    text-transform: uppercase;
}
.modal_description{
    margin-top: 1em;;
}

.modal_form_line label{
    /* font-weight: 600;         */
    /* color: #999; */
    font-size : 1.25em;
    display: block;
}
.my_request_add, .my_request_cancel{
    border-radius: initial;
}

.ui-dialog:focus {outline:none;}
/* #modal_form div:nth-child(odd){
    padding: 15px 30px;
    background-color: #4C8BF5;
    color: #fff;
}
#modal_form div:nth-child(even){
    padding: 15px 30px;
    background-color: #4cf5a6;
    color: #fff;
} */

.new_form_input{
    max-width: 80%;
}
.input_row td{
    max-width: 100px;
}

.new_request_infos{
    width:initial;
}

#mailing_list::placeholder{    
    font-style: italic;
    opacity: 0.7;
}

.request_infosbox div{
    display: flex;
    /* justify-content: space-between; */
}
.status_lib{
    color:#aaa;
    font-size : 1.2em;
}
.request_infosbox_lib{
    min-width: 130px;
    display: inline-block;
}

.form-content-left.request-infos{
    width: 70%;
}
.form-content-right.request-infos{
    width: 30%;
}