/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 1, 2015, 12:19:38 PM
    Author     : design
*/
/*----------------------------------------------
                TABLE OF CONTENTS
----------------------------------------------*/  

/*-------------------COLORS-------------------
    normal-blue -   #00557F;     rgb(0,85,127);
    dark-blue   -   #001B2D;     rgb(0,27,45);
    light blue  -   #779DBF;     rgb(119,157,191);
    orange      -   #F1881E;     rgb(241,136,30);

    font
    white       -   #fff;         rgb(255,255,255);
        #aaa
        #333
        #555
        #777
        #000

    active
        #ee8003
        #BD6317
----------------------------------------------*/
* {
font-family: 'Hind Vadodara', sans-serif;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[class*='pillar-'] {
  float: left;
  padding-right: 0.8em;
  background-color: transparent;
}

[class*='pillar-']:last-of-type {
  padding-right: 0.8em;
}
.box:before, .box:after {
  content: "";
  display: table;
  clear: both;
}
.box {
    background: transparent; 
    background-color: transparent;

}
.box-pad {
  padding: 0.8em 0 0.8em 0.8em;
}

.box-pad > [class*='pillar-']:last-of-type {
  padding-right: 0.8em;
}
.pillar-1 {
  width: 100%;
  text-align: center;
}
.pillar-1-10_xl {
  position: relative;
  width: 60%;
  float:right;
  text-align: center;
  background-color: rgba(255,255,255,.8);
  border-radius: 4px;
  margin: 2% 2% 0 2%;
  padding:1% 5%;
  padding-left: 0.8em;
}
.pillar-1-10 {
  width: 80%;
  text-align: center;
}
.pillar-1-8 {
  width: 75%;
  text-align: center;
}
.pillar-1-6 {
    width:66.66666%;
    text-align: center;
}
.pillar-2 {
  width: 50%;
  text-align: center;
}
.pillar-3_xl {
    width: 33.33333%;
    text-align: center;
}
.pillar-3 {
  width: 50%;
  text-align: center;
}
.pillar-4 {
  width: 25%;
  text-align: center;
}
.pillar-5 {
  width: 20%;
  text-align: center;
}
.pillar-6 {
   width: 16.66667%;
  text-align: center; 
}
.pillar-8 {  
  width: 12.5%;
  text-align: center;
}
.pillar-9 {
  width: 11.11111%; 
}
.pillar-10 {
  width: 10%;
  text-align: center;
}
.pillar-10_xs {
  width: 10%;
  text-align: center;
}
.pillar-11 {
  width: 9.09091%;
  text-align: center;
}
.pillar-12 {
  width: 8.33333%; 
  text-align: center;
}
.pillar-space {
   width: 0.8em;
}
html {
    height: 100%;
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Hind Vadodara', sans-serif;
    font-size: 100%;
    min-height: 100%;
    position: relative;
    display: block;
    background: #fff;
    color: #000;
}
.sP-bg {
    max-width: 100%;
    background: url(../images/startPage-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.log-bg {
    max-width: 100%;
    background: url(../images/login-bg.svg) no-repeat center center;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.reg-bg {
    max-width: 100%;
    background: url(../images/register-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.comp-register {
    max-width: 100%;
    background: url(../images/completed-reg-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.dis-bg {
    max-width: 100%;
    background: url(../images/disclaimer-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.cont-bg {
    max-width: 100%;
    background: url(../images/contact-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.contact-message {
    max-width: 100%;
    background: url(../images/sent-mail-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.user-bg {
    max-width: 100%;
    background: url(../images/user-mngt-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.report-bg {
    max-width: 100%;
    background: url(../images/report-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
.demo-bg {
    max-width: 100%;
    background: url(../images/demo-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
ul {
    font-size: 1em;
    list-style-type: none;
    padding: 0;
    margin: 0;      
}
.ab-startTitle {
    font-size: 2vw;
    padding: 0;
    color: white; /*#001B2D;*/
    background:none;
    text-align:center;
}

.ab-boxTitle {
    font-size: 1.8em;
    padding-top: 0.385em;
}
.ab-boxTitle_alt {
    font-size: 2em;
    padding-top: 0.5em;
}
.ab-p {
    font-size: 1.177em;
    line-height: 200%;
    padding-bottom: 0.750em; 
    text-align: center;
}
.ab-p_alt {
    font-size: 0.923em;
    padding-bottom: 0.750em; 
    text-align: center; 
}
.ab-contentBlock {
    padding: 0.769em;
    margin-top: 1em;
    border-radius: 4px;
    color: rgba(0,0,0,.7);
}
.ab-FS {
    padding-top: 1em;
    padding-bottom: 3em;
    text-align: center;
}
/*--------------------------------------------
                TOP & BOTTOM BAR   
--------------------------------------------*/
.topBar {
    position: relative;
    top: 0;
    background: #001B2D;

}
.topBarMenu {
    background: #001B2D;
    height: auto;
    overflow: visible;
    padding: 0.4em 0 0.1em 0;
}
#topBarMenuBox{
            border-bottom: solid 1px #F1881E;
}
#directLogin{
    position:absolute;
    margin: 0;
    padding:0.6em 0.4em 0 0.2em;
    top: 4.2em;
    left: 0.4em;
     border-top: solid 1px #F1881E;
        border-right: solid 1px #F1881E;
             border-bottom: solid 1px #F1881E;

}
.bottomBar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; 
    clear: both;
    height: auto;
    background: #001B2D;
    border-top: solid 3px #F1881E;
    font-size: 0.8em;
    color: #fff;
}

#bottomBarLeft{
    float:left;
    width: 20%;
    text-align: left;

}
#bottomBarCenter{
        float:left;
width:40%;
    text-align:center;
    border-right: solid 1px #F1881E;
    border-left: solid 1px #F1881E;

}
#bottomBarRight{
    float:right;
    width:70%;
    text-align:right;
    padding-right:1em;
}
.bottomBar ul li {
    display: inline;
}
.disclaimer a, .contact a {
    margin: 2em;

}
#helpContact {
    float: right;
    width: 7.888em;
    margin-right: 1.8em;
}
#reportCenter {
    float: right;
    width: 7.188em;
    margin-right: 3.4em;
}
.demoText{
    position:relative;
    text-align:center;
    width:100%;
    background:#F1881E;
    font-size: 150%;
    color: #fff;
    letter-spacing:0.025em;
    margin: 0 0 1em 0;
    padding:1% 0;
    border-bottom: solid 1px #001B2D;
}
.brand {
    float: left;
    width: auto; /*7.188em;*/
}
.brand-text {
    padding-left: 0.8em;
}
#site-home-icon  {
    float: left;
    width: 1.85em;
}
.signout  {
    float: left;
    width: 1.85em;
}
#site-home-icon a, .brand a, #helpContact a, #reportCenter a, 
.disclaimer a, .contact a, .signout a {
    font-size: 1em;
    color: #fff;
    text-decoration: none;
 
}
#site-home-icon a:hover, #helpContact a:hover, #reportCenter a:hover, 
#site-home-icon a:focus, #helpContact a:focus, #reportCenter a:focus, 
#site-home-icon a:active, #helpContact a:active, #reportCenter a:active,
.disclaimer a:hover, .disclaimer a:focus, .disclaimer a:active, 
.contact a:hover, .contact a:focus, .contact a:active,
.signout a:hover, .signout a:focus, .signout a:active,
.brand a:hover, .brand a:focus, .brand a:active { 
    color: #F1881E;
    text-decoration: underline;
}
.de {
  color: #F1881E;  
}
/*--------------------------------------------
            END TOP & BOTTOM BAR   
--------------------------------------------*/

/*------------------------------------------
                LOGIN STYLES   
--------------------------------------------*/
.logBlock {
    margin: 0 auto;
    padding-bottom: 27em;
}
.loginForm {
    margin: 0.385em;
    padding: 0.385em 6em;
    border-radius: 4px;
    color: rgb(0,0,0);
}
.ab-input{
    font-size: 0.923em;
    padding: 0.308em 0.254em;
    float: left;
    width: 100%;
    margin-bottom: 0.923em;
    background: #ffffff;
    background-color: rgba(255,255,255,0.5);
    border-radius: 4px;
    border: 1px solid #aaa;
    color: #333;
}
input:focus, input::selection, input:-webkit-autofill {
    background-color: rgba(238,128,3,0.2);  
    -webkit-box-shadow: 0 0 0 0 #fff inset;
}

#pswrdForgot {
    text-align: center;  
}
#pswrdForgot a {
    color: #777;
    font-size: 0.692em;
}
.login-btn, .send-btn, .save-btn {
    width: 100%;
}
.login-btn, .register-btn, .send-btn, .save-btn {
    margin: 1.154em auto;
    color: #fff;
    font-size: 0.875em;
    letter-spacing: 0.04em;
    border: 0;
    background: #F1881E;
    padding: 0.769em 0;
    border-radius: 4px;
}
.login-btn:hover, .register-btn:hover, .send-btn:hover, .save-btn:hover {
    background: #D2700F;
    color: #fff;
}
#loginHelp{
    position:absolute;
    right:10px;
    top:10px;
    background: none;
}
.menu .link a.registerLink:hover, .menu .link a.loginLink:hover {
    text-decoration: underline;
}
/*--------------------------------------------
            END LOGIN    
--------------------------------------------*/
/*--------------------------------------------
                FORM    
--------------------------------------------*/
fieldset {
    border: none;
    padding: 0.769em 0;
    margin-top: 1em;
}
label {
    font-size: 0.923em;
    margin-left: 0.254em;
    text-align: left;
    display: block;
    padding-bottom: 0.385em;
    color: #333333;
}

/*--------------------------------------------
                END FORM    
--------------------------------------------*/

/*--------------------------------------------
                CONTACT FORM    
--------------------------------------------*/
.contactBlock {
    margin: 0 auto;
    padding: 0 0.769em;
    border-radius: 4px;
}
.conConatiner {
    padding-bottom: 11em;
}
/*--------------------------------------------
               END CONATCT FORM    
--------------------------------------------*/
/*--------------------------------------------
                START PAGE    
--------------------------------------------*/
#siteContent{
    width:100%;
    z-index: 1;
}
.rightContent{
    margin: 0 1% 0 29%;
    width: 70%;
    
}
.startBlock {
    margin-top: 1em;
    margin-bottom: 0em;
}
.map-img {
    max-width: 100%;
}
.ab-backHome img {
    float: left;
    width: 1em;
}
.ab-backHome i {
    float: left;
}
.startSettings {
    width: 17.5%;
}
.startPageContent {
    width: 20%;
    margin: 0 auto;
    padding: 0.769em;
    margin-top: 1.5em;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.1);
    color: rgba(0,0,0,.7);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.41);
    box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.41);
}
.regForm, .contactForm, .ab-userCredentials, .ab-newUserBox {
    margin: 0 auto;
    padding: 1% 12%;
    border-radius: 4px;
    color: rgb(0,0,0);
    
}

.reg-captcha, .reg-credent {
    padding: 0.8em;
}
.reg-credent {
    text-align: left;
    width: 50%;
    padding: 0;
    float: left;
    margin-bottom: 2em;
}
.reg-captcha {
    text-align: left;
    width: 45%;
    padding: 0;
    float: right;
    margin-top: 2em;
}
.disclaim, .previewBox {
    margin: 0 auto;
    padding: 0.385em;
    border-radius: 4px;
    margin-right: 2%;
    padding:1% 5% 1% 2%;
    width: 100%;
}

img.demoimg {
    width: 100%;
}
.ab-p_start {
    font-size: 1em;
    line-height: 1.5;
    text-align: left;
    padding-left: 1em;
    margin-top: 0;
}
.ab-p_start_alt {
    font-size: 1em;
    line-height: 1.5;
    text-align: left;
    padding: 1em 1em 1.2em;
}
.steps-boxes {
    font-size: 1em;
    text-align: left;
    margin-left: 1em;
    float: left;
}
.demoBlock {
    padding-bottom: 5em;
}
.clear {
    clear: both;
}
.go-BlockButton {
    text-align: center;
    width: 90%;
    margin: 2% 5%;
    float: left;
    font-size:85%;
}
.go-noButton {
    color: #fff;
    letter-spacing: 0.04em;
    border: 0;
    background: #F1881E;
    padding: 0.4em 0.8em;
    border-radius: 4px;
    text-decoration: none;
    font-size: 2em;

}
.go-noButton:hover {
    color: #fff;
    background: #D2700F;
    text-decoration: none;
}
.steps-button {
    display: inline;
}
.whatIs{
    position:relative;
    background: rgba(255, 255, 255, 0.9);    
    border-radius: 4px;
    padding:3% 1% 1% 1%;
    margin: 0 0 2% 0;
    text-align: center;
}

.certified {
    position: relative;
    padding: 0 5%;
    background: none; 
    /*border: solid 1px white;*/
    width:100%;
    margin:0;
}
.iso-block {
    position: absolute;
    bottom:10px;
    right: 10px;
    margin:0 5px 0 0;
    width:8%;
    height: auto;
    padding: 0;
    background: none; 
    text-align:right; 
    float:right;
    background-color:none;
}
.iso-img {
    position:relative;
        max-width:100%;
        max-height:100%;
}
.remarksList {
    text-align: left;
    margin: 0 1.16% 0 1.16%;
    width:31%;
    float:left;
    background-color: #F1881E;
    border-left: solid 1px white;
    border-right: solid 1px white;
    border-bottom: solid 1px white;

    text-align:center;
}
.step{
    background-color: #F1881E;
    font-size: 7em;
    color: #013e5b;
    
}
.stepHeader{
    background: #013e5b;
    padding: 1em;
    border-top: solid 1em white;
    color: white;
    font-size:1.5vw;
}
#buttonContainer{
    background-color:none;
    padding-bottom:2em;    
}
.remarksListing {
    width:40%;
    text-align: left;
    margin-left: 10%;
    float: left;
}
.checkmark-img {
    background: url(../images/checkmark2.svg) no-repeat;
    height: 16px;
    position: relative;
    left: 0px;
    width: 16px;
    padding: 0px 0.8em;
}
/*----------------ICONS----------------------*/
.backStand-icon {
    background: url(../images/back.svg) no-repeat;
    height: 16px;
    position: relative;
    left: 0px;
    width: 5px;
}

.logout-rcc-icon {
    background: url(../images/log-outt_rcc.svg) no-repeat;
    width: 35px;
    height: 35px;
}
.logout-icon {
    background: url(../images/log-outt.svg) no-repeat;
    width: 35px;
    height: 35px;
}

.login-icon, .arrow-icon, .logout-rcc-icon, .logout-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.login-icon:hover, .login-icon:active {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
.back-icon:hover, .arrow-icon:active, .logout-icon:hover, .logout-icon:active {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}
/*--------------------------------------------
            END START PAGE    
--------------------------------------------*/


/*--------------------------------------------
                REGISTER
--------------------------------------------*/

.regBlock {
    padding-bottom: 10em;

}
.register-btn {
    width: 100%;
}

/*.undo-btn {
    width: 18%;
}
.undo-btn {
    margin: 1.154em auto;
    color: #fff;
    font-size: 0.875em;
    letter-spacing: 0.04em;
    border: none;
    background: #bbb;
    padding: 0.769em 0;
    border-radius: 4px;
}
.undo-btn:hover {
    background: #444;
    color: #fff;
}*/
/*--------------------------------------------
                END REGISTER
--------------------------------------------*/

/*--------------------------------------------
                PREVIEW PAGE    
--------------------------------------------*/

.ab-register {
    position: relative;
    top: -10px;
    padding-right: 0.8em;
    padding-left: 0.538em;
}

.ab-login {
    position: relative;
    top: -10px;
    padding-right: 0.8em;
    padding-left: 0.538em;
}
/*.ab-logInCenter a div:hover, .ab-logInCenter a div:focus, .ab-register a div:hover, 
.ab-register a:focus {
    color: #fff;
    text-decoration: underline;
    -moz-text-decoration-color: #ee8003;
    -webkit-text-decoration-color: #ee8003;
    text-decoration-color: #ee8003;
}
.ab-logInCenter a div:active, .ab-register a div:active {
    font-weight: bold;
    text-decoration: underline;
    -moz-text-decoration-color: #ee8003;
    -webkit-text-decoration-color: #ee8003;
    text-decoration-color: #ee8003;
}*/
.loginToRCC a {
    float: right;
    color: #555;
    text-decoration: none;
}
.loginToRCC a:hover {
    color: #000000;
    text-decoration: underline;
}
.reportTitle {
    text-align: center;
    font-size: 3.5em;
    text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);
    margin-top: 0em;
    color: #fff;
}
.previewBlock {
    margin-top: 2em;
    margin-bottom: 0em;
}

.ab-timePeriod {
    font-size: 1.438em  ;
    padding-top: 0.385em;
    border-bottom: 1px solid #333;
    width: 100%;
}
.ab-notOrAvail {
    font-size: 0.875em;
    text-align: right;
    width: 100%;
    color: #777;
    float: right;
}
.select {
    width: 35%;
    float: left;
    text-align: left;
    margin-left:5%;
}
.ab-file_form {
    margin-top: 0.8em;
}
.ab-file_form .ab-radioSelect {
    display: inline-flex;
}
.ab-radioSelect {
    width: 100%;
    padding: 0.8em 0;
}
.ab-radioLabel {
    font-size: 1.125em;
    width: 100%;
    float: left;
}
.selectedPackage {
    color: #000;
    text-decoration: underline;
}
.ab-radioLabelDisabled {
}
.ab-icon {
    position: relative;
    top: -0.4em;
    left: 0.5em;
}
.ab-userIcon, .company-icon, .ab-packIcon, .checkmark-icon {
    position: relative;
    top: -10px;
    padding-right: 0.8em;
    padding-left: 0.538em;
}
.location-icon {
    position: relative;
    top: -5px;
    padding-right: 0.8em;
    margin-left: -0.525em;
}
.files {
    width: 55%;
    float: right;
    border-radius: 4px;
}
.ab-year {
    font-size: 1em;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 0.385em;
    text-align: left;
}
.ab-currentDate {
    font-size: 0.846em;
    float: left;
}
.ab-fileTitle {
    font-size: 1.625em;
    width: 100%;
    padding-bottom: 1.5em;
    padding-top: 1.2em;
}
.pdfTitle {
    color: #013E5B;
}
.ab-pdfBox {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    height: 25em;
    border-radius: 4px;
}
.files .ab-pdfBox .ab-singlePDF {
    text-align: left;
    float: left;
    padding: 1em;
    display: block;
    width: 100%;
    border-bottom: 1px solid #a6a6a6;
}
.files .ab-pdfBox .ab-singlePDF:last-child {
    border-bottom: none;
}
.ab-pdf .pdf-icon {
    display: inline;
}
.ab-pdf {
    width: 100%;
    height: 2.45em;
    font-size: 1em;
    line-height: 1.5;
}
.files .ab-pdfBox .ab-singlePDF:hover {
    background: #f0f6fc; 
}
.pdf-icon {
    padding-right: 2em;
    float: left;
}
.weeklyNumber {
    width: 25%;
    text-align: center;
    line-height: 2.5;
    float: left;
}
.dateofweek {
    width: 50%;
    text-align: left;
    line-height: 2.5;
    float: left;
}
.eye {
    width: 25px;
    top: 5px;
    position: relative;
    
}
.eye-icons {
    width:35px;
    text-align: center;
    float: right;
}

.info {
    width: 100%;
    float: left;
    text-align: left;
}
.ab-infoTitle {
    font-size: 1.438em;
    width: 100%;
    padding-top: 1em;
    border-bottom: 1px solid #333;
}
.ab-p_info {
    font-size: 1em;
    line-height: 1.5;
    padding-bottom: 0.750em;
    text-align: left;
}
/*-------------MENU PREVIEW PAGE------------*/
.ab-menuPreview {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    height: 370px;
    width: 100%;
}
.ab-menuPreview h3 {
    font-size: 1.231em;
    font-weight: bold;
    line-height: 56px;
    text-align: left;
    width: 75%;
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 1;
    margin: 0;
    color: #333;
    border-bottom: 1px solid #333;
}
.ab-menuPreview .ab-settings {
    position: relative;
    z-index: 1;
    list-style: none;
    color: #333;
    margin: 6.154em 0 0 0;
    padding: 0;
}
.ab-menuPreview .ab-setLink {
    font-size: 1.385em;
    text-align: left;
    line-height: 1;
    padding: 0;
    position: relative;
    left: 10px;
}
.ab-menuPreview .ab-setLink a {
    display: inline;
    color: currentColor;
    text-decoration: none;
}
/*--------------------------------------------
               END PREVIEW PAGE    
--------------------------------------------*/
/*--------------------------------------------
               REPORT PAGE    
--------------------------------------------*/

.reportBlock {
    margin-top: 3.154em;
    margin-bottom: 4em;
    padding-bottom: 11em;

}
.ab-signedIn > a {
    font-size: 0.769em;
    color: #555;
    width: 100%;
    text-align: left;
}
.ab-logOut {
    color: #555;
    text-align: left;
}
 a:hover {
    color: #000000;
    text-decoration: underline;
}
.ab-logOut > a {
    font-size: 0.923em;
    color: #E22018;
    text-align: left;
}
.menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    height: 100%;
    width: 25%;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
}

#menuTrigger:checked ~ .menu { 
    pointer-events: auto;
    background: #fff;
    border-left: 1px solid #001B2D;

}

#menuTrigger:checked ~ .menu h3.settingTitle, 
#menuTrigger:checked ~ .menu h3.newUser {
  -webkit-transform: translate3d(-351px, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.menu h3.settingTitle {
    font-size: inherit;
    font-weight: 500;
    text-align: left;
    width: 100%;
    line-height: 2.5;
    height: 2.5em;
    position: absolute;
    top: 0px;
    left: -1px;
    z-index: 1;
    margin: 0px;
    color: #fff;
    transform: translate3d(28.308em, 0, 0);
    transition: transform 0.4s ease-in-out 0s;
    text-indent: 1em;
    background: #001B2D;
}
.menu h3.newUser {
    font-size: inherit;
    font-weight: 500;
    text-align: left;
    width: 100%;
    line-height: 2.5;
    height: 2.5em;
    position: absolute;
    left: -1px;
    z-index: 1;
    margin: 0px;
    color: #fff;
    transform: translate3d(31.308em, 0, 0);
    transition: transform 0.4s ease-in-out 0s;
    text-indent: 1em;
    background: #001B2D;
}
#menuTrigger:checked ~ .menu .link {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  border-bottom: 1px solid #001B2D;
}

#menuTrigger:checked ~ .menu .link:nth-child(1) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#menuTrigger:checked ~ .menu .link:nth-child(2) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#menuTrigger:checked ~ .menu .link:nth-child(3) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#menuTrigger:checked ~ .menu .link:nth-child(4) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#menuTrigger:checked ~ .menu .link:nth-child(5) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#menuTrigger:checked ~ .menu .link:nth-child(6) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#menuTrigger:checked ~ .menu .link:nth-child(7) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#menuTrigger:checked ~ .menu .link:nth-child(8) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.settings-icon {
    position: relative;
    top: -7px;
    padding-right: 0.8em;
    margin-left: -0.538em;
}
.menu .links {
    font-size: inherit;
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 2.5em 0 0 0;
    padding: 0;
    color: #333;
}
.menu .link {
  font-size: 1em;
  text-align: left;
  line-height: 1.5;
  padding: 0.65em 0px 0.313em;
  position: relative;
  left: 0;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  
}
.menu .regionListItem {
  font-size: 1em;
  text-align: left;
  line-height: 1.5;
  padding: 0 0;
  position: relative;
  left: 0;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.ab-userName {
    
}
.ab-package {
    
}
.ab-menuName {
    color: #333;
}
.menu .link:nth-child(1) {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.menu .link:nth-child(2) {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0);
}

.menu .link:nth-child(3) {
  -webkit-transform: translate3d(-300%, 0, 0);
  transform: translate3d(-300%, 0, 0);
}

.menu .link:nth-child(4) {
  -webkit-transform: translate3d(-400%, 0, 0);
  transform: translate3d(-400%, 0, 0);
}

.menu .link:nth-child(5) {
  -webkit-transform: translate3d(-500%, 0, 0);
  transform: translate3d(-500%, 0, 0);
}

.menu .link:nth-child(6) {
  -webkit-transform: translate3d(-600%, 0, 0);
  transform: translate3d(-600%, 0, 0);
}

.menu .link:nth-child(7) {
  -webkit-transform: translate3d(-700%, 0, 0);
  transform: translate3d(-700%, 0, 0);
}

.menu .link:nth-child(8) {
  -webkit-transform: translate3d(-800%, 0, 0);
  transform: translate3d(-800%, 0, 0);
}

.menu .link a {
  display: inline;
  text-decoration: none;
  color: #333;
}
.menu .link a:hover { 
    background-color: rgba(255, 255, 255, 0.1); 
}

.menu .trigger {
  position: relative;
  z-index: 1;
  top: 0.050em;
  right: 0;
  height: 2.5em;
  width: 2.5em;
  padding-bottom: 0;
  cursor: pointer;
  pointer-events: auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-property: -webkit-transform, box-shadow;
  transition-property: transform, box-shadow;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 0px #eee;
  float: right;
}

.menu .trigger:before {
  content: '';
  position: absolute;
  height: 2em;
  width: 2em;
  margin: 0;
  border-radius: inherit;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: box-shadow 0.2s 0.4s ease-in-out;
  transition: box-shadow 0.2s 0.4s ease-in-out;
  box-shadow: 0 0 0 28px #001B2D inset, 0 0 0 28px #001B2D inset;
}


#menuTrigger:checked ~ .menu .trigger:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  box-shadow: 0 0 0 0 #424242 inset, 0 0 0 28px #001B2D inset;
  background: #F1881E;
}

#menuTrigger:checked ~ .menu .trigger .line:nth-child(1) {
  -webkit-transform: translateY(0) translate3d(-50%, -50%, 0);
  transform: translateY(0) translate3d(-50%, -50%, 0);
  background: #F1881E;
}

#menuTrigger:checked ~ .menu .trigger .line:nth-child(3) {
  -webkit-transform: translateY(0) translate3d(-50%, -50%, 0);
  transform: translateY(0) translate3d(-50%, -50%, 0);
  background: #F1881E;
}

.menu .trigger .line {
  position: absolute;
  top: 51%;
  right: 5px;
  background: #fff;
  height: 0.125em;
  width: 18.66667px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}

.menu .trigger .line:nth-child(1) {
  -webkit-transform: translateY(-5px) translate3d(-50%, -50%, 0);
  transform: translateY(-5px) translate3d(-50%, -50%, 0);
}

.menu .trigger .line:nth-child(3) {
  -webkit-transform: translateY(5px) translate3d(-50%, -50%, 0);
  transform: translateY(5px) translate3d(-50%, -50%, 0);
}

#menuTrigger {
  position: fixed;
  top: 0;
  left: -20px;
}

/*--------------------------------------------
               END REPORT PAGE    
--------------------------------------------*/

/*--------------------------------------------
               CONTACT PAGE    
--------------------------------------------*/

/*--------------------------------------------
              END CONTACT PAGE    
--------------------------------------------*/

/*--------------------------------------------
               DISCLAIMER PAGE    
--------------------------------------------*/
.disBlock {
    padding-bottom: 10em;
}
.disTitleBox {
    margin-top: 3.5em;
}
.fs-icon {
    margin-left: 1em;
}
.ap-block {
    padding: 0.7em;
    line-height: 180%;
}
.dis-ap-title {
    font-size: 1.231em;
}
.ab-a {
    color: rgba(0,0,0,.7);
}
.ab-a:hover {
    color: rgb(0,0,0);
}
/*--------------------------------------------
            END DISCLAIMER PAGE    
--------------------------------------------*/


/*--------------------------------------------
               USER MANGEMENT PAGE    
--------------------------------------------*/
td.details-control {
    background: url('../images/expand-more.svg') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/expand-less.svg') no-repeat center center;
}
td.edit-icon {
    background: url('../images/edit-text.svg') no-repeat center center;
    cursor: pointer;
}
td.lock-icon {
    cursor: pointer;
}
td.delete-icon {
    background: url('../images/delete-row.svg') no-repeat center center;
    cursor: pointer;
}
table.dataTable {
    padding: 1em;
    border-radius: 4px;
    background: #fff;
    background-color: rgba(255,255,255,0.7);
} 
table.dataTable.no-footer {
    border-bottom: 1px solid transparent;
}
table.dataTable thead th {
    text-align: left;
}
.second_table {
    padding: 0;
    position: relative;
    top: -8px;
    left: 0px;
    background: #f0f6fc;
    margin-bottom: 1em;
}
.second_table tr td {
    background: #f0f6fc;
}
.second_table tr td:nth-child(1) {
    font-weight: bold;
}
.second_table tr td:nth-child(2) {
    /*background: #fff;*/
}.dataTables_wrapper .dataTables_filter {
    float: left;
}
.dataTables_wrapper .dataTables_length {
    float: right;
}
.dataTables_wrapper .dataTables_info {
    margin-left: 1.50em;
}
.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_length {
    margin-right: 1.50em;
}
.togglebox .new-button {
    display: inline;
}
.add-icon {
    float: left;
    margin-top: 0.200em;
    margin-right: 0.313em;
}
.add-text {
    float: left;
}
.new-button a{
    text-decoration: none;
    color: #fff;
}
.new-button {
    box-sizing: border-box;
    display: inline;
    float: right;
    margin-right: 2em;
    margin-bottom: 1em;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    border: none;
    background-color: #013e5b;
    background: -moz-linear-gradient(left,  #013e5b 50%, #013e5b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#013e5b), color-stop(100%,#013e5b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #013e5b 50%,#013e5b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #013e5b 50%,#013e5b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #013e5b 50%,#013e5b 100%); /* IE10+ */
    background: linear-gradient(to right,  #013e5b 50%,#013e5b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013e5b', endColorstr='#013e5b',GradientType=1 ); /* IE6-9 */ 
}
.new-button {
    background-color: #6c93b3;
    background: -moz-linear-gradient(left,  #6c93b3 50%, #6c93b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#6c93b3), color-stop(100%,#6c93b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #6c93b3 50%,#d5e0eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #6c93b3 50%,#6c93b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #6c93b3 50%,#6c93b3 100%); /* IE10+ */
    background: linear-gradient(to right,  #6c93b3 50%,#6c93b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c93b3', endColorstr='#6c93b3',GradientType=1 ); /* IE6-9 */ 
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #013e5b !important;
    border: none;
    background-color: #d5e0eb;
    background: -moz-linear-gradient(left,  #d5e0eb 50%, #d5e0eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#d5e0eb), color-stop(100%,#d5e0eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #d5e0eb 50%,#d5e0eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #d5e0eb 50%,#d5e0eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #d5e0eb 50%,#d5e0eb 100%); /* IE10+ */
    background: linear-gradient(to right,  #d5e0eb 50%,#d5e0eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e0eb', endColorstr='#d5e0eb',GradientType=1 ); /* IE6-9 */ 
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid transparent;
    background-color: #013e5b;
    background: -moz-linear-gradient(left,  #013e5b 50%, #013e5b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#013e5b), color-stop(100%,#013e5b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #013e5b 50%,#013e5b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #013e5b 50%,#013e5b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #013e5b 50%,#013e5b 100%); /* IE10+ */
    background: linear-gradient(to right,  #013e5b 50%,#013e5b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013e5b', endColorstr='#013e5b',GradientType=1 ); /* IE6-9 */ 
}
.dataTables_wrapper .dataTables_filter input {
    padding: 0.313em;
    margin-left: 1.5em;
    border-radius: 4px;
    border: 1px solid #d5e0eb;
    background: rgba(255,255,255,0.3);
    font-size: 1em;
    color: #585858;
}
.search-icon {
    background: url(../images/search-i.svg) no-repeat;
    margin-left: 1em;
}







.logut-container {
    width: 1%;
}
.managementTitle {
    text-align: center;
    font-size: 3em;
    text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);
    margin-top: 0em;
    color: #fff;
}
.userManage {
    padding-bottom: 4em;
}
.togglebox {
    width: 100%;
    height: 47.544em;
    margin: 0 auto;
    overflow: auto;
    margin-top: 3em;
    border-radius: 4px;
}
.ab-userInput {
    position: absolute;
    opacity: 0;
}
.ab-userLabel {
    position: relative;
    display: block;
    padding: 1.2em;
    margin-left: 0;
    margin-bottom: 0.071em;
    font-size: 1em;
    line-height: 1.1em;
    color: #fff;
    background: #ee8003;
    background-color: #ee8003;
    cursor: pointer;
}
.ab-userLabel:hover {
    background: #BD6317;
    color: #fff;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.content {
    height: 0;
    overflow: hidden;
}
.ab-userInput:checked ~ .ab-userLabel {
    color: #fff;;
}
.accor-direction {
    
}
.ab-userInput ~ .ab-userLabel .accor-direction:after {
    content: ''; 
    top: 0px;
    right: 20px;
}
.ab-userInput:checked ~ .ab-userLabel .accor-direction:after {
    content: '\25bc';
    top: 0px;
    right: 1.538em;
    float: right;
}
.ab-userInput:checked ~ .content {
    position: relative;
    top: -0.6em;
    height: 12.538em;
    border: 1px solid #ee8003;
    border-top: 0;
    margin-bottom: 0.5em;
    border-radius: 4px;
}
.userTable {
    width: 96%;
    margin-top: 0.769em;
    margin-left: 0.769em;
}
.user-th, .user-td {
    text-align: left;
    padding: 0.308em 0px;
}
.user-th {
    color: #000;
}
.user-td {
    color: #333;
}
.user-icon {
    text-align: right;
}
/*-------------NEW USER -------------*/
.ab-newUserBox {
    margin-bottom: 0em;
}
.ab-usernewContent {
    text-align: left;
    padding-left: 0.769em;
    margin-top: 1em;
    height: auto;
    border-radius: 4px;
    overflow: auto;
    background: #fff;
    background-color: rgba(255,255,255,0.95);
    color: #333;
}
.ab-input_alt {
    font-size: 0.923em;
    padding: 0.308em 0.254em;
    float: left;
    width: 97%;
    margin-bottom: 0.923em;
    background: #ffffff;
    background-color: rgba(255,255,255,0.5);
    border-radius: 4px;
    border: 1px solid #aaa;
    color: #333;
}
/*.newUser {
    font-size: inherit;
    width: 100%;
    height: 2.7em;
    padding: 0.8em 0 0 0;
    margin-bottom: -0.8em;
    margin-top: -0.8em;
    background: #001B2D;
    color: #fff;
}*/
.ab-inputCheck {
    margin-right: 0.5em;
}
.each-pkg {
    padding: 0.308em 0;
}
.pkg-xdate {
    font-size: 0.846em;
    display: inline;
    float: right;
    margin-right: 1em;
    color: #777;
}
.pkg-xdateData {
    display: inline;
    color: #333;
    margin-left: 0.385em;
}
.each-region-l {
    width: 100%;
    float: left;
    top: 0;
    position: relative;
    padding: 0.8em 0 0.8em 0;
    border-bottom: 1px solid #001B2D;
}
.each-region-r {
    padding: 0.308em 0;
    display: inline;
    float: left;
}
#menuTrigger:checked ~ .menu .regionItem {
    border-bottom: 0 solid transparent;
}
.region-button {
    position: relative;
    top: 40px;
    height: 2em;
    clear: left;
    width: 100%;
    text-align: center;
    font-size: 1em;
}
.region-button input.reg-btn {
    color: #fff;
    letter-spacing: 0.04em;
    border: 0;
    background: #F1881E;
    padding: 0.469em 0.8em;
    border-radius: 4px;
    text-decoration: none;
}
.region-button input.reg-btn:hover {
    color: #fff;
    letter-spacing: 0.04em;
    border: 0;
    background: #D2700F;
    padding: 0.469em 0.8em;
    border-radius: 4px;
    text-decoration: none;
}
/*--------------LOCK--------------*/

#triggerLock:checked ~ .userLockIcon {
    pointer-events: auto;
    
}

.userLockIcon {
    position: relative;
    top: 0;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition-property: -webkit-transform, box-shadow;
    transition-property: transform, box-shadow;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0 0 0 0px #eee;
}

.userLockIcon:before {
    content: '';
    position: relative;
    top: 0em;
    border-radius: inherit;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow 0.2s 0.4s ease-in-out;
    transition: box-shadow 0.2s 0.4s ease-in-out;
    /*background: url(../images/locked.png) no-repeat;*/
    width: 15px;
    height: 20px;
}
#triggerLock {
    position: relative;
    top: 0;
    left: 0px;
}
/*--------------------------------------------
            END USER MANGEMENT PAGE    
--------------------------------------------*/


/*--------------------------------------------
               COMPLETE PAGE    
--------------------------------------------*/
.complete {
    margin-top: 5em;
    background: #fff; 
    background-color: rgba(255,255,255,0.85);
    border-radius: 4px;
    
}
.home-icon {
    position: relative;
    width: 30px;
    height: 30px;
    bottom: 5px;
    margin-left: 0.5em;
    background: url(../images/home-w.svg) no-repeat;
}
.home-icon:hover {
    background: url(../images/home-o.svg) no-repeat;
}
.checkmark {
    position: relative;
    top: 0.5em;
    padding-right: 1em;
}
.ab-doneTitle {
    font-size: 2em;
    padding-bottom: 0.769em;
    padding-top: 0.385em;
}
.ab-p_done {
    font-size: 1em;
    padding-bottom: 1.750em; 
    text-align: center;
}
.backHomeDone {
    font-size: 1.2em;
    color: #ee8003;
}
/*--------------------------------------------
            END COMPLETE PAGE    
--------------------------------------------*/


/*--------------------------------------------
             LOADER
--------------------------------------------*/

.notification_text {
    font-size: 11pt; 
    color: #396BA5;
    text-align: center;
}

#loadCircle {
    text-align: center;
    margin-top: 10em;
}
#loadCircle img {
    width: 5%;
}
/*--------------------------------------------
            END LOADER 
--------------------------------------------*/



/*--------------------------------------------
            TOOLTIP
--------------------------------------------*/
#tooltip_container {
    display: none;
    font-size: 10pt;
    text-align: center;
    font-style: italic;
    padding: 1em;
    position: absolute;
    color: #ffffff;
    background: rgba(1,62,91,.95);
    border-radius: 4px;
    z-index: 100;
}
.tooltip-html-source {
    display: none;
}
.tooltip-html-menu {
    display: none;
}
/*--------------------------------------------
            END TOOLTIP 
--------------------------------------------*/


/*--------------------------------------------
            TABLE  
--------------------------------------------*/
table {
    width: 100%;
}
th {
    text-align: center;
}
td {
    text-align: left;
    border-collapse: collapse;
    height: 22px;
}
/*--------------------------------------------
            END TABLE 
--------------------------------------------*/


/*--------------------------------------------
            POPUPS
--------------------------------------------*/
.ui-widget-overlay {
    background: #000;
    opacity: 0.7;
}
.ui-dialog {
    padding: 0;
    border: 0;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow:    0px 8px 20px 0px rgba(0, 0, 0, 1);
    box-shadow:         0px 8px 20px 0px rgba(0, 0, 0, 1);
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0px;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 0;
    right: 0;
    top: 0px;
    height: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 0;
    left: 0;
    top: 0;
    height: 0;
}
.ui-dialog .ui-resizable-se {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    background-position: 0 0;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 0;
    height: 0;
    left: -5px;
    bottom: 0;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 0;
    height: 0;
    right: 0;
    top: 0;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
}
.ui-corner-all {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 1em;
}
.ui-widget-content {
    border: 0;
    background: #fff;
    color: #333;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 1em 0.8em;
}
.ui-widget-header {
    border: 0;
    background: #001B2D;
    font-weight: 500;
    color: #fff;
}
.ui-widget-content fieldset {
    text-align: center;
    line-height: 1.5;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 1em 0.5em;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 0px none;
    background: #F1881E;
    font-weight: 500;
    color: #333;
    border-radius: 4px;
}
.ui-state-default, .ui-widget-content .ui-state-default:hover {
    border: 0px none;
    background: #BD6317;
    font-weight: 500;
    color: #333;
    border-radius: 4px;
}
.ui-widget-header .ui-state-default {
    background: transparent;
}
.ui-widget-header .ui-state-default:hover {
    background: transparent;
}
/*----------------------------------------REPORT PAGE*/
.region-ediTitle, .pack-bought {
    margin-bottom: 1.5em;
    font-size: 1.125em
}
.regionsSelectField .region-checkbox {
    display: inline-block;
    line-height: 1.2;
    width: 43%;
}
.inputSelectRegion, .descriptRegion {
    float: left;
}

.descriptRegion {
    line-height: 1;
    margin-left: 0.8em;
}

.packQuestion {
    font-size: 1.125em;
    margin-bottom: 1em;
    
}
.pack-selected {
    font-weight: bold;
    text-decoration: underline;
    color: #001B2D;
}
.pack-add {
    font-size: 1em;
}
#successDialog {
    margin-top: 1.5em;
    text-align: center;
}
/*--------------------------------------------
            END POPUPS 
--------------------------------------------*/


/*--------------------------------------------
                MEDIA QUERIES   
--------------------------------------------*/
 body {
       /* min-width: 1024px;*/
    background: url(../images/mapTransp.png) no-repeat, linear-gradient(180deg,#013E5B,#fff,#013E5B);
    background-size: 40%, 100%;
    background-position: 0 35%;
    }
@media (max-width: 1024px) {
    
    body {
       /* min-width: 1024px;*/
    }
    .menu {
        width: 30%;
    }
}
@media (min-width: 1680px) {
    body {
        min-width: 90.000em;
    }
    .pillar-10 {
        width: 16.66667%; 
    }
    .pillar-1-10 {
        width: 66.6666%;
    }
    .pillar-1-6 {
        width:66.66666%;
    }
    .pillar-3_xl {
        width: 37%;
    }
    .pillar-3 {
        width: 25%;
    }
    .menu {
        width: 20%;
    }
    /*-------------------start-page----------------*/
    .startBlock {
       padding-bottom: 10em;
    }
    .ab-p_start {
        /*font-size: 1.377em;
        line-height: 258%;
        padding-bottom: 2.75em;*/
    }
    .startPageContent {
        width: 55%;
    }
    /*-------------------register-------------------*/
    .regBlock {
        padding-bottom: 16em;
    }
    /*-------------------login-------------------*/
    .logBlock {
        padding-bottom: 30em;
    }
    /*-------------------disclaimer-------------------*/
    .disBlock {
        padding-bottom: 5em;
    }
    .ab-p {
        font-size: 1.57em;
        line-height: 250%;
        padding-bottom: 0.75em;
        text-align: center;
    }
    .ab-center {
        padding-bottom: 4em;
    }
    /*-------------------conatct-------------------*/
    .conConatiner {
        padding-bottom: 20em;
    }
    /*---------------report center-----------*/
    .reportBlock {
        padding-bottom: 17em;
    }
    /*----------------user management-------------------*/
    .userManage {
        padding-bottom: 8em;
    }
    /*--------------------footer-------------------*/
   
}