/*******************************
* 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.right .modal-content > .modal-header, 
.modal.right .modal-content > .modal-body, 
.modal.right .modal-content > .modal-footer{}

/*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.right .modal-body .content,
.modal.left .modal-body .content{background:#fff;}

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

.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;}
.modal-content.sidebar > .modal-body.sidebar-body li{padding:inherit;}

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

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);
	}

.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}
/*.sidebar-body .tooltip.top{left:5px !important;}
.sidebar-body .tooltip.top .tooltip-arrow{left:25% !important;}*/

/*******************************
* CUSTOM SWITCH SLIDERS (CHECKBOX)
*******************************/
.switch
	{position:relative; display:inline-block; width:45px; height:20px;margin-top:1px;}
.switch input
	{display:none;}
.slider{
	position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; 
	background-color:#ddd; -webkit-transition:.4s; transition:.4s;border-radius:4px;
	}
.slider:before{
	content:'\002713';text-align:center;font-weight:bold;color:#fff; font-size:16px;
	height:22px; width:22px; background-color:white; 
	border-radius:4px;border:2px solid #a6a6a6;top:-1px;
	position:absolute; -webkit-transition:.4s; transition:.4s;
	}
input:checked + .slider
	{background-color:#2196F3;}
input:checked + .slider:before
	{-webkit-transform:translateX(23px); -ms-transform:translateX(23px); transform:translateX(23px);content:'\002713';text-align:center;font-weight:bold;color:#2196F3;border-color:#2196F3;}
input:focus + .slider
	{box-shadow:0 0 10px #000;}
input:disabled + .slider
	{background-color:#ddd;}
input:disabled:checked + .slider:before
	{font-weight:bold;color:#d8d8d8;border-color:#ddd;background-color:#fff;}
	
/*******************************
* CUSTOM SWITCH SLIDERS (CHECKBOX ON-OFF TEXT) *
*******************************/
.switch.onoff
	{position:relative; display:inline-block; width:34px; height:15px;margin-top:1px;}
.switch.onoff input
	{display:none;}
.onoff .slider{
	position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; 
	background-color:#ddd; -webkit-transition:.4s; transition:.4s;border-radius:4px;
	}
.onoff .slider:before{
	content:'Off';text-align:center;font-weight:600;color:#999; font-size:10px;
	height:17px; width:23px; background-color:white; 
	border-radius:4px;border:1px solid #a6a6a6;top:-1px;
	position:absolute; -webkit-transition:.4s; transition:.4s;
	}
.onoff input:checked + .slider
	{background-color:#2196F3;}
.onoff input:checked + .slider:before
	{-webkit-transform:translateX(12px); -ms-transform:translateX(12px); transform:translateX(12px);content:'On';text-align:center;font-weight:600;color:#2196F3;border-color:#2196F3;}
.onoff input:focus + .slider
	{box-shadow:0 0 10px #000;}
.onoff input:disabled + .slider
	{background-color:#ddd;}
.onoff input:disabled:checked + .slider:before
	{font-weight:600;color:#d8d8d8;border-color:#ddd;background-color:#fff;}
	
	
/***********************************
* CUSTOM CHECKBOX
***********************************/
.check-btn
	{position:relative; display:inline-block; width:20px; height:20px;}
.check-btn input
	{display:none;}
.check-btn .check{
	position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; 
	-webkit-transition:.4s; transition:.4s;border-radius:4px;line-height:16px;
	}
.check-btn .check:before{
	content:'\002713';text-align:center;font-weight:bold;color:#fff; font-size:16px;
	height:20px; width:20px; background-color:white; 
	border-radius:4px;border:2px solid #a6a6a6;
	position:absolute; -webkit-transition:.4s; transition:.4s;
	}
/*input:checked + .check
	{background-color:#2196F3;}*/
.check-btn input:checked + .check:before
	{content:'\002713';text-align:center;font-weight:bold;color:#2196F3;border-color:#2196F3;}
.check-btn input:focus + .check
	{box-shadow:0 0 10px #000;}
.check-btn input:disabled + .check
	{background-color:#ddd;}
.check-btn input:disabled:checked + .check:before
	{font-weight:bold;color:#d8d8d8;border-color:#ddd;background-color:#fff;}
	
/***********************************
* INPUT-GROUP
***********************************/
/*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;
}

/*****************************************/
.form-group.md {
	/*display: flex;display:-webkit-flex;display: -ms-flexbox;
	display: -webkit-box;display: -moz-box;*/ 
	min-height: 42px;margin-bottom:0;position:relative;
	}

.form-group.md .input-group-addon{
	padding: 10px; margin-right:2px; width: auto; height: 30px; background: transparent;
	border:none; border-bottom: 1px solid #d6d6d6; border-radius: 0px;
	/*align-self: flex-end;-webkit-align-self: flex-end;*/
	}

.form-group.md label.control-label{
	font-size:14px; font-weight: 400; color:#888888; top:0; margin:0; width:100%;
	opacity: 1; pointer-events: none; position: absolute;
	transform: translate3d(0, 22px, 0) scale(1); transform-origin: left top; transition: 0.5s;
	}

.form-group.md label.control-label > span.note{
	display:inline-block;width:auto;
	}

.form-group.md label.control-value{
	display:inherit;width:100%;color:#888888;font-weight:400;/*align-self:flex-end;-webkit-align-self: flex-end;*/margin-bottom:0;
	}

.form-group.md .control-value{
	/*align-self: flex-end;-webkit-align-self: flex-end;*/color:#888888;font-weight:400;border:none;border-bottom:2px solid #fff;border-radius:0;box-shadow:none;padding:0;padding-bottom:3px;width:100%;height:auto;
	}

.form-group.md .form-control{
	color:#888888;font-weight:400;padding:0;padding-bottom:0px;width:100%;height:auto;
	border:none;border-bottom:1px solid #717d8d;border-radius:0;box-shadow:none;background:transparent;
	/*flex:1;-webkit-flex:1;-ms-flex:1;align-self: flex-end;-webkit-align-self: flex-end;*/
	position:absolute;bottom:0;
	}
	
.form-group.md .form-control.country-code{
	margin-right:10px;/*flex:.2;-webkit-flex:.2;-ms-flex:.2;*/
	}
.form-group.md textarea.form-control, .form-group.md .control-value{
	margin-top:22px;
	}

.form-group.md .form-control:focus {
	box-shadow:none;
	}

.form-group.md.focused .control-label{
	top:4px;color:#6addc8;opacity: 1;transform: scale(0.90);font-style:italic;
	}

.form-group.md.error .form-control{
	border-color:red;
	}

.form-group.md select.form-control {-webkit-appearance: none;-moz-appearance: none;appearance: none;
   background-image:url(../images/select-downarrow.jpg);background-color:transparent;padding-right:24px;
   background-repeat:no-repeat;background-position:right center;}

.form-group.md .form-control::-webkit-input-placeholder {transition: 0s;}
.form-group.md .form-control:focus::-webkit-input-placeholder {transition: none;}
.form-group.md .form-group.focused .form-control::-webkit-input-placeholder {color: #bbb;}
span.error{display:block;margin-top:-10px;}

.form-group.md .form-control-feedback{top: inherit;height: 21px;width: 21px;line-height: 21px;bottom: 0px;}

.form-group.md.has-error .help-block,
.form-group.md.has-error .control-label,
.form-group.md.has-error .radio,
.form-group.md.has-error .checkbox,
.form-group.md.has-error .radio-inline,
.form-group.md.has-error .checkbox-inline,
.form-group.md.has-error.radio label,
.form-group.md.has-error.checkbox label,
.form-group.md.has-error.radio-inline label,
.form-group.md.has-error.checkbox-inline label {
  color: #ff0000;
}
.form-group.md.has-error .form-control {
  border-color: #ff0000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.form-group.md.has-error .form-control:focus {
  border-color: #ff0000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
}
/*.form-group.md.has-error .input-group-addon {
  color: #a94442;
  border-color: #ff0000;
  background-color: #f2dede;
}*/
.form-group.md.has-error .form-control-feedback {
  color: #ff0000;
}
.form-group.md.has-success .form-control-feedback {
  color: #1fbba6;
}
.form-group.md.has-feedback label ~ .form-control-feedback {
  top: inherit;
}
.form-group.md.has-feedback label.sr-only ~ .form-control-feedback {
  top: inherit;
}
.pTB15 {
    padding-top: 15px;
    padding-bottom: 15px;
}