/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.new-reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
        background: rgba(0,0,0,.45);
        filter: alpha(opacity = 45); 
		z-index: 1000;
		display: none;
		top: 0;
		left: 0; 
		}

.new-reveal-modal {
    visibility: hidden;
    top: 50px !important;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    position: fixed;
    z-index: 1002;
    background-color: #fff;
    padding: 40px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    border: solid 1px #666;
    display: none;
    border-radius: 10px !important;
}
	
	.new-reveal-modal .close-new-reveal-modal {
        color: #222;
        font-size: 2.5em;
		font-weight: 100;
        line-height: 1;
        top: .25em;
        right: 50px;
        cursor: pointer;
        font-size: 44px;
        position: absolute;
	} 

    /* MDTV-1682-CO - Actualización de mensaje recarga SOS - change starts */
    .sos-confirm-body{
        text-align:justify;
    }
    /* MDTV-1682-CO - Actualización de mensaje recarga SOS - change ends */

     @media only screen and (max-width: 600px) {
        .new-reveal-modal {
		    top: 20px !important;
            width: calc(100vw - 30px);
            margin-left: 15px;
            padding: 25px 5px 25px 5px;		    
		}

        .close-new-reveal-modal{
            right: 20px !important;
        }
    }

    @media only screen and (min-width: 401px) {
        
        #iframeOpener{
            min-height: 355px;
        }
    }


    @media only screen and (max-width: 400px) {
        
        #cancelarMiCuenta{
            height: 340px;
        }
    }
		
@media only screen and (max-width: 1009px) {
        div.columns.recommendedPaddingRight {
            padding-right: 3%;
        }
    
        div.columns.recommendedPaddingLeft {
            padding-left: 3%;
        }
        
        p.wordBreakAll { word-break: break-all; }
	}
	
	@media only screen and (min-width: 1010px) {
        div.columns.recommendedPaddingRight {
            padding-right: 0px;
        }
    
        div.columns.recommendedPaddingLeft {
            padding-left: 0px;
        }
	}
	
	@media only screen and (max-width: 580px) {
        div.columns.imageAddBackGround {
            background: rgb(239, 239, 239) none repeat scroll 0 0;
            border-radius: 50%;
            left: 41%;
            padding: 4%;
            text-align: center;
            width: 19%;
        }
    }
	
	@media only screen and (min-width: 581px) {
	    div.columns.imageAddBackGround {
	        background: rgb(239, 239, 239) none repeat scroll 0px 0px;
	        border-radius: 50%;
	        padding: 3%;
	        text-align: center;
	        width: 14%;
	    }
	}
    
    @media only screen and (min-width: 581px) and (max-width: 900px) {
        h3.textCenterSpecificMain { text-align: center; }
    }
    
    @media only screen and (max-width: 900px) {
        h3.textCenterSpecific { text-align: center; }
    }
    
    @media only screen and (max-width: 580px) {
        div.columns.marginTopSpecific15px { margin-top: 15px; }
    }
    
    @media only screen and (max-width: 900px) {
        div.columns.marginTopSpecific25px { margin-top: 25px; }
    }
    
    @media only screen and (max-width: 580px) {
        h3.screenSpecificH3FontSize { font-size: 20px; }
    }
    
    @media only screen and (min-width: 1010px) {
        p.paddingRightScreenSpecific { padding-right: 2%; }
    }
    
    p.fontSizeSpecific-12 { font-size: 12px; }
    
    p.fontSizeSpecific-13 { font-size: 13px; }
    
    p.fontSizeSpecific-14 { font-size: 14px; }
    
    p.fontSizeSpecific-15 { font-size: 15px; }
    
    hr.nonTransparent { border-color: #d5d5d5; }
    
    div.errorMessageNew { display: inline-block; width: 100%; text-align: center; font-style: italic; color: #cc0000; font-size: 14px; }
		
	img#imageMakeSmall {
	    width: 80%;
	}
	
	div#progressBar.graph {
        width: 100%;
        height: 20px;
        border: 1px solid #888;
        border-radius: 12px;
        background: rgb(168,168,168);
        background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
        background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
        background: -o-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
        background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
        background: linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
        position: relative;
    }
    
    div#progressBar.graph div#bar {
        height: 18px;
        border-radius: 12px;
        background: rgb(244,128,38);
        background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(244,128,38,1) 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(244,128,38,1))); 
        background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
        background: -o-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
        background: -ms-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%);
        background: linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%);
    }
    
    p.marginTop-25px { margin-top: 25px; }

    @media only screen and (max-width: 49em) {
     .new-reveal-modal{
		width: 90%;
	} 
}