/*Raleway*/
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/raleway/raleway-regular-webfont.woff2') format('woff2'), url('./fonts/raleway/raleway-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/raleway/raleway-bold-webfont.woff2') format('woff2'), url('./fonts/raleway/raleway-bold-webfont.woff') format('woff');
}
/*Poppins*/
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/poppins/poppins-regular-webfont.woff2') format('woff2'), url('./fonts/poppins/poppins-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/poppins/poppins-bold-webfont.woff2') format('woff2'), url('./fonts/poppins/poppins-bold-webfont.woff') format('woff');
}
/* montserrat-200 - latin-ext_cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-200.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-200.woff') format('woff'), /* Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-300 - latin-ext_cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-300.woff') format('woff'), /* Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin-ext_cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin-ext_cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-500.woff') format('woff'), /* Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin-ext_cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-600.woff') format('woff'), /* Modern Browsers */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/montserrat/montserrat-v18-latin-ext_cyrillic-ext-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 100;
    font-display: swap;
    src: url("./fonts/inter/Inter-Thin.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-Thin.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 100;
    font-display: swap;
    src: url("./fonts/inter/Inter-ThinItalic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-ThinItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 200;
    font-display: swap;
    src: url("./fonts/inter/Inter-ExtraLight.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-ExtraLight.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 200;
    font-display: swap;
    src: url("./fonts/inter/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-ExtraLightItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 300;
    font-display: swap;
    src: url("./fonts/inter/Inter-Light.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-Light.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 300;
    font-display: swap;
    src: url("./fonts/inter/Inter-LightItalic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-LightItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("./fonts/inter/Inter-Regular.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 400;
    font-display: swap;
    src: url("./fonts/inter/Inter-Italic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-Italic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("./fonts/inter/Inter-Medium.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-Medium.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 500;
    font-display: swap;
    src: url("./fonts/inter/Inter-MediumItalic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-MediumItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 600;
    font-display: swap;
    src: url("./fonts/inter/Inter-SemiBold.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-SemiBold.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 600;
    font-display: swap;
    src: url("./fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 700;
    font-display: swap;
    src: url("./fonts/inter/Inter-Bold.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-Bold.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 700;
    font-display: swap;
    src: url("./fonts/inter/Inter-BoldItalic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-BoldItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 800;
    font-display: swap;
    src: url("./fonts/inter/Inter-ExtraBold.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-ExtraBold.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 800;
    font-display: swap;
    src: url("./fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 900;
    font-display: swap;
    src: url("./fonts/inter/Inter-Black.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-Black.woff?v=3.19") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 900;
    font-display: swap;
    src: url("./fonts/inter/Inter-BlackItalic.woff2?v=3.19") format("woff2"),
    url("./fonts/inter/Inter-BlackItalic.woff?v=3.19") format("woff");
}


/* ----------------------- variable ----------------------- */

@font-face {
    font-family: 'Inter var';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/inter/Inter-roman.var.woff2?v=3.19') format('woff2');
    font-named-instance: 'Regular';
}

@font-face {
    font-family: 'Inter var';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/inter/Inter-italic.var.woff2?v=3.19') format('woff2');
    font-named-instance: 'Italic';
}

.fa:hover, a.fa, a.fa:hover, a.fa:link, a.fa:visited {
    text-decoration: none
}
.iconHover {
    font-size: 0.9rem;
    color: #0033CC;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}
.iconHover:hover {
    color: #0033CC !important;
    background-color: #e1e1e1 !important;
    border: 1px #999 solid;
    border-radius: 4px;
}
body, html {
    height: 100%;
    width: 100%
}
body {
    font-family: Raleway,  Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #666261; /*bootstrap: 212529*/
}
.fa, .fas, .far, .fab {
    /*color: #4976c1;*/
    color: #6c6c6c;
}
.fa:hover, a.fa, a.fa:hover, a.fa:link, a.fa:visited,
.fas:hover, a.fas, a.fas:hover, a.fas:link, a.fas:visited,
.fab:hover, a.fab, a.fab:hover, a.fab:link, a.fab:visited,
.far:hover, a.far, a.far:hover, a.far:link, a.far:visited{
    text-decoration: none;
}
.fa:hover, a.fa:hover,
.fas:hover, a.fas:hover,
.fab:hover, a.fab:hover,
.far:hover, a.far:hover {
    color: #4E7ECF
}
.fa-file-image{
    color: #4E7ECF;
}
span[class*="trash"]:hover {color: red !important;}

.pageHeader {
    transition: top .2s ease-in-out;
    background: linear-gradient(#2B3856, #4863A0);
    border-bottom: 3px solid #4E7ECF;
    box-shadow: 0 0 8px 2px #000000;
    position: fixed;
    top: 0;
    z-index: 1000;
    /*height: 85px;*/
    width: 100%;
    padding-bottom: 7px;
}
.pseudoHover {
    z-index:1001;
    display:none;
    height:8px;
    width:100%;
    background-color: #161C2D;
    border-bottom:2px solid #4168ab;
    box-shadow:0 0 8px 2px #4168ab;
}
.company {
    opacity: 0.7;
    color: #BCC6CC;
    font-family: Poppins, Raleway, 'Helvetica Neue', Arial, Tahoma, helvetica, sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
}
.topHeaderIcons {
    color: #BCC6CC;
    font-size: 1.1rem;
    cursor: pointer;
}
.topHeaderIcons:hover {
    color: #4f7fd0;
}
.pageIcons {
    display: none;
    opacity: 0.4;
}

.indexBody {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #4863A0;
    color: #BCC6CC;
}
.index-panel::before {
    /*background: linear-gradient(to right, #1c2439, #303d61);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1*/ /*color on top*/
}
.index-panel::after {
    background-image: url(../images/at3.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.1 /*image impact*/
}




.adminArea {
    color: #f2f2f2;
    text-shadow: 3px 3px 8px #000;
    font-size: 2.2rem
}
.indexLangs {
    background-color: #4863A0
}
.faIconIndex {
    color: #BCC6CC;
    font-size: 1.5em;
}
.submit-login {
    background: linear-gradient(#426cb0,#4a77c3,#426cb0);
    color: #E1E1D8;
    width: 100%;
    max-width: 350px;
    margin-top: 20px;
    border-radius: 8px;
    border: 1px solid #598ee9;
    /*padding: 2px 16px;*/
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    vertical-align: baseline;
    outline: 0;
    box-shadow: 0 0 1px 0 #e3e3e3;
}
a.loginLink, a.loginLink:link, a.loginLink:visited, a.loginLink:active{
    color: #BCC6CC;
    text-decoration: none;
}
input[type="email"].login, input[type="password"].login  {
    width: 300px;
    padding: 2px;
    color: #E1E1D8;
    background-color: transparent;
    border-color: #848b8f;
    border-width: 0 0 1px 0;
}
input.login:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #4863A0 inset !important;
    -webkit-text-fill-color: #E1E1D8 !important;
}
input[type="checkbox"] {
    width: 16px; height: 16px;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 0 0 3px 0 #CCC inset

}

a.none {
    text-decoration: none !important;
}
.subsBox span {color: #34406f;}
.subsBox {  /*F8F8F8*/
    /*background: #F6FAFF;*/
    background: linear-gradient(to left, #F9FBFE, #FFF);
    box-shadow: #535353 0 10px 20px 0 !important;
    border-style: solid;
    border-color: #1974d2;
    border-width: 0 0 0 15px ;
}
.subsBox:hover {box-shadow: #535353 0 16px 28px 0 !important;}
.subsBox > a { text-decoration: none !important; }
.subsBox  div:hover span,
.subsBox  div[class*="row"]:hover,
.subsBox div:hover span[class*="fas "],
.subsBox div:hover span[class*="far "] {
    color: #fff !important;
    background-color: #1974d2 !important;
    text-decoration: none !important;
}

.campaignsBox span {color: #6358CE;}
.campaignsBox { /*F2F2FB*/
    /*background: #f6f6ff;*/
    background: linear-gradient(to top left, #f6f6ff, #FFF);
    box-shadow: #535353 0 10px 20px 0 !important;
    border-style: solid;
    border-color: #6358ce;
    border-width: 0 0 0 15px ;
}
.campaignsBox:hover {box-shadow: #535353 0 16px 28px 0 !important;}
.campaignsBox > a { text-decoration: none !important; }
.campaignsBox  div:hover span,
.campaignsBox  div[class*="row"]:hover,
.campaignsBox div:hover span[class*="fas "],
.campaignsBox div:hover span[class*="far "] {
    color: #fff !important;
    background-color: #6358CE !important;
    text-decoration: none !important;
}

.nslBox span {color: #d37f1c;}
.nslBox {/*FEFAF7*/
    /*background: #fffbf8;*/
    background: linear-gradient(to left, #fffbf8, #FFF);
    box-shadow: #535353 0 10px 20px 0 !important;
    border-style: solid;
    border-color: #ed8e20;
    border-width: 0 0 0 15px ;
}
.nslBox:hover {box-shadow: #535353 0 16px 28px 0 !important;}
.nslBox > a { text-decoration: none !important; }
.nslBox  div:hover span,
.nslBox  div[class*="row"]:hover {
    color: #fff !important;
    background-color: #ed8e20 !important;
    text-decoration: none !important;
}

.subsBox2 span {color: #444;}
.subsBox2 {
    /*background: #F8F8F8;*/
    background: linear-gradient(to left, #F8F8F8, #FFF);
    box-shadow: #535353 0 10px 20px 0 !important;
    border-style: solid;
    border-color: #444;
    border-width: 0 0 0 15px ;
}
.subsBox2:hover {box-shadow: #535353 0 16px 28px 0 !important;}
.subsBox2 > a { text-decoration: none !important; }
.subsBox2  div[class*="col"]:hover,
.subsBox2  div[class*="col"]:hover span {
    color: #fff !important;
    background-color: #444 !important;
    text-decoration: none !important;
}

.shadowBox {
    box-shadow: #535353 0 10px 20px 0 !important;
}
.shadowBox:hover {
    box-shadow: #535353 0 16px 28px 0 !important;
}

.homeBoxLarge  {
    font-family: Poppins, Montserrat, Raleway, 'Helvetica Neue', Arial, Tahoma, helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none !important;
}


select.login {
    color: #E1E1D8;
    background-color: transparent;
    font-size: 10pt;
    border: 1px solid #5c5c5c;
    border-radius: 3px;
    padding: 4px;
}


.pageWrapper {
    margin: 0 auto;
    /*max-width: 960px;*/
    border: 0;
}

.pageCenter {
    /*padding-top: 120px;
    padding-bottom: 30px;*/
    padding: 140px 12% 30px 12%;
	min-height: 700px;
}

.homeBig {
    font-size: 1rem;
    font-weight: 700;
    color: #555F97;
}

.blueish {
    /*background: -webkit-linear-gradient(#728FCE, #4863A0, #728FCE);*/
    background: linear-gradient(#728FCE, #4863A0, #4863A0);
    color: #FFFFFF
}

.bigger {
    font-size: 1.2rem;
    padding: 9px;
    text-shadow: 1px 1px 2px #999
}

.settingsTab {
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    outline: none;
    font-weight: 400;
}

.settingsTab::after {
    position: relative;
    font-family:"Font Awesome 5 Free";
    content: "\f055";
    font-weight: 900;
    font-size: 1.2rem;
    opacity: 0.9;
    right: 20px;
    float: right;
    padding: 0;

}
.changed::after {
    content: "\f056"
}

.statsLegend {
    color: #555F97;
    font-size: 105%;
}

.statsLegendEmph {
    color: #535353;
    font-size: 1.1rem;
    font-weight: 700;
}
.campaignHeader {
    color: #FAFAE3;
    font-size: 1.2rem;
    background: linear-gradient(#728FCE, #4863A0, #728FCE);
    border-color: #999;
    border-style: solid;
    border-width: 0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    padding: 6px 10px 8px 10px;
}
/*Button with campaign options*/
.cmp:hover > .dropdown-menu {
    display: block;
}
.headerIcon, .headerIcon:hover{
    color: #e9e9e9;
}
.holderDiv {
    background: #FFFFFF;
    border-color: #555555;
    border-width: 0 1px 1px;
    border-style: solid;
    border-radius: 8px;
    box-shadow: 0 -1px 12px 5px rgba(119, 119, 119, 1);
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 1000;
    cursor: move
}

.holderHeader {
    background-color: #555F97;
    font-size: 12pt;
    font-weight: normal;
    color: #FAFAE3;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    cursor: move;
    padding: 6px 12px 3px 0;
    margin: 0
}

.frameHolder {
    height: 100%;
    width: 100%
}

td.headerCell {
    background: linear-gradient(#728FCE, #4863A0, #728FCE);
    border-color: #999999;
    border-style: solid;
    border-width: 0;
    text-align: left;
    vertical-align: top;
    padding: 9px 4px;

}

td.leftCorner {
    background: linear-gradient(#728FCE, #4863A0, #728FCE);
    border-color: #999999;
    border-style: solid;
    border-width: 0;
    text-align: left;
    vertical-align: top;
    padding: 9px 4px 9px 7px;
    border-top-left-radius: 4px;
    width: 60px;
    max-width: 100px;
}

td.rightCorner {
    background: linear-gradient(#728FCE, #4863A0, #728FCE);
    border-color: #999999;
    border-style: solid;
    border-width: 0;
    text-align: left;
    vertical-align: top;
    padding: 9px 7px 9px 4px;
    border-top-right-radius: 4px;
    min-width: 10px
}
td.rightCorner, td.headerCell , td.leftCorner {
    color: #FAFAE3;
    font-family: Inter,  'Helvetica Neue', 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: 500;
}
td.headerCell.sortasc, td.leftCorner.sortasc, td.rightCorner.sortasc {
    background-image: url(../images/arrow_u_w.png), linear-gradient(#728FCE, #4863A0, #728FCE);
    background-image: url(../images/arrow_u_w.png), -webkit-linear-gradient(#728FCE, #4863A0, #728FCE);
    background-position: 100% 35%;
    background-repeat: no-repeat
}

td.headerCell.sortdesc, td.leftCorner.sortdesc, td.rightCorner.sortdesc {
    background-image: url(../images/arrow_d_w.png), linear-gradient(#728FCE, #4863A0, #728FCE);
    background-image: url(../images/arrow_d_w.png), -webkit-linear-gradient(#728FCE, #4863A0, #728FCE);
    background-position: 100% 35%;
    background-repeat: no-repeat
}
td.listingCell {
    border-color: #CCCCCC;border-style: solid;
    border-width: 0 0 0;
    padding: .55rem .50rem;
}
td.summary {
    vertical-align: top;
    border-bottom: #c9c9c9 0 solid;
    border-left: #c9c9c9 1px solid;
    border-right: #c9c9c9 0 solid;
    border-top: #c9c9c9 1px solid;
    padding: 2px;
}

td.centered {
    text-align: center;
}

#alertBox {
	box-shadow: 0 -1px 8px 5px rgba(119, 119, 119, 1);
	/**/
}
.confirmBox {
    color: #F0F0F0 !important;
    font-weight: 500 !important;
    font-size: 1.3rem !important;
    cursor: move;
    text-align: center;
    width: 380px
}
.confirmBoxTop {
    margin: 0 !important;
    padding: 0.6rem 0 0.6rem 0;
    text-align: center !important;
    vertical-align: middle;
    color: #F0F0F0 !important;
    font-weight: 500 !important;
    font-size: 1.3rem !important;
    background: linear-gradient(#232323, #212121);
    /*border-bottom: 2px solid #4978c3;*/
}

.confirmBoxBottom {
    font-size: 1rem !important;
    text-align: center !important;
    padding: 1.1rem 0.8rem 0.8rem 0.8rem !important;
    background: #ffffff;
    color: #000 !important;
}
.modal-overlay {
    opacity: 1;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4) !important;
}
.messageBoxBubble {
    border-radius: 7px;
    background: #000;
    width: 400px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    color: #fff;
    padding: 20px 10px;
}

.title {
    -webkit-text-stroke: 1px #5087d9;
    font-size: 1.7rem !important;
    font-weight: 500;
    color: #555F97;
}


.homeHeading {
    font-size: 120%;
}

.errormessage {
    font-weight: 400;
    background: #FFF3CD;
    border-color:  #c8bfa1 #c8bfa1 #c8bfa1 #902922;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    width: 400px;
    padding: .75rem 2.5rem .75rem 1.25rem;
    text-align: center;
    color: #666261 !important; /*for index page message*/
}
.errormessage100 {
    font-weight: 400;
    background: #FFF3CD;
    border-color:  #c8bfa1 #c8bfa1 #c8bfa1 #902922;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    width: 100% !important;
    padding: .75rem 2.5rem .75rem 1.25rem;
    text-align: center;
    color: #666261 !important; /*for index page message*/
}

.okmessage {
    font-weight: 400;
    background: #D4EDDA;
    border-color:  #c3e6cb #c3e6cb #c3e6cb #145d14;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    width: 400px;
    padding: .75rem 2.5rem .75rem 1.25rem;
    text-align: center;
    color: #666261 !important; /*for index page message*/
}
.okmessage100 {
    font-weight: 400;
    background: #D4EDDA;
    border-color:  #c3e6cb #c3e6cb #c3e6cb #145d14;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    width: 100% !important;
    padding: .75rem 2.5rem .75rem 1.25rem;
    text-align: center;
    color: #666261 !important; /*for index page message*/
}
.waitmessage {
    font-size: 12px;
    background: #fafae3;
    border: #989898 1px solid;
    position: relative;
    display: block;
    text-align: center;
    color: #666261 !important;
}

.dbfield {
    color: #ed7700;
}

.infoBoxBubble {
    background: linear-gradient(#4f7fd0, #4a77c3, #4f7fd0);
    border: 1px solid #4a77c3;
    border-radius: 1em;
    box-shadow: 1px 1px 5px -1px #999;
    color: #515151;
    cursor: move;
    padding: 12px 15px 12px 17px;
    margin-top: 15px;
    text-align: left;
    word-wrap: break-word;
    font-size: 95%;
}
.infoBoxTitle {
    color: #ededed  !important;
    font-weight: 500  !important;
    font-size: 1.1rem  !important;
}

.infoBoxText, a.infoBoxText:hover, a.infoBoxText:link, a.infoBoxText:visited {
    color: #ededed;

}

.menuSmall {
/*    font-size: 10pt;
    font-weight: NORMAL;
    color: #535353;*/
}

A.menuSmall:hover {
    font-size: 10pt;
    font-weight: NORMAL;
    color: #ed7700;
    text-decoration: none;
}

.select {
    color: #444;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 3px
}

/*.submit {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    vertical-align: baseline;
    font-family:  Verdana, Tahoma, Helvetica, Arial, sans-serif;
    outline: 0
}

/*.submit {
    font-size: 8pt;
    border-radius: 6px;
    border: 1px solid #999;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05);
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    color: #333;
    margin: 8px;
    padding: 3px 13px;
    background: linear-gradient(to bottom, #FFF 0, #E6E6E6 100%) #E6E6E6;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6))
}

.submit:hover {
    color: #000;
    background: linear-gradient(to bottom, #E6E6E6 0, #CCC 100%) #CCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCC))
}

.submit:active, .submit:focus {
    color: #000
}

.submit:disabled {
    color: #777
}
*/
.mailButton {
    padding: 4px 22px;
    color: #060
}


.filterDesc {
    background: #eeeeee;
    border: #c9c9c9 1px solid;
    color: #535353;
    line-height: 200%;
	border-radius: 6px;
    margin: 0;
    padding: 6px;
}

.filterSql {
    background: #fafae3;
    border: #c9c9c9 1px solid;
    color: #535353;
    line-height: 200%;
	border-radius: 6px;
    margin: 5px 0 0;
    padding: 6px;
}

.nslSubject {
    background: #f5f9fc;
    border: 1px solid #f0f4f7;
    border-radius: 5px;
    color: #1b1e21;
    font-size: 1.4rem !important;
    text-align: left;
    text-decoration: none;
}

.inputBox {
	color: #535353;
    font-size: 0.9rem;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 6px 8px;
    /*width: 220px;*/
    box-shadow: 0 0 3px 0 #CCC inset;    
}

textarea {
    border-radius: 3px;
    border: 1px solid #CCC;
    padding: 6px 8px;
    box-shadow: 0 0 3px 0 #CCC inset
}

tr.roweven {
    background-color: #f2efef
}
tr.rowodd {
    background-color: #FFFFFF
}
tr.roweven:hover, tr.rowodd:hover {
    background-color: #e6e3e3
}


tr.highlight {
    cursor: pointer
}

tr a {
    text-decoration: none
}

.sortcol {
    cursor: pointer;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}

.nosort {
    cursor: default;
}

th.resize-handle-active {
    cursor: e-resize;
}

div.resize-handle {
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #1E90FF;
    position: absolute;
    top: 0;
    left: 0;
}

.inav {
    background: #555F97;
    font-size: 0.8rem;
    padding: 0.2rem 0.25rem;
    margin-top: 5px;
    border: 1px solid #333;
    color: #fff;
    display: inline-block;
}

a.inav2 {
    border: #999999 1px solid;
    font-size: 0.8rem;
    padding: 0.2rem 0.25rem;
    margin-top: 5px;
    text-decoration: none;
    color: #32393d;
    display: inline-block;
}

a.inav2:hover {
    text-decoration: none;
    background: #fff;
    color: #ed7700;
    border: #ed7700 1px solid;
}

a:link {
    color: #555F97;
    text-decoration: underline
}

a:visited {
    color: #555F97;
    text-decoration: underline
}

a:hover {
    color: #ED7700;
    text-decoration: none
}

a:active {
    color: #555F97;
    text-decoration: none
}

a.cross:link {
    color: #535353;
    text-decoration: none;
}
a.cross {
    color: #535353;
}
/*.fa {
    color: #6974b9
}

a.fa, a.fa:link, a.fa:visited {
    text-decoration: none
}

.fa:hover, a.fa:hover {
    color: #ED7700;
    text-decoration: none
}*/

tr a, a.inav2:link {
    text-decoration: none;
}

a.sublink {
    color: #666;
    text-decoration: none;
    /*font-size: 12px;*/
}

a.sublink:visited {
    color: #666;
    text-decoration: none
}

a.sublink:hover {
    color: #ED7700;
    text-decoration: none
}

/*BOOTSTRAP OVERRIDES START*/
.btn {
    margin: 0.20em;
}
input[type=text]:read-only {
    background-color: #f4f7fa !important;
}
label {
    /*font-size: 1rem;
    text-shadow: 0 1px 0 #999;
    font-weight: 400;
    color: #4a535c;*/
}

.alert {
    text-align: center;
    min-width: 400px;
}
.btn {
    margin: 0.20em;
}

.form-control {
    color: #444444 !important;
    font-size: 95%;
    height: calc(1.5em + 0.70rem + 2px);
    padding: 0.355rem 0.70rem;
    margin: 0.2rem 0.30rem 0 0;
    /*background: linear-gradient(#fff, #F8F8F8);*/
}
.form-control-sm {
    color: #444444 !important;
    font-size: 95%;
    border: 1px solid #ced4da;
    margin: 0.2rem 0.30rem 0 0;
    /*background: linear-gradient(#fff, #F8F8F8);*/
}
.chosen-container .chosen-results li {
    line-height: 1.5;
}
.list-group-item-mine::after {
    position: relative;
    font-family:"Font Awesome 5 Free";
    content: "\f055";
    font-weight: 900;
    font-size: 24px;
    right: 20px;
    float: right;
}
.list-group-item-mine.active::after {
    content: "\f056"
}
.popover {
    white-space: pre-line;
    /*white-space: pre-wrap;*/
    box-shadow: 3px 3px 6px 2px #a1a1a1 !important;
    border-radius: 12px;
    padding: 0  !important;
    background: #0066cc;
    border: 0  !important;
}

.popover-header {
    padding: 0.75rem 0.85rem 0.5rem 0.85rem;
    font-weight: 700;
    font-size: 1.1em !important;
    margin-bottom: -0.5rem;
    background-color: #0066cc;
    color: #FFFFFF;
    border: 0  !important;
    font-family: Raleway,Montserrat,  Verdana, Arial, Tahoma, 'segoe ui';
    border-radius: 12px 12px 0 0;
}
.popover-body {
    padding: 0.5rem 0.85rem 0.75rem 0.85rem;
    font-size: 0.9rem !important;
    font-weight: 400  !important;
    color: #FFFFFF;
    background: #0066cc;
    border: 0  !important;
    font-family: Raleway,Montserrat,  Verdana, Arial, Tahoma, 'segoe ui';
    border-radius: 12px 12px 12px 12px;
}
.popover-body a,
.popover-body a:link,
.popover-body a:visited  {
    color: #FFFFFF;
}
.popover-body a:hover  {
    color: #a8df36;
}
/*https://stackoverflow.com/questions/54337652/unable-to-change-the-color-of-bootstrap-popover-arrow*/
.arrow::after,
.bs-popover-top .arrow::after {
    border-bottom-color: #0066cc !important;
    border-top-color: #0066cc !important;
}
.arrow::after,
.bs-popover-bottom .arrow::after {
    border-top-color: #0066cc !important;
    border-bottom-color: #0066cc !important;
}

.bs-popover-top .popover-header::before, /* ? */
.bs-popover-bottom .popover-header::before {
    border-bottom: 0 !important;
}


.progress {
    height: 25px;
}
.progress-bar {
    font-size: 0.8rem;
}
.progress-bar-value {
    position: absolute;
    /*display: block; width: 100%;*/ /*centered*/
    /*top: 50%;left: 6%;transform: translate(0%,-50%);*/
    padding-left: .1em;
    text-shadow: 2px 1px 5px black;
}

.progress_div {
    border-radius: 4px;
    width: 100%;
    height: 26px;
    background-color: #E9ECEF;
    padding: 0;
}
.fill_bar {
    border-radius: 4px;
}
.dlvrd { background-color: #866ec7;}
.uvc { background-color: #009000; }
.ctv { background-color: #00B300; }
.uv { background-color: #006de2; }
.uc { background-color: #007BFF; }
.opt { background-color: #FFC107; }
.cmpl { background-color: #DC3545; }
.bnc { background-color: #f29704; }
.bnch {background-color: #FF5F0A; }
.fill_value {
    color:  #FFFFFF;
    font-size: 0.9rem;
    position: relative;
    padding: .1em .4em;
    text-shadow: 2px 2px 4px black;
}
.no_fill_value {
    font-size: 0.9rem;
}
.popUnderlined {
    /*font-size: 0.9rem;*/
    border-bottom: 2px dotted #b3b3b3;
    padding-bottom: 2px;

}
.alert {
    text-align: center;
    min-width: 400px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #4f7fd0;
    text-decoration: none;
}
.toast {
    min-width: 300px;
}
.toast-header {
    cursor: move;
    background-color: #4f7fd0 ; /*#FFF3CD*/
    color: #FFFFFF !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}
.toast-close-button {
    color: #FFFFFF !important;
}
.toast-body {
    font-size: .95rem !important;
    background-color: #FFFFFF;
}
/*
.custom-control-input:focus~.custom-control-label::before {
    border-color: #478f24 !important;
    box-shadow: 0 0 0 0.2rem rgba(71, 143, 36, 0.25) !important;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #478f24 !important;
    background-color: #478f24 !important;
}

.custom-control-input:active~.custom-control-label::before {
    background-color: #478f24 !important;
    border-color: #478f24 !important;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #478f24 !important;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
    background-color: #478f24 !important;
    border-color: #478f24 !important;
}
*/
/*BOOTSTRAP OVERRIDES END*/

/* jquery UI old*/
.ui-front {
    z-index: 1001;
}
.ui-widget-header {
    border: 1px solid #393939;
    background: linear-gradient(#8a9bf5, #525b91);
}
.ui-widget-content {
    background: #FFF;
}
.ui-dialog-title {
    color: #f0eaea;
    font-weight: 500;
    font-size: 1.1rem;
}
.ui-icon {
    /*background: #FFF;*/
}
/* jquery UI */
.ui-datepicker-header {
    background: linear-gradient(#4f7fd0, #4a77c3, #4f7fd0)  !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background-color: #ededed;
}
.ui-widget.ui-widget-content_cs {
    padding: 0px 1px 1px 1px !important;
    /*border: 1px solid #000 !important;*/
}
.ui-widget-header_cs {
    border: 1px solid #3c609d;
    background: linear-gradient(#4f7fd0, #4a77c3, #4f7fd0);
}
.ui-dialog-content_cs {
    color: #212529 !important;
    padding: 10px 5px 5px 10px !important;
    /*border: 1px solid #000 !important;*/
    margin: 0 !important;
}
.ui-dialog-titlebar_cs {
    border-radius: 3px !important;
    border: 0 !important;
    background: linear-gradient(#4f7fd0, #4a77c3, #4f7fd0)  !important;
}
.ui-dialog-title_cs {
    color: #ededed  !important;
    font-weight: 500  !important;
    font-size: 1.2rem  !important;
}
/* E.g. Htrml newsletter, Text, multipart tabs when creating campaign*/
.ui-tabs-nav  {
    background: #FFFFFF;
    border: 0;
}
.ui-tabs .ui-tabs-nav li {
    padding: 4px;
    border-bottom: 1px solid #c5c5c5;
    color: #212529;
    background: #FFFFFF;
}
.ui-tabs .ui-tabs-nav li:hover {
    background-color: #609cff;
}
/*.ui-tabs-tab.ui-state-default a,*/
.ui-tabs-tab.ui-state-hover a {
    color: #FFFFFF;
}
.ui-tabs .ui-tabs-active {
    background: #4f7fd0 !important;
    color: #FFFFFF;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding: 4px;
    border-bottom: 1px solid #4f7fd0;
}
.ui-tooltip {
    border: 1px solid #cad1d7 !important;
    border-radius: 4px;
}
.my_tooltip {
    color: #212529  !important;
    font-size: 0.9rem !important;
    font-weight: 400  !important;
    /*font-family: Montserrat,  Verdana, Arial, Tahoma, 'segoe ui'  !important;*/
    background: #f0f8ff !important;    /*fffdfd*/
    padding: 0.15rem 0.35rem 0.15rem 0.35rem !important;
}

/*  https://startbootstrap.com/snippets/animated-navbar-dropdown
    add classese: animate slideIn   */
@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform:translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}
.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

/*MENU*/
/*  Smaller screens we use onclick*/
@media (max-width: 991px) {
    .left-index-panel {
        background: linear-gradient(to bottom, #141928, #1b2337);
    }
    .navbar-nav .nav-link {         /*C*/
        width: 100%;
        white-space: normal;
        line-height: 1.5;
        margin: 0;
        display: inline-block;
        text-decoration: none;
        /*color: #b8c7ce;*/        /*same-1*/
        font-family: Poppins, 'segoe ui', 'Helvetica Neue', 'lucida grande', Verdana, sans-serif;
        font-size: 95%;
        font-weight: 400;
    }
    .navbar-nav .nav-link:hover{    /*C*/
        /*color: #fce8b5;*/        /*same-2*/
    }
    .navbar-nav .dropdown-item {
        padding: .25rem 1.5rem;     /*Dif*/
        width: 100%;
        white-space: normal;
        line-height: 1.5;
        margin: 0;
        display: inline-block;
        text-decoration: none;
        /*color: #b8c7ce;*/         /*same-1*/
        /*font-family: Poppins, 'segoe ui', 'Helvetica Neue', 'lucida grande', Verdana, sans-serif;*/
        font-size: 95%;
        font-weight: 400;
    }
    .navbar-nav .dropdown-item:hover {      /*C*/
        text-decoration: none;
        /*color: #fce8b5;*/                  /*same-2*/
        /*background-color: #3f3f3f;*/       /*same-3*/
        border-radius: 4px;
    }

    .navbar-nav .dropdown-toggle:hover {     /*C*/
        /*works but handle it from dropdown-item*/
    }
    .navbar-nav .dropdown-menu {
        margin-top: -1px;
        /*background: linear-gradient(#5c5c5c, #4e4e4e, #464646);*/
        transition: 9s !important;
        transition-delay: .2s;
        border: 0;
        border-radius: 4px;
        padding: 0;
        width: 400px;
    }
    .navbar-nav .dropdown-submenu {  /*C*/
        position: relative;
    }
    .navbar-nav .dropdown-submenu > .dropdown-menu {    /*S*/
        top: 0;
        left: 100%;
        margin-top: 0;
        margin-left: 0;
    }
    .navbar {                          /*S*/
        overflow: auto;
        max-height: 85vh;
        align-items: flex-start;
        padding: 0 15px 0 15px;
    }
    .calculator tr {    display: table;  width:100%; padding:12px;text-align: left}
    .calculator td {    display: table-row;padding:12px;text-align: left}
    .pageSizer {padding: 180px 0 10px 0}
    .goToCampaign {
        display: block;
        position: relative;
        top: 0;
        visibility: hidden;
    }
    /*index*/
    .left-index-panel-content {margin: 0; padding: 20px}
    .right-index-panel-content {margin: 0;}
    .right-index-panel {justify-content : center;}
}
/*  Larger screens we use hover*/
@media (min-width: 992px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
    .navbar-nav .nav-link {
        width: 100%;
        white-space: normal;
        line-height: 1.5;
        margin: 0;
        display: inline-block;
        text-decoration: none;
        /*color: #b8c7ce;*/        /*same-1*/
        font-family: Montserrat, Poppins, 'segoe ui', 'Helvetica Neue', 'lucida grande', Verdana, sans-serif;
        font-size: 95%;
        font-weight: 400;
    }
    .navbar-nav .nav-link:hover {
        /*color: #fce8b5 ;*/        /*same-2*/
    }

    .navbar-nav .dropdown-item {
        padding: 0;
        width: 100%;
        white-space: normal;
        line-height: 1.5;
        margin: 0;
        display: inline-block;
        text-decoration: none;
        /*color: #b8c7ce;*/         /*same-1*/
        font-family: Montserrat, Poppins, 'segoe ui', 'Helvetica Neue', 'lucida grande', Verdana, sans-serif;
        font-size: 95%;
        font-weight: 400;
        border-bottom: 1px solid #494949;   /*3c3c3c 253d63 315183*/
    }
    .navbar-nav .dropdown-item:last-child {
        border-bottom: 0;
    }

    .navbar-nav .dropdown-item:hover {
        text-decoration: none;
        /*color: #fce8b5;*/                /*same-2*/
        /*background-color: #3f3f3f;*/     /*same-3*/
        border-radius: 8px;

    }
    .navbar-nav .dropdown-item:hover > .dropdown-menu { /*L*/
        display: block;
    }
    .navbar-nav .dropdown:hover > .dropdown-menu {   /*L*/
        display: block;
    }

    .navbar-nav .dropdown-toggle:hover {
        /*works but handle it from dropdown-item*/
    }
    .navbar-nav .dropdown-menu {
        margin-top: -1px;
        /*background: linear-gradient(#5c5c5c, #4e4e4e, #464646);*/
        border: 0;
        border-radius: 8px;
        padding: 0;
        width: 260px;
    }
    .navbar-nav .dropdown-submenu {
        position: relative;
    }
    .navbar-nav .dropdown-submenu > a:after {    /*L*/
        float: right;
        border: none;
        font-family: "Font Awesome 5 Free";
        content: "\f0da";
        font-weight: 900;
    }
    .navbar-nav  .dropdown-submenu:hover {}          /*L*/
    .navbar-nav .nav-item > .dropdown-toggle  {}     /*L*/
    .dropdown > .dropdown-toggle:active {            /*L*/
        pointer-events: none;
    }

    .navbar-nav  .dropdown-submenu .dropdown-menu {  /*L*/
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

    .pageSizer {padding: 180px 3% 30px 3%;}
    .goToCampaign {
        display: block;
        position: relative;
        top: -250px;
        visibility: hidden;
    }
    /*index*/
    .h-md-100 {height: 130vh;}
    .left-index-panel-content {margin-bottom: 60%;padding:0}
    .right-index-panel-content {margin-bottom: 40%;}
} /*min-w 992*/

@media (min-width: 2600px) {
    .pageSizer {padding: 180px 10% 30px 10%;}
}
/* MENU both small/large */
.navbar-nav .dropdown-menu {    /*2f2f2f  161C2D  002752*/
    /*background: linear-gradient(#2f2f2f, #2f2f2f, #2f2f2f);*/
    /*background: linear-gradient(#161C2D, #161C2D, #161C2D);*/
    /*background: linear-gradient(#002752, #002752, #002752);*/
    background-color: #2f2f2f;
}
/*Menu common css*/
/*same-1*/
.navbar-nav .nav-link,
.navbar-nav .dropdown-item {
    color: #ccc;
}
/*same-2*/
.navbar-nav .nav-link:hover,
.navbar-nav .dropdown-item:hover {
    color: #FFF;
}
/*same-3*/
.navbar-nav .dropdown-item:hover {
    background-color: #4f7fd0;
}
/*Top*/
.navbar-nav .nav-item {
    color: #dddddd;
    margin-right: 7px;
    cursor: pointer;
}
.navbar-nav .nav-item:hover {
    /*background-color: #4f7fd0;*/
    color: #4f7fd0;
    transition: all .3s ease;
}
.navbar-nav .top-level {
    color: #ccc;
}
.navbar-nav .top-level:hover {
    color: #4f7fd0;
}
/*https://stackoverflow.com/questions/51185294/dropdown-menu-does-go-out-off-browser-screen-bootstrap-4*/
.dropdown-reverse{left:auto!important; right:100%!important;}


/*Custom radios and checkboxes*/
.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.2em;
    height: 1.2em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    color: #4f7fd0;
    position: absolute;
    font-size: .9em;
    line-height: 0;
    top: 48%;
    left: 7%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}
/*hide*/
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: .5;
}
/*jquery UI*/
.ui-dialog_nv {
    margin: 0 !important;
    padding: 0 !important;
    background: #FFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: #535353 0 18px 26px 0 !important;
}
.ui-dialog-content_nv {
    margin: 0 !important;
    color: #000 !important;
    font-size: 1rem !important;
    text-align: center !important;
    padding: 1.1rem 0.8rem 0.8rem 0.8rem !important;
}
.ui-dialog-titlebar_nv {
    /*background: linear-gradient(#1d193b, #212121);*/
    background: linear-gradient(#232323, #212121);
    border-bottom: 2px solid #4978c3;
}
.ui-dialog_nv .ui-dialog-titlebar-close_nv {display:none;}

.ui-dialog-title_nv {
    margin: 0 !important;
    padding: 0.6rem 0 0.6rem 0;
    text-align: center !important;
    vertical-align: middle;
    color: #F0F0F0 !important;
    font-weight: 500 !important;
    font-size: 1.3rem !important;
}
.ui-dialog-buttonpane_nv {
    text-align: center !important;
    border: 0 !important;
    background-image: none !important;
    background: transparent !important;
    padding-bottom: 1.2rem !important;
    margin: 0 !important;
}
.ui-dialog_nv .ui-dialog-buttonpane_nv .ui-dialog-buttonset_nv {
    float: none;
}
.ui-dialog_nv .ui-dialog-buttonpane_nv button {
    margin: .5em .8em .5em 0;
    cursor: pointer;
}
.ui-button_nv  {}
.tox-statusbar__branding {display: none !important;}

/** Boostrap custom switch */
.green .custom-control-input:focus~.custom-control-label::before {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(73, 255, 28, 0.25) !important;
}

.green .custom-control-input:checked~.custom-control-label::before {
    border-color: #28a745 !important;
    background-color: #28a745 !important;
}

.green .custom-control-input:active~.custom-control-label::before {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.green .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745 !important;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}