/* CSS Document **/
html {
  font-size: 14px;
}
.p-3 {
    padding: 0.1rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1.5rem!important;
}

@media only screen and (min-width : 280px) {
/*
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.7rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
*/
.p-3 {
    padding: 0.1rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1.5rem!important;
}
.tooltip {
position: absolute;top: -9px;right: 90px;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;font-size: 11px;font-weight: 500;border-radius: 50%;border: 1px solid #fff;background-color: #ff1700;color: #fff;font-style: normal;font-weight: bold;
}

.zoomIt {
    padding: 5px !important;
    /* transition: all 1s; */
    width: 40px !important;
    height: 50px !important;
}
.pb-5, .py-5 {
    padding-bottom: /*2rem!important;*/0.2rem !important;
    padding-left: /*1rem !important;*/ 0.2rem !important;
}
.content-zoomIt {
    width: 58px !important;
    height: 58px !important;
    margin: auto;
    border-radius: 6px !important;
    margin-bottom: 5px;
    linear-gradient: (#4803D3, #290098);
    border: solid 2px #4803D3;
    background: #4803D3;
    background: -webkit-linear-gradient(to bottom, rgba(72, 3, 211, 1), rgba(41, 0, 152, 1));
    background: linear-gradient(to bottom, rgba(72, 3, 211, 1), rgba(41, 0, 152, 1));
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 15%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}  	
}

@media only screen and (min-width : 320px) {
.p-3 {
    padding: 0.1rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1.5rem!important;
}
.tooltip {
    position: absolute;
    top: -9px;
    right: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #ff1700;
    color: #fff;
    font-style: normal;
    font-weight: bold;
}

.zoomIt {
    padding: 5px !important;
    /* transition: all 1s; */
    width: 60px !important;
    height: 70px !important;
}
.pb-5, .py-5 {
    padding-bottom: 2rem!important;
    padding-left: 1rem !important;
}
.content-zoomIt {
    width: 80px !important;
    height: 80px !important;
    margin: auto;
    border-radius: 6px !important;
    margin-bottom: 5px;
    linear-gradient: (#4803D3, #290098);
    border: solid 2px #4803D3;
    background: #4803D3;
    background: -webkit-linear-gradient(to bottom, rgba(72, 3, 211, 1), rgba(41, 0, 152, 1));
    background: linear-gradient(to bottom, rgba(72, 3, 211, 1), rgba(41, 0, 152, 1));
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 15%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}  	
}
@media only screen and (min-width : 480px) {
.p-3 {
    padding: 0.1rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1.5rem!important;
}
.tooltip {
    position: absolute;
    top: -9px;
    right: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #ff1700;
    color: #fff;
    font-style: normal;
    font-weight: bold;
}

.zoomIt {
    padding: 5px !important;
    /* transition: all 1s; */
    width: 60px !important;
    height: 70px !important;
}
.pb-5, .py-5 {
    padding-bottom: 2rem!important;
    padding-left: 1rem !important;
}
.content-zoomIt {
    width: 80px !important;
    height: 80px !important;
    margin: auto;
    border-radius: 6px !important;
    margin-bottom: 5px;
    linear-gradient: (#4803D3, #290098);
    border: solid 2px #4803D3;
    background: #4803D3;
    background: -webkit-linear-gradient(to bottom, rgba(72, 3, 211, 1), rgba(41, 0, 152, 1));
    background: linear-gradient(to bottom, rgba(72, 3, 211, 1), rgba(41, 0, 152, 1));
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 15%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}  	
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
.p-3 {
    padding: 0.1rem!important;
}  
.mb-3, .my-3 {
    margin-bottom: 1.5rem!important;
}
}
.tooltip {
    position: absolute;
    top: -9px;
    right: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #ff1700;
    color: #fff;
    font-style: normal;
    font-weight: bold;
}
.container {
  /*max-width: 960px;*/
}

.pricing-header {
  /*max-width: 1276px;*/
  max-width: 100%;
}

.card-deck .card {
  min-width: 220px;
}

/*.content-zoomIt {
    background-color:#D0D1D3;***
	background-color:#290198;
    width: 100px;
    margin: auto;
    border-radius: 10px;
    margin-bottom: 5px;
	
}*/
.content-zoomIt {    
    width: /*100px;*/80px;
	height: /*100px;*/80px;
    margin: auto;
    border-radius: 10px;
    margin-bottom: 5px;
	linear-gradient:(#4803D3, #290098);
	border:solid 2px #4803D3;
	background: #4803D3;
	background: -webkit-linear-gradient(to bottom, rgba(72, 3, 211, 1), rgba(41, 0, 152, 1));
	background: linear-gradient(to bottom, rgba(72, 3, 211, 1), rgba(41, 0, 152, 1));	
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 15%), 0 4px 15px 0 rgb(0 0 0 / 15%)	;
}
.content-zoomIt-black {    
    width: /*100px;*/80px;
	height: /*100px;*/80px;
    margin: auto;
    border-radius: 10px;
    margin-bottom: 5px;
	linear-gradient:(#363D41, #101820);
	border:solid 2px #363D41;
	background: #363D41;
	background: -webkit-linear-gradient(to bottom, rgba(54, 61, 65, 1), rgba(16, 24, 32, 1));
	background: linear-gradient(to bottom, rgba(54, 61, 65, 1), rgba(16, 24, 32, 1));	
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 15%), 0 4px 15px 0 rgb(0 0 0 / 15%)	;
}
.content-zoomIt-gray {    
    width: /*100px;*/80px;
	height: /*100px;*/80px;
    margin: auto;
    border-radius: 10px;
    margin-bottom: 5px;
	linear-gradient:(#65737C, #505A61);
	border:solid 2px #65737C;
	background: #65737C;
	background: -webkit-linear-gradient(to bottom, rgba(101, 115, 124, 1), rgba(80, 90, 97, 1));
	background: linear-gradient(to bottom, rgba(101, 115, 124, 1), rgba(80, 90, 97, 1));	
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 15%), 0 4px 15px 0 rgb(0 0 0 / 15%)	;
}

/*
.content-zoomIt.back {
	background-color:#6f6f6f !important;
}
*/

.content-zoomIt.back {
	linear-gradient:(#EFEFEF, #CECECE);
	border:solid 2px #EFEFEF;
	background: #EFEFEF !important;
	background: -webkit-linear-gradient(to bottom, rgba(239, 239, 239, 1), rgba(206, 206, 206, 1));
	background: linear-gradient(to bottom, rgba(239, 239, 239, 1), rgba(206, 206, 206, 1));	
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 15%), 0 4px 15px 0 rgb(0 0 0 / 15%)	;	
}
.zoomIt {
    padding: 20px;
    /*transition: all 1s;*/
    width: 100px;
    height: 100px;
}
.zoomIt:hover{
    transform: scale(1.3);
    transition: all 1s;
}

.msg_list a {
    /*background: #f7f7f7;*/
    background: #9C0;
    /*padding: 5px;*/
    display: -ms-flexbox;
    /*display: flex;*/

    width: 96% !important
}

.msg_list a:last-child {
    margin-bottom: 6px;
    padding: 10px
}

.msg_list a {
    padding: 3px 5px !important
}

.msg_list a .time {
    font-size: 11px;
    font-style: italic;
    font-weight: 700;
    position: absolute;
    right: 35px
}

.msg_list a .message {
    display: block !important;
    font-size: 11px;
}


.msg_list  a .image img {
    float: left;
    width: 25px;
    height: 25px;
}

.icono-modulo {
    background-color:#0e3a5e;
    width: 36px;
    margin: auto;
    border-radius: 6px;
    margin-bottom: 5px;
}
.modulo {
    padding: 4px;
    /*transition: all 1s;*/
    width: 36px;
    height: 36px;
}
.modulo:hover{
    transform: scale(1.3);
    transition: all 1s;
}