/********** Mainly Blue**********************/



@font-face
{
  /*font-family: 'Didact Gothic', sans-serif;
  src: url(https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap);*/

  font-family: 'Montserrat Alternates', sans-serif;
  src: url(https://fonts.googleapis.com/css?family=Montserrat+Alternates&display=swap);

}

/* titles */

#main-title
{
    color: #103878  !important;
    padding-left: .5em;
    border-left: 8px solid #e25f05;
    text-transform: uppercase;
    font-size: large;
}

/* -------- navbar and sidebar styles ----------- */



#navbar-bg, #navbar-master
{
	background-color: #0f3072;
	/* background: linear-gradient(to bottom, #103878, white); */
}
.navbar-img {
    display: none;
    margin: auto auto auto 1.5rem;    
}
#sidebar
{
    position:fixed !important;
    height:100%;
    overflow-y: scroll;
    padding-bottom: 10%;
}

#sidebar li div.collapse ul li a
{
	white-space: normal;
    float: left;
    width: 100%;
    height: auto;
    word-wrap: break-word;
}



#sidebar li a
{
	color: #afb4b8;
}

#sidebar li.active span, #sidebar li.active i
{
	color: #4e5860 !important;

}

#sidebar li.active a
{
	background-color: #d8ddeb;
	border-radius: 10px;
}


#sidebar li:hover a
{
	color: #4e5860;

}


#sidebar li:hover, #sidebar li.active
{
	background-color: #d8ddeb;
	border-radius: 10px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: .5%;
	margin-bottom: .5%;

}


#sidebar li:hover ul.sub-menu, #sidebar ul.sub-menu:hover, li.active ul.sub-menu
{
	background-color: #e6eded;
}


#sidebar li:hover li.nav-item a, #sidebar li.active li.nav-item a
{
	color: #718080;
	background-color: #e6eded;
}


#sidebar li li.nav-item a
{
	background-color: white;
	font-size: 97%;
}

#sidebar li li.active a
{
	color: #1b527e;
	font-weight: bold;
	border-left: 5px #4283b6 solid;
	/*border-bottom: 1px #4283b6 solid;*/
	border-radius: 0px 10px 10px 0px;
	text-align: left;
	font-size: 97%;
}


#sidebar li:hover li.nav-item a:hover
{
	color: #1b527e;
	font-weight: bold;
	border-left: 5px #4283b6 solid;
	/*border-bottom: 1px #4283b6 solid;*/
	border-radius: 0px 10px 10px 0px;
	text-align: left;
	font-size: 97%;
}


.sidebar-icon-only .main-panel{
    margin-left: 70px !important;
}




#navbar-master ul, #navbar-master li, #navbar-master span, #user-name, #navbar-bg button, #nav-master span
{
	color:white !important;
	font-family: 'Montserrat Alternates', sans-serif !important;
}


#sidebar li li, li li.active
{
    margin-left: -30px !important;
}


/* ----- bootstrap modified styles ------ */


/* cards */

.card
{
    border-radius: 10px !important;
}

/** pagination **/

div div.paging_simple_numbers ul.pagination
{
    float:right;
}



div.dataTables_paginate ul.pagination li a
{
    color: #345587  !important;
}

div.dataTables_paginate ul.pagination li.active a
{
    background-color: #ACB4CC;
    color: white  !important;
    border-color: #72788c;
}

div div.dataTables_info
{
    font-size: x-small;
    color: #1c3d5a;

}


div.dataTables_info span.select-info:before
{
    content: '\A'; white-space: pre;
}



/* bg and buttons */

.bg-primary
{
	background-color: #5171a4  !important;
	border: 1px solid #2d4a78;
}

.bg-success
{
	background-color: #acb4cb !important;
	border: 1px solid #8891a8 !important;
}

.bg-warning
{
	background-color: #f5982a !important;
	border: 1px solid #e88109 !important;
}

.bg-danger
{
	background-color: #EC4C0C !important;
	border: 1px solid #cb3c02 !important;
}

/* buttons */

.btn-info
{
    background-color: #97a4cc !important;
    border-color: #7b86a8;
}

.btn-info:hover
{
    background-color: #6f85c7 !important;
    border-color: #4a5a8a;
}

/*
.btn-primary:hover
{
	background-color: #2f5ba0 !important;
	border: 1px solid #1f4075 !important;
}

.btn-success:hover
{
	background-color: #92a6df !important;
	border: 1px solid #6f87ce !important;
}

.btn-warning:hover
{
	background-color: #f0870a !important;
	border: 1px solid #e17a00 !important;
}

.btn-danger:hover
{
	background-color: #fc6b30 !important;
	border: 1px solid #e64200 !important;
}

*/

.alert-primary
{
	background-color: #d6dcec !important;
	border: 1px solid #c9d3ee !important;

}



.alert-danger
{

}

div ul.tab_list li
{
    border-color:#b0aca7  ; color: #b0aca7 ;
}

div ul.tab_list li.active
{
    border-color:#e39144  ; color: #e39144 ;
}



/*** font awesome *** */

.fa-small
{
    font-size: 1em !important;
}


/*** tables ***/

#captura_pdf_general span.table-title, span.table-title
{
    color: #5171A4  ;
    text-transform: capitalize;
    text-align: center;
    display: flex;
    flex-direction: row;
}

#captura_pdf_general span.table-title:before, #captura_pdf_general span.table-title:after,
span.table-title:before, span.table-title:after
{
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #5171A4;
    margin: auto;

}

#captura_pdf_general span.table-title:before, span.table-title:before
{
    margin-right: 2.5%;
}

#captura_pdf_general span.table-title:after, span.table-title:after
{
    margin-left: 2.5%;
}

#encuestas_results, #sitios_results, #detractores, #tiempos, #graph_tickets, #graph_top_tickets
{
    text-align: center;
    border-radius: 10px;
    border: solid 1px #c1cbd4;
    padding:2%;
    background-color: #f5f5f5 !important;
}




/** end tables **/

#site-subtitles
{
    border: solid 1px #e8865f !important;
}


#site-subtitles  h5.site-subtitle, h5.site-subtitle, div h5.site-subtitle
{
    color: #e8865f !important;
    font-weight: bold;
    text-transform:uppercase;
    text-align: center;
    display: flex;
    flex-direction: row;
}


#site-subtitles  h5.site-subtitle:before, #site-subtitles  h5.site-subtitle:after,
h5.site-subtitle:before, h5.site-subtitle:after
{
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #e38e44;
    margin: auto;

}
#site-subtitles  h5.site-subtitle:before, h5.site-subtitle:before
{
    margin-right: 2.5%;
}

#site-subtitles  h5.site-subtitle:after, h5.site-subtitle:after
{
    margin-left: 2.5%;
}

div.rounded-content
{
    border-radius: 10px !important;
}



li.availability, p.availability
{
    display: none !important;
    visibility: hidden !important;
}

.none-border
{
    border: 0 !important;
}

/* nav tabs */

li.site-nav-tabs
{
    background-color: #e8e8e8 !important;
    border-color: #ede6dd !important;
    border-radius: 10px 10px 0px 0px;
    width: 33.3%;
    text-align: center;

}

li.site-nav-tabs a.active
{
    background-color: #e08f60 !important;
    border-color: #ffd79e !important;
    border-radius: 10px 10px 0px 0px;
    color:white !important;
}


/* width */
::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #a6a6a6 !important;
    border-radius: 5px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b8c0db  !important;
    border-radius: 5px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #828cb0  !important;
}


li.border-rad.current
{
    border-radius: 10px 10px 0 0;
    background-color: #828cb0 !important;
    color:white !important;
}

li.border-rad.done, li.border-rad.disabled, li.active.border-rad.done
{
    background-color: #f5f5f5;
    border-radius: 10px 10px 0 0;
    color: #9fa2ab  !important;
}


li.border-rad.done, li.active.border-rad.done
{
    background-color: #416091 !important;
    color:white !important;
}

.border-rounded-soft
{
    border-radius: 10px !important;
}


#main-panel
{
    margin-left: 256px;
    width: 100%;
    overflow-x: scroll;
}



@media only screen and (max-width: 950px)
{
    #main-panel
    {
        margin-left: 0;
        width: 100%;
    }
}