/*////////////////////////////////////////////////////////////////////
////DA FRAMEWORK > DEVELOPENT BY EXCELLENT INTEGRITY SOLUTIONS*
////WRITING BY HERMY GARCIA
///VERSION: 0.0.1**/

/**VARIABLES**/


/**RESET DEFAULT WEB BROWSER STYLES**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    /*line-height: 0;*/
}

ol, ul {
    list-style: none;
}

textarea {
    line-height: normal;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/*IMPORTING CUSTOM FONTS*/

/*RESET FLOATING ELEMENTS*/
.reset:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.reset {
    display: inline-block;
}

.reset {
    display: block;
}

*html.limpiar {
    height: 0px;
}



/**CUSTOM CLASS /////////////////////////////////////////////////////////*/
.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.fln {
    float: none !important;
}

.mn {
    margin: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.mr0 {
    margin-right: 0px !important;
}

span.bold {
    font-weight: bold;
}

.alight_center {
    display: block;
    width: auto;
    height: auto;
    margin: auto;
}

.fluid_wrap, .da_form {
    float: left;
    width: 100%;
    height: auto;
}

.auto_wrap {
    float: left;
    width: auto;
    height: auto;
}

/**BODY**/
.dasi_app{
    height:100% !important;
    padding: 0px !important;
    /*background: #F1F1F1 none repeat scroll 0%*/ 
    background: #2A3A56 none repeat scroll 0% 
}
/*BUTTONS STYLES*/

/*A LINKS BUTTONS STYLES*/

/*TABLES*/

/**TEXTBOX**/

/**FLUID**/
.fluid_wrap{
    float: left;
    width: 100%;
    height: auto;
}

.body_app{
    width:100%;
    height:100%;
}

/**TOP BAR LOGOTIPO**/
div#top_bar_wrap div#top_bar_container_left ul {
    float: left;
    height:100%;
}

div#top_bar_wrap div#top_bar_container_left ul li {
    background:none;
    float:left;
    width:250px;
    height:100%;
}

div#top_bar_wrap div#top_bar_items_wrap ul li.auto {
    background:none;
    float:left;
    width:auto !important;
    height:100%;
    padding-top: 2px;
}

ul.top_bar_items li a.top_bar_logo {
    background:none;
    float: left;
    width: 100%;
    height: 50px;
    text-indent: -9999px;
    margin-top: 0px;
}

/**TOP BAR ITEMS**/
ul.top_bar_items li input.top_bar_search {
    float: left;
    margin-top: 13px;
    margin-right: 6px;
    margin-left: 6px;
}

ul.top_bar_items li a.top_bar_icons {
    background:none;
    float: left;
    width: 100%;
    height: 25px;
    text-indent: -9999px;
    margin-top: 13px;
}

div#top_bar_wrap div#top_bar_items_wrap ul {
    float: right;
    height:100%;
}

div#top_bar_wrap div#top_bar_items_wrap ul li {
    background:none;
    float:left;
    width:40px;
    height:100%;
}

/**IDS**/

#body_app{
    position:fixed;
    height: 100%;
}


#top_bar_wrap{
    background:#2A3A56;
    height:50px;
}

#top_bar_container_left{
    background:none;
    height:100%;
    width:250px;
}

#top_bar_items_wrap{
    background:none;
    float: right;
    width: auto;
    height: 100%;
    margin-right:15px;
}

#body_app_wrap{    float: left;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: static;
}

ul.top_bar_items li a:hover {
    opacity: 0.6;
}

ul.top_bar_items li a#logotipo_top {
    background: url(../images/logotipo_dasi-dataseguros2.png) center no-repeat;
}

ul.top_bar_items li a#full_screen {
    background: url(../images/top_bar_fullscreen.png) center no-repeat;
}

ul.top_bar_items li a#notification_bell {
    background: url(../images/top_bar_notification.png) center no-repeat;
}

ul.top_bar_items li a#app_container{
    background: url(../images/top_bar_apps_container.png) center no-repeat;
}

ul.top_bar_items li a#setting {
    background: url(../images/top_bar_settings3.png) center no-repeat;
}

ul.top_bar_items li a#user_info {
    background: url(../images/nav_icons_11.png) center no-repeat;
}

ul.top_bar_items li a#log_out {
    background: url(../images/top_bar_logout3.png) center no-repeat;
}

/**SIDE BAR**/
#side_bar_wrap {
    background:#2A3A56;
    width:250px;
    height:100%;
    display:inline-block;
    position:static;
    float:left;
}

/**SIDE BAR END**/

/**CONTENT APP**/
#content_wrap{
    background:#F1F1F1;
    height:auto;
    display:inline-block;
    position:fixed;
    left:250px;
    right:5px;
    bottom:5px;
    top:50px;
    padding:5px;
}

/**CONTENT APP END**/

/**SIDE BAR ITEMS**/
div#side_bar_item_wrap{
    background:none;
    width:40px;
    height:100%;
    position:relative;
    display:inline-block;
    margin:0px;
}

div#side_bar_item_wrap div#side_bar_item_center{
    background:none;
    width:100%;
    height:280px;
    margin: auto;
    position:absolute;
    top:0px;
    bottom:50px
}

ul.side_bar_items li a{
    background:none;
    float:left;
    width:100%;
    height:40px;
}

ul.side_bar_items li a.module_active {
    border-left-width:3px;
    border-left-color:#F1F1F1;
    border-left-style: solid;
}

ul.side_bar_items li a:hover {
    border-top-width:3px;
    border-bottom-width:3px;
    border-top-color:#F1F1F1;
    border-bottom-color:#F1F1F1;
    border-top-style: solid;
    border-bottom-style: solid;
}

.side_bar_container_wrap{
    background:#2A3A56;
    width:200px;
    height:100%;
    position:absolute;
    display:inline-block;
    margin:0px;
    visibility: hidden;
}

.side_bar_container_wrap.module_container_active{
    visibility: visible;
}

.side_bar_container_title{
    background:none;
    width:180px;
    height:50px;
    display:block;
    position:relative;
    border-bottom: 3px solid #F1F1F1;

}

.side_bar_container_title span{
    font-size:16px;
    color:#F1F1F1;
    vertical-align: middle;
    height:100%;
    line-height: normal;
}

.side_bar_container_title span label{
    margin-top:15px;
    margin-left:10px;
    font-size:16px;
    vertical-align: middle;
    color:#F1F1F1;
}

.side_bar_container_body{
    background:none;
    width:100%;
    height:100%;
    display:block;
    position:relative;
}

.side_bar_container_body a:hover {
    text-decoration: none;
    opacity:0.6;
}

.side_bar_container_body a span:hover {
    cursor:pointer;
}

.side_bar_container_body a .container_interface_i:hover {
    background:#1A2435;
}

.side_bar_container_body a.interface_active .container_interface_i {
    background:#1A2435;
    opacity:0.6;
}

.container_interface{
    background:none;
    width:100%;
    height:24px;
    display:block;
    position:relative;
    margin:1px 0px 1px 0px;
}

.container_interface span{
    font-size:14px;
    vertical-align: middle;
    color:#F1F1F1;
    vertical-align: middle;
    height:auto;
    line-height: normal;
}

.container_interface label span{
    margin-left:10px;
    font-size:14px;
    vertical-align: middle;
    color:#F1F1F1;
}

.side_bar_container_body .container_interface{
    padding-top:4px;
}

.container_interface_i{
    padding-top:4px;
    width:200px;
}

.container_interface_i label span{
    margin-left:20px;
    font-size:12px;
    vertical-align: middle;
    font-weight:bold;
    color:#F1F1F1;
}


ul.side_bar_items li a#control_policy {
    background: url(../images/side_bar_polize_icon.png) center no-repeat;
}

ul.side_bar_items li a#control_commission {
    background: url(../images/side_bar_comision_icon.png) center no-repeat;
}

ul.side_bar_items li a#control_accounts_receivable {
    background: url(../images/side_bar_acounting_retrieve_icon.png) center no-repeat;
}

ul.side_bar_items li a#control_prospectus {
    background: url(../images/side_bar_prospect_icon.png) center no-repeat;
}

ul.side_bar_items li a#control_claim {
    background: url(../images/side_bar_reclamation_icon.png) center no-repeat;
}

ul.side_bar_items li a#control_user_control {
    background: url(../images/side_bar_user_control_icon.png) center no-repeat;
}

ul.side_bar_items li a#control_expand_shrink {
    background: url(../images/side_bar_shrink_icon.png) center no-repeat;
}
/**SIDE BAR ITEMS END**/

/**CONTENT ITEMS**/
.section_title{
    background:#FFFFFF;
    border-left:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    border-right:1px solid #D9D9D9;
    font-weight: bold;
    height:30px;
    padding-top:6px;
    width:100%;
}

h1.the_title_interface span{
    background:none;
    font-weight: bold;
    color:#46484D;
}


.section_title{
    background:#FFFFFF;
    border-left:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    border-right:1px solid #D9D9D9;
    font-weight: bold;
    height:30px;
    padding-top:5px;
    width:100%;
    margin-bottom:5px;
}

.form_items_container{
    background:#FFFFFF;
    border-left:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    border-right:1px solid #D9D9D9;
    padding-left:5px;
    padding-right:5px;
    height:auto;
}

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}

.form_items_group ul li .form_items_box{
    margin-top:3px;
    margin-bottom:3px;
    /*vertical-align: middle;*/
    line-height: 10px;
}

.form_items_group div.line{
    height:1px;
    background:#2A3A56;
    margin-bottom:5px;
}

.form_items_group  .subtitle_label{
    text-align: left;
    margin-top:5px;
    margin-bottom:5px;
    font-size:14px;
    color:#46484D;
}

.form_items_group label.control-label{
    font-size:12px;
    color:#46484D;
}

.form_items_group input[type="text"],
.form_items_group input[type="email"],
.form_items_group input[type="password"],
.form_items_group select
{
    font-size:12px;
    padding:3px 5px;
    height:auto;
    color:#46484D;
}
.form_items_group input[type="text"].input-validation-error,
.form_items_group input[type="email"].input-validation-error,
.form_items_group input[type="password"].input-validation-error,
.form_items_group select.input-validation-error
{
    border-color:#E60000;
}

ul.messager_error {
    color:#E60000;
    font-size:11px;
    text-align:left;
    font-weight:bold;
}

ul.messager_error .field-validation-error{
    font-weight:bold;
}

.section_control{
    background:#FFFFFF;
    border-left:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    border-right:1px solid #D9D9D9;
    font-weight: bold;
    height:auto;
    width:auto;
    padding:5px 5px 5px 0px;
    position:absolute;
    bottom:5px;
    right:5px;
    left:5px;
}


.form_items_control li{
    float:right;
}

.form_items_control  div.btn-group > input, 
.da-style > input{
    border-radius:0px;
    margin-left:2px;
    margin-right:2px;
    min-width:70px;
}


.form_items_control  div.btn-group > input[value="Excel"] {
    background:#217346;
    color:#F1F1F1;
}

.form_items_control  div.btn-group > input[value="PDF"] {
    background:#993300;
    color:#F1F1F1;
}

.form_items_control  div.btn-group > input[value="Cancelar"] {
    /*background:#7F899A;*/
    /*color:#F1F1F1;*/
}

.form_items_control  div.btn-group > input[value="Eliminar"] {
    background:#8F0F00;
    color:#F1F1F1;
}

.form_items_control  div.btn-group > input[value="Grabar"] {
    background:#2A3A56;
    color:#F1F1F1;
}

.da-style > input[value="Buscar"]{
    background: #2A3A56;
    color: #F1F1F1;
}

.da-style > input .big{
    width:100% !important;
}

.form_items_control  div.btn-group > input[value="Excel"]:hover ,
.form_items_control  div.btn-group > input[value="PDF"]:hover,
/*ul.form_items_control li div.btn-group > input[value="Cancelar"]:hover,*/
.form_items_control  div.btn-group > input[value="Eliminar"]:hover,
.form_items_control  div.btn-group > input[value="Grabar"]:hover {
    opacity:0.8;
}

.form_items_box input[type="button"]{
    font-size:12px;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:transparent;
    background:#273651;
    height:24px;
    padding: 3px 5px;
    margin-left: -12px;
    margin-top:0px;
    /*background-image: url(../images/form_add.png);*/
    background-repeat: no-repeat;
    background-position: center;
    /*border-radius:1px;*/
}
.form_items_box input[type="button"][value="Crear"]{
    background-image: url(../images/form_add.png);
}

.form_items_box input[type="button"][value="Search"]{
    background-image: url(../images/form_search.png);
}

.form_items_box input[type="button"][value="Crear"]:hover,
.form_items_box input[type="button"][value="Search"]:hover{
    opacity:0.8;
}

.form_items_control  div.btn-group > input[value="Buscar"]:hover{
    opacity:0.8;
}

/**CONTENT grid ITEMS END**/

.row.grid_head{
    font-size:11px;

}

.container.grid_body{
    overflow:scroll;
    height:300px;
}

.container.grid_body .row{
    /*overflow:hidden;*/
    height:auto;
    line-height: 10px;
    font-size:11px;
}

.container.grid_body div.row:nth-child(even){
    /*overflow:hidden;*/
background:#F5F5F2;
}
.container.grid_body div.row:nth-child(odd){
    /*overflow:hidden;*/
background:#FFFFFF;
}


/**CONTENT table ITEMS END**/

div.form_table_box {
    overflow: auto; 
    padding:0px !important;
    margin:0px !important;
}

div.form_table_box table.table thead {
}


div.form_table_box table tr th{
    background: #293955;
    color:#FFFFFF;
    font-size:14px;
    text-align:left;
    vertical-align: middle;
    padding:0px;
    border:1px solid #293955;
}

div.form_table_box table tr td{
    color:#1F1F1F;
    font-size:14px;
    text-align:left;
    padding:0px;
    border:1px solid #1F1F1F;
    vertical-align: middle;
}

div.form_table_box table tr {
    
}

div.form_table_box table tr td input[type=checkbox]{
    float: left;
    margin: 0 auto;
    width: 100%;
}

div.form_table_box table tr:nth-child(even){
    background: #FFFFFF;
}

div.form_table_box table tr:nth-child(odd){
    background: #F2F2F2;
}

div.form_table_box table tfoot.nothing tr td{
    height:20px;
    background:#293955;
    border-left:0px solid #293955;
    border-right:0px solid #293955;
}

div.form_table_box table tfoot.nothing tr td:first-child{
    border-left:1px solid #293955;
}

div.form_table_box table tfoot.nothing tr td:last-child{
    border-right:1px solid #293955;
}

/**GRID**/
table tbody.select tr:hover {
    opacity: 0.8;
    cursor: pointer;
}
table tr td.decimal {
    text-align: right !important;
}

table tfoot tr td.total{
    max-width:60px;
}

table tfoot tr td.total input{
    height:100% !important;
    width:100% !important;
    margin:0px !important;
    padding:0px !important;
    font-size:14px !important;
    border:0px;
    text-align: right;
}

table tr td input[type=text]{
    height: 100% !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 14px !important;
    border: 0px;
    border-radius: 0px;
}


.nav.nav-tabs li {
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:14px;
    color:black;
}

.nav.nav-tabs li.active {
    font-weight: bold;
}

    /*
div table.scroll {
  display: block; obligado
  overflow-y: auto; obligado
  max-height: 150px;
}
    
table.scroll tbody * {
}
*/
/**END GRID**/


























































/*
    Plantillas para las vistas 
    Default
    */


.navbar-inverse.default_template{
    background:#293955;
}
.navbar-inverse .navbar-brand {
    color: #E6E6E6;
}
.navbar-inverse.default_template .navbar-nav > li > a {
    color: #E6E6E6;
}
.navbar-inverse.default_template .navbar-nav > li > a:focus,
.navbar-inverse.default_template .navbar-nav > li > a:hover {
    color: #FFFFFF;
}
.navbar-inverse.default_template .navbar-nav > li.active > a {
    background-color:#1B2537 ;
}


.default_template .form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.default_template .form-signin-heading {
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}
.default_template .form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.default_template .form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}


.default_template .form-signin .btn-group {
   margin-top:10px;
   float:right;
}
.default_template .form-signin .btn-group button{
   background-color:#293955;
}

.default_template .company_container{
    border: 2px solid transparent;
    padding-top:15px;
    min-height:120px;
    text-align:center;

}

.default_template .company_container:hover{
    border: 2px solid #CFCFCF;/*#293955;*/
    cursor:pointer;
    
}

.company.title,
.company.sub_title{
    padding-top:8px;
    font-size:14px;
    /*overflow:hidden;*/
}

.company.title{
    padding-top:12px;
    height:17px;
    white-space: nowrap; 
    overflow:hidden;
    text-overflow:clip;
    font-weight:bold;
    line-height: 0px;
}

.old_title_left .company {
    text-align:left;
}

.old_title_left .company_container {
    padding-top:8px;
    line-height: 0;
}


select.ui-datepicker-year{
    color:black;
}