/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left, .modal.right{top:0;}
.modal.left .modal-dialog,
.modal.right .modal-dialog {position: absolute;margin: auto;height: 100%;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}

.modal.left .modal-content,
.modal.right .modal-content {height: 100%;overflow-y: auto;}

.modal.left .modal-header,
.modal.right .modal-header,
.modal.left .modal-body,
.modal.right .modal-body,
.modal.left .modal-footer,
.modal.right .modal-footer{padding:15px;}

.modal.left .modal-footer,
.modal.right .modal-footer{margin-top:0;padding-bottom:0;}

/*Left*/
.modal.left.fade .modal-dialog{left: -100%;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;-moz-transition: opacity 0.3s linear, left 0.3s ease-out;-o-transition: opacity 0.3s linear, left 0.3s ease-out;transition: opacity 0.3s linear, left 0.3s ease-out;}

.modal.left.fade.in .modal-dialog{left: 0;}
	
/*Right*/
.modal.right.fade .modal-dialog {right: -100%;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;transition: opacity 0.3s linear, right 0.3s ease-out;}

.modal.right.fade.in .modal-dialog {right: 0;}

.modal-body .content{background:#fff;}

/* ----- MODAL STYLE ----- */
.modal.right .modal-content {border-radius: 0;border: none;}

.modal.right .modal-header {border-bottom-color: #EEEEEE;}

.modal.right .modal-content.sidebar > form{height:100%;display:flex;flex-direction:column;}

.sidebar{padding:0;width:100%;display:flex;flex-direction:column;overflow:hidden;}
.sidebar-header{
	background-color:#85A2D5; background:linear-gradient(141deg, #2cb5e8 0%, #85A2D5 75%);
     opacity: 0.95;
	/*display:flex;flex-direction:column;flex:none;*/
	}
	
.sidebar-header button.close{border-color:#fff;opacity:1;border-width:2px;}

.sidebar-header h4, .sidebar-header button span{color:#fff;}

.sidebar-body{background-color:#e6e6e6;overflow:auto;min-height:auto;flex:1 1 auto;flex-basis:0;}

.sidebar-footer{background-color:#00bda5;/*display:flex;flex-direction:column;flex:none;*/}


.input-group-addon:not(:first-child):not(:last-child), 
.input-group-btn:not(:first-child):not(:last-child), 
.input-group .form-control:not(:first-child):not(:last-child){border-radius:0 !important;}

.input-group .form-control:first-child, 
.input-group-addon:first-child, 
.input-group-btn:first-child > .btn, 
.input-group-btn:first-child > .btn-group > .btn, 
.input-group-btn:first-child > .dropdown-toggle, 
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}

.modal.right .input-group .input-group-addon{padding:6px 12px;background-color:#eee}

/*INPUT GROUPS*/
.modal.right .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.modal.right .input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.modal.right .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  height:inherit;
  padding:6px;
}
.modal.right .input-group-lg > .form-control,
.modal.right .input-group-lg > .input-group-addon,
.modal.right .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.modal.right select.input-group-lg > .form-control,
.modal.right select.input-group-lg > .input-group-addon,
.modal.right select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
.modal.right textarea.input-group-lg > .form-control,
.modal.right textarea.input-group-lg > .input-group-addon,
.modal.right textarea.input-group-lg > .input-group-btn > .btn,
.modal.right select[multiple].input-group-lg > .form-control,
.modal.right select[multiple].input-group-lg > .input-group-addon,
.modal.right select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.modal.right .input-group-sm > .form-control,
.modal.right .input-group-sm > .input-group-addon,
.modal.right .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.modal.right select.input-group-sm > .form-control,
.modal.right select.input-group-sm > .input-group-addon,
.modal.right select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
.modal.right textarea.input-group-sm > .form-control,
.modal.right textarea.input-group-sm > .input-group-addon,
.modal.right textarea.input-group-sm > .input-group-btn > .btn,
.modal.right select[multiple].input-group-sm > .form-control,
.modal.right select[multiple].input-group-sm > .input-group-addon,
.modal.right select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.modal.right .input-group-addon,
.modal.right .input-group-btn,
.modal.right .input-group .form-control {
  display: table-cell;
}
.modal.right .input-group-addon:not(:first-child):not(:last-child),
.modal.right .input-group-btn:not(:first-child):not(:last-child),
.modal.right .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.modal.right .input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.modal.right .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  height:inherit;
  position:inherit;
}
.modal.right .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.modal.right .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.modal.right .input-group-addon input[type="radio"],
.modal.right .input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.modal.right .input-group .form-control:first-child,
.modal.right .input-group-addon:first-child,
.modal.right .input-group-btn:first-child > .btn,
.modal.right .input-group-btn:first-child > .btn-group > .btn,
.modal.right .input-group-btn:first-child > .dropdown-toggle,
.modal.right .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.modal.right .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.modal.right .input-group-addon:first-child {
  border-right: 0;
}
.modal.right .input-group .form-control:last-child,
.modal.right .input-group-addon:last-child,
.modal.right .input-group-btn:last-child > .btn,
.modal.right .input-group-btn:last-child > .btn-group > .btn,
.modal.right .input-group-btn:last-child > .dropdown-toggle,
.modal.right .input-group-btn:first-child > .btn:not(:first-child),
.modal.right .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.modal.right .input-group-addon:last-child {
  border-left: 0;
}
.modal.right .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.modal.right .input-group-btn > .btn {
  position: relative;
}
.modal.right .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.modal.right .input-group-btn > .btn:hover,
.modal.right .input-group-btn > .btn:focus,
.modal.right .input-group-btn > .btn:active {
  z-index: 2;
}
.modal.right .input-group-btn:first-child > .btn,
.modal.right .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.modal.right .input-group-btn:last-child > .btn,
.modal.right .input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

.modal.right .modal-dialog{width:100%;}

/*body.modal-open header, body.modal-open .container, body.modal-open footer{
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');  filter: blur(3px);
	-webkit-filter: blur(3px); -moz-filter: blur(3px);-o-filter: blur(3px); -ms-filter: blur(3px);
	}*/
	
/*.sidebar-body .tooltip.top{left:5px !important;}
.sidebar-body .tooltip.top .tooltip-arrow{left:25% !important;}*/