/* GENERIC ELEMENTS */
.page-sidebar.collapse { position: fixed;}
.dark-spinner 													{ display: none; background-color: #111111;    height: 2000px;    opacity: 0.8;    position: fixed;    width: 100%;    z-index: 1000;}
.both															{ clear: both; }

.tinyBtn 														{ width: 34px; height: 34px; padding: 0; color:#fff !important; }
.input-group-btn .refreshForm 									{ margin-left:8px !important;}

.cursor-default													{ cursor : default !important;}
.font-black                                                     { color:black !important;}
.pad0 															{ padding:0;}
.padding-10                                                     { padding:10px !important; }
.padding-5                                                      { padding:5px !important; }
.padding-left-5                                                 { padding-left:5px !important; }
.nopadding-right												{ padding-right : 0px !important; }
.nopadding-left													{ padding-left : 0px !important; }
.nopadding														{ padding:0 !important; }
.m-3                                                            { margin: 1rem !important;}
.ml-0                                                           { margin-left: 0 !important;}
.mr-0                                                           { margin-right: 0 !important;}
.margin-right-1                                                 { margin-right: 1px!important;}
.margin-right-3                                                 { margin-right: 3px!important;}
.margin-right-5                                                 { margin-right: 5px!important;}
.margin-top-1                                                   { margin-top: 1px!important;}
.margin-top-3                                                   { margin-top: 3px!important;}
.margin-top-5                                                   { margin-top: 5px!important;}
.margin-top-7                                                   { margin-top: 7px!important;}
.margin-top-10                                                   { margin-top: 10px!important;}
.margin-left-1                                                  { margin-left: 1px!important;}
.margin-left-3                                                  { margin-left: 3px!important;}
.margin-left-5                                                  { margin-left: 5px!important;}
.margin-left-10                                                  { margin-left: 10px!important;}
.margin-left-15                                                  { margin-left: 15px!important;}
.margin-bottom-1                                                { margin-bottom: 1px!important;}
.top7 { position: relative; top:7px;}
.table td, .table th 											{ font-size: 13px !important; vertical-align: middle !important; padding: 6px !important;}
.table-striped>tbody>tr:nth-of-type(odd) 						{ background-color: #e7e7e7 !important;}
.table-striped>tbody>tr:hover			 						{ background-color: #eef1f5 !important;}
.table .btn 													{ margin-right:0px !important; }
.table-bordered, .table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th 									{ border: 1px solid #d9dde1;}
.table .x1														{ min-width: 50px; width: 50px;}
.table .x2														{ min-width: 90px; width: 90px;}
.table .x3														{ min-width: 124px;width: 124px;}
.table .x4														{ min-width: 160px;width: 160px;}
.table .x5														{ min-width: 200px;width: 200px;}
.table .x6														{ min-width: 240px;width: 200px;}
.table .x7														{ min-width: 272px;width: 272px;}
.table .x8														{ min-width: 322px;width: 322px;}
.table .x9														{ min-width: 372px;width: 372px;}
.table .x10														{ min-width: 412px;width: 412px;}

.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th							{ white-space:inherit ;}
th.orderable                                                    { cursor:pointer;}


.tabbable-line>.nav-tabs>li>a									{ padding : 5px; font-size: 11px;}
.vertical-align-middle											{ vertical-align:middle !important;}
.wordBreak														{ word-break: break-all !important; }
.noWrap															{ white-space:nowrap !important;}

.tr-pagination td,
.tr-pagination .table-hover>tbody>tr:hover,
.table-hover>tbody>tr:hover>td		 							{ background-color: white !important;}

.portlet.box>.portlet-body 										{ padding: 10px !important;}
.portlet.box.little-grey { border-color:1px solid grey; }


#surveyInstititutes .form-control								{ padding-left:5px !important;}

.inputStandard													{ height : 32px;}


#modalCapping .inputStandard input								{ min-width: 32px; padding: 0; text-align: center;}
#modalCapping label												{ font-size: 13px; line-height: 32px; text-align: right; padding-right: 10px !important;}
#modalCapping .modal-body										{ padding-top: 30px !important;}
.modal-fullscreen { width:98%;}

.justify-content-center { justify-content: center !important; display: flex !important; }
.border-bottom-blue { border-bottom:1px solid #03a9f4; }
.btn { border-radius: 3px !important;}


#to-copy, #to-copy2 {border: 0; width: 1px !important; height: 1px !important; float: right;}

.ui-autocomplete { z-index:9999999 !important;}

.formTopSitesTraductions .label.label-sm {    font-size: 11px;    padding: 1px 4px; }


.dropzone { min-height: 50px; border: 1px solid rgba(0,0,0,0.3); background: white; padding: 0px; }

.returnAjaxCriteres .form-control { z-index: 989 !important;}
.lightRed { background : #f3dada;}


.table>tbody>tr.danger1>td, .table>tbody>tr.danger1>th, .table>tbody>tr>td.danger1, .table>tbody>tr>th.danger1, 
.table>tfoot>tr.danger1>td, .table>tfoot>tr.danger1>th, .table>tfoot>tr>td.danger1, .table>tfoot>tr>th.danger1, 
.table>thead>tr.danger1>td, .table>thead>tr.danger1>th, .table>thead>tr>td.danger1, .table>thead>tr>th.danger1 
{ background-color: #f89189; }

.table>tbody>tr.danger2>td, .table>tbody>tr.danger2>th, .table>tbody>tr>td.danger2, .table>tbody>tr>th.danger2, 
.table>tfoot>tr.danger2>td, .table>tfoot>tr.danger2>th, .table>tfoot>tr>td.danger2, .table>tfoot>tr>th.danger2, 
.table>thead>tr.danger2>td, .table>thead>tr.danger2>th, .table>thead>tr>td.danger2, .table>thead>tr>th.danger2 
{ background-color: #f67369; }

.caNotifiedCampaignsPage table td, .caNotifiedCampaignsPage table th, 
.caNotifiedCampaignsPage .accordion-toggle { font-size:17px !important;}

.preSelectSiteByFlag:hover { text-decoration: none !important;}
.border-black { border:1px solid #4d4d4d !important;}
.btn-warning {background-color: #f9976b !important; border-color: #f9976b; } 


.gaddinFlags .filterFlag, .surveylamaFlags .filterFlag { width: 4.33333% !important; float:left;margin: 7px 14px 0 14px; }
.gaddinFlags .filterFlag .btn, .surveylamaFlags .filterFlag .btn { padding: 3px 6px !important; }
.gaddinFlags hr, .surveylamaFlags hr { margin: 10px 0 4px 0 !important;;}

@media (max-width: 500px) 
{
    .gaddinFlags .filterFlag,        .surveylamaFlags .filterFlag { width: 29.33333% !important; }
}


/*
    FOXYPANEL
*/
.project3 .statTitle { font-size: 32px; line-height: 1.2; color: #0A132F; }
.project3 .statLabel { color: #8C99B1; }

.portlet-white {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1); 
}
.portlet-white .portlet-head {
    -webkit-transition: left 0.3s, right 0.3s, height 0.3s;
    transition: left 0.3s, right 0.3s, height 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 10px 25px;
    border-bottom: 1px solid #ebedf2;
    min-height: 60px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.portlet-white .portlet-body { padding: 0 5px; }
.btn-dark { background-color: #282a3c; border-color: #282a3c; color: #a7abc3 !important;}

.flagBtn  { width:5%; }

.bold-red {
    color: #f1111f !important;
    font-weight: bold;
}