.container_inner { width:100%; margin:auto; border:1px solid #CCC; background-color:#FFF; border-radius:10px; padding:0px 25px 25px 25px; margin-bottom:20px }

body {
	background-color: #ADD8E6;
}

.btn-primary { background-color:#5E5EFF; }
.btn-primary:hover { background-color:#2B2BFF; }

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
  background-color: #CACAFF !important;
  color:#5E5EFF !important;
}
.callout.callout-success {
  border-color: #5E5EFF;
}


.greyscale { filter: grayscale(100%); }

.menu a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
} 

.danger {
	background-color:#FFAEAE;
	border:1px solid #CC0000;
}

/*
	Form Fields
*/
.btn_frm { border-radius:30px; padding-right:50px; padding-left:50px; }
.btn_frm { border-radius:30px; padding-right:50px; padding-left:50px; }
.btn_add { background-color:#1686EA; border-radius:5px !important ; }

.input_title { font-size:15px; padding:0px 20px 5px 20px; }
/*.input_title { font-size:15px; padding:0px 20px 15px 14px; }*//*no round border*/
.input_title_cancellation { font-size:15px; padding:0px 2px 0px 5px !important; border:1px solid #CCC; border-radius:5px !important; height:25px !important; width:70px !important }
.input_container_cancellation { display:inline-block; padding-left:10px; }

.input_popup { font-size:15px; padding:0px 2px 0px 5px !important; border:1px solid #CCC; border-radius:0px !important; height:25px !important; width:150px !important }
.select_popup { border:1px solid #CCC; height:25px; min-width:150px; }
.select_button { min-width:150px; }

input[type=text], input[type=password]{ border-radius:30px; height:50px; padding-left:25px; }
/*input[type=text], input[type=password]{ border-top:none; border-right:none; border-left:none; height:35px; padding-left:0px; margin-left:15px; }*//*no round border*/
.input_custom { border-radius:30px; height:50px; background-color:#FFF; border:1px solid #CCC; padding:8px; }
/*.input_custom { background-color:#FFF; border-bottom:1px solid #CCC; }*//*no round border*/

.custom_tooltip { cursor:pointer; }

.input_payment { border-radius:5px !important; width:100%; height:25px !important; padding-left:2px !important; border:1px solid #CCC; }
.btn-cancellation { margin-top:5px; }
.select_payment { background-color:#FFF !important; }
.frm_field { padding-bottom:20px; }
.frm_field_cancellation { padding-bottom:20px; }
.upload-button { margin-left:20px; }
.mandatory { color:#CC0000; }
.tbl_action { font-size:14px; color:#1686EA; padding:0px 10px 0px 5px }
#btn_back { margin-right:5px !important; }
.opening_balance { color:green; }
.focused { border:1px solid #930 !important; }

.button_agreement_listing { border-radius:15px; padding:0px 5px 0px 5px; margin:2px; width:100%; }
/*.input-group .input-group-addon { border:none; } *//*no round border*/


.disabled { background:#EEEEF2 !important; }
.disabled_cancel_button { background:#CCC !important; border:1px solid #CCC; }
.readonly_class { background:#EEEEF2 !important; }
.hidden { display:none; }

.deleted_input_class {
	background: #BABAAF !important; border:2px solid #D73925 !important;	
}
.line-through { text-decoration:line-through; }

.received { color:#000; }
.realized { color:#008C46; }
.bounced { color:#CC0000; }
.returned { color:#B200B2; }

.received_brd { border:1px solid #CCC !important; }
.realized_brd { border:1px solid #008C46 !important; }
.bounced_brd { border:1px solid #CC0000 !important; }
.returned_brd { border:1px solid #B200B2 !important; }


/*
	Toggle Button
*/
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #2196F3; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.iframe_add_button { margin-top:32px; }

/*
	Checkbox
*/
.checkbox_container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 15px; font-weight:normal;  -webkit-user-select: none;
  -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.checkbox_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; }
.checkbox_container:hover input ~ .checkmark { background-color: #ccc; }
.checkbox_container input:checked ~ .checkmark { background-color: #2196F3; }
.checkmark:after { content: ""; position: absolute; display: none; }
.checkbox_container input:checked ~ .checkmark:after { display: block; }
.checkbox_container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg); transform: rotate(45deg);
} 

/*
	Select2
*/
.select2-selection__choice { color:#000 !important; }
.select2-container--default .select2-selection--multiple { border:none; }
.select2-container--default .select2-selection--single { border: none; }

/*
	Calendar
*/
.input-group .input-group-addon {
	border-radius: 20px 0px 0px 20px !important;	
}

/*
	Paddings
*/
.pt-5 { padding-top:5px; }
.pt-10 { padding-top:10px; }
.pt-15 { padding-top:15px; }
.pt-20 { padding-top:20px; }
.pt-30 { padding-top:30px; }
.pt-50 { padding-top:50px; }


.note {
	background-color:#E4E1F4;
	border:1px solid #3A2A89;
	padding:10px;
	margin:10px;
	border-radius:5px;
}
.danger {
	background-color:#FFAEAE;
	border:1px solid #CC0000;
}

/*
	MEDIA QUERIES
*/

@media screen and (max-width: 767px) {
	.frm_field_cancellation { padding:5px 0px 5px 0px; }
	.btn-cancellation { margin:3px 0px 15px 0px; }
}

@media screen and (max-width: 779px) {
	.iframe_add_button { margin:0px 0px 20px 0px; }
}

/*Only for XL modal*/
@media (min-width: 992px) {
	.modal-xl {
	  width: 1200px;
	}
}