@CHARSET "UTF-8";
/* .css personalizado */
.fonte-media {
    font-size: 22px;
}

.fonte-grande {
    font-size: 40px;
}

.fonte-extragrande {
    font-size: 80px;
}

/*.vermelho {
font-weight: bold;
background-color: darkred;
}*/

.laranja {
    background-color: orangered;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 80%;
    // font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.laranja[href]:hover,
.laranja[href]:focus {
    background-color: orangered;
}

.amarelo {
    background-color: goldenrod;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 80%;
    // font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.amarelo[href]:hover,
.amarelo[href]:focus {
    background-color: #b67102;
}

.verde {
    background-color: #43ac6a;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 80%;
    //  font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.verde[href]:hover,
.verde[href]:focus {
    background-color: #358753;
}

.vermelho {
    background-color: darkred;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 80%;
    //  font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.vermelho[href]:hover,
.vermelho[href]:focus {
    background-color: darkred;
}


.btn {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.panel {
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#panel_cliente {
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#panel_cliente > .panel-heading {
    -moz-border-radius: 0px;
    border-top-left-radius: 0px 0px;
    border-top-right-radius: 0px 0px;
}

.panel-primary > .panel-heading {
    background-color: #1B3943;
}

.panel-heading
{
    -moz-border-radius: 10px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
}

.panel-footer
{
    -moz-border-radius: 10px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
}

/*
#panel-login
{
background-color: #1B3943;
}
*/

.navbar-inverse
{
    background-color: #1B3943;
}

.navbar-inverse .navbar-nav .open .dropdown-menu
{
    background-color: #1B3943;
}

/*
thead th {
/*background-color: #006DCC;
color: white;
}

#tabela_simcard {
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#F0F0F6;
}

#tabela_cliente {
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#F0F0F6;
}

.tabela_sorter {
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#F0F0F6;
}


table.tablesorter thead tr .header {
background-image: url(bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}
table.tablesorter tbody tr.odd td {
color: white;
background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
color: white;
background-image: url(asc.gif);
-moz-border-radius: 10px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
}
table.tablesorter thead tr .headerSortDown {
color: white;
background-image: url(desc.gif);
-moz-border-radius: 10px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
color: white;
background-color: #8dbdd8;
-moz-border-radius: 10px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
}
*/

.breadcrumb {
    border: 1px solid #dddddd;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

body {
    padding-top: 50px;
}

/*************
Bootstrap theme
*************/
/* jQuery Bootstrap Theme */
.tablesorter-bootstrap {
    width: 100%;
}
.tablesorter-bootstrap thead th,
.tablesorter-bootstrap thead td,
.tablesorter-bootstrap tfoot th,
.tablesorter-bootstrap tfoot td {
    font: bold 14px/20px Arial, Sans-serif;
    padding: 4px;
    margin: 0 0 18px;
    background-color: #eee;
}

.tablesorter-bootstrap .tablesorter-header {
    cursor: pointer;
}

.tablesorter-bootstrap .tablesorter-header-inner {
    position: relative;
    padding: 4px 18px 4px 4px;
}

/* bootstrap uses <i> for icons */
.tablesorter-bootstrap .tablesorter-header i.tablesorter-icon {
    font-size: 11px;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -7px; /* half the icon height; older IE doesn't like this */
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    line-height: 14px;
    display: inline-block;
}

/* black unsorted icon */
.tablesorter-bootstrap .bootstrap-icon-unsorted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAMAAADOvxanAAAAVFBMVEUAAABCQkJZWVkZGRnJyckgICAZGRkZGRn8/PweHh4dHR0aGhoaGhpUVFQbGxvQ0NDc3NxMTExSUlIbGxvr6+s4ODhKSkogICAtLS00NDQzMzMnJydSEPrQAAAAGHRSTlMA1ssZRLgdAQbDyisqsZo8QdXUq0r9xPepSRwiAAAAX0lEQVQI13XHSQKAIAwEwQAKxn13Ev7/T2Pu9qmarJKPXIicI4PH4hxaKNrhm2S8bJK5h4YzKHrzJNtK6yYT/TdXzpS5zuYg4MSQYF6i4IHExdw1UVRi05HPrrvT53a+qyMFC9t04gcAAAAASUVORK5CYII=);
}

/* white unsorted icon */
.tablesorter-bootstrap .icon-white.bootstrap-icon-unsorted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOBAMAAAALT/umAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMA4EXKBtQqvR0+sxmalc142gAAAFdJREFUCNdjYGDoamAAAjZbMxCVfvd6AgMDd+3du9UMDKx3hWSvMjBwXZww8RYDGuC53NB8h4GB8a617UUGBs7Yu3cjGRhYVO9eVQFKOskKOQApFmUgBwBZ+xXRTttNdAAAAABJRU5ErkJggg==);
}

/* since bootstrap (table-striped) uses nth-child(), we just use this to add a zebra stripe color */
.tablesorter-bootstrap > tbody > tr.odd > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ tr.tablesorter-hasChildRow.odd ~ .tablesorter-childRow.odd > td {
    background-color: #f9f9f9;
}
.tablesorter-bootstrap > tbody > tr.hover > td,
.tablesorter-bootstrap > tbody > tr.odd:hover > td,
.tablesorter-bootstrap > tbody > tr.even:hover > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ .tablesorter-childRow.odd > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ .tablesorter-childRow.even > td {
    background-color: #f5f5f5;
}
.tablesorter-bootstrap > tbody > tr.even > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ tr.tablesorter-hasChildRow.even ~ .tablesorter-childRow.even > td {
    background-color: #fff;
}

/* processing icon */
.tablesorter-bootstrap .tablesorter-processing {
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=');
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

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

/* filter widget */
.tablesorter-bootstrap .tablesorter-filter-row input.tablesorter-filter,
.tablesorter-bootstrap .tablesorter-filter-row select.tablesorter-filter {
    width: 98%;
    margin: 0;
    padding: 4px 6px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled {
    background-color: #eee;
    color: #555;
    cursor: not-allowed;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-sizing: border-box;
    transition: height 0.1s ease;
}
.tablesorter-bootstrap .tablesorter-filter-row {
    background-color: #efefef;
}
.tablesorter-bootstrap .tablesorter-filter-row td {
    background-color: #efefef;
    line-height: normal;
    text-align: center;
    padding: 4px 6px;
    vertical-align: middle;
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}
/* hidden filter row */
.tablesorter-bootstrap .tablesorter-filter-row.hideme td {
    padding: 2px; /* change this to modify the thickness of the closed border row */
    margin: 0;
    line-height: 0;
}
.tablesorter-bootstrap .tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* pager plugin */
.tablesorter-bootstrap .tablesorter-pager select {
    padding: 4px 6px;
}
.tablesorter-bootstrap .tablesorter-pager .pagedisplay {
    border: 0;
}
/* tfoot i for pager controls */
.tablesorter-bootstrap tfoot i {
    font-size: 11px;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

/* header */

/*header{ width:100%; height:156px; background:#1b3943;}*/

header .conteudo{ position:absolute; left:50%; width:1920px; height:156px; margin-left:-960px;}

header .conteudo .logo{ position: relative; float:left; width: 588px; height:156px; overflow:hidden;}

header .conteudo .logo .bg_video{ position: relative; float:left; right: 0; bottom: 0; width: 588px; height: auto; margin-top: -73px; background-size: cover; }

header .conteudo .divisao{ position: relative; float:left; border-right:2px solid #92a0a5; width:2px; height: 96px; margin-top:30px;}

header .conteudo .cliente{ position: relative; float:left; color:#FFF; font-family: 'Raleway', sans-serif; font-weight:400; font-size:48px; width:1250px; height:126px; padding:50px 0 0 60px;}




/* content - section */

/*#meio{ width:100%; height:auto; margin-top:0; background:url(../imagens/fundo.jpg); background-size:100% 100%;}*/

#conteudo{ width:1796px; height:auto; margin: 0 auto; height:776px; }

#conteudo .meio1{ position:relative; float:left; width:462px; height:740px; margin:0 30px; }

#conteudo .meio2{ position:relative; float:left; width:818px; height:740px; margin:0 30px; }

#conteudo .meio3{ position:relative; float:left; width:334px; height:740px; margin:0 30px; }

#conteudo .meio1 .melhores-unidades{ position:relative; float:left; width:463px; height:200px; background:rgba(32, 71, 11, 0.82); margin:25px 0 0 0;}

#conteudo .meio1 .piores-unidades{ position:relative; float:left; width:463px; height:200px; background:rgba(126, 8, 8, 0.82); margin:16px 0 0 0;}

#conteudo .meio1 .titulo-ranking{ position:relative; float:left; width:463px; margin:14px 0 11px 0; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:600; font-size:23px; text-align:center; color:#FFF; }

#conteudo .meio1 .conteudo-ranking{ position:relative; float:left; width:437px; height:126px; background:rgba(255, 255, 255, 0.10); margin: 0 0 0 13px; color:#FFF; padding:5px 0; }

#conteudo .meio1 .conteudo-ranking .nome-unidade{ position:relative; float:left; width:198px; height:43px; margin: 0 0 0 13px; font-family: 'Raleway', sans-serif; font-weight:400; font-size:27px; text-align:right; line-height:43px;}

#conteudo .meio1 .conteudo-ranking .porcentagem{ position:relative; float:right; width:198px; height:43px; margin: 0 0 0 13px; font-family: 'kalingab', sans-serif; font-size:37px; line-height:43px;}

#conteudo .meio1 .grafico-regioes{ position:relative; float:left; width:463px; height:300px; margin:16px 0 0 0;}

#conteudo .meio1 .grafico-regioes .titulo-grafico{ position:relative; float:left; width:463px; color:#272727; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:600; font-size:24px; text-align:center; margin: 20px 0;}

#conteudo #canvas-holder{ position:relative; float:left; width:220px; margin:0 20px; }

#conteudo .meio1 .grafico-regioes .legenda{ position:relative; float:left; width:180px; margin: 30px 0 0 0; font-family: 'Raleway', sans-serif; font-weight:600; font-size:17px; color:#404040;}
#conteudo .meio1 .grafico-regioes .doughnut-legend { position:relative; float:left; list-style: none; }
#conteudo .meio1 .grafico-regioes .doughnut-legend li { display: block; padding-left: 30px; position: relative; margin-bottom: 4px; border-radius: 5px; padding: 2px 8px 2px 28px; font-size: 14px; cursor: default; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }

#conteudo .meio1 .grafico-regioes .doughnut-legend li span { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 100%; border-radius: 5px; }

#conteudo .meio2 .img-cliente{ position:relative; float:left; width:818px; height:416px; overflow:hidden; margin:25px 0 0 0; }

#conteudo .meio2 .grafico-nao-conf{ position:relative; float:left; width:818px; height:300px; margin:16px 0 0 0; }

#conteudo .meio2 .titulo-grafico{ position:relative; float:left; width:818px; color:#272727; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:600; font-size:24px; text-align:center; margin: 20px 0;}

#conteudo .meio3 .risco{ position:relative; float:left; width:334px; height:347px; background:rgba(27, 57, 67, 0.95); margin:25px 0 0 0;}

#conteudo .meio3 .risco .titulo-risco{ position:relative; float:left; width:334px; margin:14px 0 11px 0; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:600; font-size:24px; text-align:center; color:#FFF;}

#conteudo .meio3 .conteudo-risco{ position:relative; float:left; width:303px; height:268px; background:rgba(255, 255, 255, 0.10); margin: 0 0 0 15px; color:#FFF; padding:5px 0;}

#conteudo .meio3 .conteudo-risco .porc-risco-total{ position:relative; float:left; width:303px; height:124px; margin: 10px 0 0 13px; font-family: 'kalingab', sans-serif; font-size:100px; text-align:center; color:#fcd528;}

#conteudo .meio3 .conteudo-risco .porc-risco-unidade{ position:relative; float:left; width:303px; height:124px; margin: 10px 0 0 13px; font-family: 'kalingab', sans-serif; font-size:100px; text-align:center; color:#e54949;}

#conteudo .meio3 .conteudo-risco .reais{ position:relative; float:left; width:289px; height:30px; margin: 30px 0 0 15px; font-family: 'kalingab', sans-serif; font-size:29px; }

#conteudo .meio3 .conteudo-risco .dinheiro-valor{ position:relative; float:left; height:60px; margin: 0 0 0 15px; font-family: 'kalingab', sans-serif; font-size:50px; line-height:67px;}

#conteudo .meio3 .conteudo-risco .dinheiro-centavos{ position:relative; float:left; height:60px; margin: 0; font-family: 'kalingab', sans-serif; font-size:28px; line-height:84px;}






/* footer */

/*footer{ width:100%; height:148px; overflow:hidden; background:url(../imagens/rodape-fundo.jpg) repeat-x; }*/

footer .conteudo{ position:absolute; left:50%; width:1800px; height:148px; margin-left:-900px; font-family: 'Raleway', sans-serif; }

footer .conteudo .noticia{ position:relative; float:left; width:100%; height:74px; }

footer .conteudo .noticia .titulo-noticia{ position:relative; float:left; width:100%; color:#daca62; font-size:19px; font-weight:600; margin:10px 0 0 0; height:30px;}

footer .conteudo .noticia .noticia-txt{ position:relative; float:left; width:100%; color:#fff; font-size:17px; font-weight:400; margin:0; height:42px; color:#FFF; white-space: nowrap;}

footer .conteudo .inf-quality{ position:relative; float:left; width:100%; font-size:21px; font-weight:400; margin:25px 0 0 0; height:74px; color:#FFF; white-space: nowrap; }


.lista-contatos {
    cursor: move;
}

.lista-contatos li {
    display: block;
    border: solid 1px #ccc;
    padding: 4px;
    margin: 4px 0px;
}

.lista-contatos li:hover {
    background-color: #d9edf7;
}

.color-green {
    color: #008000;
}

.color-red {
    color: #f04124;
}

.color-yellow {
    color: #ff7700;
}

.row-hover tbody tr:hover {
    background-color: #e5f5ff;
}

/*
.row-hover tbody tr td:hover {
background-color: #5585cf;
color: #fff;
}
*/

.drop-shadow {
    box-shadow: 1px 1px 5px #ddd;
}

.schedule-panel {
    width: 100%;
    position: relative;
    display: block;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    background-color: #e0e0e0;
    border: solid 1px #c0c0c0;
}

.wd-50-perc > .modal-dialog {
    width: 50% !important;
}

.wd-60-perc > .modal-dialog {
    width: 60% !important;
}

.wd-70-perc > .modal-dialog {
    width: 70% !important;
}

.required .control-label:after {
    content: "*";
    color: #990000;
}

.input-error {
    border: solid 1px #e00;
}

.error-message {
    color: #e00;
}

.linha-vermelho {
    background-color: #900;
    color: #fff;
}

.linha-laranja {
    background-color: #ff4400;
    color: #fff;
}

.dark-red {
    color: #900;
}

.dark-green {
    color: #060;
}

.formal-input {
    background-color: transparent !important;
    border: none !important;
    border-bottom: solid 1px #444 !important;
    outline-width: 0 !important;
}

.formal-input:focus {
    outline-width: 0 !important;
    border-bottom: solid 1px #369
}

.btn-dark {
    color: #ffffff;
    background-color: #333;
    border: solid 1px #222;
}

.btn-dark:hover {
    color: #ffffff;
}

/* GAUGE */
.container-bar {
    text-align: center;
}

/* TOTAL */
.bar-main-container {
    margin: 10px auto;
    width: 100%;
    height: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    color: #FFF;
}

.bar-percentage {
    float: left;
    background: rgba(0, 0, 0, 0.13);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 9px 0px;
    width: 10%;
    height: 35px;
    font-size: 16px;
}

.bar-container {
    float: right;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.13);
    width: 88%;
    margin: 12px 0px;
    overflow: hidden;
}

.bar {
    float: left;
    background: #FFF;
    height: 100%;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.bar-main-container-pilar {
    margin: 1px auto;
    height: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    color: #FFF;
}

.bar-percentage-pilar {
    float: left;
    background: rgba(0, 0, 0, 0.13);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 9px 0px;
    width: 35%;
    height: 35px;
    font-size: 16px;
}

.bar-container-pilar {
    float: right;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.13);
    width: 60%;
    margin: 12px 0px;
    overflow: hidden;
}

.bar-pilar {
    float: left;
    background: #FFF;
    height: 100%;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.wrap {
    padding: 8px;
}

/* COLORS */
.azure {
    background: #38B1CC;
}

.emerald {
    background: #61B832;
}

.violet {
    background: #8E5D9F;
}

.yellow {
    background: #EFC32F;
}

.red {
    background: #E44C41;
}

.bar-title {
    width: 100%;
    display: block;
    text-align: left !important;
}

.vspacing-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.top-drop-shadow {
    box-shadow: 0px 1px 9px #ccc;
}

.bg-gray {
    background-color: #eeeeee;
}

.white-bg {
    background-color: #ffffff;
}

.no-margin {
    margin: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.bootstrap-select .dropdown-menu .form-control{
    height: 20px;
}
.bootstrap-select .dropdown-menu a{
    padding: 5px 15px;
}