﻿body {
    /*font-size:12px;
    line-height:19px;*/
    line-height:1.5rem!important;
}

select {
    padding: 6px;
}



.head-back-to-external {
    display:none;
}



.legibility-font.active::after {
    content: " ";
    width: 5px;
    height: 5px;
    background-color: #fff !important;
    display: block;
    border-radius: 50%;
    margin: 1px auto 0;
}

.container-hl .legibility-font.active::after {
    background-color: #4F4F4F !important;
}
.container-hl a,
.container-hc a {
    color: #4F4F4F;
}

.container-bm-hl a, 
.container-bm-hc a {
    color: #FFFFFF;
}

.color-white {
    color: #fff !important;
}
.color-black {
    color:#000!important;
}

.color-orange {
    color:#F2994A!important;
}

.color-lightblue  {
    color:#00AEC7!important;
}



html {
    font-size: 16px;
}

/*14px*/
.font-size-sm,
.small {
    /*font-size: .9rem;*/
    font-size: 1rem;
}

/*16px*/
.font-size-md,
.menu-lat-container .menu-lat-item {
    /*font-size: 1rem;*/
    font-size: 1.5rem;
}

/*26px*/
.font-size-lg {
    /*font-size: 1.65rem;*/
    font-size: 2rem;
}

h3 {
    /*font-size: 1.7rem;*/
    font-size: 2.1rem;
}
h4 {
    /*font-size: 1.65rem;*/
    font-size: 2.0rem;
}

h5 {
    /*font-size: 1.2rem;*/
    font-size: 1.5rem;
}

h6 {
    /*font-size: .9rem;*/
    font-size: 1rem;
}


.button.small {
    /*font-size: .9rem;*/
    font-size: 1rem;
}

.button.medium {
    /*font-size: 1rem;*/
    font-size: 1.5rem;
}

.button.large {
    font-size: 2.0rem;
}




/*.font-size-sm {
    font-size:14px;
}

.font-size-md {
    font-size:16px;
}

.font-size-lg {
    font-size:26px;
}

.font-bold {
    font-weight:bold;
}


h4 {
    font-size:26px;
}

h6 {
    font-size:16px;
}*/

.btn-mc-primary {
    background-color:#FF7500!important;
    border-color:#D16606!important;
}
.btn-mc-primary:hover {
    background-color:#D16606!important;
    border-color:#D16606!important;
}

.btn-mc-primary.active {
    background-color:#D16606!important;
    border-color:#D16606!important;
}

.btn-mc-lighblue {
    background-color:#00AEC7!important;
    border-color:#008EA2!important;
    color:#fff;
}
.btn-mc-lighblue:hover {
    background-color:#00AEC7!important;
    border-color:#008EA2!important;
}

.btn-mc-lighblue.active {
    background-color:#00AEC7!important;
    border-color:#008EA2!important;
}



.bg-mc-primary {
    background-color:#00AEC7 !important;
    border-color:#008EA2;
}




a.button:hover {
     color: #fff; 
     text-decoration:none ;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans' , sans-serif;
    font-weight: 400;
    margin: 0 0;
}



.container > .row:nth-of-type(1) ,
.container > * > .row:nth-of-type(1)
{
    min-height:100vh;
}

.container > .row:nth-of-type(1) > div[class*=col]:first-child,
.container > * > .row:nth-of-type(1) > div[class*=col]:first-child
{
    background: #FAFAFA;
    box-shadow: 4px 0 4px -4px rgba(0, 0, 0, 0.25);
    padding-top:45px;
}

.menu-lat-container {
    line-height: 2rem;
}



h1, h2, h3, h4, h5, h6 {
    line-height: 2rem;
}

.mobile-menu .menu-lat-container .menu-lat-item {
    color:#CCCCCC;
}

.menu-lat-container .menu-lat-item {
    padding-left:5px;
    font-size:16px;
    color:#4F4F4F;
    text-decoration:none;
    cursor:pointer;
}

.menu-lat-container .menu-lat-item.selected {
    text-decoration:none;
    color:#00AEC7!important;
}

.menu-lat-container .menu-lat-item:hover {
    text-decoration:none;
    color:#00AEC7;
}

.mobile-menu li.sub-menu-lat-container {
    color:#CCCCCC;
}

li.sub-menu-lat-container {
    list-style:none;
    cursor:pointer;
}
li.sub-menu-lat-container:before {    
    font-family: 'Font Awesome 5 Free';
    content: '\f111';
    font-weight: 900;
    font-size:8px;
    margin:0 5px 0 -5px;
}

li.sub-menu-lat-container.selected:before,
.sub-menu-lat-container.selected .sub-menu-lat-item {
    text-decoration:none;
    color:#00AEC7;
}


.sub-menu-lat-container .sub-menu-lat-item {
    padding-left:5px;
    font-size:14px;
    color:#828282;
}

li.sub-menu-lat-container:hover,
.sub-menu-lat-container .sub-menu-lat-item:hover {
    text-decoration:none;
    color:#00AEC7;
}

.logoLeft {
    
}

.logoLeft .row {
    height:65px;
}

.logoImgLeft {
    background-image:url('./img/LayoutResponsive/logoMycicero.png');
    width:auto;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}


/*#Password + span {
           cursor: pointer;
           pointer-events: all;
           position: absolute;
           bottom: 10px;
           right: 15px;
         }*/

.pwdToggleIcon + span {
           cursor: pointer;
           pointer-events: all;
           position: absolute;
           bottom: 8px;
           right: 17px;
         }

.rightDivider {
    border-right: 1px solid #fff;
}

#imageLogoPromo {
    border-radius:200px;
}



.head-lang #ContainerLanguage select{
    padding-top: 8px;
    background-color: rgb(52, 58, 64); 
    color: #fff;
    border: none;
    padding-left:5px;
}





/*Set the font-weight: 900 (Solid), 400 (Regular or Brands), 300 (Light)*/
.custom-fa-minus input[type="checkbox"] {position:absolute;left:-99999px;}
.custom-fa-minus input[type="checkbox"]:focus + span{color:#46c0ef;}
.custom-fa-minus label{cursor: pointer;}
.custom-fa-minus label input[type="checkbox"] + span:before { 
	font-family: "Font Awesome 5 Free";
	content: "\f0c8";  
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4em;
	text-align:center;
	letter-spacing: 6px;
    color:#828282;
  }
.custom-fa-minus label input[type="checkbox"]:checked + span:before { 
    content: "\f14a";letter-spacing: 3px; 
    font-weight: 900;
    color:#FF7500;
} /* checked icon */
.custom-fa-minus label input[type="checkbox"]:indeterminate + span:before{
    content: "\f146";letter-spacing: 6px;
    font-weight: 400;
    color:#828282;
}
.custom-fa-minus label input[type="checkbox"].anyselected + span:before{
    content: "\f146";letter-spacing: 3px; 
    font-weight: 900;
    color:#828282;
}


/*Set the font-weight: 900 (Solid), 400 (Regular or Brands), 300 (Light)*/
.custom-check-fa input[type="checkbox"] {position:absolute;left:-99999px;}
.custom-check-fa input[type="checkbox"]:focus + span{color:#46c0ef;}
.custom-check-fa label{cursor: pointer;}
.custom-check-fa label input[type="checkbox"] + span:before { 
	font-family: "Font Awesome 5 Free";
	content: "\f0c8";  
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4em;
	text-align:center;
	letter-spacing: 6px;
  }
.custom-check-fa label input[type="checkbox"]:checked + span:before { 
    content: "\f14a";letter-spacing: 3px; 
    font-weight: 900;
    color:#FF7500;
} /* checked icon */
.custom-check-fa label input[type="checkbox"]:indeterminate + span:before{
    content: "\f0c8";letter-spacing: 6px;
    font-weight: 400;
}











/*// Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 576px) { 
    
}

 /*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .logoLeft .row {
        height:145px;
    }

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
 
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    
}



