/*position*/
.pos-r { position: relative !important; }
.pos-a { position: absolute !important; }
.pos-f { position: fixed !important; }

/*width*/
.w-sm   { width: 25% !important; }
.w-md   { width: 50% !important; }
.w-lg   { width: 75% !important; }
.w-full { width: 100% !important; }

/*margin*/
.m-a-0 { margin:        0 !important; }
.m-t-0 { margin-top:    0 !important; }
.m-r-0 { margin-right:  0 !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-l-0 { margin-left:   0 !important; }

.m-a { margin:        15px !important; }
.m-t { margin-top:    15px !important; }
.m-r { margin-right:  15px !important; }
.m-b { margin-bottom: 15px !important; }
.m-l { margin-left:   15px !important; }
.m-x { margin-right:  15px !important; margin-left: 15px !important; }
.m-y { margin-top:    15px !important; margin-bottom: 15px !important; }
.m-x-auto { margin-right: auto !important; margin-left: auto !important; }

.m-a-md { margin:        22px !important; }
.m-t-md { margin-top:    22px !important; }
.m-r-md { margin-right:  22px !important; }
.m-b-md { margin-bottom: 22px !important; }
.m-l-md { margin-left:   22px !important; }
.m-x-md { margin-right:  22px !important; margin-left:   22px !important; }
.m-y-md { margin-top:    22px !important; margin-bottom: 22px !important; }

.m-a-lg { margin:        45px !important; }
.m-t-lg { margin-top:    45px !important; }
.m-r-lg { margin-right:  45px !important; }
.m-b-lg { margin-bottom: 45px !important; }
.m-l-lg { margin-left:   45px !important; }
.m-x-lg { margin-right:  45px !important; margin-left:   45px !important; }
.m-y-lg { margin-top:    45px !important; margin-bottom: 45px !important; }

/*padding*/
.p-a-0 { padding:        0 !important; }
.p-t-0 { padding-top:    0 !important; }
.p-r-0 { padding-right:  0 !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-l-0 { padding-left:   0 !important; }

.p-a { padding:        15px !important; }
.p-t { padding-top:    15px !important; }
.p-r { padding-right:  15px !important; }
.p-b { padding-bottom: 15px !important; }
.p-l { padding-left:   15px !important; }
.p-x { padding-right:  15px !important; padding-left:   15px !important; }
.p-y { padding-top:    15px !important; padding-bottom: 15px !important; }

.p-a-md { padding:        22px !important; }
.p-t-md { padding-top:    22px !important; }
.p-r-md { padding-right:  22px !important; }
.p-b-md { padding-bottom: 22px !important; }
.p-l-md { padding-left:   22px !important; }
.p-x-md { padding-right:  22px !important; padding-left:   22px !important; }
.p-y-md { padding-top:    22px !important; padding-bottom: 22px !important; }

.p-a-lg { padding:        45px !important; }
.p-t-lg { padding-top:    45px !important; }
.p-r-lg { padding-right:  45px !important; }
.p-b-lg { padding-bottom: 45px !important; }
.p-l-lg { padding-left:   45px !important; }
.p-x-lg { padding-right:  45px !important; padding-left:   45px !important; }
.p-y-lg { padding-top:    45px !important; padding-bottom: 45px !important; }

/*borders*/
.b-a, .b-t ,.b-r,.b-b,.b-l,.b-x,.b-y,
.b-a-md, .b-t-md ,.b-r-md,.b-b-md,.b-l-md,.b-x-md,.b-y-md,
.b-a-lg, .b-t-lg ,.b-r-lg,.b-b-lg,.b-l-lg,.b-x-lg,.b-y-lg
{ 
	border-style:solid;
	border-color:#dedede;
}
.b-dotted{ 	border-style:dotted;}
.b-dashed{ 	border-style:dashed;}
.b-a{ border-width: 1px  }
.b-t { border-width:  1px 0px 0px 0px }
.b-r { border-width:  0px 1px 0px 0px  }
.b-b { border-width:  0px 0px 1px 0px }
.b-l { border-width:  0px 0px 0px 1px }
.b-x { border-width:  0px 1px 0px 1px  }
.b-y { border-width:  1px 0px 1px 0px }

.b-a-md { border-width: 3px  }
.b-t-md { border-width:  3px 0px 0px 0px }
.b-r-md { border-width:  0px 3px 0px 0px  }
.b-b-md { border-width:  0px 0px 3px 0px }
.b-l-md { border-width:  0px 0px 0px 3px }
.b-x-md { border-width:  0px 3px 0px 3px  }
.b-y-md { border-width:  3px 0px 3px 0px }


.b-a-lg { border-width: 6px  }
.b-t-lg { border-width:  6px 0px 0px 0px }
.b-r-lg { border-width:  0px 6px 0px 0px  }
.b-b-lg { border-width:  0px 0px 6px 0px }
.b-l-lg { border-width:  0px 0px 0px 6px }
.b-x-lg { border-width:  0px 6px 0px 6px  }
.b-y-lg { border-width:  6px 0px 6px 0px }


.b-light{ 	border-color: #ffffff;}
.b-dark{ 	border-color: #333333;}
.b-primary{ 	border-color: #21bcba;}
.b-info{ 	border-color: #5bc0de;}
.b-success{ 	border-color: #5cb85c;}
.b-warning{ 	border-color: #f0ad4e;}
.b-danger{ 	border-color: #d9534f;}

.b-rounded{ border-radius:4px}
.b-rounded-md{ border-radius:6px}
.b-rounded-lg{ border-radius:8px}

/*text size*/
.text-sm{ font-size:.8em;}
.text-xs{ font-size:.6em;}
.text-lg{ font-size:1.2em;}

/*text align*/

.text-right  { text-align: right; }
.text-center { text-align: center; }


@media (max-width: 767px) {
  .text-xs-left   { text-align: left; }
  .text-xs-right  { text-align: right; }
  .text-xs-center { text-align: center; }
}

@media (max-width: 991px) {
  .text-sm-left   { text-align: left; }
  .text-sm-right  { text-align: right; }
  .text-sm-center { text-align: center; }
}

@media (max-width: 1199px) { 
  .text-md-left   { text-align: left; }
  .text-md-right  { text-align: right; }
  .text-md-center { text-align: center; }
}



/* colors */
.primary{ 	color:#21bcba; }
.info{ 		color:#5bc0de; }
.success{ 	color:#5cb85c; }
.warning{ 	color:#f0ad4e; }
.danger{ 	color:#d9534f; }
.light{ 	color:#ffffff; }
.dark{ 		color:#666666; }

.primary-light{ 	color:#F6D4DD; }
.info-light{ 		color:#d9edf7; }
.success-light{ 	color:#dff0d8; }
.warning-light{ 	color:#fcf8e3; }
.danger-light{ 		color:#f2dede; }
.light-light{ 		color:#ffffff; }
.dark-light{ 		color:#cccccc; }

/*bg-colors */
.bg-primary{ 	background-color:#21bcba; }
.bg-info{ 		background-color:#5bc0de; }
.bg-success{ 	background-color:#5cb85c; }
.bg-warning{ 	background-color:#f0ad4e; }
.bg-danger{ 	background-color:#d9534f; }
.bg-light{ 		background-color:#ffffff; }
.bg-dark{ 		background-color:#666666; }

.bg-primary-light{ 	background-color:#F6D4DD; }
.bg-info-light{ 	background-color:#d9edf7; }
.bg-success-light{ 	background-color:#dff0d8; }
.bg-warning-light{ 	background-color:#fcf8e3; }
.bg-danger-light{ 	background-color:#f2dede; }
.bg-light-light{ 	background-color:#ffffff; }
.bg-dark-light{ 	background-color:#cccccc; }


/*animations*/
.reverse{
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.beat {
  -webkit-animation: beat .4s infinite alternate;
 animation: beat .4s infinite alternate;
 transform-origin: center;
}
@-webkit-keyframes beat {
  to { transform: scale(1.3); }
}
@keyframes beat {
  to { transform: scale(1.3); }
}

.bounce {
  animation:bounce .4s infinite alternate;
  -webkit-animation:bounce .4s infinite alternate;
  transform-origin: bottom;
}

@-webkit-keyframes bounce {
 to { transform: translateY(-0.25em); }
}
@keyframes bounce {
 to { transform: translateY(-0.25em) }
}



/*EXTRA FORM CONTROLS*/

/*form tgn*/

.form-tgn{
	margin-bottom:0;
}

.form-tgn  .form-group{
	margin-bottom:0px;
	padding:5px;
}
.form-tgn  .form-group > label{
	font-size:.8em;
	text-transform:uppercase;
	color:#333;
	margin-top: 0px;
	min-height: 10px;
}

.form-tgn .row {
	margin-left: 0px;
    margin-right: 0px;
	padding-top:0px;
	/*padding-bottom:15px;
	border-top:1px solid #dedede;*/
}
.form-tgn .row:first-child{
	border-top-width:0px;
}
.form-tgn .row > div[class^="col-"]{
	padding-left: 2px;
    padding-right: 2px;
}


/*checkboxes and radios*/
.radio-container,  .checkbox-container{
    margin-top: 0px;
    margin-bottom: 0px;
	position:relative;
}

.radio-container > label,  .checkbox-container > label{
	padding-left: 25px;
	font-weight:normal;
}


.radio-container > label > input[type="radio"], .checkbox-container > label > input[type="checkbox"]{
	position: absolute;
    opacity: 0;
    z-index: -1;
}
.radio-container > label > .custom-control-indicator, .checkbox-container > label > .custom-control-indicator{
	border-radius: .22rem;
	position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #fff;
    background-clip: padding-box;
    background-size: 75% 75%;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-container.lg > label > .custom-control-indicator, .checkbox-container.lg > label > .custom-control-indicator{
	width: 24px;
    height: 24px;
}
.radio-container.sm > label > .custom-control-indicator, .checkbox-container.sm > label > .custom-control-indicator{
	width: 14px;
    height: 14px;
}

.radio-container > label > .custom-control-indicator{
	border-radius: 50%;
}

.radio-container > label > input:checked + .custom-control-indicator, .checkbox-container > label > input:checked  + .custom-control-indicator{
	background-color: #21bcba;
}

.radio-container > label > input:checked.bg-info + .custom-control-indicator, .checkbox-container > label > input:checked.bg-info  + .custom-control-indicator{ 	background-color:#5bc0de; }
.radio-container > label > input:checked.bg-success + .custom-control-indicator, .checkbox-container > label > input:checked.bg-success  + .custom-control-indicator{ 	background-color:#5cb85c; }
.radio-container > label > input:checked.bg-warning + .custom-control-indicator, .checkbox-container > label > input:checked.bg-warning  + .custom-control-indicator{ 	background-color:#f0ad4e; }
.radio-container > label > input:checked.bg-danger + .custom-control-indicator, .checkbox-container > label > input:checked.bg-danger  + .custom-control-indicator{ 	background-color:#d9534f; }
.radio-container > label > input:checked.bg-dark + .custom-control-indicator, .checkbox-container > label > input:checked.bg-dark  + .custom-control-indicator{ 	background-color:#666666; }


.checkbox-container > label > input:checked + .custom-control-indicator{
	background-clip: border-box;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}

.radio-container > label > input:checked + .custom-control-indicator{
	background-clip: border-box;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}


.input-group > .checkbox-container, .input-group >.radio-container{
	display:block;
}

.input-group.horizontal >.checkbox-container, .input-group.horizontal >.radio-container{
	display:inline-block;
	margin-left:10px;
}

.input-group.horizontal >.checkbox-container:first-child, .input-group.horizontal >.radio-container:first-child{
	margin-left:0px;	
}

/*textareas*/
.form-tgn textarea { resize:vertical; }
.form-tgn textarea.resizeboth { resize:both; }
.form-tgn textarea.resizeh { resize:horizontal; }
.form-tgn textarea.noresize { resize:none; }




/*outlined buttons*/
.btn-default-outline,
.btn-inverse-outline,
.btn-primary-outline,
.btn-info-outline,
.btn-success-outline,
.btn-warning-outline,
.btn-danger-outline
{
    background-color: transparent;
}

.btn-default-outline:active,.btn-default-outline:focus,.btn-default-outline:hover,
.btn-inverse-outline:active,.btn-inverse-outline:focus,.btn-inverse-outline:hover,
.btn-primary-outline:active,.btn-primary-outline:focus,.btn-primary-outline:hover,
.btn-success-outline:active,.btn-success-outline:focus,.btn-success-outline:hover,
.btn-info-outline:active,.btn-info-outline:focus,.btn-info-outline:hover,
.btn-warning-outline:active,.btn-warning-outline:focus,.btn-warning-outline:hover,
.btn-danger-outline:active,.btn-danger-outline:focus,.btn-danger-outline:hover
{
	color: #ffffff;
    border-color: transparent;
	box-shadow: none;
}
.btn-inverse-outline:active,.btn-inverse-outline:focus,.btn-inverse-outline:hover
{
	color: #111111;
    
}

.btn-default-outline{
    color: rgba(0,0,0,0.4);
    border-color: rgba(0,0,0,0.4);
}
.btn-default-outline:active,.btn-default-outline:focus,.btn-default-outline:hover{
    background-color: rgba(0,0,0,0.4);
}
.btn-inverse-outline{
    color: rgba(255,255,255,0.8);
    border-color: rgba(255,255,255,0.8);
}
.btn-inverse-outline:active,.btn-inverse-outline:focus,.btn-inverse-outline:hover{
    background-color: rgba(255,255,255,0.8);
}

.btn-primary-outline{
    color: #21bcba;
    border-color: #21bcba;
}

.btn-primary-outline:active,.btn-primary-outline:focus,.btn-primary-outline:hover{
	background-color: #21bcba;
}

.btn-success-outline{
    color: #5cb85c;
    border-color: #5cb85c;
}

.btn-success-outline:active,.btn-success-outline:focus,.btn-success-outline:hover{
    background-color: #5cb85c;
}

.btn-info-outline{
    color: #5bc0de;
    border-color: #5bc0de;
}

.btn-info-outline:active,.btn-info-outline:focus,.btn-info-outline:hover{
    background-color: #5bc0de;
}

.btn-warning-outline{
    color: #f0ad4e;
    border-color: #f0ad4e;
}

.btn-warning-outline:active,.btn-warning-outline:focus,.btn-warning-outline:hover{
    background-color: #f0ad4e;
}

.btn-danger-outline{
    color: #d9534f;
    border-color: #d9534f;
}

.btn-danger-outline:active,.btn-danger-outline:focus,.btn-danger-outline:hover{
    background-color: #d9534f;
}

/*pill buttons*/
.btn-pill{
	padding-left: 1.25em;
    padding-right: 1.25em;
    border-radius: 1000em;
}