@font-face {
font-family: "Open Sans";
src: url(/fonts/google-font.woff2) format("truetype");
}

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

optgroup {
    font-weight: 800;
    font-style: italic;
}

.form-group {
    margin-bottom: 7px;
}

.input-sm {   font-family: 'Arial', sans-serif; font-size: 12px; }  

.div_panel_header{
    border-top: none;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.25);
    /*box-shadow: 3px 3px 30px gray; */
    box-shadow: 1px 2px 10px gray;
    margin-bottom: 10px;
}

.div_gradient{
    box-shadow: 3px 3px 8px gray; 
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(246,246,246,0.5) 60%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(246,246,246,0.5) 60%, rgba(250,250,250,1) 100%);
    border: solid 1px silver;
    /*display: inline-block;*/
    border-radius: 6px;
    padding: 10px;
}

.div_gradient2{
    /*background-color: #f3eee7;*/
    /*display: flow-root;*/
    background-color: white;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    padding: 10px 20px 5px 15px;
    /*
    -webkit-box-shadow: 0px 2px 40px 2px rgba(0,0,0,0.8);
    box-shadow: 0px 2px 40px 2px rgba(0,0,0,0.8);
    */
}

.title{
    font-size: 21px;
    font-weight: bold;
    color: #052a4b;
    margin-bottom: 10px;
}

.subtitle{
    font-size: 16px;
    font-weight: bold;
    color: #265a88;
    margin-bottom: 5px;
}

.subtitle4{
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px 4px 0px 0px;
    -webkit-box-shadow: inset 0px 2px 1px rgba(255,255,255,0.1), 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 2px 1px rgba(255,255,255,0.1), 0px 2px 3px 0px rgba(0,0,0,0.2);
    position: relative;
    z-index: 20;
}

.subtitle4.page-header-blue {
    /*background: linear-gradient(60deg,rgba(51,101,155,1),rgba(66,132,206,1));*/
    background: linear-gradient(to bottom, rgba(0, 108, 204, 1) 0%, rgba(2, 61, 115, 1) 100%);
    color: #ffffff;
    padding: 4px 5px 4px 5px;        
    /*border: 1px solid rgba(22,70,102,0.25);*/
}

.subtitle4 b {
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
    font-size: 13px;
}

.subtitle4 i {
    font-size: 12px;
    font-weight: normal;
    margin-right: 6px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {  
    background: linear-gradient(to bottom, rgba(102,149,196,1) 0%, rgba(5,46,87,1) 100%); color:  white;   
}

.nav-tabs>li>a:hover {  
    background-color: #516a8a; color:  white;   
}

.nav-tabs>li>a {  
    background-color: whitesmoke; border: 1px solid silver;   
}

.tab-pane {  padding: 10px 10px 10px 10px;  }

.pre_load{
    text-align: center; position: fixed; background-color: white; opacity: 0.7; width: 100%; height: 100%; left: 0px; top: 0px; vertical-align: middle; display: none; z-index: 100;
}

.pre_load img{
    margin-top: 10%;
}

.getxml { background:url('/img/small_load.gif') no-repeat right 20px center !important; }

.input-group-addon {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    color: black;
}

.imgopt{
    width: 20px !important;
    height: 20px !important;    
    cursor: pointer !important;
    transition: all .2s ease-in-out !important;
}

.imgopt:hover{
    transform: scale(1.4) rotate(20deg) !important;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: ;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #74b2e2;

    background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
	font-weight: normal;
	color: #0070a3;
}

.ui-autocomplete {
    float: left;
    z-index: 200;
}
.ui-autocomplete li{
    list-style: none;
    background-color: white;
    border: 1px solid #b9def0;
    /*height: 40px;*/
    vertical-align: central;
    padding: 8px 8px 8px 8px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.ui-autocomplete-loading { background:url('/img/small_load.gif') no-repeat right center !important; }

.ui-helper-hidden-accessible{  display: none;  }

::-webkit-scrollbar{
  width: 12px;
  height: 12px;
  /*background: #dbe8ec;*/
}
::-webkit-scrollbar-button{
  width:8px;
  height: 5px;
}

::-webkit-scrollbar-track{
  /*background:#3c454e;*/
  /*background: gray transparent 0.9;*/
  border:thin solid whitesmoke;
  -webkit-box-shadow: inset 0 0 6px silver;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb{
  /*background: -webkit-linear-gradient(top, silver, whitesmoke);*/
  background: whitesmoke;
  -webkit-box-shadow:   inset 0 0 6px rgba(0,0,0,0.3);
 
  /*border:thin solid gray;*/
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
    /*background: -webkit-linear-gradient(top, #4ca06d, #5aafb0);*/
    background: #475E77;
    -webkit-box-shadow:   inset 0 1px 0 rgba(255,255,225,.3),
                inset 1px 0 0 rgba(255,255,255,.4),
                inset 0 1px 2px rgba(255,255,255,.5);
    border: 1px solid gray;
}
/* Pseudo-clase */
::-webkit-scrollbar-thumb:window-inactive {
  /*background: rgba(77,161,112,.6);*/ background: #475E77;
}