html{
    height:100%;
    width: 100%;
}

body{
    font-family: GothamLight;
    color: #67737A;
    height: 100%; 
    width: 100%;
     overflow-x: hidden; 
    overflow-y: auto; 
}

[datepicker-popup-wrap] [role="gridcell"] button > span {
    color: #717171 !important;
}

.modal-lg {
    width: 1280px !important;
}

b {
    font-family: GothamBold !important;
}

mwl-calendar .cal-row-head [class*=cal-cell], mwl-calendar .cal-row-head [class*=cal-cell]:first-child {
    font-size: 15px;
}

.advancedSearchBox {
    line-height: 30px;
}

.search-parameter-suggestions .title {
    display: none !important;
}

.tab-content, .tab-pane, .sw_dashboard_content_apps_container {
    min-height: 360px !important;
}

button{
    outline: none !important;
}

[size="modal-search"] .modal-dialog {
    
    width: 1200px;
}

[size="modal-search"] .modal-dialog .modal-content {
    
    // height: 600px;
}



[size="modal-search"] .search-parameter {
    font-size: 12px;
}

[size="modal-search"] .search-parameter-suggestions {
    display: block !important;
}

.cal-week-box [data-event-class] {
    height: auto !important;
    line-height: 15px !important;
    white-space: normal !important;
}

.cal-week-box [data-event-class] > a {
    display: block;
    padding: 5px;
}

.btn-primary {
    background-color: #637378 !important;
    border-color: #637378 !important;
}

.ui-select-container .btn-default {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0);
    box-shadow: 0 1px 1px rgba(90,90,90,0);
}

.checkbox+.checkbox, .radio+.radio {
    margin-top: 10px;
}

/* mostrar cursor especial quando botao esta a disabled */
button:hover:disabled{
    cursor: no-drop;
}

.cal-week-box {
    background-color: #fff;
}

.cal-day-panel {
    min-height: 250px;
}


.full_width_height{
    height:100%;
    width:100%;
    /* position:relative; */
}

.crm_page_content{
    /* overflow-y: scroll; */
    /* position: relative; */
}

/*Estilos do toastr*/
.toast-title{
    font-family: GothamBold;
    font-size: 16px;
}

.toast-message{
    font-family: GothamLight;
    font-size: 14px;
}

.GothamBold{
    font-family: GothamBold;
}

/*html{
    background-size: 100%;
    background-repeat: no-repeat;
}*/

/***************************/
/***** PAGINA DE LOGIN *****/
/***************************/

/*HEADER COM TEMPO E DATA*/

.sw_backdrop{
    background-image: url("../assets/img/snow_hd.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}

.weather_widget_container{
    position: absolute;
    width: 100%;
    left:0;
}

.calendar_container{
    text-align: right;
    /* position: absolute; */
    /* top: 0; */
    padding-right: 0px;
    right:0;
}

.calendar_time{
    font-size: 60px;
    color: #FFF;
    text-shadow: horizontal-offset vertical-offset blur color;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.calendar_date{
    font-size: 20px;
    color: #FFF;
    text-shadow: horizontal-offset vertical-offset blur color;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.squares{
    height: 80px;
    margin-left: 15px;
    margin-top: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

/* */
.squares > div{
    height: 88px;
    width: 80px;
    text-align: center;
    margin-left: 5px;
    /* efeito shadow */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.17) 32%, rgba(255,255,255,0.26) 48%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(32%,rgba(255,255,255,0.17)), color-stop(48%,rgba(255,255,255,0.26))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.17) 32%,rgba(255,255,255,0.26) 48%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.17) 32%,rgba(255,255,255,0.26) 48%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.17) 32%,rgba(255,255,255,0.26) 48%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.17) 32%,rgba(255,255,255,0.26) 48%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#42ffffff',GradientType=0 ); /* IE6-9 */

}

.dayweek{
    color: #FFF;
    font-size: 18px;
    text-shadow: horizontal-offset vertical-offset blur color;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.todaytemperature{
    font-size: 22px !important;
    font-weight: bold;
}

.temperature{
    color: #FFF;
    font-size: 16px;
    text-shadow: horizontal-offset vertical-offset blur color;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    -webkit-flex-direction: row;
    flex-direction: row ;
}

.prevision{
    padding-left: 4px;
    padding-right: 4px;

}

.prevision1max, .prevision2max, .prevision3max{
    /* font-weight: bold; */

}

/* new styles */

#login_backdrop{
    height:100%;
}

#main_app_container{
    height:100%;
}



#test{
    outline: none;
}

#home_content{
    position:absolute;
    top: 50px;
    left: 60px;
}

/*isto nao e login mas nao sei onde por*/
.backoffice_sub_content{
    height: 500px;
}


/*CAIXA DE LOGIN*/

#login_sw_image_container{
    position: relative;
    text-align: center;
    padding-top: 22px;
}

#login_container{
    position: absolute;
    text-align: center;
    height: 425px;
    margin: 20px 0 20px 0;
    /* height: auto; */   left: 0;   right: 0;   
    top: 170px;   
    /* bottom: 0; */   
    margin: auto;
}

#login_outer_box{
    position: absolute;  
    width: 500px;
    border: 2px solid rgb(219, 219, 219);
    height: auto;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
    background-color: rgba(255,255,255,0.8);
}

#login_inner_box{

    padding: 50px 50px 50px 50px;
    position: relative;

}

#password_input_group{
    margin-top: 20px;
}

#login_error_msg_container{
    text-align: center;
    margin-top: 10px;
}

#login_error_msg{
    /* position: absolute; */ 
    font-size: 20px;
    color: #FF0500;
}

/* Redefinir cores de erro do bootstrap */
.has-error .input-group-addon{
    background-color: #f2dede !important;
    border-color: #FF0500 !important;
}

/* Redefinir cores de erro do bootstrap */
.has-error .form-control{
    border-color: #FF0500 !important;
}

#submit_login_container{
    margin-top: 30px;
    text-align: right;
}

#submit_login_btn{
    font-size: 30px;   
    width: 100%;
    outline: none;
    border: 0;

    background-color: #EEEEEE;  
    height: 60px;
    line-height: 60px;
    transition: background-color 0.5s ease;
}

#submit_login_btn:hover{
    background-color: #637378;
    color: white;
}


/*ESTILOS ESPECIFICOS DO DASHBOARD NO CRM (TODO: JUNTAR OS DOIS CSS)*/

/*Tamanho da dropdown de indicadores*/
.indicators_menu_dropdown{
    min-width:200px !important;
}

.dashboard_content_title{
    position: relative;
    margin-left: 10px;
    font-weight: bold;
}

/* tamanhos de letra das tabelas e outras customizaçoes */
table{
    font-size: 14px;
    width: 100% !important;
}

table th{
    font-size: 16px;
}


/*Tabelas normais*/

.sw_table{
    border: 1px solid #ddd;
    /* padding-top: 10px; */
}

.sw_table th,.sw_table td{
    text-align: center; 
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.sw_table th{
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-family: GothamBold;
}

.sw_table td{
    font-size: 14px;
}

.sw_table td:nth-child(1){
    font-size: 12px;
}


/*cores customizadas para as rows da tabela*/

.sw_table tbody tr:nth-child(even){
    background-color: #ddd;
}

.sw_table tbody tr:nth-child(14), .sw_table tbody tr:nth-child(16){
    background-color: lightskyblue !important;
}

.sw_table tbody tr:nth-child(15), .sw_table tbody tr:nth-child(17){
    background-color: lightblue !important;
}

.sw_table tbody tr:nth-child(18){
    background-color: lightgreen !important;
}

.sw_table tbody tr:nth-child(19){
    background-color: lightcyan !important;
}

.sw_table tbody tr:nth-child(20){
    background-color: lightsalmon !important;
}

/*fim das cores das rows*/

.sw_table_header{
    position: relative;
    height: 28px;
    width: 100%;
    margin-bottom: 15px;
}

.sw_table_indicator_title{
    margin-right:20px;
    font-family: GothamBold;
}

.sw_table_indicator_dropdown{
    width:100px;
}

/*Datatables*/

.clients_datatable th{
    background-color: #F0F1F1;
    /*color:white;*/
}

.projects_datatable th{
    /*background-color: rgb(0,176,80);*/
    background-color: #F0F1F1;
    /*color:white;*/
}

.opportunities_datatable th{
    /*background-color: rgb(79,129,189);*/
    background-color: #F0F1F1;
    /*color:white;*/
}

table.dataTable thead th{
    padding-top: 8px;
    padding-bottom: 8px;
}

table.dataTable tbody td{
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
}

table.dataTable thead th{
    border-bottom: none;
    text-align: center;
}

table.dataTable tbody{
    border: 1px solid black;
}


.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border: 1px solid #F0F1F1
}


/*Tamanho das datatables dinamico de acordo com o tamanho do ecra*/
.dataTables_wrapper{
    height: calc(100% - 70px) !important;
}

/*Tamanho das datatables fixo quando necessario*/
#validate_sage_indicators_datatable_wrapper{
    height: 490px !important;
}

#edit_sage_indicators_datatable_wrapper{
    height: 490px !important;
}

/*Tamanho do conteudo scrollable*/
.dataTables_scroll{
    height: calc(100% - 0px); 
}

.dataTables_scroll {}


/*BUG do header da datatable com scroll, nao faz resize*/
.dataTables_scrollHeadInner{
    width: 100% !important;
}

.sw_datatable tr{
    cursor: pointer;
}

.sw_datatable_header{
    position: relative;
    height: 28px;
    width: 100%;
    margin-bottom: 10px;
}

/* Paginaçao das tabelas */
.dataTables_paginate .pagination{
    margin: 0px;
    /* margin-bottom: 0px; */
}

.table_pagination_container{
    float: right;
    font-size: 12px;
}

.sw_datatable_header_button{
    outline: none;
    border: 0;
    background-color: #637378;
    color: white;
    height: 100%;
    line-height: 100%;
    width: 100px;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    transition: background-color 0.5s ease;
    float: right;
}

.sw_app_title{
    float: right;
    font-family: GothamBold;
}

/*.sw_blue_btn{
    background-color: #71CBF3 !important;
}

.sw_green_btn{
     background-color: #83C389 !important;
}*/

.sw_datatable_header_button:hover{
    background-color: #FFFFFF !important;
    color: #67737A !important;
}


.sw_datatable_header_search{
    outline: none;
    border: 0;
    background-color: white;
    color: #637378;
    height: 100%;
    line-height: 100%;
    width: 28px;
    font-size: 16px;
    margin-right: 30px;
    padding-top: 0;
    padding-bottom: 0;
    /*    transition: background-color 0.5s ease;*/
}

/*.sw_datatable_header_search:hover{
    background-color: #FFFFFF;
    color: #67737A;
}*/


.sw_datatable_filter{
    height: 100%;
    line-height: 100%;
    font-size: 16px;
    border: 1px solid #ddd;
}

.sw_big_caret{
    border-top: 8px dashed !important;
    border-right: 8px solid transparent !important;
    border-left: 8px solid transparent !important;
}

/* Estilos customizados para a paginacao bootstrap */
.pagination{
    margin-top: 0px;
    margin-bottom: 0px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #637378 !important;
    border-color: #637378 !important;
}

.pagination>li>a, .pagination>li>span{
    color: #637378;
}

.pagination a{
    outline: none !important;
}

/*heading dos dashboards*/
.sw_dashboard_title_heading{
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
}

.sw_dashboard_content_title{
    font-size: 24px;
}

.sw_dashboard_content_title .main_title{
    font-family:GothamBook;
}

.sw_dashboard_content_title .sub_title{
    font-size: 20px;
}

.sw_dashboard_content_apps_container{
    height: calc(100% - 90px);
    border: 1px solid #ddd;
    background-color: white;
    /* border-top: none; */
}

.sw_dashboard_content_apps_container.auto_height{
    height: 580px !important;
    margin-bottom:20px;
}

.sw_dashboard_content_apps_container.auto_height.chart_app{
    height: 460px !important;
}

.sw_dashboard_content_apps_container.auto_height.big_table_app{
    height: 507px !important;
}

.sw_dashboard_content_apps_container.auto_height.reference_month_table_app{
    height: 227px !important;
}

.sw_dashboard_content_apps_container.auto_height.indicator_status_change_table_app{
    height: 248px !important;
}



.sw_dashboard_title_heading_button{
    outline: none;
    border: 0;
    background-color: #637378;
    color: white;
    height: 35px;
    line-height: 100%;
    width: 120px;
    padding-top: 0;
    padding-bottom: 0;
    transition: background-color 0.5s ease;
    float:right;
    font-size: 18px;
}

.sw_dashboard_title_heading_button:hover{
    background-color: #FFFFFF;
    color: #67737A;
}

/*subscrever propriedades das  tabs do bootstrap ui */


/*Cor das tabs*/
.nav.nav-tabs>li>a{
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-tabs{
    background-color: #ddd;
}

.nav-tabs>li>a{
    color: #67737A !important;
    transition: background-color 0.5s ease;
    border: none !important;
    border-radius: 0 !important;
    font-size: 18px;
}

/*Conteudo das tabs */
.tab-content{
    height: calc(100% - 48px);
    padding: 10px;
}

/*padding para o conteudo das "apps" das tabelas*/
.padding_10px{
    padding: 10px;
}

/*crm apps and make apps take full height*/

.tab-pane{
    height:100%;
}

.full_height{
    height: 100%;
    position: relative;
}


/*Agrupamento de varias apps na mesma coluna na qual a primeira app tem altura fixa*/
.crm_app_group{
    height: 100%;
}

/*Primeira app do grupo tem altura fixa*/
.crm_app_group.fixed_height_top >div:nth-child(1){
    height: 145px !important;
}

/*Segunda app do grupo tem altura igual ao espaço restante*/
.crm_app_group.fixed_height_top >div:nth-child(2){
    height: calc(100% - 155px) !important;
    margin-top: 10px;
}

/*Primeira app do grupo tem altura restante*/
.crm_app_group.fixed_height_bottom >div:nth-child(1){
    height: calc(100% - 170px) !important;
    margin-bottom: 10px;   
}

/*Segunda app do grupo tem altura fixa*/
.crm_app_group.fixed_height_bottom >div:nth-child(2){
    height: 160px !important;
}

.white_font{
    color: white !important;
}

/*App default (1 por coluna) que ocupa 100% do espaço disponivel na coluna que lhe corresponde*/
.crm_app{
    /* padding: 0 10px 0 10px; */
    height: 100%;
    border: 1px solid #637378;
}

.crm_app_header{
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 10px;
    color:  white;
    font-size: 18px;
}

.crm_app_header_button{
    outline: none;
    border: 0;
    /* background-color: #637378; */
    color: white;
    height: 30px;
    line-height: 100%;
    width: 30px;
    /* padding-top: 0px; */
    /* padding-bottom: 0; */
    transition: background-color 0.5s ease;
    float: right;
    margin-top: 5px;
    border-radius: 25px;
}

.crm_app_header_button:hover{
    background-color: #FFFFFF;
    color: #67737A;
}

/*.crm_app_header_button.circle{
    border-radius: 25px;
}*/

.crm_orange{
    background-color: rgb(247, 150, 70) !important;
    border-color:  rgb(255, 215, 140) !important;
}

.crm_dark_orange{
    /* background-color: rgb(255, 162, 113) !important; */
    /* border-color: rgb(255, 162, 113) !important; */
    background-color: white;
    color: rgb(255, 162, 113);
}

.crm_green{
    /*background-color: #A9DBAD !important;*/  
    background-color: rgb(0,176,80) !important;
    border-color: rgb(0,176,80) !important;   
}

.crm_green_font{
    color: rgb(0,176,80) !important;
}

.crm_blue{
    /*background-color: #71CBF3 !important;*/
    background-color: rgb(79,129,189) !important;
    border-color:rgb(79,129,189) !important;
}

.crm_blue_font{
    color: rgb(79,129,189) !important;
}

.crm_dark_blue{
    /* background-color: #5DA4C3 !important; */
    /* border-color:#5DA4C3 !important; */
    background-color: white;
    color: #5DA4C3;
}

.crm_yellow{
    background-color: #FBB900 !important;
    border-color: #FBB900 !important;

}

.crm_dark_yellow{
    /* background-color: #FBB900 !important; */
    /* border-color:#FBB900 !important; */

    background-color: white;
    color: #FBB900;
}

.crm_red{
    background-color: rgb(255, 86, 86);
}


/*.crm_green_inverted{
    background-color: #fff;
    color: #A9DBAD;
}

.crm_app_header_button.crm_green_inverted:hover{
    color:white;
    background-color: #A9DBAD;
}*/

.crm_dark_green{
    /* background-color: #85AE89 !important; */
    /* border-color:#85AE89 !important; */
    background-color: white;
    color: #85AE89;
}

.crm_app_content{
    position: relative;
    height: calc(100% - 40px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 10px 10px 10px;
    font-size: 16px;
}

.crm_app_content.headless_app{
    height: 100% !important;
}


/*Estilos do corpo da modal de adicionar cliente*/
.crm_modal_body{
    font-size: 14px;
}

/* Diminuir a margem entre os grupos de input */
.crm_modal_body .form-horizontal .form-group{
    margin-bottom:5px;
}

/* Separar radio buttons */
.crm_modal_body .radio-inline{
    padding-left: 60px;
}
/*Alinhar as labels do form `a esquerda */
.crm_modal_body .form-group label{
    text-align: left;
}

/*Formularios nao horizontais nos indicadores do SAGE*/
.indicators_form_label{
    font-size: 18px;
    margin-bottom: 10px;
}

/*App com o resumo dos custos e proveitos de um projeto*/

.project_costs_summary{
    /* border-bottom: 1px solid grey; */
    padding: 5px 0px;
    font-size: 18px;
}

.project_costs_summary_total{
    border-top: 2px solid grey;
    font-size: 20px;
    font-family: GothamBold;
    padding-top: 5px;
}

.project_cost_summary_text{

    color: #FBB901;
}

.project_cost_summary_value{
    float: right;
}

.project_profit_summary_text{

    color: #01B050;
}

.project_profit_summary_value{
    float: right;
}

.project_total_summary_text{

}

.project_total_summary_value{
    float: right;
}

.crm_interactions_container{
    position:relative;
}

.crm_interactions_container:before{
    position: absolute;
    top: 12px;
    bottom: 35px;
    left: 9px;
    width: 1px;
    background: #e0e4e8;
    content:'';
}

.crm_interactions_row{
    position:relative;
}

.crm_interactions_icon{
    position:absolute;

    font-size: 24px;
    line-height: 30px;
    /* height: 37px; */
    /* top: 0; */
}

.crm_interactions_content{
    margin-left: 45px;
    margin-bottom: 20px;
}

.crm_interaction_user_name{
    font-family: GothamBold;

    font-size: 14px;
}

.crm_interaction_datahoramin{
    font-style: italic;

    font-size: 10px;
}

.crm_interaction_interaction_name{
    font-family: GothamBook;

}

.crm_interaction_description{

}

.crm_description_row{
    margin-left: 10px;
    font-size: 14px;
        word-wrap: break-word;
}

.crm_project_users_row{
    position:relative;
}

.crm_project_user_photo_container{
    position: absolute;

}

.crm_project_users_content{
    position: relative;
    margin-left: 50px;   margin-bottom: 20px;

}

.crm_project_user_name{
    font-size: 14px;

    font-family: GothamBold;
}

.crm_project_user_role{
    font-size: 12px;

    font-style: italic;
}

.crm_project_hours{
    position: absolute;

    right: 0;
    top: 0;
    font-size: 14px;
}


/*App dos contactos do cliente*/

.crm_contacts_row{
    position:relative;
}

.crm_contact_photo_container{
    position: absolute;

    top: 10px;
}

.crm_contacts_content{
    position: relative;
    margin-left: 73px;   margin-bottom: 20px;

}

.crm_contact_name{
    font-size: 14px;   
    font-family: GothamBold;
}

.crm_contact_role{
    font-size: 14px; 
    font-style: italic;
}

.crm_contact_phone{
    font-size: 13px;

}

.crm_contact_mobile{
    font-size: 13px;   
}

.crm_client_star{
    position: absolute;

    right: 4px;
    top: 25px;
    font-size: 23px;
}


/*Ficha do cliente*/

.client_detailed_row{
    /* height: 30px; */
    line-height: 30px;
    position: relative;
    margin: 0 !important;
}

.client_detailed_info_title{
    /* display: inline-block; */
    font-family: GothamBold;
    width: 126px;
    float: left;
    padding: 0 !important;
}

.client_detailed_info_value{
    width: calc(100% - 126px);  
    float: right;
    padding: 0 !important;
}

.client_file_centered_content{

    /* overflow-y: auto; */
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    margin: auto;
    /* height: auto; */
}

.client_file_centered_content > .client_file_indicators_row:nth-child(1){
    margin-bottom: 30px;
}

.client_file_indicators_row .crm_app{
    border: none;
}

.client_file_indicators_title{
    font-size: 21px; 
    font-family:GothamBold;
    padding-left: 15px; 
    padding-right: 15px;
    margin-bottom: 15px;
}

.client_file_indicators_total{
    font-size:24px;
    font-family:GothamBold; 
    padding-right: 15px;
    text-align: right;
    margin-bottom: 5px;
}

.client_file_indicators_value{
    font-size:24px;
    font-family:GothamBold; 
    padding-right: 15px;
    text-align: right;
}

/*editar e remover elementos das apps*/

.edit_container{
    position: absolute;
    left: 0px;
    font-size: 13px;
    z-index:100;
}

.edit_container_right{
    position: absolute;
    right: 10px;
    font-size: 13px;
    top: 12px;
    z-index:100;
}

.edit_content{
    position:absolute;
    top: -7px;
    cursor: pointer;
}

.delete_content{
    position:absolute;
    top: 15px;
    cursor: pointer;
}

/* Modal de criar nova oportunidade */
.opportunity_created_project_name{
    padding-left: 15px;
    font-family:GothamBold;
    font-size: 20px;
}

.opportunity_project_products{
    padding-left: 15px;
    font-family:GothamBold;
}

.project_separator{
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: 2px dashed grey;
}

.project_cost_name{
    font-size: 14px;
}

/* Formularios */
.required{
    color: red;
}

.custom_validation_form input.ng-invalid, .custom_validation_form select.ng-invalid{
    border: 1px solid red;
} 


/*mapa com localizaçao do cliente*/
.angular-google-map-container { 
  position: absolute;
  right: 0;
  top: 0;
  height: 100% !important;
  width: 100% !important;
}

/*animations test*/
/*[ui-view].ng-enter, [ui-view].ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}

[ui-view].ng-enter {
    opacity: 0;
    -webkit-transform:scale3d(0.5, 0.5, 0.5);
    -moz-transform:scale3d(0.5, 0.5, 0.5);
    transform:scale3d(0.5, 0.5, 0.5);
}

[ui-view].ng-enter-active {
    opacity: 1;
    -webkit-transform:scale3d(1, 1, 1);
    -moz-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1);
}

[ui-view].ng-leave {
    opacity: 1; 
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}

[ui-view].ng-leave-active {
    opacity: 0;
    -webkit-transform:translate3d(100px, 0, 0);
    -moz-transform:translate3d(100px, 0, 0);
    transform:translate3d(100px, 0, 0);
}*/


/*NOTEBOOK TEMPLATE*/

/*.comment-list {
  position: relative;
}
.comment-list .comment-item {
  margin-top: 0;
  position: relative;
}
.comment-list .comment-item > .thumb-sm {
  width: 36px;
}
.comment-list .comment-item .arrow.left {
  top: 20px;
  left: 39px;
}
.comment-list .comment-item .comment-body {
  margin-left: 46px;
}
.comment-list .comment-item .panel-body {
  padding: 10px 15px;
}
.comment-list .comment-item .panel-heading,
.comment-list .comment-item .panel-footer {
  position: relative;
  font-size: 12px;
  background-color: #fff;
}
.comment-list .comment-reply {
  margin-left: 46px;
}
.comment-list:before {
  position: absolute;
  top: 0;
  bottom: 35px;
  left: 18px;
  width: 1px;
  background: #e0e4e8;
  content: '';
}