.btn-link {
               cursor:pointer;
           }
           .btn-link:hover {
               background-color:white;
           }
    
/*html,
body {
     height: 100%;
     Location of the image 
    background-image: url(../Imagenes/back.jpg);
     Image is centered vertically and horizontally at all times 
    background-color:#fff;
    background-size: cover;
    min-height: 100%;
    max-height:100%;
    width: 100%;
    height:100%;
    background-size: 100% 100%;
}*/
::-webkit-validation-bubble-message {
    padding: 1em;
}
html {
     position: relative;
  min-height: 100%;
}

     .back {
  
    background-color: transparent;
    padding:20px 20px 0px 20px;
    border: 3px solid #fffa00;
    z-index: 200;
    margin: 2% 1px;
    left: 0;
    right: 0;
    height:auto;

    /*background: rgb(54, 25, 25) radial-gradient(); 
    background: rgba(255,255,255, 0.8) border-box;*/
    border-radius: 10px;

}
     /* enable absolute positioning */
.inner-addon { 
    position: relative; 
}
.input-group-addon {
     background-color:#FFF;
  font-size: 20pt;
  color: #000;
  border:none;
      padding: 6px 4px;
}
/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 5px;
  pointer-events: none;
  border:none;
  font-size: 18pt;
  color: #000;
  background-color:#FFF;
}
.ptitle {
    color:#313131
}

.imagePortal:hover {
    background-color:black;
}

.btnContratar {
    background: black;
    border: none;
    color: #f6e23a;
    cursor: pointer;
    display: inline-block;
    font: 14px 'lucida_sansdemibold',sans-serif;
    padding: 10px 30px;
    position: relative;
    border-radius: 6px;
}

    .btnContratar:hover,
    .btnContratar:focus {
        background: #f6e23a;
        color: black;
        outline: 0;
        font-weight: bold;
    }

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  50px; background-color:#EDEDED; border:none; }
.left-addon input:focus  { padding-left:  50px; background-color:#fff; }
.right-addon input { padding-right: 50px; }

  .header {
        color: #36A0FF;
        font-size: 27px;
        padding: 10px;
    }

   .btn-primary {
    background-color:#000;
    color:#fffa00;
    border-radius:5px;
    }
        .btn-primary:hover {
            background-color:#fffa00;
            color:#000;
        }

    .btn {
        margin: 10px 0px;
    }

    .iconok {
        font-size: 15px;
        color: green;
        text-align:center;
    }

    .iconno {
        font-size: 15px;
        color: rgb(221, 41, 41);
         text-align:center;
    }

    .theader {
        text-align: center;
        color: rgb(78, 33, 33);
        border-right:4px solid white;
    }

    .ptitle {
        font-size: 22px;
        font-weight: bold;
        margin: 7px;
    }

    .pprice {
        font-size: 17px;
        font-weight: bold;
        padding: 10px;
    }

    .occurance {
    }

    .cfeature {
        padding: 10px;
        font-weight: bold;
        font-size:10pt;

    }

    .feature {
        margin-bottom: 3px;

    }

    .infos {
        background: #cecece;
        color:#000;
      
    }

    .free {
       
        border-bottom-color:black;
    }

    .theader.free {
        background: #e4e4e4;
    }

    .standard {
     
    }

    .theader.standard {
        background: #e4e4e4;
    }


    .premium {
       
    }

    .theader.premium {
        background: #e4e4e4;
        
    }

    .ccfreature {
        text-align: center;
        font-size: 18pt;
    }
    .rfv
    {
        background-color:rgb(255, 54, 54);
        padding-left:5px;
        padding-right:5px;
        color:#fff;
        font-size:10pt;
        font-family: Verdana, Tahoma, Arial;
    }
.panel-body {
    height:auto;
}
.modal {
    border-radius:10px;
   height:auto;
}
     .modal-header {
       font-weight:bold;
        color:#000;
      font-size:medium;
        background:#f6e23a;
        height:25px;
         padding: 2px 0px;
        }
        .modal-body {
           height:auto;
           margin:0;
           padding:0;
            background: #fff; /* Old browsers */
            border-radius:10px;
             padding: 2px 5px;
            
        }
.list-group-item {
    background:#efefef;
    height:initial;
    font-size:9pt;
  padding: 2px 5px;
}
@media screen and (min-width: 768px) {
    .custom-class {
        width: 70%;
      height:95%;
        /* either % (e.g. 60%) or px (400px) */
    }
   
}

.tipoLicencia {
    background-color:#EDEDED;
}

    .tipoLicencia:hover {
        background-color:#e4e4e4;
    }

.boxclose{
    float:right;
    margin-top:-15px;
    margin-right:-10px;
    cursor:pointer;
    color: #000;
    border: 2px solid #fff;
    border-radius: 30px;
    background: #fff;
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 15px 10px;       
}

.boxclose:before {
    content: "×";
}

.boxclose:hover {
    background-color:#000;
    color:#fff;
}

.info-display {
  margin: 8px 8px;
}

.message {
  width: 50%; 
  margin: 0 auto;   
  padding: 10px;
  margin: 0 auto;
  background-color: #f6e23a; 
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}


.info {
  border-right-color: #5bc0de;
  border-bottom-right-radius: 31px;
  border-top-right-radius: 31px;
  background-color: rgba(91, 192, 222, 0.2);
  border-right-color: #5bc0de; /* Side Effect Colors */
  border-left-color: #5bc0de; /* Side Effect Colors */
  border: 1px solid #5bc0de;
  border-right-width: 19px;
  border-left-width: 19px;
}
.info strong {
  color: #5bc0de;
}

.success {
  border-right-color: #000;
  border-radius: 31px;
  background-color: #f6e23a;
  border-right-color: #000; /* Side Effect Colors */
  border-left-color: #000; /* Side Effect Colors */
  border: 1px solid #000;
  border-right-width: 19px;
  border-left-width: 19px;
}
.success strong {
  color: #000;
}


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222222;
    z-index: 1000;
    -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0); /* IE 9 */
    transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%); /* IE 9 */
    transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%); /* IE 9 */
    transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%); /* IE 9 */
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}
/* end Preloader */

body {
    overflow-x: hidden;
    background-color: #fff;
}

ul {
    margin: 0;
    padding: 0;
}
li {
     margin: 0;
    padding: 0;
}

* {
    font-family: 'Open Sans', sans-serif;
}

.container {
    max-width: 100%;
}

.tm-handwriting-font {
    font-family: 'Damion', cursive;
}

.tm-top-header {
    background: black;
    color: white;
}

.tm-site-logo,
.tm-site-name {
    vertical-align: bottom;
}

.tm-site-name {
    color: #c79c60;
    display: inline-block;
    font-size: 32px;
    margin: 0 10px;
}

.tm-logo-container {
    padding: 10px 0;
}

.tm-top-header-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

.tm-section-margin-bottom-0 {
    margin-bottom: 0;
}


/* Main content */
.light-gray-bg {
    background-color: #fff;
}

.tm-main-section {
    padding-top: 5px;
     padding-bottom: 100px;
}

.img-thumbnail {
    padding: 8px;
}

.inline-block {
    display: inline-block;
}




/* Footer */


.copyright-text {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #000;
    height:auto;
}
.footerConfig {
  color: #DDD;
	font-size: 14px;
	border-bottom: 4px solid #EFE11F;
	background-color: #161616;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height: 100px;
	width: 100%;
    text-align:center;
    top:-50px;
}
.fon {
	color: #FFF;
	font-weight: 700;
	letter-spacing: 4px;
}

.ImageRigth {
    background-image:url('~/Imagenes/cuestionario2.png')
}
.Rigth {
    margin-right:20%;
    position:absolute;
}
    .Rigth:hover {
        border-image-slice:fill;
    }

@media screen and (max-width: 991px) {

    .tm-main-section {
        padding-top: 5px;
    }

    .tm-footer-div {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .message {
  width: 90%; 
 
  font-size: 12px;
}
    .tm-logo-container {
        margin-left: 15px;
    }

    .tm-header-line {
        width: 44px;
    }

    .tm-main-section {
        padding-top: 5px;
    }

    .tm-section-header-container {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

}
.center {
    margin-top:50px;   
}

.modal-headerLogin {
    padding-bottom: 0px;
}

.modal-footerLogin {
        padding: 0;
}
    
.modal-footerLogin .btn-group button {
    height:10px;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border: none;
}
    
.modal-footerLogin .btn-group:last-child > button {
    border-right: 0;
}