@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

html, form, body {padding:0; margin:0; font-family:'Roboto';}

body {background-color: rgba(0, 0, 0, 0.5); }

/* Scrollbar */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-button {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 46px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e1e1e1;
}
::-webkit-scrollbar-thumb:active {
  background: #cdcdcd;
}
::-webkit-scrollbar-track {
  background: #acacac;
  border: 0px none #ffffff;
  border-radius: 47px;
}
::-webkit-scrollbar-track:hover {
  background: #acacac;
}
::-webkit-scrollbar-track:active {
  background: #acacac;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


.RadTabStrip .rtsLink {border:0 !important; padding:0 !important; padding-bottom:8px !important; padding-right:20px !important;}
.rtsLink:hover {background-color:#ffffff !important; color: #88d14f !important }
.rtsLI {font-size:16px; letter-spacing:-1px; margin-right:12px !important; border-bottom: solid 3px #337ab7;}
.rtsLI:hover {background-color:#ffffff !important; border-bottom: solid 3px #88d14f !important; color: #88d14f !important}
.rtsSelected {border-bottom: solid 3px #88d14f !important; color:#88d14f !important} 
.rtsSelected .rtsLink {color:#88d14f !important}
.rtsTop .rtsLevel1 {border:0 !important}
.icon-bar {background-color: #ffffff !important;}

.dropdown-menu {
    border:0 !important;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.175); 
    box-shadow: 0 1px 5px rgba(0,0,0,.175);
    background-color:rgba(255, 255, 255, 0.90);
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color:#888;
    color:#fff !important;
}

@media only screen and (min-width: 768px) {
    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .active:hover .dropdown-menu {
        display: block;
    }
}


.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}

.K2Background:before {
    font-family:'Roboto';  
    content: "";
    position:fixed;
    display: block;    
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:-10;    
    
    background-attachment:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*overflow:auto !important;    */
}

.btn-default{border-bottom:solid 2px #c6c4c0 !important; text-shadow: 1px 1px 0px #d5d5d5;}
.btn-success{border-bottom:solid 2px #397239 !important; text-shadow: 1px 1px 0px #666666;}
.btn-info{border-bottom:solid 2px #3b87c7 !important; text-shadow: 1px 1px 0px #666666;}
.btn-primary{border-bottom:solid 2px #1a466c !important; text-shadow: 1px 1px 0px #666666;}
.btn-warning{border-bottom:solid 2px #be7917 !important; text-shadow: 1px 1px 0px #666666;}
.btn-danger{border-bottom:solid 2px #81211e !important; text-shadow: 1px 1px 0px #666666;}
.btn-Responsive {font-size:12px !important; width:auto !important;}

.K2Form {         
    background: url("../imagenes/base/background-form-apps.png") no-repeat bottom right fixed;  
    background-attachment:fixed;     
    -webkit-background-size: contain; 
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size:contain;    
}

.K2Header {
    background-color:rgba(0, 0, 0, 0.45); 
    color:#FFFFFF;
    height:68px; 
    border-bottom: solid 2px #FFFFFF
}

.K2Header #Logo {
    width: 120px;
    margin-right: 10px;    
}

.K2Header #LogoApp {
    width: 40px;
    margin-right: 10px;

}

.K2MenuApp {
    background-color: rgba(0, 120, 215, 0.6); 
    border:0 !important; 
    margin-bottom:40px;
}

.K2MenuApp .navbar {
    background-color: rgba(0, 0, 0, 0.2);  
    border:0 !important;
    margin-bottom: 0;
    padding:0;    
}

.K2MenuApp .navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

.K2MenuApp .navbar-default .navbar-nav > li > a:hover{
    color: #fff;
    text-shadow: #666 1px 1px;
    background-color: rgba(255, 255, 255, 0.30);     
}


.K2MenuApp .navbar-default .navbar-nav > li > a:visited{
    color: #fff;
    text-shadow: #666 1px 1px;
    background-color: rgba(102, 152, 195, 0.73);     
}


.K2MenuApp .active > a {
    color: #ffffff;
    text-shadow: #333 1px 1px;
    background-color: rgba(255, 255, 255, 0.18) !important;         
}

.K2MenuApp .active > a:hover {    
    background-color: #888;         
}

.K2MenuApp .active a > ul > li > a {
    color: #ffffff !important;  
    background-color:#888;  
}

#navbarTitle {
    position:relative; 
    color:#ffffff; 
    font-size:15px; 
    font-weight:500; 
    float:left; 
    left:-12px; 
    top:15px;
}

#K2Container {
    -moz-box-shadow: 0 0 8px rgba(31, 31, 31, 0.60);
    -webkit-box-shadow: 0 0 8px rgba(31, 31, 31, 0.60);
    box-shadow: 0 0 8px rgba(31, 31, 31, 0.60);
    background-color: #FFFFFF;
    margin-bottom:250px;
}

.K2Toolbar:hover {
    background-color:rgba(0, 0, 0, 0.2); 
}


.K2Toolbar {
    float: right;
    width: 75px;
    display: inline-block;    
    color: #FFFFFF;
    cursor:pointer;
    height:65px; 
}

.K2Toolbar p {
    margin-top:20px;
    font-size:20px !important;
}

.K2Toolbar img {
    float: left;
    width:50px;
    margin-top:8px;
    margin-left:12px;
    margin-right:auto;
}


.K2Toolbar>a:link,.K2Toolbar>a:visited {
    color:#FFFFFF !important;
    text-decoration:none !important;
}

.K2NotificationIcon {
    float:left; 
    height:50px; 
    margin-top:30px; 
    margin-bottom:20px; 
    width:100%; 
    text-align:center;
}

.K2NotificationMessage{ 
    float:left; 
    width:100%; 
    margin-top:10px; 
    margin-bottom:20px; 
    text-align:center;
    font-family:'Roboto';
    font-size:15px;   
    font-weight:bold;
    color:#666666;
}


.K2Jumbotron {   
    width:80%; 
    margin-top:20px; 
    margin-left:auto; 
    margin-right:auto;
    background-color:rgba(79, 79, 79, 0.20) !important;
}

.K2Jumbotron .gridMessageTitle{
     text-align:center !important; 
}

.K2Jumbotron .gridMessageDescription {
    text-align:center !important; 
    font-size:17px;
    font-weight:bold;
}

h3 {
    letter-spacing:-1px;
    font-size:25px;
}
.K2Grid td {
    vertical-align:middle !important;
}

.K2Grid th {
    vertical-align:middle !important;
    background-color:rgba(31, 31, 31, 0.60);
    color:#FFFFFF;    
}

.pagination-ys {
    display:none;
}

.K2VerticalMiddle {
    vertical-align:middle !important;
}

.K2HorizontalMiddle {
    text-align:center;
}


#frm .row{
  margin-top: 10px;
  margin-bottom: 10px; 
}

#frm .row label {
    font-size:13px;
    font-family:'Roboto';
    margin-top:8px;
}

.modal-content {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 2px 1px 20px rgba(0,0,0,0.4);
    border: solid 1px rgba(0, 0, 0, 0.29);
}

.modal-body {
    background-color: #FFF;
}

.modal-header {
    background-color: rgba(23, 94, 150, 0.62);
    color:#FFFFFF;
    padding:10px;
}

.modal-title {
    padding-top:3px;
    font-size:17px;
    font-family:'Roboto';
    text-shadow: 1px 1px 0px #000000;
    text-transform:uppercase;
}
.progress {margin-bottom:0px !important; background-color:#FFFFFF !important}
.table {margin-bottom:0 !important}
#tabs a {color:rgba(0, 120, 215, 0.6); font-weight:bold}
#tabs .active a {color:#666666}
#tabs .btn-success {color:#FFFFFF; font-weight:normal}


div#divWait {
    color:#0d66c7; 
    height:100px; 
    background-color:rgba(255, 255, 255, 0.95); 
    width:300px; 
    top:300px; 
    left: 0; 
    right:0; 
    margin-left:auto; 
    margin-right:auto; 
    z-index:1000; 
    position:absolute;
}

div#divWaitContent{
     margin-top:30px;
     margin-bottom:10px;
     text-align:center; 
     margin-left:auto; 
     margin-right:auto; 
     width:80%
}

.reContentArea {padding: 10px !important;}

caption {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

@media only screen and (min-width: 768px) {
    .rtsLink {color:#555555 !important;}
    .rtsLI {font-size:14px; letter-spacing:-1px; margin-right:6px !important; border-bottom: solid 3px #555555; margin-top:10px;}    
    .AlignRight {text-align:right !important}
    .PaddingTop20 {padding-top:20px !important}
    .K2MenuApp .active li > a {color: #666666 !important; text-shadow:none;}
    .K2MenuApp .active li > a:hover {color: #fff !important}
    .btnMobile {width:120px; text-transform:uppercase; padding: 5px; padding-right: 10px; color:#fff; font-size:16px !important; margin-right:10px; font-weight:bold; cursor:pointer !important;}
}

@media only screen and (max-width: 767px) {
    /*Estilo Tabs Responsive */
    .rtsLink {color:#555555 !important;}
    .RadTabStrip .rtsLink {border:0 !important; padding:0 !important; padding-bottom:5px !important; padding-right:8px !important;}
    .rtsLI {font-size:14px; letter-spacing:-1px; margin-right:6px !important; color:#555555 !important; border-bottom: solid 3px #666666; margin-top:10px;}    
    .dropdown-menu>li>a {color:#ffffff !important} 
    .K2MenuApp .active li > a {color: #ffffff !important}           
    .btnMobile {text-transform:uppercase; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:5px; color:#fff; font-size:13px !important; font-weight:bold; cursor:pointer !important; margin-right:3px;}                       
}

.btnMobile:hover, .btnMobile:focus, .btnMobile:visited {color:#fff; text-decoration: none; background-color: rgba(255, 255, 255, 0.2); border: solid 1px rgba(255, 255, 255, 0.4)}

.K2Botonera {
    border-top:solid 4px #d5d5d5; background-color:rgba(0, 0, 0, 0.44); position: fixed; left:0; bottom:0; height:55px; width:100%; z-index:10;
    -webkit-box-shadow: inset 85px 94px 5px -88px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 85px 94px 5px -88px rgba(0,0,0,0.15);
    box-shadow: inset 85px 94px 5px -88px rgba(0,0,0,0.15);
}

.K2ButtonContent {
    border-top:solid 4px #d5d5d5; background-color:rgba(255, 255, 255, 0.44); position: fixed; left:0; bottom:0; height:55px; width:100%; z-index:10;
    -webkit-box-shadow: unset 85px 94px 5px -88px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 85px 94px 5px -88px rgba(0,0,0,0.15);
    box-shadow: inset 85px 94px 5px -88px rgba(0,0,0,0.15);
}

.fixedMenu {position: fixed; z-index:1000; top:0; left:15px;  width:100%; }            

.K2ToolbarForm {
    background: linear-gradient(0deg, rgba(170,170,170,0.8) 10%, rgba(230,230,230,0.8) 80%, rgba(255,255,255,0.8) 100%);    
    -webkit-box-shadow: 0px 0px 14px -9px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 14px -6px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 14px -6px rgba(0,0,0,0.35);
    position: fixed; 
    left:0; 
    bottom:0; 
    height:80px; 
    width:100%; 
    z-index:10;
    text-align:right !important;            
}

.K2ToolbarFormContent {
    width:100%;
    height:100%;
    padding-right:10px;
}

.K2ToolbarForm a, .K2ToolbarForm a:visited {
    display: inline-block;
    color:#555 !important;
    font-size:9.5px;    
    font-weight:bold;     
    text-transform:uppercase;      
    margin-right:-3px;        
    height:101%; 
    text-align:center;
    text-decoration:none;
}

.K2ToolbarForm a:hover{
    color:#88d14f !important;
    font-weight:bold;   
    background:rgba(255, 255, 255, 0.5);    
    border-bottom: solid 5px #88d14f;    
    text-decoration:none;              
}

.K2ToolbarForm a:active{ 
    transform: translateY(4px);
    color:#88d14f;    
     box-shadow: inset 3px 3px 11px -3px rgba(0,0,0,0.27);
    -webkit-box-shadow: inset 3px 3px 11px -3px rgba(0,0,0,0.27);
    -moz-box-shadow: inset 3px 3px 11px -3px rgba(0,0,0,0.27);   
   
}

.K2ToolbarForm img{
    display:block;    
    margin:10px;
    margin-bottom:5px;
}

.K2ToolbarForm span{
    padding-top:10px;
    
}