/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/


/* CSS Utilities */
/* Margins & Paddings */

.no-s {
	margin: 0px!important;
	padding: 0px!important;
}

.no-m {
	margin: 0;
}

.no-p {
	padding: 0;
}

.m {
	margin: 15px;
}

.m-t-xxs {
	margin-top: 5px;
}

.m-r-xxs {
	margin-right: 5px;
}

.m-b-xxs {
	margin-bottom: 5px !important;
}

.m-l-xxs {
	margin-left: 5px;
}

.m-t-xs {
	margin-top: 10px;
}

.m-r-xs {
	margin-right: 10px;
}

.m-b-xs {
	margin-bottom: 10px;
}

.m-l-xs {
	margin-left: 10px;
}

.m-t-sm {
	margin-top: 15px;
}

.m-r-sm {
	margin-right: 15px;
}

.m-b-sm {
	margin-bottom: 15px;
}

.m-l-sm {
	margin-left: 15px;
}

.m-t-md {
	margin-top: 20px;
}

.m-r-md {
	margin-right: 20px;
}

.m-b-md {
	margin-bottom: 20px;
}

.m-l-md {
	margin-left: 20px;
}

.m-t-lg {
	margin-top: 25px;
}

.m-r-lg {
	margin-right: 25px;
}

.m-b-lg {
	margin-bottom: 25px;
}

.m-l-lg {
	margin-left: 25px;
}

.m-t-xxl {
	margin-top: 30px;
}

.m-r-xxl {
	margin-right: 30px;
}

.m-b-xxl {
	margin-bottom: 30px;
}

.m-l-xxl {
	margin-left: 30px;
}

.m-t-n-xxs {
	margin-top: -5px;
}

.m-r-n-xxs {
	margin-right: -5px;
}

.m-b-n-xxs {
	margin-bottom: -5px;
}

.m-l-n-xxs {
	margin-left: -5px;
}

.m-t-n-xs {
	margin-top: -10px;
}

.m-r-n-xs {
	margin-right: -10px;
}

.m-b-n-xs {
	margin-bottom: -10px;
}

.m-l-n-xs {
	margin-left: -10px;
}

.m-t-n-sm {
	margin-top: -15px;
}

.m-r-n-sm {
	margin-right: -15px;
}

.m-b-n-sm {
	margin-bottom: -15px;
}

.m-l-n-sm {
	margin-left: -15px;
}

.m-t-n-md {
	margin-top: -20px;
}

.m-r-n-md {
	margin-right: -20px;
}

.m-b-n-md {
	margin-bottom: -20px;
}

.m-l-n-md {
	margin-left: -20px;
}

.m-t-n-lg {
	margin-top: -25px;
}

.m-r-n-lg {
	margin-right: -25px;
}

.m-b-n-lg {
	margin-bottom: -25px;
}

.m-l-n-lg {
	margin-left: -25px;
}

.m-t-n-xxl {
	margin-top: -30px;
}

.m-r-n-xxl {
	margin-right: -30px;
}

.m-b-n-xxl {
	margin-bottom: -30px;
}

.m-l-n-xxl {
	margin-left: -30px;
}

.m-l-no {
	margin-left: 0px !important;
}

.m-t-no {
	margin-top: 0px ;
}

.m-b-no {
	margin-bottom: 0px !important; ;
}


.p {
	padding: 15px;
}

.p-h-xxs {
	padding-left: 5px;
	padding-right: 5px;
}

.p-h-xs {
	padding-left: 10px;
	padding-right: 10px;
}

.p-h-sm {
	padding-left: 15px;
	padding-right: 15px;
}

.no-p-h {
	padding-left: 0;
	padding-right: 0;
}

.no-p-v {
	padding-top: 0;
	padding-bottom: 0;
}

.p-h-md {
	padding-left: 20px;
	padding-right: 20px;
}

.p-h-lg {
	padding-left: 25px;
	padding-right: 25px;
}

.p-h-xxl {
	padding-left: 30px;
	padding-right: 30px;
}

.p-v-xxs {
	padding-top: 5px;
	padding-bottom: 5px;
}

.p-v-xs {
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-v-sm {
	padding-top: 15px;
	padding-bottom: 15px;
}

.p-v-md {
	padding-top: 20px;
	padding-bottom: 20px;
}

.p-v-lg {
	padding-top: 25px;
	padding-bottom: 25px;
}

.p-v-xxl {
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-r-micro {
	padding-right: 3px ;
}

.p-l-micro {
	padding-left: 3px ;
}

.p-r-no {
	padding-right: 0px ;
}

.p-l-no {
	padding-left: 0px ;
}

.p-t-no {
	padding-top: 0px !important;
}

.p-b-no {
	padding-bottom: 0px ;
}


.dropdown-external img{
	margin-right: 5px;
}

/* Width & Height */


.full-height {
	height: 100%!important;
}

.full-width {
	width: 100%!important;
}

.w-xxs {
	width: 50px !important;
}

.w-xs {
	width: 90px;
}

.w-sm {
	width: 140px;
}

.w {
	width: 200px;
}

.w-md {
	width: 240px;
}

.w-lg {
	width: 280px;
}

.w-xl {
	width: 330px;
}

.w-xxl {
	width: 370px;
}

.w-auto {
	width: auto;
}

.h-xxs {
	width: 50px !important;
}

.h-xs {
	height: 90px;
}

.h-sm {
	height: 140px;
}

.h {
	height: 200px;
}

.h-md {
	height: 240px;
}

.h-lg {
	height: 280px;
}

.h-xl {
	height: 330px;
}

.h-xxl {
	height: 370px;
}

.h-auto {
	height: auto !important;
}

.va-b {
	vertical-align: bottom;
}

.va-t {
	vertical-align: top;
}


/********/


.well-password {
	background-color: rgba(153, 153, 153, 0.19) !important;
	padding: 9px 19px !important;
}

.clearer {
	clear: both;
}

#img-edit-logo {
	margin-bottom: 10px;
	border: 4px solid #ccc;
}

.ta-c {
	text-align: center;
}

.ta-l {
	text-align: center;
}

.ta-r {
	text-align: right;
}

.d-inline {
	display: inline!important;
}

.alert-smaller {
	margin-bottom: 0px!important;
	padding: 5px!important;
}

.div-ta-c {
	display: table;
	margin: 0 auto
}


.text-grey1 {
	color:#96a5aa;
}

.text-strong1 {
	font-size: 14px;
	color: #2b4a5c;
	font-weight: 600;
}

.fs-16 {
	font-size: 16px!important;
}

.fs-14 {
	font-size: 14px!important;
}

.fs-12 {
	font-size: 11px!important;
}
/*
#modal-account-switch{
	max-width: 200px;
}
*/

/*text-align: center*/

.bg-dark {
	background-color: #748292!important;
}

.fc-white {
	color: #fff !important
}

.d-none {
	display: none; /*don't make this !important it can affect jquery slideup/down, if want important use class='hide'*/
}

.img-avatar {
	height: 40px;
}

.c-pointer {
	cursor: pointer;
}

a.a-grey-underlined {
	color:#96a5aa;
	text-decoration: underline;
}