body{
    font-family: 'robotoregular';
}

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

li{
     list-style:none;
}

a{
    color:#10aade;
    font-size:13px;
}

h2 span{
    
}    
    
.bg-login{    
    background-image: url("../../Imagenes/bg-login-4.jpg");
    background-color: #0a2d3a;
}


.login{
    width:480px;
    margin:auto;
    background-color:#fff;
    padding:30px;
    margin-top: 80px;
    
    -webkit-box-shadow: 0 7px 6px -6px #000;
    -moz-box-shadow: 0 7px 6px -6px #000;
    box-shadow: 0 7px 6px -6px #000;
}

.login p{
    text-align:center;
    font-size:13px;
    color:#727272;
}

.textos-solicitar{
    margin-top:30px;
}

.textos-solicitar a{
    color:#10AADE;
    text-decoration:none;
}


.logo-login{
    margin-bottom:30px;
}

.logo-login img{
    margin:auto;
    display:block;
}

.btn-primario{
    background-color:#10AADE;
    color:#fff;
    padding: 6px 20px;
}

.btn-primario:hover, .btn-primario:focus{
    background-color:#0F96BA;
    color:#fff;
}

.ic-izq-check{
    background: url(../../Imagenes/ic_check_image.png) 8px center no-repeat #10AADE;
    padding-left: 30px;
}


.btn-simple{
    background-color:Transparent;
    color:#10AADE;
    text-decoration:underline;
}

.btn-simple:hover, .btn-simple:focus{
    color:#0F96BA;
    text-decoration:underline;
}

.botones-login{
    margin-top:5px;
}

.box-formulario .control-label {
    text-align: right;
    padding-top: 6px;
    font-weight: 400;
}


.box-formulario {
    width: 350px;
    margin: 20px auto 0px;
}

.textos-solicitar p {
    font-size: 13px;
}

.sinpad-izq{
     padding-left:0px;
}

.sinpad-der{
     padding-right:0px;
}


.box-formulario .form-group {
    margin-bottom: 2px;
}

.msj-error{
    text-align:center;
    display:block;
    color:#ba2313;
    font-size: 13px;
    margin-bottom: 20px;
    
}

.error-validacion{
    color:#ba2313 !important;
    font-size:12px;
    padding-top:3px;
    display:block;
}


.btn-neutro{
    background-color:#bfc9ca;
    color:#494949;
    padding: 6px 20px;
}

.btn-neutro:hover, .btn-neutro:focus{
    background-color:#95a5a6;
    color:#494949;
}

.botones-login .btn-neutro{
    margin-right:10px;
}


.botonera{
    background-color:#10aade;
    height:45px;
    margin:40px 0px 20px;
}

.botonera ul{
    padding:0px;
    margin:0px;
}

.botonera li{
    padding: 13px 15px 12px;
    list-style:none;
    float:left;
}

.botonera a{
    color:#fff;
    font-size:13px;
}

.botonera li:hover{
    background-color:#088baf;
}

header{
    margin-top:30px;
}

.botonera-2{
    width:100%;
    background-color: #00a8e7;
    height: 38px;
}

.logo-intro {
    margin-bottom: 30px;
}


.box-seccion{
    height:150px;
    width:100%;
    background-image: url("../../Imagenes/bg-seccion.jpg");   
    
    background-attachment: fixed;
    
}


.box-seccion h1{
    text-align:center; 
    font-size:22px;
    font-weight:600;
    color:#fff;
    padding-top: 60px;
    margin: 0px;
}


.box-seccion h1 span{
    font-weight:300;
}



.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}

.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
float: left;
/*	margin-bottom: 1em;*/
margin-bottom: 0px;
}
.sf-menu ul {
box-shadow: 1px 1px 4px rgba(0,0,0,.2);
min-width: 12em; /* allow long menu items to determine submenu width */
*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
border-left: 0px;
border-top: 0px;
border-top: 0px;
/*	padding: .75em 1em;*/

text-decoration: none;
zoom: 1; /* IE7 */
}
.sf-menu a {
color: #13a;
}
.sf-menu li {
background: #BDD2FF;
white-space: nowrap; /* no need for Supersubs plugin */
*white-space: normal; /* ...unless you support IE7 (let it wrap) */
-webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu ul li {
background: #AABDE6;
}
.sf-menu ul ul li {
background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #CFDEFF;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;
/* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent;
border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}


/* Custom */
.sf-menu li {
background: #00a8e7;
}

.sf-menu a {
color: #fff;
font-family: Open Sans;
font-size: 12px;
font-size: 10px\9; /* IE6, IE7, IE8, IE9 */
font-weight: 600;

padding: 10px 11px;

}

.sf-menu ul {
min-width: 170px;
*width: 170px;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
background: #4fcfff;
}

.sf-menu ul li {
background: #00a8e7;
}

.sf-arrows .sf-with-ul::after {
right: 12px;
}


.contenido label{
     text-align:right;
     padding-top:6px;
     font-weight:300;
     font-size:15px;
}

.pie-formulario .btn{
    margin-right:15px;
}

.contenido span.texto {
    text-align: right;
    display: block;
    padding-top: 5px;
    font-size: 13px;
    color: #727272;
}

.subtitulo {
    border-bottom:1px solid #10aade;
    margin-bottom:30px;
    margin-top:40px;
}

.subtitulo h2{
    font-size:20px;
    font-weight:300;
    margin: 10px 0px 20px;
}

/*
.botones-accion{
    border-top:1px solid #10aade;
    margin-bottom:30px;
    margin-top:20px;
    padding-top:30px;
}*/

.footer-ac{
    background-color:#232323;
    min-height:220px;
    margin-top: 40px;
    padding-top:30px;
    padding-bottom:50px;
}

.footer-ac h2{
    font-weight:600;
    font-size:18px;
    margin:20px 0px 15px;
    color:#fff;
}

.footer-ac li a{
    line-height:25px;
}

.footer-ac li a:hover, .footer-ac li a:focus {
    color:#1ec7f4;
}

.footer-ac p{
    line-height:15px;
    color:#c4c6c6;
}

.footer-ac li span{
    color:#c4c6c6;
    line-height:25px;
}

.logo-footer {
    margin-top: 8px;
    margin-bottom: 25px;
}

.pie-formulario{
    border-top: 1px solid #10aade;
    margin-bottom: 30px;
    margin-top: 20px;
    padding-top: 30px;
}


@font-face {
  font-family: 'icomoon';
  src:  url('../../fonts/icomoon.eot?h9s9og');
  src:  url('../../fonts/icomoon.eot?h9s9og#iefix') format('embedded-opentype'),
    url('../../fonts/icomoon.ttf?h9s9og') format('truetype'),
    url('../../fonts/icomoon.woff?h9s9og') format('woff'),
    url('../../fonts/icomoon.svg?h9s9og#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.redes {
    margin-bottom: 10px;
    margin-top: 15px;
}

.redes  [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  font-size: 40px;
  margin-right: 5px;
}

.icon-ic_info:before {
  content: "\e90f";
}

.icon-ic_minimize:before {
  content: "\e90e";
}

.icon-ic_block:before {
  content: "\e900";
}
.icon-ic_cellphone:before {
  content: "\e901";
}
.icon-ic_check:before {
  content: "\e902";
}
.icon-ic_cross:before {
  content: "\e903";
}
.icon-ic_delete:before {
  content: "\e904";
}
.icon-ic_edit:before {
  content: "\e905";
}
.icon-ic_facebook:before {
  content: "\e906";
  color:#3b5998;
}
.icon-ic_headset:before {
  content: "\e907";
}
.icon-ic_linkedin:before {
  content: "\e908";
  color:#007ab9;
}
.icon-ic_mail:before {
  content: "\e909";
}
.icon-ic_pin:before {
  content: "\e90a";
}
.icon-ic_telephone:before {
  content: "\e90b";
}
.icon-ic_twitter:before {
  content: "\e90c";
  color:#26a6d1;
}
.icon-ic_user:before {
  content: "\e90d";
}

span.icon-ic_facebook:hover {
    opacity: 0.7;
}

span.icon-ic_twitter:hover {
    opacity: 0.7;
}

span.icon-ic_linkedin:hover {
    opacity: 0.7;
}


.data-fiscal{
    float:left;
    margin-right:20px;
}

.registro-nacional{
    float:left;
}

.images-footer{
    margin-top:15px;
}


.contacto-footer [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  font-size: 35px;
  margin-left: -10px;
  color:#c4c6c6;
  vertical-align: middle;
}

.contacto-footer li {
    margin-bottom: -4px;
}



.pie-formulario [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  font-size: 35px;
}


#pSeleccionPanel .btn-primario{
    margin-right:10px;
}

#pSeleccionPanel.modal-aviso{
    width: auto;
}


.modal-aviso{
    background-color:#fafafa;
    border: 1px solid #fff;
    width: 600px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 2px #bdbdbd;
    -webkit-box-shadow: 1px 1px 2px #bdbdbd;
    padding:30px;   
}

.modal-aviso label{
    font-weight:300;   
}

.box-info p{
    font-size: 13px;
    color: #727272
}


.block {
 display: block;
 
}
.dispnone {display: none}
.alerta-default{
    padding: 8px;
    background-color: #dbdbdb;
    margin-top: 20px;
    display: block;
    color: #333;
    font-weight: 300;
    text-align: center;
}

.alerta {
    padding: 8px;
    margin-top: 20px;
    display: block;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.alerta.error  {
    background-color: #b8312f;
}

.alerta.exito {
    background-color: #21b986;
}

.tableView tbody tr.alerta.alert-table {
    background-color: #efe2a0;
    border: 1px solid #d8c87b;
}

.tableView tbody tr.alerta.alert-table td {
    text-align:center;
    display:block;
    color: #333;
}

.panel-control h2{   
    font-size:15px;
    font-weight:400;
    color:#4c5870;
    text-align:center;
}

.panel-control span{
    font-weight:600;
}

.panel-control {
    width: 70%;
    margin: 50px auto 30px;
}

.icon-panel{
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.icon-panel img{
    display:block;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); 
    -moz-transform: rotate(0deg); 
    -o-transform: rotate(0deg); 
    -ms-transform: rotate(0deg);
    -webkit-transition: all 300ms ease-in-out; 
    -moz-transition: all 300ms ease-in-out; 
    -ms-transition: all 300ms ease-in-out; 
    -o-transition: all 300ms ease-in-out; 
}


a .box-panel:hover .icon-panel img {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg); 
    -o-transform: rotate(-10deg); 
    -ms-transform: rotate(-10deg); 
}
  

.box-panel {
    background-color: #d4d4d4;
    padding: 20px;
    margin-bottom: 30px;
    min-height:237px;
}

a .box-panel:hover {
    background-color: #c1c1c1;
}

.box-renovacion p{
    text-align:center;
    font-size:14px;
    color:#727272;
}

.box-renovacion span{
    text-align:center;
    display:block;
    font-weight:500;
    font-size:24px;
    color:#10aade;
    margin-bottom:10px;
}

.box-renovacion table{
    width:90%;
    margin:10px auto;
    border: 0px;
}


.tabla-ac .header-table{
    background-color:#4c5870;
    height: 40px;
}

.tabla-ac .header-table th{
    color:#fff;
    padding-left:15px;
    padding-right:15px;
    font-weight: 400;
    border: 0px;
}


.tabla-ac .body-table{
    height:40px;
}

.tabla-ac .body-table td{
    padding-left: 15px;
    padding-right:15px;
    font-size:13px;
    color:#727272;
    border: 0px;
}

.tabla-ac tbody  tr:nth-child(odd).body-table {
   background-color: #e8e8e8;
}

span.campo-requerido {
    position: absolute;
    right: 0;
    top: 9px;
    color: #10aade;
}


.pie-consulta .btn{
    margin-right:15px;
}


.pie-consulta{
    margin-bottom: 30px;
    margin-top: 20px;
}


.razon-soc-consulta{
    font-weight:400;
    font-size:20px;
    color:#10aade;
    padding-top: 2px;
    display: inline-block;
}

.box-consultas{
    width: 700px;
    margin:auto;
}

.tableView {
    border: none 0px;
}

.tableView caption {
    background-color: Black;
    color: White;
    font-size: 24pt;
    font-weight:bold;
    padding: 5px;
}
.tableView td {
    text-align:left;
    margin:0px;
    border-bottom: none 0px black;
    border-top: none 0px black;
    border-left: none 0px black;
    border-right: none 0px black;
    padding:5px 15px 5px 15px;
    font-size:13px;
    color:#727272;
}
.tableView th {
    color: #fff;
    background-color: #4c5870;
    font-size: 10pt;
    text-align:left;
    border-bottom: none 0px #999999;
    border-top: none 0px black;
    border-left: none 0px black;
    border-right: none 0px black;
    padding:5px 15px 5px 15px;
    font-weight: 400;
    height: 40px;
}

.tableView tbody tr:nth-child(odd) {
   background-color: #e8e8e8;
}


.ver-solicitudes p{
    text-align:center;
    font-size:15px;
    color:#727272;
}


.ver-solicitudes .form-group {
    margin-top: 30px;
}


.ref-superior-tabla {
    color: #10AADE;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    display:block;
}

.generacion-claves p {
    text-align:center;
    font-size: 15px;
}

.generacion-claves a {
    font-size: 15px;
    margin-top: 20px;
    display: block;
}

.generacion-claves .mensaje-solicitud-correcta {
    text-align:center;
    padding:30px;
    width:70%;
    margin:0px auto 20px;
    background-color: #dff0d8;
    border: 1px solid #d3e2c5;
}


.botones-generar-claves{
    width:210px;
    margin:30px auto 0px;
}

.botones-generar-claves .btn-primario{
    margin-right:15px;
}

.adjuntar-pago {
    margin-top: 35px;
}

.adjuntar-pago p{
    text-align:center;
    font-weight:600;
    font-size: 15px;
}


.adjuntar-pago span{
    text-align:center;
    display:block;
}

.input-adjuntar-pago {
    margin: 30px auto 0px;
    width: 340px;
}

.boton-informar-pago{
    width:150px;
    margin:30px auto;
}

.Oculto {
    display: none;
}


.estilo-modal-aviso{
    border: solid 1px #ccc;
    padding: 20px 10px; 
    text-align:center;
    width:560px;
    border-radius:4px;
    background-color: #f2f2f2;
        
    -webkit-box-shadow: 0 7px 6px -6px #a5a0a0;
    -moz-box-shadow: 0 7px 6px -6px #a5a0a0;
    box-shadow: 0 7px 6px -6px #a5a0a0;
}


.box-descarga-certificado{
    margin: 80px auto 70px;
    width:70%;
}

.box-descarga-certificado p{
    text-align:center;
    font-size: 15px;
    color: #727272;
}

.box-descarga-certificado .btn-primario{
    margin-left:10px;
}


.noExplorer {
    background:#ff4433;
    color:#fff;
    font-weight: 300; 
    height:46px;
    padding: 12px; 
    width:100%; 
    position: fixed;
    top:0;
    left:0;
    text-align:center;
    display:block;
}


.alert-table {
    background-color: #efe2a0;
    border: 1px solid #d8c87b;
    color:#333;
}

.alert-table p {
    margin-bottom:0px;
}

/*  
#sesionOut {
        background: #fefefe;
        border-radius: 5px;
        webkit-border-radius: 5px;
        -moz-border-radius: 5px; 
        
        border: 1px solid #fff;
        padding: 20px;
        width: 600px;
        margin-top: 150px;        
}*/

.box-generar-clave{
    margin: 30px auto 40px;
    width:70%;
    padding:30px;
    background-color:#eee;
}

.box-generar-clave p{
    text-align:center;
    font-size: 15px;
    color: #727272;
}

.box-generar-clave .btn-primario{
    margin-left:10px;
}

.btn-center{
    margin:auto;
    display:block;    
}

.contenido-generar-clave .btn-center{
    margin:30px auto;
}

.aviso-nombre-equipo{
    margin: 40px auto 0px;
    width:412px;
}

.FondoAplicacion {
    background: rgba(0, 0, 0, 0.5);
}




/* Chatbox --------*/
#supportlink.supportlink { /* responsive chatwindow*/
    background: #5fbd73;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    color: #fff;
    cursor: pointer; 
    display: none;
    padding: 15px;
    margin: 15px auto;
    max-width: 300px;
}

#supportlink.supportlink:hover {
    color: #fff;
    background: #75c686;
    transition: all .2s ease-in; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in;
}

#chatWindow {
     bottom:0;
     color: #fff;
     height: 50px;
     position: fixed;
     width: 100%;
}

#chatWindow .chatbox {
    border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;
    bottom: 0;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 150px;
    transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);  -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1); 
    width: 300px;  
    -webkit-flex-direction: column;
}
#chatWindow .form-control:focus {
        border-color: #1f2836;
}

#chatWindow .chatbox-title,
#chatWindow .chatbox-body {
    border-bottom: none;
}

#chatWindow .chatbox-title {
    align-items: center;
    background: #5fbd73;
    border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;
    cursor: pointer;
    padding: 12px 12px;
}

#chatWindow .inner-left-icon {
     border-right: 1px dotted #fff;
     float: left;
     padding: 2px 10px 2px 0;
     text-align: center;
}

#chatWindow .inner-left-icon i {
    font-size: 35px;
}

#chatWindow h5 {
    display: inline-block;
    text-align: center;
    padding: 10px 18px;
    margin:0;
}

#chatWindow .inner-right-buttons {
    float: right;
}

#chatWindow a.chatbox-title-tray,
#chatWindow a.chatbox-title-close {
    color:#fff;
    cursor: pointer;
    opacity: 0.5;
    outline: 0;
    vertical-align: middle;
    transition: opacity .2s; -webkit-transition: opacity .2s; -moz-transition: opacity .2s;
}

#chatWindow a.chatbox-title-tray {
    height: 26px; /* for vertical align */
    margin-right: 0px;
}

#chatWindow .chatbox-title-tray:hover,
#chatWindow .chatbox-title-close:hover {
    opacity: 1;
}
       
#chatWindow .chatbox-body {
    background-color: #f5f5f5;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 0;
    flex-grow: 1;
    padding: 24px 20px;
    -webkit-flex-grow: 1;
}

#chatWindow .chatbox-body p {
    color: #333;
    margin:0 0 20px 0;
}      
   
#chatWindow .chatbox--empty {
    bottom: -50px;
}

#chatWindow .chatbox--empty.chatbox--tray {
     bottom: -200px;
}

#chatWindow .chatbox--empty .chatbox-credentials {
    display: block;
}   
 /* end #chatWindow */
 
 
#chatWindow  [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  font-size: 32px;
  margin-right: 0px;
}







.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 480px) {
  .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
    float: left; }

  .col-ms-1 {
    width: 8.33333%; }

  .col-ms-2 {
    width: 16.66667%; }

  .col-ms-3 {
    width: 25%; }

  .col-ms-4 {
    width: 33.33333%; }

  .col-ms-5 {
    width: 41.66667%; }

  .col-ms-6 {
    width: 50%; }

  .col-ms-7 {
    width: 58.33333%; }

  .col-ms-8 {
    width: 66.66667%; }

  .col-ms-9 {
    width: 75%; }

  .col-ms-10 {
    width: 83.33333%; }

  .col-ms-11 {
    width: 91.66667%; }

  .col-ms-12 {
    width: 100%; }

  .col-ms-pull-0 {
    right: auto; }

  .col-ms-pull-1 {
    right: 8.33333%; }

  .col-ms-pull-2 {
    right: 16.66667%; }

  .col-ms-pull-3 {
    right: 25%; }

  .col-ms-pull-4 {
    right: 33.33333%; }

  .col-ms-pull-5 {
    right: 41.66667%; }

  .col-ms-pull-6 {
    right: 50%; }

  .col-ms-pull-7 {
    right: 58.33333%; }

  .col-ms-pull-8 {
    right: 66.66667%; }

  .col-ms-pull-9 {
    right: 75%; }

  .col-ms-pull-10 {
    right: 83.33333%; }

  .col-ms-pull-11 {
    right: 91.66667%; }

  .col-ms-pull-12 {
    right: 100%; }

  .col-ms-push-0 {
    left: auto; }

  .col-ms-push-1 {
    left: 8.33333%; }

  .col-ms-push-2 {
    left: 16.66667%; }

  .col-ms-push-3 {
    left: 25%; }

  .col-ms-push-4 {
    left: 33.33333%; }

  .col-ms-push-5 {
    left: 41.66667%; }

  .col-ms-push-6 {
    left: 50%; }

  .col-ms-push-7 {
    left: 58.33333%; }

  .col-ms-push-8 {
    left: 66.66667%; }

  .col-ms-push-9 {
    left: 75%; }

  .col-ms-push-10 {
    left: 83.33333%; }

  .col-ms-push-11 {
    left: 91.66667%; }

  .col-ms-push-12 {
    left: 100%; }

  .col-ms-offset-0 {
    margin-left: 0%; }

  .col-ms-offset-1 {
    margin-left: 8.33333%; }

  .col-ms-offset-2 {
    margin-left: 16.66667%; }

  .col-ms-offset-3 {
    margin-left: 25%; }

  .col-ms-offset-4 {
    margin-left: 33.33333%; }

  .col-ms-offset-5 {
    margin-left: 41.66667%; }

  .col-ms-offset-6 {
    margin-left: 50%; }

  .col-ms-offset-7 {
    margin-left: 58.33333%; }

  .col-ms-offset-8 {
    margin-left: 66.66667%; }

  .col-ms-offset-9 {
    margin-left: 75%; }

  .col-ms-offset-10 {
    margin-left: 83.33333%; }

  .col-ms-offset-11 {
    margin-left: 91.66667%; }

  .col-ms-offset-12 {
    margin-left: 100%; } 
}


@-ms-viewport {
  width: device-width;
}


.visible-ms{
  display: none !important;
}

.visible-ms-block,
.visible-ms-inline,
.visible-ms-inline-block{
  display: none !important;
}


@media (min-width: 480px) and (max-width: 767px) {
  .visible-ms {
    display: block !important; }

  table.visible-ms {
    display: table; }

  tr.visible-ms {
    display: table-row !important; }

  th.visible-ms,
  td.visible-ms {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-ms-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-ms-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-ms-inline-block {
    display: inline-block !important; } 

}
    
    
@media (min-width: 480px) and (max-width: 767px) {
  .hidden-ms {
    display: none !important; }
}