*:focus { outline: none}

@font-face {
    font-family: 'AniversRegular';
    src: url('/res/fonts/anivers_regular-webfont.eot');
    src: url('/res/fonts/anivers_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/res/fonts/anivers_regular-webfont.woff') format('woff'),
         url('/res/fonts/anivers_regular-webfont.ttf') format('truetype'),
         url('/res/fonts/anivers_regular-webfont.svg#AniversRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color:#555;
    line-height: 100%;
    margin:0;
}

a, a:focus {color:#707070;}
a:hover, .hoveredLink {color:#329a30; text-decoration: underline;}
a:focus, a:active {outline:none;}
a:focus {text-decoration: none}
.clear {clear:both;}

p {margin: 0 0 20px;}
p strong {color:#4ca41c;}
p em {color:#4ca41c; font-style:normal}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin:0px 0px 10px; font-family: 'AniversRegular', sans-serif;}

h1, .h1 {color:#007732; font-weight:600; font-size:2.2em; margin:0px 20px 10px;}
h2, .h2 {color:#227732; font-weight:600; font-size:1.5em; margin:0px 0px 10px;}
h3, .h3 {color:#616762; font-weight:600; font-size:1.35em; margin:0px 0px 10px;}

.title1 {color:#33333d; font-size:40px; font-weight:600; margin-bottom:30px;}
.title2 {color:#329a30; font-size:40px; font-weight:600; text-transform:uppercase; margin-bottom:30px;}
.title3 {color:#616762; font-size:31px; font-weight:600; margin-bottom:20px;}


.txtgray {color:#d3d3d3;}
.txtgreen {color:#4ca41c;}

a.green-button {
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.78);
    background-color: #037f33;
    background-image: -moz-linear-gradient(top, #70BC2C, #037f33);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70BC2C), to(#037f33));
    background-image: -webkit-linear-gradient(top, #70BC2C, #037f33);
    background-image: -o-linear-gradient(top, #70BC2C, #037f33);
    background-image: linear-gradient(to bottom, #70BC2C, #037f33);
    background-repeat: repeat-x;
    border-color: #037f33;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70BC2C', endColorstr='#037f33', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-top-color: #2c872a !important;
}

a.green-button:hover {
    background-position: 0;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.78);
    background: #037f33;
/*    background-image: -moz-linear-gradient(top, #037f33, #70BC2C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#037f33), to(#70BC2C));
    background-image: -webkit-linear-gradient(top, #037f33, #70BC2C);
    background-image: -o-linear-gradient(top, #037f33, #70BC2C);
    background-image: linear-gradient(to bottom, #037f33, #70BC2C);
    background-repeat: repeat-x;*/
    border-color: #70BC2C;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#037f33', endColorstr='#70BC2C', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-top-color: #2c872a !important;
}

.stContent {
    background: url("/res/img/layout/bg-shadow-top.png") center top no-repeat;
    min-height: 400px;
    padding: 20px 20px 10px;
}

.mainBox {
    background: url('/res/img/layout/background-map.png') no-repeat right top;
}

.stBottom, .topShadow {
    background: url("/res/img/layout/bg-shadow-top.png") center top no-repeat;
    min-height: 50px;
    padding-top: 5px;
}

.stBottom {
    border-top: 1px solid #e3e3e3;
}

.stBottom .copyright {
    text-align: right;
    padding-right:10px;
}

.actionCell {width:20px; white-space: nowrap; text-align: center}


.avatar {
    border-radius: 2px;
    width: 40px;
    height: 40px;
    margin: 2px 6px;

    -webkit-box-shadow: 0px 0px 3px rgba(180, 180, 180, 0.6);
    -moz-box-shadow:    0px 0px 3px rgba(180, 180, 180, 0.6);
    box-shadow:         0px 0px 3px rgba(180, 180, 180, 0.6);

}

.avatar-lg {
    border-radius: 3px;
    width: 80px;
    height: 80px;
    margin: 7px;

    -webkit-box-shadow: 0px 0px 3px rgba(180, 180, 180, 0.6);
    -moz-box-shadow:    0px 0px 3px rgba(180, 180, 180, 0.6);
    box-shadow:         0px 0px 3px rgba(180, 180, 180, 0.6);

}

.avatar-xl {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    margin: 7px;

    -webkit-box-shadow: 0px 0px 3px rgba(180, 180, 180, 0.6);
    -moz-box-shadow:    0px 0px 3px rgba(180, 180, 180, 0.6);
    box-shadow:         0px 0px 3px rgba(180, 180, 180, 0.6);

}


/*Header*/
#mainHeader {
    border-top:5px solid #4eb033;
    background:url(/res/img/layout/header-bg.png) center bottom repeat-x #fff;
    position:relative;
    -webkit-box-shadow: 0px 5px 15px rgba(129, 129, 129, 1);
    -moz-box-shadow:    0px 5px 15px rgba(129, 129, 129, 1);
    box-shadow:         0px 5px 15px rgba(129, 129, 129, 1);
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-image: none;
    background-color: #4ca41c;
    color:#fff
}

.mainHeader {
    width: 100%;
    padding: 10px 0;
    position:relative;
}

.logo img {
    max-width:100%
}

.main-top-menu {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 9980;
    width: 60%;
}

.top-menu {
    display: block;
    margin:0px;
    padding:0px;
    padding-top: 10px;
    list-style:none;
    white-space: nowrap;
    text-align: right;
}

.top-menu > li {display:inline-block; margin-left: 5%;}
            .top-menu > li a:hover {text-decoration:none; color:#4ca41c}

            .top-menu > li .link-login {background:url(/res/img/layout/img-login.png) center left 1px no-repeat; padding-left:15px; display:inline-block;}
            .top-menu > li .link-logout {background:url(/res/img/layout/img-login.png) center left 1px no-repeat; padding-left:15px; display:inline-block;}
            .top-menu > li .link-signup {background:url(/res/img/layout/img-signup.png) center left 3px no-repeat; padding-left:10px;  display:inline-block;}
            .top-menu > li .link-inbox {background:url(/res/img/layout/img-email.png) center left 1px no-repeat; padding-left:23px;  display:inline-block;}
            .top-menu > li .switch-user {background:url(/res/img/icons/bw/rewind.png) center left -1px no-repeat; padding-left:23px;  display:inline-block;}

            #LanguageSwitcher .dropdown-menu a {padding-left: 25px; }
            #LanguageSwitcher .dropdown-menu a.selected {opacity: 0.5}
            #LanguageSwitcher .dropdown-menu a:hover {color:#fff}
            #LanguageSwitcher span {background-position:right top; background-repeat:no-repeat; width:16px; height:11px; display:inline-block}
            #LanguageSwitcher label {font-weight: normal}
            #LanguageSwitcher .dropdown-menu span {float:right; margin-top:4px;}
            .en, #LanguageSwitcher .dropdown-menu a.en:hover { background-image: url(/res/img/flags/en.png); background-repeat: no-repeat; background-position: 2px center}
            .pl, #LanguageSwitcher .dropdown-menu a.pl:hover { background-image: url(/res/img/flags/pl.png); background-repeat: no-repeat; background-position: 2px center}
            .pt, #LanguageSwitcher .dropdown-menu a.pt:hover { background-image: url(/res/img/flags/pt.png); background-repeat: no-repeat; background-position: 2px center}

            .nav a .caret, .nav a:hover .caret {
                border-top-color: #4ca41c  !important;
                border-bottom-color: #4ca41c !important
            }


        .headerUserInfo {
            padding: 6px 5px 10px;
            text-align: right;
            text-transform:uppercase;
        }

            .headerUserInfo .avatar {
                border-radius: 2px;
                margin-right: 8px;
                margin-left: 8px;
                width: 40px;
                height: 40px;
                vertical-align: middle;
            }

            .headerUserInfo a {
                color: #222;
            }

.gray-bg-container {background:#f7f7f7; border-top:1px solid #e8eae8; border-bottom:1px solid #e8eae8;}
.white-bg-container {background:#fff; border-top:1px solid #e8eae8; border-bottom:1px solid #e8eae8;}

.home-gray-block {padding-top:50px; margin-top:10px;}

	.home-gray-block .home-btns a {display:block; text-align:center; padding-bottom:20px;}




#mainMenuBar {
    background:#33333d;
    line-height:100%;
    margin-bottom:0px;
    border-bottom: #4EB033 3px solid;
    color:#999;
    box-shadow: inset 0px 0px 100px 30px rgba(4, 4, 4, 0.7);
    -moz-box-shadow: inset 0px 0px 100px 30px rgba(4, 4, 4, 0.7);
    -webkit-box-shadow: inset 0px 0px 100px 30px rgba(4, 4, 4, 0.7);
}

#mainMenuBar .container {
    width: 100%;
    position:relative;
    padding: 13px 15px 13px 35px;
}
#mainMenuBar .container a {
    color: #ddd;
    padding-right: 10px;
    padding-bottom: 12px;
    padding-left: 15px;
    text-shadow: 0 1px 0 rgba(50, 50, 50, 0.5);
    transition: all 0.15s linear 0s;
    text-decoration: none
}
#mainMenuBar .container a:hover { color: #7DC029; }

#mainMenuBar .container a.selected {
    color: #fff;
    font-weight: bold;
}
#mainMenuBar .container a.expanded {
    background: url('/res/img/layout/main-menu-selected.png') bottom center no-repeat;
}

#mainMenuBar .container.logged {
    background: url('/res/img/layout/car-gray.png') no-repeat left;
}

#subMenuBar {
    background-image: linear-gradient(to bottom, #f5f5f5, #dfdfdf);
    height: 35px;
    border-bottom: #bbb 1px solid;
}

#subMenuBar .container {position:relative; padding: 10px 15px 13px 0px;}

#subMenuBar .container a {
    color: #666;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-shadow: 0 1px 0 rgba(250, 250, 250, 0.5);
    transition: all 0.15s linear 0s;
    text-decoration: none
}
#subMenuBar .container a.selected {
    font-weight: bold;
}
#subMenuBar .container a.selected, #subMenuBar .container a.selected:hover {
    color: #000;
    background: url('/res/img/layout/sub-menu-selected.png') bottom center no-repeat;
}

#subMenuBar .container a:hover {
    color: #20a009;
}



.location-block {}
	.location-block-txt {text-align:center; margin-bottom:40px;}
	.location-block-map img {max-width:100%; margin-bottom:40px;}


.page-footer-gray-block .row {padding:30px 0px; font-size:18px; font-family: 'AniversRegular', sans-serif; font-weight:normal; color:#848486}

.visible-xs.mobile-logo-absolute {
    position: absolute;
    top: 13px;
    left: 7px;
    padding: 0px !important;
    margin: 0px !important;
}



.small-button-container {
    width: 350px;
    height: auto;
    margin: 10% auto;
    text-align: center;
}

.small-button {
    margin: 4% 0% 4% 0%;
}




/* Responsive SETTING by www.increativeweb.com */

@media (min-width: 1200px) {
.modal.container { width: 70%; margin: 0 auto 0 auto; }
}
 @media (max-width: 979px) {
.modal,  .modal.container,  .modal.modal-overflow { top: 1%; right: 1%; left: 1%; bottom: auto; width: auto !important; height: 100% !important; margin: 0 !important; padding: 0 !important; }
.modal.fade.in,  .modal.container.fade.in,  .modal.modal-overflow.fade.in { top: 1%; bottom: auto; }
.modal-body,  .modal-overflow .modal-body { position: static; margin: 0; height: auto !important; max-height: none !important; overflow: visible !important; }
.modal-footer,  .modal-overflow .modal-footer { position: static; }
}
.loading-spinner { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; }

.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes shake {  0%, 100% {-webkit-transform: translateX(0);}
 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
 @-moz-keyframes shake {  0%, 100% {-moz-transform: translateX(0);
}
 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);
}
 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);
}
}
 @-o-keyframes shake {  0%, 100% {-o-transform: translateX(0);
}
 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);
}
 20%, 40%, 60%, 80% {-o-transform: translateX(10px);
}
}
 @keyframes shake {  0%, 100% {transform: translateX(0);}
 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
 20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; }

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0; }
.modal { margin:2% 15% 5% 15%; z-index:20000; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; }





/* Responsive SETTING by www.increativeweb.com */

@media screen and (max-width:480px) {
        div.mainBox {
            margin-top: 84px;
        }

        #mainHeader {
            position: fixed;
            z-index: 1000;

            top: 0px;
            left: 0px;

            width: 100%;
            height: auto;
        }

        #subMenuBar {
            position: fixed;
            z-index: 1000;
            margin-top: 5px;
            width: 100%;
        }

        .user-index-list > .stContent,
        .company-index-list > .stContent {
            margin-top: 35px;
        }

        #mainMenuBar {
            position: fixed;
            z-index: 1000;

            top: 31px;
            left: 0px;

            width: 100%;
            height: auto;
        }

        #mainMenuBar .container {
            position:relative;
            padding: 22px 15px 18px 35px;
        }
        body {
            font-size: 1.3em !important;
        }
        .mainBox {
            padding: 5px 0px;
            background: none;
        }
        .well {
            padding: 6px;
        }
        #mainMenuBar .container a {
            padding-bottom:18px;
        }
        #subMenuBar .container a {
            padding-bottom:8px;
        }
        .headerUserInfo {display: none}
        #mainMenuBar .container.logged {background: none}
        .logged .logo {display:none}
        .top-menu > li .link-inbox {background:url(/res/img/layout/img-email-bw.png) center left 1px no-repeat;}
	.btn-download {width:280px; height:89px; background-size:contain}
		.btn-download span {width:280px; height:89px; background-size:contain}
			.btn-download strong {font-size:20px; padding:15px 0px 0px 0px; width:120px;}
			.btn-download strong em {font-size:13px;}
			.btn-download small{font-size:11px; width:130px; padding-top:25px;}
        .switch-user {
            width: 20px;
            height: 13px;
        }
        .hidden-smallest {
            display: none;
        }

        table.statistic {
            max-width: 100%;
            background: #fff;
        }
}

@media(max-width:767px) {
/*    .stContent {
        margin-top: 84px;
    }*/

.mainBox.application-login-index {
    margin-top: 120px;
}

    div.mainBox {
        margin-top: 84px;
    }

    #subMenuBar {
        position: fixed;
        z-index: 1000;
        margin-top: 64px;
        width: 100%;
    }

    .user-index-list > .stContent,
    .company-index-list > .stContent {
        margin-top: 35px;
    }

    #mainHeader {
        position: fixed;
        z-index: 949;

        top: 0px;
        left: 0px;

        width: 100%;
        height: auto;
    }

    #mainMenuBar {
        position: fixed;
        z-index: 1000;

        top: 41px;
        left: 0px;

        width: 100%;
        height: auto;
    }


    #mainMenuBar .container {
        position:relative; padding: 22px 15px 18px 35px;
    }
    body {
        font-size: 1.3em;
    }
    .mainBox {
        padding: 5px 0px;
        background: none;
    }
    .well {
        padding: 6px;
    }
    #mainMenuBar .container a {
        padding-bottom:18px;
    }
    #subMenuBar .container a {
        padding-bottom:8px;
    }
.mainBox { background: none !important; }
img {max-width:100%}
.mainHeader {padding-top: 10px; padding-bottom: 10px;}
 #mainMenuBar .container.logged {background: none}

 .top-menu > li .link-inbox {background:url(/res/img/layout/img-email-bw.png) center left 1px no-repeat;}
.main-top-menu {width:100%; background:#4eb033; right:0px; top:0px; padding:5px 0px;}
	.top-menu > li > a {color:#FFF; font-size: 1.1em; padding: 5px;}
	.top-menu > li > a:hover {color:#D1EBC3}
.mainHeader .col-xs-4, .mainHeader .col-xs-8 {width:100%}
	.mainHeader .col-xs-4.col-md-4 {text-align:center}
	.logo {display:inline-block; margin:40px auto 5px;}
        .logged .logo {display:none}

.home-row-contents {padding:40px 0px 0px;}
	.home-feature, .home-feature-content {padding:0px 0px 20px !important; min-height:inherit;}

.clint-testimonials {padding-top:30px; padding-bottom:30px;}

.footer-top {padding-top: 20px;}
.footer-top h4 {padding-top:30px;}

.find-a-partner {display:block; margin-top:30px;}
.chart-txt {position: static;width: 100%;}

.page-banner-top h2 {font-size:32px; margin-bottom:30px;}
	.page-banner-top .page-banner-links {margin-bottom:0px; padding-bottom:10px;}
	.page-banner-top .page-banner-links a {margin:10px 0px;}

.learn-more-list li {width:100%; }
	.learn-more-list figure { border-left:0px !important;}
	.learn-more-list li.border-b0 figure {border-bottom:1px solid #dcdcdc !important;}
	.learn-more-list li:last-child figure { border-bottom:0px !important;}
	.learn-more-list li:hover { }
		.learn-more-list li:hover figcaption {width:130px;}
		.learn-more-list h3 {padding-top:30px;}

.page-footer-gray-block .col-md-4 {padding-top:20px;}

.singu-mobility img {padding-top:20px;}
.communication img {padding-bottom:20px;}
.asset-map {margin-top:20px;}

#rcol {display: none;}
.mainBox {background: none}
.headerUserInfo {display: none}
.stContent {
    padding: 20px 0px;
}

table.statistic {
    max-width: 100%;
    background: #fff;
}

}


@media(min-width:768px) and (max-width:991px) {
    #rcol {display: none;}
    .mainBox {background: none};
}
@media(min-width:992px) and (max-width:1199px) {
    #rcol {display: none;}
}
@media(min-width:1200px) {
}



.popupClose, .fmClose {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("/res/img/layout/close.gif") no-repeat center
}
.popupClose {
    position: absolute;
    top: 14px;
    right: 4px
}

.fmClose {
    position: relative;
    float:right;
    top:-10px;
    right: -10px
}


.loading .dijitTooltipDialog {
    display: none;
}


.dialog .dijitTooltipContents > span, .popupTitle {
    font-size: 14px;
    text-decoration: underline;
    font-weight:bold;
}
.popupTitle { cursor: move}
.dialog table,
.verticalList {
    background: #fff;
    border: #999 1px solid;
    margin-top:5px;
    -moz-box-shadow: 1px 2px 3px #999;
    -webkit-box-shadow: 1px 2px 3px #999;
    box-shadow: 1px 2px 3px #999
}

table.role-to-privs td{
    padding: 8px;
}

.dialog table td, table.verticalList td {
    height: auto;
    font-size:12px;
    background-color:#fff;
    border-bottom: #ccc 1px solid;
    padding: 3px
}
.dialog table th,
table.verticalList th,
.dialog table th.dark,
table.verticalList th.dark {
    font-size:15px;
    text-align: right;
    padding: 3px 5px 3px 8px;
    background-color: #f5f5f5;
    border-bottom: #aaa 1px solid;
    border-right: #aaa 1px solid
}
.dialog table th.dark,
table.verticalList th.dark {
    background: #ddd
}
table.verticalList tr.centered th,
table.verticalList tr.centered td{
    text-align: center;
}

.dialog table td, table.verticalList td {
    height: auto;
    font-size:13px;
    background-color:#fff;
    border-bottom: #ccc 1px solid;
    padding: 8px
}
table.dijitSelect td,
table.verticalList { padding: 1px}
.dialog table tr.inactive td,
table.verticalList tr.inactive td { background-color: #eee}
table.form tr td  { padding-left: 15px; vertical-align:top }
table.form tr th {
    text-align: right;
    padding-right: 5px;
    vertical-align:middle
}
.form-control.dijitComboBox .dijitInputField{
    padding: 4px;
}

table.form tr th span.info { font-weight: normal; font-size:10px }

/* List table */

table.list {
    width: 100%;
    border-spacing: 1px;
    background-color: rgba(200,200,200,0.3);
    color: #666;
    margin-bottom:6px;
    -moz-box-shadow: 1px 2px 3px #5F5F5F;
    -webkit-box-shadow: 1px 2px 3px #5F5F5F;
    box-shadow: 1px 2px 3px #5F5F5F;
}

table.list td,
table.list th {
    padding: 8px;
    empty-cells:show;
}

table.list thead th, table.list tr.green th {
    text-align: center;
    background-color: #5f5f5f;
    color: #fff;
    padding-left:10px;
    padding: 5px;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    font-size:16px;
}

table.list thead a:hover { text-decoration: none; }

table.list thead th img { vertical-align: middle; }

table.list tbody th { font-weight: bold; font-family: 'AniversRegular';}

table.list tbody tr { background-color: rgba(255,255,255,0.3);  text-align: left; }
table.list tbody tr.rowRed {background-color:#F7AAAA}

table.list tbody tr.row0:hover td,
table.list tbody tr.row1:hover td  { background-color: rgba(0,50,200, 0.1) ; }
table.list tbody tr.inactive td { background-color:#ddd; }
table.list tbody tr.inactive:hover td { background-color:#ccc; }
table.list tbody tr.warning td { background-color:#FBCDCE; }
table.list tbody tr.warning:hover td { background-color:#CBA6A7; }

table.list thead tr th {background: url('/res/img/layout/list-table-th-grad.jpg') repeat-x #5f5f5f; font-family: 'AniversRegular';}
table.list tbody tr td 	   { height: 25px; background: rgba(255,255,255,0.4); border: 1px solid #fff; }
table.list tbody tr.row1 td { background: rgba(200,200,200,0.3); border-top: 1px solid #FFF; }

table.list tfoot tr { text-align: center;  color: #333; }
table.list tfoot td,
table.list tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.list td.order 		{ text-align: center; white-space: nowrap; }
table.list td.order span { float: left; display: block; width: 20px; text-align: center; }

table.list .pagination { display:table; padding:0;  margin:0 auto;	 }


.list2 {
    border: #ccc 1px solid;
    background-color:#fff;
    margin-top: 1px
}
.list2 thead tr td {
    border-top:#999682 1px solid;
    background: url('/res/img/layout/td-light-bg.gif') center center;
    padding-left:25px;
    color: #333;
    font-weight:bold
}
.list2 tr td {
    padding:3px;
    background-color:#f5f5f5;
    color:#2B2F0F;
    font-size:10px;
    font-family:verdana;
    border-bottom: #ccc 1px dotted;
    empty-cells:show;
    text-align:left
}
.list2 tbody tr.rowRed td {background-color:#F7AAAA}
.list2 tr th {
    background-color:#777;
    text-align:center;
    color:#fff;
    font-family:verdana;
    font-size:10px;
    padding-left:3px;
    padding-right:3px;
    border-bottom: #ccc 1px solid
}
.list2 tfoot tr td {
    background-color: #DFDBC3;
    font-size:11px;
    font-weight:bold;
}


#profiler { font-size:11px;}
#profiler li {line-height: 100%}
.profiler .generalInfo { padding:2px 10px; float:left}
.profiler .generationTime { padding:2px 10px; float:left}
.claro .profiler .f12 { font-family:tahoma; font-size:11px; color:#777}
.profiler b span { color:#c00}
.profiler .suppervisior { padding:2px 10px; float:left}
.profiler .baseOnInfo { float:right; font-size:9px; padding-top:4px; color:#999; font-weight:bold; font-family:tahoma}
.profiler .baseOnInfo a img { margin:-6px 10px 5px 3px}
.profiler .top { vertical-align: top}

/* Profiler*/
.profiler { overflow: auto}
.profiler table { width: 100%}
.profiler .lp { color: #747F27; text-align:right}
.profiler .func { text-align:right; padding-right:4px}
.profiler .func.gray { color:#737F1F}
.profiler .red { color: #f00}
.profiler .backtrace { font-family:tahoma}
.profiler .backtrace div { max-width:310px; overflow:auto; white-space: nowrap}
.profiler .backtrace div b { color: #444}
.profiler .backtraceRow { display:none; color:#444}
.profiler .query { padding: 3px; font-family: courier new; font-size:11px; color: #777}
.profiler .blue { color: #006}
.profiler .params { max-width:250px; overflow:auto; height:100%}
.profiler .info { padding-left:5px; font-family:tahoma}
.profiler .total { color: #747F27; text-align:right}
.profiler .noProfiles { padding:15px; text-align:center}
.profiler .lifetime { padding-left:5px}
.profiler .cacheBlue { padding: 3px; font-family: courier new; font-size:11px; color:#006}
.profiler .cacheRed { padding: 3px; font-family: courier new; font-size:11px; color:#006}
.profiler .unset { color:#c00}
.profiler .listItems ul { font-size:11px; padding:10px; font-family:courier new}
.profiler .querySql { font-family:tahoma}
.profiler .filesList { font-size:11px; padding:10px; font-family:courier new; line-height: 100%}
.profiler .filesList ol li { margin-bottom: 0}

.profiler .filesList .darkGreen li {color: #1B440A}
.profiler .filesList .darkOrange  li{color: #9B410E}
.profiler .filesList .green li {color: #070}
.profiler .filesList .black li {color: #000}


.fr { float: right}
.fl { float: left}

.width60, .dijit.width60 {width:60px}
.width80, .dijit.width80 {width:80px}
.width100, .dijit.width100 {width:100px}
.width120, .dijit.width120 {width:120px}
.width130, .dijit.width130 {width:130px}
.width150, .dijit.width150 {width:150px}
.width200, .dijit.width200 {width:200px}
.width250, .dijit.width250 {width:250px}
.width300, .dijit.width300 {width:300px}
.width400, .dijit.width400 {width:400px}
.width500, .dijit.width500 {width:500px}
.width600, .dijit.width600 {width:600px}
.width700, .dijit.width700 {width:700px}
.fullWidth,.dijit.fullWidth {width: 100%}

.pad10 { padding: 10px }
.middleInfo { margin: 30px 0;}

.postToRight { margin-left:30px; color:#005}
.postToLeft { color:#600}

.displayNone { display: none}
.displayBlock { display: block}
.displayInline { display: inline}
.displayInlineBlock { display: inline-block}
.textLeft { text-align: left}
.textRight { text-align: right}
.textCenter { text-align: center}
.textNoWrap { white-space: nowrap}
.textBold, .unreadMessage { font-weight: bold}
.textUndelined { text-decoration: underline}
.textDecorationNone { text-decoration: none}


.box {
    background: rgba(225,225,225,0.75);
    font-family: 'AniversRegular';
    color: #030;
    border: #ccc 1px solid;
    border-top: #bbb 1px solid;
    padding: 5px 10px 15px 10px;
    -moz-box-shadow: 1px 2px 3px #999;
    -webkit-box-shadow: 1px 2px 3px #999;
    box-shadow: 1px 2px 3px #999;
    margin-bottom: 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.box .title {
    margin: -5px -10px 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5px 5px 5px 20px;
    background: #fff url('/res/img/layout/shadow-b.png') no-repeat top center;
    border-bottom: #bbb 1px solid;
}
.box .title h2 {
    background: url('/res/img/layout/bullet.png') no-repeat left;
    margin-bottom: 0px;
    padding-left:25px;
}


/* form elements */

table.form tr td  { padding: 3px 3px 3px 15px; vertical-align:top }
table.form tr td.narrow { padding: 3px }
table.form tr th {
    text-align: right;
    padding: 3px 5px 3px 3px;
    vertical-align: middle;
}
table.form tr th span.info { font-weight: normal; font-size:10px }

table .contentBox {
    margin:0px;
    margin-top: 0 !important;
    width:100%;
    -moz-box-shadow: 0px 0px 5px #666;
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
}

fieldset     > div,
.contentBox  > div {
    display: table-cell;
}

.boxContentBackground {
    margin-bottom: 10px;
    background-color: #d2dbe7;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

fieldset p {  margin: 10px 0px;  }

legend {
    color: #126F34;
    font-size: 15px;
    font-weight: bold;
    font-family:'AniversRegular';
}

fieldset table tr th {
    text-align: left;
    padding-left:10px;
    white-space: nowrap;
}

.actionLinkIcon {
    padding:0 5px 0px 10px;
}

.actionButtonIcon {
    padding:0 5px 0px 0px;
}

.actionButton {
    margin: 0 2px;
}


.dijitTextBox input,
.dijitTextBox input:focus{
    line-height: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
}

input.dijitValidationIcon {
    border: none;
    opacity: 0;
}

.dijitSelectLabel {
    font-size: 14px;
}

#bodyContentMain .dijitTextBox {
    font-size: 14px;
    padding: 2px;
    border-radius: 2px;
}

.form-control.dijitSelect .dijitButtonText,
.form-control.dijitComboBox .dijitButtonText {
    padding-left: 5px;
}
.form-control.dijitSelect .dijitArrowButton,
.form-control.dijitComboBox .dijitArrowButton {
   border-radius: 0 5px 5px 0;
   width: 10px;
}

.form-control.dijitDateTextBox .dijitArrowButton {
    padding: 4px 1px;
    width: 19px;
    margin-top: -2px;
}

.form-control.dijitDateTextBox .dijitArrowButton .dijitArrowButtonInner {
    border: none;
}

.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode{

    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.78);
    background-color: #037f33;
    *background-color: #037f33;
    background-image: -moz-linear-gradient(top, #70BC2C, #037f33);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70BC2C), to(#037f33));
    background-image: -webkit-linear-gradient(top, #70BC2C, #037f33);
    background-image: -o-linear-gradient(top, #70BC2C, #037f33);
    background-image: linear-gradient(to bottom, #70BC2C, #037f33);
    background-repeat: repeat-x; border-color: #037f33;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70BC2C', endColorstr='#037f33', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-top-color:#2c872a !important
}

.claro .dijitButtonHover .dijitButtonNode,
.claro .dijitDropDownButtonHover .dijitButtonNode{
    *background-color: #0a672c;
    background-image: -moz-linear-gradient(top, #4D8B21, #0a672c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D8B21), to(#0a672c));
    background-image: -webkit-linear-gradient(top, #4D8B21, #0a672c);
    background-image: -o-linear-gradient(top, #4D8B21, #0a672c);
    background-image: linear-gradient(to bottom, #4D8B21, #0a672c);
    background-repeat: repeat-x;
    border-color: #0a672c;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D8B21', endColorstr='#0a672c', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

 .claro .dijitButton .dijitButtonContents,
 .claro .dijitDropDownButton .dijitButtonContents{
  font-size: 14px;
  line-height: 25px;
}

.dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton {
    margin: 0 0.2em;
}

pre,
blockquote {
    border: none;
}

.readonly, .dijitTextBox.readonly{ background-color: #F0F0F0; }


a.delete {
    vertical-align:middle;
    display:inline-block;
    background: url('/res/img/icons/delete-gray.png') no-repeat;
    width: 16px;
    height: 16px;
}

a.delete:hover {
    background: url('/res/img/icons/delete.png') no-repeat;
}

.icon {vertical-align: middle}

.greenText { color: #0C7732}
.lightGreenText {color: #4CA32F}

.searchBox {
    background-image: url('/res/img/icons/bw/search.png');
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.messageBox {
    min-height: 200px;
    vertical-align: top;
    font-size:18px;
    font-family: AniversRegular;
    line-height: 110%
}

.unreadIndicator {
    background: #f00;
    color: #fff;
    font-weight: bold;
    padding: 1px 4px;
    border-radius: 10px;

}

.borderless tbody tr td, .borderless thead tr th {
    border: none;
}

.ico-add {
    background: url(/res/img/icons/bw/add.png) no-repeat;
    background-position: right 10px center;
}

.comment-box {
    width: 100%;
    height: auto;
}

.owned-name {
    width: 100%;
    text-align: center;
}

.comment-rating-star {
    float: left;
    display: block;
}

.comment-rating {
    width: 100%;
    height: 20px;

    margin: 0px 0px 10px 0px;
}

.comment-rating-star {
    margin: 2px 2px 2px 0px;
}

.left-side-comment {
    width: 18%;
    height: 60px;
    float: left;
    text-align: center;
}

.right-side-comment {
    width: 82%;
    height: auto;
    float: left;

    margin: 0;
}

.right-side-comment .user-in-comment-rating {
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.moderate-comment-box {
    margin: 5px 0px;
}

/* Demo */

.avatar-demo {
    float: left;
    margin-right: 20px;
}

.name-demo {
    height: 100%;
    margin-top: 35px;
    float: left;
}

.activeIcon {
    opacity: 0.5;
}
.activeIcon:hover {
    opacity: 1;
}

#userList.login-to-user-demo td {
    line-height: 40px;
}

.no-float {
    float: none;
}

.center-text {
    text-align: center;
}

#userList.login-to-user-demo tr:last-child td{
    padding-bottom: 24px;
}

#userList.login-to-user-demo th {
    padding-top: 30px;
}

.observed-route-list {
    border-color: #FFFF8E;
    background-color: #FFFFCE;
}

.logo-title {
    margin: 10px 0px 0px 0px;
    font-size: 16px;
}

.close-more {
    padding: 5px;
    float: right;
}

.help {
    display: block;
    text-align: center;
    width: 20px;
    height: 20px;
    border: 1px solid #464547;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#deleteAccountDialog {
    margin: auto !important;
    width: 80% !important;
    overflow: auto !important;
}
@media (min-width: 1200px) {
    #deleteAccountDialog {
        height: 210px;
    }
}

@media (max-width: 1199px) {
    #deleteAccountDialog {
        height: 45% !important;
        min-height: 210px;
    }
}

@media (min-width: 1199px) {
    .fixedMap {
        position: fixed;
    }
}

@media (min-width: 770px) {
   .accept-right {
      float: right;
   }
}
#controlIcon {
   opacity: 0.9;
   position: absolute;
   top: -25px;
   height: 20px;
   width: 300px;
   background: #000;
}

#snapShot {
    min-height: 300px;
    min-width: 300px;
    max-width: 1600px
}

.btn-file {
    position: relative;
    overflow: hidden;
    font-size: 7em;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-file:hover {
    cursor: pointer;
    color: #329a30;
}

#closeAvatar {
    width: 100%;
    text-align: right;
}

.panel-conversation:hover {
    background: #F5F5F5;
}

.panel-conversation .panel-title, .panel-conversation {
    padding: 5px;
}

.conversationRow {
    cursor: pointer;
}
.alert {
    //white-space: normal;
}



/* Mobile modal info */
.sk-folding-cube {
  margin: 0px -40px;
  width: 80px;
  height: 80px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4EB033;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}


#mobileIndicator { position: fixed; top: 50%; left: 50%; z-index: 10000;}

#mobileLoadingMask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(53, 53, 53);
    top: 0;
    opacity: 0.9;
    z-index: 1000;
}

.html5Widget {
    padding: 0px !important;
}

table.statistic {
    max-width: 50%;
    background: #fff;
}

.m-r-5 {
    margin-right: 5px !important;
}

.w-120 {width: 120px !important;}
.w-80 {width: 80px !important;}
.w-40 {width: 40px !important;}

#scores-tab td {
    padding: 5px;
    line-height: 32px;
}

.statistics-container {
    margin-top: 20px;
    max-width: 1050px;
}

#rankingList td {
    line-height: 43px;
}

.panel-info .passengerRemoveButton {
    display: block;
}

.passengerRemoveButton {
    display: none;
}

#keyboard {
    background: #d4d5d9;
    height: 295px;
    border: 1px solid #b4b5b8;
    padding-top: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pac-container {
    z-index: 20000;
}

.confirmDialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}

.confirm {
    background-color: white;
    width: 500px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 30%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.confirm header {
    border-bottom: 1px solid #e5e5e5;
    background-color: #f6f7f9;
    padding: 20px 10px;
    font-weight: 800;
    color: #555;
    border-radius: 5px;
    margin: 0;
}

#confirm-msg {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px;
}

.confirm footer {
    background-color: #f6f7f9;
    padding: 15px;
    border-radius: 5px;
    height: 50px;
}

.confirm button {
    width: 80px;
    position: absolute;
    height: 30px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
}

#cancelBtn {
    left: 50px;
    background-color: #b8bdb8;
    border: solid 1px #b8bdb8;
}

#confirmBtn {
    right: 50px;
    background-color: red;
    border: 1px solid red;
}