/******************************************
MARGIN / PADDING / FLOAT / LINE-HEIGHT
******************************************/
* {
   font-family: Helvetica !important;
  }

.m0 {margin: 0;}
.mt-2 {margin-top: 2px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-65 {margin-top: 65px;}
.mt-80 {margin-top: 80px !important;}
.mt-125 {margin-top: 120px;}
.mt-130 {margin-top: 130px !important;}
.mt-135 {margin-top: 135px;}
.mt-140 {margin-top: 140px;}
.mt-150 {margin-top: 150px;}
.mt-155 {margin-top: 155px;}
.mt-200 {margin-top: 200px;}
.t-20{top: 20px;}
.mb-6 {margin-bottom: 6px;}
.mb-10 {margin-bottom: 10px;}
.mb-16 {margin-bottom: 16px;}
.mb-20 {margin-bottom: 20px;}
.mb-50 {margin-bottom: 50px;}
.pl-15 {padding-left: 15px;}
.pl-80 {padding-left: 80px;}
.pr-10 {padding-right: 10px;}
.pr-nol{padding-right: 0px !important;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.clr-mod{color: #5D646A !important;}

.fullwidth {width: 100%;}
.bs-mt10 {margin-top: 10%}
.pr {position: relative;}
.pa{position: absolute;}
.pad-40{padding: 40px;}
.pb-20{padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.pt-10{padding-top: 10px;}
.bt{border: transparent !important;}

.w111 {width: 111%;}

.lh-2em {line-height: 2em}
.head-logo-width{
    width: 151px; 
    height: 30px;
}
.head-logo-width-square{
    width: auto !important;
    height: 50px !important;
}
.head-logo-width-icon-dashboard{width: 15% !important; margin-right: 10px;}
.head-logo-width-icon-alert{width: 20% !important; margin-right: 10px;}
.head-logo-width-icon-report{width: 18% !important; margin-right: 10px;}
.head-logo-width-icon-quota{width: 41% !important; margin-right: 10px;}
.icon-insight-report{width: 80% !important; margin-right: 10px;}
.head-logo-width-icon-help{width: 41% !important; margin-right: 10px;}

.icon-tbl-action{
    width: 30px;
    height: auto;
}

.icon-row-action{
    width: 24px;
    height: auto;
}

/******************************************
COLOR STYLE
******************************************/
.clr-white {color: white;}
.clr-grey {color: #5D646A !important;}
.clr-twitter {color: #00aced !important;}
.clr-red {color: #F15249 !important;}
.clr-blue {color: #30B1E0 !important;}
.clr-black {color: black !important;}
.clr-darkBlue {color: #1E314A !important;}
.clr-published{color: #919AA3 !important;}

.primaryArea {
	background-color: #FAFAFA;
	padding: 20px;
}
.secondaryArea {
	background-color: white;
	padding: 20px;
}

.bg-positive {background: #6FCF97;}
.bg-negative {background: #E86868;}
.bgColor {background: #F6F8F9;}

/******************************************
FONT STYLE
******************************************/
.f36 {font-size: 36px !important;}
.f34 {font-size: 34px !important;}
.f24 {font-size: 24px !important;}
.f30 {font-size: 30px !important;}
.f20 {font-size: 20px !important;}
.f18 {font-size: 18px !important;}
.f16 {font-size: 16px !important;}
.f14 {font-size: 14px !important;}
.f12 {font-size: 12px !important;}
.f11 {font-size: 11px !important;}
.f10 {font-size: 10px !important;}
.fdd{font-size: 8.8px !important;}
.fs-post-result{font-size: 14px;}
.fs-post-droplist{font-size: 14px;}
.br-8{border-radius: 8px;}

/******************************************
BUTTON STYLE
******************************************/
.bt-or-and{
    border: 0.5px solid #C3CDD7;
    border-radius: 4px !important;
    background: #FFFFFF;
    color: #5D646A !important;
    padding: 10px;
}

.btnConfirmModal {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    margin: 0 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 0.25rem;
    transition: all 0.15s ease-in-out;
}
.btn-outline-primary2 {
    color: white;
    border-color: white;
    background: transparent;
    border-radius: 10px;
}
.btn-outline-primary2:hover {
    color: #4ecaf5;
    background: white;
    border-radius: 10px;
}
.btn-outline-primary {
    padding: 10px 24px 10px 24px;
    color: #30B1E0;
    border: #30B1E0 1px solid;
    background: white;
    border-radius: 10px;
}
.btn-outline-primary:hover {
    padding: 10px 24px 10px 24px;
    color: white;
    background: #30B1E0;
    border-radius: 10px;
}
.btn-sonar {
    color: black;
    background-color: #E8FAFC;
    border-radius: 10px;
}
.btn-sonar:hover {
    color: black;
    background-color: #30B1E0;
    border-radius: 10px;
}
.btn-sonar:active {
    /*padding: 10px 24px 10px 24px;*/
    color: black;
    background-color: #30B1E0;
}
.btn-sonar-inactive {
    background-color: #C3CDD7;
}
.btn-save-search {
    color: #5D646A;
    background-color: #EEF1F4;
    border-radius: 10px;
}

.btn-save-search-active {
    color: #FFFFFF;
    background-color: #30B1E0;
    border-radius: 10px;
}

.btn-save-sentence-active {
    color: #FFFFFF;
    background-color: #BF00FF;
    border-radius: 10px;
}

.btn-sonar2 {
    /* width: 110px; */
    /* height: 40px; */
    font-size: 16px;
    padding: 8px 20px 8px 20px;
    color: white;
    background-color: #30B1E0;
    border-radius: 10px;
}

.btn-sonar2:hover {
    background-color: #30B1E0;
    /*border: 0px solid transparent;*/
}

.btn-sonar-select {
    color: black;
    background-color: #30B1E0;
}


/******************************************
LABEL STYLE
******************************************/ 
.label {
    color: white;
    padding: 5px 30px;
    border-radius: 8px;
    width: 60%;
}
.label-table {
    color: white;
    padding: 5px;
    border-radius: 2px;
    width: 60%;
}
.success {background-color: #4CAF50;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */ 
.other {background-color: #AC4BD6;} /* Gray */ 

.badge-positif {
    color: #fff;
    background-color: #83E3B2;
}

.badge-negatif {
    color: #fff;
    background-color: #F5876E;
}

.badge-netral {
    color: #fff;
    background-color: #919AA3;
}

.badge-sentence {
    color: #fff;
    background-color: #00aeef;
}

.badge-tanking {
    color:#fff;
    background: #56CCF2;
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
    .mt-155 { margin-top: 100px; }
    .mt-125 { margin-top: 100px; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 144dpi),
only screen and (                min-resolution: 2dppx) {

.mt-155 { margin-top: 100px; }
.mt-125 { margin-top: 100px; }
}