input.btn.btn-primary, .btn {
    width: 100%;
    /* margin-top: 30px; */
    padding: 10px;
	color: var(--MainColor);
    font-size: 14px;
    text-transform: uppercase;
	background: var(--TextColor);
}
button {
    width: 100%;
    background: var(--TextColor);
    border: 0px;
    padding: 10px 0px;
    color: var(--MainColor);
    font-size: 14px;
    text-transform: uppercase;
}

.anade{width: 82%;}
.anade:hover{background-color: #001ba2;
	color: var(--MainColor);}
.ok{
	background-color: #01cc60;
}
.ok:hover{
	background-color: #03da68;
	color: var(--MainColor);
}
.add{
	background-color: var(--TextColor);
}
.add:hover{
	background-color: #001ba2;
	color: var(--MainColor);
}
.ok, .add {
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-bottom: 40px;
}
#navigation {
    background: #011886;
    position: fixed;
    z-index: 100;
    width: 100%;
}
.locked, .login {
    background: #011886;
}
#DataTables_Table_0 thead {
    position: fixed;
    top: 160px;
	max-width: 1100px;
}
#main .breadcrumbs {
    
    display: none;
    
}
.fixed {
    background: var(--MainColor);
    width: 100%;
    position: fixed;
	height: 100px;
	top: 70px;
	max-width: 1100px;
}
.referencias {
    float: right;
    width: 50%;
    color: #e63d3e;
    text-align: right;
    position: absolute;
    right: 50px;
    top: 36px;
}
div#DataTables_Table_0_wrapper  {
    margin-top: 130px;
}
div#DataTables_Table_0_filter {
    position: fixed;
    top: 10px;
    background: var(--MainColor);
    width: 100%;
    padding-top: 30px;
}
.span12 {
    margin-top: 50px;
}
.movildisp{
		display:none;
	}

@media (max-width: 840px){
	.website{
		display:none;
	}
	.movildisp{
		display:table-row;
	}
	
	.ok, .add , .anade{
        width: 100%;
        float: none;
        margin-right: 0%;
        margin-bottom: 20px;
    }
	.box .box-content {
        *zoom: 1;
        padding: 20px;
        background: var(--MainColor);
        position: static;
        top: 30px;
    }

    div#DataTables_Table_0_filter {
        top: 30px;
    }
	.dataTables_wrapper .dataTables_filter input {
        margin-bottom: 0;
        width: 75%;
    }
	.span12 {
        margin-top: 50px;
    }   
    .fixed {
        top: 100px;
    }
    #DataTables_Table_0 thead {
        
        top: 180px;
        
    }
	div#DataTables_Table_0_wrapper  {
        margin-top: 210px;
    }
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#fondoloader {
  position: absolute;
  width: 100%;
	height: 100vh;
	background: var(--MainColor);
	z-index: 1;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}